@charset "UTF-8";
html,
body,
div,
span,
applet,
object,
iframe,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
outline: none;
}
html {
height: 100%
}
body {
min-height: 100%;
height: auto;
/* полностью свободный стек, близкий к Pro_xima Nova */
font-family: "Manrope", "Inter", "Fira Sans", Arial, sans-serif;
/* font-family: Arial, sans-serif;
font-size: 14px; как просил — без изменений */
font-weight: 400;
line-height: 1.5;
color: #513237;
/* аккуратное сглаживание без агрессии */
-webkit-font-smoothing: antialiased; /* Safari/WebKit */
-moz-osx-font-smoothing: grayscale; /* macOS Firefox */
/* доступность на мобильных — не запрещаем масштабирование */
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
/* переносы по словарю (работает лучше с ) */
hyphens: auto;
/* на всякий случай, чтобы длинные артикулы не ломали вёрстку */
overflow-wrap: break-word;
}
a,
a:focus,
a:hover {
text-decoration: none;
outline: 0;
color: #513237;
text-decoration: none
}
a {
color: #b37836;
text-decoration: underline
}
*,
:focus,
:hover {
outline: 0 !important
}
.black-bg {
background: #212121
}
.inset {
max-width: 100%
}
.errortext,
.red {
color: #ed1c24
}
.white {
color: #fff
}
.white-bg {
background: #fff
}
.graylight-bg {
background-color: #f5f5f5
}
.gray {
opacity: .5
}
.green {
color: #008c28
}
.success {
text-align: center;
color: green;
margin-bottom: 10px
}
.error {
text-align: center;
color: red;
margin-bottom: 10px
}
img.slick-slide {
height: auto
}
.slick-arrow {
position: absolute;
top: 50%;
height: 64px;
width: 32px;
margin-top: -32px;
border: none;
z-index: 9;
text-indent: -9999px;
cursor: pointer;
box-shadow: 0 2px 32px rgba(0, 0, 0, .5)
}
.slick-prev.slick-arrow {
left: 0;
border-radius: 0 32px 32px 0
}
.slick-next.slick-arrow {
right: 0;
background-position: right center;
border-radius: 32px 0 0 32px
}
.clients-slider-area {
margin-top: 45px;
margin-bottom: 50px
}
.slick-vertical .slick-arrow {
background: no-repeat url(/images/slider-arrows-v.png) 0 center transparent;
width: 60px;
height: 60px;
left: 50%;
top: auto;
right: auto;
margin: 0 0 0 -30px
}
.slick-vertical .slick-prev.slick-arrow {
top: -17px;
background-position: center top
}
.slick-vertical .slick-next.slick-arrow {
bottom: -44px;
background-position: center bottom
}
.slick-dots {
position: absolute;
list-style: none;
margin: 0;
padding: 0;
left: 0;
right: 0;
text-align: center
}
.slick-dots>li {
display: inline-block;
margin: 0 5px
}
.slick-dots>li>button {
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
padding: 0;
font-size: 0;
line-height: 0;
cursor: pointer;
border: 1px solid #b37836;
background: 0 0;
box-shadow: 0 0 5px rgba(0, 0, 0, .2);
border-radius: 6px
}
.slick-dots>li.slick-active>button {
background: #b37836
}
.btn {
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
font-size: inherit;
box-shadow: none !important
}
.btn-primary {
border-color: #6E4549;
background-color: #6E4549;
text-decoration: none
}
.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:focus,
.btn-primary:hover {
border-color: #b37836;
background-color: #b37836
}
.btn-secondary {
border-color: #dcd6d7;
background-color: #dcd6d7;
color: #4f3335
}
.btn-secondary:active,
.btn-secondary:active:hover,
.btn-secondary:focus,
.btn-secondary:hover {
border-color: #dcd6d7;
background-color: #dcd6d7;
color: #4f3335
}
.btn-primary.disabled,
.btn-primary:disabled {
color: #fff;
background-color: #b37836;
border-color: #b37836;
opacity: .8
}
.btn-dark {
color: #513237;
border-color: #dcd6d6;
background-color: #dcd6d6;
text-transform: uppercase;
font-weight: 500;
text-decoration: none
}
.btn-dark:active,
.btn-dark:active:hover,
.btn-dark:focus,
.btn-dark:hover {
color: #513237;
border-color: #dcd6d6;
background-color: #dcd6d6
}
.btn-light {
color: #513335;
border-color: #ece9da;
background-color: #ece9da;
font-weight: 500;
text-decoration: none
}
.btn-light:active,
.btn-light:active:hover,
.btn-light:focus,
.btn-light:hover {
color: #513335;
border-color: #ece9da;
background-color: #ece9da
}
.btn-group-lg>.btn,
.btn-lg {
padding: 9px 25px 8px 26px;
font-size: 18px
}
.hidden {
display: none
}
.adm-fileinput-wrapper * {
box-sizing: content-box
}
.personal-profile .adm-fileinput-btn-panel {
display: none
}
.bx-sls .bx-ui-sls-container {
min-height: 33px
}
.badge-filter-item {
color: #fff;
background-color: #b37836;
font-weight: 300;
padding-top: .4em;
padding-bottom: .4em
}
.badge-filter-item:hover {
opacity: .9;
color: #fff
}
.badge-filter-item-negative {
border: 1px solid #b37836;
color: #b37836;
background: 0 0;
font-weight: 300;
padding-top: .4em;
padding-bottom: .4em
}
.badge-filter-item-negative:hover {
opacity: .9;
color: #b37836
}
#popup__toggle {
bottom: 25px;
right: 10px;
position: fixed;
z-index: 999
}
.img-circle {
background-color: #29aee3;
box-sizing: content-box;
-webkit-box-sizing: content-box
}
@keyframes pulse {
0% {
transform: scale(.9);
opacity: 1
}
50% {
transform: scale(1);
opacity: 1
}
100% {
transform: scale(.9);
opacity: 1
}
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(.95);
opacity: 1
}
50% {
-webkit-transform: scale(1);
opacity: 1
}
100% {
-webkit-transform: scale(.95);
opacity: 1
}
}
@keyframes tossing {
0% {
transform: rotate(-8deg)
}
50% {
transform: rotate(8deg)
}
100% {
transform: rotate(-8deg)
}
}
@-webkit-keyframes tossing {
0% {
-webkit-transform: rotate(-8deg)
}
50% {
-webkit-transform: rotate(8deg)
}
100% {
-webkit-transform: rotate(-8deg)
}
}
@-moz-keyframes circle-anim {
0% {
-moz-transform: rotate(0) scale(.5) skew(1deg);
opacity: .1;
-moz-opacity: .1;
-webkit-opacity: .1;
-o-opacity: .1
}
30% {
-moz-transform: rotate(0) scale(.7) skew(1deg);
opacity: .5;
-moz-opacity: .5;
-webkit-opacity: .5;
-o-opacity: .5
}
100% {
-moz-transform: rotate(0) scale(1) skew(1deg);
opacity: .6;
-moz-opacity: .6;
-webkit-opacity: .6;
-o-opacity: .1
}
}
@-webkit-keyframes circle-anim {
0% {
-webkit-transform: rotate(0) scale(.5) skew(1deg);
-webkit-opacity: .1
}
30% {
-webkit-transform: rotate(0) scale(.7) skew(1deg);
-webkit-opacity: .5
}
100% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
-webkit-opacity: .1
}
}
@-o-keyframes circle-anim {
0% {
-o-transform: rotate(0) kscale(.5) skew(1deg);
-o-opacity: .1
}
30% {
-o-transform: rotate(0) scale(.7) skew(1deg);
-o-opacity: .5
}
100% {
-o-transform: rotate(0) scale(1) skew(1deg);
-o-opacity: .1
}
}
@keyframes circle-anim {
0% {
transform: rotate(0) scale(.5) skew(1deg);
opacity: .1
}
30% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .5
}
100% {
transform: rotate(0) scale(1) skew(1deg);
opacity: .1
}
}
@-moz-keyframes circle-fill-anim {
0% {
-moz-transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
50% {
-moz-transform: rotate(0) -moz-scale(1) skew(1deg);
opacity: .2
}
100% {
-moz-transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
}
@-webkit-keyframes circle-fill-anim {
0% {
-webkit-transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
opacity: .2
}
100% {
-webkit-transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
}
@-o-keyframes circle-fill-anim {
0% {
-o-transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
50% {
-o-transform: rotate(0) scale(1) skew(1deg);
opacity: .2
}
100% {
-o-transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
}
@keyframes circle-fill-anim {
0% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
50% {
transform: rotate(0) scale(1) skew(1deg);
opacity: .2
}
100% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
}
.text-decoration-underline {
text-decoration: underline !important;
}
.socshare>a {
display: inline-block;
width: 28px;
height: 28px;
background-color: #4c6c91;
border-radius: 20px;
text-align: center;
line-height: 30px;
color: #fff;
font-size: 14px
}
.socshare>a>svg {
margin-left: -2px;
margin-bottom: -3px;
}
.socshare>a.t {
background-color: #0088cc;
}
.socshare>a+a {
margin-left: 3px
}
.socshare>a.ok {
background-color: #ed812b;
}
.socshare>a.f {
background-color: #3b5998
}
.socshare>a.i {
background: #d6249f;
background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%)
}
.socshare>a.v {
background-color: #4c6c91
}
.socshare>a.y {
background-color: #ce1312
}
.socshare>a.o {
background-color: #f7911f;
color: #fff
}
body {
padding-top: 60px;
color: #4f3335
}
@media (min-width: 768px) {
.header-search {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
}
header>.popup-msg {
position: fixed;
right: 30px;
/* top: 110px; */
top: 160px;
background: #f7f9ec;
border: 2px solid #ede9dd;
border-radius: 2px;
font-style: italic;
padding: 15px 50px 15px 15px;
box-shadow: 1px 2px 6px 0 rgba(92, 60, 65, .1);
width: 280px;
color: #4f3335;
z-index: 99;
}
.popup-msg>.close {
position: absolute;
top: 16px;
font-size: 18px;
right: 20px;
color: #c6bdb6
}
.bx_catalog_tile {
border-bottom: 1px solid #e9e6dd;
margin-bottom: 20px
}
.bx_catalog_tile_img {
padding-top: 100%;
display: block;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
margin-bottom: 15px
}
.catalog-list-item {
margin-bottom: 30px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
color: #503335;
position: relative
}
.catalog-list-item-img {
height: 0;
width: 100%;
position: relative;
padding-top: 100%;
margin-bottom: 10px;
background-position: center;
background-repeat: no-repeat;
background-size: contain
}
.catalog-list-item-img img {
position: absolute;
max-width: 100%;
max-height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
@keyframes appear {
from {
opacity: 0
}
to {
opacity: 1
}
}
img.img-lazy {
width: 100%;
height: 100%;
min-height: 30px;
min-width: 30px;
background-size: 30px;
background-repeat: no-repeat;
background-position: center
}
img.img-lazy-loaded {
animation: appear 150ms
}
img._lazy:not(.loaded) {
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
display: block;
}
.catalog-list-item-title {
color: #503335;
border-bottom: 1px solid #e2dfd8;
font-weight: 700;
margin-bottom: 5px;
display: block;
font-size: 18px;
text-decoration: none
}
.catalog-list-item-prop {
font-style: italic
}
.section-grouped-color {
width: 10px;
margin: 5px;
border-radius: 5px
}
.catalog-price {
color: #b37a37;
font-weight: 700;
font-size: 20px
}
.catalog-price>.catalog-discount-price {
color: #6b5557;
font-size: 80%;
font-weight: 400;
text-decoration: line-through;
vertical-align: text-bottom
}
.catalog-price>.catalog-discount-price+span {
color: #ca3400
}
.add2favorite:not(.rkd-sticker__fav) {
color: #b37a37 !important;
font-size: 10px;
line-height: 16px;
text-decoration: none
}
.add2favorite:not(.rkd-sticker__fav):before {
content: "\f004";
font-family: 'Font Awesome 5 Free';
font-weight: 400
}
.add2favorite.active:not(.rkd-sticker__fav):before {
font-weight: 900
}
.add2favorite.add2favorite-text {
color: #4f3335 !important;
font-size: 14px !important
}
.add2favorite-text-active {
display: none
}
.active>.add2favorite-text-active {
display: inline
}
.active>.add2favorite-text-passive {
display: none
}
.index-section {
border: 4px solid #ece8dc;
border-radius: 6px;
padding: 15px;
margin-bottom: 30px
}
.index-section-item {
margin-bottom: 16px;
text-decoration: none
}
.index-section-name {
color: #503335;
border-bottom: 1px solid #e2dfd8;
font-weight: 700;
font-size: 15px
}
.index-section-title {
text-align: center;
font-size: 24px;
font-weight: 700;
line-height: 1;
margin-top: 0
}
.index-section-title>span {
background: #fff;
display: inline-block;
padding: 0 15px
}
.index-section-subtitle {
text-align: center;
margin: 5px 0 30px;
font-style: italic;
color: #b37a37
}
.index-section-subtitle>a {
color: #b37836
}
.catalog-left-sections {
border: 4px solid #ece8dc;
border-radius: 6px;
padding: 15px 15px 0;
margin-bottom: 20px
}
.catalog-left-sections ul {
margin: 0;
padding: 0;
list-style: none
}
.catalog-left-sections .menu {
flex-direction: column;
align-items: stretch
}
.catalog-left-sections a {
color: #e2dfd8;
text-decoration: underline;
font-size: 14px;
max-width: calc(100% - 20px)
}
.catalog-left-sections a,
a.menu-btn-sublevel {
color: #503335;
font-weight: 700;
text-decoration: none
}
.catalog-left-sections a.active {
color: #b37836
}
.catalog-left-sections .level-2 a {
font-weight: 400
}
.catalog-left-sections .level-1 .level-1,
.catalog-left-sections .level-2 .level-2,
.catalog-left-sections .level-3 .level-3,
.catalog-left-sections .level-4 .level-4 {
display: none !important
}
.catalog-left-sections .active+a+ul,
.catalog-left-sections .active+ul,
.catalog-left-sections .btn-section-collapse.expand+ul {
display: block
}
.catalog-section-list>.btn-section-collapse {
display: none
}
.menu-btn-sublevel {
width: 20px;
text-align: right
}
.menu-btn-sublevel:hover {
color: #b37836
}
.menu-btn-sublevel:after {
content: 'Все';
font-family: 'Fira Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
text-decoration: underline;
font-size: x-small;
font-style: italic;
color: #b37836
}
.catalog-left-sections .btn-section-collapse {
flex-grow: 2;
text-align: right;
cursor: pointer
}
.catalog-left-sections .btn-section-collapse:hover {
color: #b37836
}
.catalog-left-sections .btn-section-collapse:before {
content: '\f078';
font-family: "Font Awesome 5 Free";
font-weight: 700
}
.catalog-left-sections .btn-section-collapse.expand:before {
content: '\f077'
}
.catalog-left-bottom {
padding-top: 10px;
padding-bottom: 10px;
position: relative;
background-color: #fbf8ef;
margin-top: 40px
}
.catalog-left-bottom:before {
content: '';
display: block;
width: 100%;
height: 20px;
background-image: url(/images/pattern-middle-bg.png);
background-position: left top;
position: absolute;
left: 0;
right: 0;
top: -19px
}
#bx-soa-order-form .bx_soa_location .bx-soa-reference {
display: none
}
.catalog-sortpanel {
font-weight: 500;
margin-bottom: 20px
}
.catalog-sortpanel a {
border-bottom: 1px solid #e2dfd8
}
.catalog-sortpanel a:hover,
.catalog-sortpanel span.curmode {
color: #b37836
}
.catalog-sortpanel p {
margin-bottom: 5px
}
.catalog-pagepanel {
font-weight: 500;
line-height: 25px;
margin-bottom: 45px;
margin-top: -45px;
}
.catalog-pagepanel .curmode {
display: block;
height: 24px;
width: 24px;
text-align: center;
border-radius: 20px;
background: #b37836;
color: #ece9da;
margin-right: 5px
}
.btn-collapse .fa-angle-up {
display: none
}
.expand>.btn-collapse .fa-angle-up {
display: inline-block
}
.expand>.btn-collapse .fa-angle-down {
display: none
}
.fancybox-content {
/* box-shadow: 0 0 0 2px #b37836 !important; */
box-shadow: 0px 5.54743px 16.6423px rgb(110 69 73 / 50%) !important;
border-radius: 4px;
overflow: hidden !important;
overflow-y: auto !important;
}
.fancybox-is-open .fancybox-bg {
/* opacity: .1; */
opacity: 1
}
.fancybox-bg {
background: rgba(54, 35, 36, 0.8);
opacity: 0;
}
.fancybox-slide--iframe .fancybox-close-small,
.fancybox-slide--image .fancybox-close-small {
top: 0;
right: 0
}
.fancybox-inner .popup.popup-auth {
width: auto;
max-width: 360px;
border: none
}
.fancybox-inner .popup.select-city {
width: 400px
}
.popup-auth body,
.popup-auth html {
padding: 0;
height: auto;
min-height: auto;
max-width: 400px
}
.bx-authform {
width: 100%
}
.bx-authform .form-bottom,
.bx-authform .form-top,
.bx-authform .popup-bottom {
padding-left: 35px;
padding-right: 35px
}
.bx-authform .form-top {
padding-top: 20px
}
.bx-authform .popup-bottom {
background-color: #fbf8ef;
overflow: hidden
}
.popup-auth .bx-authform .popup-bottom {
display: none
}
.bx-authform .form-bottom {
position: relative;
background-color: #fbf8ef;
margin-top: 40px;
padding-bottom: 1px;
padding-top: 10px
}
.bx-authform .form-bottom:before {
content: '';
display: block;
width: 100%;
height: 20px;
background-image: url(/images/pattern-bg.png);
background-position: left top;
position: absolute;
left: 0;
right: 0;
top: -19px
}
.catalog-detail .add2favorite {
font-size: 13px
}
.catalog-detail .add2favorite.active {
font-size: 16px
}
.catalog-detail-img {
cursor: pointer
}
.catalog-detail-img>img {
margin: 0 auto;
width: auto;
max-width: 100%;
height: auto
}
.catalog-detail-thumb .slick-slide {
border: 2px solid transparent;
cursor: pointer;
text-align: center
}
.catalog-detail-thumb .slick-current {
border: 2px solid #fbf8ef
}
.catalog-detail-thumb img {
margin: 0 auto;
width: auto;
max-width: 100%;
height: auto
}
.catalog-detail .catalog-price {
font-size: 42px
}
.catalog-detail-proplist {
-moz-column-count: 2;
-moz-column-gap: 30px;
-webkit-column-count: 2;
-webkit-column-gap: 30px;
column-count: 2;
column-gap: 30px;
width: 100%;
margin-top: 30px
}
.catalog-detail-proplist-item {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column
}
.catalog-detail-proplist .dt {
width: 50%;
display: flex;
align-items: center;
margin: 0;
font-weight: 400
}
.catalog-detail-proplist .dt:after {
content: '';
border-bottom: 1px solid #e9e6dd;
flex-grow: 1;
margin: 0 10px
}
.catalog-detail-proplist .dd {
width: 50%;
margin: 0;
font-weight: 700
}
.catalog-detail-proplist .dd,
.catalog-detail-proplist .dt {
margin-bottom: 5px
}
.api-reviews .api-block-top {
box-shadow: none;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap
}
.api-reviews .api-block-sort,
.api-reviews-filter,
.api-reviews-form .api-shop-desc,
.api-reviews-list .api-field-label {
display: none
}
.api-reviews .api-block-title {
padding: 0;
display: flex;
justify-content: space-between;
align-items: center;
flex-grow: 2
}
.api-reviews .api-block-header {
padding: 0
}
.api-reviews-form .api-button,
.api_button_primary {
background: #4f3335
}
.api_button {
background-color: #FBF8EF !important;
color: #b37836 !important;
}
.api-reviews-list .api-content {
padding: 0;
border: none
}
.api_alert_dialog {
color: #4f3335
}
.api-reviews-list .api-item {
padding: inherit;
}
.api-reviews-photo-item {
text-align: center
}
.api-reviews-photo-item>img {
width: auto;
height: auto;
max-width: 100%
}
.api-reviews-photo-popup>img {
width: 100%
}
.api-reviews-photo-area {
margin: 40px 0
}
.api-reviews-list .api-admin-controls {
bottom: 0;
margin-top: 15px
}
.catalog-list-slider {
margin-left: -15px;
margin-right: -15px
}
.catalog-list-slider .slick-slide {
padding-left: 15px;
padding-right: 15px
}
.catalog-slider-arrows {
margin-bottom: 20px;
font-size: 18px
}
.catalog-slider-arrow {
cursor: pointer;
position: static;
top: 0;
background: 0 0;
height: auto;
width: auto;
margin-top: 0;
border: none;
z-index: 9;
text-indent: 0;
box-shadow: none
}
span.ya-share2__badge {
display: inline-flex;
flex-direction: row-reverse;
font-weight: 700
}
.ya-share2__container_size_m li.ya-share2__item {
margin-right: 10px
}
.ya-share2__item_service_facebook span.ya-share2__badge {
background: #fff
}
.ya-share2__item_service_facebook .ya-share2__badge .ya-share2__counter {
background: #fff;
color: #3b5998
}
.ya-share2__item_service_facebook span.ya-share2__icon {
background-color: #3b5998;
border-radius: 20px
}
.ya-share2__item_service_vkontakte span.ya-share2__badge {
background: #fff
}
.ya-share2__item_service_vkontakte .ya-share2__badge .ya-share2__counter {
background: #fff;
color: #48729e;
padding: 0 8px 0 0
}
.ya-share2__item_service_vkontakte span.ya-share2__icon {
background-color: #48729e;
border-radius: 20px
}
.catalog-detail-infavorite {
margin-right: 10px;
color: #ca3400 !important;
font-size: 12px;
font-weight: 700;
line-height: 24px
}
.catalog-detail-infavorite>.fas {
font-size: 22px;
vertical-align: middle;
margin-left: 3px
}
.main-slider {
margin-bottom: 25px;
max-height: 212px;
}
.main-slider-item {
display: none
}
.main-slider-item:first-child {
display: block
}
.main-slider img {
width: 100%
}
.main-slider-btn {
display: block;
height: 100%;
min-height: 80px;
border: 1px solid;
border-radius: 6px;
color: #000 !important;
font-weight: 500;
display: flex;
align-items: center;
justify-content: space-between;
padding: 5px 15px
}
.main-slider-btn-brown {
background: #47A737;
border: none;
justify-content: center;
flex-wrap: wrap;
padding: 32px 15px;
transition: 0.5s;
}
.rkd-main-slider__social {
background: #FFFFFF;
border-radius: 11px;
width: 32px;
height: 32px;
padding: 5px;
transition: 0.5s;
margin-right: 12px;
}
.rkd-main-slider__social svg {
transition: 0.5s;
}
.rkd-main-slider__social:last-child {
margin-right: 0px;
}
.main-slider-btn.main-slider-btn-brown:hover {
background: #496844;
}
.main-slider-btn.main-slider-btn-brown:hover .rkd-main-slider__social svg {
fill: #496844;
}
.main-slider-btn-brown__text {
width: 100%;
text-align: center;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
white-space: nowrap;
margin-bottom: 15px;
}
.main-slider-btn-red {
background: repeat url(/images/btn-red-bg.png) #b44657;
border-color: #dfa1a6
}
.main-slider-btn i {
font-weight: 400;
display: block
}
.slider-arrow-left,
.slider-arrow-right {
cursor: pointer;
top: auto;
background: 0 0;
height: auto;
width: auto;
margin-top: 0;
border: none;
z-index: 9;
text-indent: 0;
box-shadow: none;
font-size: 18px;
position: absolute;
bottom: -21.5px
}
.slider-arrow-right {
right: 0
}
.slider-arrow-left {
left: 0
}
.asm-alert {
background: #c64d60;
padding: 5px 0 5px 5px;
color: #fff;
text-shadow: none;
margin-top: 24px;
border-radius: 6px;
z-index: 9
}
.asm-alert .asm-inner {
padding: 5px 10px
}
.asm-alert .asm-close {
width: 36px;
text-align: right !important;
vertical-align: top !important
}
.user-notify {
text-align: center;
padding: 5px 0 5px 5px;
color: #fff;
text-shadow: none;
margin-top: 24px;
border-radius: 6px;
z-index: 9
}
.user-notify .user-notify-inner {
padding: 5px 10px
}
.cart-step {
margin-bottom: 35px;
text-align: center;
color: #b37836;
font-size: 16px
}
a.cart-step-item {
font-style: italic;
color: #b37836
}
.cart-step-current {
color: #4f3335;
font-weight: 700
}
.cart-step>span {
margin: 0 8px
}
.personal-left {
border: 4px solid #ece9da;
border-radius: 3px;
color: #4f3335;
font-weight: 500;
line-height: 1.8
}
.personal-left a {
color: #4f3335;
font-weight: 500;
border-bottom: 1px solid #eeeae9
}
.personal-left a.active {
border-bottom: none;
color: #b37836
}
.personal-left-top {
padding: 15px;
position: relative;
background-color: #fbf8ef;
margin-bottom: 30px
}
.personal-left-top:after {
content: '';
display: block;
width: 100%;
height: 15px;
background-image: url(/images/pattern-bg.png);
background-position: left bottom;
position: absolute;
left: 0;
right: 0;
bottom: -14px;
background-size: 30px 30px
}
.personal-left-body {
padding: 0 15px 15px
}
.personal-left .red {
color: #c64d5e
}
.personal-left .user-avatar {
width: 50px;
height: auto;
border-radius: 30px
}
.personal-left .user-percent>span:last-child {
color: #b37836
}
.form-control {
color: #000
}
.form-control:focus {
color: #495057;
background-color: transparent;
border-color: #b37836;
box-shadow: none
}
.personal-profile .user-avatar {
border-radius: 50px
}
.delivery-section-tabs {
box-shadow: 0 -2px 0 #b37836 inset;
margin-top: 20px;
margin-bottom: 20px
}
.delivery-section-tab-item,
.delivery-section-tab-item:focus,
.delivery-section-tab-item:hover {
min-height: 70px;
height: calc(100% - 2px);
padding: 15px;
min-width: 220px;
color: #555;
background-color: #fbf8ef;
font-weight: 600;
font-size: 18px;
border-radius: 4px 4px 0 0;
margin-top: 2px;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
box-shadow: 0 -2px 0 #b37836 inset;
text-decoration: none
}
.delivery-section-tab-item:hover {
text-decoration: none;
background-color: #eee
}
.delivery-section-tab-item.active,
.delivery-section-tab-item.active:focus,
.delivery-section-tab-item.active:hover {
color: #555;
cursor: default;
background-color: #fff;
border: 2px solid #b37836;
border-bottom-color: transparent;
box-shadow: none
}
.delivery-section-list {
-moz-column-width: 210px;
-moz-column-gap: 30px;
-webkit-column-width: 210px;
-webkit-column-gap: 30px;
column-width: 210px;
column-gap: 30px
}
.delivery-section-list-item {
color: #b37836;
margin-bottom: 5px;
display: block;
font-weight: 600;
text-decoration: none
}
.delivery-section-list-item>span {
border-bottom: 1px solid #e8d6c2
}
.delivery-letter {
margin: 10px 0;
font-weight: 600;
font-size: 18px
}
.delivery-letter.metro {
margin-bottom: 0;
font-size: 16px
}
.news-list-item {
margin-bottom: 30px
}
.news-list-date {
color: #b37836;
margin-bottom: 10px
}
.news-list-title {
display: block;
color: #503335;
font-weight: 700;
margin-bottom: 15px;
font-size: 18px;
text-decoration: none
}
.news-list-text {
margin-bottom: 8px
}
.news-list-more {
color: #b37836;
font-style: italic;
font-weight: 500;
text-decoration: underline
}
.news-detail .h2,
.news-detail h2 {
margin-top: 20px
}
.news-detail-data {
color: #b37836;
margin-bottom: 10px;
font-style: italic
}
.order-list-item {
border: 2px solid #ebe7db;
border-radius: 2px;
margin-bottom: 20px
}
.order-list-item-header {
background-color: #fbf8ef;
padding: 15px 20px;
display: block;
color: #503335
}
.order-list-body {
padding: 15px
}
.order-list-item-basket-table {
width: 100%
}
.order-list-item-basket-table .thead {
font-weight: 300;
font-size: 13px;
text-align: center
}
.order-list-product-sum {
text-align: right
}
.text-center.order-list-product-img {
min-width: 60px
}
.order-list-product-name {
display: block;
font-weight: 700;
font-size: 18px
}
.order-list-product-params {
font-style: italic
}
.order-list-product-price {
font-weight: 700;
text-align: center;
white-space: nowrap
}
.order-list-product-sum {
font-weight: 700;
color: #b37836;
white-space: nowrap
}
.order-list-item img {
max-width: 100%;
height: auto
}
.ico-runincircle {
display: inline-block;
width: 22px;
height: 22px;
border: 2px solid;
border-radius: 15px;
text-align: center;
line-height: 20px
}
.order-list-item-basket-table .fas {
font-size: 12px;
line-height: 1
}
.changepass_error {
color: red;
font-size: 14px;
margin-bottom: 20px
}
.changepass_success {
color: green;
font-size: 14px;
margin-bottom: 20px
}
.personal-profile .api-back-link {
display: none
}
.news-list-item img.preview_picture {
text-align: center;
display: block;
margin: 0 auto
}
.catalog-fly-link {
font-size: 13px;
border-bottom: 1px dotted;
cursor: pointer
}
.popover {
transition: padding .3s ease;
border-radius: 3px;
border: 2px solid #b37836;
background: #fff;
color: #4f3335;
font-family: inherit
}
.popover>.arrow {
display: none
}
.popover-body {
padding: 5px 15px 15px
}
.popover-body a {
text-decoration: none
}
.popover-header {
padding: 10px 18px 0;
font-weight: 600;
font-size: 16px;
background: 0 0;
border: none
}
.fancybox-inner .popup {
padding: 0;
border: 4px solid #ebe8d9;
width: 800px;
max-width: 96%;
max-height: 90vh;
}
.popup-header {
padding: 20px 20px 0;
position: relative;
background-color: #fbf8ef;
margin-bottom: 50px
}
.popup-header:after {
content: '';
display: block;
width: 100%;
height: 20px;
background-image: url(/images/pattern-bg.png);
background-position: left bottom;
position: absolute;
left: 0;
right: 0;
bottom: -19px
}
.popup-footer {
padding: 30px 20px 30px;
position: relative;
background-color: #fbf8ef;
margin-top: 20px
}
.popup-footer:before {
content: '';
display: block;
width: 100%;
height: 20px;
background-image: url(/images/pattern-bg.png);
background-position: left top;
position: absolute;
left: 0;
right: 0;
top: -19px
}
.popup-body {
padding: 20px
}
.popup-title {
font-size: 32px;
font-weight: 700;
text-align: center
}
.oneclick-table {
font-size: 16px;
font-weight: 500
}
.onclick-product-img {
max-width: 100%;
height: auto
}
.onclick-product-name {
font-size: 18px;
margin-bottom: 3px;
font-weight: 700;
line-height: 1.2
}
.onclick-product-param {
font-weight: 500;
font-style: italic
}
.onclick-product-price {
font-weight: 700
}
.onclick-product-quant {
font-weight: 700;
position: relative;
text-align: center
}
.onclick-product-quant:before {
content: '\2716';
left: 11px
}
.onclick-product-quant:after {
content: '\003D';
right: 11px;
font-size: 20px;
line-height: 16px
}
.onclick-product-quant:after,
.onclick-product-quant:before {
position: absolute;
top: 50%;
margin-top: -10px;
opacity: .5
}
.onclick-product-sum {
color: #b27936;
font-weight: 700
}
.onclick-allsum-title {
font-size: 20px
}
.onclick-allsum-price {
color: #b27936;
font-weight: 700;
font-size: 22px
}
.oneclick-discount-name,
.form-row--total {
font-weight: bold;
}
.oneclick-discount-value {
color: #b27936;
font-weight: 700;
font-size: 18px
}
.contact-block {
position: relative;
padding-left: 50px
}
.contact-block>.contact-block-icon {
position: absolute;
left: 20px;
top: 0;
-moz-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0)
}
.fancybox-inner .popup.callback-popup {
padding: 24px;
width: 400px
}
.data-table .custom-control-label {
margin-bottom: 6px;
line-height: 1.8
}
.brown-line.one-click-buy-btn {
font-size: 18px;
line-height: 25px;
display: inline-block;
margin-top: 4px
}
.favorite-detail-btn {
display: inline-block;
margin-top: 4px;
font-size: 12px;
position: relative;
z-index: 11
}
.favorite-detail-popup-close {
font-size: 18px;
cursor: pointer;
position: absolute;
top: 3px;
right: 7px
}
.favorite-detail-popup {
padding: 20px;
line-height: 14px;
font-size: 12px;
position: absolute;
width: 280px;
height: 145px;
text-align: center;
background-color: #fff;
border: 3px solid #b37836;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 6px;
-webkit-box-shadow: 2px 2px 4px #888;
-moz-box-shadow: 2px 2px 4px #888;
box-shadow: 2px 2px 4px #888;
display: none
}
.favorite-detail-popup:before {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: 115px;
top: 141px;
border-top: 10px;
border-bottom: 20px;
border-left: 20px;
border-right: 20px;
border-style: solid;
border-color: #b37836 transparent transparent transparent;
z-index: 10
}
.favorite-detail-popup:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: 117px;
top: 137px;
border-top: 10px;
border-bottom: 18px;
border-left: 18px;
border-right: 18px;
border-style: solid;
border-color: #fff transparent transparent transparent;
z-index: 10
}
li.empty-space {
height: 10px
}
@media (max-width: 767px) {
li.empty-space {
display: none
}
}
.img-href-wrapper {
width: 100%;
text-align: center
}
.img-href-wrapper a {
display: inline-block;
position: relative
}
.sticker-wrapper {
position: absolute;
left: 5px;
top: 5px;
z-index: 1
}
.sticker {
padding: 1px 5px;
display: block;
font-size: 12px;
margin-bottom: 5px;
border-radius: 10px;
width: 80px
}
.sticker-hit {
background-color: gold;
color: #332b00
}
.sticker-new {
background-color: #090;
color: #fff
}
.sticker-sale {
background-color: red;
color: #fff
}
.top-wrap-cart {
width: 215px;
height: 112px
}
.footer-subscribe-box-container {
background-color: #FBF8EF;
padding: 10px 25px;
border-radius: 10px;
box-shadow: 0 0 4px 0px #0000002e;
width: 90%;
margin: 0 auto;
}
.footer-subscribe-box-image {
display: flex;
align-items: center;
}
.footer-subscribe-box-image img {
display: block;
max-width: 100%;
}
.footer-subscribe-box-title {
font-weight: bold;
font-size: 27px;
padding: 15px 0;
}
.footer-subscribe-box-input {
width: 100% !important;
border: 1px solid #4F3335;
height: 40px;
}
.footer-subscribe-box-button {
max-width: 200px !important;
width: 100% !important;
height: 40px;
}
.footer-subscribe-box-footer-input {
padding: 10px 0;
margin-top: 10px;
}
.footer-subscribe-box-footer-input label {
justify-content: left;
color: #918F8C;
flex-wrap: wrap;
}
.footer-subscribe-box-footer-input a {
color: #918F8C;
width: 100%;
}
.footer-subscribe-box-footer-input input {
margin-right: 5px;
}
@media (min-width: 768px) {
.top-wrap-cart {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
}
.nooffset .catalog-pagepanel {
margin-top: 0
}
.static-img {
max-width: 500px;
width: 100%;
display: block
}
.static-img img {
display: block;
max-width: 100%
}
.button-container {
display: flex;
align-items: center
}
span.preorder {
margin-top: .5rem;
padding: .25rem;
line-height: 21px
}
.bx-soa-pp-item-container {
-ms-flex-order: 2;
order: 2
}
@media (min-width: 768px) {
.bx-soa-pp-item-container {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
}
.bx-soa-pp-desc-container {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
@media (min-width: 768px) {
.bx-soa-pp-desc-container {
-ms-flex-order: 2;
order: 2
}
}
.main-banner-padding {
padding-bottom: 20px
}
.small-mobile-logo {
display: none
}
.popup-window-overlay {
visibility: hidden;
}
@media (max-width: 360px) {
.not-small-mobile-logo {
display: none
}
.small-mobile-logo {
display: block
}
.small-mobile-logo a img {
width: 35px
}
}
ol,
ul {
list-style: none;
}
a {
text-decoration: none;
color: inherit;
}
.position-relative {
position: relative;
}
body {
padding-top: 0
}
img[src^="https://top-fwz1.mail.ru"] {
display: none
}
.rkd-page-header ul {
list-style: none
}
.rkd-page-header+.container {
margin-top: 40px;
}
@media (min-width: 768px) {
.rkd-page-header+.container {
margin-top: 280px;
}
}
/* NEW STYLES */
@media (min-width: 1400px) {
.rkd-container.container {
max-width: 1433px;
}
}
.rkd-ruble {
font-family: system-ui;
}
.rkd-page-header {
z-index: 15;
}
.rkd-page {
padding-top: 90px;
/* overflow: hidden; */
overflow-x: hidden;
}
.rkd-catalog__sf-loader {
width: 100%;
padding-top: 30px;
display: inline-block;
text-align: center;
font-weight: 600;
font-size: 14px;
line-height: 140%;
color: #6E4549;
}
/* .rkd-catalog__content-col {
position: relative;
}
.rkd-catalog__content-col-loader {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center;
z-index: 10;
font-size: 80px;
padding-top: 110px;
background-color: #ffffffbd;
} */
@media (min-width: 768px) {
.rkd-page {
padding-top: 58px;
padding-bottom: 200px;
}
.rkd-page.--page-personal-favorite {
padding-bottom: 120px;
}
.rkd-page.--page-search .rkd-catalog__menu-col {
margin-top: -36px;
}
.rkd-page.rkd-page--dictionary .rkd-catalog__content-col {
margin-top: -14px;
}
.rkd-page.rkd-page--dictionary .rkd-catalog-menu__list {
margin-top: -2px;
}
}
.rkd-page.--soa {
padding-top: 40px;
padding-bottom: 0;
}
@media (min-width: 768px) {
.rkd-page.--soa {
padding-top: 58px;
padding-bottom: 0;
}
}
/* W3C standard сейчас только для Firefox */
.rkd-scroll {
scrollbar-width: 10px;
/*scrollbar-color: #6E4549 #F4E4D3; */
}
/* для Chrome/Edge/Safari */
.rkd-scroll::-webkit-scrollbar {
height: 10px;
width: 10px;
}
.rkd-scroll::-webkit-scrollbar-track {
background: #F4E4D3;
}
.rkd-scroll::-webkit-scrollbar-thumb {
background-color: transparent;
border-radius: 4px;
border: 10px solid #CAA072;
}
.rkd-btn {
padding: 9px 18px;
border-radius: 6px;
border: 0;
cursor: pointer;
}
.rkd-btn--success,
.rkd-btn--info {
padding-bottom: 6px;
background-color: #DD2645;
color: #fff;
font-weight: 600;
font-size: 12px;
line-height: 143.3%;
letter-spacing: 0.06em;
}
.rkd-btn--success:active {
background-color: #b8213b;
}
.rkd-btn--info {
background-color: #B37736;
}
.rkd-btn--info:active {
background-color: #6E4549;
}
.rkd-btn--one-click {
padding-left: 22px;
background-color: transparent;
font-weight: 600;
font-size: 12px;
line-height: 143.3%;
letter-spacing: 0.06em;
color: #B37736;
}
@media (min-width: 768px) {
.rkd-btn--success {
padding-left: 19px;
padding-right: 22px;
font-size: 14px;
}
.rkd-btn--one-click {
font-size: 14px;
}
}
.rkd-btn--show-more {
padding: 14px 85px;
padding-top: 17px;
padding-bottom: 12px;
border: 1px solid #CAA072;
border-radius: 6px;
text-align: center;
background-color: #fff;
color: #6E4549;
font-weight: bold;
font-size: 16px;
line-height: 120%;
letter-spacing: 0.12em;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-transform: uppercase;
}
.rkd-btn--f-popup-apply {
padding-left: 16px;
padding-right: 17px;
padding-top: 16px;
padding-bottom: 18px;
background-color: #6CBF6C;
color: #FBF8EF;
font-weight: 600;
font-size: 14px;
line-height: 17px;
white-space: nowrap;
}
.rkd-mobile-modal a.rkd-btn--f-popup-apply {
color: #FBF8EF;
}
.rkd-btn--f-popup-apply.--loading {
background-color: #eeeeee;
text-align: center;
}
.rkd-mobile-modal a.rkd-btn--f-popup-apply.--loading {
color: #B37736;
}
.rkd-btn--f-popup-cancel {
padding: 17px 21px;
padding-right: 22px;
opacity: 0.6;
background-color: #CAA072;
color: #FBF8EF;
font-weight: 600;
font-size: 14px;
line-height: 17px;
white-space: nowrap;
text-align: center;
}
.rkd-btn--open-mobile-filters {
position: relative;
display: inline-block;
width: 100%;
height: 47px;
padding-top: 15px;
padding-left: 84px;
background-color: #ECCFAF;
border-radius: 6px;
font-weight: bold;
font-size: 14px;
line-height: 17px;
color: #6E4549 !important;
}
.rkd-btn--open-mobile-filters {
position: relative;
}
.rkd-btn--open-mobile-filters .rkd-btn__inner {
position: absolute;
display: block;
left: 52px;
top: 12px;
font-weight: 600;
font-size: 18px;
line-height: 22px;
color: #DD2645;
}
.rkd-btn--open-mobile-filters .rkd-btn__inner:after {
content: "";
position: absolute;
display: block;
left: -26px;
top: 1px;
width: 22px;
height: 21px;
background-image: url(/images/rkd-new-design/rkd-icon-filter-params.png);
background-size: cover;
}
.test-container___rkd-switch {
width: 260px;
padding-left: 25px;
padding-top: 16px;
padding-right: 40px;
}
.rkd-switch {
width: 100%;
position: relative;
padding: 5px 0;
}
.rkd-switch .rkd-switch__title {
font-weight: bold;
font-size: 16px;
line-height: 19px;
color: #6E4549;
}
.rkd-switch .rkd-switch__visual {
position: absolute;
width: 39.38px;
height: 16px;
right: 0.71px;
top: 7px;
right: 0px;
background: #DFC6AA;
border-radius: 7.875px;
}
.rkd-switch .rkd-switch__visual:after {
content: "";
position: absolute;
width: 18.21px;
height: 18.21px;
left: 0px;
top: -1px;
background-color: #FBF8EF;
box-shadow: 0px 1px 3px rgba(110, 69, 73, 0.3);
border-radius: 11px;
}
.rkd-switch input[type=checkbox] {
position: absolute;
width: 100%;
height: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
z-index: 1;
}
.rkd-switch input[type=checkbox]~.rkd-switch__visual:after {
transition: left 1s ease-in-out, right 1s ease-in-out;
}
.rkd-switch input[type=checkbox]:checked~.rkd-switch__visual {
background-color: #6E4549;
}
.rkd-switch input[type=checkbox]:checked~.rkd-switch__visual:after {
left: inherit;
right: 0;
}
@media (max-width: 767.98px) {
.rkd-switch input[type=checkbox] {
width: 111%;
}
}
@media (min-width: 768px) {
.rkd-switch input[type=checkbox] {
width: 121%;
}
}
.test-container___rkd-range {
width: 100%;
padding: 0 31px;
padding-right: 36px;
}
.rkd-range .rkd-range__title {
font-weight: bold;
font-size: 16px;
line-height: 19px;
color: #6E4549;
}
.rkd-range .rkd-range__inputs-container {
/* margin-top: 21.47px; */
margin-top: 0;
padding: 0 23px;
padding-right: 25px;
}
.rkd-range .rkd-range__input-col {
position: relative;
border: 1px solid #caa072bb;
box-sizing: border-box;
border-radius: 6px;
height: 36px;
}
.rkd-range .rkd-range__input-col input[type=number] {
position: relative;
width: 100%;
height: 100%;
padding-left: 27.6px;
border: 0;
background-color: transparent;
color: #573032;
font-weight: 600;
font-size: 12px;
line-height: 120%;
}
.rkd-range .rkd-range__input-col:last-child input[type=number] {
padding-left: 33.3px;
}
.rkd-range .rkd-range__input-col:first-child {
border-right: 0.5px solid #caa072bb;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.rkd-range .rkd-range__input-col:last-child {
border-left: 0.5px solid #caa072bb;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.rkd-range .rkd-range__input-col:first-child:before,
.rkd-range .rkd-range__input-col:last-child:before {
position: absolute;
color: #573032;
font-weight: 600;
font-size: 12px;
line-height: 120%;
}
.rkd-range .ui-slider {
position: relative;
z-index: 1;
margin-top: 35.42px;
height: 2.75px;
border: 0;
border-radius: 10px;
background-color: #DFC6AA;
}
.rkd-range .ui-slider-handle {
position: absolute;
top: -7px;
border-radius: 11px;
width: 18.21px;
height: 18.21px;
background-color: #FBF8EF;
box-shadow: 0px 1px 3px rgba(110, 69, 73, 0.3), 0px 1px 3px rgba(110, 69, 73, 0.3), 0px 1px 3px rgba(110, 69, 73, 0.3);
display: block;
}
.rkd-range .ui-slider-range {
background-color: #6E4549;
position: absolute;
display: block;
height: 3px;
}
.rkd-range .rkd-range__input-col:first-child:before {
content: "от";
top: 11px;
left: 12.8px;
}
.rkd-range .rkd-range__input-col:last-child:before {
content: "до";
top: 11px;
left: 16.6px;
}
@media (min-width: 768px) {
.rkd-range .rkd-range__inputs-container {
margin-top: 17.47px;
padding-right: 12px;
padding: 0 16px;
}
.rkd-range .ui-slider {
margin-top: 23.42px;
}
.rkd-range .rkd-range__input-col {
height: 32px;
}
.rkd-range .rkd-range__input-col input[type=number] {
padding-top: 0;
padding-left: 25.2px;
}
.rkd-range .rkd-range__input-col:last-child input[type=number] {
padding-left: 25.2px;
}
.rkd-range .rkd-range__input-col:first-child:before {
top: 8px;
left: 10px;
}
.rkd-range .rkd-range__input-col:last-child:before {
top: 8px;
left: 8px;
}
}
.rkd-badge {
padding: 4.8px 5.3px;
padding-right: 7.1px;
background-color: #DD2645;
border-radius: 4px;
font-weight: 600;
font-size: 10.4px;
line-height: 17px;
letter-spacing: 0.7px;
color: #FBF8EF;
}
@media (min-width: 768px) {
.rkd-badge {
padding: 3.4px 7px;
padding-left: 11.1px;
font-size: 12.7px;
}
}
.rkd-mobile-modal {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 15px 13.33px 186px 16.7px;
border-radius: 0;
background-color: #fff;
z-index: 100;
overflow-y: scroll;
}
.rkd-mobile-modal .rkd-mobile-modal__content {
padding-top: 27px;
}
.rkd-mobile-modal.--dictionary .rkd-mobile-modal__actions {
padding-top: 16px;
padding-left: 8px;
}
.rkd-mobile-modal.--dictionary .rkd-mobile-modal-action__close {
right: 3px;
top: 14px;
}
.rkd-mobile-modal.--dictionary .rkd-mobile-modal__title {
margin-top: 17px;
padding-left: 13px;
}
.rkd-mobile-modal.rkd-mobile-modal--mobile-menu {
padding-top: 0;
z-index: 1100;
}
.rkd-mobile-modal.rkd-mobile-modal--mobile-menu .rkd-mobile-modal-action__close {
right: 3px;
}
.rkd-mobile-modal.rkd-mobile-modal--mobile-menu .rkd-mobile-modal__actions {
padding-left: 8px;
}
.rkd-mobile-modal.rkd-mobile-modal--mobile-menu .rkd-mobile-modal__title {
padding-left: 13px;
}
.rkd-mobile-modal.rkd-mobile-modal--mobile-menu .rkd-mobile-modal__content {
padding-left: 14px;
padding-top: 31px;
}
.rkd-mobile-modal.rkd-mobile-modal--quick-tags .rkd-mobile-modal__content {
padding-left: 13px;
padding-top: 22px;
}
.rkd-mobile-modal.rkd-mobile-modal--mobile-filters .rkd-mobile-modal__heading {
margin-top: 7px;
}
.rkd-mobile-modal.rkd-mobile-modal--mobile-filters .rkd-mobile-modal__title.rkd-mobile-modal__title {
padding-left: 3px;
}
.rkd-mobile-modal.rkd-mobile-modal--mobile-filters .rkd-mobile-modal__content {
padding-top: 29px;
}
.rkd-mobile-modal .rkd-mobile-modal__actions {
position: relative;
width: 100%;
height: 60px;
padding-top: 31px;
padding-left: 24px;
}
.rkd-mobile-modal .rkd-mobile-modal__actions>* {
position: absolute;
display: block;
background-size: cover;
}
.rkd-mobile-modal .rkd-mobile-modal__actions .rkd-mobile-modal-action__back {
background-image: url(/images/rkd-new-design/rkd-icon-arrow.png);
width: 24.44px;
height: 18.12px;
}
.rkd-mobile-modal .rkd-mobile-modal-action__close {
background-image: url(/images/rkd-new-design/rkd-icon-times.png);
right: 16px;
top: 29px;
width: 26px;
height: 22px;
}
.rkd-mobile-modal .rkd-mobile-modal__title {
font-weight: bold;
font-size: 22px;
line-height: 120%;
color: #573032;
margin-top: 32px;
padding-left: 29.9px;
}
.rkd-mobile-modal .rkd-mobile-modal__geoposition {
position: relative;
padding-top: 15px;
padding-left: 34.3px;
padding-bottom: 14px;
border-radius: 6px;
background-color: #FBF8EF;
}
.rkd-mobile-modal .rkd-mobile-modal__geoposition-title {
position: relative;
color: #6E4549;
font-weight: bold;
font-size: 14px;
line-height: 17px;
}
.rkd-mobile-modal .rkd-mobile-modal__geoposition-title:after {
content: "";
position: absolute;
left: -21px;
top: 0;
display: block;
width: 12px;
height: 16.25px;
background-image: url(/images/rkd-new-design/rkd-icon-location.png);
background-size: cover;
}
.rkd-mobile-modal .rkd-mobile-modal__geoposition-choose {
position: absolute;
right: 15.5px;
top: 16px;
border: 0;
text-align: right;
background-color: transparent;
color: #B37736;
font-weight: 600;
font-size: 12px;
line-height: 15px;
}
.rkd-mobile-modal .rkd-mobile-modal__heading {
position: relative;
margin-top: 31px;
}
.rkd-mobile-modal .rkd-mobile-modal__heading .rkd-mobile-modal__title {
padding-left: 14.1px;
}
.rkd-mobile-modal .rkd-mobile-modal__heading .rkd-mobile-modal-action__close {
position: absolute;
top: 2px;
right: 7px;
}
.rkd-mobile-modal .rkd-mobile-modal__events {
margin-top: 48px;
}
.rkd-mobile-modal .rkd-mobile-modal__event {
margin-bottom: 6.47px;
border-radius: 6px;
margin-left: -3px;
padding: 17px 0 15px 17px;
background-color: #FBF8EF;
color: #573032;
font-weight: 600;
font-size: 16px;
line-height: 19px;
}
.rkd-mobile-modal .rkd-mobile-modal__event a {
position: relative;
}
.rkd-mobile-modal .rkd-mobile-modal__event .rkd-mobile-badge {
position: absolute;
}
.rkd-mobile-modal .rkd-mobile-modal__event .rkd-mobile-badge--sale {
right: -52px;
top: -3px;
}
.rkd-mobile-modal .rkd-mobile-modal__event .rkd-mobile-badge--new {
right: -50px;
}
.rkd-mobile-modal .rkd-mobile-modal__event .rkd-mobile-badge--discount {
right: -48px;
top: 4px;
}
.rkd-mobile-modal .rkd-mobile-modal__event--new {
padding-top: 16px;
}
.rkd-mobile-modal .col__fixed-actions--left {
padding-left: 16px;
padding-right: 3px;
}
.rkd-mobile-modal .col__fixed-actions--right {
padding-left: 4px;
padding-right: 15px;
}
.rkd-mobile-modal .col__fixed-actions--center {
padding: 0 16px;
}
.rkd-mobile-modal .col__fixed-actions--left>.rkd-btn {
width: 100%;
float: right;
text-align: center;
}
.rkd-mobile-modal .col__fixed-actions--right>.rkd-btn {
width: 100%;
float: left;
}
.rkd-mobile-modal .rkd-mobile-modal__fixed-actions {
position: fixed;
left: 0;
right: 0;
bottom: 55px;
z-index: 11;
padding: 5px;
background-color: #fff;
box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.1);
}
.rkd-mobile-badge {
display: inline-block;
background-size: cover;
}
.rkd-mobile-badge--sale {
background-image: url(/images/rkd-new-design/rkd-icon-badge-sale.png);
width: 38px;
height: 27px;
margin-top: -2px;
margin-bottom: 2px;
}
.rkd-mobile-badge--new {
background-image: url(/images/rkd-new-design/rkd-icon-badge-new.png);
width: 38px;
height: 27px;
margin-top: -2px;
margin-bottom: 2px;
}
.rkd-mobile-badge--discount {
background-image: url(/images/rkd-new-design/rkd-icon-badge-discount.png);
width: 37px;
height: 20px;
margin-top: -4px;
margin-bottom: 4px;
}
a.rkd-dotted-link {
height: 22px;
padding-top: 8px;
padding-bottom: 2px;
border-bottom: 1px dashed #B37736;
display: inline-block;
color: #B37736;
font-size: 12.3px;
letter-spacing: 0.05em;
}
.rkd-top-header {
display: flex;
height: 50px;
background-color: #fff;
}
.rkd-top-header .rkd-top-header__left {
position: relative;
float: left;
}
.rkd-top-header .rkd-top-header__center {
float: left;
margin-left: 113px;
margin-top: 1.5px;
}
.rkd-top-header .rkd-top-header__right {
padding-top: 17px;
float: right;
}
.rkd-top-header.rkd-top-header--onscroll {
display: none !important;
}
.rkd-top-header .rkd-top-header__city {
max-width: 151.2px;
position: relative;
padding-left: 19.6px;
padding-top: 14.5px;
color: #6E4549;
font-weight: 600;
font-size: 15px;
line-height: 19px;
}
.rkd-top-header .rkd-top-header__city:before {
content: "";
position: absolute;
left: 2px;
top: 16px;
width: 11px;
height: 18px;
background-image: url(/images/rkd-new-design/rkd-icon-location.png);
}
.rkd-top-header .rkd-top-header__city:after {
content: "";
position: absolute;
right: -15px;
top: 23.2px;
width: 10.18px;
height: 5.33px;
background-image: url(/images/rkd-new-design/rkd-arrow-bottom.png);
background-size: cover;
}
.rkd-top-header .rkd-top-header__delivery {
margin-left: 27.5px;
padding-top: 10px;
font-size: 13.4px;
display: none;
}
.rkd-top-header .rkd-top-header-menu__list {
display: flex;
gap: 50.3px;
font-size: 13.3px;
padding-top: 16px;
}
.rkd-top-header .rkd-top-header-menu__list a {
font-weight: bold;
font-size: 13px;
line-height: 16px;
color: #6E4549;
}
.rkd-top-header .rkd-top-header__phone {
position: relative;
margin-right: 17.5px;
text-align: right;
color: #6E4549;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
}
.rkd-top-header .rkd-top-header__phone:before {
content: "";
position: absolute;
width: 15.88px;
height: 15.88px;
left: -24px;
top: 1px;
cursor: pointer;
background-image: url(/images/rkd-new-design/rkd-icon-i.png);
background-size: cover;
}
.rkd-top-header .rkd-top-header__phone .rkd-top-header-popup {
display: block;
opacity: 1;
padding-bottom: 30px;
}
a.rkd-top-header__callme-btn {
padding: 10px 18.7px 7px;
border-radius: 6px;
background-color: #6E4549;
color: #FBF8EF;
font-size: 18px;
}
.rkd-top-header .rkd-top-header__phone-popup {
position: absolute;
left: -147px;
top: 29px;
z-index: 10;
display: none;
}
.rkd-top-header .rkd-top-header__phone-popup.--admin {
top: 76px;
}
.rkd-top-header .rkd-top-header__phone-popup.--show {
display: block;
}
.rkd-top-header .rkd-top-header__location-popup {
position: absolute;
left: 0;
top: 40px;
z-index: 10;
display: none;
}
@media (min-width: 1660px) {
.rkd-top-header .rkd-top-header__location-popup {
left: -70px;
}
}
.rkd-top-header .rkd-top-header__location-popup.--admin {
top: 94px;
}
.rkd-top-header .rkd-top-header__location-popup.--show {
display: block;
}
.rkd-top-header .rkd-top-header__location-popup .rkd-top-header-popup {
width: 255px;
padding-left: 13px;
padding-top: 17px;
}
.rkd-top-header .rkd-top-header__location-popup .rkd-top-header-popup__icon {
width: 42.68px;
height: 42.68px;
background-image: url(/images/rkd-new-design/rkd-icon-position.png);
background-size: cover;
}
.rkd-top-header .rkd-top-header__location-popup .rkd-top-header-popup__name {
padding-left: 56px;
padding-top: 10px;
color: #6E4549;
font-weight: 600;
font-size: 18px;
line-height: 22px;
}
.rkd-top-header .rkd-top-header__location-popup .rkd-top-header-popup__name b {
font-weight: bold;
}
.rkd-top-header .rkd-top-header__location-popup .rkd-top-header-popup__body {
margin-top: 27px;
margin-left: -4px;
margin-right: -1px;
}
.rkd-top-header .rkd-top-header__location-popup .rkd-top-header-popup__body-btns-row {
display: flex;
}
.rkd-top-header .rkd-top-header__location-popup .rkd-top-header-popup__body-btns-row-left {
width: 50%;
padding-right: 4px;
}
.rkd-top-header .rkd-top-header__location-popup .rkd-top-header-popup__body-btns-row-left .rkd-top-header-popup-btn {
width: 100%;
}
.rkd-top-header .rkd-top-header__location-popup .rkd-top-header-popup__body-btns-row-right {
width: 50%;
padding-left: 4px;
}
.rkd-top-header .rkd-top-header__location-popup .rkd-top-header-popup__body-btns-row-right .rkd-top-header-popup-btn {
width: 100%;
}
.rkd-top-header-popup-btn {
padding: 2px 2px 4px;
border: 0;
border-radius: 5.39918px;
background-color: #CAA072;
color: #FBF8EF;
font-size: 12.5981px;
line-height: 35px;
cursor: pointer;
text-align: center;
}
.rkd-top-header-popup-btn.--success {
background-color: #6CBF6C;
}
@media (min-width: 768px) {
a.rkd-top-header__callme-btn {
font-size: 12.2px;
}
}
@media (min-width: 992px) {
.rkd-top-header .rkd-top-header__delivery {
display: block;
margin-left: 42px;
padding-top: 10px;
font-size: 13.4px;
}
.rkd-top-header .rkd-top-header__city {
max-width: initial;
padding-left: 21.9px;
padding-top: 16px;
font-weight: 600;
font-size: 16px;
line-height: 19px;
}
}
@media (min-width: 1400px) {
.rkd-top-header .rkd-top-header__phone .rkd-top-header-popup {
padding-bottom: 10px;
}
.rkd-top-header .rkd-top-header__phone-popup .rkd-top-header__callme-btn {
display: none;
}
}
@media (max-width: 1400px) {
.rkd-top-header .rkd-top-header-menu__list {
gap: 24px;
}
.rkd-top-header .rkd-top-header__center {
margin-left: 35px;
}
.rkd-top-header__callme-btn-container {
display: none;
}
}
@media (max-width: 1199.98px) {
.rkd-top-header .rkd-top-header-menu__list {
gap: 17.2px;
}
}
.rkd-top-header-popup {
width: 273px;
min-height: 147px;
padding: 10px;
padding-left: 20px;
padding-top: 14px;
z-index: 10;
border-radius: 6px;
background-color: #FFFFFF;
box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.25);
}
.rkd-top-header-popup .rkd-top-header-popup__icon {
position: absolute;
width: 31.45px;
height: 32.59px;
background-image: url(/images/rkd-new-design/rkd-icon-call-center.png);
background-size: cover;
}
.rkd-top-header-popup .rkd-top-header-popup__name {
padding-left: 42px;
text-align: left;
color: #CAA072;
font-weight: bold;
font-size: 16px;
line-height: 36px;
}
.rkd-top-header-popup .rkd-top-header-popup__close {
position: absolute;
right: 14px;
top: 21px;
width: 18.97px;
height: 18.97px;
cursor: pointer;
background-image: url(/images/rkd-new-design/rkd-icon-dd-times.png);
background-size: cover;
}
.rkd-top-header-popup .rkd-top-header-popup__body,
.rkd-mobile-modal__schedule {
padding-top: 12px;
text-align: left;
color: #B37736;
font-size: 14px;
line-height: 138.3%;
}
.rkd-top-header-popup .rkd-top-header-popup__body b,
.rkd-mobile-modal__schedule b {
color: #6E4549;
font-weight: bold;
font-size: 16px;
line-height: 138.3%;
}
.rkd-top-header-popup .rkd-top-header-popup__body p,
.rkd-mobile-modal__schedule p {
letter-spacing: -0.13px;
}
.rkd-header {
top: 0;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
padding-bottom: 8px;
background-color: #FBF8EF;
}
.rkd-header .rkd-header__logo {
padding-left: 49px;
padding-top: 9px;
}
.rkd-header .rkd-header__logo img {
width: 116px;
}
.rkd-header .rkd-header__logo-img-onscroll {
display: none;
width: 84px !important;
}
.rkd-header .rkd-header__search {
width: 77.6%;
margin-top: 4px;
padding-left: 4px;
display: flex;
align-items: center;
}
.rkd-header .rkd-header__actions {
width: 100%;
display: flex;
justify-content: center;
}
.rkd-header .rkd-header__action {
position: relative;
display: flex;
align-items: center;
}
.rkd-header .rkd-header__action .rkd-header__action-name {
color: #6E4549;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
}
.rkd-header .rkd-header__action .rkd-header__action-span-onscroll-hidden {
position: relative;
}
.rkd-header .rkd-header__action .rkd-header__action-span-onscroll-hidden .rkd-ruble {
position: absolute;
right: -12px;
top: 0;
font-size: 14px;
}
.rkd-header .rkd-header__action-icon {
background-size: cover;
}
.rkd-header .rkd-header__action-compare .rkd-header__action-icon {
width: 36.77px;
height: 26.99px;
margin-top: 3px;
background-image: url(/images/rkd-new-design/rkd-icon-compare.png);
}
.rkd-header .rkd-header__action-compare .rkd-header__action-name {
padding-left: 41px;
padding-right: 10px;
}
.rkd-header .rkd-header__action-fav .rkd-header__action-icon {
width: 30px;
height: 26px;
background-image: url(/images/rkd-new-design/rkd-icon-heart.png);
}
.rkd-header .rkd-header__action-fav .rkd-header__action-name {
padding-left: 9px;
padding-right: 46px;
}
.rkd-header .rkd-header__action-profile .rkd-header__action-icon {
width: 28px;
height: 28px;
background-image: url(/images/rkd-new-design/rkd-icon-user.png);
}
.rkd-header .rkd-header__action-profile .rkd-header__action-name {
padding-left: 12px;
padding-right: 59px;
}
.rkd-header .rkd-header__action-basket .rkd-header__action-icon {
width: 35.75px;
height: 36.38px;
margin-top: -5px;
background-image: url(/images/rkd-new-design/rkd-icon-basket.png);
}
.rkd-header .rkd-header__action-basket .rkd-header__action-name {
padding-left: 10px;
padding-right: 33px;
}
@media (min-width: 1200px) {
.rkd-header .rkd-header__search {
padding-left: 16px;
width: 40%;
}
}
@media (min-width: 1400px) {
.rkd-header .rkd-header__search {
padding-left: 148px;
width: 49.5%;
}
}
.rkd-header .rkd-header__catalog-btn-container {
display: none;
padding-left: 49px;
padding-top: 8px;
}
.rkd-header.rkd-header--onscroll {
z-index: 100;
width: 100%;
height: 49px;
position: fixed;
background-color: #fff;
box-shadow: 0px 4px 10px rgba(110, 69, 73, 0.3);
}
.rkd-header.rkd-header--onscroll .rkd-header__logo {
padding-left: 0;
}
.rkd-header.rkd-header--onscroll .rkd-header__logo img {
display: none;
}
.rkd-header.rkd-header--onscroll .rkd-header__logo img.rkd-header__logo-img-onscroll {
margin-top: -3px;
padding-left: 5px;
display: block;
}
.rkd-header.rkd-header--onscroll .rkd-header__catalog-btn-container {
display: block;
}
.rkd-header.rkd-header--onscroll .rkd-header__catalog-btn {
position: relative;
width: 117px;
height: 34px;
padding-left: 46.8px;
padding-top: 9px;
border-radius: 6px;
display: inline-block;
background-color: #6E4549;
color: #FBF8EF;
font-weight: 600;
font-size: 14px;
line-height: 17px;
cursor: pointer;
}
.rkd-header.rkd-header--onscroll .rkd-header__catalog-btn:active {
background-color: #6e4549d4;
}
.rkd-header.rkd-header--onscroll .rkd-header__catalog-btn:before {
content: "";
position: absolute;
left: 17px;
top: 9px;
width: 19px;
height: 14px;
background-image: url(/images/rkd-new-design/rkd-icon-burger-onscroll.png);
background-size: cover;
}
.rkd-header.rkd-header--onscroll .rkd-header__search {
margin-top: 0px;
padding-left: 59px;
width: 36.9%;
}
.rkd-header.rkd-header--onscroll .rkd-header-search {
width: 100%;
height: 45px;
}
.rkd-header.rkd-header--onscroll .rkd-header__actions {
padding-top: 5px;
}
.rkd-header.rkd-header--onscroll .rkd-header__action-span-onscroll-hidden {
position: relative;
display: none;
}
.rkd-header.rkd-header--onscroll .rkd-header__action-span-onscroll {
display: inline-block;
}
.rkd-header.rkd-header--onscroll .rkd-header__action-compare .rkd-header__action-name {
padding-left: 28px;
}
.rkd-header.rkd-header--onscroll .rkd-header__action-compare .rkd-header__action-icon {
margin-top: -2px;
width: 30px;
height: 21px;
}
.rkd-header.rkd-header--onscroll .rkd-header__action-fav .rkd-header__action-name {
padding-right: 32px;
}
.rkd-header.rkd-header--onscroll .rkd-header__action-fav .rkd-header__action-icon {
width: 28.7px;
height: 25px;
}
.rkd-header.rkd-header--onscroll .rkd-header__action-profile {
display: none;
}
.rkd-header.rkd-header--onscroll .rkd-header__action-basket .rkd-header__action-icon {
width: 24.62px;
height: 25.82px;
}
.rkd-header.rkd-header--onscroll .rkd-header__action-basket .rkd-header__action-name {
padding-right: 49px;
}
@media (min-width: 768px) {
.rkd-header:not(.rkd-header--onscroll) .rkd-header__action-span-onscroll {
position: absolute;
left: 0;
top: 9px;
width: 38px;
text-align: center;
}
}
@media (min-width: 1200px) {
.rkd-header .rkd-header {
height: 96px;
padding-bottom: 0;
}
.rkd-header .rkd-header__actions {
justify-content: initial;
width: initial;
}
.rkd-header:not(.rkd-header--onscroll) .rkd-header__action-span-onscroll {
top: 48px;
}
}
.rkd-header-search {
position: relative;
width: 100%;
height: 47px;
}
.rkd-header-search.--mobile-no-wrap {
position: relative;
width: initial;
height: initial;
border: initial;
border-radius: initial;
background-color: initial;
line-height: initial;
}
.rkd-header-search.--mobile-no-wrap .baron__root {
max-height: 48vh;
overflow-y: scroll;
}
.rkd-mobile-header.--search-p-fix {
padding-right: 0;
}
.rkd-mobile-header .rkd-mobile-header__search-container.--m-no-icon:after {
display: none;
}
/* .rkd-header-search:after {
content: "";
position: absolute;
right: 20px;
top: 12px;
width: 20.6px;
height: 20.6px;
background-image: url(/images/rkd-new-design/rkd-icon-search.png);
background-size: cover;
} */
.rkd-header-search input {
padding: 8px 28px;
width: 100%;
border: 0;
background-color: transparent;
color: #B37736;
font-weight: 600;
font-size: 14px;
}
.rkd-header-search input::-moz-placeholder {
color: #B37736;
font-weight: 600;
font-size: 14px;
line-height: 125.8%;
}
.rkd-header-search input:-ms-input-placeholder {
color: #B37736;
font-weight: 600;
font-size: 14px;
line-height: 125.8%;
}
.rkd-header-search input::placeholder {
color: #B37736;
font-weight: 600;
font-size: 14px;
line-height: 125.8%;
}
@media (min-width: 1200px) {
.rkd-header__logo {
padding-top: 9px;
display: block;
}
}
.rkd-mobile-menu.rkd-mobile-menu--depth-0 .rkd-mobile-menu__list li {
position: relative;
color: #6E4549;
font-weight: bold;
font-size: 18px;
line-height: 22px;
}
.rkd-mobile-menu.rkd-mobile-menu--depth-0 .rkd-mobile-menu__list li:after {
content: "";
position: absolute;
right: 15px;
top: 3px;
width: 9.35px;
height: 16.12px;
background-image: url(/images/rkd-new-design/rkd-icon-menu-right.png);
background-size: cover;
}
.rkd-mobile-menu.rkd-mobile-menu--depth-0 .rkd-mobile-menu__list li.rkd-mobile-menu__el--no-children:after {
display: none;
}
.rkd-mobile-menu.rkd-mobile-menu--depth-0 .rkd-mobile-menu__list li:not(:first-child) {
margin-top: 24px;
}
.rkd-mobile-menu.rkd-mobile-menu--depth-0 .rkd-mobile-menu__list li a.--active {
color: #b37836;
}
.rkd-mobile-menu.rkd-mobile-menu--depth-1 .rkd-mobile-menu__parent-name {
margin-top: 3px;
margin-bottom: 31px;
padding-left: 5px;
color: #6E4549;
font-weight: bold;
font-size: 20px;
line-height: 120%;
}
.rkd-mobile-menu.rkd-mobile-menu--depth-1 .rkd-mobile-menu__list {
padding-left: 5px;
}
.rkd-mobile-menu.rkd-mobile-menu--depth-1 .rkd-mobile-menu__list li {
position: relative;
color: #B37736;
font-weight: 600;
font-size: 18px;
line-height: 22px;
}
.rkd-mobile-menu.rkd-mobile-menu--depth-1 .rkd-mobile-menu__list li.--active {
color: #6E4549;
font-weight: bold;
}
.rkd-mobile-menu.rkd-mobile-menu--depth-1 .rkd-mobile-menu__list li:after {
content: "";
position: absolute;
right: 16px;
top: 2px;
width: 9.35px;
height: 16.12px;
background-image: url(/images/rkd-new-design/rkd-icon-menu-right.png);
background-size: cover;
}
.rkd-mobile-menu.rkd-mobile-menu--depth-1 .rkd-mobile-menu__list li:not(:first-child) {
margin-top: 18.3px;
}
.rkd-mobile-menu.rkd-mobile-menu--depth-1 .rkd-mobile-menu__el--no-children:after {
display: none;
}
.rkd-quick-filters .rkd-quick-filters__list {
display: flex;
flex-wrap: wrap;
row-gap: 13px;
-moz-column-gap: 15px;
column-gap: 15px;
}
.rkd-quick-filters .rkd-quick-filters__item {
padding: 9px 25px 10px 25px;
border-radius: 6px;
border: 0;
background-color: #FBF8EF;
color: #B37736;
font-weight: 600;
font-size: 12px;
line-height: 15px;
}
.rkd-catalog-category-item {
height: 409px;
border-radius: 10px;
background-color: #FBF8EF;
overflow: hidden;
}
.rkd-catalog-category-item .rkd-catalog-category-item__preview-container img {
width: auto;
height: 185px;
}
@media (max-width: 991.98px) {
.rkd-catalog-category-item .rkd-catalog-category-item__preview-container img {
width: 100%;
}
}
.rkd-catalog-category-item .rkd-catalog-category-item__title {
margin-top: 14px;
text-align: center;
color: #6E4549;
font-weight: bold;
font-size: 14px;
line-height: 120%;
letter-spacing: 0.12em;
}
.rkd-catalog-category-item .rkd-catalog-category-item__subcategory_list {
margin-top: 17px;
padding-left: 33px;
}
.rkd-catalog-category-item .rkd-catalog-category-item__subcategory_list a {
color: #B37736;
font-size: 14px;
line-height: 160%;
}
.rkd-header-menu {
height: 56px;
background-color: #6E4549;
color: #FBF8EF;
font-weight: 600;
font-size: 16px;
line-height: 19px;
}
.rkd-header-menu a:hover {
color: #caa072;
}
.rkd-header-menu.rkd-header-menu--onscroll {
display: none !important;
}
.rkd-header-menu>.rkd-container {
padding-left: 85px;
}
.rkd-header-menu ul {
display: flex;
gap: 60.5px;
}
.rkd-header-menu__catalog-burger {
position: absolute;
left: -33px;
width: 22px;
height: 18px;
background-image: url(/images/rkd-new-design/rkd-icon-burger.png);
background-size: cover;
}
.rkd-header-menu__catalog-burger.active {
left: -30px;
width: 17px;
height: 17px;
background-image: url(/images/rkd-new-design/rkd-icon-dd-times.png);
}
@media (max-width: 991.98px) {
.rkd-header-menu li {
font-size: 12.8px;
}
.rkd-header-menu ul {
gap: 26px;
}
}
@media (max-width: 1199.98px) {
.rkd-header-menu>.rkd-container {
padding-left: 48px;
}
}
h1.page-heading {
padding-left: 5px;
padding-top: 19px;
color: #573032;
font-weight: bold;
font-size: 20px;
line-height: 120%;
}
.page-heading-right-text {
display: inline;
color: #B37736;
line-height: 100%;
font-size: 15px;
padding-left: 10px;
font-weight: 600;
user-select: none;
background: none;
border: none;
}
.page-heading-right-text.hidden {
display: none;
}
@media (min-width: 786px) {
h1.page-heading {
padding-left: 0;
color: #6E4549;
font-size: 32px;
line-height: 120%;
}
}
h2.page-heading,
.h2.page-heading,
h3.page-heading,
.h3.page-heading {
color: #573032;
font-weight: bold;
}
.col-left-menu-nomargin .rkd-catalog-menu--catalog .rkd-catalog-menu__list li:not(.rkd-catalog-menu__item--active) {
margin-left: 0;
padding-left: 0;
}
.rkd-catalog__rows .rkd-catalog__menu-col {
width: 100%;
padding: 0;
flex: 0 0 auto;
}
.rkd-catalog__rows .rkd-catalog__content-col {
padding: 0;
width: 100%;
flex: 0 0 auto;
}
.rkd-catalog__rows .rkd-sf-item__title {
font-weight: bold;
font-size: 16px;
line-height: 19px;
color: #6E4549;
margin-top: 25px;
/* padding-left: 13px; */
}
.rkd-catalog__rows .rkd-catalog__categories {
padding-left: 2.7%;
padding-right: 4px;
}
.rkd-catalog__rows .rkd-catalog__categories .row {
row-gap: 33px;
-moz-column-gap: 33px;
column-gap: 33px;
}
.rkd-catalog__rows .rkd-catalog__categories .row>.col__category-item {
padding: 0;
flex: 0 0 auto;
width: 41%;
}
.rkd-catalog__rows .rkd-sf-filter {
padding: 1.3px 13px;
padding-right: 12%;
}
.rkd-catalog__rows .rkd-range {
/* margin-top: 68px; */
padding-left: 13px;
padding-right: 12%;
}
.rkd-catalog__rows .rkd-catalog-menu-switch-container {
padding-left: 13px;
padding-right: 12%;
padding-top: 0;
}
.rkd-catalog__rows {
overflow: hidden;
}
@media (min-width: 768px) {
.rkd-catalog__rows {
margin-top: 30px;
}
.rkd-catalog__rows .rkd-catalog__menu-col {
width: 32%;
}
.rkd-catalog__rows .rkd-catalog__content-col {
width: 68%;
}
.--page-personal-favorite .rkd-catalog__rows .rkd-catalog__menu-col {
padding-left: 15px;
}
.--page-personal-favorite .rkd-catalog__rows .rkd-catalog__content-col {
padding-left: 15px;
}
}
@media (min-width: 992px) {
.rkd-catalog__rows .rkd-catalog__categories .row>.col__category-item {
width: 32.4%;
}
}
@media (min-width: 1200px) {
.rkd-catalog__rows {
margin-top: 26px;
}
.rkd-catalog__rows .rkd-catalog__categories .row>.col__category-item {
width: 22.4%;
}
.rkd-catalog__rows .rkd-sf-filter {
padding-right: 25px;
}
.rkd-catalog__rows .rkd-range.rkd-range {
padding-right: 50px;
}
.rkd-catalog__rows .rkd-catalog__menu-col {
width: 20.5%;
}
.rkd-catalog__rows .rkd-catalog__content-col {
margin-top: 6px;
width: 79.5%;
}
.rkd-catalog__rows .rkd-catalog-menu-switch-container {
padding-left: 0;
padding-right: 35px;
}
}
@media (min-width: 1400px) {
.rkd-catalog__rows {
margin-top: 26px;
}
.rkd-catalog__rows .rkd-sf-filter {
padding-right: 85px;
}
.rkd-catalog__rows .rkd-range.rkd-range {
padding-right: 10px;
}
.rkd-catalog__rows .rkd-catalog__menu-col {
width: 20.5%;
}
.rkd-catalog__rows .rkd-catalog__content-col {
margin-top: 6px;
width: 79.5%;
}
.rkd-catalog__rows .rkd-catalog-menu-switch-container {
padding-right: 0px;
}
/* FIX: */
.rkd-range-container-col {
padding-left: 2px;
}
}
.rkd-catalog-menu .rkd-catalog-menu__list {
padding-left: 12px;
color: #B37736;
font-weight: bold;
font-size: 18px;
line-height: 22px;
text-transform: uppercase;
}
.rkd-catalog-menu .rkd-catalog-menu__list li:not(:first-child) {
margin-top: 36.2px;
}
.rkd-catalog-menu .rkd-catalog-menu__list a:hover {
color: #573032;
}
.rkd-catalog-menu .rkd-catalog-menu__events {
margin-top: 47.5px;
padding-left: 47px;
}
.rkd-catalog-menu .rkd-catalog-menu__events .rkd-catalog-menu__event:not(:first-child) {
margin-top: 29.4px;
}
.rkd-catalog-menu .rkd-catalog-menu__events .rkd-catalog-menu__event {
display: block;
margin-top: 12px;
position: relative;
}
.rkd-catalog-menu .rkd-catalog-menu__events .rkd-catalog-menu__event .rkd-mobile-badge {
position: absolute;
margin-left: 26px;
}
.rkd-catalog-menu .rkd-catalog-menu__events .rkd-catalog-menu__event .rkd-mobile-badge--discount {
left: 100px;
top: 5.4px;
}
.rkd-catalog-menu .rkd-catalog-menu__events .rkd-catalog-menu__event .rkd-mobile-badge--new {
left: 147px;
top: 4px;
}
.rkd-catalog-menu .rkd-catalog-menu__events .rkd-catalog-menu__event.rkd-catalog-menu__event--discount {
margin-top: 24.5px;
}
.rkd-catalog-menu .rkd-catalog-menu__events .rkd-catalog-menu__event.rkd-catalog-menu__event--discount .rkd-catalog-menu__event-name {
color: #6E4549;
}
.rkd-catalog-menu .rkd-catalog-menu__events .rkd-catalog-menu__event-name {
font-weight: 600;
font-size: 18px;
line-height: 22px;
color: #573032;
}
.rkd-catalog-menu--depth-1:not(.rkd-catalog-menu--catalog) .rkd-catalog-menu__list {
width: 100%;
padding-left: 11px;
padding-top: 55px;
color: #6E4549;
font-weight: bold;
font-size: 18px;
line-height: 22px;
text-transform: initial;
}
.rkd-catalog-menu--depth-1:not(.rkd-catalog-menu--catalog) .rkd-catalog-menu__list li {
position: relative;
width: 100%;
margin-top: initial;
padding: 9.6px 5px 14px 36px;
display: flex;
align-items: center;
}
.rkd-catalog-menu--depth-1:not(.rkd-catalog-menu--catalog) .rkd-catalog-menu__list li:after {
content: "";
position: absolute;
right: 10.7%;
top: 50%;
width: 9.35px;
height: 16.12px;
transform: translateY(-50%);
background-image: url(/images/rkd-new-design/rkd-icon-menu-right.png);
background-size: cover;
}
.rkd-catalog-menu--depth-1:not(.rkd-catalog-menu--catalog) .rkd-catalog-menu__list li:hover,
.rkd-catalog-menu--depth-1:not(.rkd-catalog-menu--catalog) .rkd-catalog-menu__list li.--active {
background-color: #FFFFFF;
}
.rkd-catalog-menu--depth-1:not(.rkd-catalog-menu--catalog) .rkd-catalog-menu__list li:not(:first-child) {
margin-top: initial;
}
.rkd-catalog-menu--depth-1:not(.rkd-catalog-menu--catalog) .rkd-catalog-menu__list li a {
width: 85%;
}
.rkd-catalog-menu--catalog .rkd-catalog-menu__list {
padding: 0;
padding-top: 6px;
}
.rkd-catalog-menu--catalog .rkd-catalog-menu__list li:after {
display: none;
}
.rkd-catalog-menu--catalog .rkd-catalog-menu__list li {
margin-top: 0;
padding-left: 13px;
color: #573032;
font-weight: bold;
font-size: 16px;
line-height: 19px;
text-transform: initial;
}
.rkd-catalog-menu--catalog .rkd-catalog-menu__list li:not(:first-child) {
margin-top: 14.3px;
}
.rkd-catalog-menu--catalog .rkd-catalog-menu__list li:not(.rkd-catalog-menu__item--active) {
margin-left: 1.6px;
color: #946A6E;
}
.rkd-catalog-menu--depth-0 .rkd-catalog-menu__list li.rkd-catalog-menu__item--active {
color: #6E4549;
}
.rkd-catalog-menu--depth-1 .rkd-catalog-menu__list li {
position: relative;
}
.rkd-catalog-menu--depth-1 .rkd-catalog-menu__list .rkd-catalog-menu__item-expand {
position: absolute;
right: 13px;
top: -2px;
border: 0;
cursor: pointer;
background: none;
color: #573032;
font-weight: bold;
font-size: 15px;
line-height: 19px;
}
.rkd-catalog-menu--depth-1 .rkd-catalog-menu__list li.--nochildren:after {
display: none;
}
/* ITEMS DEPTH LEVELS */
.rkd-catalog-menu--catalog .rkd-catalog-menu__list li.--depth-2 {
padding-left: 24px;
}
.rkd-catalog-menu--catalog .rkd-catalog-menu__list li.--depth-3 {
padding-left: 40px;
}
.rkd-catalog-ss {
padding-bottom: 14px;
margin-right: 11px;
padding-left: 3px;
}
.rkd-catalog-ss .rkd-catalog-ss__sort {
position: relative;
display: flex;
border-bottom: 1px solid #F9E2C8;
padding-bottom: 14px;
z-index: 10;
}
.rkd-catalog-ss .rkd-catalog-ss__sort .rkd-catalog-ss__sort-title {
font-weight: 600;
font-size: 14px;
line-height: 140%;
color: #6E4549;
}
.rkd-catalog-ss .rkd-catalog-ss__sort .rkd-catalog-ss__sort-list {
display: flex;
padding-left: 25px;
}
.rkd-catalog-ss .rkd-catalog-ss__sort .rkd-catalog-ss__sort-list li {
margin-right: 24.5px;
}
.rkd-catalog-ss .rkd-catalog-ss__sort .rkd-catalog-ss__sort-list a {
font-weight: 600;
font-size: 14px;
line-height: 140%;
color: #B37736;
padding-bottom: 2px;
border-bottom: 1px dashed #B37736;
}
.rkd-catalog-ss .rkd-catalog-ss__sort .rkd-catalog-ss__sort-list a.active {
color: #6E4549;
border-bottom: 1px dashed #6E4549;
}
.rkd-catalog-ss .rkd-catalog-ss__mobile-filters {
padding: 0 14px;
padding-right: 8px;
margin-top: 13px;
}
.rkd-catalog-ss .rkd-catalog-ss__active-filters {
display: block;
margin-top: 24px;
padding-left: 14.4px;
}
.rkd-m-sort {
text-align: center;
}
.rkd-m-sort__el {
display: inline-block;
position: relative;
margin: 0 11px;
padding-top: 8.8px;
padding-right: 19px;
color: #6E4549;
font-weight: bold;
font-size: 14px;
line-height: 17px;
}
.rkd-m-sort__el:after {
content: "";
position: absolute;
right: 1px;
top: 15.5px;
width: 9.88px;
height: 5.74px;
display: block;
background-image: url(/images/rkd-new-design/rkd-tiny-arrow-down.png);
background-size: cover;
}
.rkd-m-sort__el:not(.--active):after {
display: none;
color: #6E4549;
}
.rkd-m-sort__el:not(.--active) {
color: #CAA072;
}
.rkd-catalog-ss .rkd-catalog-ss-active-filter {
position: relative;
display: inline-block;
margin-right: 6px;
padding: 5px 16px;
padding-right: 35.5px;
min-width: 107px;
background-color: #F9E2C8;
border-radius: 15px;
line-height: 140%;
color: #6E4549;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: 600;
font-size: 12px;
cursor: pointer;
}
.rkd-catalog-ss .rkd-catalog-ss-active-filter:active {
background-color: #e9b986;
}
.rkd-catalog-ss .rkd-catalog-ss-active-filter__remove {
position: absolute;
right: 8px;
top: 4px;
width: 18.38px;
height: 18.38px;
background-image: url(/images/rkd-new-design/rkd-icon-catalog-filter-remove.png);
background-size: cover;
}
.rkd-catalog-ss .rkd-catalog-ss__search {
position: relative;
top: -32px;
z-index: 11;
}
.rkd-catalog-ss .rkd-catalog-ss__search::after {
content: "";
display: block;
position: absolute;
right: 20px;
top: 3px;
height: 20px;
width: 20px;
background-image: url(/images/rkd-new-design/rkd-icon-catalog-search.png);
background-size: cover;
}
.rkd-catalog-ss .rkd-catalog-ss__search input {
width: 50%;
text-align: right;
background: none;
border: 0;
color: #B37736;
padding-right: 58px;
right: 0;
position: absolute;
}
.rkd-catalog-ss .rkd-catalog-ss__search input::-moz-placeholder {
font-size: 14px;
line-height: 120%;
color: #B37736;
}
.rkd-catalog-ss .rkd-catalog-ss__search input:-ms-input-placeholder {
font-size: 14px;
line-height: 120%;
color: #B37736;
}
.rkd-catalog-ss .rkd-catalog-ss__search input::placeholder {
font-size: 14px;
line-height: 120%;
color: #B37736;
}
.rkd-catalog-ss {
position: relative;
}
@media (min-width: 768px) {
.rkd-catalog__content-col .rkd-catalog-ss {
padding-bottom: 3px;
}
.rkd-catalog__content-col .rkd-catalog-pag {
border-top: 1px solid #F9E2C8;
padding-top: 40px;
}
.rkd-catalog-ss .rkd-catalog-ss__active-filters {
display: flex;
margin-top: 19px;
padding-left: 1.4px;
}
.rkd-catalog-ss .rkd-catalog-ss-active-filter {
padding-right: 35.5px;
}
.rkd-catalog-ss .rkd-catalog-ss-active-filter__remove {
right: 13px;
top: 8px;
width: 8.7px;
height: 8.59px;
background-image: url(/images/rkd-new-design/rkd-icon-dd-times.png);
}
}
.rkd-mobile-header {
position: fixed;
top: 0;
display: flex;
width: 100%;
height: 68.44px;
margin-left: 0;
padding-top: 5px;
padding-left: 0;
padding-right: 22px;
z-index: 10;
background-color: #fff;
}
.rkd-mobile-header .rkd-mobile-header__logo img {
width: 56px;
height: 55px;
}
.rkd-mobile-header .rkd-mobile-header__action {
margin-top: 12px;
padding-left: 0;
padding-right: 0;
}
.rkd-mobile-header .rkd-mobile-header__action--phone .rkd-mobile-header__icon {
background-image: url(/images/rkd-new-design/rkd-icon-phone.svg);
width: 30.36px;
height: 29.95px;
padding: 0;
padding-left: 8.3px;
}
.rkd-mobile-header .rkd-mobile-header__search {
padding-left: 0;
padding-right: 10px;
padding-top: 6px;
width: 49%;
}
.rkd-mobile-header .rkd-mobile-header__search.w-100 {
padding-left: 11px;
padding-right: 10px;
}
/* .rkd-mobile-header .rkd-mobile-header__search-container {
position: relative;
background-color: #fff;
border: 1px solid #E8DFC5;
box-sizing: border-box;
border-radius: 10px;
} */
.rkd-mobile-header .rkd-mobile-header__search-container input {
width: 100%;
background-color: transparent;
border: 0;
height: 45px;
font-weight: 600;
font-size: 15.5px;
line-height: 125.8%;
color: #B37736;
padding-left: 18px;
padding-right: 50px;
}
.rkd-mobile-header .rkd-mobile-header__search-container input::-moz-placeholder {
font-weight: 600;
font-size: 15.5px;
line-height: 125.8%;
color: #B37736;
}
.rkd-mobile-header .rkd-mobile-header__search-container input:-ms-input-placeholder {
font-weight: 600;
font-size: 15.5px;
line-height: 125.8%;
color: #B37736;
}
.rkd-mobile-header .rkd-mobile-header__search-container input::placeholder {
font-weight: 600;
font-size: 15.5px;
line-height: 125.8%;
color: #B37736;
}
/* .rkd-mobile-header .rkd-mobile-header__search-container:after {
content: "";
position: absolute;
right: 20px;
top: 9px;
width: 26px;
height: 26px;
background-image: url(/images/rkd-new-design/rkd-icon-search.png);
background-size: cover;
} */
.rkd-mobile-header .rkd-mobile-header__menu {
position: relative;
margin-top: 16px;
padding-left: 9px;
}
.rkd-mobile-header .rkd-mobile-header__menu .rkd-mobile-header__icon {
position: absolute;
background-image: url(/images/rkd-new-design/rkd-icon-burger-mobile.svg);
width: 26px;
height: 22px;
}
.rkd-footer {
background-color: #362324;
padding: 30.2px 0 54px;
color: #FBF8EF;
}
.rkd-footer__phone {
position: relative;
padding-left: 35.6px;
color: #FBF8EF;
font-size: 30px;
line-height: 37px;
white-space: nowrap;
}
.rkd-footer__phone a:hover,
.rkd-footer__descr a:hover {
color: #caa072;
}
.rkd-footer__phone:after {
content: "";
position: absolute;
left: 1px;
top: 7px;
width: 20.85px;
height: 20.58px;
display: block;
background-image: url(/images/rkd-new-design/footer/rkd-footer-phone.png);
background-size: cover;
}
.rkd-footer__descr {
margin-top: 12px;
width: 110%;
font-size: 17px;
line-height: 148.5%;
}
.rkd-footer__menu.--customers {
margin-top: 41px;
}
.rkd-footer__menu.--customers .rkd-footer-menu__list {
margin-top: 16px;
}
.rkd-footer__menu.--customers li {
margin-bottom: 12.6px;
}
.rkd-footer__menu.--catalog {
padding-left: 3px;
}
.rkd-footer__menu.--catalog-2 {
padding-left: 4px;
}
.rkd-footer__col.--right {
margin-top: -15px;
padding-left: 17px;
}
.rkd-footer__socials {
margin-top: 19px;
}
.rkd-footer__social {
position: relative;
width: 31.77px;
height: 31.77px;
margin-right: 16px;
border: 1px solid #FBF8EF;
border-radius: 50%;
display: inline-block;
background-size: cover;
}
.rkd-footer__social:after {
content: "";
position: absolute;
}
.rkd-footer__social.--vk:after {
left: 4px;
top: 8px;
width: 22.57px;
height: 12.87px;
background-image: url(/images/rkd-new-design/footer/rkd-footer-soc-vk.png);
}
.rkd-footer__social.--tel:after {
left: 2px;
top: 3px;
width: 23px;
height: 23px;
background-image: url(/images/rkd-new-design/footer/rkd-footer-soc-teleg.png);
}
.rkd-footer__social.--ok:after {
left: 4px;
top: 3px;
width: 23px;
height: 23px;
background-image: url(/images/rkd-new-design/footer/rkd-footer-soc-ok.png);
}
.rkd-footer__social.--fb:after {
left: 10px;
top: 3px;
width: 9.58px;
height: 20.63px;
background-image: url(/images/rkd-new-design/footer/rkd-footer-soc-fb.png);
}
.rkd-footer__social.--inst:after {
left: 6px;
top: 5px;
width: 20.14px;
height: 20.38px;
background-image: url(/images/rkd-new-design/footer/rkd-footer-soc-inst.png);
}
.rkd-footer__subscribe {
margin-top: 73px;
padding-left: 1px;
}
@media (min-width: 360px) {
.rkd-mobile-header .rkd-mobile-header__action {
margin-top: 12px;
padding-left: 8px;
padding-right: 15px;
}
}
@media (min-width: 1400px) {
.rkd-footer .rkd-container.container {
max-width: 1131px;
}
.rkd-footer-bottom .rkd-container.container {
max-width: 1131px;
}
}
.rkd-footer-subscribe__title {
color: #FBF8EF;
font-weight: bold;
font-size: 18px;
line-height: 120%;
}
.rkd-footer-subscribe__control {
margin-right: -2px;
margin-top: 13px;
padding-left: 1px;
}
.rkd-footer-subscribe__control input[type=email] {
width: 100%;
padding: 19.2px;
padding-top: 12px;
padding-bottom: 15px;
border: 1px solid #FBF8EF;
border-radius: 6px;
background-color: transparent;
color: #FBF8EF;
font-size: 18px;
}
.rkd-footer-subscribe__control input[type=email]::-moz-placeholder {
color: #FBF8EF;
font-size: 18px;
line-height: 120%;
}
.rkd-footer-subscribe__control input[type=email]:-ms-input-placeholder {
color: #FBF8EF;
font-size: 18px;
line-height: 120%;
}
.rkd-footer-subscribe__control input[type=email]::placeholder {
color: #FBF8EF;
font-size: 18px;
line-height: 120%;
}
.rkd-footer-subscribe__control input[type="submit"] {
width: 100%;
margin-top: 15px;
padding: 15.4px 0;
border: 0;
border-radius: 6px;
background-color: #CAA072;
color: #FBF8EF;
font-weight: 600;
font-size: 16px;
line-height: 19px;
cursor: pointer;
}
.rkd-footer-subscribe__confirm {
width: 100%;
margin-top: 17px;
padding-left: 1px;
color: #CAA072;
font-size: 12px;
line-height: 120%;
}
.rkd-footer-subscribe__confirm a {
text-decoration: underline;
}
.rkd-footer-subscribe__confirm a:active,
.rkd-footer-subscribe__confirm a:hover {
color: #FBF8EF;
}
.rkd-footer-menu {
color: #FBF8EF;
}
.rkd-footer-menu__title {
color: #FBF8EF;
font-weight: 600;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.1em;
}
.rkd-footer-menu__list {
margin-top: 19px;
list-style: none;
}
.rkd-footer-menu li {
margin-bottom: 10.2px;
}
.rkd-footer-menu li a {
color: #FBF8EF;
font-weight: 600;
font-size: 12px;
line-height: 120%;
letter-spacing: 0.12em;
}
.rkd-footer-bottom {
background-color: #FBF8EF;
height: 160px;
padding-top: 15px;
}
.rkd-footer-bottom__left {
padding-left: 9px;
}
.rkd-footer-bottom__descr {
margin-top: 15px;
padding-left: 25px;
color: #6E4549;
font-weight: 600;
font-size: 18px;
line-height: 180%;
}
.rkd-footer-bottom__descr::first-line {
font-weight: 600;
font-size: 20px;
line-height: 29px;
}
.rkd-footer-bottom__paysystems-logo {
margin-right: -1px;
margin-top: 9px;
}
@media (max-width: 991.98px) {
.rkd-footer-bottom__row {
justify-content: center;
}
}
@media (min-width: 992px) {
.rkd-footer-bottom {
height: 120.59px;
}
}
.rkd-m-footer-margin {
margin-top: 66px;
}
.rkd-m-footer {
background-color: #fff;
}
.rkd-m-footer .rkd-container.container {
padding-left: 24.5px;
padding-bottom: 120px;
}
.rkd-m-footer__title {
color: #6E4549;
font-weight: bold;
font-size: 28px;
line-height: 120%;
}
.rkd-m-footer__descr {
margin-top: 36px;
font-size: 12px;
line-height: 160%;
color: #573032;
}
.rkd-m-footer-subscribe input[type="email"] {
margin-top: 22px;
padding-left: 20px;
width: 100%;
height: 50px;
border: 1px solid #B37736;
border-radius: 6px;
color: #B37736;
font-size: 18px;
line-height: 120%;
}
.rkd-m-footer-subscribe input[type="submit"] {
margin-top: 16px;
padding-top: 14px;
padding-bottom: 12px;
width: 100%;
background: #B37736;
border: 0;
border-radius: 6px;
color: #FBF8EF;
font-weight: 600;
font-size: 20px;
line-height: 24px;
cursor: pointer;
}
.rkd-m-footer-subscribe__controls {
margin-top: 6px;
padding-right: 8px;
}
.rkd-m-footer-subscribe__confirm {
margin-top: 27px;
font-size: 14px;
line-height: 120%;
text-align: center;
color: #B37736;
}
.rkd-m-footer-subscribe__confirm a {
text-decoration: underline;
-webkit-text-decoration-color: #5730326e;
text-decoration-color: #5730326e;
color: #573032;
}
.rkd-mobile-nav {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 99999;
padding-top: 5px;
width: 100%;
height: 56px;
background-color: #6E4549;
}
.rkd-mobile-nav-el {
position: relative;
display: block;
}
.rkd-mobile-nav-el__icon {
display: block;
position: relative;
}
.rkd-mobile-nav-el__icon:after {
content: "";
position: absolute;
width: 36px;
height: 29.85px;
background-size: cover;
}
.rkd-mobile-nav-el.--catalog {
padding-left: 29px;
}
.rkd-mobile-nav-el.--catalog .rkd-mobile-nav-el__icon:after {
top: -1px;
background-image: url(/images/rkd-new-design/footer/rkd-footer-icon-search.png);
}
.rkd-mobile-nav-el__digit {
position: absolute;
top: 7px;
padding-left: 27px;
color: #CAA072;
font-weight: 600;
font-size: 16px;
line-height: 19px;
}
.rkd-mobile-nav-el__title {
position: absolute;
bottom: -46px;
left: 27px;
text-align: center;
color: #FFFFFF;
font-size: 10px;
line-height: 143.3%;
white-space: nowrap;
}
.rkd-mobile-nav-el.--cart {
padding-left: 29px;
}
.rkd-mobile-nav-el.--cart .rkd-mobile-nav-el__icon:after {
top: 1px;
left: -2px;
width: 25px;
height: 26px;
background-image: url(/images/rkd-new-design/footer/rkd-footer-icon-cart.png);
}
.rkd-mobile-nav-el.--cart .rkd-mobile-nav-el__title {
left: 20px;
}
.rkd-mobile-nav-el.--fav {
padding-left: 29px;
}
.rkd-mobile-nav-el.--fav .rkd-mobile-nav-el__icon:after {
top: 5px;
left: -11px;
width: 26.86px;
height: 22.83px;
background-image: url(/images/rkd-new-design/footer/rkd-footer-icon-fav.png);
}
.rkd-mobile-nav-el.--fav .rkd-mobile-nav-el__title {
left: 6.5px;
}
.rkd-mobile-nav-el.--fav .rkd-mobile-nav-el__digit {
padding-left: 20px;
}
.rkd-mobile-nav-el.--user {
padding-left: 29px;
}
.rkd-mobile-nav-el.--user .rkd-mobile-nav-el__icon:after {
left: -18.4px;
top: 2px;
width: 31.86px;
height: 32.26px;
background-image: url(/images/rkd-new-design/footer/rkd-footer-icon-user.png);
}
.rkd-mobile-nav-el.--user .rkd-mobile-nav-el__title {
left: -2px;
}
.rkd-mobile-nav-el.--user .rkd-mobile-nav-el__digit {
padding-left: 15.5px;
}
.rkd-popup-bg {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1000;
width: 100%;
height: 100%;
background-color: rgba(54, 35, 36, 0.8);
}
.rkd-popup {
position: fixed;
left: 50%;
top: 47.6%;
transform: translate(-50%, -50%);
z-index: 1001;
width: 66.6%;
padding: 60.79px 73.75px;
padding-bottom: 35px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
overflow: visible !important;
border-radius: 10px;
background-color: #FFFFFF;
box-shadow: 0px 5.54743px 16.6423px rgba(110, 69, 73, 0.5);
}
.rkd-popup .fancybox-close-small {
display: none;
}
@media (max-width: 1399.98px) {
.rkd-popup.--location {
padding: 36px;
}
.rkd-popup.--location .rkd-popup-list {
height: 38.2vh;
}
}
@media (min-width: 1200px) {
.rkd-popup {
width: 42.11%;
}
}
.rkd-popup__close-btn {
position: absolute;
right: -45px;
top: -41px;
width: 36px;
height: 36px;
border: 0;
background-color: transparent;
background-image: url(/images/rkd-new-design/popups/rkd-popup-times.png);
background-size: cover;
cursor: pointer;
}
@media (max-height: 772px) {
.rkd-popup__close-btn {
top: 20px;
}
}
.rkd-popup .rkd-popup-navbtn {
cursor: pointer;
}
.rkd-popup .rkd-popup-navbtn.--back {
position: absolute;
left: 22px;
top: 58px;
}
.rkd-popup .rkd-popup-navbtn.--back:after {
content: "";
position: absolute;
left: 10px;
top: 12px;
display: block;
width: 21.44px;
height: 16.12px;
background-image: url(/images/rkd-new-design/rkd-icon-arrow.png);
background-size: cover;
}
.rkd-popup__title {
position: relative;
color: #6E4549;
font-weight: bold;
font-size: 32px;
line-height: 120%;
}
.rkd-popup__actions {
float: right;
margin-top: 0;
padding-right: 3px;
}
@media (min-height: 768px) {
.rkd-popup__actions {
margin-top: 13px;
}
}
.rkd-popup-btn-space-between {
margin-left: 9px;
}
.rkd-popup-btn {
height: 50px;
padding: 0 50.3px;
border: 0;
border-radius: 6px;
background-color: #6CBF6C;
color: #FBF8EF;
font-weight: 600;
font-size: 16px;
line-height: 19px;
cursor: pointer;
}
.rkd-popup-btn[disabled] {
opacity: .6;
}
.rkd-popup-btn.--cancel {
padding: 0 54px;
background-color: #CAA072;
}
.rkd-popup-btn.--save,
.rkd-popup-btn.--call-me-up {
background-color: #6CBF6C;
}
.rkd-popup-btn.--call-me-up {
padding: 0 39.4px;
}
.rkd-popup-navbtn {
width: 39.38px;
height: 39.38px;
border: 0;
border-radius: 50%;
background-color: #FBF8EF;
}
.rkd-popup__title .rkd-city-popup-heading__city-block {
position: absolute;
right: 2.5px;
top: -28px;
}
.rkd-city-popup-heading__locate {
border: 0;
background-color: transparent;
color: #B37736;
font-size: 16px;
line-height: 120%;
cursor: pointer;
}
.rkd-city-popup-heading__city-title {
color: #B37736;
font-weight: 500;
font-size: 16px;
line-height: 120%;
text-align: right;
}
.rkd-city-popup-heading__city-name {
margin-left: 8.6px;
color: #6E4549;
font-weight: 600;
font-size: 16px;
line-height: 120%;
}
.rkd-city-popup-heading__city-change-container {
display: flex;
justify-content: flex-end;
margin-right: -2px;
margin-top: -1px;
}
.rkd-city-popup-heading__city-change-btn {
padding: 4px 12px;
border: 0;
border-radius: 10px;
background-color: #F9E2C8;
color: #B37736;
font-weight: 600;
font-size: 10px;
line-height: 12px;
cursor: pointer;
}
.rkd-popup__title .rkd-city-popup-heading__locate {
position: absolute;
left: -6px;
top: 41px;
}
@media (max-width: 1399.98px) {
.rkd-popup__title .rkd-city-popup-heading>span {
margin-top: 17px;
display: inline-block;
font-size: 24px;
}
.rkd-popup.--region .rkd-popup__title .rkd-city-popup-heading>span {
margin-top: 24px;
padding-left: 38px;
}
}
.rkd-popup-form {
padding: 0;
}
.rkd-popup-form__control:not(:first-child) {
margin-top: 0;
}
.rkd-popup-control__title {
display: block;
padding-left: 6.8px;
color: #B37736;
font-weight: bold;
font-size: 14px;
line-height: 143.3%;
}
.rkd-popup-control__note {
margin-top: 5px;
visibility: hidden;
text-align: right;
color: #6E4549;
font-size: 12px;
line-height: 112.5%;
}
.rkd-popup-control.--error .rkd-popup-control__note {
visibility: visible;
color: #DD2645;
}
.rkd-popup-control input[type=text],
.rkd-popup-control input[type=tel],
.rkd-popup-control input[type=number],
.rkd-popup-control textarea {
width: 100%;
padding: 12.6px 20px;
padding-left: 17.4px;
padding-top: 14.5px;
border: 1px solid #CAA072;
border-radius: 6px;
color: #573032;
font-size: 16px;
line-height: 120%;
}
.rkd-popup-control.--error input[type=text],
.rkd-popup-control.--error input[type=number],
.rkd-popup-control.--error input[type=tel],
.rkd-popup-control.--error textarea {
border-color: #DD2645;
}
.rkd-popup-control textarea {
min-height: 143.6px;
}
.rkd-popup-control input[type=text]::-moz-placeholder {
color: #573032;
font-size: 16px;
line-height: 120%;
}
.rkd-popup-control input[type=text]:-ms-input-placeholder {
color: #573032;
font-size: 16px;
line-height: 120%;
}
.rkd-popup-control input[type=text]::placeholder {
color: #573032;
font-size: 16px;
line-height: 120%;
}
@media (min-width: 768px) {
.rkd-popup-form__control:not(:first-child) {
color: #6E4549;
}
.rkd-popup-control__title {
padding-left: 13.8px;
color: #6E4549;
}
.rkd-popup-control textarea {
min-height: 185.6px;
}
}
@media (min-height: 768px) {
.rkd-popup-form__control:not(:first-child) {
margin-top: 13.6px;
}
}
.rkd-popup-list {
height: 467px;
overflow-y: scroll;
}
.rkd-popup-list li {
padding: 6px 19px;
cursor: pointer;
color: #6E4549;
font-size: 16px;
line-height: 19px;
}
.rkd-popup-list li:hover,
.rkd-popup-list li.--active {
background-color: #FBF8EF;
}
.rkd-popup-list li.--active {
font-weight: bold;
}
.rkd-city-btn {
padding: 9px 20px;
padding-right: 19px;
border: 0;
border-radius: 6px;
background-color: #F9E2C8;
color: #B37736;
font-weight: 600;
font-size: 12px;
line-height: 15px;
}
.rkd-city-btn.--active {
background-color: #DD2645;
font-weight: bold;
color: #fff;
}
.rkd-city-popup__heading {
position: relative;
}
.rkd-city-popup__control {
margin-top: 46px;
}
.rkd-city-popup__list {
margin-right: 2px;
margin-top: 16px;
}
.rkd-city-popup__popular-cities {
margin-top: 15px;
}
.rkd-city-popup__popular-cities .rkd-city-btn {
margin-right: 4.3px;
cursor: pointer;
}
.rkd-region-popup__control {
margin-top: 27px;
}
.rkd-region-popup__list {
margin-right: 2px;
margin-top: 16px;
}
.rkd-popup.--city-success {
min-width: 34.4%;
padding-top: 85px;
padding-bottom: 52.5px;
}
.rkd-popup.--city-success .rkd-popup__title {
text-align: center;
}
.rkd-popup.--city-success .rkd-popup__actions {
float: initial;
margin-top: 62px;
text-align: center;
}
.rkd-city-success-popup {
padding-top: 39px;
}
.rkd-city-success-popup__control {
margin-top: 27px;
}
.rkd-city-success-popup__list {
margin-right: 2px;
margin-top: 16px;
}
.rkd-city-success-popup__city-name {
color: #6E4549;
font-size: 24px;
line-height: 168%;
text-align: center;
}
.rkd-city-success-popup__region-name {
color: #B37736;
font-size: 24px;
line-height: 168%;
text-align: center;
}
.rkd-popup-form-success__uppertext {
text-align: center;
color: #6E4549;
font-weight: bold;
font-size: 26px;
line-height: 120%;
}
.rkd-popup-form-success__title {
margin-top: 44px;
text-align: center;
color: #B37736;
font-size: 16px;
line-height: 127.5%;
}
.rkd-popup-form-success__telnumber {
margin-top: 9px;
text-align: center;
color: #6E4549;
font-size: 32px;
line-height: 163%;
}
.rkd-mobile-modal.rkd-mobile-modal--mobile-city-popup .rkd-mobile-modal__content {
padding-top: 11px;
}
.rkd-mobile-modal.rkd-mobile-modal--mobile-city-popup .rkd-mobile-modal__heading {
margin-top: 11px;
}
.rkd-mobile-modal.rkd-mobile-modal--mobile-city-popup .rkd-mobile-modal__title {
padding-left: 3.3px;
color: #6E4549;
font-weight: bold;
font-size: 20px;
line-height: 120%;
}
.rkd-mobile-modal.rkd-mobile-modal--mobile-city-popup .rkd-mobile-modal-action__close {
right: 5px;
}
.rkd-mobile-modal.rkd-mobile-modal--mobile-city-popup .rkd-popup-form__region-choice {
margin-left: -6px;
margin-right: -2px;
}
.rkd-mobile-modal.rkd-mobile-modal--mobile-city-popup .rkd-popup-form__form-search {
margin-top: 17px;
}
.rkd-mobile-modal.rkd-mobile-modal--mobile-city-popup .rkd-popup-form__form-list {
margin-top: 22px;
}
.rkd-mobile-modal.rkd-mobile-modal--mobile-region-popup .rkd-mobile-modal__content {
padding-top: 11px;
}
.rkd-mobile-modal.rkd-mobile-modal--mobile-region-popup .rkd-mobile-modal__heading {
margin-top: 11px;
}
.rkd-mobile-modal.rkd-mobile-modal--mobile-region-popup .rkd-mobile-modal__title {
padding-left: 3.3px;
color: #6E4549;
font-weight: bold;
font-size: 20px;
line-height: 120%;
}
.rkd-mobile-modal.rkd-mobile-modal--mobile-region-popup .rkd-mobile-modal-action__close {
right: 5px;
}
.rkd-mobile-modal.rkd-mobile-modal--mobile-region-popup .rkd-popup-form__region-choice {
margin-left: -6px;
margin-right: -2px;
}
.rkd-mobile-modal.rkd-mobile-modal--mobile-region-popup .rkd-popup-form__form-search {
margin-top: 7px;
}
.rkd-mobile-modal.rkd-mobile-modal--mobile-region-popup .rkd-popup-form__form-list {
margin-top: 12px;
}
.rkd-mobile-modal.rkd-mobile-modal--mobile-region-popup .rkd-popup-form-list {
max-height: 62vh;
}
.rkd-popup-form-region-choice {
position: relative;
padding: 15px 12px 15px;
border-radius: 6px;
background-color: #FBF8EF;
}
.rkd-popup-form-region-choice__title {
color: #6E4549;
font-weight: bold;
font-size: 14px;
line-height: 17px;
}
.rkd-popup-form-region-choice__change-btn {
position: absolute;
right: 23px;
top: 16px;
border: 0;
text-align: right;
background-color: transparent;
color: #B37736;
font-weight: 600;
font-size: 12px;
line-height: 15px;
}
.rkd-popup-form-search {
position: relative;
border-bottom: 2px solid #CAA072;
}
.rkd-popup-form-search input {
width: 100%;
padding: 11px 0;
padding-left: 5px;
padding-right: 6px;
padding-bottom: 10px;
border: 0;
background-color: transparent;
color: #B37736;
font-size: 16px;
line-height: 120%;
}
.rkd-popup-form-search input::-moz-placeholder {
color: #B37736;
font-size: 16px;
line-height: 120%;
}
.rkd-popup-form-search input:-ms-input-placeholder {
color: #B37736;
font-size: 16px;
line-height: 120%;
}
.rkd-popup-form-search input::placeholder {
color: #B37736;
font-size: 16px;
line-height: 120%;
}
.rkd-popup-form-search:after {
content: "";
position: absolute;
right: 6px;
top: 11px;
width: 21px;
height: 21px;
background-image: url(/images/rkd-new-design/rkd-icon-catalog-search.png);
background-size: cover;
}
.rkd-popup-form-list {
max-height: 54vh;
overflow-y: scroll;
}
.rkd-popup-form-list ul {
padding-bottom: 135px;
}
.rkd-popup-form-list li {
padding: 18px 5px 14px;
color: #573032;
font-weight: 600;
font-size: 14px;
line-height: 120%;
}
/* .rkd-popup-form-list li:hover, */
.rkd-popup-form-list li.--selected {
border-radius: 6px;
background-color: #FBF8EF;
}
.rkd-mobile-modal.rkd-mobile-modal--mobile-region-popup .rkd-popup-form-list li {
padding: 19.5px 6px 14px;
font-weight: initial;
font-size: 16px;
line-height: 19px;
}
.rkd-mobile-modal.rkd-mobile-modal--mobile-region-popup .rkd-popup-form-list li b {
font-weight: 600;
font-size: 16px;
line-height: 19px;
}
.has-ripple {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.ripple {
display: block;
position: absolute;
pointer-events: none;
border-radius: 50%;
-webkit-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
background: #fff;
opacity: 1;
}
.ripple-animate {
-webkit-animation: ripple;
-o-animation: ripple;
animation: ripple;
}
@-webkit-keyframes ripple {
100% {
opacity: 0;
-webkit-transform: scale(2);
transform: scale(2);
}
}
@-o-keyframes ripple {
100% {
opacity: 0;
-o-transform: scale(2);
transform: scale(2);
}
}
@keyframes ripple {
100% {
opacity: 0;
transform: scale(2);
}
}
.rkd-header-onscroll-padding {
display: none;
}
.rkd-header-onscroll-padding+.container>.index-section {
margin-top: 83px;
}
@media (min-width: 768px) {
.rkd-header-onscroll-padding+.container>.index-section {
margin-top: 42.2px;
}
}
.order-0 {
order: 0 !important;
}
.order-1 {
order: 1 !important;
}
@media (min-width: 768px) {
.order-md-0 {
order: 0 !important;
}
.order-md-1 {
order: 1 !important;
}
}
#rkd-catalog-root {
transition: 500ms opacity ease;
}
#bx-soa-order-form .soa-nav-mobile {
bottom: 56px;
}
@media (min-width: 768px) {
.footer-index-margin {
margin-top: 80px;
}
}
.brown-line,
.top-delivery-list>a {
color: #b37836;
font-size: 12px;
font-weight: 700;
font-stretch: 100%;
text-size-adjust: 100%;
line-height: 18px
}
@media (max-width: 767.98px) {
.rkd-fav-empty-text {
text-align: center;
}
.main-slider-container {
margin-top: 60px;
}
.timecoupon-container {
margin-top: 80px !important;
}
}
.instant-reload-active [data-ajax-fetcher] {
opacity: .5;
}
[data-ajax-fetcher] {
transition: 400ms opacity ease;
opacity: 1;
}
.b24-widget-button-wrapper.b24-widget-button-wrapper {
bottom: 128px !important;
}
.oneclick-input-coupon {
margin-right: 15px;
}
.rkd-sticker-props__text-long-icon {
display: none !important;
}
.rkd-sticker__props.--text-long .rkd-sticker-props__text-long-icon {
display: none !important;
}
.rkd-sf-filter-apply__btn {
transition: 0.5s;
}
.rkd-sf-filter-apply__btn:hover {
color: #caa072;
}
.rkd-sticker .rkd-sticker__props {
display: block;
padding-left: 12px;
color: #8C6D70;
font-size: 12px;
}
.rkd-catalog__content-col p a {
text-decoration: underline;
}
.rkd-catalog__content-col p a:hover {
text-decoration: none;
}
.rkd-catalog__content-col p b {
font-weight: 700;
}
.all-catalog {
font-size: 15px;
text-decoration: underline;
}
.all-catalog:hover {
text-decoration: none;
}
@media (max-width: 400px) {
.main-slider-btn-brown__text {
font-size: 11px;
line-height: 14px;
}
}
.rating-area {
overflow: hidden;
width: 210px;
}
.rating-area:not(:checked)>input {
display: none;
}
.rating-area:not(:checked)>label {
float: right;
width: 42px;
padding: 0;
cursor: pointer;
font-size: 32px;
line-height: 32px;
color: lightgrey;
text-shadow: 1px 1px #bbb;
}
.rating-area:not(:checked)>label:before {
content: '★';
}
.rating-area>input:checked~label {
color: #dd2645;
text-shadow: 1px 1px #c60;
}
.rating-area:not(:checked)>label:hover,
.rating-area:not(:checked)>label:hover~label {
color: #dd2645;
}
.rating-area>input:checked+label:hover,
.rating-area>input:checked+label:hover~label,
.rating-area>input:checked~label:hover,
.rating-area>input:checked~label:hover~label,
.rating-area>label:hover~input:checked~label {
color: #dd2645;
text-shadow: 1px 1px goldenrod;
}
.rate-area>label:active {
position: relative;
}
.rating-result__block {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 5px;
}
.rating-result__block b {
font-weight: 700;
margin-right: 5px;
}
.rating-result {
width: 265px;
}
.rating-result span {
padding: 0;
font-size: 24px;
margin: 0 3px;
line-height: 1;
color: lightgrey;
text-shadow: 1px 1px #bbb;
}
.rating-result>span:before {
content: '★';
}
.rating-result>span.active {
color: #dd2645;
text-shadow: 1px 1px #c60;
}
/*общий прелоадер*/
.preloader {
/*фиксированное позиционирование*/
position: fixed;
/* координаты положения */
left: 0;
top: 0;
right: 0;
bottom: 0;
/* фоновый цвет элемента */
background: white;
opacity: 0.9;
/* размещаем блок над всеми элементами на странице (это значение должно быть больше, чем у любого другого позиционированного элемента на странице) */
z-index: 1001;
}
.preloader__row {
position: relative;
top: 50%;
left: 50%;
width: 70px;
height: 70px;
margin-top: -35px;
margin-left: -35px;
text-align: center;
animation: preloader-rotate 2s infinite linear;
}
.preloader__item {
position: absolute;
display: inline-block;
top: 0;
background-color: #4F332F;
border-radius: 100%;
width: 35px;
height: 35px;
animation: preloader-bounce 2s infinite ease-in-out;
}
.preloader__item:last-child {
top: auto;
bottom: 0;
animation-delay: -1s;
}
@keyframes preloader-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes preloader-bounce {
0%,
100% {
transform: scale(0);
}
50% {
transform: scale(1);
}
}
.loaded_hiding .preloader {
transition: 0.3s opacity;
opacity: 0;
}
.loaded .preloader {
display: none;
}
/* CSS-ripple (анимация: показ и сразу затухание) */
.has-ripple{
position:relative; overflow:hidden;
--ripple-color: currentColor; /* цвет волны */
--ripple-opacity: .45; /* контраст (0..1) */
--ripple-duration: .35s; /* скорость (меньше = быстрее) */
--ripple-scale-hover: 42; /* размер волны при наведении */
--ripple-scale-active: 28; /* размер волны при клике */
}
.has-ripple::after{
content:""; position:absolute; left:50%; top:50%;
width:12px; height:12px; border-radius:999px; pointer-events:none;
background: var(--ripple-color, rgba(0,0,0,.25));
opacity:0; transform: translate(-50%,-50%) scale(0.1);
}
/* Наведение: старт анимации, затем авто-затухание даже если курсор не ушёл */
.has-ripple:hover::after{
animation: ripple-hover var(--ripple-duration,.35s) linear;
}
/* Клик/тач: отдельная (чуть быстрее и меньше) */
.has-ripple:active::after{
animation: ripple-active calc(var(--ripple-duration,.35s)*.7) linear;
}
@keyframes ripple-hover{
0% {opacity:0; transform:translate(-50%,-50%) scale(0.1);}
25% {opacity:var(--ripple-opacity,.45);}
100% {opacity:0; transform:translate(-50%,-50%) scale(var(--ripple-scale-hover,42));}
}
@keyframes ripple-active{
0% {opacity:0; transform:translate(-50%,-50%) scale(0.1);}
30% {opacity:var(--ripple-opacity,.45);}
100% {opacity:0; transform:translate(-50%,-50%) scale(var(--ripple-scale-active,28));}
}
/* Доступность */
@media (prefers-reduced-motion: reduce){ .has-ripple::after{ animation:none !important } }