html {
font-size: 87.5%;
line-height: 1.15;
color: #474747;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-overflow-scrolling: touch;
}
body {
margin: 0;
font-size: 1rem;
line-height: 1.5;
font-family: 'ProximaNovaRg', 'Open Sans', 'Arial', sans-serif;
color: #474747;
-webkit-font-smoothing: antialiased;
moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
body * {
outline: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-focus-ring-color: rgba(255, 255, 255, 0);
-webkit-text-size-adjust: none;
}
article,
aside,
footer,
header,
nav,
section {
display: block;
}
figcaption,
figure,
main {
display: block;
}
figure {
margin-top: 0;
margin-bottom: 1.5rem;
}
img {
max-width: 100%;
height: auto;
vertical-align: middle;
border-style: none;
}
ul,
ol {
padding-left: 1rem;
}
audio,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
svg:not(:root) {
overflow: hidden;
}
details,
menu {
display: block;
}
summary {
display: list-item;
}
canvas {
display: inline-block;
}
template {
display: none;
}
[hidden] {
display: none;
}
iframe,
object,
embed {
display: block;
width: 100%;
border: none;
}
blockquote {
margin-bottom: 1.5rem;
margin-left: 0;
padding: 0.5rem 0.5rem 0.5rem 1rem;
font-size: 120%;
border-left: solid 0.4rem #000;
}
blockquote :last-child {
margin-bottom: 0;
}
input[name="asket"] {
position: absolute;
right: 5000px;
}
code {
padding: 0.2rem 0.4rem;
font-size: 90%;
font-family: Menlo, Consolas, "DejaVu Sans Mono", monospace;
color: #000;
background-color: #fff;
}
del {
color: #f44;
}
/* Headings */
:root {
/*~32*//*~26*//*~22*//*~18*//*~16*//*15*/
}
h1,
h2,
h3,
h4,
h5,
.h3,
h6, .h6 {
line-height: 1.2;
font-family: 'ProximaNovaBold';
color: #000;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited {
color: inherit;
}
h1,
h2,
h3,
.h3,
h4,
h5 {
margin: 1.42rem 0 0.714rem; /*~20px 0 10px*/
}
h1 {
font-size: 2.23rem;
}
h2 {
font-size: 1.85rem;
}
h3, .h3 {
font-size: 1.56rem;
}
h4 {
font-size: 1.3rem;
}
h5 {
font-size: 1.14rem;
}
h6, .h6 {
margin: 0.714rem 0;
font-size: 1.07rem;
}
.h5 {
line-height: 1.2;
font-family: 'ProximaNovaBold';
color: #000;
margin: 1.42rem 0 0.714rem;
font-size: 1.14rem;
}
.heading, .heading h3, .heading h1 {
font-weight: 400;
font-family: 'ProximaNovaRg';
color: #000;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.heading:first-child {
margin-top: 0;
}
/* Content styles */
p,
pre {
margin-top: 0;
margin-bottom: 1.5rem;
}
abbr[title] {
text-decoration: none;
border-bottom: dashed 2px currentcolor;
}
mark,
.mark {
padding: 0.2rem 0.4rem;
color: inherit;
background-color: #ffdc00;
}
dfn {
font-style: italic;
}
small {
font-size: 0.857rem;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
i,
em {
font-style: italic;
}
ins {
color: #2ecc40;
}
kbd {
padding: 0.2rem 0.4rem;
font-size: 90%;
font-family: Menlo, Consolas, "DejaVu Sans Mono", monospace;
color: white;
background-color: #000;
}
hr {
clear: both;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
height: 0;
margin: 1.5rem 0;
overflow: visible;
border: none;
border-top: solid 1px #000;
}
pre {
max-height: none;
margin-top: 0;
margin-bottom: 1.3rem;
padding: 1rem;
overflow-y: auto;
font-size: 1em;
font-family: Menlo, Consolas, "DejaVu Sans Mono", monospace;
color: #000;
background-color: #fff;
border-radius: 0;
}
p {
margin-bottom: 1.3rem;
}
::-webkit-input-placeholder {
color: #a8adb5;
}
:-ms-input-placeholder {
color: #a8adb5;
}
::-ms-input-placeholder {
color: #a8adb5;
}
::placeholder {
color: #a8adb5;
}
::-moz-selection {
color: white;
text-shadow: none !important;
background-color: #f44;
}
::selection {
color: white;
text-shadow: none !important;
background-color: #f44;
}
.capitalize {
text-transform: capitalize;
}
.strikethrough {
color: #a8adb5;
text-decoration: line-through;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html,
body {
height: 100%;
}
/*
html {
overflow-y: scroll;
}*/
@-ms-viewport {
width: device-width;
}
@-o-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
/*! Grid System
Forked from Bootstrap 4.
Copyright (c) 2011-2017 Twitter, Inc.
Copyright (c) 2011-2017 The Bootstrap Authors
Licensed under the MIT license.
*/
/* Containers */
.container,
.container-fluid {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 10px;
padding-left: 10px;
}
/* Rows */
.row,
.list_features,
.list_products,
.list_catalog {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -10px;
margin-left: -10px;
}
.row-flush {
margin-right: 0;
margin-left: 0;
}
.row-flush > .col,
.row-flush > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.row-start {
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
}
.row-center {
-webkit-justify-content: center;
justify-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
}
.row-end {
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
}
.row-around {
-webkit-justify-content: space-around;
justify-content: space-around;
-ms-flex-pack: distribute;
}
.row-between {
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
}
/* Columns */
.col,
.col-auto,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-sm,
.col-sm-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md,
.col-md-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg,
.col-lg-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-xl,
.col-xl-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
.col {
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
-ms-flex-preferred-size: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
}
.col-auto {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
-webkit-box-flex: 0;
}
.col-1 {
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
-webkit-box-flex: 0;
}
.col-2 {
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
-webkit-box-flex: 0;
}
.col-3 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
-webkit-box-flex: 0;
}
.col-4 {
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
-webkit-box-flex: 0;
}
.col-5 {
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
-webkit-box-flex: 0;
}
.col-6 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
-webkit-box-flex: 0;
}
.col-7 {
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
-webkit-box-flex: 0;
}
.col-8 {
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
-webkit-box-flex: 0;
}
.col-9 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
-webkit-box-flex: 0;
}
.col-10 {
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
-webkit-box-flex: 0;
}
.col-11 {
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
-webkit-box-flex: 0;
}
.col-12 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
-webkit-box-flex: 0;
}
.order-1 {
-webkit-order: 1;
order: 1;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
}
.order-2 {
-webkit-order: 2;
order: 2;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
}
.order-3 {
-webkit-order: 3;
order: 3;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
}
.order-4 {
-webkit-order: 4;
order: 4;
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
}
.order-5 {
-webkit-order: 5;
order: 5;
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
}
.order-6 {
-webkit-order: 6;
order: 6;
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
}
.order-7 {
-webkit-order: 7;
order: 7;
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
}
.order-8 {
-webkit-order: 8;
order: 8;
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
}
.order-9 {
-webkit-order: 9;
order: 9;
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
}
.order-10 {
-webkit-order: 10;
order: 10;
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
}
.order-11 {
-webkit-order: 11;
order: 11;
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
}
.order-12 {
-webkit-order: 12;
order: 12;
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
}
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
/* Text color */
.text-primary {
color: #f44 !important;
}
.text-secondary {
color: #999 !important;
}
.text-success {
color: #2ecc40 !important;
}
.text-success {
color: #2ecc40 !important;
}
.text-info {
color: #39cccc !important;
}
.text-warning {
color: #ff851b !important;
}
.text-danger {
color: #f44 !important;
}
.text-light {
color: white !important;
}
.text-dark {
color: #000 !important;
}
/* Text style */
.text-small {
font-size: 0.857rem !important;
}
.text-bold {
font-weight: 700 !important;
}
.text-italic {
font-style: italic !important;
}
.text-muted {
color: #a8adb5 !important;
}
/* Text alignment */
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.text-justify {
text-align: justify !important;
}
/* Text case */
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
/* Text wrapping */
.text-nowrap {
white-space: nowrap !important;
}
/* Background utilities */
.bg-primary {
background-color: #f44 !important;
}
.bg-secondary {
background-color: #999 !important;
}
.bg-success {
background-color: #2ecc40 !important;
}
.bg-info {
background-color: #39cccc !important;
}
.bg-warning {
background-color: #ff851b !important;
}
.bg-danger {
background-color: #f44 !important;
}
.bg-light {
background-color: white !important;
}
.bg-dark {
background-color: #000 !important;
}
/* Display utilities */
.hide {
display: none !important;
}
.hidden {
visibility: hidden;
}
/* visually hidden element */
.visuallyhidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
clip: rect(0 0 0 0);
}
.js-more-link {
display: inline-block;
margin-left: 10px;
}
.js-more-content span {
display: none;
}
/* Float utilities */
.clearfix:before,
.clearfix:after {
content: '';
display: table;
}
.clearfix:after {
clear: both;
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.image-left,
.image-right {
max-width: 100%;
}
.image-left {
float: left;
margin: 5px 15px 0 0;
}
.image-right {
float: right;
margin: 5px 0 0 15px;
}
/* Spacing utilities */
.no-padding {
padding: 0;
}
.no-margin {
margin: 0;
}
/* full witdh */
.is-full {
width: 100%;
}
/* Webkit scrollbar */
.ui-scroll {
overflow-x: hidden;
overflow-y: auto;
}
.ui-scroll::-webkit-scrollbar {
width: 5px;
}
.ui-scroll::-webkit-scrollbar-track {
background: #ccc;
}
.ui-scroll::-webkit-scrollbar-thumb {
background-color: #a3a3a3;
}
.ui-scroll::-webkit-scrollbar-thumb:window-inactive {
background: rgba(51, 51, 51, 0.7);
}
/* Message for update old browser */
.buorg {
font-size: 0.857rem;
line-height: 1;
text-align: left;
color: #000;
background: #ccc no-repeat 1em 0.55em url(http://browser-update.org/img/dialog-warning.gif);
border-bottom: 1px solid #000;
cursor: pointer;
}
.buorg a {
font-size: 0.857rem;
color: #474747;
}
.buorg a:hover,
.buorg a:active {
color: rgba(71, 71, 71, 0.9);
}
.buorg a:visited {
color: rgb(66, 66, 66);
}
/* animation */
.fadeIn {
-webkit-animation: fadein 2s;
-o-animation: fadein 2s;
animation: fadein 2s;
}
.fadeOut {
-webkit-animation: fadeout 2s;
-o-animation: fadeout 2s;
animation: fadeout 2s;
}
@-webkit-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-o-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadeout {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-o-keyframes fadeout {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeout {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.spinner {
width: 28px;
height: 28px;
border: 3px solid #fff;
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: rotate 0.8s infinite linear;
-o-animation: rotate 0.8s infinite linear;
animation: rotate 0.8s infinite linear;
}
@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes rotate {
0% {
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* Svg symbol icons
@import '../../../tmp/icons-template';*/
/* Modules */
.article_info {
font-family: 'ProximaNovaLight';
color: #5f6369;
}
.article_info p {
margin: 0 0 45px 15px;
}
.article_info p:last-child {
margin-bottom: 0;
}
.breadcrumbs {
margin: 0 0 10px;
padding: 0;
list-style: none;
}
.breadcrumbs__item {
display: inline-block;
padding: 0 3px 0 0;
}
.breadcrumbs__item::before {
content: "/";
color: #aaa;
}
.breadcrumbs__item:first-child .breadcrumbs__link,
.breadcrumbs__item:first-child span {
padding-left: 0;
}
.breadcrumbs__item:first-child::before {
content: none;
}
.breadcrumbs__link,
.breadcrumbs span {
padding-left: 3px;
font-size: 12px;
}
.breadcrumbs__link {
color: #474747;
}
.breadcrumbs__link:hover {
color: #474747;
}
.breadcrumbs .breadcrumbs__item > span {
color: #a7afb7;
}
/* Buttons styling and modifiers */
button,
.button {
margin: 0;
font-weight: inherit;
font-family: inherit;
vertical-align: top;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
cursor: pointer;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
a.button {
text-decoration: none;
}
.button {
display: inline-block;
padding: 0 0.75rem; /* ems for relative sizing */
font-size: 13px;
line-height: 38px;
vertical-align: middle;
text-align: center;
text-transform: uppercase;
border-width: 1px;
border-style: solid;
-webkit-transition: 0.25s all ease-out;
-o-transition: 0.25s all ease-out;
transition: 0.25s all ease-out;
}
.button:hover {
color: white;
text-decoration: none;
}
.button:focus {
outline: none;
}
.button:disabled,
.button.disabled {
text-decoration: none;
cursor: not-allowed;
opacity: 0.5;
opacity: 0.5;
}
/* Sizes */
.button_sm {
height: 30px;
line-height: 28px;
}
.button_md {
height: 45px;
line-height: 43px;
}
.button_lg {
height: 50px;
padding: 0 2.2rem;
line-height: 48px;
}
/* Variations */
.button_brand {
color: white;
background-color: #f44;
border-color: #f44;
}
.button_success {
color: white;
background-color: #2ecc40;
border-color: #2ecc40;
}
.button_success:hover {
color: white;
}
.button_info {
color: white;
background-color: #39cccc;
border-color: #39cccc;
}
.button_info:hover {
color: white;
}
.button_warning {
color: white;
background-color: #ff851b;
border-color: #ff851b;
}
.button_warning:hover {
color: white;
}
.button_danger {
color: white;
background-color: #f44;
border-color: #f44;
}
.button_danger:hover {
color: white;
}
.button_grey {
color: #6a7074;
background-color: #e4ecef;
border-color: #e4ecef;
}
.button_grey:hover {
color: #878b92;
}
.button_bordered-grey {
color: rgba(71, 71, 71, 0.6);
text-transform: uppercase;
letter-spacing: 0.35px;
background-color: transparent;
border: 1px solid rgba(106, 100, 114, 0.6);
}
.button_bordered-grey:hover {
color: #878b92;
}
.button_bordered-blue {
color: #09f;
letter-spacing: 0.33px;
background-color: transparent;
border: 1px solid #09f;
}
.button_bordered-blue:hover {
color: #09f;
}
.button_light {
color: #000;
background-color: rgb(230, 230, 230);
border-color: rgb(230, 230, 230);
}
.button_light:hover {
color: #000;
}
.button_dark {
color: white;
background-color: rgb(25, 25, 25);
border-color: rgb(25, 25, 25);
}
.button_dark:hover {
color: white;
}
.button_rounded {
border-radius: 25px;
}
/* Block buttons */
.button_block {
display: block;
width: 100% !important;
}
/* Link buttons */
.button_link {
color: #f44;
text-decoration: none;
background-color: transparent;
border-color: transparent;
}
.button_link:hover,
.button_link:focus {
color: #f44;
background-color: transparent;
border-color: transparent;
}
.button-more {
padding: 0;
line-height: 1;
border: 0;
}
.button-more span {
display: inline-block;
width: 5px;
height: 5px;
margin-right: 1px;
background-color: #fff;
border-radius: 50%;
}
.button-buy {
display: inline-block;
height: 33px;
padding: 0 12px;
font-size: 13px;
line-height: 1;
color: #f44;
text-transform: uppercase;
background-color: transparent;
border-radius: 50px;
}
.button-buy .icon {
margin-right: 6px;
font-size: 16px;
}
.button-buy:hover,
.button-buy:active {
color: #fff;
background-color: #f44;
}
.button-buy:disabled,
.button-buy.disabled {
text-decoration: none;
cursor: default;
opacity: 0.5;
pointer-events: none;
}
.button-buy.activated {
color: #fff;
text-transform: none;
background-color: #297edc;
}
.button-buy_lg {
height: 60px;
font-size: 15px;
line-height: 56px;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.75px;
background-color: #f52b2c;
border-radius: 0;
}
.button-buy_grey {
color: #83878a;
background-color: transparent;
border: 1px solid #83878a;
}
.card .button-buy_grey {
border: none;
}
.button-buy_grey:hover,
.button-buy_grey:active {
color: #83878a;
background-color: transparent;
}
.button-favorite {
display: inline-block;
width: 33px;
height: 33px;
line-height: 1;
vertical-align: middle;
text-align: center;
color: #f44;
background-color: transparent;
border-radius: 100%;
}
.button-favorite:hover,
.button-favorite:active,
.button-favorite.active {
color: #fff;
background-color: #f44;
}
/* button slide menu out open/close */
.button-toggle {
display: inline-block;
width: 20px;
height: 20px;
padding: 0;
vertical-align: middle;
}
.button-toggle span {
display: block;
width: 100%;
height: 2px;
background-color: #f44;
border-radius: 0;
}
.button-toggle span + span {
margin-top: 4px;
}
/*pagination*/
.bx-pagination {
padding: 20px 0;
text-align: left;
border-top: 1px solid #d6d6d6;
border-bottom: 1px solid #d6d6d6;
}
.bx-pagination ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;
list-style: none;
}
.bx-pagination ul li {
display: inline-block;
margin: 0 3px;
}
.bx-pagination ul li a,
.bx-pagination ul li span {
display: inline-block;
width: 26px;
height: 26px;
line-height: 26px;
text-align: center;
color: #737f96;
}
.bx-pagination ul li a {
text-decoration: none;
}
.bx-pagination ul li a:hover {
color: #fff;
background-color: #f44;
border-radius: 50%;
}
.bx-pagination ul li.bx-active span {
color: #fff;
background-color: #f44;
border-radius: 50%;
}
.bx-pagination ul li.bx-pag-prev {
margin: 0 auto 0 0;
}
.bx-pagination ul li.bx-pag-next {
margin: 0 0 0 auto;
}
.bx-pagination ul li.bx-pag-prev a::before,
.bx-pagination ul li.bx-pag-prev span::before,
.bx-pagination ul li.bx-pag-next a::after,
.bx-pagination ul li.bx-pag-next span::after {
content: '';
display: inline-block;
width: 6px;
height: 12px;
vertical-align: middle;
background-image: url(../images/next.svg);
background-repeat: no-repeat;
background-position: 50% 50%;
-webkit-background-size: contain;
background-size: contain;
}
.bx-pagination ul li.bx-pag-prev a::before,
.bx-pagination ul li.bx-pag-prev span::before {
margin-right: 5px;
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.bx-pagination ul li.bx-pag-next a::after,
.bx-pagination ul li.bx-pag-next span::after {
margin-left: 5px;
}
.bx-pagination ul li.bx-pag-next span,
.bx-pagination ul li.bx-pag-prev span {
color: #a7afb7;
}
.bx-pagination ul li.bx-pag-next a,
.bx-pagination ul li.bx-pag-prev a,
.bx-pagination ul li.bx-pag-next span,
.bx-pagination ul li.bx-pag-prev span {
width: auto;
height: auto;
text-align: left;
}
.bx-pagination ul li.bx-pag-next a:hover,
.bx-pagination ul li.bx-pag-prev a:hover {
color: #737f96;
text-decoration: underline;
background: none;
border-radius: 0;
}
/*smart filter*/
@font-face {
font-weight: 400;
font-family: 'RoubleArial';
src: url("data:font/truetype;base64,AAEAAAAQAQAABAAATFRTSAM8AgsAAAIMAAAADU9TLzJniF9NAAABiAAAAGBWRE1Ybm52mQAAAhwAAAXgY21hcAl/E/EAAAkYAAABJGN2dCAAFAAAAAALyAAAAAZmcGdtBlmcNwAACjwAAAFzZ2x5ZhX5T20AAAvQAAABSGhkbXgFN29VAAAH/AAAARxoZWFkA2yHgwAAAQwAAAA2aGhlYQeHA4MAAAFEAAAAJGhtdHgItwCeAAAB6AAAACRsb2NhAUgBSAAADRgAAAAUbWF4cAIWAZkAAAFoAAAAIG5hbWVNQun4AAANLAAAATtwb3N0+R8+aAAADmgAAABRcHJlcBz8fZwAAAuwAAAAFgABAAAAAQAAYsvmyF8PPPUAGQPoAAAAANBQc58AAAAA0FLQQgCeAAAC/wK8AAAACQACAAAAAAAAAAEAAAMg/zgAyAPoAJ4AWQL/AAEAAAAAAAAAAAAAAAAAAAAJAAEAAAAJACUAAgAAAAAAAQAAAAAACgAAAgABcwAAAAAAAwE+AZAABQAAArwCigAAAIwCvAKKAAAB3QAyAPoAAAIAAAAAAAAAAAAAAAIBAAAAAAAAAAAAAAAAUFlSUwBAAAAEQwMg/zgAyAK8AAAAAAABAAAAAAGQAyAAAAAgAAAASwAAA+gAAAAAAAAASwAAAEsAAANYAJ4ASwAAAEsAAAAAAAAAAAAJAQEBAQE7AQEBAAAAAAAAAQABAQEBAQAMAPgI/wAIAAYAAAAJAAcAAAAKAAcAAAALAAgAAAAMAAkAAAANAAoAAAAOAAoAAAAPAAsAAAAQAAwAAAARAAwAAAASAA0AAAATAA4AAAAUAA4AAAAVAA8AAAAWABAAAAAXABEAAAAYABEAAAAZABIAAAAaABMAAAAbABMAAAAcABQAAAAdABUAAAAeABUAAAAfABYAAAAgABcAAAAhABgAAAAiABgAAAAjABkAAAAkABoAAAAlABoAAAAmABsAAAAnABwAAAAoABwAAAApAB0AAAAqAB4AAAArAB8AAAAsAB8AAAAtACAAAAAuACEAAAAvACEAAAAwACIAAAAxACMAAAAyACMAAAAzACQAAAA0ACUAAAA1ACYAAAA2ACYAAAA3ACcAAAA4ACgAAAA5ACgAAAA6ACkAAAA7ACoAAAA8ACoAAAA9ACsAAAA+ACwAAAA/AC0AAABAAC0AAABBAC4AAABCAC8AAABDAC8AAABEADAAAABFADEAAABGADEAAABHADIAAABIADMAAABJADQAAABKADQAAABLADUAAABMADYAAABNADYAAABOADcAAABPADgAAABQADgAAABRADkAAABSADoAAABTADsAAABUADsAAABVADwAAABWAD0AAABXAD0AAABYAD4AAABZAD8AAABaAD8AAABbAEAAAABcAEEAAABdAEIAAABeAEIAAABfAEMAAABgAEQAAABhAEQAAABiAEUAAABjAEYAAABkAEYAAABlAEcAAABmAEgAAABnAEkAAABoAEkAAABpAEoAAABqAEsAAABrAEsAAABsAEwAAABtAE0AAABuAE0AAABvAE4AAABwAE8AAABxAFAAAAByAFAAAABzAFEAAAB0AFIAAAB1AFIAAAB2AFMAAAB3AFQAAAB4AFQAAAB5AFUAAAB6AFYAAAB7AFcAAAB8AFcAAAB9AFgAAAB+AFkAAAB/AFkAAACAAFoAAACBAFsAAACCAFsAAACDAFwAAACEAF0AAACFAF4AAACGAF4AAACHAF8AAACIAGAAAACJAGAAAACKAGEAAACLAGIAAACMAGIAAACNAGMAAACOAGQAAACPAGUAAACQAGUAAACRAGYAAACSAGcAAACTAGcAAACUAGgAAACVAGkAAACWAGkAAACXAGoAAACYAGsAAACZAGwAAACaAGwAAACbAG0AAACcAG4AAACdAG4AAACeAG8AAACfAHAAAACgAHAAAAChAHEAAACiAHIAAACjAHMAAACkAHMAAAClAHQAAACmAHUAAACnAHUAAACoAHYAAACpAHcAAACqAHcAAACrAHgAAACsAHkAAACtAHoAAACuAHoAAACvAHsAAACwAHwAAACxAHwAAACyAH0AAACzAH4AAAC0AH4AAAC1AH8AAAC2AIAAAAC3AIEAAAC4AIEAAAC5AIIAAAC6AIMAAAC7AIMAAAC8AIQAAAC9AIUAAAC+AIUAAAC/AIYAAADAAIcAAADBAIgAAADCAIgAAADDAIkAAADEAIoAAADFAIoAAADGAIsAAADHAIwAAADIAIwAAADJAI0AAADKAI4AAADLAI8AAADMAI8AAADNAJAAAADOAJEAAADPAJEAAADQAJIAAADRAJMAAADSAJMAAADTAJQAAADUAJUAAADVAJYAAADWAJYAAADXAJcAAADYAJgAAADZAJgAAADaAJkAAADbAJoAAADcAJoAAADdAJsAAADeAJwAAADfAJ0AAADgAJ0AAADhAJ4AAADiAJ8AAADjAJ8AAADkAKAAAADlAKEAAADmAKEAAADnAKIAAADoAKMAAADpAKQAAADqAKQAAADrAKUAAADsAKYAAADtAKYAAADuAKcAAADvAKgAAADwAKgAAADxAKkAAADyAKoAAADzAKsAAAD0AKsAAAD1AKwAAAD2AK0AAAD3AK0AAAD4AK4AAAD5AK8AAAD6AK8AAAD7ALAAAAD8ALEAAAD9ALIAAAD+ALIAAAD/ALMAAAAAABcAAAAMCQkBCQABAQgBAQAACgoBCgABAQkBAQAACwsBCwABAQkBAQAADAwBDAABAQoBAQAADQ0BDQABAQsBAQAADw8BDwABAQwBAQAAEBABEAABAQ4BAQAAEREBEQABAQ8BAQAAExMBEwABAREBAQAAFRUCFQACAhICAgAAGBgCGAACAhQCAgAAGxsCGwACAhcCAgAAHR0CHQACAhoCAgAAICACIAACAhwCAgAAISECIQACAhwCAgAAJSUDJQADAx8DAwAAKioDKgADAyQDAwAALi4DLgADAycDAwAAMjIEMgAEBCsEBAAANjYENgAEBC4EBAAAOjoEOgAEBDEEBAAAQ0MFQwAFBTkFBQAAS0sGSwAGBkAGBgAAAAAAAwAAAAMAAADUAAEAAAAAABwAAwABAAAAhAAGAGgAAAAAAC8AAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAQAUAAAABAAEAADAAAAAAANACAALgQxBEAEQ///AAAAAAANACAALgQxBEAEQ///AAH/9f/j/9b71PvG+8QAAQAAAAAAAAAAAAAAAAAAAAAABABQAAAAEAAQAAMAAAAAAA0AIAAuBDEEQARD//8AAAAAAA0AIAAuBDEEQARD//8AAf/1/+P/1vvU+8b7xAABAAAAAAAAAAAAAAAAAAAAALgAACxLuAAJUFixAQGOWbgB/4W4AEQduQAJAANfXi24AAEsICBFaUSwAWAtuAACLLgAASohLbgAAywgRrADJUZSWCNZIIogiklkiiBGIGhhZLAEJUYgaGFkUlgjZYpZLyCwAFNYaSCwAFRYIbBAWRtpILAAVFghsEBlWVk6LbgABCwgRrAEJUZSWCOKWSBGIGphZLAEJUYgamFkUlgjilkv/S24AAUsSyCwAyZQWFFYsIBEG7BARFkbISEgRbDAUFiwwEQbIVlZLbgABiwgIEVpRLABYCAgRX1pGESwAWAtuAAHLLgABiotuAAILEsgsAMmU1iwQBuwAFmKiiCwAyZTWCMhsICKihuKI1kgsAMmU1gjIbgAwIqKG4ojWSCwAyZTWCMhuAEAioobiiNZILADJlNYIyG4AUCKihuKI1kguAADJlNYsAMlRbgBgFBYIyG4AYAjIRuwAyVFIyEjIVkbIVlELbgACSxLU1hFRBshIVktALgAACsAugABAAEAByu4AAAgRX1pGEQAAAAUAAAAAAAAAAIAngAAAv8CvAAZACQA3rgAJS+4AB4vuAAlELgAAdC4AAEvQQUA2gAeAOoAHgACXUEbAAkAHgAZAB4AKQAeADkAHgBJAB4AWQAeAGkAHgB5AB4AiQAeAJkAHgCpAB4AuQAeAMkAHgANXbgAHhC4AAncuAABELgAGty4AA3QuAAaELgAEdC4AAEQuAAT0LgAARC4ABfQuAAJELgAJtwAuAAARVi4ABIvG7kAEgABPlm6AAMAIwADK7oADwAQAAMrugAbAAwAAyu4ABsQuAAA0LgAAC+4ABAQuAAU0LgADxC4ABbQuAAMELgAGNAwMRMzESEyFx4CFRQGKwEVIRUhFSM1IzUzNSM3MzI2NTQmJyYrAZ5LAQpFJDRGKXCUtgGD/n1cS0tLp7dZTC0kGD61AW4BTgYJMFY0Wn0+UI6OUD5UQz0sPQoHAAAAAAAAAAAAAAAAAACkAKQApACkAAAADACWAAEAAAAAAAEACAAAAAEAAAAAAAIABwAIAAEAAAAAAAMAEwAPAAEAAAAAAAQACAAiAAEAAAAAAAUABQAqAAEAAAAAAAYACAAvAAMAAQQJAAEAEAA3AAMAAQQJAAIADgBHAAMAAQQJAAMAJgBVAAMAAQQJAAQAEAB7AAMAAQQJAAUACgCLAAMAAQQJAAYAEACVQnJpYWxSdWJSZWd1bGFyMS4wMDA7cHlycztBcmlhbFJ1YkFyaWFsUnViMS4wMDBBcmlhbFJ1YgBCAHIAaQBhAGwAUgB1AGIAUgBlAGcAdQBsAGEAcgAxAC4AMAAwADAAOwBwAHkAcgBzADsAQgByAGkAYQBsAFIAdQBiAEIAcgBpAGEAbABSAHUAYgAxAC4AMAAwADAAQgByAGkAYQBsAFIAdQBiAAACAAAAAAAA/7UAMgAAAAAAAAAAAAAAAAAAAAAAAAAAAAkAAAALAAIAAwARAQIBAwEEAQUHdW5pMDQzMQd1bmkwNDQwB3VuaTA0NDMETlVMTAAAAA==") format("truetype");
}
@font-face {
font-weight: 700;
font-family: 'RoubleArial';
src: url("data:font/truetype;base64,AAEAAAAQAQAABAAATFRTSAN3AgwAAAIQAAAADk9TLzJotF+SAAABiAAAAGBWRE1Ybm52mQAAAiAAAAXgY21hcAl/E/EAAAkcAAABJGN2dCAAFAAAAAALzAAAAAZmcGdtBlmcNwAACkAAAAFzZ2x5Zp8dTugAAAvUAAACwGhkbXgFN3HGAAAIAAAAARxoZWFkA2OHDgAAAQwAAAA2aGhlYQd+A4kAAAFEAAAAJGhtdHgMGQEqAAAB6AAAAChsb2NhAsABYAAADpQAAAAWbWF4cAIXAZwAAAFoAAAAIG5hbWVNQun4AAAOrAAAATtwb3N0Pjb5lgAAD+gAAABTcHJlcBz8fZwAAAu0AAAAFgABAAAAAQAAufRle18PPPUAGQPoAAAAANBQc58AAAAA0FLPzQCVAAAC/wK8AAAACQACAAAAAAAAAAEAAAMg/zgAyAPoAJUAXgL/AAEAAAAAAAAAAAAAAAAAAAAKAAEAAAAKACgAAgAAAAAAAQAAAAAACgAAAgABcwAAAAAAAwGDArwABQAAArwCigAAAIwCvAKKAAAB3QAyAPoAAAIAAAAAAAAAAAAAAAIBAAAAAAAAAAAAAAAAUFlSUwBAAAAEQwMg/zgAyAK8AAAAAAABAAAAAAGQAyAAAAAgAAAASwAAA+gAAAAAAAAASwAAAEsAAANdAJUASwAAAEsAAAAAAAADXQCVAAAACgEBAQEBOwEBATsAAAAAAAEAAQEBAQEADAD4CP8ACAAGAAAACQAHAAAACgAHAAAACwAIAAAADAAJAAAADQAKAAAADgAKAAAADwALAAAAEAAMAAAAEQAMAAAAEgANAAAAEwAOAAAAFAAOAAAAFQAPAAAAFgAQAAAAFwARAAAAGAARAAAAGQASAAAAGgATAAAAGwATAAAAHAAUAAAAHQAVAAAAHgAVAAAAHwAWAAAAIAAXAAAAIQAYAAAAIgAYAAAAIwAZAAAAJAAaAAAAJQAaAAAAJgAbAAAAJwAcAAAAKAAcAAAAKQAdAAAAKgAeAAAAKwAfAAAALAAfAAAALQAgAAAALgAhAAAALwAhAAAAMAAiAAAAMQAjAAAAMgAjAAAAMwAkAAAANAAlAAAANQAmAAAANgAmAAAANwAnAAAAOAAoAAAAOQAoAAAAOgApAAAAOwAqAAAAPAAqAAAAPQArAAAAPgAsAAAAPwAtAAAAQAAtAAAAQQAuAAAAQgAvAAAAQwAvAAAARAAwAAAARQAxAAAARgAxAAAARwAyAAAASAAzAAAASQA0AAAASgA0AAAASwA1AAAATAA2AAAATQA2AAAATgA3AAAATwA4AAAAUAA4AAAAUQA5AAAAUgA6AAAAUwA7AAAAVAA7AAAAVQA8AAAAVgA9AAAAVwA9AAAAWAA+AAAAWQA/AAAAWgA/AAAAWwBAAAAAXABBAAAAXQBCAAAAXgBCAAAAXwBDAAAAYABEAAAAYQBEAAAAYgBFAAAAYwBGAAAAZABGAAAAZQBHAAAAZgBIAAAAZwBJAAAAaABJAAAAaQBKAAAAagBLAAAAawBLAAAAbABMAAAAbQBNAAAAbgBNAAAAbwBOAAAAcABPAAAAcQBQAAAAcgBQAAAAcwBRAAAAdABSAAAAdQBSAAAAdgBTAAAAdwBUAAAAeABUAAAAeQBVAAAAegBWAAAAewBXAAAAfABXAAAAfQBYAAAAfgBZAAAAfwBZAAAAgABaAAAAgQBbAAAAggBbAAAAgwBcAAAAhABdAAAAhQBeAAAAhgBeAAAAhwBfAAAAiABgAAAAiQBgAAAAigBhAAAAiwBiAAAAjABiAAAAjQBjAAAAjgBkAAAAjwBlAAAAkABlAAAAkQBmAAAAkgBnAAAAkwBnAAAAlABoAAAAlQBpAAAAlgBpAAAAlwBqAAAAmABrAAAAmQBsAAAAmgBsAAAAmwBtAAAAnABuAAAAnQBuAAAAngBvAAAAnwBwAAAAoABwAAAAoQBxAAAAogByAAAAowBzAAAApABzAAAApQB0AAAApgB1AAAApwB1AAAAqAB2AAAAqQB3AAAAqgB3AAAAqwB4AAAArAB5AAAArQB6AAAArgB6AAAArwB7AAAAsAB8AAAAsQB8AAAAsgB9AAAAswB+AAAAtAB+AAAAtQB/AAAAtgCAAAAAtwCBAAAAuACBAAAAuQCCAAAAugCDAAAAuwCDAAAAvACEAAAAvQCFAAAAvgCFAAAAvwCGAAAAwACHAAAAwQCIAAAAwgCIAAAAwwCJAAAAxACKAAAAxQCKAAAAxgCLAAAAxwCMAAAAyACMAAAAyQCNAAAAygCOAAAAywCPAAAAzACPAAAAzQCQAAAAzgCRAAAAzwCRAAAA0ACSAAAA0QCTAAAA0gCTAAAA0wCUAAAA1ACVAAAA1QCWAAAA1gCWAAAA1wCXAAAA2ACYAAAA2QCYAAAA2gCZAAAA2wCaAAAA3ACaAAAA3QCbAAAA3gCcAAAA3wCdAAAA4ACdAAAA4QCeAAAA4gCfAAAA4wCfAAAA5ACgAAAA5QChAAAA5gChAAAA5wCiAAAA6ACjAAAA6QCkAAAA6gCkAAAA6wClAAAA7ACmAAAA7QCmAAAA7gCnAAAA7wCoAAAA8ACoAAAA8QCpAAAA8gCqAAAA8wCrAAAA9ACrAAAA9QCsAAAA9gCtAAAA9wCtAAAA+ACuAAAA+QCvAAAA+gCvAAAA+wCwAAAA/ACxAAAA/QCyAAAA/gCyAAAA/wCzAAAAAAAXAAAADAkJAQkAAQEIAQEACAoKAQoAAQEIAQEACAsLAQsAAQEKAQEACgwMAQwAAQEKAQEACg0NAQ0AAQELAQEACw8PAQ8AAQEMAQEADBAQARAAAQEOAQEADhERAREAAQEPAQEADxMTARMAAQERAQEAERUVAhUAAgISAgIAEhgYAhgAAgIVAgIAFRsbAhsAAgIYAgIAGB0dAh0AAgIZAgIAGSAgAiAAAgIcAgIAHCEhAiEAAgIdAgIAHSUlAyUAAwMfAwMAHyoqAyoAAwMkAwMAJC4uAy4AAwMoAwMAKDIyBDIABAQrBAQAKzY2BDYABAQvBAQALzo6BDoABAQxBAQAMUNDBUMABQU6BQUAOktLBksABgZBBgYAQQAAAAMAAAADAAAA1AABAAAAAAAcAAMAAQAAAIQABgBoAAAAAAAvAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAEAFAAAAAQABAAAwAAAAAADQAgAC4EMQRABEP//wAAAAAADQAgAC4EMQRABEP//wAB//X/4//W+9T7xvvEAAEAAAAAAAAAAAAAAAAAAAAAAAQAUAAAABAAEAADAAAAAAANACAALgQxBEAEQ///AAAAAAANACAALgQxBEAEQ///AAH/9f/j/9b71PvG+8QAAQAAAAAAAAAAAAAAAAAAAAC4AAAsS7gACVBYsQEBjlm4Af+FuABEHbkACQADX14tuAABLCAgRWlEsAFgLbgAAiy4AAEqIS24AAMsIEawAyVGUlgjWSCKIIpJZIogRiBoYWSwBCVGIGhhZFJYI2WKWS8gsABTWGkgsABUWCGwQFkbaSCwAFRYIbBAZVlZOi24AAQsIEawBCVGUlgjilkgRiBqYWSwBCVGIGphZFJYI4pZL/0tuAAFLEsgsAMmUFhRWLCARBuwQERZGyEhIEWwwFBYsMBEGyFZWS24AAYsICBFaUSwAWAgIEV9aRhEsAFgLbgAByy4AAYqLbgACCxLILADJlNYsEAbsABZioogsAMmU1gjIbCAioobiiNZILADJlNYIyG4AMCKihuKI1kgsAMmU1gjIbgBAIqKG4ojWSCwAyZTWCMhuAFAioobiiNZILgAAyZTWLADJUW4AYBQWCMhuAGAIyEbsAMlRSMhIyFZGyFZRC24AAksS1NYRUQbISFZLQC4AAArALoAAQABAAcruAAAIEV9aRhEAAAAFAAAAAAAAAACAJUAAAL/ArwAGwAnAOq4ACgvuAAiL7gAKBC4AAHQuAABL0EFANoAIgDqACIAAl1BGwAJACIAGQAiACkAIgA5ACIASQAiAFkAIgBpACIAeQAiAIkAIgCZACIAqQAiALkAIgDJACIADV24ACIQuAAF0LgABS+4ACIQuAAI3LgAARC4AB3cuAAP0LgAHRC4ABPQuAABELgAFdC4AAEQuAAZ0LgACBC4ACncALgAAEVYuAAULxu5ABQAAT5ZugARABIAAyu6AAMAJwADK7oAHgAOAAMruAAeELgAANC4AAAvuAASELgAFtC4ABEQuAAY0LgADhC4ABrQMDETMxEzMhceARUUDgEHBisBFSEVIRUjNSM1MzUjExUzMj4BNTQmJyYjlVHjgSc9US9IJjJgXAFt/pOOUVFR301UOCAtIhlNAX4BPgoQalNBWDIICjx2VlZ2PAE+xxYvHyYyBgUAAAAAAgCVAAAC/wK8ABsAJwDquAAoL7gAIi+4ACgQuAAB0LgAAS9BBQDaACIA6gAiAAJdQRsACQAiABkAIgApACIAOQAiAEkAIgBZACIAaQAiAHkAIgCJACIAmQAiAKkAIgC5ACIAyQAiAA1duAAiELgABdC4AAUvuAAiELgACNy4AAEQuAAd3LgAD9C4AB0QuAAT0LgAARC4ABXQuAABELgAGdC4AAgQuAAp3AC4AABFWLgAFC8buQAUAAE+WboAEQASAAMrugADACcAAyu6AB4ADgADK7gAHhC4AADQuAAAL7gAEhC4ABbQuAARELgAGNC4AA4QuAAa0DAxEzMRMzIXHgEVFA4BBwYrARUhFSEVIzUjNTM1IxMVMzI+ATU0JicmI5VR44EnPVEvSCYyYFwBbf6TjlFRUd9NVDggLSIZTQF+AT4KEGpTQVgyCAo8dlZWdjwBPscWLx8mMgYFAAAAAAAAAAAAAAAAAAAAALAAsACwALABYAAAAAAADACWAAEAAAAAAAEACAAAAAEAAAAAAAIABwAIAAEAAAAAAAMAEwAPAAEAAAAAAAQACAAiAAEAAAAAAAUABQAqAAEAAAAAAAYACAAvAAMAAQQJAAEAEAA3AAMAAQQJAAIADgBHAAMAAQQJAAMAJgBVAAMAAQQJAAQAEAB7AAMAAQQJAAUACgCLAAMAAQQJAAYAEACVQnJpYWxSdWJSZWd1bGFyMS4wMDA7cHlycztCcmlhbFJ1YkJyaWFsUnViMS4wMDBCcmlhbFJ1YgBCAHIAaQBhAGwAUgB1AGIAUgBlAGcAdQBsAGEAcgAxAC4AMAAwADAAOwBwAHkAcgBzADsAQgByAGkAYQBsAFIAdQBiAEIAcgBpAGEAbABSAHUAYgAxAC4AMAAwADAAQgByAGkAYQBsAFIAdQBiAAACAAAAAAAA/7UAMgAAAAAAAAAAAAAAAAAAAAAAAAAAAAoAAAALAAIAAwARAQIBAwEEAQUARgd1bmkwNDMxB3VuaTA0NDAHdW5pMDQ0MwROVUxMAA==") format("truetype");
}
.bx-filter {
margin-bottom: 40px;
padding-bottom: 30px;
border-bottom: 1px solid #d6d6d6;
}
.bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block i.bx-ft-sub {
display: none;
}
.bx-filter .bx-filter-input-container {
position: relative;
}
.bx-filter .bx-filter-input-container::after {
content: "руб";
position: absolute;
top: 4px;
right: 6px;
font-family: 'RoubleArial', Arial, sans-serif;
color: #c5cdd7;
}
.bx-filter .bx-filter-input-container input {
display: block;
width: 100%;
height: 30px;
margin: 0;
padding: 0 18px 0 10px;
font-family: 'ProximaNovaRg';
background: #fff;
border: 1px solid #c5cdd7;
border-radius: 0;
outline: none;
}
/*
*Track
*
*/
.bx-filter .bx-ui-slider-track-container {
padding-top: 10px;
padding-right: 20px;
padding-left: 20px;
}
.bx-filter .bx-ui-slider-track {
position: relative;
height: 3px;
background-color: #a7afb7;
}
.bx-filter .bx-ui-slider-range,
.bx-filter .bx-ui-slider-pricebar,
.bx-filter .bx-ui-slider-pricebar-vd,
.bx-filter .bx-ui-slider-pricebar-vn,
.bx-filter .bx-ui-slider-pricebar-v {
position: absolute;
top: 0;
bottom: 0;
}
.bx-filter .bx-ui-slider-part {
display: none;
}
.bx-filter .bx-ui-slider-range {
z-index: 110;
}
.bx-filter .bx-ui-slider-handle {
position: absolute;
top: -3px;
width: 10px;
height: 10px;
background-color: #f44;
border: none;
border-radius: 50%;
}
.bx-filter .bx-ui-slider-handle:hover {
cursor: -webkit-grab;
cursor: grab;
}
.bx-filter .bx-ui-slider-handle:active {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.bx-filter .bx-ui-slider-handle.left {
left: 0;
margin-left: -9px;
}
.bx-filter .bx-ui-slider-handle.right {
right: 0;
margin-right: -9px;
}
.bx-filter .bx-ui-slider-pricebar-vd {
z-index: 80;
background: #f44;
}
.bx-filter .bx-ui-slider-pricebar-vn {
z-index: 70;
background: #a7afb7;
}
.bx-filter .bx-ui-slider-pricebar-v {
z-index: 60;
background: #a7afb7;
}
.radio label,
.checkbox label {
min-height: 20px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer;
}
.bx-filter .bx-filter-input-checkbox input[type=checkbox] {
position: absolute;
opacity: 0;
}
.bx-filter .bx-filter-input-checkbox input[type=checkbox]:not(checked) + .bx-filter-param-text {
position: relative;
display: inline-block;
padding: 0 0 0 25px;
line-height: 18px;
font-family: 'ProximaNovaRg';
vertical-align: middle;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.bx-filter .bx-filter-input-checkbox input[type=checkbox]:not(checked) + .bx-filter-param-text::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
background-color: white;
border: 1px solid #c5cdd7;
}
.bx-filter .bx-filter-input-checkbox input[type=checkbox]:not(checked) + .bx-filter-param-text::after {
content: '';
position: absolute;
top: 5px;
left: 5px;
display: none;
width: 11px;
height: 9px;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAJBAMAAAAWSsseAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJ1BMVEX///////////////////////////////////////////////////9Ruv0SAAAADHRSTlMAIplmRLsRM8x37t3Hsu74AAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAADpJREFUCNdjYAACRgYw0DEAkUxnDjCwhDHonDFgqDnBeeYwA4PUmT1ADgP7GhCHgaHmzAQQxXISSAAAa2UNz4itEMcAAAAASUVORK5CYII=');
}
.bx-filter .bx-filter-input-checkbox input[type=checkbox]:checked + .bx-filter-param-text::before {
background-color: #f44;
-webkit-background-clip: content-box;
background-clip: content-box;
border-color: #f44;
}
.bx-filter .bx-filter-input-checkbox input[type=checkbox]:checked + .bx-filter-param-text::after {
display: block;
}
.btn {
display: inline-block;
margin-bottom: 0;
padding: 6px 12px;
font-weight: 400;
font-size: 14px;
line-height: 1.42857143;
vertical-align: middle;
text-align: center;
white-space: nowrap;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
.bx-filter .btn-themes,
.bx-filter .btn-link {
padding: 6px 8px;
font-size: 13px;
text-decoration: underline;
}
.bx-filter .btn-themes:hover,
.bx-filter .btn-link:hover {
text-decoration: none;
}
.bx-filter .btn-themes {
color: #f44;
}
.bx-filter .btn-link {
color: #a7afb7;
}
.bx-filter .bx-filter-button-box .bx-filter-block {
text-align: right;
}
.bx-filter .bx-filter-button-box .bx-filter-buttons {
position: absolute;
top: -46px;
right: 0;
}
.bx-filter .select {
height: 30px;
line-height: 30px;
}
.bx-filter .bx-filter-popup-result {
position: absolute;
right: 10px;
bottom: -40px;
z-index: 915;
padding: 0 10px;
font-weight: 400;
font-size: 13px;
color: #a7afb7;
white-space: nowrap;
background-color: #fff;
border: 1px solid #f44;
}
.bx-filter .bx-filter-popup-result a {
display: block;
color: #f44;
}
.card {
position: relative;
width: 225px;
margin-right: auto;
margin-bottom: 25px;
margin-left: auto;
text-align: left;
}
.card__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
height: 100%;
-webkit-transition: -webkit-box-shadow 0.25s ease-out;
-o-transition: box-shadow 0.25s ease-out;
transition: -webkit-box-shadow 0.25s ease-out;
transition: box-shadow 0.25s ease-out;
transition: box-shadow 0.25s ease-out, -webkit-box-shadow 0.25s ease-out;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
}
.card__image {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-decoration: none;
min-height: 215px;
}
.card__image img {
margin: auto;
}
.card__title {
display: block;
margin: 1rem 0 0;
color: #000;
text-decoration: none;
}
.card__title:hover {
color: #000;
text-decoration: underline;
}
.card__footer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
margin: auto 0 0;
padding-bottom: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
}
.card .ui-badge {
position: absolute;
top: 8px;
right: 8px;
z-index: 20;
}
.card .price_base {
display: block;
}
.card.is-hover .card__inner {
position: absolute;
top: -18px;
right: -13px;
bottom: -3px;
left: -13px;
z-index: 10;
height: auto;
padding: 15px 10px 0;
background-color: #fff;
border: 3px solid #f44;
-webkit-box-shadow: 0 5px 21px rgba(0, 0, 0, 0.25);
box-shadow: 0 5px 21px rgba(0, 0, 0, 0.25);
}
.cart {
position: relative;
display: inline-block;
line-height: 1;
}
.cart__icon {
display: inline-block;
width: 30px;
height: 25px;
background-image: url(../images/shopping-cart.svg);
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: contain;
background-size: contain;
}
.cart__counter {
position: absolute;
top: -6px;
right: -12px;
z-index: 10;
display: block;
width: 22px;
height: 22px;
font-size: 12px;
line-height: 22px;
text-align: center;
color: #fff;
background-color: #f44;
border-radius: 50%;
}
.comment {
padding: 20px 20px 26px 23px;
background-color: #f7f7fa;
}
.comment__author {
display: block;
margin-bottom: 6px;
font-size: 16px;
font-family: 'ProximaNovaBold';
color: #000;
}
.comment__content {
font-family: 'ProximaNovaLight';
color: #5f6369;
}
.comment .rating {
margin-bottom: 10px;
}
.dropdown {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
overflow: hidden;
background: #fff;
}
.dropdown.is-open {
display: block;
}
.dropdown_main, .dropdown_main .dropdown__inner {
max-height: calc(100vh - 300px);
}
.dropdown_main .dropdown__inner {
min-height: calc(100% - 38px);
overflow-x: hidden;
overflow-y: auto;
}
.menu_main .dropdown_main .dropdown__inner {
min-height: 100%;
}
.dropdown_main .dropdown__inner::-webkit-scrollbar {
width: 5px;
}
.dropdown_main .dropdown__inner::-webkit-scrollbar-track {
background: #ccc;
}
.dropdown_main .dropdown__inner::-webkit-scrollbar-thumb {
background-color: #a3a3a3;
}
.dropdown_main .dropdown__inner::-webkit-scrollbar-thumb:window-inactive {
background: rgba(51, 51, 51, 0.7);
}
.dropdown__breadcrumbs {
width: 100%;
height: 38px;
margin: 0;
padding: 10px 16px;
list-style: none;
font-size: 12px;
color: #fff;
background-color: #f44;
}
.dropdown__breadcrumbs li {
display: inline-block;
padding: 0 3px 0 0;
color: #fff;
cursor: pointer;
}
.dropdown__breadcrumbs li::before {
content: "/";
padding-right: 3px;
color: #fff;
}
.dropdown__breadcrumbs li:first-child .breadcrumbs__link,
.dropdown__breadcrumbs li:first-child span {
padding-left: 0;
}
.dropdown__breadcrumbs li:first-child::before {
content: none;
}
.dropdown__breadcrumbs li span {
margin-left: 5px;
}
.dropdown__breadcrumbs li.all-category {
display: none;
}
.dropdown__breadcrumbs li.all-category.active {
display: block;
}
.favorite {
position: relative;
display: inline-block;
line-height: 1;
}
.favorite__icon {
display: inline-block;
width: 30px;
height: 30px;
background-image: url(../images/star.svg);
background-repeat: no-repeat;
background-position: center;
}
.favorite__counter {
position: absolute;
top: -5px;
right: -5px;
z-index: 10;
display: block;
width: 15px;
height: 15px;
font-size: 10px;
line-height: 15px;
text-align: center;
color: #fff;
background-color: #f44;
border-radius: 50%;
}
.filter__list {
margin-bottom: 0;
padding: 0;
list-style: none;
}
.filter_color .filter__item {
display: inline;
margin-right: 10px;
}
.filter_color .filter__item.is-grey span {
background-color: #757575;
}
.filter_color .filter__item.is-darkgrey span {
background-color: #3f3f3f;
}
.filter_color .filter__item.is-darkred span {
background-color: #722;
}
.filter_color .filter__item.is-lightgrey span {
background-color: #cbcbcb;
}
.filter_color .filter__item.active .filter__link {
border-color: #f44;
}
.filter_color .filter__link {
display: inline-block;
width: 30px;
height: 30px;
padding: 7px;
border: 1px solid #b7c3cb;
}
.filter_color .filter__link span {
display: block;
height: 100%;
}
.filter_color .filter__link:hover,
.filter_color .filter__link:active {
border-color: #f44;
}
.filter_size .select {
min-width: 230px;
}
.filter .title {
margin-top: 0;
margin-bottom: 10px;
font-weight: 400;
font-family: 'ProximaNovaRg';
}
.footer {
padding: 40px 0 50px;
color: #474747;
background-color: #f7f7fa;
background-image: -webkit-gradient(linear, left top, left bottom, from(#d7d7d9), to(#f7f7fa));
background-image: -webkit-linear-gradient(top, #d7d7d9 0%, #f7f7fa 100%);
background-image: -o-linear-gradient(top, #d7d7d9 0%, #f7f7fa 100%);
background-image: linear-gradient(to bottom, #d7d7d9 0%, #f7f7fa 100%);
}
.footer .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer__col {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
-webkit-box-flex: 0;
}
.footer__col_logo .menu_footer .menu__item {
margin-bottom: 0;
}
.footer__col_contact {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-end;
align-items: flex-end;
-webkit-box-align: end;
-ms-flex-align: end;
}
.footer__col_menu {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
-webkit-box-flex: 0;
}
.footer__col_menu .title {
display: block;
margin-bottom: 12px;
font-size: 16px;
font-family: 'ProximaNovaBold';
}
.footer .contact .button {
width: 167px;
height: 40px;
margin-top: 14px;
margin-bottom: 13px;
line-height: 38px;
}
.footer .logo {
margin-bottom: 15px;
}
.footer .phone {
display: block;
margin-bottom: 5px;
font-size: 26px;
}
.footer .social {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 14px;
margin-bottom: 12px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
}
.footer .social .social__item {
margin-right: 15px;
}
.footer .link_mail {
display: block;
margin-bottom: 5px;
font-size: 18px;
}
.footer .copyright {
font-size: 12px;
color: #808080;
width: 100%;
}
/* Forms initial styles */
button,
input,
optgroup,
select,
textarea {
margin: 0;
font-size: 100%;
line-height: 1.15;
font-family: sans-serif;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
button,
input[type="submit"] {
cursor: pointer;
}
legend {
display: table;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
padding: 0;
color: inherit;
white-space: normal;
}
fieldset {
margin: 0;
padding: 0;
border: 0;
}
fieldset legend {
padding: 0 10px;
font-weight: 500;
}
progress {
display: inline-block;
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
outline-offset: -2px;
-webkit-appearance: textfield;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
/* Forms base styles */
input,
select,
textarea {
display: inline-block;
margin: 0;
font-weight: inherit;
font-size: 1rem;
font-family: inherit;
vertical-align: middle;
color: #474747;
white-space: nowrap;
background-color: white;
-webkit-box-shadow: none;
box-shadow: none;
}
input:focus,
select:focus,
textarea:focus {
outline: none;
}
input[disabled],
select[disabled],
textarea[disabled] {
cursor: not-allowed;
opacity: 0.5;
}
input[readonly],
select[readonly],
textarea[readonly] {
background-color: #ddd;
}
input[type="color"],
select[type="color"],
textarea[type="color"] {
padding: 0.5rem;
}
input[type="color"]::-webkit-color-swatch-wrapper,
select[type="color"]::-webkit-color-swatch-wrapper,
textarea[type="color"]::-webkit-color-swatch-wrapper {
padding: 0;
}
input[type="color"]::-webkit-color-swatch,
select[type="color"]::-webkit-color-swatch,
textarea[type="color"]::-webkit-color-swatch {
border: none;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
opacity: 0;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
opacity: 0;
}
input:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
opacity: 0;
}
input:focus::placeholder,
textarea:focus::placeholder {
opacity: 0;
}
select {
position: relative;
padding-top: 0;
padding-right: 1.5rem;
padding-bottom: 0;
text-indent: 0.01px;
text-overflow: '';
background-image: url(../images/arrow-select.svg);
background-repeat: no-repeat;
background-position: right 0.4rem center;
-moz-appearance: none;
-webkit-appearance: none;
}
select[multiple] {
height: auto;
padding-right: 0;
}
select:required:invalid {
color: #a8adb5;
}
option[value=""][disabled] {
display: none;
}
option {
color: #474747;
}
textarea {
height: auto;
line-height: 1.5;
vertical-align: top;
white-space: normal;
resize: vertical;
}
input[type="checkbox"],
input[type="radio"] {
vertical-align: 1px;
}
/* delete arrow input type number */
input[type="number"]::-webkit-inner-spin-button
input[type="number"]::-webkit-outer-spin-button {
margin: 0;
-webkit-appearance: none;
appearance: none;
}
input[type="number"] {
font-weight: 400;
-moz-appearance: textfield;
}
/* hide cross in search input ie */
input[type=search]::-ms-clear {
width: 0;
height: 0;
}
.fieldset {
margin-bottom: 1.5rem;
}
.fieldset legend {
padding: 0 0.25rem;
font-weight: 700;
}
.fieldset > :last-child {
margin-bottom: 0;
}
.label {
display: inline-block;
margin-bottom: 0.25rem;
}
.label + label {
margin-left: 1rem;
}
.form__row {
position: relative;
margin-bottom: 1.5rem;
}
.form__row:last-child {
margin-bottom: 0;
}
.form_horizontal input,
.form_horizontal select,
.form_horizontal textarea,
.form_reviews input,
.form_reviews select,
.form_reviews textarea {
display: block;
width: 100%;
}
.form_reviews .title {
margin-top: 0;
margin-top: 10px;
text-align: center;
}
.form_reviews .form__row {
margin-bottom: 10px;
}
.form_reviews .form__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
justify-content: space-between;
-webkit-justify-content: space-between;
-webkit-align-items: center;
align-items: center;
margin-top: 30px;
margin-bottom: 25px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: center;
-ms-flex-align: center;
}
.form_reviews .ui-textarea {
height: 60px;
padding: 10px;
background-color: transparent;
border: 1px solid #d9d9d9;
}
/* Validation */
.is-invalid label {
color: #f44 !important;
}
.is-invalid input,
.is-invalid .ui-input,
.is-invalid select {
color: #f44 !important;
border-color: #f44 !important;
}
.is-valid label {
color: #2ecc40 !important;
}
.is-valid input,
.is-valid .ui-input,
.is-valid select {
color: #2ecc40 !important;
border-color: #2ecc40 !important;
}
.gallery__image {
position: relative;
}
.gallery__image::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.25);
box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.25);
}
.header {
padding: 5px 50px 5px 0;
}
.header .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
}
.header__section {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
}
.header__section_contact {
margin: 0 0 0 auto;
}
.header__search {
position: absolute;
top: 15px;
right: 10px;
}
.header__search .link-search {
position: absolute;
top: 0;
right: 0;
z-index: 10;
border: none;
width: 24px;
height: 24px;
background-image: url(../images/search.svg);
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
cursor: pointer;
}
.header__search .subtitle {
display: block;
margin-top: 5px;
margin-left: 17px;
font-size: 12px;
}
.header__search .subtitle,
.header__search .subtitle .link {
color: #c9ccd1;
}
.header .contact {
margin-right: 40px;
}
.header .contact .text,
.header .contact .phone,
.header .contact .hours,
.header .contact .link {
display: block;
}
.header .contact .phone {
font-size: 24px;
line-height: 18px;
color: #202020;
letter-spacing: 0.18px;
}
.header .contact .hours,
.header .contact .text {
color: #8a8a8a;
}
.header .contact .hours {
font-size: 14px;
}
.header .contact .text {
font-size: 13px;
}
.header .contact .link {
margin-top: 10px;
font-size: 10px;
color: #c3c5c9;
text-transform: uppercase;
}
.header .cart {
margin-right: 12px;
}
.header .button-toggle {
margin-right: 20px;
}
.icon {
position: relative;
display: inline-block;
vertical-align: middle;
}
.icon_star {
}
.icon_star.active {
color: #d84848;
}
a {
color: #f44;
text-decoration: underline;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:hover {
color: #f44;
text-decoration: none;
}
.link {
cursor: pointer;
text-decoration: underline;
-webkit-transition: 0.25s all ease-out;
-o-transition: 0.25s all ease-out;
transition: 0.25s all ease-out;
}
.link:hover {
text-decoration: none;
}
.link .icon {
margin-right: 5px;
}
.link_dotted {
border-bottom: 1px dotted #f44;
}
.link_dotted:hover,
.link_dotted:active {
color: #f44;
text-decoration: none;
border-bottom-color: transparent;
}
.link_back {
text-decoration: none;
}
.link_all {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
-webkit-justify-content: space-between;
justify-content: space-between;
align-items: center;
-webkit-align-items: center;
font-family: 'ProximaNovaBold';
text-transform: uppercase;
text-decoration: none;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
}
a[href*='tel:']:hover {
color: inherit;
}
.link_heading {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
display: -webkit-box;
-webkit-align-items: center;
align-items: center;
min-height: 42px;
color: #474747;
text-transform: uppercase;
text-decoration: none;
-webkit-box-align: center;
-ms-flex-align: center;
}
.link_heading:hover {
cursor: pointer;
}
.link_heading .button-more {
display: inline-block;
margin-left: 10px;
}
.link_heading .button-more span {
background-color: #474747;
}
.link_heading.active {
font-family: 'ProximaNovaBold';
color: #f44;
}
.link_heading.active .button-more span {
background-color: #f44;
}
.link_reviews {
color: #000;
}
/* initial list styles */
dl {
margin-bottom: 1.5rem;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 1.5rem;
margin-left: 0;
}
ol,
ul {
margin-top: 0;
margin-bottom: 1.5rem;
line-height: 1.5;
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0;
}
.list,
.menu,
.social {
margin-bottom: 0;
padding: 0;
list-style: none;
}
.list-prefix,
.list-postfix {
padding-left: 1rem;
}
.list-prefix {
list-style: none;
}
.list-prefix > li::before {
content: "-";
margin-right: 5px;
color: #474747;
}
.list_tags {
list-style: none;
}
.list_tags li {
display: inline;
}
.list_tags li:first-child::before {
content: none;
}
.list_tags > li::before {
content: '|';
margin-right: 5px;
margin-left: 5px;
}
.list-postfix {
list-style: none;
}
.list-postfix > li::after {
content: ",";
}
.list_payment {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
}
.list_payment .list__item {
display: inline-block;
margin-right: 22px;
margin-bottom: 10px;
}
.list_payment .list__item:last-child {
margin-right: 0;
}
.list_payment .list__item img {
max-height: 44px;
}
.list_features .list__item,
.list_products .list__item,
.list_catalog .list__item {
width: 100%;
}
.list_features .media {
margin-bottom: 20px;
text-align: center;
}
.list_products .list__item,
.list_catalog .list__item {
position: relative;
padding-right: 10px;
padding-left: 10px;
text-align: center;
}
.list_delivery .list__item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
}
.list_delivery .list__item .col {
padding-left: 0;
}
.list_delivery .list__item.is-divider {
display: block;
width: 100%;
height: 1px;
margin: 30px 0 20px;
background-color: #eaeaea;
}
.list_delivery .list__item.is-location {
margin-bottom: 20px;
}
.list_delivery .list__item.is-location a {
color: #5b5b5b;
}
.list_delivery .list__item.is-info {
color: #5f6369;
}
.list_delivery .list__item .title {
font-family: 'ProximaNovaBold';
}
.list_reviews .list__item {
display: block;
margin-bottom: 35px;
color: #0d0d0d;
}
.list_reviews .list__item .title {
display: block;
margin-bottom: 5px;
font-size: 16px;
font-family: 'ProximaNovaBold';
color: #000;
}
.list_reviews .list__item .content {
margin-top: 20px;
margin-bottom: 30px;
}
.list_reviews .list__item .date {
display: block;
color: #5f6369;
}
.login {
color: #f44;
}
.login .link {
text-decoration: none;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.login .divider {
display: inline-block;
margin: 0 4px;
}
.logo {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
align-items: center;
text-decoration: none;
-webkit-box-align: center;
-ms-flex-align: center;
}
.logo__image {
position: relative;
display: inline-block;
-ms-flex: 0 0 45px;
-webkit-flex: 0 0 45px;
flex: 0 0 45px;
max-width: 45px;
height: 45px;
margin-right: 12px;
background-color: #f44;
border-radius: 50%;
-webkit-box-flex: 0;
}
.logo__icon {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: inline-block;
width: 25px;
height: 25px;
margin: auto;
background-image: url(../images/star-logo.svg);
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: contain;
background-size: contain;
-webkit-transform-origin: 50%;
-o-transform-origin: 50%;
transform-origin: 50%;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-webkit-transition: -webkit-transform 1s;
-o-transition: -o-transform 1s;
transition: -webkit-transform 1s;
transition: transform 1s;
transition: transform 1s, -webkit-transform 1s, -o-transform 1s;
will-change: transform;
}
.logo__text {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-flex: 1;
}
.logo__text .title,
.logo__text .subtitle {
display: block;
}
.logo__text .title {
font-size: 14px;
line-height: 1;
font-family: 'ProximaNovaExtrabld';
color: #f44;
text-transform: uppercase;
}
.section__title.h2 {
font-size: 22px;
letter-spacing: 0.05em;
}
.logo__text .subtitle {
width: 180px;
font-weight: 400;
font-size: 12px !important;
line-height: 1.2;
font-family: 'ProximaNovaBold';
color: #474747;
}
.logo.animated .logo__icon {
-webkit-animation: spinning-cog 1s linear;
-o-animation: spinning-cog 1s linear;
animation: spinning-cog 1s linear;
}
@-webkit-keyframes spinning-cog {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-o-keyframes spinning-cog {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spinning-cog {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
.media__title {
display: block;
margin-top: 15px;
line-height: 1.7;
color: #000;
}
.media__title span {
display: block;
}
.media__icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
justify-content: center;
min-height: 105px;
-webkit-box-pack: center;
-ms-flex-pack: center;
}
.media__icon img {
max-width: none;
margin: auto;
}
.menu__item {
display: inline;
}
.menu__link {
display: inline-block;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.menu_block .menu__item,
.menu_footer .menu__item {
display: block;
margin-bottom: 12px;
}
.menu_block .menu__item:last-child,
.menu_footer .menu__item:last-child {
margin-bottom: 0;
}
.menu_main .menu__item.active .menu__link::before,
.menu_footer .menu__item.active .menu__link::before {
width: 100%;
}
.menu_main .menu__link,
.menu_footer .menu__link {
position: relative;
}
.menu_main .menu__link::before,
.menu_footer .menu__link::before {
content: '';
position: absolute;
bottom: -3px;
left: 50%;
display: block;
width: 0;
transform: translateX(-50%);
-o-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transition: width 0.3s ease-in-out;
-webkit-transition: width 0.3s ease-in-out;
transition: width 0.3s ease-in-out;
}
.menu_main .menu__link:hover::before,
.menu_footer .menu__link:hover::before {
width: 100%;
}
.menu_main {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-flex: 1;
}
.menu_main > .menu__item > .menu__link {
margin-left: 18px;
font-size: 13px;
font-family: 'ProximaNovaBold';
color: #fff;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.65px;
}
.menu_main > .menu__item > .menu__link::before {
height: 2px;
background-color: #fff;
}
.menu_main .menu_mega .menu__item .menu__link {
margin: 0;
}
.menu_main .menu_mega .menu__item .menu__link::before {
content: none;
}
.menu_footer .menu__link {
font-size: 14px;
color: #474747;
text-decoration: none;
}
.menu_footer .menu__link::before {
height: 1px;
background-color: #474747;
}
.menu_header .menu__item {
margin-right: 30px;
}
.menu_header .menu__item:last-child {
margin-right: 0;
}
.menu_header .menu__item.active .menu__link {
color: #f44;
}
.menu_header .menu__item_parent {
position: relative;
}
.menu_header .menu__item_parent .menu.dropdown.is-open .menu__item .menu__link {
color: #666;
}
.menu_header .menu__item_parent .menu.dropdown.is-open .menu__item .menu__link:hover {
color: #f44;
}
.menu_header .menu__link {
color: #a8adb5;
text-decoration: none;
}
.menu_header .menu__link:hover {
color: #f44;
}
.menu_header .dropdown {
min-width: 120px;
padding: 10px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.menu_header .dropdown .menu__item {
display: block;
margin: 0 0 3px;
}
.menu_header .dropdown .menu__item:last-child {
margin-bottom: 0;
}
.menu_sub {
display: none;
}
.menu_mega {
width: 100%;
}
.menu_mega .menu__item {
display: block;
}
.menu_mega .menu__item:hover > .menu__link {
color: #f44;
}
.menu_mega .menu__item_parent.active > .menu_sub {
display: block;
}
.menu_mega .menu__item_parent > .menu__link {
position: relative;
}
.menu_mega .menu__item_parent > .menu__link::after {
content: '';
position: absolute;
top: 10px;
right: 10px;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #666;
}
.menu_mega .menu__link {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
display: -webkit-box;
-webkit-align-items: center;
align-items: center;
min-height: 34px;
padding: 0 10px;
font-size: 13px;
color: #666;
text-decoration: none;
-webkit-box-align: center;
-ms-flex-align: center;
}
.menu_mega .menu__btn {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 10;
width: 60px;
cursor: pointer;
}
.menu_mega .menu_sub {
padding-left: 20px;
background-color: #fff;
}
.menu_mega .menu_sub .menu__item {
display: block;
}
.menu_mega .menu_sub .menu__item:hover > .menu__link {
color: #f44;
background-color: transparent;
}
.menu_mega .menu_sub .menu__link {
padding: 0 10px 0 0;
}
.menu_hidden-links {
display: none !important;
}
.menu_nav .menu__item {
display: block;
}
.menu_nav .menu__item.active .menu__link {
color: #f44;
}
.menu_nav .menu__item_dropdown {
margin-bottom: 10px;
}
.menu_nav .menu__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
-webkit-align-items: center;
align-items: center;
min-height: 30px;
color: #474747;
text-decoration: none;
-webkit-box-align: center;
-ms-flex-align: center;
}
.menu_nav .menu__link:hover {
color: #f44;
}
.menu_nav .dropdown {
position: relative;
display: none;
margin-top: 10px;
margin-left: 10px;
}
.menu_nav .dropdown.is-open {
display: block;
}
.menu_catalog .menu__item {
display: block;
margin-bottom: 3px;
}
.menu_catalog .menu__item.active > .menu__link {
font-family: 'ProximaNovaBold';
color: #f44;
}
.menu_catalog .menu__item_parent:hover > .menu__link::after,
.menu_catalog .menu__item_parent.active > .menu__link::after {
border-left-color: #f44;
}
.menu_catalog .menu__item_parent.active > .menu_sub {
display: block;
}
.menu_catalog .menu__item_parent.active > .menu__link::after {
border-top-color: #f44;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
}
.menu_catalog .menu__item_parent > .menu__link {
position: relative;
}
.menu_catalog .menu__item_parent > .menu__link::after {
content: '';
position: absolute;
top: 10px;
right: 10px;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #666;
}
.menu_catalog .menu__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
-webkit-align-items: center;
align-items: center;
min-height: 30px;
padding: 0 38px 0 0;
color: #818891;
text-decoration: none;
-webkit-box-align: center;
-ms-flex-align: center;
}
.menu_catalog .menu__link:hover {
color: #f44;
}
.menu_catalog .menu__btn {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 10;
width: 40px;
cursor: pointer;
}
.menu_catalog .menu_sub {
padding-top: 10px;
}
.menu_catalog .menu_sub.level-0,
.menu_catalog .menu_sub.level-1,
.menu_catalog .menu_sub.level-2,
.menu_catalog .menu_sub.level-3 {
padding-left: 15px;
}
.menu_main .menu__item_parent .menu_sub.level-0 {
position: relative;
display: block;
padding: 10px 0 25px;
}
.navbar_main .menu_main .dropdown__inner {
padding: 0;
}
/* Remodal - v1.0.6 */
/* Hide scroll bar */
html.remodal-is-locked {
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
}
/* Anti FOUC */
.remodal,
[data-remodal-id] {
display: none;
}
/* Necessary styles of the overlay */
.remodal-overlay {
position: fixed;
top: -5000px;
right: -5000px;
bottom: -5000px;
left: -5000px;
z-index: 9999;
display: none;
}
/* Necessary styles of the wrapper */
.remodal-wrapper {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10000;
display: none;
overflow: auto;
text-align: center;
-webkit-overflow-scrolling: touch;
}
.remodal-wrapper::after {
content: '';
display: inline-block;
height: 100%;
margin-left: -0.05em;
}
/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
/* Necessary styles of the modal dialog */
.remodal {
position: relative;
text-align: left;
outline: none;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
.remodal-is-initialized {
/* Disable Anti-FOUC */
display: inline-block;
}
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
-webkit-filter: blur(3px);
filter: url('data:image/svg+xml;charset=utf-8, #filter');
filter: blur(3px);
}
.remodal-overlay {
background: rgba(43, 46, 56, 0.45);
}
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
-webkit-animation-duration: 0.3s;
-o-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.remodal-overlay.remodal-is-opening {
-webkit-animation-name: remodal-overlay-opening-keyframes;
-o-animation-name: remodal-overlay-opening-keyframes;
animation-name: remodal-overlay-opening-keyframes;
}
.remodal-overlay.remodal-is-closing {
-webkit-animation-name: remodal-overlay-closing-keyframes;
-o-animation-name: remodal-overlay-closing-keyframes;
animation-name: remodal-overlay-closing-keyframes;
}
.remodal-wrapper {
padding: 10px 10px 0;
}
.remodal {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 15px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
-webkit-animation-duration: 0.3s;
-o-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.remodal.remodal-is-opening {
-webkit-animation-name: remodal-opening-keyframes;
-o-animation-name: remodal-opening-keyframes;
animation-name: remodal-opening-keyframes;
}
.remodal.remodal-is-closing {
-webkit-animation-name: remodal-closing-keyframes;
-o-animation-name: remodal-closing-keyframes;
animation-name: remodal-closing-keyframes;
}
.remodal,
.remodal-wrapper::after {
vertical-align: middle;
}
.modal {
width: 85%;
}
.modal__close {
position: absolute;
top: 10px;
right: 15px;
width: 28px;
height: 28px;
padding: 0;
line-height: 28px;
text-align: center;
text-decoration: none;
border: 1px solid #474747;
border-radius: 50%;
cursor: pointer;
-webkit-transition: background 0.2s linear;
-o-transition: background 0.2s linear;
transition: background 0.2s linear;
}
.modal__content {
padding: 40px 30px 20px;
color: #474747;
background: #fff;
}
.modal__header {
text-align: center;
}
.modal__header .title {
margin: 0 0 20px;
}
@-webkit-keyframes remodal-opening-keyframes {
from {
margin-bottom: 10%;
opacity: 0;
}
to {
margin-bottom: 0;
opacity: 1;
}
}
@-o-keyframes remodal-opening-keyframes {
from {
margin-bottom: 10%;
opacity: 0;
}
to {
margin-bottom: 0;
opacity: 1;
}
}
@keyframes remodal-opening-keyframes {
from {
margin-bottom: 10%;
opacity: 0;
}
to {
margin-bottom: 0;
opacity: 1;
}
}
@-webkit-keyframes remodal-closing-keyframes {
from {
margin-bottom: 0;
opacity: 1;
}
to {
margin-bottom: 10%;
opacity: 0;
}
}
@-o-keyframes remodal-closing-keyframes {
from {
margin-bottom: 0;
opacity: 1;
}
to {
margin-bottom: 10%;
opacity: 0;
}
}
@keyframes remodal-closing-keyframes {
from {
margin-bottom: 0;
opacity: 1;
}
to {
margin-bottom: 10%;
opacity: 0;
}
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-o-keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-o-keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.nav_block .menu__item {
display: block;
margin: 0.5rem 0;
}
.nav_block .menu__link {
word-break: break-all;
}
.navbar_main {
margin-bottom: 26px;
}
.navbar_main .dropdown {
top: 101%;
width: 100%;
border: 2px solid #f44;
}
.navbar_main .dropdown__inner {
position: relative;
padding: 10px 0 25px;
}
.navbar__inner {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
display: -webkit-box;
align-items: center;
-webkit-align-items: center;
min-width: 250px;
min-height: 60px;
background-color: #f44;
background-image: -webkit-gradient(linear, left bottom, left top, from(#f44), to(#f44));
background-image: -webkit-linear-gradient(bottom, #f44 0%, #f44 100%);
background-image: -o-linear-gradient(bottom, #f44 0%, #f44 100%);
background-image: linear-gradient(to top, #f44 0%, #f44 100%);
-webkit-box-align: center;
-ms-flex-align: center;
}
.navbar__inner .button-more_menu {
position: relative;
width: 60px;
height: 60px;
padding: 0 20px;
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
background-size: cover;
}
.navbar__inner .button-more_menu::after {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
width: 30px;
height: 10px;
background: url(../images/up-arrow.png) center no-repeat;
-webkit-background-size: 30px 8px;
background-size: 30px 8px;
-o-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.navbar__inner .button-more_menu:hover {
background-image: url(../images/bg-star-mini.png);
}
.navbar__inner .button-more_menu.active::after {
content: '';
}
.navbar__inner .button-more_menu.active span {
display: none;
}
.navbar_header {
font-size: 13px;
color: #a8adb5;
border-bottom: 1px solid #e1e0e0;
}
.navbar_header .container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
display: -webkit-box;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
min-height: 53px;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
}
.navbar_header .login {
margin-left: 68px;
}
.navbar_header .favorite {
margin-right: 6px;
}
.navbar .link_all {
position: absolute;
right: 10px;
bottom: 8px;
font-size: 13px;
}
.navbar .link_all span {
margin-right: 5px;
}
.news {
color: #000;
}
.news__title {
margin: 17px 0 5px;
color: #000;
}
.news__image img {
width: 100%;
}
.news__body {
margin-bottom: 5px;
line-height: 1.7;
}
.news__footer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
}
.news .date {
font-size: 12px;
color: #a5abb5;
}
.newsletter .form {
position: relative;
}
.newsletter .ui-input {
width: 100%;
height: 42px;
padding-right: 24px;
border-color: #fff;
}
.newsletter .button_submit {
position: absolute;
top: 0;
right: 0;
width: 24px;
height: 42px;
padding: 0;
background-image: url(../images/right-arrow.svg);
background-repeat: no-repeat;
background-position: center;
border: 0;
}
.newsletter .subtitle {
display: block;
margin-top: 16px;
margin-bottom: 12px;
line-height: 1.2;
}
.newsletter .subtitle span {
display: block;
}
.newsletter .inform-text {
display: block;
margin-top: 12px;
font-size: 12px;
color: #888;
}
.newsletter .inform-text span {
color: #f44;
}
.page {
}
.pager {
margin: 0;
padding: 0;
list-style: none;
}
.pager__item {
display: inline;
}
.pager__item .link {
color: #687175;
text-decoration: none;
}
.pager__item .link:hover {
text-decoration: underline;
}
.pager__item::after {
content: '|';
margin-right: 5px;
margin-left: 5px;
}
.pager__item:last-child::after {
content: none;
}
.panel_inform {
padding: 18px 22px;
background-image: -webkit-gradient(linear, left bottom, left top, from(#d9d9d9), to(#f7f7fa));
background-image: -webkit-linear-gradient(bottom, #d9d9d9 0%, #f7f7fa 100%);
background-image: -o-linear-gradient(bottom, #d9d9d9 0%, #f7f7fa 100%);
background-image: linear-gradient(to top, #d9d9d9 0%, #f7f7fa 100%);
}
.panel__delivery {
position: relative;
min-height: 120px;
}
.panel__delivery .spinner {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.panel_reviews {
padding: 20px 10px;
background-color: #f5f5f5;
}
.panel_reviews h6.title {
margin-top: 0;
margin-bottom: 20px;
text-align: center;
}
.panel_reviews .form_reviews {
padding: 0;
}
.phone {
line-height: 1;
font-family: 'ProximaSemibold';
color: #252525;
text-decoration: none;
}
.price {
line-height: 1.3;
}
.price_base {
font-size: 18px;
font-family: 'ProximaNovaBold';
color: #000;
}
.price_sale {
font-size: 12px;
color: #b9c2c9;
text-decoration: line-through;
}
.product-card {
color: #1f1f1f;
font-size: 15px;
}
.product-card__slider {
position: relative;
}
.product-card__slider .section__footer {
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
padding-top: 2rem;
padding-bottom: 1rem;
text-align: left;
-webkit-box-align: center;
-ms-flex-align: center;
}
.product-card__slider .section__footer .title {
margin-right: 15px;
}
.product-card__slider .title {
display: block;
color: #a7afb7;
}
.product-card__slider .social__item {
right: 10px;
}
.product-card__slider .social__link {
background-color: #c6ccd6;
}
.product-card__slider .button-favorite {
position: absolute;
top: 0;
right: 30px;
z-index: 10;
cursor: pointer;
font-size: 18px;
}
.product-card__slider .button-favorite i {
margin-top: 5px;
}
.product-card__section_features ul {
margin-top: 20px;
}
.product-card__section_features ul li {
margin-bottom: 20px;
}
.product-card__section_tags {
margin-top: 20px;
padding: 15px 25px 20px;
color: #5d636a;
background-color: #f7f7fa;
}
.product-card__section_tags .list_tags {
margin-top: 20px;
}
.product-card__section_tags .list_tags > li > a {
color: #5d636a;
}
.product-card__section_tags .title {
-webkit-align-self: center;
align-self: center;
font-size: 16px;
text-transform: uppercase;
-ms-flex-item-align: center;
}
.product-card__header {
margin-bottom: 20px;
}
.product-card__header .title, .product-card__header .title h3, .product-card__header .title h1 {
margin-top: 0;
margin-bottom: 5px;
font-size: 1.56rem;
}
.product-card .product-article {
display: inline-block;
margin-right: 15px;
vertical-align: middle;
color: #687175;
}
.product-card .select {
height: 30px;
line-height: 28px;
}
.product-card .filter_color,
.product-card .filter_size {
margin-bottom: 20px;
}
.product-card .panel .panel__price .title {
margin-top: 0;
margin-bottom: 0;
font-weight: 400;
font-family: 'ProximaNovaRg';
}
.product-card .panel .panel__button {
margin-top: 10px;
}
.product-card .panel .panel__button .button-buy {
width: 100%;
margin-bottom: 20px;
}
.product-card .panel .price {
font-family: 'ProximaNovaLight';
}
.product-card .panel .price_base {
font-size: 30px;
line-height: 24px;
color: #000;
}
.product-card .panel .price_base span {
font-size: 27px;
line-height: 44px;
font-weight: bold;
}
.product-card .panel .price_sale {
font-size: 18px;
line-height: 35px;
color: #b3b9bd;
}
.product-card .panel .list_delivery {
margin-top: 20px;
}
.promo__column {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
}
.promo__link {
position: relative;
display: block;
color: inherit;
text-decoration: none;
}
.promo__title h4, .promo__title.h4 {
position: absolute;
top: 0;
right: 0;
left: 0;
margin: 22px 24px;
font-size: 18px;
line-height: 1;
font-family: 'ProximaNovaBold';
color: #474747;
text-transform: uppercase;
}
.promo__title_light h4, .promo__title_light.h4 {
color: #fff;
}
.section_reviews .section__title {
color: #fff;
}
.rating {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
}
.rating__icon {
margin-right: 5px;
color: #becbd0;
}
.rating__icon:last-child {
margin-right: 0;
}
.rating__icon.is-active {
color: #d84848;
}
.rating__input {
display: none;
}
.rating__input:checked ~ .rating__icon {
color: #d84848;
}
.rating_action {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
font-size: 1rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
}
.rating_action .rating__icon {
display: inline-block;
margin-right: 5px;
cursor: pointer;
}
.rating_action .rating__icon:hover,
.rating_action .rating__icon:hover ~ .rating__icon:before {
color: #d84848;
}
@font-face {
font-family: 'ALSRublRegular';
src: url('../fonts/rouble-webfont.eot');
src: url('../fonts/rouble-webfont.eot?iefix') format('eot'), url('../fonts/rouble-webfont.woff') format('woff'), url('../fonts/rouble-webfont.ttf') format('truetype'), url('../fonts/rouble-webfont.svg#webfonto7UJV9oC') format('svg');
}
.rouble {
line-height: 1;
/*font-family: 'ALSRublRegular';*/
}
.search {
width: 320px;
}
.search__container {
position: relative;
}
.search__close {
position: absolute;
top: 50%;
right: 10px;
display: none;
width: 24px;
height: 24px;
margin-top: -12px;
font-size: 20px;
line-height: 1;
text-align: center;
color: #888;
cursor: pointer;
}
.search__button {
position: absolute;
opacity: 0;
}
.search .ui-input {
width: 100%;
height: 45px;
padding-right: 40px;
border-color: #878b92;
border-radius: 50px;
}
.search .link {
color: #c9ccd1;
}
.section {
padding-top: 40px;
padding-bottom: 50px;
}
.section__title, .section__title h3, .section__title.h3, .section__title h1 {
margin-top: 0;
margin-bottom: 20px;
font-weight: 400;
font-family: 'ProximaNovaRg';
text-align: center;
color: #82878f;
text-transform: uppercase;
letter-spacing: 0.9px;
}
.section__title.h3 {
font-size: 1.56rem;
}
.section__heading {
margin-top: 0;
margin-bottom: 40px;
padding-bottom: 5px;
border-bottom: 1px solid #e1e0e0;
}
.section__footer {
padding-top: 15px;
text-align: center;
}
.section_features {
padding-top: 0;
}
.section_subscription {
padding: 0 0 25px;
}
.section_news {
padding-top: 0;
}
.section_news .section__footer {
padding-top: 25px;
}
.section_news .section__footer .button {
min-width: 215px;
}
.section_latest {
position: relative;
padding-top: 0;
}
.section_article {
padding-top: 0;
}
.section_article .section__title {
margin-bottom: 22px;
}
.section_payment {
padding-bottom: 60px;
}
.section_payment .section__title {
margin-bottom: 20px;
}
.section_reviews {
position: relative;
left: 50%;
width: 100vw;
margin-bottom: 30px;
padding-bottom: 0;
background-image: url(../images/bg-star1.png);
background-repeat: repeat;
background-attachment: scroll;
-o-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.section_reviews .section__title h4, section__title.h4 {
margin-bottom: 25px;
color: #fff;
}
.h4 {
line-height: 1.2;
font-family: 'ProximaNovaBold';
margin: 1.42rem 0 0.714rem;
font-size: 1.3rem;
}
.section_reviews .container {
padding: 0;
}
.section_all-reviews {
padding-top: 0;
}
.section_breadcrumbs {
position: relative;
padding-top: 0;
padding-bottom: 30px;
}
.section_product-card {
padding-top: 0;
}
.section_catalog {
padding-top: 0;
padding-bottom: 0;
}
.section_catalog .section__header {
position: relative;
}
.section_catalog .section__header .heading, .section_catalog .section__header .heading h3, .section_catalog .section__header .heading h1 {
display: inline-block;
margin-bottom: 20px;
margin-top: 0px;
font-size: 1.56rem;
}
.section_catalog .catalog-counter {
display: inline-block;
margin-left: 20px;
color: #a7afb7;
}
.section_catalog .section__panel {
position: relative;
}
/**/
#discount {
visibility: hidden;
}
.select {
height: 40px;
padding-left: 0.5rem;
line-height: 40px;
background-color: white;
border: 1px solid #c6ccd6;
}
.select_sm {
height: 30px;
padding-left: 1rem;
}
.select_md {
height: 45px;
padding-left: 2rem;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
z-index: 1000;
height: 100%;
background-color: #464e4e;
}
/* Slide nav on mobile */
.slide-nav {
display: none;
background: #fff;
}
.slide-nav {
overflow-x: hidden;
overflow-y: auto;
}
.slide-nav::-webkit-scrollbar {
width: 5px;
}
.slide-nav::-webkit-scrollbar-track {
background: #ccc;
}
.slide-nav.ui-scroll::-webkit-scrollbar-thumb {
background-color: #a3a3a3;
}
.slide-nav::-webkit-scrollbar-thumb:window-inactive {
background: rgba(51, 51, 51, 0.7);
}
.slide-nav__container {
width: 100%;
min-height: 100%;
}
.slide-nav__body {
padding: 10px 10px 20px;
}
.slide-nav__panel {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
padding: 0 10px;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
}
.slide-nav__footer {
padding: 10px 10px 40px;
text-align: center;
background-color: #f7f7fa;
}
.slide-nav__footer .title {
display: block;
margin-bottom: 5px;
font-size: 14px;
line-height: 1;
font-family: 'ProximaNovaBold';
}
.slide-nav__footer .button_rounded {
margin: 10px 0;
}
.slide-nav .contact {
margin-top: 10px;
}
.slide-nav .contact .phone,
.slide-nav .contact .hours,
.slide-nav .contact .link {
display: block;
}
.slide-nav .contact .phone {
font-size: 24px;
color: #202020;
letter-spacing: 0.18px;
}
.slide-nav .contact .hours {
font-size: 14px;
color: #8a8a8a;
}
.slide-nav .contact .link {
margin-top: 10px;
}
.slider {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.slider_main {
height: 180px;
}
.slider_main .swiper-slide {
position: relative;
}
.slider_main .slider__image {
position: absolute;
right: 0;
bottom: 0;
z-index: 100;
}
.slider_main .title,
.slider_main .subtitle,
.slider_main .slider__button {
display: block;
}
.slider_main .title span,
.slider_main .subtitle span {
display: block;
}
.slider_main .title {
margin-bottom: 30px;
font-size: 12px;
line-height: 1.2;
font-family: 'ProximaNovaBold';
}
.slider_main .subtitle {
font-size: 12px;
color: #f44;
}
.slider_main .slider__button .button {
width: 158px;
height: 41px;
}
.slider_main .slider__caption {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
flex-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
-webkit-justify-content: space-between;
justify-content: space-between;
height: 100%;
padding: 63px 32px 32px 47px;
background-color: #f5f5f5;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
}
/*
.slider_main .slider__caption::after {
content: '';
position: absolute;
top: -70%;
right: -50%;
width: 50%;
height: 170%;
background: #ffb523;
-o-transform-origin: 0 100%;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
-o-transition: -o-transform 0.25s ease-out;
-webkit-transition: -webkit-transform 0.25s ease-out;
transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out, -o-transform 0.25s ease-out;
transition: -webkit-transform 0.25s ease-out;
transition: transform 0.25s ease-out;
}
*/
.slider_main .slider__caption.is-slider-anim::after {
-webkit-transform: rotate(-50deg);
-o-transform: rotate(-50deg);
transform: rotate(-50deg);
}
.slider_main .slider__content,
.slider_main .slider__button {
position: relative;
z-index: 110;
}
.slider_latest,
.slider_reviews {
padding: 20px;
}
.slider_latest .swiper-slide,
.slider_reviews .swiper-slide {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: auto;
}
.slider_latest .card {
margin-bottom: 0;
}
.slider_reviews {
padding-bottom: 60px;
}
.slider_reviews .comment {
width: 100%;
-webkit-transition: -webkit-box-shadow 0.25s ease-out;
-o-transition: box-shadow 0.25s ease-out;
transition: -webkit-box-shadow 0.25s ease-out;
transition: box-shadow 0.25s ease-out;
transition: box-shadow 0.25s ease-out, -webkit-box-shadow 0.25s ease-out;
}
.slider_reviews .comment:hover {
-webkit-box-shadow: 0 7px 12px rgba(0, 0, 0, 0.35);
box-shadow: 0 7px 12px rgba(0, 0, 0, 0.35);
}
.slider_reviews.swiper-container > .swiper-pagination-bullets {
bottom: 15px;
}
.slider_news .news {
width: 100%;
margin-bottom: 1rem;
}
.slider_question {
padding-bottom: 20px;
}
.slider_question.swiper-container > .swiper-pagination-bullets {
bottom: 0;
}
.swiper-button-prev,
.swiper-button-next {
width: 40px;
height: 40px;
background-color: #fff;
background-image: url(../images/next-rounded.svg);
-webkit-background-size: 40px 40px;
background-size: 40px 40px;
border-radius: 50%;
}
.swiper-pagination-bullet {
border: 1px solid #f44;
-webkit-box-shadow: none;
box-shadow: none;
}
.swiper-pagination-bullet-active {
background-color: #f44;
}
.carousel.is-loading .carousel__item {
opacity: 0;
display: none;
}
.carousel.is-loading .carousel__item:first-child {
opacity: 1;
display: block;
}
.carousel.carousel_product-nav.is-loading .carousel__item {
opacity: 1;
display: inline-block;
}
.carousel.is-loading.flickity-enabled .carousel__item {
opacity: 1;
display: block;
}
.carousel_product {
margin-bottom: 2rem;
}
.carousel_product .carousel__item {
display: block;
width: 100%;
}
.carousel_product .carousel__item img {
width: 100%;
height: auto;
vertical-align: top;
}
.carousel_product .flickity-prev-next-button {
top: auto;
bottom: -100px;
z-index: 100;
border: 1px solid #a7afb7;
border-radius: 50%;
}
.carousel_product .flickity-prev-next-button:focus {
outline: 0;
}
.carousel_product-nav {
width: 80%;
margin: auto;
padding: 0 40px;
}
.carousel_product-nav .carousel__item {
width: 52px;
height: 52px;
margin-right: 10px;
border: 1px solid #a7afb7;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.carousel_product-nav .carousel__item.is-nav-selected {
border-color: #f44;
}
.social__item {
display: inline-block;
margin-right: 2px;
}
.social__item:last-child {
margin-right: 0;
}
.social__link {
position: relative;
display: block;
width: 30px;
height: 30px;
text-align: center;
color: #fff;
background-color: #8f999d;
border-radius: 50%;
-webkit-transition: 0.25s all ease-out;
-o-transition: 0.25s all ease-out;
transition: 0.25s all ease-out;
}
.social__link.fb {
background: #3b5998;
}
.social__link.ok {
background: #ee8208;
}
.social__link.vk {
background: #4a76a8;
}
.social__link.gp {
background: #dd4c39;
}
.social__link:hover {
color: rgba(255, 255, 255, 0.85);
}
.social__icon {
position: absolute;
top: 50%;
left: 50%;
font-size: 1rem;
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.social_color .social__item {
margin-right: 8px;
}
.social_color .social__icon {
font-size: 24px;
}
.social_color .social__link {
width: 47px;
height: 47px;
}
.social_color .social__link:hover {
color: #fff;
}
.social_color .social__link_fb {
background: #3b5997;
}
.social_color .social__link_vk {
background: #4885c5;
}
.social_color .social__link_tw {
background: #0fb5ee;
}
.social_color .social__link_inst {
background: #d6249f;
background: -webkit-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
background: -o-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}
.social_color .social__link_gl {
background: #cc181e;
}
.social_color .social__link_ok {
background: #ee8208;
}
.status,
.status span {
display: inline-block;
vertical-align: middle;
}
.status .icon {
margin-right: 5px;
}
.status_instock {
color: #00a533;
}
.subscription {
padding: 40px 0;
background-color: #fff;
border: 1px solid #c6ccd6;
}
.subscription__col_inform {
padding: 0 0 10px;
text-align: center;
}
.subscription .section__title {
margin-bottom: 2.14rem;
}
.subscription .social {
margin-top: 2.14rem;
}
.widget {
text-align: center;
}
.widget img {
margin-right: auto;
margin-left: auto;
}
table {
width: 100%;
}
.table {
margin-bottom: 1.5rem;
border-collapse: collapse;
background-color: white;
}
.full_version.button {
display: none;
}
.mobile_version {
float: right;
width: 100%;
margin-top: 10px;
height: 50px;
line-height: 50px;
font-size: 19px;
}
.table caption {
padding-top: 0.5rem;
caption-side: bottom;
font-size: 0.857rem;
text-align: center;
color: #a8adb5;
}
.table th {
padding: 0.5rem 0.75rem;
text-align: left;
background-color: transparent;
border-bottom: solid 2px #000;
}
.table td {
padding: 0.5rem 0.75rem;
border-bottom: solid 1px #000;
}
/* Variations */
.table_bordered {
border: solid 1px #000;
}
.table_bordered td {
border-width: 1px;
border-style: solid;
border-color: #000;
}
.table_hover tbody tr:hover td {
color: white;
background-color: #f44;
}
.table_striped td {
vertical-align: middle;
border: 0;
}
.table_striped tr:nth-child(odd) td {
background-color: #f4f4f4;
}
.table_no-bordered,
.table_no-bordered td {
border: none;
}
[data-tooltip] {
position: relative;
cursor: pointer;
}
[data-tooltip]::after,
[data-tooltip]::before {
position: absolute;
z-index: 10;
opacity: 0;
-webkit-transition: all 0.18s ease-out 0.18s;
-o-transition: all 0.18s ease-out 0.18s;
transition: all 0.18s ease-out 0.18s;
pointer-events: none;
}
[data-tooltip]::after {
content: attr(data-tooltip);
padding: 0.5em 1em;
font-size: 12px;
font-family: 'ProximaNovaBold';
color: #fff;
font-style: normal;
white-space: nowrap;
text-shadow: none;
background: rgba(153, 153, 153, 0.95);
border-radius: 0;
opacity: 0;
-webkit-transition: all 0.18s ease-out 0.18s;
-o-transition: all 0.18s ease-out 0.18s;
transition: all 0.18s ease-out 0.18s;
pointer-events: none;
}
[data-tooltip]::before {
content: '';
z-index: 11;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip][data-tooltip-visible]:before,
[data-tooltip][data-tooltip-visible]:after {
opacity: 1;
pointer-events: auto;
}
[data-tooltip]:not([data-tooltip-pos])::after,
[data-tooltip]:not([data-tooltip-pos])::before {
bottom: 100%;
left: 50%;
-webkit-transform: translate(-50%, 10px);
-o-transform: translate(-50%, 10px);
transform: translate(-50%, 10px);
-webkit-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
}
[data-tooltip]:not([data-tooltip-pos]):after {
margin-bottom: 11px;
}
[data-tooltip]:not([data-tooltip-pos]):before {
margin-bottom: 5px;
}
[data-tooltip]:not([data-tooltip-pos]):hover:after,
[data-tooltip]:not([data-tooltip-pos]):hover::before,
[data-tooltip]:not([data-tooltip-pos])[data-tooltip-visible]:after,
[data-tooltip]:not([data-tooltip-pos])[data-tooltip-visible]::before {
-webkit-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
[data-tooltip][data-tooltip-break]:after {
white-space: pre;
}
[data-tooltip][data-tooltip-blunt]:before,
[data-tooltip][data-tooltip-blunt]:after {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
[data-tooltip][data-tooltip-pos="up"]::after,
[data-tooltip][data-tooltip-pos="up"]::before {
bottom: 100%;
left: 50%;
-webkit-transform: translate(-50%, 10px);
-o-transform: translate(-50%, 10px);
transform: translate(-50%, 10px);
-webkit-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
}
[data-tooltip][data-tooltip-pos="up"]:after {
margin-bottom: 11px;
}
[data-tooltip][data-tooltip-pos="up"]:before {
border-width: 6px;
border-style: solid;
border-color: #999 transparent transparent;
}
[data-tooltip][data-tooltip-pos="up"]:hover:after,
[data-tooltip][data-tooltip-pos="up"]:hover::before,
[data-tooltip][data-tooltip-pos="up"][data-tooltip-visible]:after,
[data-tooltip][data-tooltip-pos="up"][data-tooltip-visible]::before {
-webkit-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
[data-tooltip][data-tooltip-pos="up-left"]::after,
[data-tooltip][data-tooltip-pos="up-left"]::before {
bottom: 100%;
-webkit-transform: translate(0, 10px);
-o-transform: translate(0, 10px);
transform: translate(0, 10px);
-webkit-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
}
[data-tooltip][data-tooltip-pos="up-left"]:after {
left: 0;
margin-bottom: 11px;
}
[data-tooltip][data-tooltip-pos="up-left"]::before {
left: 5px;
border-width: 6px;
border-style: solid;
border-color: #999 transparent transparent;
}
[data-tooltip][data-tooltip-pos="up-left"]:hover:after,
[data-tooltip][data-tooltip-pos="up-left"]:hover::before,
[data-tooltip][data-tooltip-pos="up-left"][data-tooltip-visible]:after,
[data-tooltip][data-tooltip-pos="up-left"][data-tooltip-visible]::before {
-webkit-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
[data-tooltip][data-tooltip-pos="up-right"]:after,
[data-tooltip][data-tooltip-pos="up-right"]::before {
bottom: 100%;
-webkit-transform: translate(0, 10px);
-o-transform: translate(0, 10px);
transform: translate(0, 10px);
-webkit-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
}
[data-tooltip][data-tooltip-pos="up-right"]::after {
right: 0;
margin-bottom: 11px;
}
[data-tooltip][data-tooltip-pos="up-right"]:before {
right: 5px;
border-width: 6px;
border-style: solid;
border-color: #999 transparent transparent;
}
[data-tooltip][data-tooltip-pos="up-right"]:hover:after,
[data-tooltip][data-tooltip-pos="up-right"]:hover::before,
[data-tooltip][data-tooltip-pos="up-right"][data-tooltip-visible]:after,
[data-tooltip][data-tooltip-pos="up-right"][data-tooltip-visible]::before {
-webkit-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
[data-tooltip][data-tooltip-pos='down']:after,
[data-tooltip][data-tooltip-pos='down']::before {
top: 100%;
left: 50%;
-webkit-transform: translate(-50%, -10px);
-o-transform: translate(-50%, -10px);
transform: translate(-50%, -10px);
}
[data-tooltip][data-tooltip-pos='down']::after {
margin-top: 11px;
}
[data-tooltip][data-tooltip-pos='down']:before {
border-width: 6px;
border-style: solid;
border-color: transparent transparent #999;
}
[data-tooltip][data-tooltip-pos='down']:hover:after,
[data-tooltip][data-tooltip-pos='down']:hover::before,
[data-tooltip][data-tooltip-pos='down'][data-tooltip-visible]:after,
[data-tooltip][data-tooltip-pos='down'][data-tooltip-visible]::before {
-webkit-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
[data-tooltip][data-tooltip-pos='down-left']:after,
[data-tooltip][data-tooltip-pos='down-left']::before {
top: 100%;
-webkit-transform: translate(0, -10px);
-o-transform: translate(0, -10px);
transform: translate(0, -10px);
}
[data-tooltip][data-tooltip-pos='down-left']::after {
left: 0;
margin-top: 11px;
}
[data-tooltip][data-tooltip-pos='down-left']:before {
left: 5px;
border-width: 6px;
border-style: solid;
border-color: transparent transparent #999;
}
[data-tooltip][data-tooltip-pos='down-left']:hover:after,
[data-tooltip][data-tooltip-pos='down-left']:hover::before,
[data-tooltip][data-tooltip-pos='down-left'][data-tooltip-visible]:after,
[data-tooltip][data-tooltip-pos='down-left'][data-tooltip-visible]::before {
-webkit-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
[data-tooltip][data-tooltip-pos='down-right']:after,
[data-tooltip][data-tooltip-pos='down-right']::before {
top: 100%;
-webkit-transform: translate(0, -10px);
-o-transform: translate(0, -10px);
transform: translate(0, -10px);
}
[data-tooltip][data-tooltip-pos='down-right']::after {
right: 0;
margin-top: 11px;
}
[data-tooltip][data-tooltip-pos='down-right']:before {
right: 5px;
border-width: 6px;
border-style: solid;
border-color: transparent transparent #999;
}
[data-tooltip][data-tooltip-pos='down-right']:hover:after,
[data-tooltip][data-tooltip-pos='down-right']:hover::before,
[data-tooltip][data-tooltip-pos='down-right'][data-tooltip-visible]:after,
[data-tooltip][data-tooltip-pos='down-right'][data-tooltip-visible]::before {
-webkit-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
[data-tooltip][data-tooltip-pos='left']:after,
[data-tooltip][data-tooltip-pos='left']::before {
top: 50%;
right: 100%;
-webkit-transform: translate(10px, -50%);
-o-transform: translate(10px, -50%);
transform: translate(10px, -50%);
}
[data-tooltip][data-tooltip-pos='left']::after {
margin-right: 11px;
}
[data-tooltip][data-tooltip-pos='left']:before {
border-width: 6px;
border-style: solid;
border-color: transparent transparent transparent #999;
}
[data-tooltip][data-tooltip-pos='left']:hover:after,
[data-tooltip][data-tooltip-pos='left']:hover::before,
[data-tooltip][data-tooltip-pos='left'][data-tooltip-visible]:after,
[data-tooltip][data-tooltip-pos='left'][data-tooltip-visible]::before {
-webkit-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
[data-tooltip][data-tooltip-pos='right']:after,
[data-tooltip][data-tooltip-pos='right']::before {
top: 50%;
left: 100%;
-webkit-transform: translate(-10px, -50%);
-o-transform: translate(-10px, -50%);
transform: translate(-10px, -50%);
}
[data-tooltip][data-tooltip-pos='right']::after {
margin-left: 11px;
}
[data-tooltip][data-tooltip-pos='right']:before {
border-width: 6px;
border-style: solid;
border-color: transparent #999 transparent transparent;
}
[data-tooltip][data-tooltip-pos='right']:hover:after,
[data-tooltip][data-tooltip-pos='right']:hover::before,
[data-tooltip][data-tooltip-pos='right'][data-tooltip-visible]:after,
[data-tooltip][data-tooltip-pos='right'][data-tooltip-visible]::before {
-webkit-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
[data-tooltip][data-tooltip-length='small']:after {
width: 80px;
white-space: normal;
}
[data-tooltip][data-tooltip-length='medium']:after {
width: 150px;
white-space: normal;
}
[data-tooltip][data-tooltip-length='large']:after {
width: 260px;
white-space: normal;
}
[data-tooltip][data-tooltip-length='xlarge']:after {
width: 380px;
white-space: normal;
}
[data-tooltip][data-tooltip-length='fit']:after {
width: 100%;
white-space: normal;
}
/* html */
.ui-badge {
display: inline-block;
width: 40px;
height: 40px;
line-height: 1;
vertical-align: middle;
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: 40px 40px;
background-size: 40px 40px;
}
.ui-badge_new {
background-image: url(../images/badge-new.png);
}
.ui-badge_hit {
background-image: url(../images/badge-hit@2x.png);
}
.ui-badge_sale {
background-image: url(../images/badge-sale.png);
}
.ui-checkbox {
width: 18px;
height: 18px;
margin: 0 3px 0 0;
vertical-align: top;
}
.ui-checkbox + .label {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ui-checkbox:not(checked) {
position: absolute;
opacity: 0;
}
.ui-checkbox:not(checked) + .label {
position: relative;
display: inline-block;
padding: 0 0 0 30px;
line-height: 18px;
vertical-align: middle;
}
.ui-checkbox:not(checked) + .label::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
background-color: white;
border: 2px solid #f44;
border-radius: 2px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.ui-checkbox:not(checked) + .label::after {
content: '';
position: absolute;
top: 5px;
left: 5px;
display: none;
width: 11px;
height: 9px;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAJBAMAAAAWSsseAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJ1BMVEX///////////////////////////////////////////////////9Ruv0SAAAADHRSTlMAIplmRLsRM8x37t3Hsu74AAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAADpJREFUCNdjYAACRgYw0DEAkUxnDjCwhDHonDFgqDnBeeYwA4PUmT1ADgP7GhCHgaHmzAQQxXISSAAAa2UNz4itEMcAAAAASUVORK5CYII=');
}
.ui-checkbox:checked + .label::before {
background-color: #f44;
-webkit-background-clip: content-box;
background-clip: content-box;
}
.ui-checkbox:checked + .label::after {
display: block;
}
.ui-checkbox:hover + .label::before {
border: 2px solid #f44;
}
.ui-checkbox:disabled + .label,
.ui-checkbox.disabled + .label {
opacity: 0.5;
pointer-events: none;
}
.ui-checkbox:disabled + .label::before,
.ui-checkbox.disabled + .label::before {
border: 1px solid #b7b7b7;
}
.ui-checkbox:disabled + .label::after,
.ui-checkbox.disabled + .label::after {
display: none;
}
.ui-input {
height: 40px;
padding-right: 1rem;
padding-left: 1rem;
line-height: 40px;
background-color: white;
border: 1px solid #c6ccd6;
}
.ui-input_sm {
height: 30px;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.ui-input_md {
height: 45px;
padding-right: 2rem;
padding-left: 2rem;
text-transform: uppercase;
}
.ui-input_bordered {
height: 30px;
padding-top: 3px;
padding-right: 0.5rem;
padding-bottom: 3px;
padding-left: 0;
background-color: transparent;
border: none;
border-bottom: solid 1px #d9d9d9;
}
.ui-input_bordered:focus + .line {
-webkit-transform: scaleX(1) translateY(-2px);
-o-transform: scaleX(1) translateY(-2px);
transform: scaleX(1) translateY(-2px);
opacity: 1;
}
.line {
display: block;
width: 100%;
height: 3px;
background: #d9d9d9;
-webkit-transform: scaleX(0) translateY(-2px);
-o-transform: scaleX(0) translateY(-2px);
transform: scaleX(0) translateY(-2px);
-webkit-transform-origin: 50%;
-o-transform-origin: 50%;
transform-origin: 50%;
opacity: 0;
-webkit-transition: all 0.12s cubic-bezier(0, 0, 0.52, 1.11);
-o-transition: all 0.12s cubic-bezier(0, 0, 0.52, 1.11);
transition: all 0.12s cubic-bezier(0, 0, 0.52, 1.11);
}
.ui-radio {
width: 18px;
height: 18px;
margin: 0 3px 0 0;
vertical-align: middle;
}
.ui-radio + .label {
display: inline-block;
line-height: 18px;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ui-radio:not(checked) {
position: absolute;
opacity: 0;
}
.ui-radio:not(checked) + .label {
position: relative;
padding: 0 0 0 25px;
color: #474747;
}
.ui-radio:not(checked) + .label::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 18px;
height: 18px;
background-color: white;
border: 1px solid #f44;
border-radius: 50%;
}
.ui-radio:not(checked) + .label::after {
content: '';
position: absolute;
top: 4px;
left: 4px;
display: none;
width: 10px;
height: 10px;
background-color: #f44;
border-radius: 50%;
}
.ui-radio:checked + .label {
color: #474747;
}
.ui-radio:checked + .label::after {
display: block;
}
.ui-radio:hover + .label::before {
border: 2px solid #f44;
}
.ui-radio:disabled + .label,
.ui-radio.disabled + .label {
opacity: 0.5;
pointer-events: none;
}
.ui-radio:disabled + .label::before,
.ui-radio.disabled + .label::before {
border: 1px solid #b7b7b7;
}
.ui-radio:disabled + .label::after,
.ui-radio.disabled + .label::after {
display: none;
}
.ui-tabs__nav {
margin-bottom: 45px;
padding: 0;
list-style: none;
text-align: center;
}
.ui-tabs__control {
display: inline-block;
padding: 0 5px;
}
.ui-tabs__control.active .ui-tabs__link {
color: #f44;
border-color: #f44;
}
.ui-tabs__link {
display: inline-block;
padding-bottom: 1px;
font-size: 12px;
line-height: 1;
font-family: 'ProximaNovaBold';
text-align: center;
color: #82878f;
text-transform: uppercase;
letter-spacing: 0.9px;
border-bottom: 1px solid transparent;
cursor: pointer;
-webkit-transition: 0.25s all ease-out;
-o-transition: 0.25s all ease-out;
transition: 0.25s all ease-out;
}
.ui-tabs__link:hover {
color: #f44;
border-color: #f44;
}
.ui-tabs__section {
display: none;
width: 100%;
}
.ui-tabs__section.active {
display: block;
}
.ui-textarea {
height: 120px;
padding: 10px;
background-color: white;
border: 1px solid #d9d9d9;
}
/* Sticky footer */
.wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100vh;
margin: 0 auto;
overflow-x: hidden;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
}
.wrapper .page {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-box-flex: 1;
}
.wrapper .header,
.wrapper .footer {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-flex: 0;
}
/* for open slideout menu on mobile */
.is-menu-open::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
z-index: 99;
width: 100%;
min-height: 100vh;
background-color: rgba(26, 26, 29, 0.8);
}
.is-menu-open::after {
content: '';
position: absolute;
top: 10px;
left: 15px;
z-index: 100;
display: block;
width: 10px;
height: 18px;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 257.57 451.85'%3E%3Cpath fill='%23fff' d='M0,225.92a31.56,31.56,0,0,1,9.26-22.37L203.55,9.27A31.64,31.64,0,0,1,248.3,54L76.39,225.92l171.9,171.91a31.64,31.64,0,0,1-44.75,44.74L9.26,248.29A31.52,31.52,0,0,1,0,225.92Z'/%3E%3C/svg%3E");
}
/* Plugins*/
/*! Flickity v2.1.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
position: relative;
}
.flickity-enabled:focus {
outline: none;
}
.flickity-viewport {
position: relative;
height: 100%;
overflow: hidden;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}
/* draggable */
.flickity-enabled.is-draggable {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
}
/* ---- flickity-button ---- */
.flickity-button {
position: absolute;
color: #333;
background: hsla(0, 0%, 100%, 0.75);
border: none;
}
.flickity-button:hover {
background: white;
cursor: pointer;
}
.flickity-button:focus {
outline: none;
-webkit-box-shadow: 0 0 0 5px #19f;
box-shadow: 0 0 0 5px #19f;
}
.flickity-button:active {
opacity: 0.6;
}
.flickity-button:disabled {
cursor: auto;
opacity: 0.3;
/* prevent disabled button from capturing pointer up event. #716 */
pointer-events: none;
}
.flickity-button-icon {
fill: #333;
}
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
top: 50%;
width: 44px;
height: 44px;
border-radius: 50%;
/* vertically center */
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.flickity-prev-next-button.previous {
left: 10px;
}
.flickity-prev-next-button.next {
right: 10px;
}
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
right: 10px;
left: auto;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}
.flickity-prev-next-button .flickity-button-icon {
position: absolute;
top: 20%;
left: 20%;
width: 60%;
height: 60%;
}
/* ---- page dots ---- */
.flickity-page-dots {
position: absolute;
bottom: -25px;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
line-height: 1;
text-align: center;
}
.flickity-rtl .flickity-page-dots {
direction: rtl;
}
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
cursor: pointer;
opacity: 0.25;
}
.flickity-page-dots .dot.is-selected {
opacity: 1;
}
/**
* Swiper 3.4.2
* Most modern mobile touch slider and framework with hardware accelerated transitions
*
* http://www.idangero.us/swiper/
*
* Copyright 2017, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under MIT
*
* Released on: March 10, 2017
*/
.swiper-container {
position: relative;
/* Fix of Webkit flickering */
z-index: 1;
margin-right: auto;
margin-left: auto;
overflow: hidden;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-orient: vertical;
}
.swiper-wrapper {
position: relative;
z-index: 1;
display: -webkit-flex;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-sizing: content-box;
box-sizing: content-box;
width: 100%;
height: 100%;
-webkit-transition-property: -webkit-transform;
-o-transition-property: -o-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform, -o-transform;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
-o-transform: translate(0, 0);
transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
}
.swiper-container-free-mode > .swiper-wrapper {
margin: 0 auto;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-slide {
position: relative;
-ms-flex: 0 0 auto;
-webkit-flex-shrink: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
-ms-flex-negative: 0;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-align-items: flex-start;
align-items: flex-start;
-o-transition-property: -o-transform;
transition-property: transform, height, -webkit-transform, -o-transform;
-webkit-transition-property: -webkit-transform, height;
transition-property: transform, height;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
-o-transition-property: height, -o-transform;
-webkit-box-align: start;
-ms-flex-align: start;
}
/* a11y */
.swiper-container .swiper-notification {
position: absolute;
top: 0;
left: 0;
z-index: -1000;
opacity: 0;
pointer-events: none;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
z-index: 10;
width: 48px;
height: 48px;
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
cursor: pointer;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
cursor: auto;
opacity: 0.35;
pointer-events: none;
}
.swiper-button-prev {
left: 0;
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.swiper-button-next {
right: 0;
}
/*
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
*/
/* Pagination Styles */
.swiper-pagination {
position: absolute;
z-index: 10;
text-align: center;
-webkit-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
}
/* Bullets */
.swiper-pagination-bullet {
display: inline-block;
width: 14px;
height: 14px;
border-radius: 100%;
}
button.swiper-pagination-bullet {
margin: 0;
padding: 0;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
top: 50%;
right: 10px;
-webkit-transform: translate3d(0, -50%, 0);
-o-transform: translate(0, -50%);
transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
display: block;
margin: 5px 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
}
/* Progress */
.swiper-pagination-progress {
position: absolute;
background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progress .swiper-pagination-progressbar {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #007aff;
-webkit-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
-webkit-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
top: 0;
left: 0;
width: 100%;
height: 4px;
}
.swiper-container-vertical > .swiper-pagination-progress {
top: 0;
left: 0;
width: 4px;
height: 100%;
}
.swiper-pagination-progress.swiper-pagination-white {
background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
background: #000;
}
/* 3D Container */
.swiper-container-3d {
-webkit-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
pointer-events: none;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
/* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Opera 11.10-12.00 */
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Chrome 10+, Safari 5.1+, iOS 5+ *//* Firefox 3.6-15 */
/* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
/* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Opera 11.10-12.00 */
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Chrome 10+, Safari 5.1+, iOS 5+ *//* Firefox 3.6-15 */
/* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
/* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Opera 11.10-12.00 */
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Chrome 10+, Safari 5.1+, iOS 5+ *//* Firefox 3.6-15 */
/* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
/* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Opera 11.10-12.00 */
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Chrome 10+, Safari 5.1+, iOS 5+ *//* Firefox 3.6-15 */
/* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
/* Windows 8 IE 10 fix */
-ms-perspective: 1200px;
}
/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
z-index: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
pointer-events: none;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube .swiper-slide {
width: 100%;
height: 100%;
-webkit-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
visibility: hidden;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-o-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
visibility: visible;
pointer-events: auto;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
bottom: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: url('data:image/svg+xml;charset=utf-8, #filter');
filter: blur(50px);
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
pointer-events: none;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-zoom-container {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 100%;
height: 100%;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
/* Scrollbar */
.swiper-scrollbar {
position: relative;
background: rgba(0, 0, 0, 0.1);
border-radius: 10px;
-ms-touch-action: none;
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
bottom: 3px;
left: 1%;
z-index: 50;
width: 98%;
height: 5px;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
top: 1%;
right: 3px;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
position: absolute;
top: 50%;
left: 50%;
z-index: 10;
width: 42px;
height: 42px;
margin-top: -21px;
margin-left: -21px;
-webkit-transform-origin: 50%;
-o-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
-o-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
content: "";
display: block;
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: 50%;
-webkit-background-size: 100%;
background-size: 100%;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@-o-keyframes swiper-preloader-spin {
100% {
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.slideout-menu {
position: fixed;
top: 0;
bottom: 0;
z-index: 0;
display: none;
width: 280px;
height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.slideout-menu-left {
left: 0;
}
.slideout-menu-right {
right: 0;
}
.slideout-panel {
position: relative;
z-index: 1;
min-height: 100vh;
background-color: #fff;
}
.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
overflow: hidden;
}
.slideout-open .slideout-menu {
display: block;
}
.sl-wrapper .sl-close,
.sl-wrapper .sl-navigation button {
height: 44px;
line-height: 44px;
font-family: Arial, Baskerville, monospace;
}
.sl-wrapper .sl-close:focus,
.sl-wrapper .sl-navigation button:focus {
outline: 0;
}
body.hidden-scroll {
overflow: hidden;
}
.sl-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
background: #000;
opacity: 0.7;
}
.sl-wrapper .sl-close,
.sl-wrapper .sl-counter {
position: fixed;
top: 30px;
display: none;
color: #fff;
}
.sl-wrapper {
z-index: 1040;
}
.sl-wrapper button {
padding: 0;
font-size: 28px;
background: 0 0;
border: 0;
cursor: pointer;
}
.sl-wrapper button:hover {
opacity: 0.7;
}
.sl-wrapper .sl-close {
right: 30px;
z-index: 1060;
width: 44px;
margin-top: -14px;
margin-right: -14px;
font-size: 3rem;
}
.sl-wrapper .sl-counter {
left: 30px;
z-index: 1060;
font-size: 1rem;
}
.sl-wrapper .sl-navigation {
display: none;
width: 100%;
}
.sl-wrapper .sl-navigation button {
position: fixed;
top: 50%;
z-index: 1060;
display: block;
width: 22px;
margin-top: -22px;
text-align: center;
color: #fff;
}
.sl-wrapper .sl-navigation button.sl-next {
right: 5px;
font-size: 2rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
left: 5px;
font-size: 2rem;
}
.sl-wrapper .sl-image {
position: fixed;
z-index: 10000;
-ms-touch-action: none;
touch-action: none;
}
.sl-wrapper .sl-image img {
display: block;
margin: 0;
padding: 0;
border: 0;
}
.sl-wrapper .sl-image iframe {
background: #000;
border: 0;
}
.sl-wrapper .sl-image .sl-caption {
position: absolute;
right: 0;
bottom: 0;
left: 0;
display: none;
padding: 10px;
color: #fff;
background: rgba(0, 0, 0, 0.8);
}
.sl-wrapper .sl-image .sl-caption.pos-top {
top: 0;
bottom: auto;
}
.sl-wrapper .sl-image .sl-caption.pos-outside {
bottom: auto;
}
.sl-wrapper .sl-image .sl-download {
position: absolute;
right: 5px;
bottom: 5px;
z-index: 1060;
display: none;
color: #000;
}
.sl-spinner {
position: fixed;
top: 50%;
left: 50%;
z-index: 1007;
display: none;
width: 40px;
height: 40px;
margin: -20px 0 0 -20px;
border: 5px solid #333;
border-radius: 40px;
opacity: 0;
-webkit-animation: pulsate 1s ease-out infinite;
-o-animation: pulsate 1s ease-out infinite;
animation: pulsate 1s ease-out infinite;
}
.sl-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
.product-card .panel_inform {
position: relative;
}
.product-card .ui-badge {
position: absolute;
top: 22px;
right: 22px;
width: 44px;
height: 44px;
}
@-webkit-keyframes pulsate {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
}
@keyframes pulsate {
0% {
-webkit-transform: scale(0.1);
-o-transform: scale(0.1);
transform: scale(0.1);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
}
@-o-keyframes pulsate {
0% {
-o-transform: scale(0.1);
transform: scale(0.1);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-o-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
}
.slide-nav__panel__header {
display: flex;
padding: 5px 0;
align-items: center;
width: 100%;
}
.slide-nav__panel__header__left {
flex-basis: 66.666%;
min-width: 66.666%;
}
.slide-nav__panel__header__right {
flex-basis: 33.333%;
min-width: 33.333%;
}
.slide-nav__panel__header__left .phone {
display: block;
font-size: 14px;
line-height: 20px;
font-weight: 600;
}
.slide-nav__panel__header__time {
display: block;
color: #8a8a8a;
font-size: 12px;
line-height: 18px;
}
.slide-nav__panel__header__mail {
color: #ff4444;
font-size: 12px;
line-height: 16px;
text-decoration: underline;
}
.login__user {
width: 20px;
height: 20px;
margin: 0 auto 6px;
display: block;
}
.login__user svg {
display: block;
width: 20px;
height: 20px;
}
.login__link {
display: block;
text-align: center;
color: #ff4444;
font-size: 12px;
line-height: 16px;
font-weight: bold;
text-decoration: none;
}
.slide-nav__top-nav {
margin: 0;
padding: 0 15px;
display: flex;
align-items: center;
justify-content: space-evenly;
list-style-type: none;
border-top: 1px solid #ff4444;
border-bottom: 1px solid #ff4444;
}
.slide-nav__top-nav li {
padding: 5px;
}
.slide-nav__top-nav li a {
display: block;
text-decoration: none;
color: #474747;
font-size: 14px;
line-height: 30px;
font-weight: bold;
}
.menu-cat li.close > .item-text > a {
padding-right: 30px;
}
.page-link .menu-level1__text {
text-transform: none !important;
}
.menu-cat > li > .folder.active::after {
transform: rotate(225deg);
}
.page-link.page-link--reg span {
color: #ff4444;
}
/* Print */
@media only screen and (min-width: 0) and (max-width: 575px) {
.hide-xs {
display: none !important;
}
}
@media only screen and (min-width: 0) {
.hide-xs-up {
display: none !important;
}
.hide-xl-down {
display: none !important;
}
}
@media only screen and (min-width: 480px) {
.modal_xs {
width: 370px;
}
}
@media (min-width: 35.5em) {
.sl-wrapper .sl-navigation button {
width: 44px;
}
.sl-wrapper .sl-navigation button.sl-next {
right: 10px;
font-size: 3rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
left: 10px;
font-size: 3rem;
}
.sl-wrapper .sl-image iframe,
.sl-wrapper .sl-image img {
border: 0;
}
}
@media only screen and (min-width: 576px) {
.container {
max-width: none;
}
.row-sm-start {
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
}
.row-sm-center {
-webkit-justify-content: center;
justify-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
}
.row-sm-end {
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
}
.row-sm-around {
-webkit-justify-content: space-around;
justify-content: space-around;
-ms-flex-pack: distribute;
}
.row-sm-between {
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
}
.col-sm {
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
-ms-flex-preferred-size: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
}
.col-sm-auto {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
-webkit-box-flex: 0;
}
.col-sm-1 {
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
-webkit-box-flex: 0;
}
.col-sm-2 {
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
-webkit-box-flex: 0;
}
.col-sm-3 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
-webkit-box-flex: 0;
}
.col-sm-4 {
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
-webkit-box-flex: 0;
}
.col-sm-5 {
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
-webkit-box-flex: 0;
}
.col-sm-6 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
-webkit-box-flex: 0;
}
.col-sm-7 {
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
-webkit-box-flex: 0;
}
.col-sm-8 {
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
-webkit-box-flex: 0;
}
.col-sm-9 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
-webkit-box-flex: 0;
}
.col-sm-10 {
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
-webkit-box-flex: 0;
}
.col-sm-11 {
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
-webkit-box-flex: 0;
}
.col-sm-12 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
-webkit-box-flex: 0;
}
.order-sm-1 {
-webkit-order: 1;
order: 1;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
}
.order-sm-2 {
-webkit-order: 2;
order: 2;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
}
.order-sm-3 {
-webkit-order: 3;
order: 3;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
}
.order-sm-4 {
-webkit-order: 4;
order: 4;
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
}
.order-sm-5 {
-webkit-order: 5;
order: 5;
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
}
.order-sm-6 {
-webkit-order: 6;
order: 6;
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
}
.order-sm-7 {
-webkit-order: 7;
order: 7;
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
}
.order-sm-8 {
-webkit-order: 8;
order: 8;
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
}
.order-sm-9 {
-webkit-order: 9;
order: 9;
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
}
.order-sm-10 {
-webkit-order: 10;
order: 10;
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
}
.order-sm-11 {
-webkit-order: 11;
order: 11;
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
}
.order-sm-12 {
-webkit-order: 12;
order: 12;
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
}
.offset-sm-0 {
margin-left: 0%;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}
.hide-sm-up {
display: none !important;
}
.footer .social {
width: 240px;
}
.header__search {
top: 10px;
}
.slider_main .title {
font-size: 21px;
}
.slider_main .subtitle {
font-size: 16px;
}
.slider_main {
height: 344px;
}
.social_color .social__item {
margin-right: 12px;
}
.ui-tabs__nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
}
.ui-tabs__control {
padding: 0 15px;
}
.ui-tabs__link {
font-size: 22px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.hide-sm {
display: none !important;
}
}
.vk_groups_container {
display: inline-block;
width: 100%;
text-align: center;
}
#vk_groups {
display: inline-block;
width: 400px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hide-md {
display: none !important;
}
#vk_groups {
width: 100%;
}
.product-card__section iframe {
margin: auto;
}
}
@media (min-width: 768px) {
.modal_sm {
max-width: 640px;
}
}
@media only screen and (min-width: 768px) {
.container {
max-width: none;
}
.row-md-start {
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
}
.row-md-center {
-webkit-justify-content: center;
justify-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
}
.row-md-end {
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
}
.row-md-around {
-webkit-justify-content: space-around;
justify-content: space-around;
-ms-flex-pack: distribute;
}
.row-md-between {
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
}
.col-md {
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
-ms-flex-preferred-size: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
}
.col-md-auto {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
-webkit-box-flex: 0;
}
.col-md-1 {
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
-webkit-box-flex: 0;
}
.col-md-2 {
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
-webkit-box-flex: 0;
}
.col-md-3 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
-webkit-box-flex: 0;
}
.col-md-4 {
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
-webkit-box-flex: 0;
}
.col-md-5 {
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
-webkit-box-flex: 0;
}
.col-md-6 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
-webkit-box-flex: 0;
}
.col-md-7 {
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
-webkit-box-flex: 0;
}
.col-md-8 {
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
-webkit-box-flex: 0;
}
.col-md-9 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
-webkit-box-flex: 0;
}
.col-md-10 {
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
-webkit-box-flex: 0;
}
.col-md-11 {
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
-webkit-box-flex: 0;
}
.col-md-12 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
-webkit-box-flex: 0;
}
.order-md-1 {
-webkit-order: 1;
order: 1;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
}
.order-md-2 {
-webkit-order: 2;
order: 2;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
}
.order-md-3 {
-webkit-order: 3;
order: 3;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
}
.order-md-4 {
-webkit-order: 4;
order: 4;
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
}
.order-md-5 {
-webkit-order: 5;
order: 5;
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
}
.order-md-6 {
-webkit-order: 6;
order: 6;
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
}
.order-md-7 {
-webkit-order: 7;
order: 7;
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
}
.order-md-8 {
-webkit-order: 8;
order: 8;
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
}
.order-md-9 {
-webkit-order: 9;
order: 9;
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
}
.order-md-10 {
-webkit-order: 10;
order: 10;
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
}
.order-md-11 {
-webkit-order: 11;
order: 11;
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
}
.order-md-12 {
-webkit-order: 12;
order: 12;
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
}
.offset-md-0 {
margin-left: 0%;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
.hide-md-up {
display: none !important;
}
.breadcrumbs {
padding-right: 250px;
}
.footer__col_logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
-ms-flex: 0 0 40%;
-webkit-flex: 0 0 40%;
flex: 0 0 40%;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
max-width: 40%;
padding-right: 35px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-flex: 0;
}
.footer__col_logo .newsletter {
margin: auto 0 0;
}
.footer__col_contact .contact {
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
-webkit-box-flex: 0;
}
.footer__col_contact .footer__social {
-webkit-flex: 0 0 60%;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
-webkit-box-flex: 0;
}
.footer__col_menu {
-webkit-flex: 0 0 30%;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
-webkit-box-flex: 0;
}
.header .logo {
margin-right: 75px;
}
.list_features .list__item {
position: relative;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
width: 100%;
max-width: 50%;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
-webkit-box-flex: 0;
}
.list_features .media {
margin-bottom: 0;
}
.list_products .list__item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
width: 100%;
max-width: 50%;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
-webkit-box-flex: 0;
}
.list_catalog .list__item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
width: 100%;
max-width: 50%;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
-webkit-box-flex: 0;
}
.list__item.list__item--v2 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
max-width: 100% !important;
flex-basis: 100% !important;
}
.product-card__section {
padding-top: 50px;
}
.product-card__section iframe {
width: 100%;
height: 220px;
}
.product-card__section_tags {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-top: 50px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
}
.product-card__section_tags .list_tags.detail-page {
-webkit-flex: 0 0 80%;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 80%;
margin-top: 0;
-webkit-box-flex: 0;
}
.product-card__section_tags .list_tags > li > a {
color: #5d636a;
}
.product-card .panel .panel__button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.product-card .panel .panel__button .button-buy {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-right: 20px;
margin-bottom: 0;
-webkit-box-flex: 1;
}
.product-card .panel .panel__button .button-buy_grey {
margin-right: 0;
}
.section_breadcrumbs .pager {
position: absolute;
top: 0;
right: 0;
}
.section_catalog .section__panel {
width: 240px;
padding-right: 20px;
}
.slider_main .slider__image {
opacity: 0;
-webkit-transition: opacity 0.25s linear;
-o-transition: opacity 0.25s linear;
transition: opacity 0.25s linear;
}
.slider_main .slider__button {
opacity: 0;
}
.slider_main .slider__content {
left: -9999px;
}
.slider_question {
display: none;
}
.subscription {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.subscription__col {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
-webkit-box-flex: 0;
}
.subscription__col_inform {
padding: 10px 22px;
}
}
@media (min-width: 50em) {
.sl-wrapper .sl-navigation button {
width: 44px;
}
.sl-wrapper .sl-navigation button.sl-next {
right: 20px;
font-size: 3rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
left: 20px;
font-size: 3rem;
}
.sl-wrapper .sl-image iframe,
.sl-wrapper .sl-image img {
border: 0;
}
}
@media only screen and (min-width: 992px) {
.container {
max-width: none;
}
.row-lg-start {
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
}
.row-lg-center {
-webkit-justify-content: center;
justify-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
}
.row-lg-end {
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
}
.row-lg-around {
-webkit-justify-content: space-around;
justify-content: space-around;
-ms-flex-pack: distribute;
}
.row-lg-between {
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
}
.col-lg {
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
-ms-flex-preferred-size: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
}
.col-lg-auto {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
-webkit-box-flex: 0;
}
.col-lg-1 {
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
-webkit-box-flex: 0;
}
.col-lg-2 {
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
-webkit-box-flex: 0;
}
.col-lg-3 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
-webkit-box-flex: 0;
}
.col-lg-4 {
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
-webkit-box-flex: 0;
}
.col-lg-5 {
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
-webkit-box-flex: 0;
}
.col-lg-6 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
-webkit-box-flex: 0;
}
.col-lg-7 {
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
-webkit-box-flex: 0;
}
.col-lg-8 {
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
-webkit-box-flex: 0;
}
.col-lg-9 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
-webkit-box-flex: 0;
}
.col-lg-10 {
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
-webkit-box-flex: 0;
}
.col-lg-11 {
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
-webkit-box-flex: 0;
}
.col-lg-12 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
-webkit-box-flex: 0;
}
.order-lg-1 {
-webkit-order: 1;
order: 1;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
}
.order-lg-2 {
-webkit-order: 2;
order: 2;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
}
.order-lg-3 {
-webkit-order: 3;
order: 3;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
}
.order-lg-4 {
-webkit-order: 4;
order: 4;
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
}
.order-lg-5 {
-webkit-order: 5;
order: 5;
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
}
.order-lg-6 {
-webkit-order: 6;
order: 6;
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
}
.order-lg-7 {
-webkit-order: 7;
order: 7;
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
}
.order-lg-8 {
-webkit-order: 8;
order: 8;
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
}
.order-lg-9 {
-webkit-order: 9;
order: 9;
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
}
.order-lg-10 {
-webkit-order: 10;
order: 10;
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
}
.order-lg-11 {
-webkit-order: 11;
order: 11;
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
}
.order-lg-12 {
-webkit-order: 12;
order: 12;
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
}
.offset-lg-0 {
margin-left: 0%;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}
.hide-lg-up {
display: none !important;
}
.article_info {
padding-right: 40px;
padding-left: 40px;
}
.article_info .col-sm-6:first-child {
padding-right: 35px;
}
.article_info .col-sm-6:last-child {
padding-left: 35px;
}
.cart__icon {
width: 50px;
height: 45px;
}
.footer__col {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: none;
-webkit-box-flex: 1;
}
.footer__col_logo {
padding-right: 55px;
}
.footer__col_contact {
display: block;
}
.footer__col_contact .contact {
max-width: none;
}
.footer__col_contact .footer__social {
max-width: none;
}
.header__search {
position: relative;
}
.header__search .link-search {
top: 9px;
right: 12px;
cursor: pointer;
}
.header .button-toggle {
display: none;
}
.header {
padding: 30px 0 25px;
}
.list_features .list__item {
position: relative;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
width: 100%;
max-width: 25%;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
-webkit-box-flex: 0;
}
.list_features {
padding-right: 40px;
padding-left: 40px;
}
.list_products .list__item {
position: relative;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
width: 100%;
max-width: 25%;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
-webkit-box-flex: 0;
}
.list_catalog .list__item {
position: relative;
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
width: 100%;
max-width: 33.333333%;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
-webkit-box-flex: 0;
}
.logo {
width: 240px;
}
.logo__image {
-webkit-flex: 0 0 70px;
-ms-flex: 0 0 70px;
flex: 0 0 70px;
max-width: 70px;
height: 70px;
-webkit-box-flex: 0;
}
.logo__icon {
width: 40px;
height: 40px;
}
.logo__text .title {
font-size: 23px;
}
.logo__text .subtitle {
font-size: 1rem;
line-height: 19px;
}
.menu_main {
visibility: visible;
}
.menu_mega .menu__item:hover > .menu__link {
color: #fff;
background-color: #f44;
}
.menu_mega .menu__item_parent:hover > .menu__link::after {
border-left-color: #fff;
}
.menu_mega .menu__link {
text-transform: uppercase;
}
.menu_mega .menu__btn {
display: none;
}
.menu_mega .menu_sub {
position: absolute;
top: 0;
left: 0;
z-index: 1010;
width: 100%;
min-height: 100%;
padding: 20px 0 10px;
background-color: #fff;
}
.menu_mega .menu_sub::after {
content: '';
position: absolute;
top: 20px;
bottom: 20px;
left: 0;
width: 2px;
background-color: #e2e2e2;
}
.menu_mega .menu_sub .menu__item {
width: 25%;
padding: 0 10px;
}
.menu_mega .menu_sub .menu__item_parent > .menu__link::after {
right: 0;
}
.menu_mega .menu_sub .menu__item_parent:hover > .menu_sub,
.menu_mega .menu_sub .menu__item_parent.active > .menu_sub {
display: block;
}
.menu_mega .menu_sub .menu__item_parent:hover > .menu__link::after,
.menu_mega .menu_sub .menu__item_parent.active > .menu__link::after {
content: none;
}
.menu_mega .menu_sub .menu__item_parent:hover > .menu__link::before,
.menu_mega .menu_sub .menu__item_parent.active > .menu__link::before {
content: '';
position: absolute;
top: 50%;
right: -16px;
left: auto;
z-index: 1100;
width: 10px;
height: 10px;
background-color: #fff;
border: 2px solid #e2e2e2;
border-top: none;
border-right: none;
-webkit-transform: scaleY(1.2) translateY(-50%) rotateZ(45deg);
-o-transform: scaleY(1.2) translateY(-50%) rotateZ(45deg);
transform: scaleY(1.2) translateY(-50%) rotateZ(45deg);
}
.menu_mega .menu_sub.level-1 {
left: 25%;
width: 25%;
}
.menu_mega .menu_sub.level-1 .menu__item {
width: 100%;
}
.menu_mega .menu_sub.level-2,
.menu_mega .menu_sub.level-3 {
left: 100%;
width: 100%;
}
.menu_mega .menu_sub.level-0 .menu__link,
.menu_mega .menu_sub.level-1 .menu__link,
.menu_mega .menu_sub.level-2 .menu__link,
.menu_mega .menu_sub.level-3 .menu__link {
text-transform: none;
}
.menu_mega .menu_sub.level-0::after {
content: none;
}
.navbar_main .dropdown__inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
}
.navbar_main .dropdown__inner .col {
position: static;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-flex: 1;
}
.panel_reviews {
padding: 30px 22px;
}
.panel_reviews .form_reviews {
padding: 0 40px;
}
.promo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-webkit-align-content: flex-start;
align-content: flex-start;
-webkit-align-items: stretch;
align-items: stretch;
margin-bottom: 30px;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
-ms-flex-line-pack: start;
}
.promo .slider {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-right: 30px;
-webkit-box-flex: 1;
}
.promo__column {
-webkit-flex: 0 0 300px;
-ms-flex: 0 0 300px;
flex: 0 0 300px;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
max-width: 300px;
-webkit-box-flex: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
}
.promo__item {
-webkit-flex: 0 0 158px;
-ms-flex: 0 0 158px;
flex: 0 0 158px;
max-height: 158px;
overflow: hidden;
-webkit-box-flex: 0;
}
.promo__item:last-child {
margin-top: auto;
}
.section_border-bottom {
border-bottom: 1px solid #d6d6d6;
}
.section_products {
padding-bottom: 72px;
}
.section_features {
padding-top: 63px;
padding-bottom: 65px;
}
.section_news {
padding-top: 65px;
}
.section_latest {
padding-top: 65px;
}
.section_latest .section__title {
margin-bottom: 65px;
padding-bottom: 5px;
}
.section_article {
padding-top: 65px;
padding-bottom: 60px;
}
.section_reviews {
margin-top: 70px;
margin-bottom: 72px;
}
.slider_main.swiper-container-horizontal > .swiper-pagination-bullets {
padding-right: 20px;
text-align: right;
}
.slider_reviews .swiper-wrapper,
.slider_news .swiper-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: auto;
margin-right: -10px;
margin-left: -10px;
}
.slider_reviews .swiper-slide,
.slider_news .swiper-slide {
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
padding-right: 10px;
padding-left: 10px;
-webkit-box-flex: 0;
}
.slider_reviews.swiper-container > .swiper-pagination-bullets {
display: none;
}
.slider_news .swiper-button-prev,
.slider_news .swiper-button-next {
display: none;
}
.swiper-button-prev,
.swiper-button-next {
background-color: transparent;
background-image: url(../images/next.svg);
border-radius: 0;
}
.subscription {
padding: 40px 22px;
}
.ui-tabs__control {
padding: 0 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hide-lg {
display: none !important;
}
}
@media (min-width: 992px) {
.modal_md {
max-width: 840px;
}
}
@media only screen and (min-width: 1200px) {
.container {
max-width: 1000px;
}
.row-xl-start {
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
}
.row-xl-center {
-webkit-justify-content: center;
justify-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
}
.row-xl-end {
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
}
.row-xl-around {
-webkit-justify-content: space-around;
justify-content: space-around;
-ms-flex-pack: distribute;
}
.row-xl-between {
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
}
.col-xl {
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
-ms-flex-preferred-size: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
}
.col-xl-auto {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
-webkit-box-flex: 0;
}
.col-xl-1 {
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
-webkit-box-flex: 0;
}
.col-xl-2 {
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
-webkit-box-flex: 0;
}
.col-xl-3 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
-webkit-box-flex: 0;
}
.col-xl-4 {
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
-webkit-box-flex: 0;
}
.col-xl-5 {
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
-webkit-box-flex: 0;
}
.col-xl-6 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
-webkit-box-flex: 0;
}
.col-xl-7 {
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
-webkit-box-flex: 0;
}
.col-xl-8 {
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
-webkit-box-flex: 0;
}
.col-xl-9 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
-webkit-box-flex: 0;
}
.col-xl-10 {
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
-webkit-box-flex: 0;
}
.col-xl-11 {
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
-webkit-box-flex: 0;
}
.col-xl-12 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
-webkit-box-flex: 0;
}
.order-xl-1 {
-webkit-order: 1;
order: 1;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
}
.order-xl-2 {
-webkit-order: 2;
order: 2;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
}
.order-xl-3 {
-webkit-order: 3;
order: 3;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
}
.order-xl-4 {
-webkit-order: 4;
order: 4;
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
}
.order-xl-5 {
-webkit-order: 5;
order: 5;
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
}
.order-xl-6 {
-webkit-order: 6;
order: 6;
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
}
.order-xl-7 {
-webkit-order: 7;
order: 7;
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
}
.order-xl-8 {
-webkit-order: 8;
order: 8;
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
}
.order-xl-9 {
-webkit-order: 9;
order: 9;
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
}
.order-xl-10 {
-webkit-order: 10;
order: 10;
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
}
.order-xl-11 {
-webkit-order: 11;
order: 11;
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
}
.order-xl-12 {
-webkit-order: 12;
order: 12;
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
}
.offset-xl-0 {
margin-left: 0%;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}
.hide-xl {
display: none !important;
}
.hide-xl-up {
display: none !important;
}
.menu_main > .menu__item > .menu__link {
margin-left: 22px;
}
.section_latest .swiper-button-prev {
left: -50px;
}
.section_latest .swiper-button-next {
right: -50px;
}
}
@media (max-width: 320px) {
.header .logo .logo__text .subtitle {
display: none;
}
}
@media (max-width: 469px) {
.remodal-wrapper {
padding: 0;
}
}
@media only screen and (max-width: 1199px) {
.hide-lg-down {
display: none !important;
}
}
@media only screen and (max-width: 991px) {
.hide-md-down {
display: none !important;
}
.footer__col_contact .footer__social {
padding-bottom: 10px;
}
.footer__col_contact .footer__social .social {
margin-bottom: 32px;
}
.footer .logo {
width: 200px;
margin: 0 auto;
}
.footer .logo .logo__text .title {
font-size: 20px;
}
.footer {
padding-top: 20px;
padding-bottom: 20px;
}
.header .contact .text,
.header .contact .hours,
.header .contact .link,
.header .header__search .subtitle {
display: none;
}
.header .contact .phone {
white-space: nowrap;
}
.menu_main {
display: inline-table;
line-height: 1;
}
.menu_main > .menu__item {
display: table-cell;
vertical-align: middle;
}
.menu_main > .menu__item:first-child > .menu__link {
margin-left: 0;
}
.menu_main > .menu__item > .menu__link {
white-space: nowrap;
}
.menu_mega .menu__item_parent:hover > .menu__link,
.menu_mega .menu__item_parent.active > .menu__link {
color: #f44;
}
.menu_mega .menu__item_parent:hover > .menu__link::after,
.menu_mega .menu__item_parent.active > .menu__link::after {
border-left-color: #f44;
}
.menu_mega .menu__item_parent.active > .menu__link {
font-family: 'ProximaNovaBold';
}
.menu_mega .menu__item_parent.active > .menu__link::after {
border-top-color: #f44;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
}
.menu_mega .menu__item_parent .menu__link {
padding: 0 60px 0 10px;
}
.menu_catalog {
position: absolute;
top: calc(100% - 2px);
left: 0;
z-index: 1000;
width: 100%;
max-height: 520px;
padding: 10px;
overflow: hidden;
background: #fff;
border: 1px solid #f44;
border-top: 0;
visibility: hidden;
opacity: 0;
-o-transition: 125ms ease;
-webkit-transition: 125ms ease;
transition: 125ms ease;
-webkit-transition-property: opacity, visibility;
-o-transition-property: opacity, visibility;
transition-property: opacity, visibility;
pointer-events: none;
will-change: opacity, visibility;
}
.menu_catalog.is-open {
visibility: visible;
opacity: 1;
pointer-events: auto;
}
.navbar_main {
margin-bottom: 20px;
}
.navbar_main .container {
padding-right: 0;
padding-left: 0;
}
.navbar_main .dropdown__inner {
max-height: 520px;
padding-bottom: 40px;
overflow-x: hidden;
overflow-y: auto;
}
.navbar_main .dropdown__inner::-webkit-scrollbar {
width: 5px;
}
.navbar_main .dropdown__inner::-webkit-scrollbar-track {
background: #ccc;
}
.navbar_main .dropdown__inner::-webkit-scrollbar-thumb {
background-color: #a3a3a3;
}
.navbar_main .dropdown__inner::-webkit-scrollbar-thumb:window-inactive {
background: rgba(51, 51, 51, 0.7);
}
.navbar_main .dropdown__breadcrumbs {
display: none;
}
.navbar__inner .button-more_menu {
position: absolute;
top: 50%;
right: 0;
width: 65px;
text-align: center;
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.navbar__inner {
padding: 0 55px 0 20px;
}
.navbar_header {
display: none;
}
.navbar .link_all {
bottom: -25px;
}
.promo__column {
display: none;
}
.search {
}
.search.is-open {
display: block;
}
.search .search__close {
display: block;
}
.section_catalog .section__panel {
margin-bottom: 20px;
}
.section_catalog .section__panel .heading {
margin: 0;
padding: 10px 60px 10px 10px;
background-image: url(../images/arrow-select.svg);
background-repeat: no-repeat;
background-position: right 20px center;
border: 1px solid #f44;
cursor: pointer;
}
.section_catalog {
padding-bottom: 40px;
}
}
@media only screen and (max-width: 767px) {
.hide-sm-down {
display: none !important;
}
.article_info {
display: none;
}
.bx-pagination ul,
.bx-pagination ul li.bx-pag-next,
.bx-pagination ul li.bx-pag-prev {
display: block;
text-align: center;
}
.bx-pagination ul li.bx-pag-next {
margin-top: 5px;
}
.bx-pagination ul li.bx-pag-prev {
margin-bottom: 5px;
}
.bx-filter .bx-filter-button-box .bx-filter-buttons {
position: static;
text-align: center;
}
.bx-filter .bx-filter-button-box .bx-filter-block {
padding-top: 0;
padding-bottom: 20px;
}
.bx-filter .select {
width: 100%;
margin-bottom: 20px;
}
.bx-filter .bx-filter-track {
margin-bottom: 20px;
}
.footer .container {
position: relative;
padding-top: 30px;
}
.footer__col_logo {
-webkit-order: 3;
order: 3;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
}
.footer__col_logo .newsletter {
display: none;
}
.footer__col_logo .copy-text {
text-align: center;
color: #000;
}
.footer__col .contact {
text-align: center;
}
.footer__col_contact {
display: block;
-webkit-order: 4;
order: 4;
margin-top: 20px;
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
}
.copyright {
order: 5;
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
-webkit-order: 5;
}
.footer__col_contact .footer__social {
text-align: center;
}
.footer__col_contact .footer__social .social {
margin-right: auto;
margin-left: auto;
}
.footer__col_menu {
-webkit-order: 1;
order: 1;
margin-bottom: 20px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
}
.footer__col_menu .title {
margin-bottom: 5px;
font-size: 14px;
line-height: 1;
}
.footer .contact .button {
display: block;
width: 180px;
height: auto;
min-height: 40px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
line-height: 1;
white-space: normal;
}
.footer__col_contact .footer__social .social {
justify-content: center;
padding-left: 15px;
}
.footer .button_callback {
color: #f44;
background-color: #fff;
border-color: #f44;
}
.menu_footer .menu__item {
margin-bottom: 0;
}
.menu_footer .menu__link {
font-size: 12px;
}
.menu_catalog {
overflow-x: hidden;
overflow-y: auto;
}
.menu_catalog::-webkit-scrollbar {
width: 5px;
}
.menu_catalog::-webkit-scrollbar-track {
background: #ccc;
}
.menu_catalog::-webkit-scrollbar-thumb {
background-color: #a3a3a3;
}
.menu_catalog::-webkit-scrollbar-thumb:window-inactive {
background: rgba(51, 51, 51, 0.7);
}
.product-card__slider {
margin-bottom: 20px;
}
.product-card .panel {
margin-bottom: 20px;
}
.slider_main .slider__caption::after {
-webkit-transform: rotate(-50deg);
-o-transform: rotate(-50deg);
transform: rotate(-50deg);
}
.swiper-pagination-bullet {
width: 10px;
height: 10px;
}
.subscription__col_inform p span {
display: block;
}
.full_version.button {
display: inline-block;
width: 100%;
margin-top: 8px;
cursor: pointer;
}
}
@media screen and (max-width: 768px) {
[data-tooltip][data-tooltip-length='xlarge']:after {
width: 90vw;
white-space: normal;
}
.footer-copy-row {
order: 5;
}
.footer-text {
text-align: center !important;
padding-bottom: 30px;
display: block;
color: #000 !important;
}
.footer .copyright {
text-align: center !important;
}
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.ui-badge_new {
background-image: url(../images/badge-new@2x.png);
}
.ui-badge_sale {
background-image: url(../images/badge-sale@2x.png);
}
}
@media only screen and (max-width: 575px) {
.hide-xs-down {
display: none !important;
}
.header .container {
min-height: 55px;
}
.header .contact .phone {
display: none;
}
.slider_main .slider__caption {
padding: 22px 12px 22px;
}
.slider_main .slider__caption .slider__button {
bottom: 5px;
}
.slider_main .title {
margin-bottom: 5px;
}
.slider_main .slider__button .button {
width: 140px;
height: 31px;
line-height: 31px;
}
.slider_main .subtitle > br {
display: none;
}
.slider_main .subtitle ul {
margin-bottom: 5px;
}
.slider_main .slider__image {
height: 100%;
}
.slider_main .slider__image img {
width: auto;
height: 100%;
}
#vk_groups {
width: 100%;
}
.promo.hide-mobile {
display: none;
}
}
@media print {
*,
*::before,
*::after,
*::first-letter,
*::first-line {
color: #000 !important;
text-shadow: none !important;
background: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]::after {
content: " (" attr(href) ")";
}
abbr[title]::after {
content: " (" attr(title) ")";
}
a[href^="#"]::after,
a[href^="javascript:"]::after {
content: "";
}
pre {
white-space: pre-wrap !important;
}
pre,
blockquote {
page-break-inside: avoid;
border: 1px solid #999;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
/*
Don't show links that are fragment identifiers,
or use the `javascript:` pseudo protocol
*//*
* Printing Tables:
* http://css-discuss.incutio.com/wiki/Printing_Tables
*/
}
/*# sourceMappingURL=styles.css.map */
.card .actions {
position: relative;
}
.buyTip {
position: absolute;
width: 209px;
height: 70px;
background-color: white;
border: 2px solid #297edc;
border-radius: 10px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
z-index: 999999;
text-align: center;
color: #3e3e3e;
font-family: Arial;
font-size: 13px;
font-weight: 400;
padding: 15px;
line-height: 18px;
box-sizing: border-box;
right: 0;
bottom: 43px;
}
.buyTip:after {
content: '';
display: block;
position: absolute;
bottom: -11px;
left: 68%;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAALCAMAAABS673/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAe1BMVEU7o8E7o8E7o8E7o8E7o8E7o8E7o8E7o8E7o8E7o8E7o8E7o8E7o8E7o8E7o8E7o8E7o8E7o8E7o8E7o8E7o8E7o8FSrsiAw9f0+vz///87o8Fds8zL5u6JyNp1vtPq9fhNq8e53umExdj+//+FxthqudDc7vTc7/Sn1uOWcFeWAAAAFnRSTlMAHsIDf/w94RGtaPX2K9MIlZZQ7BwdlfipsQAAAAFiS0dEGexutYgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAB0SURBVBjTbcjpEkJgGEDh174UiizfsSfl/q+wzGSEnn/nSJYX6qDIM4Gy2v+qBNF0qLe/Bl0TMUyLpl1322CZhsxsh65fft/h2PLlenAf5j08wHNl5Z8Yn0q9Rs6+bAQhTBOEgexEFz6ukRzFSRLLX7f0J95jUA67W9/pLwAAAABJRU5ErkJggg==') top left no-repeat;
height: 11px;
width: 24px;
}
.policy-mess-order {
display: inline-block;
width: 100%;
margin-top: 12px;
}
.bx-soa-cart-total {
width: 350px;
padding: 20px;
display: inline-block;
}
.bx_ordercart_order_pay {
text-align: center;
}
.bx-soa-cart-total-line {
display: inline-block;
width: 100%;
padding: 5px 0;
font-size: 15px;
border-bottom: 1px solid #e4e4e4;
}
.bx-soa-cart-total-line .bx-soa-cart-t {
float: left;
}
.bx-soa-cart-total-line .bx-soa-cart-d {
float: right;
}
.bx-soa-cart-total-line.bx-soa-cart-total-line-total {
font-size: 30px;
border-bottom: none;
}
.order-create-button-area {
text-align: center;
width: 308px;
display: inline-block;
}
.order-create-button-area .create-order {
padding: 0 7rem;
font-size: 17px;
font-size: 17px;
padding: 0;
width: 308px;
}
.bx_order_make .compleate {
text-align: center;
margin-bottom: 20px;
}
.one-click span {
text-decoration: none;
}
.heading.order-title {
text-align: center;
margin-top: 0px;
margin-bottom: 13px;
}
.heading.order-title .slide {
font-size: 14px;
}
.copy-text {
font-size: 14px;
margin-top: 15px;
}
.creator {
font-size: 13px;
margin-top: 27px;
}
.sale-paysystem-yandex-button-item {
color: white;
background-color: #f44;
border-color: #f44;
height: 50px;
padding: 0 2.2rem;
line-height: 48px;
vertical-align: middle;
text-align: center;
text-transform: uppercase;
border-width: 1px;
border-style: solid;
width: 175px;
display: inline-block;
border-radius: 24px;
}
.sale-paysystem-yandex-button-item:hover {
color: white;
background-color: #f44;
border-color: #f44;
}
.more_link::before {
content: " ";
background-image: url(../images/icon/str.png);
display: inline-block;
width: 15px;
height: 10px;
margin-left: -30px;
padding-right: 15px;
position: relative;
background-size: 30px;
background-position: 50%;
-moz-transform: rotate(180deg); /* Ð”Ð»Ñ Firefox */
-ms-transform: rotate(180deg); /* Ð”Ð»Ñ IE */
-webkit-transform: rotate(180deg); /* Ð”Ð»Ñ Safari, Chrome, iOS */
-o-transform: rotate(180deg); /* Ð”Ð»Ñ Opera */
transform: rotate(180deg);
}
.provider_links {
margin-top: 14px;
font-size: 16px;
margin-left: 20px;
}
.provider_links a {
text-decoration: none;
}
.more_link.open::before {
-moz-transform: rotate(0deg); /* Ð”Ð»Ñ Firefox */
-ms-transform: rotate(0deg); /* Ð”Ð»Ñ IE */
-webkit-transform: rotate(0deg); /* Ð”Ð»Ñ Safari, Chrome, iOS */
-o-transform: rotate(0deg); /* Ð”Ð»Ñ Opera */
transform: rotate(0deg);
}
.more_link::before {
margin-left: -15px;
}
.catalog-section-list .more_link ul {
display: none;
}
.catalog-section-list .more_link.open > ul {
display: block;
}
@media only screen and (max-width: 425px) {
.mobile-hide {
display: none;
}
.bx-soa-cart-total {
width: 100%;
padding: 20px 0;
}
}
.delivery_info_block {
display: none;
}
.news .news__title a {
text-decoration: none;
font-size: 1.14rem;
color: #000;
font-weight: bold;
}
.gifts-cart__body__text {
flex-basis: 100%;
padding: 0 10px 10px;
}
.bx-filter__mob-box {
display: none;
}
.product-card .link_tags {
margin-top: 20px;
}
.link_tags a {
text-decoration: none;
font-weight: bold;
}
.link_tags a:hover {
text-decoration: underline;
}
.link_tags a:not(:last-child) {
margin-right: 15px;
}
.menu__item__new {
position: relative;
color: #fff;
display: inline-flex;
padding: 5px 15px 5px 10px;
align-items: center;
height: 24px;
border-radius: 12px;
background: #ff4444;
text-decoration: none;
gap: 5px;
}
.menu__item__new::before {
content: '';
width: 8px;
height: 8px;
border-radius: 4px;
background: #fff;
min-width: 8px;
}
.menu__item__new:hover {
background: #fff;
color: #ff4444 !important;
}
.menu__item__new:hover::before {
background: #ff4444;
}
.menu_header .menu__item {
margin-right: 20px;
}
.li-red {
list-style-type: none;
margin: 0;
padding: 0;
}
.li-red > li {
padding: 0 0 10px 20px;
position: relative;
}
.li-red .li-red {
padding-top: 10px !important;
}
.li-red > li::after {
content: '';
display: block;
position: absolute;
z-index: 1;
left: 0;
top: 10px;
width: 4px;
height: 4px;
border-radius: 2px;
background: #ff4544;
}
.fpad60 {
padding-bottom: 60px;
}
.cat-logo {
display: block;
text-align: center;
text-decoration: none;
}
.cat-logo img {
display: block;
width: 100%;
height: auto;
}
.cat-logo__caption {
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: #000;
padding-top: 5px;
}
.cat-logo-detail h3 {
font-weight: 600;
}
.cat-logo-detail ol li {
margin-bottom: 10px;
}
.cat-logo-detail {
overflow: hidden;
}
.cat-logo-detail__img {
float: right;
margin: 0 0 20px 30px;
max-width: calc(50% - 30px);
height: auto;
}
.tpad10 {
padding-top: 10px;
}
.step-box {
flex-grow: 1;
padding: 18px;
background: #f5f5f5;
}
.step-box__title {
padding: 15px 0 10px;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
color: #474747;
letter-spacing: 0.05em;
}
.step-box__title b {
color: #ff4444;
}
.step-box__desc p {
margin: 0;
font-size: 14px;
color: #000;
}
.d-flex {
display: flex;
}
.faq {
width: 100%;
max-width: 550px;
margin: 0 auto;
}
.faq__item {
border-bottom: 1px solid #d6d6d6;
}
.faq__item .product-dop-info__title {
padding: 12px 20px 12px 0;
font-size: 16px;
cursor: pointer;
font-weight: bold;
position: relative;
}
.faq__item .product-dop-info__desc {
border-top: none;
padding: 2px 0 12px;
font-size: 14px;
}
.faq__item .product-dop-info__title::after {
display: block;
content: '';
width: 12px;
height: 6px;
position: absolute;
z-index: 2;
top: 18px;
right: 0;
transition: all 0.3s ease-in-out;
background-image: url("data:image/svg+xml,%3Csvg id='_Слой_2' data-name='Слой 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 297.48 170.75'%3E%3Cpath fill='%2382878f' d='M149.42,170.75c-5.67.03-11.12-2.19-15.15-6.19L6.27,36.57C-2.09,28.2-2.09,14.64,6.27,6.27s21.93-8.37,30.29,0l112.85,113.07L262.27,6.49c8.95-7.66,22.42-6.62,30.08,2.33,6.84,7.99,6.84,19.77,0,27.75l-128,128c-3.97,3.94-9.34,6.16-14.93,6.19h0Z'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
}
.faq__item .product-dop-info__title.open::after {
transform: rotate(180deg);
}
.section-faq {
padding: 50px 0;
}
.header__section_contact__links {
display: flex;
gap: 12px;
padding-top: 10px;
align-items: center;
}
.header__section_contact__links .tg {
width: 24px;
height: 24px;
display: block;
}
.product-card__tg {
padding: 15px 0px;
}
.product-card__tg .tg {
display: flex;
padding: 10px;
align-items: center;
justify-content: center;
height: 60px;
border: 1px solid #4599df;
text-decoration: none;
gap: 15px;
font-weight: bold;
font-size: 18px;
line-height: 1.3;
color: #0f0f0f;
}
.tg.social__link {
display: flex;
align-items: center;
justify-content: center;
}
.footer__address-mob {
display: none;
}
@media (max-width: 768px) {
.footer__address-mob {
display: block;
text-align: center;
font-size: 13px;
color: #252525;
font-weight: bold;
width: 250px;
margin: 0 auto;
}
.product-card__tg {
padding-left: 0;
padding-right: 0;
}
.product-card__tg .tg {
font-size: 16px;
}
.section-faq {
padding: 20px 0;
}
.cat-logo-detail__img {
float: none;
max-width: 100%;
margin: 0 0 15px;
display: block;
}
.step-box {
display: flex;
gap: 25px;
}
.step-box__ico {
min-width: 48px;
}
.step-box__title {
padding-top: 0;
}
.section.section_border-bottom {
padding-bottom: 20px;
padding-top: 20px;
}
.list_features .media {
display: flex;
padding: 5px;
gap: 25px;
align-items: center;
}
.list_features .media .media__icon {
width: 62px;
min-width: 62px;
min-height: auto !important;
}
.list_features .media .media__title {
flex-grow: 1;
margin-top: 0;
text-align: left;
}
.list_features .media__icon img {
display: block;
width: 50px !important;
height: auto !important;
}
.list.list_features {
padding-top: 20px;
}
}