/* Start:/local/templates/.default/assets/css/app.min.css?1746543092205676*/
*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

body {
    display: grid;
    grid-template-columns: 100% 0;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

a {
    color: #000;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0)
}

a:hover {
    color: #cc9933;
    text-decoration: underline
}

a:not([href]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

select {
    word-wrap: normal
}

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

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

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

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

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

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

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

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

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

.slick-track {
    display: flex;
    margin-left: auto;
    margin-right: auto
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    height: 100%;
    min-height: 1px;
    display: none
}

.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 rgba(0, 0, 0, 0)
}

.slick-arrow.slick-hidden {
    display: none
}

@font-face {
    font-family: FontAwesome;
    src: url(/local/templates/.default/assets/css/../fonts/fontawesome-webfont.eot?v=4.7.0);
    src: url(/local/templates/.default/assets/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(/local/templates/.default/assets/css/../fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2"), url(/local/templates/.default/assets/css/../fonts/fontawesome-webfont.woff?v=4.7.0) format("woff"), url(/local/templates/.default/assets/css/../fonts/fontawesome-webfont.ttf?v=4.7.0) format("truetype"), url(/local/templates/.default/assets/css/../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14286em;
    list-style-type: none
}

.fa-ul > li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    top: .14286em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    animation: fa-spin 1s infinite steps(8)
}

@keyframes fa-spin {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    transform: rotate(90deg)
}

.fa-rotate-180 {
    transform: rotate(180deg)
}

.fa-rotate-270 {
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    transform: scale(1, -1)
}

:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: ""
}

.fa-music:before {
    content: ""
}

.fa-search:before {
    content: ""
}

.fa-envelope-o:before {
    content: ""
}

.fa-heart:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-star-o:before {
    content: ""
}

.fa-user:before {
    content: ""
}

.fa-film:before {
    content: ""
}

.fa-th-large:before {
    content: ""
}

.fa-th:before {
    content: ""
}

.fa-th-list:before {
    content: ""
}

.fa-check:before {
    content: ""
}

.fa-close:before,
.fa-remove:before,
.fa-times:before {
    content: ""
}

.fa-search-plus:before {
    content: ""
}

.fa-search-minus:before {
    content: ""
}

.fa-power-off:before {
    content: ""
}

.fa-signal:before {
    content: ""
}

.fa-cog:before,
.fa-gear:before {
    content: ""
}

.fa-trash-o:before {
    content: ""
}

.fa-home:before {
    content: ""
}

.fa-file-o:before {
    content: ""
}

.fa-clock-o:before {
    content: ""
}

.fa-road:before {
    content: ""
}

.fa-download:before {
    content: ""
}

.fa-arrow-circle-o-down:before {
    content: ""
}

.fa-arrow-circle-o-up:before {
    content: ""
}

.fa-inbox:before {
    content: ""
}

.fa-play-circle-o:before {
    content: ""
}

.fa-repeat:before,
.fa-rotate-right:before {
    content: ""
}

.fa-refresh:before {
    content: ""
}

.fa-list-alt:before {
    content: ""
}

.fa-lock:before {
    content: ""
}

.fa-flag:before {
    content: ""
}

.fa-headphones:before {
    content: ""
}

.fa-volume-off:before {
    content: ""
}

.fa-volume-down:before {
    content: ""
}

.fa-volume-up:before {
    content: ""
}

.fa-qrcode:before {
    content: ""
}

.fa-barcode:before {
    content: ""
}

.fa-tag:before {
    content: ""
}

.fa-tags:before {
    content: ""
}

.fa-book:before {
    content: ""
}

.fa-bookmark:before {
    content: ""
}

.fa-print:before {
    content: ""
}

.fa-camera:before {
    content: ""
}

.fa-font:before {
    content: ""
}

.fa-bold:before {
    content: ""
}

.fa-italic:before {
    content: ""
}

.fa-text-height:before {
    content: ""
}

.fa-text-width:before {
    content: ""
}

.fa-align-left:before {
    content: ""
}

.fa-align-center:before {
    content: ""
}

.fa-align-right:before {
    content: ""
}

.fa-align-justify:before {
    content: ""
}

.fa-list:before {
    content: ""
}

.fa-dedent:before,
.fa-outdent:before {
    content: ""
}

.fa-indent:before {
    content: ""
}

.fa-video-camera:before {
    content: ""
}

.fa-image:before,
.fa-photo:before,
.fa-picture-o:before {
    content: ""
}

.fa-pencil:before {
    content: ""
}

.fa-map-marker:before {
    content: ""
}

.fa-adjust:before {
    content: ""
}

.fa-tint:before {
    content: ""
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: ""
}

.fa-share-square-o:before {
    content: ""
}

.fa-check-square-o:before {
    content: ""
}

.fa-arrows:before {
    content: ""
}

.fa-step-backward:before {
    content: ""
}

.fa-fast-backward:before {
    content: ""
}

.fa-backward:before {
    content: ""
}

.fa-play:before {
    content: ""
}

.fa-pause:before {
    content: ""
}

.fa-stop:before {
    content: ""
}

.fa-forward:before {
    content: ""
}

.fa-fast-forward:before {
    content: ""
}

.fa-step-forward:before {
    content: ""
}

.fa-eject:before {
    content: ""
}

.fa-chevron-left:before {
    content: ""
}

.fa-chevron-right:before {
    content: ""
}

.fa-plus-circle:before {
    content: ""
}

.fa-minus-circle:before {
    content: ""
}

.fa-times-circle:before {
    content: ""
}

.fa-check-circle:before {
    content: ""
}

.fa-question-circle:before {
    content: ""
}

.fa-info-circle:before {
    content: ""
}

.fa-crosshairs:before {
    content: ""
}

.fa-times-circle-o:before {
    content: ""
}

.fa-check-circle-o:before {
    content: ""
}

.fa-ban:before {
    content: ""
}

.fa-arrow-left:before {
    content: ""
}

.fa-arrow-right:before {
    content: ""
}

.fa-arrow-up:before {
    content: ""
}

.fa-arrow-down:before {
    content: ""
}

.fa-mail-forward:before,
.fa-share:before {
    content: ""
}

.fa-expand:before {
    content: ""
}

.fa-compress:before {
    content: ""
}

.fa-plus:before {
    content: ""
}

.fa-minus:before {
    content: ""
}

.fa-asterisk:before {
    content: ""
}

.fa-exclamation-circle:before {
    content: ""
}

.fa-gift:before {
    content: ""
}

.fa-leaf:before {
    content: ""
}

.fa-fire:before {
    content: ""
}

.fa-eye:before {
    content: ""
}

.fa-eye-slash:before {
    content: ""
}

.fa-exclamation-triangle:before,
.fa-warning:before {
    content: ""
}

.fa-plane:before {
    content: ""
}

.fa-calendar:before {
    content: ""
}

.fa-random:before {
    content: ""
}

.fa-comment:before {
    content: ""
}

.fa-magnet:before {
    content: ""
}

.fa-chevron-up:before {
    content: ""
}

.fa-chevron-down:before {
    content: ""
}

.fa-retweet:before {
    content: ""
}

.fa-shopping-cart:before {
    content: ""
}

.fa-folder:before {
    content: ""
}

.fa-folder-open:before {
    content: ""
}

.fa-arrows-v:before {
    content: ""
}

.fa-arrows-h:before {
    content: ""
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: ""
}

.fa-twitter-square:before {
    content: ""
}

.fa-facebook-square:before {
    content: ""
}

.fa-camera-retro:before {
    content: ""
}

.fa-key:before {
    content: ""
}

.fa-cogs:before,
.fa-gears:before {
    content: ""
}

.fa-comments:before {
    content: ""
}

.fa-thumbs-o-up:before {
    content: ""
}

.fa-thumbs-o-down:before {
    content: ""
}

.fa-star-half:before {
    content: ""
}

.fa-heart-o:before {
    content: ""
}

.fa-sign-out:before {
    content: ""
}

.fa-linkedin-square:before {
    content: ""
}

.fa-thumb-tack:before {
    content: ""
}

.fa-external-link:before {
    content: ""
}

.fa-sign-in:before {
    content: ""
}

.fa-trophy:before {
    content: ""
}

.fa-github-square:before {
    content: ""
}

.fa-upload:before {
    content: ""
}

.fa-lemon-o:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-square-o:before {
    content: ""
}

.fa-bookmark-o:before {
    content: ""
}

.fa-phone-square:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: ""
}

.fa-github:before {
    content: ""
}

.fa-unlock:before {
    content: ""
}

.fa-credit-card:before {
    content: ""
}

.fa-feed:before,
.fa-rss:before {
    content: ""
}

.fa-hdd-o:before {
    content: ""
}

.fa-bullhorn:before {
    content: ""
}

.fa-bell:before {
    content: ""
}

.fa-certificate:before {
    content: ""
}

.fa-hand-o-right:before {
    content: ""
}

.fa-hand-o-left:before {
    content: ""
}

.fa-hand-o-up:before {
    content: ""
}

.fa-hand-o-down:before {
    content: ""
}

.fa-arrow-circle-left:before {
    content: ""
}

.fa-arrow-circle-right:before {
    content: ""
}

.fa-arrow-circle-up:before {
    content: ""
}

.fa-arrow-circle-down:before {
    content: ""
}

.fa-globe:before {
    content: ""
}

.fa-wrench:before {
    content: ""
}

.fa-tasks:before {
    content: ""
}

.fa-filter:before {
    content: ""
}

.fa-briefcase:before {
    content: ""
}

.fa-arrows-alt:before {
    content: ""
}

.fa-group:before,
.fa-users:before {
    content: ""
}

.fa-chain:before,
.fa-link:before {
    content: ""
}

.fa-cloud:before {
    content: ""
}

.fa-flask:before {
    content: ""
}

.fa-cut:before,
.fa-scissors:before {
    content: ""
}

.fa-copy:before,
.fa-files-o:before {
    content: ""
}

.fa-paperclip:before {
    content: ""
}

.fa-floppy-o:before,
.fa-save:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-bars:before,
.fa-navicon:before,
.fa-reorder:before {
    content: ""
}

.fa-list-ul:before {
    content: ""
}

.fa-list-ol:before {
    content: ""
}

.fa-strikethrough:before {
    content: ""
}

.fa-underline:before {
    content: ""
}

.fa-table:before {
    content: ""
}

.fa-magic:before {
    content: ""
}

.fa-truck:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-money:before {
    content: ""
}

.fa-caret-down:before {
    content: ""
}

.fa-caret-up:before {
    content: ""
}

.fa-caret-left:before {
    content: ""
}

.fa-caret-right:before {
    content: ""
}

.fa-columns:before {
    content: ""
}

.fa-sort:before,
.fa-unsorted:before {
    content: ""
}

.fa-sort-desc:before,
.fa-sort-down:before {
    content: ""
}

.fa-sort-asc:before,
.fa-sort-up:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-rotate-left:before,
.fa-undo:before {
    content: ""
}

.fa-gavel:before,
.fa-legal:before {
    content: ""
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: ""
}

.fa-comment-o:before {
    content: ""
}

.fa-comments-o:before {
    content: ""
}

.fa-bolt:before,
.fa-flash:before {
    content: ""
}

.fa-sitemap:before {
    content: ""
}

.fa-umbrella:before {
    content: ""
}

.fa-clipboard:before,
.fa-paste:before {
    content: ""
}

.fa-lightbulb-o:before {
    content: ""
}

.fa-exchange:before {
    content: ""
}

.fa-cloud-download:before {
    content: ""
}

.fa-cloud-upload:before {
    content: ""
}

.fa-user-md:before {
    content: ""
}

.fa-stethoscope:before {
    content: ""
}

.fa-suitcase:before {
    content: ""
}

.fa-bell-o:before {
    content: ""
}

.fa-coffee:before {
    content: ""
}

.fa-cutlery:before {
    content: ""
}

.fa-file-text-o:before {
    content: ""
}

.fa-building-o:before {
    content: ""
}

.fa-hospital-o:before {
    content: ""
}

.fa-ambulance:before {
    content: ""
}

.fa-medkit:before {
    content: ""
}

.fa-fighter-jet:before {
    content: ""
}

.fa-beer:before {
    content: ""
}

.fa-h-square:before {
    content: ""
}

.fa-plus-square:before {
    content: ""
}

.fa-angle-double-left:before {
    content: ""
}

.fa-angle-double-right:before {
    content: ""
}

.fa-angle-double-up:before {
    content: ""
}

.fa-angle-double-down:before {
    content: ""
}

.fa-angle-left:before {
    content: ""
}

.fa-angle-right:before {
    content: ""
}

.fa-angle-up:before {
    content: ""
}

.fa-angle-down:before {
    content: ""
}

.fa-desktop:before {
    content: ""
}

.fa-laptop:before {
    content: ""
}

.fa-tablet:before {
    content: ""
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: ""
}

.fa-circle-o:before {
    content: ""
}

.fa-quote-left:before {
    content: ""
}

.fa-quote-right:before {
    content: ""
}

.fa-spinner:before {
    content: ""
}

.fa-circle:before {
    content: ""
}

.fa-mail-reply:before,
.fa-reply:before {
    content: ""
}

.fa-github-alt:before {
    content: ""
}

.fa-folder-o:before {
    content: ""
}

.fa-folder-open-o:before {
    content: ""
}

.fa-smile-o:before {
    content: ""
}

.fa-frown-o:before {
    content: ""
}

.fa-meh-o:before {
    content: ""
}

.fa-gamepad:before {
    content: ""
}

.fa-keyboard-o:before {
    content: ""
}

.fa-flag-o:before {
    content: ""
}

.fa-flag-checkered:before {
    content: ""
}

.fa-terminal:before {
    content: ""
}

.fa-code:before {
    content: ""
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: ""
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: ""
}

.fa-location-arrow:before {
    content: ""
}

.fa-crop:before {
    content: ""
}

.fa-code-fork:before {
    content: ""
}

.fa-chain-broken:before,
.fa-unlink:before {
    content: ""
}

.fa-question:before {
    content: ""
}

.fa-info:before {
    content: ""
}

.fa-exclamation:before {
    content: ""
}

.fa-superscript:before {
    content: ""
}

.fa-subscript:before {
    content: ""
}

.fa-eraser:before {
    content: ""
}

.fa-puzzle-piece:before {
    content: ""
}

.fa-microphone:before {
    content: ""
}

.fa-microphone-slash:before {
    content: ""
}

.fa-shield:before {
    content: ""
}

.fa-calendar-o:before {
    content: ""
}

.fa-fire-extinguisher:before {
    content: ""
}

.fa-rocket:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

.fa-chevron-circle-left:before {
    content: ""
}

.fa-chevron-circle-right:before {
    content: ""
}

.fa-chevron-circle-up:before {
    content: ""
}

.fa-chevron-circle-down:before {
    content: ""
}

.fa-html5:before {
    content: ""
}

.fa-css3:before {
    content: ""
}

.fa-anchor:before {
    content: ""
}

.fa-unlock-alt:before {
    content: ""
}

.fa-bullseye:before {
    content: ""
}

.fa-ellipsis-h:before {
    content: ""
}

.fa-ellipsis-v:before {
    content: ""
}

.fa-rss-square:before {
    content: ""
}

.fa-play-circle:before {
    content: ""
}

.fa-ticket:before {
    content: ""
}

.fa-minus-square:before {
    content: ""
}

.fa-minus-square-o:before {
    content: ""
}

.fa-level-up:before {
    content: ""
}

.fa-level-down:before {
    content: ""
}

.fa-check-square:before {
    content: ""
}

.fa-pencil-square:before {
    content: ""
}

.fa-external-link-square:before {
    content: ""
}

.fa-share-square:before {
    content: ""
}

.fa-compass:before {
    content: ""
}

.fa-caret-square-o-down:before,
.fa-toggle-down:before {
    content: ""
}

.fa-caret-square-o-up:before,
.fa-toggle-up:before {
    content: ""
}

.fa-caret-square-o-right:before,
.fa-toggle-right:before {
    content: ""
}

.fa-eur:before,
.fa-euro:before {
    content: ""
}

.fa-gbp:before {
    content: ""
}

.fa-dollar:before,
.fa-usd:before {
    content: ""
}

.fa-inr:before,
.fa-rupee:before {
    content: ""
}

.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen:before {
    content: ""
}

.fa-rouble:before,
.fa-rub:before,
.fa-ruble:before {
    content: ""
}

.fa-krw:before,
.fa-won:before {
    content: ""
}

.fa-bitcoin:before,
.fa-btc:before {
    content: ""
}

.fa-file:before {
    content: ""
}

.fa-file-text:before {
    content: ""
}

.fa-sort-alpha-asc:before {
    content: ""
}

.fa-sort-alpha-desc:before {
    content: ""
}

.fa-sort-amount-asc:before {
    content: ""
}

.fa-sort-amount-desc:before {
    content: ""
}

.fa-sort-numeric-asc:before {
    content: ""
}

.fa-sort-numeric-desc:before {
    content: ""
}

.fa-thumbs-up:before {
    content: ""
}

.fa-thumbs-down:before {
    content: ""
}

.fa-youtube-square:before {
    content: ""
}

.fa-youtube:before {
    content: ""
}

.fa-xing:before {
    content: ""
}

.fa-xing-square:before {
    content: ""
}

.fa-youtube-play:before {
    content: ""
}

.fa-dropbox:before {
    content: ""
}

.fa-stack-overflow:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-flickr:before {
    content: ""
}

.fa-adn:before {
    content: ""
}

.fa-bitbucket:before {
    content: ""
}

.fa-bitbucket-square:before {
    content: ""
}

.fa-tumblr:before {
    content: ""
}

.fa-tumblr-square:before {
    content: ""
}

.fa-long-arrow-down:before {
    content: ""
}

.fa-long-arrow-up:before {
    content: ""
}

.fa-long-arrow-left:before {
    content: ""
}

.fa-long-arrow-right:before {
    content: ""
}

.fa-apple:before {
    content: ""
}

.fa-windows:before {
    content: ""
}

.fa-android:before {
    content: ""
}

.fa-linux:before {
    content: ""
}

.fa-dribbble:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-foursquare:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-female:before {
    content: ""
}

.fa-male:before {
    content: ""
}

.fa-gittip:before,
.fa-gratipay:before {
    content: ""
}

.fa-sun-o:before {
    content: ""
}

.fa-moon-o:before {
    content: ""
}

.fa-archive:before {
    content: ""
}

.fa-bug:before {
    content: ""
}

.fa-vk:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

.fa-arrow-circle-o-right:before {
    content: ""
}

.fa-arrow-circle-o-left:before {
    content: ""
}

.fa-caret-square-o-left:before,
.fa-toggle-left:before {
    content: ""
}

.fa-dot-circle-o:before {
    content: ""
}

.fa-wheelchair:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-try:before,
.fa-turkish-lira:before {
    content: ""
}

.fa-plus-square-o:before {
    content: ""
}

.fa-space-shuttle:before {
    content: ""
}

.fa-slack:before {
    content: ""
}

.fa-envelope-square:before {
    content: ""
}

.fa-wordpress:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-bank:before,
.fa-institution:before,
.fa-university:before {
    content: ""
}

.fa-graduation-cap:before,
.fa-mortar-board:before {
    content: ""
}

.fa-yahoo:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-reddit:before {
    content: ""
}

.fa-reddit-square:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-pied-piper-pp:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-joomla:before {
    content: ""
}

.fa-language:before {
    content: ""
}

.fa-fax:before {
    content: ""
}

.fa-building:before {
    content: ""
}

.fa-child:before {
    content: ""
}

.fa-paw:before {
    content: ""
}

.fa-spoon:before {
    content: ""
}

.fa-cube:before {
    content: ""
}

.fa-cubes:before {
    content: ""
}

.fa-behance:before {
    content: ""
}

.fa-behance-square:before {
    content: ""
}

.fa-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-recycle:before {
    content: ""
}

.fa-automobile:before,
.fa-car:before {
    content: ""
}

.fa-cab:before,
.fa-taxi:before {
    content: ""
}

.fa-tree:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-database:before {
    content: ""
}

.fa-file-pdf-o:before {
    content: ""
}

.fa-file-word-o:before {
    content: ""
}

.fa-file-excel-o:before {
    content: ""
}

.fa-file-powerpoint-o:before {
    content: ""
}

.fa-file-image-o:before,
.fa-file-photo-o:before,
.fa-file-picture-o:before {
    content: ""
}

.fa-file-archive-o:before,
.fa-file-zip-o:before {
    content: ""
}

.fa-file-audio-o:before,
.fa-file-sound-o:before {
    content: ""
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: ""
}

.fa-file-code-o:before {
    content: ""
}

.fa-vine:before {
    content: ""
}

.fa-codepen:before {
    content: ""
}

.fa-jsfiddle:before {
    content: ""
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-ring:before,
.fa-life-saver:before,
.fa-support:before {
    content: ""
}

.fa-circle-o-notch:before {
    content: ""
}

.fa-ra:before,
.fa-rebel:before,
.fa-resistance:before {
    content: ""
}

.fa-empire:before,
.fa-ge:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-hacker-news:before,
.fa-y-combinator-square:before,
.fa-yc-square:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-wechat:before,
.fa-weixin:before {
    content: ""
}

.fa-paper-plane:before,
.fa-send:before {
    content: ""
}

.fa-paper-plane-o:before,
.fa-send-o:before {
    content: ""
}

.fa-history:before {
    content: ""
}

.fa-circle-thin:before {
    content: ""
}

.fa-header:before {
    content: ""
}

.fa-paragraph:before {
    content: ""
}

.fa-sliders:before {
    content: ""
}

.fa-share-alt:before {
    content: ""
}

.fa-share-alt-square:before {
    content: ""
}

.fa-bomb:before {
    content: ""
}

.fa-futbol-o:before,
.fa-soccer-ball-o:before {
    content: ""
}

.fa-tty:before {
    content: ""
}

.fa-binoculars:before {
    content: ""
}

.fa-plug:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-yelp:before {
    content: ""
}

.fa-newspaper-o:before {
    content: ""
}

.fa-wifi:before {
    content: ""
}

.fa-calculator:before {
    content: ""
}

.fa-paypal:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

.fa-cc-visa:before {
    content: ""
}

.fa-cc-mastercard:before {
    content: ""
}

.fa-cc-discover:before {
    content: ""
}

.fa-cc-amex:before {
    content: ""
}

.fa-cc-paypal:before {
    content: ""
}

.fa-cc-stripe:before {
    content: ""
}

.fa-bell-slash:before {
    content: ""
}

.fa-bell-slash-o:before {
    content: ""
}

.fa-trash:before {
    content: ""
}

.fa-copyright:before {
    content: ""
}

.fa-at:before {
    content: ""
}

.fa-eyedropper:before {
    content: ""
}

.fa-paint-brush:before {
    content: ""
}

.fa-birthday-cake:before {
    content: ""
}

.fa-area-chart:before {
    content: ""
}

.fa-pie-chart:before {
    content: ""
}

.fa-line-chart:before {
    content: ""
}

.fa-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-toggle-off:before {
    content: ""
}

.fa-toggle-on:before {
    content: ""
}

.fa-bicycle:before {
    content: ""
}

.fa-bus:before {
    content: ""
}

.fa-ioxhost:before {
    content: ""
}

.fa-angellist:before {
    content: ""
}

.fa-cc:before {
    content: ""
}

.fa-ils:before,
.fa-shekel:before,
.fa-sheqel:before {
    content: ""
}

.fa-meanpath:before {
    content: ""
}

.fa-buysellads:before {
    content: ""
}

.fa-connectdevelop:before {
    content: ""
}

.fa-dashcube:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

.fa-cart-plus:before {
    content: ""
}

.fa-cart-arrow-down:before {
    content: ""
}

.fa-diamond:before {
    content: ""
}

.fa-ship:before {
    content: ""
}

.fa-user-secret:before {
    content: ""
}

.fa-motorcycle:before {
    content: ""
}

.fa-street-view:before {
    content: ""
}

.fa-heartbeat:before {
    content: ""
}

.fa-venus:before {
    content: ""
}

.fa-mars:before {
    content: ""
}

.fa-mercury:before {
    content: ""
}

.fa-intersex:before,
.fa-transgender:before {
    content: ""
}

.fa-transgender-alt:before {
    content: ""
}

.fa-venus-double:before {
    content: ""
}

.fa-mars-double:before {
    content: ""
}

.fa-venus-mars:before {
    content: ""
}

.fa-mars-stroke:before {
    content: ""
}

.fa-mars-stroke-v:before {
    content: ""
}

.fa-mars-stroke-h:before {
    content: ""
}

.fa-neuter:before {
    content: ""
}

.fa-genderless:before {
    content: ""
}

.fa-facebook-official:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-server:before {
    content: ""
}

.fa-user-plus:before {
    content: ""
}

.fa-user-times:before {
    content: ""
}

.fa-bed:before,
.fa-hotel:before {
    content: ""
}

.fa-viacoin:before {
    content: ""
}

.fa-train:before {
    content: ""
}

.fa-subway:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

.fa-y-combinator:before,
.fa-yc:before {
    content: ""
}

.fa-optin-monster:before {
    content: ""
}

.fa-opencart:before {
    content: ""
}

.fa-expeditedssl:before {
    content: ""
}

.fa-battery-4:before,
.fa-battery-full:before,
.fa-battery:before {
    content: ""
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
    content: ""
}

.fa-battery-2:before,
.fa-battery-half:before {
    content: ""
}

.fa-battery-1:before,
.fa-battery-quarter:before {
    content: ""
}

.fa-battery-0:before,
.fa-battery-empty:before {
    content: ""
}

.fa-mouse-pointer:before {
    content: ""
}

.fa-i-cursor:before {
    content: ""
}

.fa-object-group:before {
    content: ""
}

.fa-object-ungroup:before {
    content: ""
}

.fa-sticky-note:before {
    content: ""
}

.fa-sticky-note-o:before {
    content: ""
}

.fa-cc-jcb:before {
    content: ""
}

.fa-cc-diners-club:before {
    content: ""
}

.fa-clone:before {
    content: ""
}

.fa-balance-scale:before {
    content: ""
}

.fa-hourglass-o:before {
    content: ""
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: ""
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
    content: ""
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: ""
}

.fa-hourglass:before {
    content: ""
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
    content: ""
}

.fa-hand-paper-o:before,
.fa-hand-stop-o:before {
    content: ""
}

.fa-hand-scissors-o:before {
    content: ""
}

.fa-hand-lizard-o:before {
    content: ""
}

.fa-hand-spock-o:before {
    content: ""
}

.fa-hand-pointer-o:before {
    content: ""
}

.fa-hand-peace-o:before {
    content: ""
}

.fa-trademark:before {
    content: ""
}

.fa-registered:before {
    content: ""
}

.fa-creative-commons:before {
    content: ""
}

.fa-gg:before {
    content: ""
}

.fa-gg-circle:before {
    content: ""
}

.fa-tripadvisor:before {
    content: ""
}

.fa-odnoklassniki:before {
    content: ""
}

.fa-odnoklassniki-square:before {
    content: ""
}

.fa-get-pocket:before {
    content: ""
}

.fa-wikipedia-w:before {
    content: ""
}

.fa-safari:before {
    content: ""
}

.fa-chrome:before {
    content: ""
}

.fa-firefox:before {
    content: ""
}

.fa-opera:before {
    content: ""
}

.fa-internet-explorer:before {
    content: ""
}

.fa-television:before,
.fa-tv:before {
    content: ""
}

.fa-contao:before {
    content: ""
}

.fa-500px:before {
    content: ""
}

.fa-amazon:before {
    content: ""
}

.fa-calendar-plus-o:before {
    content: ""
}

.fa-calendar-minus-o:before {
    content: ""
}

.fa-calendar-times-o:before {
    content: ""
}

.fa-calendar-check-o:before {
    content: ""
}

.fa-industry:before {
    content: ""
}

.fa-map-pin:before {
    content: ""
}

.fa-map-signs:before {
    content: ""
}

.fa-map-o:before {
    content: ""
}

.fa-map:before {
    content: ""
}

.fa-commenting:before {
    content: ""
}

.fa-commenting-o:before {
    content: ""
}

.fa-houzz:before {
    content: ""
}

.fa-vimeo:before {
    content: ""
}

.fa-black-tie:before {
    content: ""
}

.fa-fonticons:before {
    content: ""
}

.fa-reddit-alien:before {
    content: ""
}

.fa-edge:before {
    content: ""
}

.fa-credit-card-alt:before {
    content: ""
}

.fa-codiepie:before {
    content: ""
}

.fa-modx:before {
    content: ""
}

.fa-fort-awesome:before {
    content: ""
}

.fa-usb:before {
    content: ""
}

.fa-product-hunt:before {
    content: ""
}

.fa-mixcloud:before {
    content: ""
}

.fa-scribd:before {
    content: ""
}

.fa-pause-circle:before {
    content: ""
}

.fa-pause-circle-o:before {
    content: ""
}

.fa-stop-circle:before {
    content: ""
}

.fa-stop-circle-o:before {
    content: ""
}

.fa-shopping-bag:before {
    content: ""
}

.fa-shopping-basket:before {
    content: ""
}

.fa-hashtag:before {
    content: ""
}

.fa-bluetooth:before {
    content: ""
}

.fa-bluetooth-b:before {
    content: ""
}

.fa-percent:before {
    content: ""
}

.fa-gitlab:before {
    content: ""
}

.fa-wpbeginner:before {
    content: ""
}

.fa-wpforms:before {
    content: ""
}

.fa-envira:before {
    content: ""
}

.fa-universal-access:before {
    content: ""
}

.fa-wheelchair-alt:before {
    content: ""
}

.fa-question-circle-o:before {
    content: ""
}

.fa-blind:before {
    content: ""
}

.fa-audio-description:before {
    content: ""
}

.fa-volume-control-phone:before {
    content: ""
}

.fa-braille:before {
    content: ""
}

.fa-assistive-listening-systems:before {
    content: ""
}

.fa-american-sign-language-interpreting:before,
.fa-asl-interpreting:before {
    content: ""
}

.fa-deaf:before,
.fa-deafness:before,
.fa-hard-of-hearing:before {
    content: ""
}

.fa-glide:before {
    content: ""
}

.fa-glide-g:before {
    content: ""
}

.fa-sign-language:before,
.fa-signing:before {
    content: ""
}

.fa-low-vision:before {
    content: ""
}

.fa-viadeo:before {
    content: ""
}

.fa-viadeo-square:before {
    content: ""
}

.fa-snapchat:before {
    content: ""
}

.fa-snapchat-ghost:before {
    content: ""
}

.fa-snapchat-square:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-first-order:before {
    content: ""
}

.fa-yoast:before {
    content: ""
}

.fa-themeisle:before {
    content: ""
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
    content: ""
}

.fa-fa:before,
.fa-font-awesome:before {
    content: ""
}

.fa-handshake-o:before {
    content: ""
}

.fa-envelope-open:before {
    content: ""
}

.fa-envelope-open-o:before {
    content: ""
}

.fa-linode:before {
    content: ""
}

.fa-address-book:before {
    content: ""
}

.fa-address-book-o:before {
    content: ""
}

.fa-address-card:before,
.fa-vcard:before {
    content: ""
}

.fa-address-card-o:before,
.fa-vcard-o:before {
    content: ""
}

.fa-user-circle:before {
    content: ""
}

.fa-user-circle-o:before {
    content: ""
}

.fa-user-o:before {
    content: ""
}

.fa-id-badge:before {
    content: ""
}

.fa-drivers-license:before,
.fa-id-card:before {
    content: ""
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
    content: ""
}

.fa-quora:before {
    content: ""
}

.fa-free-code-camp:before {
    content: ""
}

.fa-telegram:before {
    content: ""
}

.fa-thermometer-4:before,
.fa-thermometer-full:before,
.fa-thermometer:before {
    content: ""
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
    content: ""
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
    content: ""
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
    content: ""
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
    content: ""
}

.fa-shower:before {
    content: ""
}

.fa-bath:before,
.fa-bathtub:before,
.fa-s15:before {
    content: ""
}

.fa-podcast:before {
    content: ""
}

.fa-window-maximize:before {
    content: ""
}

.fa-window-minimize:before {
    content: ""
}

.fa-window-restore:before {
    content: ""
}

.fa-times-rectangle:before,
.fa-window-close:before {
    content: ""
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
    content: ""
}

.fa-bandcamp:before {
    content: ""
}

.fa-grav:before {
    content: ""
}

.fa-etsy:before {
    content: ""
}

.fa-imdb:before {
    content: ""
}

.fa-ravelry:before {
    content: ""
}

.fa-eercast:before {
    content: ""
}

.fa-microchip:before {
    content: ""
}

.fa-snowflake-o:before {
    content: ""
}

.fa-superpowers:before {
    content: ""
}

.fa-wpexplorer:before {
    content: ""
}

.fa-meetup:before {
    content: ""
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.iti {
    position: relative;
    display: inline-block
}

.iti * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.iti__hide {
    display: none
}

.iti__v-hide {
    visibility: hidden
}

.iti input,
.iti input[type=tel],
.iti input[type=text] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0
}

.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px
}

.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px
}

.iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid rgba(0, 0, 0, 0);
    border-right: 3px solid rgba(0, 0, 0, 0);
    border-top: 4px solid #555
}

.iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid #555
}

.iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px
}

@media (max-width: 500px) {
    .iti__country-list {
        white-space: normal
    }

    .container-catalog .table-title {
        padding: 10px 0 0;
    }
}

.iti__flag-box {
    display: inline-block;
    width: 20px
}

.iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.iti__country {
    padding: 5px 10px;
    outline: 0
}

.iti__dial-code {
    color: #999
}

.iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, .05)
}

.iti__country-name,
.iti__dial-code,
.iti__flag-box {
    vertical-align: middle
}

.iti__country-name,
.iti__flag-box {
    margin-right: 6px
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=tel],
.iti--allow-dropdown input[type=text],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=tel],
.iti--separate-dial-code input[type=text] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0
}

.iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: rgba(0, 0, 0, .05)
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
    cursor: default
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0)
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, .05)
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px
}

.iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

.iti--container:hover {
    cursor: pointer
}

.iti-mobile .iti--container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}

.iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%
}

.iti-mobile .iti__country {
    padding: 10px 10px;
    line-height: 1.5em
}

.iti__flag {
    width: 20px
}

.iti__flag.iti__be {
    width: 18px
}

.iti__flag.iti__ch {
    width: 15px
}

.iti__flag.iti__mc {
    width: 19px
}

.iti__flag.iti__ne {
    width: 18px
}

.iti__flag.iti__np {
    width: 13px
}

.iti__flag.iti__va {
    width: 15px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .iti__flag {
        background-size: 5652px 15px
    }
}

.iti__flag.iti__ac {
    height: 10px;
    background-position: 0 0
}

.iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0
}

.iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0
}

.iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0
}

.iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0
}

.iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0
}

.iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0
}

.iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0
}

.iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0
}

.iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0
}

.iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0
}

.iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0
}

.iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0
}

.iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0
}

.iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0
}

.iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0
}

.iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0
}

.iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0
}

.iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0
}

.iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0
}

.iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0
}

.iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0
}

.iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0
}

.iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0
}

.iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0
}

.iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0
}

.iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0
}

.iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0
}

.iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0
}

.iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0
}

.iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0
}

.iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0
}

.iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0
}

.iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0
}

.iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0
}

.iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0
}

.iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0
}

.iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0
}

.iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0
}

.iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0
}

.iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0
}

.iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0
}

.iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0
}

.iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0
}

.iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0
}

.iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0
}

.iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0
}

.iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0
}

.iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0
}

.iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0
}

.iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0
}

.iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0
}

.iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0
}

.iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0
}

.iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0
}

.iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0
}

.iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0
}

.iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0
}

.iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0
}

.iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0
}

.iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0
}

.iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0
}

.iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0
}

.iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0
}

.iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0
}

.iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0
}

.iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0
}

.iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0
}

.iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0
}

.iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0
}

.iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0
}

.iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0
}

.iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0
}

.iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0
}

.iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0
}

.iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0
}

.iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0
}

.iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0
}

.iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0
}

.iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0
}

.iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0
}

.iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0
}

.iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0
}

.iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0
}

.iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0
}

.iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0
}

.iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0
}

.iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0
}

.iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0
}

.iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0
}

.iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0
}

.iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0
}

.iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0
}

.iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0
}

.iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0
}

.iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0
}

.iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0
}

.iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0
}

.iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0
}

.iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0
}

.iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0
}

.iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0
}

.iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0
}

.iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0
}

.iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0
}

.iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0
}

.iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0
}

.iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0
}

.iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0
}

.iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0
}

.iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0
}

.iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0
}

.iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0
}

.iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0
}

.iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0
}

.iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0
}

.iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0
}

.iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0
}

.iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0
}

.iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0
}

.iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0
}

.iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0
}

.iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0
}

.iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0
}

.iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0
}

.iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0
}

.iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0
}

.iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0
}

.iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0
}

.iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0
}

.iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0
}

.iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0
}

.iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0
}

.iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0
}

.iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0
}

.iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0
}

.iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0
}

.iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0
}

.iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0
}

.iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0
}

.iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0
}

.iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0
}

.iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0
}

.iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0
}

.iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0
}

.iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0
}

.iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0
}

.iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0
}

.iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0
}

.iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0
}

.iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0
}

.iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0
}

.iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0
}

.iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0
}

.iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0
}

.iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0
}

.iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0
}

.iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0
}

.iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0
}

.iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0
}

.iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0
}

.iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0
}

.iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0
}

.iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0
}

.iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0
}

.iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0
}

.iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0
}

.iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0
}

.iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0
}

.iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0
}

.iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0
}

.iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0
}

.iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0
}

.iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0
}

.iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0
}

.iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0
}

.iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0
}

.iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0
}

.iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0
}

.iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0
}

.iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0
}

.iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0
}

.iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0
}

.iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0
}

.iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0
}

.iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0
}

.iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0
}

.iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0
}

.iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0
}

.iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0
}

.iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0
}

.iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0
}

.iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0
}

.iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0
}

.iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0
}

.iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0
}

.iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0
}

.iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0
}

.iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0
}

.iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0
}

.iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0
}

.iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0
}

.iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0
}

.iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0
}

.iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0
}

.iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0
}

.iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0
}

.iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0
}

.iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0
}

.iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0
}

.iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0
}

.iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0
}

.iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0
}

.iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0
}

.iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0
}

.iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0
}

.iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0
}

.iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0
}

.iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0
}

.iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0
}

.iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0
}

.iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0
}

.iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0
}

.iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0
}

.iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0
}

.iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0
}

.iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0
}

.iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0
}

.iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0
}

.iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0
}

.iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0
}

.iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0
}

.iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0
}

.iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0
}

.iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0
}

.iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0
}

.iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0
}

.iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0
}

.iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0
}

.iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0
}

.iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0
}

.iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0
}

.iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0
}

.iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0
}

.iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0
}

.iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0
}

.iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0
}

.iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0
}

.iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0
}

.iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0
}

.iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0
}

.iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0
}

.iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0
}

.iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0
}

.iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0
}

.iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0
}

.iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0
}

.iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0
}

.iti__flag {
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url(/local/templates/.default/assets/css/../img/flags.png);
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .iti__flag {
        background-image: url(/local/templates/.default/assets/css/../img/flags@2x.png)
    }
}

.iti__flag.iti__np {
    background-color: rgba(0, 0, 0, 0)
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1)
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide::before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image::before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    -webkit-backface-visibility: hidden;
    background: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    background: 0 0;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,
.fancybox-video {
    background: 0 0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: 0
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: 0
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-button--fsexit svg:nth-child(1),
.fancybox-button--pause svg:nth-child(1) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: 0 0;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-360deg)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(360deg)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1)
}

@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100px
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1
}

@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

@font-face {
    font-family: lato;
    font-style: bold;
    font-weight: 700;
    src: url(/local/templates/.default/assets/css/../fonts/Lato-Bold.woff2) format("woff2");
    src: url(/local/templates/.default/assets/css/../fonts/Lato-Bold.woff) format("woff")
}

@font-face {
    font-family: lato;
    font-style: normal;
    font-weight: 400;
    src: url(/local/templates/.default/assets/css/../fonts/Lato-Regular.woff2) format("woff2");
    src: url(/local/templates/.default/assets/css/../fonts/Lato-Regular.woff) format("woff")
}

@font-face {
    font-family: lato;
    font-style: semibold;
    font-weight: 600;
    src: url(/local/templates/.default/assets/css/../fonts/Lato-Semibold.woff2) format("woff2");
    src: url(/local/templates/.default/assets/css/../fonts/Lato-Semibold.woff) format("woff")
}

@font-face {
    font-family: lato;
    font-style: thin;
    font-weight: 200;
    src: url(/local/templates/.default/assets/css/../fonts/Lato-Light.woff2) format("woff2");
    src: url(/local/templates/.default/assets/css/../fonts/Lato-Light.woff) format("woff")
}

@font-face {
    font-family: orchidea;
    font-style: bold;
    font-weight: 700;
    src: url(/local/templates/.default/assets/css/../fonts/OrchideaPro-Bold.woff2) format("woff2");
    src: url(/local/templates/.default/assets/css/../fonts/OrchideaPro-Bold.woff) format("woff")
}

@font-face {
    font-family: orchidea;
    font-style: semibold;
    font-weight: 600;
    src: url(/local/templates/.default/assets/css/../fonts/OrchideaPro-SemiBold.woff2) format("woff2");
    src: url(/local/templates/.default/assets/css/../fonts/OrchideaPro-SemiBold.woff) format("woff")
}

@font-face {
    font-family: orchidea;
    font-style: normal;
    font-weight: 400;
    src: url(/local/templates/.default/assets/css/../fonts/OrchideaPro-Regular.woff2) format("woff2");
    src: url(/local/templates/.default/assets/css/../fonts/OrchideaPro-Regular.woff) format("woff")
}

@font-face {
    font-family: orchidea;
    font-style: thin;
    font-weight: 200;
    src: url(/local/templates/.default/assets/css/../fonts/OrchideaPro-Light.woff2) format("woff2");
    src: url(/local/templates/.default/assets/css/../fonts/OrchideaPro-Light.woff) format("woff")
}

.container-fluid {
    display: flex;
    width: 100%
}

.container {
    max-width: 1360px;
    padding: 0 24px;
    margin: 0 auto
}

@media screen and (min-width: 1024px) {
    .container {
        padding: 0 40px
    }
}

.btn-radio,
.btn-tab-change,
.btn-tab-size,
.custom-checkbox,
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden
}

.svg-icon {
    display: inline-block;
    fill: currentColor
}

.svg-icon use {
    fill: currentColor
}

.clearfix::after {
    content: "";
    display: table;
    clear: both
}

.iti__flag {
    background-image: url(/local/templates/.default/assets/css/../images/dest/img/flags.png)
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .iti__flag {
        background-image: url(/local/templates/.default/assets/css/../images/dest/img/flags@2x.png)
    }
}

.tablebodytext {
    display: none
}

body {
    min-width: 320px;
    position: relative;
    background-color: #fff;
    font-family: orchidea, sans-serif, sans-serif;
    color: #000;
    font-size: 16px;
    line-height: 26px;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased
}

body.body-stop-sroll {
    overflow: hidden
}

h1,
h2,
h3,
h4 {
    margin-bottom: 0;
    font-family: orchidea, sans-serif, sans-serif;
    color: #000
}

p {
    margin: 0
}

label {
    margin: 0
}

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

a {
    color: #cc9933;
    transition: color .3s ease-in-out
}

a:focus,
a:hover {
    text-decoration: none
}

.currency {
    font-family: lato, sans-serif
}

.btn,
button,
input[type=submit] {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0);
    border-style: none;
    border-width: none;
    border-color: rgba(0, 0, 0, 0);
    font-family: orchidea, sans-serif, sans-serif;
    transition: all .3s ease-in-out;
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
    padding: 0
}

.btn:focus,
button:focus,
input[type=submit]:focus {
    outline: 0
}

.btn-hamburger {
    width: 30px;
    height: 30px;
    padding: 5px
}

.btn-hamburger.btn-hamburger--active .btn-hamburger-icon::before {
    transform: scaleX(0.5) translate(-1px, 7px) rotate(-28deg)
}

.btn-hamburger.btn-hamburger--active .btn-hamburger-icon::after {
    transform: scaleX(0.5) translate(-2px, -7px) rotate(28deg)
}

.btn-hamburger-icon {
    display: block;
    width: 20px;
    height: 2px;
    position: relative;
    background-color: #000
}

.btn-hamburger-icon::after,
.btn-hamburger-icon::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 20px;
    height: 2px;
    background-color: #000;
    transition: transform .3s ease-in-out;
    transform-origin: left
}

.btn-hamburger-icon::before {
    top: -7px
}

.btn-hamburger-icon::after {
    bottom: -7px
}

.btn-search {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    color: #000
}

.btn-search:active,
.btn-search:hover {
    color: #cc9933
}

.btn-search:focus {
    color: #000
}

.btn-search-icon {
    display: block;
    width: 20px;
    height: 20px
}

.btn-lk {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    color: #000
}

.btn-lk:active,
.btn-lk:hover {
    color: #cc9933
}

.btn-lk:focus {
    color: #000
}

.btn-lk-icon {
    width: 21px;
    height: 20px
}

.btn-basket {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    color: #000
}

.btn-basket:active,
.btn-basket:hover {
    color: #cc9933
}

.btn-basket:focus {
    color: #000
}

.btn-basket--full::after {
    content: "";
    position: absolute;
    right: 4px;
    top: 1px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #ff6161
}

.btn-basket-icon {
    width: 20px;
    height: 24px
}

.btn-basket-counter {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 4px;
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1
}

.btn-heart {
    display: none !important;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    color: #000
}

.btn-heart:active,
.btn-heart:hover {
    color: #8c8c8c
}

.btn-heart:focus {
    color: #000
}

.btn-heart--full::after {
    content: "";
    position: absolute;
    right: 4px;
    top: 1px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #000
}

.btn-heart--big {
    width: 40px;
    height: 40px
}

.btn-heart--big.btn-heart--full::after {
    content: "";
    right: 0;
    top: 0
}

.btn-heart-icon--big {
    width: 34px;
    height: 30px
}

.btn-heart-icon {
    width: 20px;
    height: 18px
}

.btn-primary {
    border-radius: 4px;
    background-color: #000;
    padding: 5px 20px;
    font-family: lato, sans-serif;
    font-size: 16px;
    line-height: 32px;
    color: #fff
}

@media (hover: hover) {
    .btn-primary:hover {
        color: #fff;
        background-color: #c93
    }
}

.btn-primary:active {
    color: #fff;
    background-color: #c93
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #efefef;
    font-weight: 400;
    background-color: #bdbdbd;
    cursor: default
}

.btn-primary--icon {
    display: flex;
    align-items: center
}

.btn-primary--icon .svg-icon {
    margin-right: 10px;
    max-width: 24px;
    max-height: 24px
}

.btn-primary--thin {
    border: 1px solid #000;
    border-radius: 4px;
    padding: 8px 20px;
    font-size: 16px;
    line-height: 2;
    color: #333
}

@media (hover: hover) {
    .btn-primary--thin:hover {
        color: #c93;
        border-color: #c93
    }
}

.btn-primary--thin:active,
.btn-primary--thin:focus {
    color: #333
}

.btn-basket--icon {
    width: 16px;
    height: 20px;
    margin-right: 10px
}

.btn-gold {
    border: 1px solid #c93;
    border-radius: 4px;
    font-family: lato, sans-serif;
    font-size: 15px;
    line-height: 32px;
    color: #c93;
    padding: 5px 20px
}

.btn-gold:active,
.btn-gold:hover {
    color: #c93
}

.btn-gold.disabled,
.btn-gold:disabled {
    opacity: .4;
    cursor: default
}

.link-gold {
    font-family: lato, sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #c93;
    text-decoration: underline
}

.btn-change-color {
    position: relative;
    width: 58px;
    height: 78px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: solid 2px rgba(0, 0, 0, 0)
}

.btn-change-color.active,
.btn-change-color:active {
    border-color: #c93
}

.btn-size {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #8c8c8c;
    font-family: lato, sans-serif;
    text-decoration: underline
}

.btn-link-gray {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    font-family: lato, sans-serif;
    color: #8c8c8c;
    text-decoration: underline
}

.btn-white {
    padding: 4px 16px;
    border: 1px solid #fff;
    font-size: 16px;
    line-height: 32px;
    font-family: lato, sans-serif;
    color: #fff
}

.btn-white:hover,
.btn-white:active {
    border-color: #cc9933;
    color: #cc9933;
}

.btn-pagin {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    color: #8c8c8c
}

.btn-pagin.active {
    color: #bdbdbd
}

.btn-pagin .disabled,
.btn-pagin:disabled {
    color: #d6d6d6
}

.btn-pagin-icon {
    width: 6px;
    height: 12px
}

.btn-gray {
    border-radius: 4px;
    background-color: #efefef;
    padding: 5px 20px;
    font-family: lato, sans-serif;
    color: #000;
    font-size: 16px;
    line-height: 32px
}

.base-input-wrapper {
    position: relative
}

.base-input {
    padding: 14px 20px 12px 20px;
    border: 1px solid #000;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0);
    font-size: 16px;
    line-height: 14px;
    color: #000
}

.base-input::-moz-placeholder {
    color: #b5b5b5
}

.base-input::placeholder {
    color: #b5b5b5
}

.base-input:focus {
    outline: 0
}

.base-input.error {
    border-color: #f33
}

.base-input.error ~ .base-input-err-text {
    display: block
}

.base-input--select {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-image: url("data:image/svg+xml,%3Csvg width='32px' height='16' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 10 10 L 30 10 L 20 25 z' fill='%23000'/%3E%3C/svg%3E")
}

.base-input--select::before {
    content: "";
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    border-color: #000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    margin: auto;
    pointer-events: none
}

.base-input--required {
    background-repeat: no-repeat;
    background-position: center right 13px;
    background-size: 17px 13px;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='13' viewBox='0 0 17 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.40909 10.2836L1.35227 6.20896L0 7.56716L5.40909 13L17 1.35821L15.6477 0L5.40909 10.2836Z' fill='%23000'/%3E%3C/svg%3E");
    padding: 14px 40px 12px 20px
}

.base-input-err-text {
    display: none;
    font-size: 12px;
    line-height: 22px;
    color: #f33;
    position: absolute;
    top: 100%;
    left: 0;
    white-space: nowrap
}

.base-input-desc {
    font-size: 12px;
    line-height: 16px;
    color: #6b6b6b
}

.base-input--light {
    font-size: 14px;
    line-height: 32px;
    font-family: lato, sans-serif;
    padding: 8px 8px;
    border-color: #d6d6d6;
    border-radius: 0
}

.base-input--light::-moz-placeholder {
    color: #b5b5b5
}

.base-input--light::placeholder {
    color: #b5b5b5
}

.custom-checkbox-wrapper {
    display: flex;
    align-items: center;
    cursor: pointer
}

.custom-checkbox:checked + .custom-checkbox-check {
    background-color: #000;
    border-color: #000
}

.custom-checkbox:checked + .custom-checkbox-check:after {
    opacity: 1
}

.custom-checkbox-check {
    flex: 0 0 auto;
    position: relative;
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid #8c8c8c;
    border-radius: 4px;
    background-color: #fff;
    margin-right: 12px;
    transition: background-color .15s ease-in, border-color .15s ease-in
}

.custom-checkbox-check:after {
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 6px;
    background-color: rgba(0, 0, 0, 0);
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    top: 2px;
    left: 2px;
    transform: rotate(-45deg);
    opacity: 0;
    transition: opacity .15s ease-in
}

.custom-checkbox-text {
    white-space: nowrap;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.custom-checkbox-text--footer {
    white-space: normal;
    font-size: 14px;
    line-height: 18px
}

.btn-radio:checked + .btn-radio-label .btn-radio-icon {
    border-color: #333
}

.btn-radio:checked + .btn-radio-label .btn-radio-icon:after {
    opacity: 1
}

.btn-radio-label {
    position: relative;
    display: block;
    padding: 0 0 0 36px;
    cursor: pointer
}

.btn-radio-icon {
    position: absolute;
    left: 0;
    top: 2px;
    display: block;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #777;
    border-radius: 50%;
    transition: border-color ease-in-out .3s
}

.btn-radio-icon:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background-color: #333;
    border-radius: 50%;
    opacity: 0;
    transition: opacity ease-in-out .3s
}

.btn-radio-label-title {
    display: block;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px
}

.btn-radio-label-sub-title {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #8c8c8c
}

.btn-radio-label-sub-title .fa-rub {
    font-size: 12px
}

.base-textarea-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #6b6b6b
}

.base-textarea {
    resize: none;
    border: 1px solid #8c8c8c;
    border-radius: 2px;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    width: 100%;
    padding: 14px
}

.base-textarea:focus {
    border-color: #000;
    outline: 0
}

.ui-datepicker {
    display: none;
    background-color: #fff;
    border: 1px solid #8c8c8c;
    border-radius: 8px;
    box-shadow: 0 16px 50px rgba(0, 0, 0, .2);
    padding: 16px 16px 12px 16px;
    margin: 0;
    z-index: 20 !important
}

.ui-datepicker-current {
    display: none
}

.ui-datepicker-header {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px
}

.ui-datepicker-next,
.ui-datepicker-prev {
    display: block;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 6px 9px;
    cursor: pointer;
    transition: opacity .3s ease-in-out
}

.ui-datepicker-next:active,
.ui-datepicker-prev:active {
    opacity: .8
}

.ui-datepicker-prev {
    order: 1;
    background-image: url("data:image/svg+xml,%3Csvg fill='none' height='9' viewBox='0 0 6 9' width='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5.04986.638958c.38665.386652.38665 1.014252 0 1.400902l-2.63463 2.63463 2.63463 2.63462c.38665.38665.38665 1.01425 0 1.4009s-1.01425.38665-1.4009 0l-3.37524-3.37523c-.365168-.36517-.3651679-.95635 0-1.32059l3.37524-3.375232c.38665-.386648 1.01425-.386648 1.4009 0z' fill='%23777'/%3E%3C/svg%3E")
}

.ui-datepicker-prev:hover {
    background-image: url("data:image/svg+xml,%3Csvg fill='none' height='9' viewBox='0 0 6 9' width='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5.04986.638958c.38665.386652.38665 1.014252 0 1.400902l-2.63463 2.63463 2.63463 2.63462c.38665.38665.38665 1.01425 0 1.4009s-1.01425.38665-1.4009 0l-3.37524-3.37523c-.365168-.36517-.3651679-.95635 0-1.32059l3.37524-3.375232c.38665-.386648 1.01425-.386648 1.4009 0z' fill='%232462F2'/%3E%3C/svg%3E")
}

.ui-datepicker-next {
    order: 3;
    background-image: url("data:image/svg+xml,%3Csvg fill='none' height='9' viewBox='0 0 6 9' width='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.62983 8.36104c-.386648-.38665-.386648-1.01425 0-1.4009l2.63463-2.63463-2.63463-2.63462c-.386648-.38665-.386648-1.014255 0-1.400904.38665-.3866481 1.01425-.3866481 1.4009 0l3.37524 3.375234c.36517.36517.36517.95635 0 1.32059l-3.37524 3.37523c-.38665.38665-1.01425.38665-1.4009 0z' fill='%23777'/%3E%3C/svg%3E")
}

.ui-datepicker-next:hover {
    background-image: url("data:image/svg+xml,%3Csvg fill='none' height='9' viewBox='0 0 6 9' width='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.62983 8.36104c-.386648-.38665-.386648-1.01425 0-1.4009l2.63463-2.63463-2.63463-2.63462c-.386648-.38665-.386648-1.014255 0-1.400904.38665-.3866481 1.01425-.3866481 1.4009 0l3.37524 3.375234c.36517.36517.36517.95635 0 1.32059l-3.37524 3.37523c-.38665.38665-1.01425.38665-1.4009 0z' fill='%232462F2'/%3E%3C/svg%3E")
}

.ui-datepicker-title {
    order: 2;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #000;
    padding: 0 18px
}

.ui-datepicker-calendar th {
    font-size: 12px;
    line-height: 32px;
    color: #8c8c8c;
    font-weight: 400;
    text-align: center
}

.ui-datepicker-calendar td a {
    display: block;
    position: relative;
    width: 32px;
    height: 32px;
    font-weight: 400;
    font-size: 12px;
    line-height: 32px;
    color: #000;
    text-align: center;
    transition: color .3s ease-in-out
}

.ui-datepicker-calendar td a:hover {
    color: #fff
}

.ui-datepicker-calendar td a:hover::before {
    opacity: 1
}

.ui-datepicker-calendar td a:focus {
    color: #fff
}

.ui-datepicker-calendar td a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #000;
    z-index: -1;
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.ui-datepicker-buttonpane {
    position: absolute;
    right: 15px;
    top: 15px;
    display: none
}

@media screen and (max-width: 812px) {
    .ui-datepicker-buttonpane {
        display: block
    }
}

.ui-datepicker-close {
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg fill='none' height='11' viewBox='0 0 11 11' width='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23444'%3E%3Cpath d='m10.2201-.00005801-10.2201 10.22005801.779778.7797 10.220122-10.219986z'/%3E%3Cpath d='m10.9994 10.2203-10.220103-10.22005586-.77977834.77977186 10.22008134 10.219984z'/%3E%3C/g%3E%3C/svg%3E")
}

.ui-datepicker-close:hover {
    background-image: url("data:image/svg+xml,%3Csvg fill='none' height='11' viewBox='0 0 11 11' width='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%232462F2'%3E%3Cpath d='m10.2201-.00005801-10.2201 10.22005801.779778.7797 10.220122-10.219986z'/%3E%3Cpath d='m10.9994 10.2203-10.220103-10.22005586-.77977834.77977186 10.22008134 10.219984z'/%3E%3C/g%3E%3C/svg%3E")
}

.popup-about-check {
    display: none
}

.popup-show {
    display: block
}

.main-header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10
}

@media screen and (min-width: 1200px) {
    .main-header {
        display: flex;
        align-items: center;
        padding: 0 40px 0 40px;
        height: 80px;
        background-color: #fff
    }
}

@media screen and (min-width: 1366px) {
    .main-header {
        padding: 0 84px 0 64px
    }
}

.main-header-wrapper {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 17px 24px;
    height: 64px;
    background-color: #fff;
    width: 100%
}

@media screen and (min-width: 1200px) {
    .main-header-wrapper {
        padding: 0;
        height: auto
    }
}

.main-header-hamburger {
    position: relative;
    z-index: 5;
    margin-right: 12px
}

.main-header-btn-search {
    position: relative;
    z-index: 5
}

.main-header-logo {
    flex: 0 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 5
}

@media screen and (min-width: 1200px) {
    .main-header-logo {
        position: static;
        transform: translate(0, 0);
        margin-right: 40px
    }
}

.main-header-logo img {
    display: block;
    width: 64px;
    height: auto
}

@media screen and (min-width: 1024px) {
    .main-header-logo img {
        width: 80px
    }
}

@media screen and (min-width: 1366px) {
    .main-header-logo img {
        width: 100px
    }
}

.main-header-nav {
    display: flex;
    flex-direction: column;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 112px 24px 24px 24px;
    background-color: #fff;
    transform: translateX(-100%);
    visibility: hidden;
    transition: transform .2s ease-in-out, visibility 0s .2s;
    will-change: transform
}

@media screen and (min-width: 1200px) {
    .main-header-nav {
        position: relative;
        transform: translateX(0);
        visibility: visible;
        justify-content: center;
        height: auto;
        padding: 0;
        width: auto
    }
}

.main-header-nav.main-header-nav--show {
    transform: translateX(0);
    visibility: visible;
    transition: transform .2s ease-in-out
}

.main-header-nav-wrapper {
    display: flex;
    flex-grow: 1;
    flex-basis: 100%;
    max-height: 100%;
    overflow-y: auto;
    flex-direction: column
}

.main-header-nav-item-wrapper {
    display: flex;
    flex-direction: column;
    margin-bottom: auto;
    flex: 0 0 auto
}

@media screen and (min-width: 1200px) {
    .main-header-nav-item-wrapper {
        flex-direction: row
    }
}

.main-header-nav-item {
    display: inline-block;
    line-height: 56px
}

.main-header-nav-item:last-child {
    margin-right: 0
}

@media screen and (min-width: 1200px) {
    .main-header-nav-item {
        margin-right: 26px
    }
}

@media screen and (min-width: 1366px) {
    .main-header-nav-item {
        margin-right: 40px
    }
}

.main-header-nav-item .btn-spoiler-catalog,
.main-header-nav-item a {
    position: relative;
    font-size: 24px;
    color: #000;
    white-space: nowrap;
    font-family: orchidea, sans-serif, sans-serif;
    transition: color .3s ease-in-out;
    font-weight: 400
}

@media screen and (min-width: 1200px) {
    .main-header-nav-item .btn-spoiler-catalog,
    .main-header-nav-item a {
        font-size: 16px
    }
}

@media screen and (min-width: 1366px) {
    .main-header-nav-item .btn-spoiler-catalog,
    .main-header-nav-item a {
        font-size: 18px
    }
}

.main-header-nav-item .btn-spoiler-catalog::after,
.main-header-nav-item a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 1px;
    background-color: #cc9933;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    backface-visibility: hidden;
}

.main-header-nav-item a:hover::after {
    opacity: 1;
}

@media (hover: hover) {
    .main-header-nav-item .btn-spoiler-catalog:hover,
    .main-header-nav-item a:hover {
        color: #cc9933;
    }
}

@media screen and (min-width: 1024px) {
    .main-header-nav-item .btn-spoiler-catalog.spoiler--opened::after,
    .main-header-nav-item a.spoiler--opened::after {
        opacity: 0
    }
}

.main-header-nav-item .btn-spoiler-catalog.active::after,
.main-header-nav-item a.active::after {
    opacity: 1
}

.main-header-nav-location {
    margin-bottom: 50px
}

@media screen and (min-width: 1024px) {
    .main-header-nav-location {
        display: none
    }
}

.main-header-nav-location-item {
    position: relative;
    display: inline-block;
    color: #bdbdbd;
    padding-left: 16px
}

.main-header-nav-location-item a,
.main-header-nav-location-item span {
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 18px
}

.main-header-nav-location-item a::after,
.main-header-nav-location-item span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background-color: #bdbdbd;
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.main-header-nav-location-item a.active::after,
.main-header-nav-location-item a:active::after,
.main-header-nav-location-item span.active::after,
.main-header-nav-location-item span:active::after {
    opacity: 1
}

.main-header-nav-location-item-icon {
    position: absolute;
    left: -4px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px
}

.main-header-nav-lang-item {
    display: inline-block;
    line-height: 56px;
    margin-right: 12px
}

@media screen and (min-width: 1024px) {
    .main-header-nav-lang-item {
        display: none
    }
}

.main-header-nav-lang-item:last-child {
    margin-right: 0
}

.main-header-nav-lang-item a {
    position: relative;
    font-size: 18px;
    font-family: lato, sans-serif;
    color: #000
}

.main-header-nav-lang-item a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background-color: #000;
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.main-header-nav-lang-item a.active,
.main-header-nav-lang-item a:active {
    font-weight: 700
}

.main-header-nav-lang-item a.active::after,
.main-header-nav-lang-item a:active::after {
    opacity: 1
}

.main-header-link-block {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-grow: 1
}

.main-header-search-inner {
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 12px;
    background-color: #fff;
    z-index: 6;
    transition: opacity .1s ease-in;
    opacity: 0;
    visibility: hidden
}

@media screen and (min-width: 1024px) {
    .main-header-search-inner {
        position: relative;
        justify-content: flex-end
    }
}

.main-header-search-inner--show {
    opacity: 1;
    visibility: visible
}

.main-header-search-inner--show .base-input--header-search {
    transform: scaleX(1);
    opacity: 1
}

.btn-close-search {
    position: absolute;
    right: 12px;
    top: 15px;
    color: #000;
    padding: 10px;
    z-index: 2
}

@media screen and (min-width: 1024px) {
    .btn-close-search {
        top: 1px
    }
}

.btn-close-search-icon {
    display: block;
    width: 14px;
    height: 14px;
    z-index: 1
}

.base-input--header-search {
    width: 100%;
    padding: 10px 20px 8px 40px;
    background-repeat: no-repeat;
    background-position: left 12px center;
    background-image: url(/local/templates/.default/assets/css/../images/svg-icon/search.svg);
    transform: scaleX(0.6);
    opacity: 0;
    transform-origin: right;
    transition: opacity .2s ease-in .1s, transform .2s ease-in .1s
}

@media screen and (min-width: 1024px) {
    .base-input--header-search {
        max-width: 600px
    }
}

.main-header-search-result {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 0;
    top: 100%;
    width: 100%;
    max-height: 180px;
    min-height: 0;
    padding: 10px 14px;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity .2s ease-in, transform .2s ease-in
}

@media screen and (min-width: 1024px) {
    .main-header-search-result {
        box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
        max-width: 600px;
        right: 12px
    }
}

.main-header-search-result--show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.main-header-search-result-content {
    flex-grow: 1;
    overflow-y: scroll
}

.main-header-search-result-content::-webkit-scrollbar {
    width: 3px
}

.main-header-search-result-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px #f3f3f3;
    box-shadow: inset 0 0 2px #f3f3f3
}

.main-header-search-result-content::-webkit-scrollbar-thumb {
    background-color: #000
}

.main-header-search-result-item {
    display: block;
    padding: 4px 0;
    color: #000;
    transition: color ease-in-out .3s
}

.main-header-search-result-itema:hover {
    color: #8c8c8c
}

.main-header-search-result-item--empty {
    display: block;
    padding: 10px 0;
    color: #8c8c8c
}

.header-link-item {
    margin-right: 14px
}

.header-link-item:last-child {
    margin-right: 0
}

.btn-hamburger--hide-desktop {
    display: block
}

@media screen and (min-width: 1200px) {
    .btn-hamburger--hide-desktop {
        display: none
    }
}

.btn-search--hide-desktop {
    display: flex
}

@media screen and (min-width: 1024px) {
    .btn-search--hide-desktop {
        display: none
    }
}

.btn-search--hide-mobile {
    display: none
}

@media screen and (min-width: 1024px) {
    .btn-search--hide-mobile {
        display: flex
    }
}

.btn-basket--hide-desktop {
    display: flex
}

@media screen and (min-width: 1024px) {
    .btn-basket--hide-desktop {
        display: none
    }
}

.catalog-header-dropdown.spoiler--opened:hover {
    color: #c93
}

.custom-checkbox-text--header {
    font-family: orchidea, sans-serif, sans-serif
}

.custom-checkbox-wrapper--main {
    padding: 16px 0
}

.catalog-header-dropdown--link {
    display: none
}

@media screen and (min-width: 1024px) {
    .catalog-header-dropdown--link {
        display: inline-block
    }
}

@media screen and (min-width: 1024px) {
    .catalog-header-dropdown--btn {
        display: none
    }
}

.spoiler-content--header {
    padding-left: 20px
}

.spoiler-content--header li {
    line-height: 2.3
}

.spoiler-content--header li a {
    font-size: 20px
}

@media screen and (min-width: 1024px) {
    .spoiler-content--header li a {
        font-size: 16px
    }
}

.main-footer {
    position: relative;
    padding: 0 0 110px 0
}

.main-footer-subscribe {
    margin-bottom: 48px
}

@media screen and (min-width: 1024px) {
    .main-footer-subscribe {
        margin-bottom: 0
    }
}

.subscribe-block-title {
    margin-bottom: 16px;
    color: #000;
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    text-align: center
}

.subscribe-block-text {
    margin-bottom: 32px;
    font-size: 14px;
    line-height: 18px;
    text-align: center
}

.subscribe-block-form {
    display: flex;
    flex-direction: column;
    align-items: center
}

.subscribe-block-input {
    display: block;
    width: 100%;
    max-width: 282px;
    margin-bottom: 24px
}

.base-input-subscribe-wrapper {
    display: flex;
    justify-content: center;
    width: 100%
}

.base-input-subscribe-wrapper .base-input-err-text {
    top: 65%;
    left: 50%;
    transform: translate(-55%)
}

.subscribe-block-btn {
    width: 100%;
    max-width: 282px;
    padding: 5px 20px
}

.contacts-block-title {
    margin-bottom: 24px;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    color: #000
}

@media screen and (min-width: 1024px) {
    .contacts-block-title {
        margin-bottom: 0;
        margin-right: 30px
    }
}

.contacts-block {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media screen and (min-width: 1024px) {
    .contacts-block {
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        padding: 0;
        max-width: 100%;
        margin-top: 100px
    }
}

.contacts-block-item {
    display: block
}

.contacts-block-phone {
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    color: #000;
    margin-bottom: 12px
}

@media screen and (min-width: 1024px) {
    .contacts-block-phone {
        margin-bottom: 0;
        margin-right: 30px
    }
}

.contacts-block-mail {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    color: #000;
    margin-bottom: 38px
}

@media screen and (min-width: 1024px) {
    .contacts-block-mail {
        margin-bottom: 0
    }
}

.contacts-block-social {
    display: flex
}

@media screen and (min-width: 1024px) {
    .contacts-block-social {
        display: none
    }
}

.contacts-block-social-item {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center
}

.contacts-block-social-item:first-child {
    margin-right: 20px
}

.contacts-block-social-item-wp {
    background-image: url("data:image/svg+xml,%3Csvg fill='none' height='26' viewBox='0 0 26 26' width='26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m13.0001 8.83447c-2.2938 0-4.16564 1.87183-4.16564 4.16563 0 2.2937 1.87184 4.1656 4.16564 4.1656 2.2937 0 4.1656-1.8719 4.1656-4.1656 0-2.2938-1.8719-4.16563-4.1656-4.16563zm12.4937 4.16563c0-1.725.0157-3.43438-.0812-5.15625-.0969-2-.5531-3.775-2.0156-5.2375-1.4657-1.46563-3.2375-1.918751-5.2375-2.015626-1.725-.096875-3.4344-.08125-5.1563-.08125-1.725 0-3.43436-.015625-5.15624.08125-2 .096875-3.775.553126-5.2375 2.015626-1.46562 1.46562-1.918748 3.2375-2.015623 5.2375-.096875 1.725-.08125 3.43435-.08125 5.15625s-.015625 3.4344.08125 5.1562c.096875 2 .553123 3.775 2.015623 5.2375 1.46563 1.4657 3.2375 1.9188 5.2375 2.0157 1.725.0968 3.43434.0812 5.15624.0812 1.725 0 3.4344.0156 5.1563-.0812 2-.0969 3.775-.5532 5.2375-2.0157 1.4656-1.4656 1.9187-3.2375 2.0156-5.2375.1-1.7218.0812-3.4312.0812-5.1562zm-12.4937 6.4094c-3.54689 0-6.40939-2.8625-6.40939-6.4094 0-3.54688 2.8625-6.40938 6.40939-6.40938 3.5469 0 6.4094 2.8625 6.4094 6.40938 0 3.5469-2.8625 6.4094-6.4094 6.4094zm6.6719-11.5844c-.8282 0-1.4969-.66875-1.4969-1.49688 0-.82812.6687-1.49687 1.4969-1.49687.8281 0 1.4968.66875 1.4968 1.49687.0003.19665-.0383.3914-.1134.57313-.0751.18172-.1854.34683-.3244.48588-.1391.13904-.3042.24929-.4859.32443s-.3765.11369-.5731.11344z' fill='%23000'/%3E%3C/svg%3E")
}

.contacts-block-social-item-inst {
    background-image: url("data:image/svg+xml,%3Csvg fill='none' height='28' viewBox='0 0 28 28' width='28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.671977 27.3334 1.802663-6.624c-1.18781-2.0362-1.811868-4.352-1.807996-6.7093 0-7.36402 5.969336-13.333352 13.333356-13.333352 7.364 0 13.3333 5.969332 13.3333 13.333352 0 7.364-5.9693 13.3333-13.3333 13.3333-2.3563.0038-4.67115-.6198-6.70669-1.8067zm8.516003-19.58932c-.17219.01069-.34044.05604-.49467.13333-.14464.08191-.27667.1843-.392.30401-.16.15066-.25067.28133-.348.40799-.49278.64133-.75785 1.42859-.75333 2.23729.00266.6534.17333 1.2894.44 1.884.54533 1.2027 1.44266 2.476 2.62802 3.656.2853.284.564.5694.864.8347 1.4712 1.2953 3.2243 2.2294 5.12 2.728l.7586.116c.2467.0133.4934-.0053.7414-.0173.3883-.0201.7675-.1252 1.1106-.308.1747-.09.3451-.1878.5107-.2934 0 0 .0573-.0373.1667-.12.18-.1333.2906-.228.44-.384.1106-.1146.2066-.2493.28-.4026.104-.2174.208-.632.2506-.9774.032-.264.0227-.408.0187-.4973-.0053-.1427-.124-.2907-.2533-.3533l-.776-.348s-1.16-.5054-1.868-.828c-.0747-.0326-.1547-.0511-.236-.0547-.0912-.0094-.1834.0009-.2704.0301-.0869.0292-.1666.0767-.2336.1392v-.0026c-.0067 0-.096.076-1.06 1.244-.0554.0743-.1316.1305-.219.1614-.0873.0309-.1819.035-.2717.0119-.0869-.0232-.172-.0526-.2547-.088-.1653-.0693-.2226-.096-.336-.1453l-.0066-.0027c-.7628-.333-1.4691-.7829-2.0934-1.3333-.168-.1467-.324-.3067-.484-.4614-.5245-.5023-.9817-1.0706-1.36-1.6906l-.0786-.1267c-.0565-.0851-.1022-.1769-.136-.2733-.0507-.196.0813-.3534.0813-.3534s.324-.3546.4747-.5466c.1254-.1596.2425-.3256.3506-.4974.1574-.2533.2067-.5133.124-.7146-.3733-.91202-.76-1.82002-1.1573-2.72135-.0787-.17867-.312-.30667-.52399-.332-.072-.008-.144-.016-.216-.02134-.17906-.00889-.35849-.00711-.53733.00534z' fill='%23000'/%3E%3C/svg%3E")
}

.contacts-block-social-item-inst:hover,
.contacts-block-social-item-inst:active {
    background-image: url("data:image/svg+xml,%3Csvg fill='none' height='28' viewBox='0 0 28 28' width='28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.671977 27.3334 1.802663-6.624c-1.18781-2.0362-1.811868-4.352-1.807996-6.7093 0-7.36402 5.969336-13.333352 13.333356-13.333352 7.364 0 13.3333 5.969332 13.3333 13.333352 0 7.364-5.9693 13.3333-13.3333 13.3333-2.3563.0038-4.67115-.6198-6.70669-1.8067zm8.516003-19.58932c-.17219.01069-.34044.05604-.49467.13333-.14464.08191-.27667.1843-.392.30401-.16.15066-.25067.28133-.348.40799-.49278.64133-.75785 1.42859-.75333 2.23729.00266.6534.17333 1.2894.44 1.884.54533 1.2027 1.44266 2.476 2.62802 3.656.2853.284.564.5694.864.8347 1.4712 1.2953 3.2243 2.2294 5.12 2.728l.7586.116c.2467.0133.4934-.0053.7414-.0173.3883-.0201.7675-.1252 1.1106-.308.1747-.09.3451-.1878.5107-.2934 0 0 .0573-.0373.1667-.12.18-.1333.2906-.228.44-.384.1106-.1146.2066-.2493.28-.4026.104-.2174.208-.632.2506-.9774.032-.264.0227-.408.0187-.4973-.0053-.1427-.124-.2907-.2533-.3533l-.776-.348s-1.16-.5054-1.868-.828c-.0747-.0326-.1547-.0511-.236-.0547-.0912-.0094-.1834.0009-.2704.0301-.0869.0292-.1666.0767-.2336.1392v-.0026c-.0067 0-.096.076-1.06 1.244-.0554.0743-.1316.1305-.219.1614-.0873.0309-.1819.035-.2717.0119-.0869-.0232-.172-.0526-.2547-.088-.1653-.0693-.2226-.096-.336-.1453l-.0066-.0027c-.7628-.333-1.4691-.7829-2.0934-1.3333-.168-.1467-.324-.3067-.484-.4614-.5245-.5023-.9817-1.0706-1.36-1.6906l-.0786-.1267c-.0565-.0851-.1022-.1769-.136-.2733-.0507-.196.0813-.3534.0813-.3534s.324-.3546.4747-.5466c.1254-.1596.2425-.3256.3506-.4974.1574-.2533.2067-.5133.124-.7146-.3733-.91202-.76-1.82002-1.1573-2.72135-.0787-.17867-.312-.30667-.52399-.332-.072-.008-.144-.016-.216-.02134-.17906-.00889-.35849-.00711-.53733.00534z' fill='%23cc9933'/%3E%3C/svg%3E")
}

.subscribe-nda-text {
    max-width: 300px;
    margin-bottom: 24px
}

.breadcrumb-item-wrapper {
    display: flex
}

.breadcrumb-item::after {
    content: "–";
    color: #000;
    margin: 0 4px
}

.breadcrumb-item:last-child::after {
    display: none
}

.breadcrumb-item a,
.breadcrumb-item span {
    color: #000;
    font-size: 14px;
    line-height: 24px
}

.breadcrumb-item a:hover,
.breadcrumb-item a:active {
    color: #cc9933;
}

.breadcrumb-arrow-back {
    display: block;
    margin-right: 20px
}

@media screen and (min-width: 1024px) {
    .breadcrumb-arrow-back {
        display: none
    }
}

.breadcrumb-arrow-back a {
    color: #bdbdbd
}

.breadcrumb-arrow-back a:hover {
    color: #d6d6d6
}

.breadcrumb-arrow-back::after {
    display: none
}

.breadcrumb-arrow-back-icon {
    width: 18px;
    height: 18px
}

.popup-subscribe {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    min-height: 172px;
    width: 100%;
    background-color: #fff;
    z-index: 10
}

.popup-subscribe.show {
    display: block
}

.popup-subscribe-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 10px;
    text-align: center
}

@media screen and (min-width: 1024px) {
    .popup-subscribe-title {
        font-size: 30px;
        margin-bottom: 14px;
        text-align: left
    }
}

.popup-subscribe-text-inner {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media screen and (min-width: 1024px) {
    .popup-subscribe-text-inner {
        align-items: flex-start;
        margin-right: 16px
    }
}

.popup-subscribe-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    max-width: 268px;
    text-align: center;
    margin-bottom: 14px
}

.popup-subscribe-text span {
    display: block
}

@media screen and (min-width: 1024px) {
    .popup-subscribe-text span {
        display: inline
    }
}

@media screen and (min-width: 1024px) {
    .popup-subscribe-text {
        max-width: 580px;
        font-size: 18px;
        line-height: 26px;
        text-align: left;
        margin-bottom: 0
    }
}

.container--popup-subscribe {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 28px 30px 38px 30px
}

@media screen and (min-width: 1024px) {
    .container--popup-subscribe {
        flex-direction: row;
        justify-content: space-between;
        padding: 30px 80px 12px 80px
    }
}

.popup-subscribe-input {
    max-width: 286px;
    width: 100%;
    margin-bottom: 12px
}

.popup-subscribe-form {
    display: flex;
    flex-direction: column;
    max-width: 286px
}

.popup-subscribe-btn {
    margin-bottom: 8px
}

.popup-subscribe-form-text {
    font-weight: 500;
    font-size: 10px;
    line-height: 10px
}

.popup-subscribe-btn-close {
    position: absolute;
    right: 2px;
    top: 2px;
    color: #000;
    padding: 10px;
    z-index: 2
}

@media screen and (min-width: 1024px) {
    .popup-subscribe-btn-close {
        right: 2px;
        top: 5px
    }
}

.btn-close-popup-subscribe-icon {
    display: block;
    width: 11px;
    height: 11px;
    z-index: 1
}

@media screen and (min-width: 1024px) {
    .btn-close-popup-subscribe-icon {
        width: 14px;
        height: 14px
    }
}

.product-page {
    padding: 64px 0 0 0
}

@media screen and (min-width: 1024px) {
    .product-page {
        padding: 10px 0 0 0
    }
}

.scroll-parent-container {
    padding: 0
}

@media screen and (min-width: 1024px) {
    .scroll-parent-container {
        padding: 0 40px
    }
}

.product-page-breadcrumb {
    padding: 80px 24px 12px;
    display: none;
}

@media screen and (min-width: 1024px) {
    .product-page-breadcrumb {
        z-index: 2;
        display: block;
        padding: 120px 40px 24px;
        width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .product-gallery {
        width: 66.66%;
        float: left
    }
}

.product-about-wrapper {
    position: relative;
    margin-bottom: 34px;
    padding: 0
}

@media screen and (min-width: 1024px) {
    .product-about-wrapper {
        width: 33.33%;
        float: right
    }
}

@media screen and (min-width: 1024px) {
    .product-about {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end;
        min-width: 0;
        padding: 0 40px
    }
}

.container--product-gallery {
    padding: 0 0 0 14px
}

@media screen and (min-width: 1024px) {
    .container--product-gallery {
        padding: 0 0 0 30px
    }
}

.product-gallery-slider-wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 32px
}

.product-gallery-slider .slick-dots {
    display: flex;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%)
}

@media screen and (min-width: 1024px) {
    .product-gallery-slider .slick-dots {
        right: 5px;
        left: auto;
        bottom: -92px;
        transform: translateX(0)
    }
}

.product-gallery-slider .slick-dots li {
    margin-right: 20px
}

.product-gallery-slider .slick-dots li:last-child {
    margin-right: 0
}

.product-gallery-slider .slick-dots li.slick-active .product-gallery-slider-pagin {
    border-color: #c93
}

.product-gallery-slider .slick-dots li.slick-active .product-gallery-slider-pagin--mobile {
    border-color: #bdbdbd;
    background-color: #fff
}

.product-gallery-slider-pagin {
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 2px solid rgba(0, 0, 0, 0);
    cursor: pointer
}

.product-gallery-slider-pagin--mobile {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #bdbdbd;
    border: 2px solid rgba(0, 0, 0, 0);
    box-sizing: content-box
}

.product-gallery-slider-item {
    padding: 0 10px
}

.product-gallery-slider-item:focus {
    outline: 0
}

.product-gallery-slider-item img {
    display: block
}

@media screen and (min-width: 1024px) {
    .product-gallery-slider-item img {
        width: 100%;
        height: auto
    }
}

.product-about-buy {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 12px 24px 8px 24px;
    background-color: #fff;
    z-index: 9;
    transform: translate3d(0, 0, 0)
}

@media screen and (min-width: 1024px) {
    .product-about-buy {
        position: relative;
        box-shadow: none;
        background-color: rgba(0, 0, 0, 0);
        margin-bottom: 30px;
        padding: 0
    }
}

@media screen and (max-width: 1024px) {
    .product-about-buy.fixed-mobile {
        position: fixed;
        bottom: 0;
        left: 0;
        padding: 12px 22px 8px 22px;
        box-shadow: 0 -4px 10px rgba(0, 0, 0, .1)
    }
}

.product-about-description {
    padding: 0 24px 0 10px
}

@media screen and (min-width: 1024px) {
    .product-about-description {
        margin-bottom: 24px;
        padding: 0 274px 0 10px
    }
}

.product-about-buy-text {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px
}

@media screen and (min-width: 1024px) {
    .product-about-buy-text {
        flex-direction: column;
        padding-right: 40px;
        margin-bottom: 30px
    }
}

.product-about-buy-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-right: 12px
}

@media screen and (min-width: 1024px) {
    .product-about-buy-title {
        margin-bottom: 36px;
        font-size: 22px
    }
}

.product-about-btn-heart {
    display: none;
    position: absolute;
    right: 0;
    top: -8px
}

@media screen and (min-width: 1024px) {
    .product-about-btn-heart {
        display: flex
    }
}

.product-about-buy-price {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    white-space: nowrap
}

@media screen and (min-width: 1024px) {
    .product-about-buy-price {
        font-size: 20px
    }
}

.product-about-buy-price .fa-rub {
    font-size: 14px
}

@media screen and (min-width: 1024px) {
    .product-about-buy-price .fa-rub {
        font-size: 18px
    }
}

.product-about-buy-color {
    flex-wrap: wrap;
}

.product-about-buy-color li {
    margin-right: 16px
}

.product-about-buy-color li:last-child {
    margin-right: 0
}

.product-about-buy-color-text {
    text-align: center;
    font-family: lato, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    padding: 16px 0 10px 0
}

.product-about-buy-color-text--desktop {
    text-align: left;
    display: none
}

@media screen and (min-width: 1024px) {
    .product-about-buy-color-text--desktop {
        display: block
    }
}

.product-about-buy-color-text--mobile {
    margin-top: 10px;
    margin-bottom: 10px
}

@media screen and (min-width: 1024px) {
    .product-about-buy-color-text--mobile {
        display: none
    }
}

.buy-color-text-sub {
    color: #8c8c8c
}

.product-about-buy-color--desktop {
    display: none
}

@media screen and (min-width: 1024px) {
    .product-about-buy-color--desktop {
        display: flex
    }
}

.product-about-buy-color--mobile {
    display: flex;
    justify-content: center
}

@media screen and (min-width: 1024px) {
    .product-about-buy-color--mobile {
        display: none
    }
}

.product-about-buy-btn-size {
    align-self: center
}

@media screen and (min-width: 1024px) {
    .product-about-buy-btn-size {
        order: 1;
        margin-bottom: 10px;
        font-family: orchidea, sans-serif, sans-serif;
        font-weight: 600;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: -0.02em;
        color: #000;
        display: none
    }
}

.product-about-buy-btns {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

@media screen and (min-width: 1024px) {
    .product-about-buy-btns {
        flex-direction: column;
        order: 2
    }
}

@media screen and (min-width: 1366px) {
    .product-about-buy-btns {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start
    }
}

.product-about-fastbuy-btn {
    margin-right: 12px;
    flex-grow: 1;
    flex-basis: 50%;
    max-width: 250px
}

@media screen and (max-width: 370px) {
    .product-about-fastbuy-btn {
        font-size: 14px;
        padding: 5px 10px
    }
}

@media screen and (min-width: 1024px) {
    .product-about-fastbuy-btn {
        font-size: 14px;
        margin-right: 0;
        margin-bottom: 24px
    }
}

@media screen and (min-width: 1366px) {
    .product-about-fastbuy-btn {
        font-size: 15px;
        max-width: 180px;
        margin-bottom: 0;
        margin-right: 12px;
        padding: 5px
    }
}

.product-about-basket-btn {
    flex-grow: 1;
    flex-basis: 50%;
    display: flex;
    max-width: 250px;
    justify-content: center;
    font-weight: 600
}

@media screen and (max-width: 370px) {
    .product-about-basket-btn {
        font-size: 14px;
        padding: 5px 10px
    }
}

@media screen and (min-width: 1024px) {
    .product-about-basket-btn {
        font-size: 14px
    }
}

@media screen and (min-width: 1366px) {
    .product-about-basket-btn {
        font-size: 15px;
        padding: 5px;
        max-width: 180px
    }
}

.product-about-basket-btn .text-disabled {
    display: none
}

.product-about-basket-btn.product-about-basket-btn--basket .text-disabled {
    display: inline-block
}

.product-about-basket-btn.product-about-basket-btn--basket .text-active {
    display: none
}

.popup-about-check-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 11
}

.popup-about-check-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 11
}

.product-about-check-block {
    position: fixed;
    top: 64px;
    left: 0;
    width: 100%;
    padding: 6px 25px 12px 34px;
    background-color: #fff;
    box-shadow: 0 -4px 10px rgba(204, 153, 51, .1);
    transform: translate3d(0, 0, 0);
    border: .5px solid rgba(204, 153, 51, .1);
    z-index: 12
}

@media screen and (min-width: 1024px) {
    .product-about-check-block {
        padding: 6px 40px 12px 40px
    }
}

.popup-about-check-container {
    position: relative;
    padding: 0
}

.btn-close-check-block {
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    height: 24px;
    color: #bdbdbd
}

.btn-close-check-block:hover {
    color: #d6d6d6
}

.btn-close-check-block-icon {
    width: 12px;
    height: 12px
}

.product-about-check-subtitle {
    font-size: 14px;
    line-height: 24px;
    color: #8c8c8c;
    margin-bottom: 4px
}

.product-about-check-img {
    width: 120px;
    height: 170px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.product-about-check-bottom {
    display: flex;
    justify-content: space-between
}

.product-about-check-price {
    font-size: 12px;
    line-height: 24px;
    color: #8c8c8c
}

.product-about-check-title {
    font-weight: 600;
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 16px
}

.product-about-item-text-wrapper {
    padding: 0 24px
}

@media screen and (min-width: 1024px) {
    .product-about-item-text-wrapper {
        padding: 0
    }
}

.product-about-item-text {
    padding: 24px 0;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    border-bottom: 1px solid #efefef
}

@media screen and (min-width: 1024px) {
    .product-about-item-text {
        border-bottom: none;
        padding: 0 0 10px 0
    }
}

.product-recommend {
    margin-bottom: 40px
}

.container--product-recommend {
    padding: 0 20px
}

@media screen and (min-width: 1024px) {
    .container--product-recommend {
        padding: 0 0 0 35px;
        width: 66.6%;
        float: left
    }
}

.product-recommend-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
    padding: 0 0 0 5px
}

@media screen and (min-width: 1024px) {
    .product-recommend-title {
        margin-bottom: 18px
    }
}

.product-recommend-item {
    max-width: 176px;
    padding: 5px
}

.product-recommend-item:focus {
    outline: 0
}

.product-recommend-item-img {
    margin-bottom: 22px;
    width: 166px;
    height: 220px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover
}

.product-recommend-item-preorder-wrapper {
    position: relative;
    margin-bottom: 20px;
}

.product-recommend-item-preorder {
    position: absolute;
    left: 0;
    top: 0px;
    font-weight: 600;
    font-size: 10px;
    line-height: 19px;
    color: #c93
}

.product-recommend-item-title {
    margin-bottom: 6px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.product-recommend-item:hover .product-recommend-item-title,
.product-recommend-item:active .product-recommend-item-title {
    color: #cc9933;
}

.product-recommend-item-price {
    display: flex;
    align-items: center;
    font-family: lato, sans-serif
}

.price-item {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #000;
    font-family: lato, sans-serif
}

.price-item .fa-rub {
    font-size: 12px
}

.price-item--discount {
    color: #ff6161
}

.price-item--old {
    margin-left: 8px;
    font-size: 10px;
    text-decoration: line-through
}

.price-item--old .fa-rub {
    font-size: 8px
}

.product-recommend-item-color {
    display: flex
}

.product-recommend-color-item {
    margin-right: 6px
}

.product-recommend-color-item:last-child {
    margin-right: 0
}

.color-item {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0)
}

.popup-block {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 20
}

.popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .5);
    cursor: pointer
}

.popup-block--show {
    display: block
}

.popup-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

@media screen and (min-width: 1024px) {
    .popup-about-size {
        position: static;
        display: block
    }
}

@media screen and (min-width: 1024px) {
    .popup-overlay--popup-about {
        display: none
    }
}

@media screen and (min-width: 1024px) {
    .btn-popup-close--popup-about {
        display: none
    }
}

.popup-content--popup-about {
    background-color: #fff;
    padding: 24px 24px 0 24px
}

@media screen and (min-width: 1024px) {
    .popup-content--popup-about {
        position: static;
        padding: 0
    }
}

@media screen and (min-width: 1024px) {
    .popup-content--popup-about--basket {
        position: absolute;
        padding: 0
    }
}

.btn-popup-close {
    position: absolute;
    right: 24px;
    top: 24px
}

.btn-popup-close-icon {
    display: block;
    width: 16px;
    height: 16px
}

.popup-tabs-btn-wrapper {
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #bdbdbd
}

.btn-link-gray--popup-about-wrapper {
    margin-bottom: 30px;
    padding-left: 24px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url("data:image/svg+xml,%3Csvg fill='none' height='17' viewBox='0 0 16 17' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11.2811.688772-11.2811 11.311228s3.00807 3.0161 4.9355 4.9487c2.76486-2.7723 7.0799-7.09878 7.0799-7.09878l3.4951-3.50444c.39-.39104.39-1.02505 0-1.41609zm3.6046 4.939658-9.95918 9.98567-3.59553-3.6051.66651-.6683 1.12773 1.1307.661-.6627-1.12772-1.1308.66651-.6682 1.79775 1.8025.66101-.6628-1.79775-1.80251.66651-.66829 1.12772 1.13073.661-.66277-1.12772-1.13073.66652-.66829 1.79775 1.80255.661-.66277-1.79775-1.80254.66651-.66829 1.12772 1.13072.66101-.66276-1.12772-1.13073.66651-.66829 1.79771 1.80254.661-.66276-1.7977-1.80255.66651-.66829 1.12769 1.13073.661-.66277-1.1277-1.13073.6665-.66829z' fill='%238c8c8c'/%3E%3C/svg%3E")
}

.btn-tab-change:checked + .btn-tab-change-label {
    color: #000
}

.btn-tab-change:checked + .btn-tab-change-label::before {
    background-color: #000
}

.btn-tab-change-label {
    position: relative;
    margin-bottom: 3px;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    font-family: lato, sans-serif;
    color: #bdbdbd;
    cursor: pointer
}

.btn-tab-change-label::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    height: 2px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0)
}

@media screen and (min-width: 1024px) {
    .btn-tab-change-label {
        font-size: 16px
    }
}

@media screen and (min-width: 1366px) {
    .btn-tab-change-label {
        font-size: 18px
    }
}

.popup-tabs-item {
    display: none;
    padding-top: 26px;
    height: 265px;
    flex-direction: column
}

.popup-tabs-item--show {
    display: flex
}

.popup-tabs-item-inner {
    flex-grow: 1;
    min-height: 0
}

.btn-tab-size:checked + .btn-tab-size-label {
    color: #000
}

.btn-tab-size:checked + .btn-tab-size-label::before {
    display: block
}

.btn-tab-size:disabled + .btn-tab-size-label {
    color: #8c8c8c
}

.btn-tab-size:disabled + .btn-tab-size-label .btn-tab-size-label-text {
    display: inline-block
}

.btn-tab-size-label {
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #000;
    cursor: pointer
}

.btn-tab-size-label:before {
    content: "";
    display: none;
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg fill='none' height='14' viewBox='0 0 14 14' width='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m10.06 4.05325-4.39329 4.39334-2.39334-2.38667-.94.94 3.33334 3.33338 5.33329-5.33338zm-3.05996-3.719998c-3.68 0-6.666666 2.986668-6.666666 6.666668 0 3.67998 2.986666 6.66668 6.666666 6.66668 3.67996 0 6.66666-2.9867 6.66666-6.66668 0-3.68-2.9867-6.666668-6.66666-6.666668zm0 12.000048c-2.94667 0-5.33333-2.38671-5.33333-5.33338s2.38666-5.33333 5.33333-5.33333 5.33336 2.38666 5.33336 5.33333-2.38669 5.33338-5.33336 5.33338z' fill='%23000'/%3E%3C/svg%3E")
}

.btn-tab-size-label-text {
    display: none
}

.btn-tab-size-text-item {
    padding-left: 28px;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #8c8c8c
}

.tab-size-btn-wrapper {
    display: none;
    flex: 0 0 auto;
    justify-content: center;
    border-top: 1px solid #efefef;
    padding: 24px 0 28px 0
}

.tab-size-btn-wrapper--show {
    display: flex
}

.btn-primary-tab-size {
    width: 100%;
    max-width: 287px
}

.btn-change-color-desktop {
    position: relative;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    margin-right: 34px;
    border-width: 2px;
    border-style: solid
}

.btn-change-color-desktop:last-child {
    margin-right: 0
}

.btn-change-color-desktop::after {
    content: "";
    position: absolute;
    width: 42px;
    height: 42px;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid #c93;
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.btn-change-color-desktop.active::after {
    opacity: 1
}

.popup-fast-buy {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    z-index: 20
}

.popup-fast-buy.popup-fast-buy--show {
    display: block
}

.popup-fast-buy-container {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 32px 24px;
    width: 100%;
    background-color: #fff;
    z-index: 21
}

@media screen and (min-width: 1024px) {
    .popup-fast-buy-container {
        padding: 24px 80px;
        box-shadow: 0 0 40px rgba(0, 0, 0, .5);
        left: 50%;
        top: 50%;
        bottom: auto;
        transform: translate(-50%, -50%);
        max-width: 540px
    }
}

.popup-fast-buy-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 24px
}

@media screen and (min-width: 1024px) {
    .popup-fast-buy-title {
        font-size: 24px
    }
}

.btn-close-popup-fast-buy {
    position: absolute;
    right: 12px;
    top: 12px
}

@media screen and (min-width: 1024px) {
    .btn-close-popup-fast-buy {
        right: 24px;
        top: 24px
    }
}

.popup-fast-buy-form {
    display: flex;
    flex-direction: column
}

.base-input--popup-fast-buy {
    width: 100%
}

.btn-primary--popup-fast-buy {
    margin-top: 24px;
    max-width: 312px;
    width: 100%;
    align-self: center
}

.base-input-wrapper--popup-fast-buy {
    margin-bottom: 32px
}

.product-recommend-slider {
    display: flex;
    overflow-x: scroll;
    padding-bottom: 10px
}

.product-recommend-slider::-webkit-scrollbar {
    height: 3px
}

.product-recommend-slider::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px #f3f3f3;
    box-shadow: inset 0 0 2px #f3f3f3
}

.product-recommend-slider::-webkit-scrollbar-thumb {
    background-color: #000
}

.popup-size {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    justify-content: center;
    align-items: center;
    overflow: auto;
    z-index: 10
}

.popup-size--show {
    display: flex
}

.popup-size-container {
    max-height: 100%;
    max-width: 100%;
    position: relative
}

.popup-size-content {
    position: relative;
    max-width: 665px;
    background-color: #fff;
    padding: 24px 24px 36px 24px;
    margin: 24px 0
}

@media screen and (min-width: 1024px) {
    .popup-size-content {
        max-width: 900px;
        padding: 40px 40px 56px 40px;
        margin: 80px 0
    }
}

.popup-size-title {
    font-size: 28px;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 24px
}

.popup-overlay-popup-size {
    position: fixed
}

.btn-close-popup-popup-size-icon {
    width: 16px;
    height: 16px
}

@media screen and (min-width: 1024px) {
    .btn-close-popup-popup-size-icon {
        width: 24px;
        height: 24px
    }
}

.btn-close-popup-popup-size {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    z-index: 2
}

@media screen and (min-width: 1024px) {
    .btn-close-popup-popup-size {
        right: 4px;
        top: 4px
    }
}

.btn-close-popup-popup-size:hover {
    opacity: .8
}

.popup-size-row {
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 1024px) {
    .popup-size-row {
        flex-direction: row
    }
}

.popup-size-product {
    display: flex;
    margin-bottom: 24px
}

@media screen and (min-width: 1024px) {
    .popup-size-product {
        flex-direction: column;
        margin-right: 36px
    }
}

.popup-size-product-img {
    flex: 0 0 auto;
    height: 210px;
    width: 150px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

@media screen and (min-width: 1024px) {
    .popup-size-product-img {
        height: 400px;
        width: 250px;
        margin-bottom: 24px
    }
}

.popup-size-text {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 24px
}

@media screen and (min-width: 1024px) {
    .popup-size-text {
        padding-left: 0;
        flex-grow: inherit
    }
}

.popup-size-product-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 12px
}

.popup-size-product-cost {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.6
}

.base-input--size-from {
    width: 100px;
    height: 60px;
    font-size: 24px;
    text-align: center
}

.popup-size-form-input-text {
    display: flex;
    align-items: center;
    white-space: nowrap;
    width: 180px;
    padding-right: 12px;
    flex: 0 0 auto;
    font-size: 18px
}

.base-input-wrapper--size-from {
    display: flex;
    min-width: 0;
    margin-bottom: 24px
}

.popup-size-tab {
    display: none
}

.popup-size-tab--show {
    display: block;
    min-width: 0
}

.popup-size-form-inner {
    line-height: 1.8
}

.popup-size-form-inner-title {
    font-size: 24px;
    line-height: 1.6;
    font-weight: 400
}

.popup-size-form-inner-text {
    margin-bottom: 12px
}

.popup-size-form-inner-list {
    padding-left: 24px;
    margin-bottom: 12px
}

.btn-primary--popup-size-form {
    display: block;
    margin: 24px auto 0 auto;
    max-width: 270px;
    width: 100%;
    padding: 8px 20px
}

.popup-size-tab-recomend {
    font-size: 20px;
    line-height: 1.6;
    display: flex;
    align-items: center
}

.popup-size-tab-text {
    white-space: nowrap
}

.popup-size-tab-size {
    font-weight: 700;
    font-size: 32px;
    margin-left: 32px
}

.popup-size-tab-size--small {
    font-size: 20px
}

.table-inner-wrapper--popup-size .table-inner th {
    padding: 12px 20px 12px 12px
}

.product-about-buy-error {
    display: none;
    color: #f33;
    font-size: 14px;
    line-height: 1.6
}

@media screen and (min-width: 1024px) {
    .product-about-buy-error {
        order: 2
    }
}

.product-about-buy-error--show {
    display: block
}

.slider-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%
}

@media screen and (min-width: 1024px) {
    .mp-page {
        overflow-x: hidden
    }
}

.container-mp {
    padding: 64px 0 45px 0
}

@media screen and (min-width: 1024px) {
    .container-mp {
        padding: 80px 10px 45px 10px
    }
}

.frame-item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    height: 400px;
    padding: 50px 34px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover
}

.frame-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6) -38.5%, rgba(0, 0, 0, 0) 85.57%)
}

.frame-item--promo {
    padding: 50px 20px
}

.frame-item-mark {
    position: absolute;
    top: 34px;
    right: 0;
    padding: 4px 12px;
    font-weight: 600;
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    background-color: #000
}

.frame-item-inner {
    position: relative
}

.frame-item-title {
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    color: #fff
}

.frame-item-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 32px;
    /*margin-bottom: 24px;*/
    color: #fff
}

.frame-item-btn-white {
	margin-top: 24px;
}

.mp-slider-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 22px
}

@media screen and (min-width: 1024px) {
    .mp-slider-title {
        margin-bottom: 2px
    }
}

.product-recommend-slider--mp {
    margin-bottom: 14px
}

.mp-slider-btn {
    display: block;
    margin: 0 auto;
    max-width: 216px
}

.mp-page-row {
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 1024px) {
    .mp-page-row {
        flex-direction: row;
        flex-wrap: wrap
    }
}

.mp-page-column {
    padding: 5px 10px;
}

@media screen and (min-width: 1024px) {
    .mp-page-column {
        flex-basis: 33.33%;
        max-width: 33.33%;
        padding: 0 28px 35px 28px
    }
}

.mp-page-column--slider {
    padding: 28px 15px 48px 15px;
    position: relative
}

@media screen and (min-width: 1024px) {
    .mp-page-column--slider {
        flex-basis: 66.66%;
        max-width: 66.66%;
        padding: 0 28px 35px 28px;
        order: 1
    }
}

.catalog-gal-column {
    max-width: 50%
}

.contacts-block {
    position: relative
}

.popup-tabs-item {
    height: auto
}

.product-gallery-slider-item {
    margin: 0 10px 0 10px;
    padding: 0 !important
}

.product-gallery-slider-item-img {
    position: relative;
    display: block;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 140%;
    overflow: hidden
}

.product-gallery-slider-item-img:focus {
    outline: 0
}

.main-footer {
    margin-top: 50px
}

@media screen and (min-width: 1200px) {
    .main-header-wrapper {
        padding-left: 50px;
        padding-right: 30px;
        max-width: 1360px;
        margin: 0 auto
    }

    .product-gallery-slider .slick-dots {
        left: 50%;
        transform: translateX(-50%);
        justify-content: center
    }

    .main-header {
        padding: 0
    }

    .contacts-block {
        z-index: 2
    }

    .container--product-gallery {
        padding: 0
    }

    .product-about {
        padding: 0 0 0 40px
    }

    .container--product-recommend {
        padding: 0
    }

    .popup-about-size {
        z-index: 1
    }

    .basket-head-wrapper {
        padding: 0 24px
    }

    .basket-empty-block .container {
        padding: 0 24px
    }

    .main-footer {
        padding: 12px 15px 30px 15px
    }

    .product-about-description {
        margin-top: 84px
    }

    .product-gallery-slider .slick-dots {
        bottom: -72px
    }

    .catalog-gal-column {
        max-width: 25%
    }
}

@media screen and (min-width: 1366px) {
    .main-header {
        padding: 0
    }
}

#app-amour,
html {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    flex-grow: 1
}

.fancybox-bg {
    background: rgba(255, 255, 255, .5)
}

.page-content--blured {
    filter: blur(3px)
}

.fancybox-close-small {
    color: #000;
    transition: color .3s ease-in-out
}

.fancybox-close-small:hover {
    color: rgba(0, 0, 0, .6)
}

.сountdown-wrapper {
    display: flex;
    justify-content: space-between;
    max-width: 350px
}

.сountdown-wrapper--promo {
    margin: 0 auto 10px auto
}

.countdown-item {
    white-space: nowrap;
    text-align: center
}

.countdown-item-sep {
    color: #fff;
    font-size: 26px;
    font-family: lato, sans-serif
}

.countdown-number {
    position: relative;
    display: inline-block;
    background-color: #fff;
    color: #000;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    font-family: lato, sans-serif;
    min-width: 29px;
    min-height: 32px;
    mix-blend-mode: lighten
}

.countdown-number::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    background-color: #fff
}

@media screen and (min-width: 400px) {
    .countdown-number {
        font-size: 30px;
        min-width: 30px;
        min-height: 40px;
        padding: 4px 8px
    }
}

@media screen and (min-width: 1024px) {
    .countdown-number {
        font-size: 16px;
        min-width: 21px;
        min-height: 28px;
        padding: 6px
    }
}

@media screen and (min-width: 1200px) {
    .countdown-number {
        font-size: 30px;
        min-width: 30px;
        min-height: 42px;
        padding: 4px 8px
    }
}

.countdown-text {
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    color: #fff
}

.frame-item-promo-text {
    font-size: 30px;
    line-height: 1.1;
    text-align: center;
    margin-bottom: 10px
}

@media screen and (min-width: 400px) {
    .frame-item-promo-text {
        font-size: 32px;
        color: #fff
    }
}

@media screen and (min-width: 1024px) {
    .frame-item-promo-text {
        font-size: 30px
    }
}

.frame-item-promo-text strong {
    font-weight: 400;
    font-size: 42px;
    color: #fff
}

@media screen and (min-width: 400px) {
    .frame-item-promo-text strong {
        font-size: 50px
    }
}

@media screen and (min-width: 1024px) {
    .frame-item-promo-text strong {
        font-size: 42px
    }
}

.btn-white--promo {
    display: block;
    margin: 0 auto;
    max-width: 182px
}

@media screen and (min-width: 1024px) {
    .mp-page {
        overflow-x: hidden
    }
}

.container-catalog {
    padding: 64px 15px 42px 15px
}

@media screen and (min-width: 1024px) {
    .container-catalog {
        padding: 10px 14px 62px 14px
    }
}

.catalog-gal {
    margin-bottom: 24px
}

.catalog-gal-row {
    display: flex;
    flex-wrap: wrap
}

.catalog-gal-column {
    position: relative;
    flex-basis: 50%
}

@media screen and (min-width: 1024px) {
    .catalog-gal-column {
        flex-basis: 25%
    }
}

.catalog-pagin-block {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px
}

.catalog-pagin-number-block {
    display: flex;
    align-items: center;
    font-family: lato, sans-serif;
    font-size: 16px;
    line-height: 32px;
    color: #8c8c8c
}

.catalog-pagin-btn-block {
    display: flex;
    justify-content: center
}

.btn-primary-pagin {
    padding: 8px 20px;
    flex-grow: 1;
    max-width: 284px
}

.catalog-header {
    display: table;
    width: 100%;
    z-index: 4
}

@media screen and (min-width: 1024px) {
    .catalog-header {
        position: relative
    }
}

.catalog-header-btn-block {
    display: flex;
    justify-content: space-between;
    padding: 15px 3px
}

@media screen and (min-width: 1024px) {
    .catalog-header-btn-block {
        display: none
    }
}

.catalog-header-back {
    display: flex;
    align-items: center;
    color: #000;
    font-family: lato, sans-serif
}

@media screen and (min-width: 1024px) {
    .catalog-header-back {
        display: none
    }
}

.catalog-header-back .catalog-header-back-icon {
    color: #bdbdbd;
    width: 14px;
    height: 13px;
    margin-right: 20px
}

.catalog-header-back:hover {
    color: #000
}

.btn-show-filter {
    font-size: 12px;
    line-height: 24px;
    font-family: lato, sans-serif;
    color: #8c8c8c
}

@media screen and (min-width: 1024px) {
    .btn-show-filter {
        display: none
    }
}

.btn-show-filter-icon {
    width: 17px;
    height: 16px;
    margin-left: 8px
}

.product-recommend-item--catalog {
    display: block;
    max-width: 100%;
    padding: 8px 3px
}

@media screen and (min-width: 1024px) {
    .product-recommend-item--catalog {
        padding: 18px 26px
    }
}

.product-recommend-item-img--catalog {
    width: 100%;
    position: relative;
    padding-top: 132%;
    overflow: hidden;
    margin-bottom: 10px;
}

.product-recommend-item-img--catalog:hover .product-recommend-item-img-catalog-second {
    opacity: 1
}

.product-recommend-item-img-catalog {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.product-recommend-item-img-catalog--first {
    z-index: 1
}

.product-recommend-item-img-catalog--first.product-recommend-item--video {
    z-index: 3
}

.product-recommend-item-img-catalog-second {
    z-index: 2;
    opacity: 0;
    transition: opacity ease-in-out .3s
}

.product-recommend-item-img-catalog-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%
}

.catalog-filter-counter-wrapper {
    font-family: lato, sans-serif
}

.catalog-filter-counter-wrapper.active-filter .catalog-filter-counter-text {
    color: #c93;
}

.catalog-nav-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    transform: translateX(-100%);
    visibility: hidden;
    transition: transform .2s ease-in-out, visibility 0s .2s
}

@media screen and (min-width: 1024px) {
    .catalog-nav-wrapper {
        position: static;
        transform: translateX(0);
        visibility: visible
    }

    .catalog-filter-counter-wrapper {
        font-size: 14px;
    }
}

.catalog-nav-wrapper.catalog-nav-wrapper--show {
    transform: translateX(0);
    visibility: visible;
    transition: transform .2s ease-in-out
}

.catalog-nav-wrapper.catalog-nav-wrapper--show .catalog-nav-overlay {
    transition: opacity .2s .2s ease-in-out;
    opacity: 1
}

.catalog-nav {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: calc(100% - 63px);
    background-color: #fff
}

@media screen and (min-width: 1024px) {
    .catalog-nav {
        position: static;
        width: 100%;
        flex-direction: row;
        align-items: center;
        background-color: rgba(0, 0, 0, 0);
        padding: 0 26px 9px 26px
    }
}

.catalog-nav-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .5);
    background-repeat: no-repeat;
    background-position: right 22px center;
    background-image: url("data:image/svg+xml,%3Csvg fill='none' height='28' viewBox='0 0 28 28' width='28' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cfilter id='a' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse' height='28' width='28' x='0' y='0'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend in2='BackgroundImageFix' mode='normal' result='effect1_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow' mode='normal' result='shape'/%3E%3C/filter%3E%3Cg filter='url(%23a)'%3E%3Cpath d='m15.1049 12 8.6663-8.66628c.3051-.30512.3051-.79981 0-1.10488-.3052-.30508-.7998-.30512-1.1049 0l-8.6663 8.66626-8.66628-8.66626c-.30512-.30512-.79981-.30512-1.10488 0-.30508.30511-.30512.7998 0 1.10488l8.66626 8.66628-8.66626 8.6663c-.30512.3051-.30512.7998 0 1.1049.15254.1525.3525.2288.55246.2288s.39988-.0763.55246-.2288l8.66624-8.6663 8.6662 8.6663c.1526.1525.3525.2288.5525.2288s.3999-.0763.5525-.2288c.3051-.3052.3051-.7998 0-1.1049z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
    opacity: 0;
    transition: opacity 0
}

@media screen and (min-width: 1024px) {
    .catalog-nav-overlay {
        display: none
    }
}

.catalog-nav-filter-block {
    padding: 26px 48px;
    flex-grow: 1;
    overflow-y: scroll
}

@media screen and (min-width: 1024px) {
    .catalog-nav-filter-block {
        display: flex;
        overflow-y: visible;
        padding: 0;
        flex-grow: 0;
        align-items: center;
    }
}

.catalog-nav-filter-block li {
    position: relative
}

@media screen and (min-width: 1024px) {
    .catalog-nav-filter-block li {
        margin-right: 40px;
        margin-right: 20px
    }

    .catalog-nav-filter-block li:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 1366px) {
    .catalog-nav-filter-block li {
        margin-right: 40px
    }

    .catalog-filter-counter-wrapper {
        font-size: 16px;
    }
}

.custom-checkbox-wrapper--catalog-nav {
    padding: 8px 0
}

.catalog-nav-head {
    padding: 52px 22px 0 22px
}

@media screen and (min-width: 1024px) {
    .catalog-nav-head {
        display: none
    }
}

.btn-catalog-nav-head {
    width: 100%;
    padding: 8px 0 8px 22px;
    text-align: left;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    font-family: lato, sans-serif;
    background-repeat: no-repeat;
    background-position: left -6px center;
    background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m14.3334 6-5.3334 6 5.3334 6 .6666-.7499-4.6669-5.2501 4.6669-5.25013z' fill='%23171717'/%3E%3C/svg%3E")
}

.catalog-nav-footer {
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    padding: 16px 16px
}

@media screen and (min-width: 1024px) {
    .catalog-nav-footer {
        padding: 0;
        margin-left: 30px;
        flex-grow: 1;
        justify-content: flex-start;
        align-items: center
    }
}

.btn-primary--catalog-nav-footer {
    flex-grow: 1
}

@media screen and (min-width: 1024px) {
    .btn-primary--catalog-nav-footer {
        display: none
    }
}

.btn-primary--catalog-nav-footer.have-item .catalog-nav-footer-btn-text::after {
    display: block
}

.catalog-nav-footer-btn-text {
    display: inline-block;
    position: relative
}

.catalog-nav-footer-btn-text::after {
    content: "";
    display: none;
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 30px;
    width: 6px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' viewBox='0 0 6 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.666562 0L6 6L0.666562 12L0 11.2501L4.66688 6L0 0.749866L0.666562 0Z' fill='%23fff'/%3E%3C/svg%3E")
}

.catalog-nav-footer-text-field {
    display: none;
    font-size: 16px;
    line-height: 24px;
    color: #bdbdbd
}

@media screen and (min-width: 1024px) {
    .catalog-nav-footer-text-field {
        display: block
    }
}

.btn-spoiler-catalog {
    padding: 8px 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    font-family: lato, sans-serif
}

@media screen and (min-width: 1024px) {
    .btn-spoiler-catalog {
        font-size: 14px
    }
}

@media screen and (min-width: 1366px) {
    .btn-spoiler-catalog {
        font-size: 16px
    }
}

@media screen and (min-width: 1024px) {
    .btn-spoiler-catalog.spoiler--opened {
        color: #c93
    }
}

.btn-spoiler-catalog.spoiler--opened .btn-spoiler-catalog-icon {
    transform: rotate(90deg)
}

@media screen and (min-width: 1024px) {
    .btn-spoiler-catalog.spoiler--opened .btn-spoiler-catalog-icon {
        transform: rotate(-90deg)
    }
}

.btn-spoiler-catalog-icon {
    width: 6px;
    height: 12px;
    transition: transform .3s ease-in-out;
    margin-left: 8px
}

@media screen and (min-width: 1200px) {
    .btn-spoiler-catalog-icon {
        transform: rotate(90deg)
    }
}

.spoiler-content {
    display: none
}

@media screen and (min-width: 1024px) {
    .catalog-header-dropdown:hover ~ .spoiler-content,
    .spoiler-content:hover {
        opacity: 1;
        visibility: visible;
        transition: all .25s linear;
        transform: translate(0px, 0px)
    }

    .spoiler-content {
        opacity: 0;
        visibility: hidden;
        transform: translate(0px, -10px)
    }

    .spoiler-content {
        display: block;
        position: absolute;
        left: 0;
        top: calc(100% - 10px);
        background-color: #fff;
        padding: 14px 24px;
        box-shadow: 0 2px 6px rgba(0, 0, 0, .15)
    }

    .spoiler-content-filter {
        display: none;
        opacity: 1;
        visibility: visible;
        transform: translate(0px, 10px);
    }

    .spoiler-content-filter:hover {
        transform: translate(0px, 10px);
    }
}

.product-recommend-btn-heart {
    display: none;
    position: absolute;
    right: 26px;
    bottom: 56px;
    z-index: 1;
    width: 24px;
    height: 20px
}

.product-recommend-btn-heart .btn-heart-icon-reccomend {
    width: 24px;
    height: 20px
}

.product-recommend-btn-heart.btn-heart--full::after {
    right: -4px;
    top: -4px
}

@media screen and (min-width: 1024px) {
    .product-recommend-btn-heart {
        display: flex
    }
}

.btn-text-underline {
    padding: 8px 0;
    font-family: lato, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    white-space: nowrap;
    text-decoration: underline
}

.catalog-promo-title {
    text-align: center;
    font-size: 40px;
    margin: 20px 0;
    line-height: 1.2
}

.сountdown-wrapper--catalog {
    margin: 0 auto 20px auto;
    max-width: 470px
}

.сountdown-wrapper--catalog .countdown-item-sep {
    line-height: 1
}

@media screen and (min-width: 400px) {
    .сountdown-wrapper--catalog .countdown-item-sep {
        font-size: 40px
    }
}

.сountdown-wrapper--catalog .countdown-number {
    padding: 4px 8px;
    font-size: 24px;
    min-width: 29px;
    min-height: 32px
}

@media screen and (min-width: 400px) {
    .сountdown-wrapper--catalog .countdown-number {
        font-size: 40px;
        min-width: 30px;
        min-height: 42px;
        padding: 4px 8px
    }
}

@media screen and (min-width: 1024px) {
    .сountdown-wrapper--catalog .countdown-number {
        font-size: 40px;
        min-width: 30px;
        min-height: 42px;
        padding: 4px 8px
    }
}

@media screen and (min-width: 1024px) {
    .basket-page {
        overflow-x: hidden
    }
}

.container-basket {
    padding: 64px 0 42px 0
}

@media screen and (min-width: 1024px) {
    .container-basket {
        padding: 10px 40px 62px 14px
    }
}

.basket-head {
    display: flex;
    justify-content: space-between;
    padding: 16px 0 24px 0
}

.basket-head-title {
    font-family: lato, sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 18px
}

.basket-head-sub-title {
    font-family: lato, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #bdbdbd
}

@media screen and (min-width: 1024px) {
    .basket-head-sub-title {
        display: none
    }
}

.basket-column--basket-item {
    margin-bottom: 32px
}

@media screen and (min-width: 1024px) {
    .basket-column--basket-item {
        width: 60%;
        float: left
    }
}

@media screen and (min-width: 1200px) {
    .basket-column--basket-item {
        width: 33.33%
    }
}

@media screen and (min-width: 1024px) {
    .basket-column--promocode {
        width: 40%;
        float: right
    }
}

@media screen and (min-width: 1200px) {
    .basket-column--promocode {
        width: 33.33%;
        float: left
    }
}

.basket-column--info {
    position: relative;
    margin-bottom: 32px
}

@media screen and (min-width: 1024px) {
    .basket-column--info {
        width: 40%;
        float: right;
        padding: 0 0 0 40px
    }
}

@media screen and (min-width: 1200px) {
    .basket-column--info {
        width: 33.33%;
        float: right;
        padding: 0
    }
}

@media screen and (min-width: 1024px) {
    .product-recommend--basket {
        width: 60%;
        float: left
    }
}

@media screen and (min-width: 1200px) {
    .product-recommend--basket {
        width: 66.66%
    }
}

.basket-product-item-wrapper {
    padding-top: 24px;
    padding-bottom: 30px;
    border-top: 1px solid #efefef
}

@media screen and (min-width: 1200px) {
    .container--basket-product-item {
        padding: 0 24px
    }
}

.basket-product-item {
    position: relative;
    display: flex;
    min-width: 0
}

@media screen and (min-width: 1024px) {
    .basket-product-item {
        justify-content: flex-start
    }
}

.basket-product-item-img {
    margin-right: 24px;
    flex: 0 0 auto
}

.basket-product-item-img img {
    display: block;
    max-width: 104px;
    width: 100%
}

.basket-product-item-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0
}

.basket-product-item-title {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
    padding-right: 25px
}

.basket-product-item-size-block {
    margin-bottom: 10px
}

.basket-product-item-size {
    font-size: 14px;
    line-height: 24px;
    margin-right: 30px
}

.basket-product-item-length {
    font-size: 14px;
    line-height: 24px;
    margin-right: 30px
}

.basket-product-item-length-inner {
    font-weight: 700
}

.basket-product-item-size-inner {
    font-weight: 700
}

.basket-product-item-counter-block {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.basket-product-item-counter {
    display: flex;
    align-items: center;
    margin-right: 40px
}

.basket-product-item-cost-wrapper {
    display: inline-block;
    font-size: 15px;
    line-height: 1.4;
    white-space: nowrap
}

.basket-product-item-cost-wrapper span {
    display: inline-block
}

.basket-product-item-cost-wrapper .fa-rub {
    font-size: 13px
}

.basket-product-errors {
    color: #f33;
    font-size: 12px;
}

.item-counter-input {
    border: none;
    background-color: rgba(0, 0, 0, 0);
    font-family: lato, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    text-align: center
}

.item-counter-input:focus {
    outline: 0
}

.btn-item-counter {
    box-sizing: content-box;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #8c8c8c;
    font-family: lato, sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 1;
    color: #000;
    transition: transform .1s ease-in
}

.btn-item-counter:active {
    transform: scale(0.8)
}

.btn-item-counter--minus span,
.btn-item-counter--plus span {
    margin-bottom: 2px;
    line-height: 0;
    display: block
}

.basket-empty-block {
    padding-top: 24px;
    padding-bottom: 30px
}

.basket-empty-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px
}

.btn-delete-basket-item {
    position: absolute;
    right: 6px;
    top: 6px;
    color: #000;
    padding: 2px
}

.btn-delete-basket-item-icon {
    display: block;
    width: 12px;
    height: 12px
}

.basket-promocode-block-wrapper {
    margin-bottom: 32px
}

.basket-promocode-block {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media screen and (min-width: 1024px) {
    .basket-promocode-block {
        align-items: flex-end
    }
}

@media screen and (min-width: 1200px) {
    .basket-promocode-block {
        align-items: center
    }
}

.basket-promocode-form {
    width: 100%;
    max-width: 310px;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

@media screen and (min-width: 1200px) {
    .basket-promocode-form {
        box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
        align-items: center;
        padding: 16px 22px 26px 22px;
        margin-bottom: 22px;
        width: 100%;
        max-width: 100%
    }
}

.basket-promocode-form-title {
    display: none;
    width: 100%;
    font-size: 14px;
    line-height: 32px;
    font-weight: 400;
    font-family: lato, sans-serif;
    margin-bottom: 4px
}

@media screen and (min-width: 1200px) {
    .basket-promocode-form-title {
        display: block
    }
}

.base-input-wrapper-promocode {
    display: flex;
    width: 100%;
    align-items: flex-start
}

.btn-promocode-block {
    width: 100%;
    max-width: 310px;
    margin-bottom: 12px
}

.btn-promocode-block:last-of-type {
    margin-bottom: 16px
}

@media screen and (min-width: 1024px) {
    .btn-gray--btn-promocode-block {
        display: none
    }
}

.basket-promocode-form--hide {
    display: none
}

@media screen and (min-width: 1024px) {
    .basket-promocode-form--hide {
        display: flex
    }
}

.btn-promocode-block--hide {
    display: none
}

.btn-promocode-block-icon {
    width: 6px;
    height: 12px;
    margin-left: 12px
}

.btn-base-promocode {
    flex: 0 0 auto;
    font-size: 14px;
    line-height: 32px;
    color: #000;
    padding: 8px 12px;
    font-family: lato, sans-serif;
    border: 1px solid #d6d6d6
}

.basket-promocode-block-link {
    font-family: lato, sans-serif;
    font-size: 16px;
    line-height: 32px;
    color: #8c8c8c;
    align-self: center
}

.basket-promocode-block-link:hover {
    color: #8c8c8c
}

.base-input-wrapper-promocode-form {
    flex-grow: 1;
    padding-bottom: 24px;
    min-width: 0
}

.base-input--promocode {
    width: 100%
}

.product-recommend-title--basket {
    padding: 0 24px;
    margin-bottom: 12px
}

.product-recommend-slider--basket {
    margin: 0 20px
}

@media screen and (min-width: 1200px) {
    .product-recommend-slider--basket {
        margin: 0 40px 0 20px
    }
}

.basket-info {
    padding: 40px 0;
    margin: 0 12px 24px 12px;
    background-repeat: no-repeat;
    background-position: left 4px top 12px;
    background-size: 18px 18px;
    background-image: url("data:image/svg+xml,%3Csvg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m10 0c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm1 15h-2v-6h2zm0-8h-2v-2h2z' fill='%23bdbdbd'/%3E%3C/svg%3E");
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1)
}

@media screen and (min-width: 1024px) {
    .basket-info {
        margin: 0
    }
}

@media screen and (min-width: 1200px) {
    .basket-info {
        margin: 0;
        background-size: 20px 20px;
        background-position: left 12px top 12px
    }
}

.basket-promocode-form-cost-block {
    display: none;
    width: 100%;
    margin-bottom: 30px
}

@media screen and (min-width: 1024px) {
    .basket-promocode-form-cost-block {
        display: block
    }
}

.basket-promocode-form-cost {
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: 14px;
    line-height: 32px;
    font-family: lato, sans-serif
}

.basket-promocode-form-text {
    display: none;
    font-size: 12px;
    line-height: 20px;
    font-family: lato, sans-serif
}

@media screen and (min-width: 1200px) {
    .basket-promocode-form-text {
        display: block
    }
}

.popup-content--basket {
    background-color: #fff;
    padding-top: 10px
}

@media screen and (min-width: 1024px) {
    .popup-content--basket {
        max-width: 640px;
        bottom: auto;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        padding: 30px 60px 0 30px
    }
}

.popup-tabs-btn-wrapper--basket {
    padding: 0 20px
}

@media screen and (min-width: 1024px) {
    .popup-tabs-btn-wrapper--basket {
        padding: 0 40px
    }
}

@media screen and (min-width: 1024px) {
    .btn-popup-close--basket {
        right: 30px;
        top: 30px
    }
}

.container-order {
    padding: 64px 24px 42px 24px
}

@media screen and (min-width: 1024px) {
    .container-order {
        padding: 10px 40px 62px 14px
    }
}

.order-row {
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 1024px) {
    .order-row {
        flex-direction: row
    }
}

@media screen and (min-width: 1024px) {
    .order-column {
        flex-basis: 33.33%;
        padding: 0 32px
    }
}

.order-title {
    padding: 24px 0;
    font-family: lato, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 18px
}

@media screen and (min-width: 1024px) {
    .order-title {
        margin: 0 32px;
        border-bottom: 1px solid #efefef
    }
}

.order-block {
    border-top: 1px solid #efefef;
    padding: 28px 0 8px 0
}

@media screen and (min-width: 1024px) {
    .order-block {
        border-color: rgba(0, 0, 0, 0)
    }
}

.radio-btn-wrapper--order {
    margin-bottom: 24px
}

.base-input-wrapper--delivery {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 30px
}

.base-input-wrapper-title {
    font-size: 16px;
    line-height: 24px;
    color: #6b6b6b;
    margin-bottom: 2px
}

.base-input--order {
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-family: orchidea, sans-serif, sans-serif
}

.order-item-title {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 16px
}

.base-input-wrapper-half {
    display: flex
}

.base-input-wrapper-half .base-input-wrapper:first-child {
    margin-right: 20px
}

.base-input-wrapper--adress {
    width: 100%;
    flex-basis: 100%;
    margin-bottom: 24px
}

.btn-wrapper-order {
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.btn-primary--payment {
    width: 100%;
    max-width: 310px;
    margin-bottom: 20px;
    padding: 8px 20px
}

.btn-primary--pvz {
    display: inline-flex;
    width: auto;
    max-width: 310px;
    margin-bottom: 20px;
    padding: 8px 20px
}

.btn-wrapper-order-text {
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    color: #4f4f4f
}

.popup-auth {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10
}

.popup-auth .iti--allow-dropdown {
    width: 100%
}

.popup-auth--show {
    display: block
}

.base-input-wrapper--popup-auth {
    width: 100%;
    margin-bottom: 24px
}

.popup-auth-container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 560px;
    padding: 24px 12px 0 12px;
    background-color: #fff
}

@media screen and (min-width: 1024px) {
    .popup-auth-container {
        padding: 24px 72px 12px 72px
    }
}

.popup-auth-form {
    display: none
}

.popup-auth-form--show {
    display: block
}

.base-input--popup-auth {
    width: 100%
}

.btn-primary--popup-auth {
    display: block;
    max-width: 270px;
    width: 100%;
    margin: 0 auto 24px auto
}

.btn-close-popup-auth {
    position: absolute;
    right: 4px;
    top: 4px;
    color: #000
}

@media screen and (min-width: 1024px) {
    .btn-close-popup-auth {
        right: 8px;
        top: 8px
    }
}

.btn-close-popup-auth:hover {
    opacity: .8
}

.btn-close-popup-auth-icon {
    width: 16px;
    height: 16px
}

@media screen and (min-width: 1024px) {
    .btn-close-popup-auth-icon {
        width: 18px;
        height: 18px
    }
}

.popup-auth-title {
    margin-bottom: 24px;
    font-family: lato, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    text-align: center
}

#phoneInputErr {
    display: block
}

#phoneInputErr.hide {
    display: none
}

.popup-auth-form-text {
    color: #8c8c8c;
    text-align: center;
    margin-bottom: 24px
}

.container-table {
    padding: 64px 24px 42px 24px
}

@media screen and (min-width: 1024px) {
    .container-table {
        padding: 10px 40px 62px 40px
    }
}

.table-title {
    padding: 24px 0;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    font-size: 22px
}

.table-title.table-title--lk {
    padding: 24px 30px;
}

@media screen and (min-width: 1024px) {
    .table-title {
        font-size: 45px
    }
}

@media screen and (max-width: 1024px) {
    .about-page .table-title {
        padding: 24px;
    }
}

@media screen and (min-width: 1024px) {
    .container-about .table-title {
        position: absolute;
        padding-top: 0;
    }
}

.table-inner-wrapper {
    overflow-x: scroll
}

.table-inner-wrapper::-webkit-scrollbar {
    height: 3px
}

.table-inner-wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px transparent;
    box-shadow: inset 0 0 2px transparent
}

.table-inner-wrapper::-webkit-scrollbar-thumb {
    background-color: #a9a9a9
}

.table-inner {
    width: 100%
}

.table-inner th {
    font-size: 16px;
    color: #000;
    padding: 24px 32px 24px 24px;
    border-bottom: 1px solid #000;
    white-space: nowrap
}

.table-inner tr:nth-child(odd) {
    background-color: #efefef
}

.table-inner tr:first-child {
    background-color: rgba(0, 0, 0, 0)
}

.table-inner td {
    font-size: 16px;
    color: #8c8c8c;
    padding: 24px
}

.get-size-table {
    padding: 32px 0
}

.get-size-table-title {
    font-size: 18px;
    margin-bottom: 12px;
    line-height: 1.2
}

@media screen and (min-width: 1024px) {
    .get-size-table-title {
        font-size: 16px
    }
}

.get-size-table-list {
    margin: 12px 0;
    -webkit-padding-start: 24px;
    padding-inline-start: 24px
}

.btn-primary--get-size-table {
    display: block;
    max-width: 260px;
    margin: 32px auto 0 auto
}

.link-gold--table {
    font-size: inherit;
    text-decoration: none
}

.link-gold--table:hover {
    color: #c93
}

.about-page {
    overflow: visible
}

.container-about {
    padding: 64px 0 42px 0
}

@media screen and (min-width: 1024px) {
    .container-about {
        padding: 10px 40px 62px 40px
    }
}

.about-title {
    padding: 24px 0;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    font-size: 22px
}

@media screen and (min-width: 1024px) {
    .about-title {
        font-size: 45px
    }
}

.about-story {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between
}

@media screen and (min-width: 1024px) {
    .about-story {
        font-size: 45px;
        flex-direction: row
    }
}

.about-story-inner-block {
    position: relative;
    flex-basis: 100%;
    max-width: 100%;
    margin-top: 20px;
    padding: 0 24px
}

@media screen and (min-width: 1024px) {
    .about-story-inner-block {
        flex-basis: 40%;
        max-width: 370px;
        margin-top: 80px;
        padding: 0
    }
}

.about-story-img-block {
    flex-basis: 100%
}

@media screen and (min-width: 1024px) {
    .about-story-img-block {
        flex-basis: 42%
    }
}

.about-story-img-block-img {
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url(/local/templates/.default/assets/css/../images/dest/img/alena-esipova.jpg);
    background-size: cover;
    width: 100%;
    padding-top: 105%
}

@media screen and (min-width: 1024px) {
    .about-story-img-block-img {
        padding-top: 137%
    }
}

.about-story-inner-block-text-quotes {
    font-size: 100px;
    line-height: 1;
    position: absolute;
    top: 0;
    left: -10px
}

.about-story-inner-block-text {
    position: relative;
    padding-top: 44px;
    font-size: 22px;
    line-height: 1.45;
    font-weight: 400
}

@media screen and (min-width: 1024px) {
    .about-story-inner-block-text {
        font-size: 24px
    }
}

.about-story-inner-block-sub {
    font-size: 16px;
    line-height: 1.55;
    font-weight: 700
}

@media screen and (min-width: 1024px) {
    .about-story-inner-block-sub {
        font-size: 20px
    }
}

.about-story-inner-block-sep {
    position: relative;
    margin: 15px 0;
    height: 20px
}

@media screen and (min-width: 1024px) {
    .about-story-inner-block-sep {
        margin: 30px 0 0 0;
        height: 40px
    }
}

.about-story-inner-block-sep img {
    position: absolute;
    top: 0;
    left: -180px;
    display: block;
    width: 460px;
    height: auto
}

@media screen and (min-width: 1024px) {
    .about-story-inner-block-sep img {
        width: 570px;
        left: -150px
    }
}

.about-gal-row {
    display: flex;
    flex-wrap: wrap;
    padding: 0 24px
}

@media screen and (min-width: 1024px) {
    .about-gal-row {
        padding: 0
    }
}

.about-gal-column {
    flex-basis: 50%;
    max-width: 50%;
    padding: 5px
}

@media screen and (min-width: 1024px) {
    .about-gal-column {
        flex-basis: 25%;
        max-width: 25%
    }
}

.about-gal-item {
    display: block;
    width: 100%;
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.about-gal-title-text {
    font-size: 30px;
    line-height: 1;
    font-weight: 500;
    padding-left: 24px
}

@media screen and (min-width: 1024px) {
    .about-gal-title-text {
        font-size: 81px;
        padding: 0
    }
}

.about-gal-title {
    position: relative;
    margin: 24px 0;
    padding: 34px 0;
    overflow: hidden
}

@media screen and (min-width: 1024px) {
    .about-gal-title {
        padding: 74px 0;
        margin: 44px 0
    }
}

.about-gal-title-img {
    position: absolute;
    display: block;
    width: 300px;
    right: -120px;
    top: 50%;
    transform: rotate(180deg) translateY(50%)
}

@media screen and (min-width: 1024px) {
    .about-gal-title-img {
        width: 540px;
        right: -40px
    }
}

.container-contacts {
    padding: 125px 20px 42px 20px
}

@media screen and (min-width: 1024px) {
    .container-contacts {
        padding: 150px 40px 110px 40px
    }
}

.contacts-page-breadcrumb {
    padding: 12px 0;
    margin-bottom: 24px
}

@media screen and (min-width: 1024px) {
    .contacts-page-breadcrumb {
        padding: 24px 0
    }
}

.breadcrumb-item a,
.breadcrumb-item span {
    font-size: 14px;
    font-weight: 400;
    line-height: 1
}

@media screen and (min-width: 1024px) {
    .breadcrumb-item a,
    .breadcrumb-item span {
        font-size: 28px
    }
}

.contacts-row {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media screen and (min-width: 1024px) {
    .contacts-row {
        flex-direction: row;
        align-items: initial
    }
}

@media screen and (min-width: 1024px) {
    .contacts-column {
        flex-basis: 33.33%;
        max-width: 33.33%;
        margin: 0 24px
    }
}

.contacts-item {
    margin-bottom: 44px;
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 1024px) {
    .contacts-item {
        height: 100%
    }
}

.contacts-item-title {
    display: flex;
    align-items: center;
    margin-bottom: 22px;
    height: 35px;
    font-weight: 500;
    font-size: 24px;
    line-height: 18px;
    font-family: lato, sans-serif
}

.contacts-item-title img {
    width: 32px;
    height: auto;
    display: block;
    margin-right: 22px
}

.contacts-item-text {
    margin-bottom: 22px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
}

@media (min-width: 992px) {
    .contacts-item-text {
        height: 54px;
    }
}

.btn-primary--thin--contacts {
    max-width: 320px;
    width: 100%;
    align-self: center
}

@media screen and (min-width: 1024px) {
    .btn-primary--thin--contacts {
        margin-top: auto
    }
}

.container-delivery {
    padding: 64px 24px 42px 24px;
    max-width: 900px
}

@media screen and (min-width: 1024px) {
    .container-delivery {
        padding: 120px 40px 62px 40px
    }
}

.delivery-title {
    padding: 14px 0;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    font-size: 24px
}

@media screen and (min-width: 1024px) {
    .delivery-title {
        font-size: 45px;
        padding: 24px 0
    }
}

.delivery-page-text-inner p {
    font-size: 16px;
    line-height: 1.55;
    font-weight: 200;
    margin-bottom: 16px
}

@media screen and (min-width: 1024px) {
    .delivery-page-text-inner p {
        font-size: 20px;
        margin-bottom: 24px
    }
}

.delivery-page-text-inner strong {
    font-weight: 700
}

.delivery-page-text-inner .delivery-sub-title {
    margin-bottom: 0
}

.delivery-page-text-inner a {
    color: #000
}

.popup-return {
    overflow-y: scroll
}

.popup-return-title {
    font-size: 28px;
    margin-bottom: 12px;
    font-weight: 600;
    text-align: center
}

.popup-return-sub-title {
    font-size: 12px;
    line-height: 1.45;
    color: #8c8c8c;
    text-align: center;
    margin-bottom: 12px
}

@media screen and (min-width: 1024px) {
    .popup-return-sub-title {
        font-size: 14px
    }
}

.popup-overlay--popup-return {
    position: fixed
}

.popup-content--popup-return {
    position: relative;
    background-color: #fff;
    max-width: 560px;
    margin: 60px auto 0 auto;
    padding: 20px 20px 20px 20px;
    z-index: 1
}

@media screen and (min-width: 1024px) {
    .popup-content--popup-return {
        margin: 60px auto
    }
}

.base-input-wrapper--popup-return {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px
}

.base-input-wrapper--popup-return .base-input--popup-return,
.base-input-wrapper--popup-return .iti--allow-dropdown {
    width: 100%
}

.popup-return-description {
    margin-bottom: 5px;
    font-weight: 300;
    font-size: 16px;
    color: #000;
    line-height: 1.55
}

@media screen and (min-width: 1024px) {
    .popup-return-description {
        font-size: 20px
    }
}

.popup-return-text {
    font-size: 12px;
    line-height: 1.55;
    color: #8c8c8c;
    margin-bottom: 12px
}

@media screen and (min-width: 1024px) {
    .popup-return-text {
        font-size: 14px
    }
}

.base-input--popup-return {
    font-size: 16px;
    line-height: 1.33
}

.btn-popup-close--popup-return {
    position: fixed;
    color: #fff
}

.btn-popup-close--popup-return:hover {
    color: rgba(255, 255, 255, .8)
}

@media screen and (min-width: 1024px) {
    .btn-popup-close--popup-return {
        position: absolute
    }
}

.btn-popup-close-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 60px;
    background-color: #000;
    z-index: 3
}

@media screen and (min-width: 1024px) {
    .btn-popup-close-wrapper {
        background-color: rgba(0, 0, 0, 0);
        width: auto
    }
}

.btn-primary--delivery-page,
.btn-primary--popup-return {
    display: block;
    max-width: 270px;
    width: 100%;
    margin: 24px auto 0 auto
}

.base-input--popup-return--date {
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 28px auto;
    background-image: url("data:image/svg+xml,%3Csvg class='t-datepicker__icon ' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 69.5 76.2' style='width:25px;'%3E%3Cpath d='M9.6 42.9H21V31.6H9.6v11.3zm3-8.3H18v5.3h-5.3v-5.3zm16.5 8.3h11.3V31.6H29.1v11.3zm3-8.3h5.3v5.3h-5.3v-5.3zM48 42.9h11.3V31.6H48v11.3zm3-8.3h5.3v5.3H51v-5.3zM9.6 62H21V50.6H9.6V62zm3-8.4H18V59h-5.3v-5.4zM29.1 62h11.3V50.6H29.1V62zm3-8.4h5.3V59h-5.3v-5.4zM48 62h11.3V50.6H48V62zm3-8.4h5.3V59H51v-5.4z'%3E%3C/path%3E%3Cpath d='M59.7 6.8V5.3c0-2.9-2.4-5.3-5.3-5.3s-5.3 2.4-5.3 5.3v1.5H40V5.3C40 2.4 37.6 0 34.7 0s-5.3 2.4-5.3 5.3v1.5h-9.1V5.3C20.3 2.4 18 0 15 0c-2.9 0-5.3 2.4-5.3 5.3v1.5H0v69.5h69.5V6.8h-9.8zm-7.6-1.5c0-1.3 1-2.3 2.3-2.3s2.3 1 2.3 2.3v7.1c0 1.3-1 2.3-2.3 2.3s-2.3-1-2.3-2.3V5.3zm-19.7 0c0-1.3 1-2.3 2.3-2.3S37 4 37 5.3v7.1c0 1.3-1 2.3-2.3 2.3s-2.3-1-2.3-2.3V5.3zm-19.6 0C12.8 4 13.8 3 15 3c1.3 0 2.3 1 2.3 2.3v7.1c0 1.3-1 2.3-2.3 2.3-1.3 0-2.3-1-2.3-2.3V5.3zm53.7 67.9H3V9.8h6.8v2.6c0 2.9 2.4 5.3 5.3 5.3s5.3-2.4 5.3-5.3V9.8h9.1v2.6c0 2.9 2.4 5.3 5.3 5.3s5.3-2.4 5.3-5.3V9.8h9.1v2.6c0 2.9 2.4 5.3 5.3 5.3s5.3-2.4 5.3-5.3V9.8h6.8l-.1 63.4z'%3E%3C/path%3E%3C/svg%3E")
}

.btn-show-filter.btn-show-filter-sticky {
    transition-property: color, background-color, border, box-shadow;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}

.btn-show-filter.sticky {
    position: fixed;
    width: 100%;
    top: 64px;
    left: 0;
    background: white;
    z-index: 2;
    padding: 10px 20px;
}

.mp-page .mp-page-row {
    margin-left: -28px;
    margin-right: -28px;
}

@media (min-width: 1325px) {
    .mp-page .product-recommend-slider {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 5px;
        margin-left: -5px;
        margin-right: -10px;
    }
}

.main-header-link-block {
    margin-left: 14px;
}

@media (max-width: 1023px) {
    .mp-page .container .banner__main {
        width: auto;
        margin-left: -18px;
        margin-right: -18px;
    }
}

@media (max-width: 600px) {
    .mp-page .container .banner__main_mobile {
        width: auto;
        margin-left: -18px;
        margin-right: -18px;
    }
}

@media screen and (max-width: 960px) {
	.btn-to-top {
		display: none;
	}
}

.label-bottom{
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #FFFFFF;
}
.label-bottom-detail{
    width: calc(100% - 24px);
    left: 10px;
}
@media screen and (max-width: 370px) {
    .label-bottom {
        font-size: 13px;
    }
}
.label-top{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    max-width: 100%;
    padding: 0 6px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #ffffff;
}
.label-top-detail{
    right: 14px;
}
@media screen and (max-width: 370px) {
    .label-top {
        font-size: 13px;
    }
}
/* End */


/* Start:/local/templates/.default/assets/css/main.css?174336634217161*/
[v-cloak] {
    display: none;
}

.color-item.color-item--border {
    border-color: #000;
}

.lang-replace-header {
    display: none;
}

.lang-replace-header:hover,
.lang-replace-header:active {
    color: #cc9933;
}

@media(min-width: 969px) {
    .lang-replace-header {
        cursor: pointer;
        display: block;
    }
}

.popup-size-tab-length {
    font-size: 1em;
}

.popup-size-tab--show {
    width: 100%;
}

.popup-size-form-inner {
    margin-top: 3em;
}

.frame-item--promo.no-days .countdown-item.hide{
    display: none;
}

.frame-item--promo.no-days .countdown-item-sep.hide{
    display: none;
}

.frame-item--promo.no-days .сountdown-wrapper{
    /*max-width: 260px;*/
}

.btn-close-popup-popup-size {
    right: 5px;
    top: 5px;
}

@media screen and (max-width: 1023px) {
    .popup-size-content {
        margin: 0;
    }
}

@media screen and (min-width: 1024px) {
    .popup-size-content {
        min-width: 900px;
    }

    .btn-close-popup-popup-size {
        right: 10px;
        top: 10px;
    }
}

.shadow-popup {
    background: rgb(0 0 0 / .5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    display: none;
}

.shadow-popup.show {
    display: block;
}

.popup-subscribe {
    bottom: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
    width: auto;
    min-width: 310px;
}

.container--popup-subscribe {
    flex-direction: column;
    padding: 30px;
}

.popup-subscribe-form-title {
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 2em;
}

@keyframes fadeInUpPopup {
    0% {
        opacity: 0;
        transform: translateY(40px) translate(-50%, 50%)
    }

    to {
        opacity: 1;
        transform: translateY(0) translate(-50%, 50%)
    }
}

.popup-subscribe.show {
    animation: fadeInUpPopup .6s
}

.catalog__desc {
    padding: 1em;
    text-align: left;
}

.catalog__desc img {
    display: block;
    margin-left: auto;
    width: 150px;
}

@media screen and (max-width: 1023px) {
    .catalog__desc_mobile_block {
        display: block;
    }
}

.modal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 300;
    transform: translate(-50%, -50%);
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #8c8c8c;
    padding: 2rem;
    max-width: 500px;
    min-width: 310px;
}

.modal-show {
    display: flex;
}

.modal__close {
    position: absolute;
    top: .5rem;
    right: .5rem;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 301;
}

.modal__close::after {
    content: '✕';
    font-size: 1rem;
}

.modal__content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    z-index: 301;
}

.modal__content .btn {
    margin-top: 1.5rem;
}

.shadow {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 99;
}

.shadow-show {
    display: block;
}

.basket-product-item-inner-gift {
    justify-content: center;
}

.basket-product-item-gift {
    color: #ff6161;
    font-weight: bold;
}

/* Amour x Babor */
.axb {
    width: 100%;
    padding: 0 20px;
}

.axb p {
    margin: 0 0 35px;
}

.axb .title,
.axb .description,
.axb .text {
    font-family: orchidea, Arial, sans-serif
}

.axb .title {
    margin: 120px 0 0;
    text-align: center;
    line-height: 100%;
    font-size: 82px;
    font-weight: 600;
}

.axb .description {
    max-width: 960px;
    margin: 60px auto 130px;
    text-align: center;
    line-height: 1.55;
    font-size: 26px;
    font-weight: 300;
}

.axb .images {
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}

.axb .images_big {
    max-width: 1180px;
    margin-bottom: 145px;
    flex-wrap: wrap;
}

.axb .images_small {
    max-width: 760px;
    margin-top: 55px;
    margin-bottom: 70px;
}

.axb .images__item {
    box-sizing: border-box;
    width: 50%;
    padding: 0 10px;
}

.axb .images_small .images__item {
    max-width: 300px;
    width: 50%;
}

.axb .text {
    max-width: 760px;
    margin: 0 auto;
    line-height: 1.55;
    font-size: 20px;
    font-weight: 300;
}

.axb .text h3 {
    margin: 70px 0 0;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
}

.axb .gift-notice {
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
}

.axb .gift-notice:last-of-type {
    margin-bottom: 70px;
}

.axb .mp-page-column {
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
}

@media screen and (max-width: 1024px) {
    .axb .title {
        font-size: 65px;
    }

    .axb .description {
        margin-bottom: 70px;
    }

    .axb .images_big {
        margin-bottom: 80px;
    }

    .axb .images_small {
        margin-top: 40px;
        margin-bottom: 55px;
    }

    .axb .description, .axb .text, .axb .images_small {
        width: 600px;
    }

    .axb .description {
        font-size: 22px;
    }
    
    .axb .text {
        font-size: 18px;
    }

    .axb .mp-page-column {
        padding: 0 10px 48px;
    }
}

@media screen and (max-width: 768px) {
    .axb .title {
        font-size: 36px;
    }
    .axb .description, .axb .text, .axb .images_small {
        width: 100%;
    }
    .axb .description {
        font-size: 20px;
    }

    .axb .images_small {
        margin-top: 30px;
        margin-bottom: 45px;
    }
    
    .axb .text {
        text-align: center;
        font-size: 16px;
    }

    .axb .images_big {
        margin-bottom: 115px;
        justify-content: center;
    }

    .axb .images_big .images__item {
        width: 100%;
        margin-bottom: 30px;
        padding: 0;
    }
}

.main-header-link-block {
    position: relative;
    margin-left: 40px;
}

.main-header-search-inner {
    position: absolute;
    right: 148px;
    bottom: 2px;
    left: auto;
    width: 250px;
    padding: 0;
}

.btn-close-search {
    top: -1px;
    right: 2px;
}

.main-header-search-result {
    top: 40px;
}

@media screen and (max-width: 1024px) {
    .main-header-search-inner {
        position: absolute;
        right: 0;
        left: auto;
        width: 100%;
    }
    .btn-close-search {
        right: 10px;
    }
}
.contacts-block-social-item.vk-contacts{
    background-image:url("data:image/svg+xml,%3Csvg fill='none' height='26' viewBox='0 0 26 26' width='26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm.25 16.996h-2.134c-1.205 0-1.409-.687-2.401-1.679-.897-.897-1.395-.209-1.374 1.068.006.339-.161.611-.566.611-1.264 0-3.08.178-4.918-1.806-1.883-2.033-3.857-6.111-3.857-6.513 0-.237.196-.344.524-.344h2.17c.574 0 .623.284.783.649.667 1.521 2.265 4.574 2.69 2.87.244-.978.344-3.245-.703-3.44-.594-.11.452-.746 1.968-.746.377 0 .786.041 1.205.137.769.179.771.523.761 1.026-.039 1.903-.269 3.184.233 3.507.479.31 1.739-1.717 2.403-3.281.183-.433.219-.722.734-.722h2.654c1.39 0-.182 1.997-1.383 3.557-.968 1.255-.916 1.28.209 2.324.803.744 1.75 1.76 1.75 2.336.002.272-.21.446-.748.446z' fill='%23000'/%3E%3C/svg%3E");
    margin-right: 0px;
}

.contacts-block-social-item.vk-contacts:hover,
.contacts-block-social-item.vk-contacts:active {
    background-image:url("data:image/svg+xml,%3Csvg fill='none' height='26' viewBox='0 0 26 26' width='26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm.25 16.996h-2.134c-1.205 0-1.409-.687-2.401-1.679-.897-.897-1.395-.209-1.374 1.068.006.339-.161.611-.566.611-1.264 0-3.08.178-4.918-1.806-1.883-2.033-3.857-6.111-3.857-6.513 0-.237.196-.344.524-.344h2.17c.574 0 .623.284.783.649.667 1.521 2.265 4.574 2.69 2.87.244-.978.344-3.245-.703-3.44-.594-.11.452-.746 1.968-.746.377 0 .786.041 1.205.137.769.179.771.523.761 1.026-.039 1.903-.269 3.184.233 3.507.479.31 1.739-1.717 2.403-3.281.183-.433.219-.722.734-.722h2.654c1.39 0-.182 1.997-1.383 3.557-.968 1.255-.916 1.28.209 2.324.803.744 1.75 1.76 1.75 2.336.002.272-.21.446-.748.446z' fill='%23cc9933'/%3E%3C/svg%3E");
}

.tg-contacts{
    background-image:url("data:image/svg+xml,%3Csvg fill='none' height='26' viewBox='0 0 26 26' width='26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19,24l-14,0c-2.761,0 -5,-2.239 -5,-5l0,-14c0,-2.761 2.239,-5 5,-5l14,0c2.762,0 5,2.239 5,5l0,14c0,2.761 -2.238,5 -5,5Zm-2.744,-5.148c0.215,0.153 0.491,0.191 0.738,0.097c0.246,-0.093 0.428,-0.304 0.483,-0.56c0.579,-2.722 1.985,-9.614 2.512,-12.09c0.039,-0.187 -0.027,-0.381 -0.173,-0.506c-0.147,-0.124 -0.351,-0.16 -0.532,-0.093c-2.795,1.034 -11.404,4.264 -14.923,5.567c-0.223,0.082 -0.368,0.297 -0.361,0.533c0.008,0.235 0.167,0.44 0.395,0.509c1.578,0.471 3.65,1.128 3.65,1.128c0,0 0.967,2.924 1.472,4.41c0.063,0.187 0.21,0.334 0.402,0.384c0.193,0.05 0.397,-0.002 0.541,-0.138c0.811,-0.765 2.064,-1.948 2.064,-1.948c0,0 2.381,1.746 3.732,2.707Zm-7.34,-5.784l1.119,3.692l0.249,-2.338c0,0 4.324,-3.9 6.79,-6.124c0.072,-0.065 0.082,-0.174 0.022,-0.251c-0.06,-0.077 -0.169,-0.095 -0.251,-0.043c-2.857,1.825 -7.929,5.064 -7.929,5.064Z' fill='%23000'/%3E%3C/svg%3E");
}

.tg-contacts:hover,
.tg-contacts:active {
    background-image:url("data:image/svg+xml,%3Csvg fill='none' height='26' viewBox='0 0 26 26' width='26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19,24l-14,0c-2.761,0 -5,-2.239 -5,-5l0,-14c0,-2.761 2.239,-5 5,-5l14,0c2.762,0 5,2.239 5,5l0,14c0,2.761 -2.238,5 -5,5Zm-2.744,-5.148c0.215,0.153 0.491,0.191 0.738,0.097c0.246,-0.093 0.428,-0.304 0.483,-0.56c0.579,-2.722 1.985,-9.614 2.512,-12.09c0.039,-0.187 -0.027,-0.381 -0.173,-0.506c-0.147,-0.124 -0.351,-0.16 -0.532,-0.093c-2.795,1.034 -11.404,4.264 -14.923,5.567c-0.223,0.082 -0.368,0.297 -0.361,0.533c0.008,0.235 0.167,0.44 0.395,0.509c1.578,0.471 3.65,1.128 3.65,1.128c0,0 0.967,2.924 1.472,4.41c0.063,0.187 0.21,0.334 0.402,0.384c0.193,0.05 0.397,-0.002 0.541,-0.138c0.811,-0.765 2.064,-1.948 2.064,-1.948c0,0 2.381,1.746 3.732,2.707Zm-7.34,-5.784l1.119,3.692l0.249,-2.338c0,0 4.324,-3.9 6.79,-6.124c0.072,-0.065 0.082,-0.174 0.022,-0.251c-0.06,-0.077 -0.169,-0.095 -0.251,-0.043c-2.857,1.825 -7.929,5.064 -7.929,5.064Z' fill='%23cc9933'/%3E%3C/svg%3E");
}



.contacts-item-title h2 {
    align-items: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
}

.contacts-item-desc {
    min-height: 125px;
}

.contacts-item-btns .btn {
    margin-bottom: 25px;
    margin-top: 0px;
}

.contacts-item-btns {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

@media screen and (max-width: 1024px) {
    .contacts-item-btns {
        height: auto;
    }

    .contacts-item-desc {
        min-height: auto;
    }
}

@media screen and (max-width: 500px) {
    .main-header-nav.main-header-nav--show {
        overflow-y: auto;
    }
}

.order-promo-text {
    margin: 24px 32px 10px;
    -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 10%);
    box-shadow: 0 2px 10px rgb(0 0 0 / 10%);
    padding: 16px 22px;
    line-height: 1.4;
}

.order-promo-text-sub {
    display: block;
    font-size: 12px;
    margin-top: 8px;
}

@media screen and (max-width: 1023px) {
    .order-promo-text {
        margin: 12px 0;
    }
}

.popup-fast-buy-description{
    text-align: center;
}

.container-cooperation {
    padding: 85px 24px 42px;
}

@media screen and (min-width: 1024px) {
    .container-cooperation {
        padding: 130px 40px 62px 40px;
    }
}

.cooperation__title {
    text-align: left;
    margin-bottom: 30px;
    font-family: MontserratDev;
    font-weight: 700;
    font-size: 36px;
    line-height: 110%;
    text-transform: uppercase;
    color: #2c2c2c;
}

.cooperation__items {
    display: flex;
    flex-wrap: wrap;
}
.cooperation__item_content {
    width: 50%;
    padding-right: 15px;
}
.cooperation_form {
    width: 50%;
    padding-left: 15px;
}

.cooperation__item_form-btn {
    margin-right: 0;
    margin-left: 0
}

.cooperation__text {
    margin-bottom: 15px
}

.cooperation__success {
    font-size: 24px;
    text-align: center;
    font-weight: 600;
}

.cooperation__item-group:not(:last-child) {
    margin-bottom: 20px;
    position: relative;
}

.cooperation__item-group_textarea {
    min-height: 116px
}

.cooperation__container {
    margin-top: 30px
}
.cooperation_form_button {
    text-align: center;
}
.cooperation_form_input {
    outline: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #a0a0a0;
    padding: 10px 15px;
    font-size: 15px;
    line-height: 1.6%;
    color: #2c2c2c;
    resize: none;
}
.cooperation_form_input.error{
    border-color:#f33
}
.cooperation_form_input.error~span{
    font-size: 12px;
    line-height: 22px;
    color: #f33;
    position: absolute;
    top: 100%;
    left: 0;
    white-space: nowrap;
}
@media (max-width:768px) {
    .cooperation__title {
        margin-top: 15px;
        font-size: 18px;
        line-height: 130%
    }

    .cooperation__items {
        display: block
    }

    .cooperation__item_content {
        margin-bottom: 30px
    }

    .cooperation__text {
        margin-bottom: 10px
    }
    .cooperation__item_content {
        width: 100%;
        padding-right: 0;
    }
    .cooperation_form {
        width: 100%;
        padding-left: 0;
    }
}

.basket-product-limited {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
    color: #f33;
    font-size: 14px;
}
.btn-basket-disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.5;
}

.popup-limited-block {
    position: fixed;
    display: none;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 10;
}
.popup-limited-shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
}
.popup-limited-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.popup-limited {
    display: block;
    position: relative;
    width: 450px;
    min-width: 310px;
    max-width: calc(100% - 20px);
    padding: 30px;
    background: #fff;
}
.popup-limited-block.show {
    display: block;
}
.popup-limited-block.show .popup-limited {
    display: block;
}
.popup-limited-block.show .popup-limited {
    animation: fadeInUpLimitedPopup .6s
}
.popup-limited-btn-close {
    position: absolute;
    right: 2px;
    top: 2px;
    color: #000;
    padding: 10px;
    z-index: 2;
}
.popup-limited-btns {
    text-align: center;
}

@keyframes fadeInUpLimitedPopup {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.basket-page .order-promo-text {
    margin: 24px 0 24px;
}

@media screen and (min-width: 1200px) {
    .basket-page .order-promo-text {
        width: 64%;
    }
}

.contacts-info-text {
    margin: 24px 0 36px;
    -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 10%);
    box-shadow: 0 2px 10px rgb(0 0 0 / 10%);
    padding: 16px 22px;
    line-height: 1.4;
}
@media screen and (min-width: 1024px) {
    .contacts-info-text {
        margin: 24px 24px 36px;
        -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 10%);
        box-shadow: 0 2px 10px rgb(0 0 0 / 10%);
        padding: 16px 22px;
        line-height: 1.4;
    }
}

.popup-subscribe-form__birtday-title {
    text-align: center;
}
.subscribe-block-birthday-page {
    max-width: 700px;
    padding-top: 64px;
}
@media screen and (min-width: 1024px) {
    .subscribe-block-birthday-page {
        padding-top: 0;
    }
}
.banner__main, .banner__main_2{
    width:100%;
    height:fit-content;
    margin-top:15px;
    margin-bottom:15px;

}
.banner__main img, .banner__main_2 img{
    max-width:100%;
    height:auto;

}
.banner__main_mobile, .banner__main_2_mobile{
    width:100%;
    height:fit-content;
    display:none;margin-top:15px;
    margin-bottom:15px;
	display:none;
}
.banner__main_mobile img, .banner__main_2_mobile img {
    max-width:100%;
    height:auto;

}

.banner__main_2{


}

.banner__main_2{

}

@media(max-width:600px){
    .banner__main, .banner__main_2{
        display:none;
    }
    .banner__main_mobile, .banner__main_2_mobile{
		display:block;
        object-fit:cover;	}
    .banner__main_2_mobile{

    }
}


	@media screen and (max-width: 1023px){
		.catalog-promo{
			margin-top:70px !important;
			margin-bottom:-50px !important;
		}
	}

.order-promo-text{
	display:none;
}

.payment-form {
	margin-top: 2em;
}

.payment-form input[type="SUBMIT"] {
	border-radius: 4px;
    background-color: #000;
    padding: 5px 20px;
    font-family: lato, sans-serif;
    font-size: 16px;
    line-height: 32px;
    color: #fff
}

.payment-form input[type="SUBMIT"]:hover {
	color: #fff;
	background-color: #c93
}

	@media screen and (max-width: 900px){
		.mob-akcii-tekst{
			font-size: 10px;
		}
	}
/* End */


/* Start:/local/templates/.default/assets/js/components/basket-notification/style.css?1722097207156*/
.product-about-check-block {
    -webkit-box-shadow: 0 5px 10px rgba(204,153,51,.1) !important;
    box-shadow: 0 5px 10px rgba(204,153,51,.1) !important;
}
/* End */


/* Start:/local/templates/main/template_styles.css?17478105753984*/
@media screen and (min-width: 1024px) {
    .mp-page-row .mp-page-column--slider {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .contacts-block {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.btn-primary--thin--contacts {
    max-width: none
}

.basket-product-item-size-block .btn-link-gray {
    display: none
}

.basket-promocode-form-text {
    display: none
}

.contacts-column {
    width: 100%
}

.main-header-nav-location {
    display: none
}

/*.catalog-header-back {*/
    /*display: none*/
/*}*/

.product-about-buy.fixed-mobile {
    padding-bottom: 30px
}
.product-about-buy .product-about-buy-btns .btn-primary-tab-size{max-width: 280px}
@media screen and (max-width: 1024px) {
   .tab-size-btn-wrapper {
        text-align: center;
    }
    .product-about-buy .product-about-buy-btns {
        justify-content: center;
    }
}
/*.btn-search-icon {
    width: 18px;
    height: 18px
}*/
.btn-popup-close{
    right: 5px;
    top: 5px;
}
/*.btn-basket-icon {
    width: 18px;
    height: 18px
}*/

/*.btn-lk-icon {
    width: 18px;
    height: 18px
}*/
.baseline-block{text-align: center; margin-top: 10px}
.baseline-block a{font-size: 14px;    color: #000;}

.baseline-block a:hover,
.baseline-block a:active {
    color: #cc9933;
}
/*.text-page p{margin-bottom: 10px}*/
.text-page .delivery-sub-title {
    margin-top: 20px
}

.text-page ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
@media screen and (min-width: 1024px) {
    .breadcrumb-item a, .breadcrumb-item span {
        font-size: 14px;
    }
}
@media screen and (min-width: 1024px) {
    .main-header-wrapper {
        padding-left: 40px;
    }
    .container-catalog .table-title {
        padding-left: 22px;
    }
}
@media screen and (max-width: 500px) {
    .container-catalog .table-title {
        padding-left: 22px;
    }
}


/*.product-about-buy-color--mobile {*/
    /*justify-content: left*/
/*}*/
.product-about-buy-color li{margin-bottom: 5px;}
.mp-slider-title{display: none}

@media screen and (max-width: 1024px) {
    .mp-page-column--slider{    padding: 48px 15px 48px 15px;}
    .product-about-buy-color li:last-child{
        margin-right: 16px;
    }
}
#productColorTitle{display: none}
.contacts-block-social{    justify-content: center; margin-bottom: 20px;display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;}
.contacts-block-mail{ margin-bottom: 0}
.main-footer{padding-bottom: 5px}
.breadcrumb-arrow-back{display: none}
@media screen and (max-width: 1024px) {
    .btn-popup-close-wrapper .btn-popup-close{
        right: 22px;
        top: 22px;
    }
}

.price-item {
    font-weight: 700;
}

.btn-show-filter-icon {
    width: 20px;
    height: 19px;
}

.btn-to-top {
    position: sticky;
    bottom: 20px;
    z-index: 5;
    width: 40px;
    height: 40px;
    margin-top: calc(100vh + 50px);
    margin-right: 20px;
    padding: 10px;
    place-self: end;
    border: #000 solid 2px;
    border-radius: 25px;
    cursor: pointer;
}

@media screen and (min-width: 1024px) {
    .btn-to-top {
        width: 50px;
        height: 50px;
    }
}

.btn-to-top:before {
    content: "";
    position: absolute;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    inset: 30%;
    transform: translateY(20%) rotate(-45deg);
}

.btn-to-top:active {
    background-color: #000;
}

.btn-to-top:active:before {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

@media (hover: hover) {
    .btn-to-top:hover {
        background-color: #000;
    }

    .btn-to-top:hover:before {
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
    }
}

/* End */


/* Start:/gift-card/assets/style.css?17220971433564*/
.faq-top {
    height: 100vh;
    background-image: -webkit-linear-gradient(top, #ccc, #777);
    background-image: -moz-linear-gradient(top, #ccc, #777);
    background-image: -o-linear-gradient(top, #ccc, #777);
    background-image: -ms-linear-gradient(top, #ccc, #777);
    background-image: linear-gradient(top, #ccc, #777);
    position: relative;
    padding-top: 62px;
}

.faq-top::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  z-index: 1;
  background-image: -moz-linear-gradient(top, rgba(255,255,255,0.50), rgba(255,255,255,0.50));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.50), rgba(255,255,255,0.50));
  background-image: -o-linear-gradient(top, rgba(255,255,255,0.50), rgba(255,255,255,0.50));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0.50), rgba(255,255,255,0.50));
  background-image: linear-gradient(top, rgba(255,255,255,0.50), rgba(255,255,255,0.50));
}
.faq-top .container {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
}
.faq-top__row {
  display: flex;
  margin: 0 -15px;
  height: 100%;
}
.faq-top__item {
  width: 50%;
  min-width: 50%;
  padding: 0 15px;
}
.faq-top__content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 460px;
  margin: 0 auto;
}
.faq-top__image {
  height: 100%;
}
.faq-top__image img {
  display: block;
  height: 100%;
  object-fit: contain;
  margin: 0 auto;
}
.faq-top__title {
  margin-bottom: 1rem;
  font-size: 3rem;
  line-height: 1.1;
}
.faq-top__text {
  font-size: 1.5rem;
  line-height: 1.1;
}
.faq-list__row {
  display: flex;
  margin: 0 -15px;
  flex-wrap: wrap;
}
.faq-list__item {
  width: 50%;
  min-width: 50%;
  padding: 0 15px 50px;
}
.faq-list__title {
  line-height: 1.1;
  font-size: 2.5rem;
  margin-bottom: 3rem;
  text-align: center;
}
.faq-list__block {
  display: flex;
}
.faq-list__icon {
  width: 30px;
  min-width: 30px;
  margin-right: 20px;
}
.faq-list__content {
  flex-grow: 1;
  min-width: 0;
  line-height: 1.3;
}
.faq-list__question {
  font-weight: 600;
  margin-bottom: 1rem;
  min-height: 30px;
  display: flex;
  align-items: center;
  font-size: 1.25rem;
}
.faq-list__link {
  color: #c93;
  font-weight: 700;
}
.faq-list__answer {
  font-size: 1.1rem;
}
.faq-list__answer p:not(:last-child) {
  margin-bottom: 1rem;
}
.faq-list__button {
  text-align: center;
}
.faq-top__button-mobile {
	display: none;
}
.faq-top__button-desktop {
	margin-top: 2rem;
}
.faq-list {
	padding-bottom: 40px;
}
.faq-list .container-table {
	border-bottom: 1px solid #eee;
}
@media screen and (max-width: 768px) {
  .faq-top {
    height: auto;
  }
  .faq-top__row {
    flex-wrap: wrap;
    height: auto;
  }
  .faq-top__item {
    width: 100%;
    min-width: 100%;
  }
  .faq-top__content {
    height: auto;
    display: block;
    text-align: center;
    margin-bottom: 1rem;
  }
  .faq-top__image {
    height: auto;
  }
  .faq-top__image img {
    max-width: 60vw;
    height: auto;
  }
  .faq-top__title {
    font-size: 1.8rem;
  }
	.faq-top__text {
		font-size: 1.2rem;
	}
  .faq-list__item {
    width: 100%;
    min-width: 100%;
    padding-bottom: 32px;
  }
  .faq-list__title {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
  .faq-list__icon {
    margin-right: 10px;
  }
  .faq-list__question {
    font-size: 1rem;
  }
  .faq-list__answer {
    font-size: 1rem;
  }
  .faq-top__button-mobile {
		display: block;
		margin-top: 2rem;
		text-align: center;
	}
	.faq-top__button-desktop {
		display: none;
	}
}
/* End */
/* /local/templates/.default/assets/css/app.min.css?1746543092205676 */
/* /local/templates/.default/assets/css/main.css?174336634217161 */
/* /local/templates/.default/assets/js/components/basket-notification/style.css?1722097207156 */
/* /local/templates/main/template_styles.css?17478105753984 */
/* /gift-card/assets/style.css?17220971433564 */