/*!
* Bootstrap Reboot v4.1.3 (https://getbootstrap.com/)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
*/
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
@-ms-viewport {
width: device-width; }
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block; }
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff; }
[tabindex="-1"]:focus {
outline: 0 !important; }
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible; }
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem; }
p {
margin-top: 0;
margin-bottom: 1rem; }
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0; }
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit; }
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem; }
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0; }
dt {
font-weight: 700; }
dd {
margin-bottom: .5rem;
margin-left: 0; }
blockquote {
margin: 0 0 1rem; }
dfn {
font-style: italic; }
b,
strong {
font-weight: bolder; }
small {
font-size: 80%; }
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline; }
sub {
bottom: -.25em; }
sup {
top: -.5em; }
a {
color: #007bff;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects; }
a:hover {
color: #0056b3;
text-decoration: underline; }
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none; }
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none; }
a:not([href]):not([tabindex]):focus {
outline: 0; }
pre,
code,
kbd,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em; }
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar; }
figure {
margin: 0 0 1rem; }
img {
vertical-align: middle;
border-style: none; }
svg {
overflow: hidden;
vertical-align: middle; }
table {
border-collapse: collapse; }
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom; }
th {
text-align: inherit; }
label {
display: inline-block;
margin-bottom: 0.5rem; }
button {
border-radius: 0; }
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color; }
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit; }
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; }
input[type="radio"],
input[type="checkbox"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0; }
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox; }
textarea {
overflow: auto;
resize: vertical; }
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0; }
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal; }
progress {
vertical-align: baseline; }
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }
[type="search"] {
outline-offset: -2px;
-webkit-appearance: none; }
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button; }
output {
display: inline-block; }
summary {
display: list-item;
cursor: pointer; }
template {
display: none; }
[hidden] {
display: none !important; }
/*!
* Bootstrap Grid v4.1.3 (https://getbootstrap.com/)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
@-ms-viewport {
width: device-width; }
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-overflow-style: scrollbar; }
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit; }
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto; }
@media (min-width: 577px) {
.container {
max-width: 540px; } }
@media (min-width: 769px) {
.container {
max-width: 720px; } }
@media (min-width: 992px) {
.container {
max-width: 960px; } }
@media (min-width: 1201px) {
.container {
max-width: 1140px; } }
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto; }
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px; }
.no-gutters {
margin-right: 0;
margin-left: 0; }
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0; }
.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,
.col-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-sm,
.col-sm-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-md,
.col-md-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-lg,
.col-lg-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, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px; }
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.order-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13; }
.order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
.order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; }
.order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7; }
.order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8; }
.order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9; }
.order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10; }
.order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11; }
.order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12; }
.offset-1 {
margin-left: 8.33333%; }
.offset-2 {
margin-left: 16.66667%; }
.offset-3 {
margin-left: 25%; }
.offset-4 {
margin-left: 33.33333%; }
.offset-5 {
margin-left: 41.66667%; }
.offset-6 {
margin-left: 50%; }
.offset-7 {
margin-left: 58.33333%; }
.offset-8 {
margin-left: 66.66667%; }
.offset-9 {
margin-left: 75%; }
.offset-10 {
margin-left: 83.33333%; }
.offset-11 {
margin-left: 91.66667%; }
@media (min-width: 577px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-sm-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-sm-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-sm-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-sm-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-sm-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-sm-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-sm-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-sm-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-sm-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-sm-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-sm-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.order-sm-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13; }
.order-sm-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
.order-sm-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.order-sm-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.order-sm-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.order-sm-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.order-sm-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.order-sm-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; }
.order-sm-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7; }
.order-sm-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8; }
.order-sm-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9; }
.order-sm-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10; }
.order-sm-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11; }
.order-sm-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12; }
.offset-sm-0 {
margin-left: 0; }
.offset-sm-1 {
margin-left: 8.33333%; }
.offset-sm-2 {
margin-left: 16.66667%; }
.offset-sm-3 {
margin-left: 25%; }
.offset-sm-4 {
margin-left: 33.33333%; }
.offset-sm-5 {
margin-left: 41.66667%; }
.offset-sm-6 {
margin-left: 50%; }
.offset-sm-7 {
margin-left: 58.33333%; }
.offset-sm-8 {
margin-left: 66.66667%; }
.offset-sm-9 {
margin-left: 75%; }
.offset-sm-10 {
margin-left: 83.33333%; }
.offset-sm-11 {
margin-left: 91.66667%; } }
@media (min-width: 769px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.order-md-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13; }
.order-md-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
.order-md-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.order-md-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.order-md-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.order-md-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.order-md-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.order-md-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; }
.order-md-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7; }
.order-md-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8; }
.order-md-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9; }
.order-md-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10; }
.order-md-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11; }
.order-md-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12; }
.offset-md-0 {
margin-left: 0; }
.offset-md-1 {
margin-left: 8.33333%; }
.offset-md-2 {
margin-left: 16.66667%; }
.offset-md-3 {
margin-left: 25%; }
.offset-md-4 {
margin-left: 33.33333%; }
.offset-md-5 {
margin-left: 41.66667%; }
.offset-md-6 {
margin-left: 50%; }
.offset-md-7 {
margin-left: 58.33333%; }
.offset-md-8 {
margin-left: 66.66667%; }
.offset-md-9 {
margin-left: 75%; }
.offset-md-10 {
margin-left: 83.33333%; }
.offset-md-11 {
margin-left: 91.66667%; } }
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-lg-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.order-lg-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13; }
.order-lg-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
.order-lg-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.order-lg-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.order-lg-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.order-lg-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.order-lg-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.order-lg-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; }
.order-lg-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7; }
.order-lg-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8; }
.order-lg-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9; }
.order-lg-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10; }
.order-lg-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11; }
.order-lg-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12; }
.offset-lg-0 {
margin-left: 0; }
.offset-lg-1 {
margin-left: 8.33333%; }
.offset-lg-2 {
margin-left: 16.66667%; }
.offset-lg-3 {
margin-left: 25%; }
.offset-lg-4 {
margin-left: 33.33333%; }
.offset-lg-5 {
margin-left: 41.66667%; }
.offset-lg-6 {
margin-left: 50%; }
.offset-lg-7 {
margin-left: 58.33333%; }
.offset-lg-8 {
margin-left: 66.66667%; }
.offset-lg-9 {
margin-left: 75%; }
.offset-lg-10 {
margin-left: 83.33333%; }
.offset-lg-11 {
margin-left: 91.66667%; } }
@media (min-width: 1201px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-xl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.order-xl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13; }
.order-xl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
.order-xl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.order-xl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.order-xl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.order-xl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.order-xl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.order-xl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; }
.order-xl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7; }
.order-xl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8; }
.order-xl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9; }
.order-xl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10; }
.order-xl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11; }
.order-xl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12; }
.offset-xl-0 {
margin-left: 0; }
.offset-xl-1 {
margin-left: 8.33333%; }
.offset-xl-2 {
margin-left: 16.66667%; }
.offset-xl-3 {
margin-left: 25%; }
.offset-xl-4 {
margin-left: 33.33333%; }
.offset-xl-5 {
margin-left: 41.66667%; }
.offset-xl-6 {
margin-left: 50%; }
.offset-xl-7 {
margin-left: 58.33333%; }
.offset-xl-8 {
margin-left: 66.66667%; }
.offset-xl-9 {
margin-left: 75%; }
.offset-xl-10 {
margin-left: 83.33333%; }
.offset-xl-11 {
margin-left: 91.66667%; } }
.d-none {
display: none !important; }
.d-inline {
display: inline !important; }
.d-inline-block {
display: inline-block !important; }
.d-block {
display: block !important; }
.d-table {
display: table !important; }
.d-table-row {
display: table-row !important; }
.d-table-cell {
display: table-cell !important; }
.d-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; }
@media (min-width: 577px) {
.d-sm-none {
display: none !important; }
.d-sm-inline {
display: inline !important; }
.d-sm-inline-block {
display: inline-block !important; }
.d-sm-block {
display: block !important; }
.d-sm-table {
display: table !important; }
.d-sm-table-row {
display: table-row !important; }
.d-sm-table-cell {
display: table-cell !important; }
.d-sm-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-sm-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; } }
@media (min-width: 769px) {
.d-md-none {
display: none !important; }
.d-md-inline {
display: inline !important; }
.d-md-inline-block {
display: inline-block !important; }
.d-md-block {
display: block !important; }
.d-md-table {
display: table !important; }
.d-md-table-row {
display: table-row !important; }
.d-md-table-cell {
display: table-cell !important; }
.d-md-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-md-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; } }
@media (min-width: 992px) {
.d-lg-none {
display: none !important; }
.d-lg-inline {
display: inline !important; }
.d-lg-inline-block {
display: inline-block !important; }
.d-lg-block {
display: block !important; }
.d-lg-table {
display: table !important; }
.d-lg-table-row {
display: table-row !important; }
.d-lg-table-cell {
display: table-cell !important; }
.d-lg-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-lg-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; } }
@media (min-width: 1201px) {
.d-xl-none {
display: none !important; }
.d-xl-inline {
display: inline !important; }
.d-xl-inline-block {
display: inline-block !important; }
.d-xl-block {
display: block !important; }
.d-xl-table {
display: table !important; }
.d-xl-table-row {
display: table-row !important; }
.d-xl-table-cell {
display: table-cell !important; }
.d-xl-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-xl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; } }
@media print {
.d-print-none {
display: none !important; }
.d-print-inline {
display: inline !important; }
.d-print-inline-block {
display: inline-block !important; }
.d-print-block {
display: block !important; }
.d-print-table {
display: table !important; }
.d-print-table-row {
display: table-row !important; }
.d-print-table-cell {
display: table-cell !important; }
.d-print-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-print-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; } }
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.flex-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important; }
.flex-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important; }
.flex-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important; }
.flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important; }
.flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important; }
.justify-content-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important; }
@media (min-width: 577px) {
.flex-sm-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-sm-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-sm-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-sm-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.flex-sm-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important; }
.flex-sm-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important; }
.flex-sm-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important; }
.flex-sm-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important; }
.flex-sm-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important; }
.justify-content-sm-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-sm-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-sm-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-sm-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-sm-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-sm-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-sm-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-sm-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-sm-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important; } }
@media (min-width: 769px) {
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.flex-md-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important; }
.flex-md-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important; }
.flex-md-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important; }
.flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important; }
.flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important; }
.justify-content-md-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-md-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-md-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-md-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-md-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-md-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-md-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-md-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-md-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important; } }
@media (min-width: 992px) {
.flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.flex-lg-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important; }
.flex-lg-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important; }
.flex-lg-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important; }
.flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important; }
.flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important; }
.justify-content-lg-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-lg-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-lg-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-lg-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-lg-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-lg-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-lg-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-lg-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-lg-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important; } }
@media (min-width: 1201px) {
.flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.flex-xl-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important; }
.flex-xl-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important; }
.flex-xl-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important; }
.flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important; }
.flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important; }
.justify-content-xl-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-xl-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-xl-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-xl-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-xl-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-xl-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-xl-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-xl-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-xl-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important; } }
body {
font: 400 normal 14px/1.2 "Open Sans", "Roboto", sans-serif;
color: black;
background: white; }
body.fixed {
position: fixed; }
body.lock {
overflow: hidden; }
img {
display: inline-block;
max-width: 100%;
max-height: 100%; }
.orange {
color: #ff7112; }
.clearfix:after {
content: '';
clear: both; }
:focus {
outline-color: #ff7112; }
header {
background-color: white; }
header .burger {
display: block;
height: 50px;
padding: 13px 10px;
cursor: pointer; }
@media (max-width: 768px) {
header .burger {
height: 74px;
padding: 20px 16px; } }
header .burger i {
display: block;
height: 4px;
width: 36px;
background: #ff7112;
-webkit-transition: 0.2s opacity, 0.2s -webkit-transform;
transition: 0.2s opacity, 0.2s -webkit-transform;
transition: 0.2s opacity, 0.2s transform;
transition: 0.2s opacity, 0.2s transform, 0.2s -webkit-transform; }
@media (max-width: 768px) {
header .burger i {
height: 5px;
width: 50px; } }
header .burger i + i {
margin-top: 6px; }
@media (max-width: 768px) {
header .burger i + i {
margin-top: 9px; } }
header .burger.active i:nth-child(1) {
-webkit-transform: translateY(10px) rotate(135deg);
transform: translateY(10px) rotate(135deg); }
header .burger.active i:nth-child(2) {
opacity: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
header .burger.active i:nth-child(3) {
-webkit-transform: translateY(-10px) rotate(-135deg);
transform: translateY(-10px) rotate(-135deg); }
@media (max-width: 768px) {
header .burger.active i:nth-child(1) {
-webkit-transform: translateY(14px) rotate(135deg);
transform: translateY(14px) rotate(135deg); }
header .burger.active i:nth-child(2) {
opacity: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
header .burger.active i:nth-child(3) {
-webkit-transform: translateY(-14px) rotate(-135deg);
transform: translateY(-14px) rotate(-135deg); } }
header .top-line {
padding: 0 60px 0 30px; }
@media (max-width: 1200px) {
header .top-line {
padding: 0 30px; } }
header .top-line .location-box {
width: 275px;
padding: 0 40px 0 20px;
margin: 11px 0 10px -30px;
text-align: center; }
@media (max-width: 1200px) {
header .top-line .location-box {
width: 200px;
padding: 0 10px; } }
header .top-line .location-box a {
position: relative;
color: black;
text-decoration: none !important;
margin-left: 12px; }
header .top-line .location-box a:before {
content: '';
display: block;
position: absolute;
background: url("../img/icons/icon-map.png");
width: 8px;
height: 13px;
left: -12px;
top: 4px; }
header .top-line .location-box a:after {
content: '';
display: block;
position: absolute;
left: 0;
width: 100%;
bottom: 0;
height: 1px;
background: black; }
header .top-line .header-mobile, header .top-line .top-menu-box-mobile {
display: none; }
@media (max-width: 991px) {
header .top-line {
font-size: 0;
padding: 0; }
header .top-line .header-mobile {
display: block;
position: fixed;
z-index: 3;
top: 0;
height: 50px;
-webkit-transition: height 0.2s;
transition: height 0.2s; } }
@media (max-width: 991px) and (max-width: 768px) {
header .top-line .header-mobile {
height: 74px; } }
@media (max-width: 991px) {
header .top-line .header-mobile .header-mobile-inner {
position: relative;
z-index: 4;
background-color: white;
-webkit-box-shadow: 0 0 0 1px #d7d7d7;
box-shadow: 0 0 0 1px #d7d7d7; }
header .top-line .header-mobile.menu-open {
height: 100%; }
header .top-line .logo-box {
display: block;
padding: 5px; }
header .top-line .logo-box a {
display: inline-block;
height: 40px;
width: 100%;
background-color: white;
background-image: url("../img/mobile-icons/logo-min.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain; } }
@media (max-width: 991px) and (max-width: 768px) {
header .top-line .logo-box a {
height: 64px; } }
@media (max-width: 991px) {
header .top-line .buttons-box {
display: block;
padding: 13px 10px; }
header .top-line .buttons-box a {
display: inline-block;
vertical-align: middle;
height: 24px; }
header .top-line .buttons-box a:after {
content: '';
display: inline-block;
width: 26px;
height: 100%;
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
background-size: contain; }
header .top-line .buttons-box a.search:after {
background-image: url("../img/mobile-icons/icon-search-min.png"); }
header .top-line .buttons-box a.cart:after {
background-image: url("../img/mobile-icons/icon-cart-min.png"); }
header .top-line .buttons-box a + a {
margin-left: 15px; } }
@media (max-width: 991px) and (max-width: 768px) {
header .top-line .buttons-box {
padding: 20px 15px; }
header .top-line .buttons-box a {
height: 34px; }
header .top-line .buttons-box a:after {
width: 36px; } }
@media (max-width: 991px) {
header .top-line .top-menu-box-mobile {
position: absolute;
display: block;
z-index: 3;
left: 0;
min-width: 360px;
max-width: 100%;
height: 0;
overflow: auto;
top: 50px;
font-size: 20px;
font-weight: 100;
margin-left: -5px;
margin-right: -5px;
padding-left: 5px;
padding-right: 5px;
background: transparent;
-webkit-transition: height 0.2s;
transition: height 0.2s; }
header .top-line .top-menu-box-mobile .top-menu-mobile {
-webkit-box-shadow: 0 0 5px 0 black;
box-shadow: 0 0 5px 0 black; } }
@media (max-width: 991px) and (max-width: 991px) {
header .top-line .top-menu-box-mobile {
min-width: 320px; } }
@media (max-width: 991px) and (max-width: 768px) {
header .top-line .top-menu-box-mobile {
margin: 0;
padding: 0;
width: 100%;
top: 74px;
font-size: 24px; } }
@media (max-width: 991px) {
header .top-line .top-menu-box-mobile ul {
list-style: none;
margin: 0;
padding: 0; }
header .top-line .top-menu-box-mobile a {
display: block;
position: relative;
line-height: 1;
background-color: white;
color: black;
text-decoration: none;
padding: 12px 30px; }
header .top-line .top-menu-box-mobile a span {
display: inline-block;
vertical-align: middle;
width: calc(100% - 77px); } }
@media (max-width: 991px) and (max-width: 991px) {
header .top-line .top-menu-box-mobile a span {
width: calc(100% - 57px); } }
@media (max-width: 991px) and (max-width: 768px) {
header .top-line .top-menu-box-mobile a span {
width: calc(100% - 77px); } }
@media (max-width: 991px) {
header .top-line .top-menu-box-mobile a.location {
padding-top: 17px; } }
@media (max-width: 991px) and (max-width: 768px) {
header .top-line .top-menu-box-mobile a {
padding: 15px 90px; } }
@media (max-width: 991px) and (max-width: 576px) {
header .top-line .top-menu-box-mobile a {
padding: 15px 60px; } }
@media (max-width: 991px) and (max-width: 450px) {
header .top-line .top-menu-box-mobile a {
padding: 15px; } }
@media (max-width: 991px) {
header .top-line .top-menu-box-mobile a:before {
display: inline-block;
vertical-align: middle;
content: '';
width: 26px;
height: 26px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
margin-right: 15px; } }
@media (max-width: 991px) and (max-width: 768px) {
header .top-line .top-menu-box-mobile a:before {
width: 38px;
height: 38px;
background-size: auto; } }
@media (max-width: 991px) {
header .top-line .top-menu-box-mobile a.location:before {
background-image: url("../img/mobile-icons/icon-map.png"); }
header .top-line .top-menu-box-mobile a.cart:before {
background-image: url("../img/mobile-icons/icon-cart.png"); }
header .top-line .top-menu-box-mobile a.personal:before {
background-image: url("../img/mobile-icons/icon-personal.png"); }
header .top-line .top-menu-box-mobile a.icon-shop:before {
background-image: url("../img/mobile-icons/icon-shop.png"); }
header .top-line .top-menu-box-mobile a.icon-pay:before {
background-image: url("../img/mobile-icons/icon-pay.png"); }
header .top-line .top-menu-box-mobile a.icon-info:before {
background-image: url("../img/mobile-icons/icon-info.png"); }
header .top-line .top-menu-box-mobile a.icon-contacts:before {
background-image: url("../img/mobile-icons/icon-contacts.png"); }
header .top-line .top-menu-box-mobile a.phone:before {
background-image: url("../img/mobile-icons/icon-phone.png"); }
header .top-line .top-menu-box-mobile a.email:before {
background-image: url("../img/mobile-icons/icon-mail.png"); }
header .top-line .top-menu-box-mobile a.callback:before {
background-image: url("../img/mobile-icons/icon-callback.png"); }
header .top-line .top-menu-box-mobile a:after {
display: inline-block;
vertical-align: middle;
content: '';
width: 14px;
height: 26px;
background-image: url("../img/mobile-icons/arrow-right.png");
background-position: center;
background-repeat: no-repeat; } }
@media (max-width: 991px) and (max-width: 768px) {
header .top-line .top-menu-box-mobile a:after {
width: 24px;
height: 36px; } }
@media (max-width: 991px) {
header .top-line .top-menu-box-mobile a.phone, header .top-line .top-menu-box-mobile a.email, header .top-line .top-menu-box-mobile a.callback {
font-weight: 600; }
header .top-line .top-menu-box-mobile a.phone:after, header .top-line .top-menu-box-mobile a.email:after, header .top-line .top-menu-box-mobile a.callback:after {
display: none; }
header .top-line .top-menu-box-mobile a.callback {
color: white;
background: #ff7112; }
header .top-line .top-menu-box-mobile.active {
height: calc(100% - 50px); } }
@media (max-width: 991px) and (max-width: 768px) {
header .top-line .top-menu-box-mobile.active {
height: calc(100% - 74px); } }
@media (max-width: 991px) {
header .top-line .location-box, header .top-line .contacts-box, header .top-line .top-menu-box {
display: none; }
header .bg-line {
margin-top: 50px; } }
@media (max-width: 991px) and (max-width: 768px) {
header .bg-line {
margin-top: 74px; } }
header nav.top-menu-box {
margin-left: 20px;
padding: 0; }
@media (max-width: 1200px) {
header nav.top-menu-box {
margin-left: 15px;
margin-right: 15px; } }
header nav.top-menu-box a {
font-size: 14px;
font-weight: 600;
color: black;
display: inline-block; }
header nav.top-menu-box ul {
list-style: none;
font-size: 0;
margin: 0;
padding: 0; }
@media (max-width: 1200px) {
header nav.top-menu-box ul {
text-align: left;
height: 37px;
overflow: hidden; } }
header nav.top-menu-box li {
list-style: none;
display: inline-block;
margin-top: 11px;
margin-bottom: 10px; }
header nav.top-menu-box li + li {
margin-left: 38px; }
@media (max-width: 1272px) {
header nav.top-menu-box li + li {
margin-left: 16px; } }
header .contacts-box {
margin-left: auto; }
header .contacts-box .contacts {
display: inline-block;
margin-left: 8px;
margin-right: -8px;
vertical-align: middle; }
@media (max-width: 1420px) {
header .contacts-box .contacts {
text-align: right;
width: auto;
margin-left: 16px; } }
header .contacts-box .contacts a {
color: black;
font-size: 14px;
font-weight: 700;
display: inline-block;
margin: 2px 8px; }
@media (max-width: 1420px) {
header .contacts-box .contacts div {
margin: 2px 8px 2px 0; } }
@media (min-width: 1421px){
header .contacts-box .contacts div{
display: inline-block;
}
}
header .contacts-box .callback {
display: inline-block;
background: none;
font-size: 14px;
font-weight: 400;
border: solid 1px #4087fa;
color: black;
border-radius: 0;
padding: 5px 12px;
margin-top: 5px;
margin-bottom: 4px;
cursor: pointer;
text-decoration: none;
vertical-align: middle; }
header .contacts-box .callback:hover {
background-color: #4087fa;
color: white; }
header .contacts-box .callback:active {
opacity: 0.8;
outline: none; }
header .bg-line {
position: relative;
z-index: 2;
height: 75px;
padding: 0 60px 0 30px;
background: url("../img/bg-header.png") center; }
@media (max-width: 1200px) {
header .bg-line {
padding: 0 30px; } }
@media (max-width: 991px) {
header .bg-line {
height: 50px; } }
@media (max-width: 768px) {
header .bg-line {
height: 75px; } }
header .top-logo-box {
width: 275px;
padding-left: 30px;
margin-left: -30px;
text-align: left; }
@media (max-width: 1200px) {
header .top-logo-box {
width: 200px; } }
header .top-logo-box img {
display: inline-block; }
header .search-box {
position: relative;
padding: 0;
margin-left: 20px;
margin-right: 20px; }
header .search-box form {
min-width: 230px;
max-width: 600px;
position: relative; }
header .search-box input {
background: white;
border: solid 1px #7e7e7e;
border-style: solid;
border-width: 1px;
border-color: #7e7e7e;
color: #848383;
border-radius: 0;
padding: 15px 12px;
width: 100%; }
header .search-box input:active {
outline: none; }
header .search-box button {
display: block;
position: absolute;
top: 0;
height: 48px;
right: 0;
width: 48px;
border: none;
padding: 0;
background-color: transparent;
background-image: url("../img/icons/icon-search.png");
background-position: center;
background-repeat: no-repeat;
cursor: pointer; }
header .search-box button:active {
outline: none; }
header .search-box .remove-text{
display: block;
position: absolute;
top: 0;
height: 48px;
right: 45px;
width: 48px;
border: none;
padding: 0;
background-color: transparent;
background-image: url("../img/svg/icon-cross-thin-grey.svg");
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
cursor: pointer;
}
header .personal-box {
font-size: 0;
margin-left: auto; }
header .personal-box .personal-box__inline-item {
display: inline-block;
font-size: 14px;
color: white;
vertical-align: middle; }
header .personal-box .personal-box__inline-item + .personal-box__inline-item {
margin-left: 50px; }
@media (max-width: 1200px) {
header .personal-box .personal-box__inline-item + .personal-box__inline-item {
margin-left: 25px; } }
header .personal-box .cart {
font-weight: 600; }
header .personal-box .cart:before {
content: '';
display: inline-block;
background-color: transparent;
background-image: url("../img/svg/icon-cart.svg");
background-position: center;
background-repeat: no-repeat;
width: 22px;
height: 22px;
vertical-align: middle;
margin-right: 7px; }
header .personal-box .cart .quantity {
position: relative;
display: inline-block;
vertical-align: text-bottom;
color: black;
margin-left: 15px;
z-index: 0; }
header .personal-box .cart .quantity:before {
content: '';
display: block;
position: absolute;
width: 22px;
height: 22px;
top: calc(50% - 11px);
left: calc(50% - 11px);
background: white;
border-radius: 50%;
z-index: -1; }
header .catalog-open-button {
display: none;
margin: auto;
cursor: pointer; }
@media (max-width: 991px) {
header .catalog-open-button {
display: inline-block; }
header .catalog-open-button span {
line-height: 1;
font-size: 24px;
font-weight: 700;
color: white; } }
@media (max-width: 991px) and (max-width: 768px) {
header .catalog-open-button span {
font-size: 30px; } }
@media (max-width: 991px) {
header .top-logo-box, header .search-box, header .personal-box {
display: none; } }
main .content-container {
width: 100%;
max-width: 1520px; }
main .content-container nav.breadcrumbs {
display: none; }
main .content-container.catalog-items-page nav.breadcrumbs, main .content-container.product-page nav.breadcrumbs {
display: block; }
@media (min-width: 577px) and (max-width: 768px) {
main .content-container.catalog-items-page nav.breadcrumbs {
display: none; } }
main .left-col {
width: 275px;
position: fixed;
left: 0;
height: 100%;
background-color: white;
z-index: 1;
--bottom-buffer: 90px; }
main .left-col nav.left-menu {
width: 275px;
max-height: 100%;
font-size: 0;
overflow-y: auto; }
main .left-col nav.left-menu .left-menu-inner {
padding-bottom: 90px; }
main .left-col nav.left-menu::-webkit-scrollbar {
width: 10px;
cursor: pointer; }
main .left-col nav.left-menu::-webkit-scrollbar-track {
background: transparent;
margin-bottom: 90px; }
main .left-col nav.left-menu::-webkit-scrollbar-thumb {
background: #ff7112; }
main .left-col nav.left-menu::-webkit-scrollbar-thumb:hover {
background: #cf5400; }
main .left-col nav.left-menu ul {
list-style: none;
margin: 0;
padding: 0;
line-height: 1; }
main .left-col nav.left-menu li {
list-style: none;
line-height: 1; }
main .left-col nav.left-menu a, main .left-col nav.left-menu span {
display: inline-block;
font-size: 14px;
line-height: 1;
vertical-align: middle;
color: black;
text-decoration: none; }
main .left-col nav.left-menu .menu-item.menu-item-gray {
margin-top: 2px;
background-color: #ebebeb; }
main .left-col nav.left-menu .menu-item.menu-item-gray:hover, main .left-col nav.left-menu .menu-item.menu-item-gray.active {
background-color: #bdbdbd; }
main .left-col nav.left-menu .menu-item {
min-height: 50px;
display: inline-block;
width: 100%;
cursor: pointer; }
main .left-col nav.left-menu .menu-item > a {
padding: 10px 15px;
width: 100%; }
main .left-col nav.left-menu .menu-item > a:before {
content: '';
display: inline-block;
vertical-align: middle;
height: 30px;
width: 30px;
margin-right: 15px;
opacity: 0.5;
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
background-size: contain; }
main .left-col nav.left-menu .menu-item.icon-line > a:before {
background-image: url("../img/icons/icon-line.png"); }
main .left-col nav.left-menu .menu-item.icon-sleeve > a:before {
background-image: url("../img/icons/icon-sleeve.png"); }
main .left-col nav.left-menu .menu-item.icon-sleeve-con > a:before {
background-image: url("../img/icons/icon-sleeve-connection.png"); }
main .left-col nav.left-menu .menu-item.icon-belt > a:before {
background-image: url("../img/icons/icon-belt.png"); }
main .left-col nav.left-menu .menu-item.icon-sealing > a:before {
background-image: url("../img/icons/icon-sealing.png"); }
main .left-col nav.left-menu .menu-item.icon-construction > a:before {
background-image: url("../img/icons/icon-construction.png"); }
main .left-col nav.left-menu .menu-item.icon-gasoline > a:before {
background-image: url("../img/icons/icon-gasoline.png"); }
main .left-col nav.left-menu .menu-item.icon-bearing > a:before {
background-image: url("../img/icons/icon-bearing.png"); }
main .left-col nav.left-menu .menu-item.icon-chain > a:before {
background-image: url("../img/icons/icon-chain.png"); }
main .left-col nav.left-menu .menu-item.icon-oil > a:before {
background-image: url("../img/icons/icon-oil.png"); }
main .left-col nav.left-menu .menu-item.icon-related > a:before {
background-image: url("../img/icons/icon-related.png"); }
main .left-col nav.left-menu .menu-item.icon-gost > a:before {
background-image: url("../img/icons/icon-gost.png"); }
main .left-col nav.left-menu .menu-item.icon-cert > a:before {
background-image: url("../img/icons/icon-cert.png"); }
main .left-col nav.left-menu .menu-item.icon-hydraulic > a:before {
background-image: url("../img/icons/icon-hydraulic.png"); }
main .left-col nav.left-menu .menu-item:hover, main .left-col nav.left-menu .menu-item.active {
background-color: #ff7112; }
main .left-col nav.left-menu .menu-item:hover:before, main .left-col nav.left-menu .menu-item.active:before {
opacity: 1; }
main .left-col nav.left-menu .menu-item:hover > a > span, main .left-col nav.left-menu .menu-item:hover > span, main .left-col nav.left-menu .menu-item.active > a > span, main .left-col nav.left-menu .menu-item.active > span {
font-weight: 600; }
main .left-col nav.left-menu .menu-item.active .sub-menu {
display: block; }
@media (max-width: 991px) {
main .left-col nav.left-menu .menu-item.active .sub-menu {
display: none; } }
main .left-col nav.left-menu .menu-item > a > span, main .left-col nav.left-menu .menu-item > span {
font-weight: 400;
display: inline-block;
max-width: calc(100% - 45px); }
main .left-col nav.left-menu .sub-menu {
display: none;
position: absolute;
left: 275px;
top: 0;
padding: 13px 0 102px;
background-color: white;
max-height: 100%;
width: 370px;
border-color: #d7d7d7;
border-style: solid;
border-width: 1px;
overflow-y: auto; }
main .left-col nav.left-menu .sub-menu::-webkit-scrollbar {
width: 10px;
cursor: pointer; }
main .left-col nav.left-menu .sub-menu::-webkit-scrollbar-track {
background: transparent;
margin-bottom: 90px; }
main .left-col nav.left-menu .sub-menu::-webkit-scrollbar-thumb {
background: #ff7112; }
main .left-col nav.left-menu .sub-menu::-webkit-scrollbar-thumb:hover {
background: #cf5400; }
main .left-col nav.left-menu .sub-menu a {
line-height: 1.2;
color: black;
text-decoration: none;
display: inline-block;
width: 100%;
padding: 8px 20px 7px; }
main .left-col nav.left-menu .sub-menu a:hover, main .left-col nav.left-menu .sub-menu a:active, main .left-col nav.left-menu .sub-menu a:focus {
color: #4087fa; }
main .left-col nav.left-menu .sub-menu a:hover span, main .left-col nav.left-menu .sub-menu a:active span, main .left-col nav.left-menu .sub-menu a:focus span {
color: #4087fa; }
@media (max-width: 991px) {
main .left-col {
left: -275px;
-webkit-transition: left 0.2s;
transition: left 0.2s; }
main .left-col.active {
left: 0;
-webkit-box-shadow: 0 0 0 1px #d7d7d7;
box-shadow: 0 0 0 1px #d7d7d7; }
main .left-col.active nav.left-menu .menu-item.active .sub-menu {
display: block; } }
@media (max-width: 991px) and (max-width: 768px) {
main .left-col.active nav.left-menu .menu-item.active .sub-menu {
display: none; } }
@media (max-width: 768px) {
main .left-col {
left: -100%;
width: 100%; }
main .left-col nav.left-menu {
width: 100%; }
main .left-col nav.left-menu .menu-item {
position: relative; }
main .left-col nav.left-menu .menu-item > a {
padding: 25px 80px; }
main .left-col nav.left-menu .menu-item > a:before {
height: 40px;
width: 40px;
margin-right: 40px; }
main .left-col nav.left-menu .menu-item a, main .left-col nav.left-menu .menu-item span {
font-size: 24px; }
main .left-col nav.left-menu .menu-item > a > span, main .left-col nav.left-menu .menu-item > span {
font-weight: 400;
display: inline-block;
max-width: calc(100% - 80px); }
main .left-col nav.left-menu ul .menu-item:after {
display: block;
position: absolute;
content: '';
top: calc(50% - 13px);
right: 50px;
width: 14px;
height: 26px;
background-image: url("../img/mobile-icons/arrow-right.png");
background-position: center;
background-repeat: no-repeat; }
main .left-col nav.left-menu ul .menu-item.menu-item-gray:after {
display: none; } }
@media (max-width: 576px) {
main .left-col nav.left-menu .menu-item > a {
padding: 20px; }
main .left-col nav.left-menu .menu-item > a:before {
height: 40px;
width: 40px;
margin-right: 20px; }
main .left-col nav.left-menu .menu-item > a > span, main .left-col nav.left-menu .menu-item > span {
font-weight: 400;
display: inline-block;
max-width: calc(100% - 60px); }
main .left-col nav.left-menu ul .menu-item:after {
display: none; } }
main .right-col {
padding: 0;
margin-left: 275px;
width: calc(100% - 275px); }
@media (max-width: 991px) {
main .right-col {
margin-left: 0;
width: 100%; } }
main .content-box {
background-color: #f5f5f5;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMTcuNjYgMjE1Ljg0Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2NlY2VjZTtvcGFjaXR5Oi4zfTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEuODIsMTM0LjM1czEwLjEyLDIyLjQ4LDM3LjU1LDM1LjUyLDU3LjYsNC41MSw3MS44Ny01LjdjMjEuNTgtMTUuNDQsMjkuMzgtMzIuODEsMzEuMS00OC45NCw0LjU3LTQyLjk0LTI4Ljc4LTQ2LjMxLTI4Ljc4LTQ2LjMxczIuMTgsMTEtNy42NCwyMy4zOEM5NS4zLDEwNS42Nyw3NiwxMDQsNzYsMTA0TDYzLjY1LDEyMi40NXMwLDUuNTMtMi40OCw5LjQyYy01LjU0LDguNjItMTQuMTYsNC41LTE0LjE2LDQuNXM3LjE5LTExLjg4LDQuMjctMTMuOTItMTMsMTYuODQtMTYuMTksMTYuODQtMTQuMTYtNy0xMy0xOFMzNS41NCw4MiwzNi40NCw3My42NGE0MC44OSw0MC44OSwwLDAsMC0xLjM1LTE1LjI5UzY1LjksMjEuNDgsNjguMzcsMTUuNDFzMS4zNS04LjEsMS4zNS04LjFsMTEuNjktNC41LDksMTMuMDUsMy4zOC0uNjhMOTcuMTUsMGgxMi41OWw1LjYyLDE0LjI4LDIuOTItLjIyTDEyNC44LDBsMTMuNDksMi41OS45LDE2LjQxLDMuNy45LDkuMzQtMTIuMTQsMTEsNS44NS0yLDE1LjA2LDMuMzcsMi4yNSwxMi41OS04LjU0LDkuMjIsNy44Ny02LjA3LDEzLjI2LDIuNDcsMy4zN0wxOTcsNDEuNzFsNi43NCwxMC43OS05LjQ0LDExLjI1LDEuNTcsMy44MiwxNC42Mi0xLjM1LDQuNzIsMTIuNTlMMjAzLjI3LDg2LjlsLjQ1LDQuMjgsMTMuOTQsMS41N3YxNS4xN2wtMTIuNTksMy40OXY0LjI3bDEyLjU5LDQuOTUtMS4yMSwxMy40OC0xNS44OCwxLjEzLS42NywzLjgzLDExLjQ3LDkuNjYtNS44NSwxMi4zN0wxOTAsMTU4bC0xLjgsMy42LDguMzIsMTEuMjQtOC43NywxMC43OUwxNzQsMTc2LjM5bC0yLjY5LDEuOEwxNzcsMTkzLjI1bC0xMC4xMiw3LjItMTEuNjktOS4yMi0yLjkzLDEuOEwxNTMuNTgsMjA3bC0xMi4zNiw0LjcyLTcuNDItMTAuMzQtNS40LDEuNTctMS44LDEyLjkySDExMS43NmwtMi05LjFoLTguMzJsLTMuMTUsOS4xTDg1LDIxMy4yNmwtLjktNi4yOUw3MiwyMDQuMjdsLTEuNTgsMy4xNXMtMjcuODgtMTEuMjQtNDEuODItMjQuNzNTMy4zOSwxNDguMjksMS44MiwxNDItMS4zMywxMzMuNjcsMS44MiwxMzQuMzVaIi8+PC9zdmc+);
background-repeat: no-repeat;
background-size: contain;
background-attachment: fixed;
background-position-y: center;
background-position-x: calc(50% + 25vh);
padding-left: 35px;
padding-right: 35px;
padding-top: 20px;
padding-bottom: 10px;
width: 100%;
overflow: hidden; }
@media (max-width: 1200px) {
main .content-box {
padding-left: 25px;
padding-right: 25px; } }
@media (max-width: 991px) {
main .content-box {
background-position-x: center;
padding-left: 20px;
padding-right: 20px; } }
@media (max-width: 768px) {
main .content-box {
background-image: none;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 20px;} }
@media (max-width: 576px) {
main .content-box {
padding-left: 10px;
padding-right: 10px; } }
nav.breadcrumbs {
margin-top: -5px; }
nav.breadcrumbs ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 0; }
nav.breadcrumbs li {
font-size: 14px;
line-height: 1.4em;
display: inline-block;
vertical-align: middle; }
nav.breadcrumbs li:not(:last-child) {
margin-right: 8px; }
nav.breadcrumbs li + li:before {
content: '>';
display: inline-block;
vertical-align: middle;
margin-right: 8px; }
nav.breadcrumbs a {
text-decoration: underline;
color: black; }
nav.breadcrumbs a:hover, nav.breadcrumbs a:focus, nav.breadcrumbs a:active {
text-decoration: none; }
nav.breadcrumbs span {
color: #ff7112; }
@media (max-width: 768px) {
nav.breadcrumbs {
margin: 0 0 40px; }
nav.breadcrumbs li {
font-size: 16px; }
nav.breadcrumbs li:not(:last-child) {
margin-right: 20px; }
nav.breadcrumbs li + li:before {
margin-right: 20px; } }
.page-top-box nav.breadcrumbs {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
.page-top-box .page-title {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin: 20px 0 0; }
.page-top-box .page-title h1 {
font-size: 25px;
line-height: 1.2em;
margin-bottom: 0.5em; }
.page-top-box .btn-back {
display: none; }
@media (max-width: 768px) {
.page-top-box nav.breadcrumbs {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 0;
order: 0; }
.page-top-box .page-title {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 1;
order: 1;
text-align: center;
margin: -5px 0 25px; }
.page-top-box .page-title h1 {
margin-bottom: 0; }
.page-top-box .btn-back {
display: block;
margin-top: -20px;
padding: 15px 0; }
.page-top-box .btn-back a {
display: block;
text-align: center;
color: black;
font-size: 25px;
font-weight: 600; } }
.buy-btn {
text-align: center; }
.buy-btn a, .buy-btn button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
max-width: 100%;
word-break: break-all;
background: none;
border-style: solid;
border-width: 1px;
border-color: #4087fa;
color: black;
text-decoration: none;
cursor: pointer; }
.buy-btn a:hover, .buy-btn button:hover {
outline: none;
font-weight: 700;
color: white;
background-color: #ff7112;
border-color: #ff7112; }
.buy-btn a:active, .buy-btn button:active {
outline: none;
font-weight: 700;
color: white;
border-color: #ff7112;
background-color: #ff8e42; }
.buy-btn a {
padding: 5px 35px; }
.buy-pack-btn {
text-align: center;
white-space: nowrap; }
.buy-pack-btn a {
overflow: visible;
color: black;
text-decoration: underline; }
.buy-pack-btn a:before {
content: '';
display: inline-block;
vertical-align: middle;
height: 18px;
width: 26px;
margin-right: 5px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OTkuMTYgMzM5LjA3Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2E1YTVhNTt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNDk3LjIsMTA2LDQ1MC44MSwxNC42OUM0NDYuMiw1LjYzLDQzNy4zNiwwLDQyNy43NCwwSDcxLjQyQzYxLjgsMCw1Myw1LjYzLDQ4LjM1LDE0LjY5TDIsMTA2YTE4LjI4LDE4LjI4LDAsMCwwLC43LDE3LjczLDE2LjQyLDE2LjQyLDAsMCwwLDE0LDhINTJWMzEyLjkzYzAsMTQuNDEsMTAuOTQsMjYuMTQsMjQuMzksMjYuMTRINDIyLjgxYzEzLjQ1LDAsMjQuMzktMTEuNzMsMjQuMzktMjYuMTRWMjM0LjA3YTEwLDEwLDAsMCwwLTIwLDB2NzguODZjMCwzLjI3LTIuMDUsNi4xNC00LjM5LDYuMTRIMjU5LjU4VjUxLjc2TDI5NCwxMTkuNDVhMjEuODUsMjEuODUsMCwwLDAsMTkuMzgsMTIuMjlINDI3LjJ2NjcuMzNhMTAsMTAsMCwwLDAsMjAsMFYxMzEuNzRoMzUuMjhhMTYuNDMsMTYuNDMsMCwwLDAsMTQtOEExOC4yOCwxOC4yOCwwLDAsMCw0OTcuMiwxMDZabS0xOS41Miw1LjczSDMxMy4zNmMtLjQyLDAtMS4wOC0uNDItMS41Ni0xLjM1TDI2NS44OCwyMEg0MjcuNzRjMi4wNSwwLDQuMDYsMS40NCw1LjI0LDMuNzVabS0yNjYuNjItNDgtMjMuNyw0Ni42NmMtLjQ4LjkzLTEuMTQsMS4zNS0xLjU1LDEuMzVIMjEuNDhsNDQuNzEtODhBNi4yLDYuMiwwLDAsMSw3MS40MiwyMEgyMzMuMjhaTTcyLDMxMi45M1YxMzEuNzRIMTg1LjgxYTIxLjg1LDIxLjg1LDAsMCwwLDE5LjM4LTEyLjI5bDM0LjM5LTY3LjY5VjMxOS4wN0g3Ni4zNUM3NCwzMTkuMDcsNzIsMzE2LjIsNzIsMzEyLjkzWiIvPjwvc3ZnPg==);
background-repeat: no-repeat;
background-size: contain; }
.buy-pack-btn a:hover {
color: #ff7112; }
.buy-pack-btn a:hover:before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OTkuMTYgMzM5LjA3Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmNzExMjt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNDk3LjIsMTA2LDQ1MC44MSwxNC42OUM0NDYuMiw1LjYzLDQzNy4zNiwwLDQyNy43NCwwSDcxLjQyQzYxLjgsMCw1Myw1LjYzLDQ4LjM1LDE0LjY5TDIsMTA2YTE4LjI4LDE4LjI4LDAsMCwwLC43LDE3LjczLDE2LjQyLDE2LjQyLDAsMCwwLDE0LDhINTJWMzEyLjkzYzAsMTQuNDEsMTAuOTQsMjYuMTQsMjQuMzksMjYuMTRINDIyLjgxYzEzLjQ1LDAsMjQuMzktMTEuNzMsMjQuMzktMjYuMTRWMjM0LjA3YTEwLDEwLDAsMCwwLTIwLDB2NzguODZjMCwzLjI3LTIuMDUsNi4xNC00LjM5LDYuMTRIMjU5LjU4VjUxLjc2TDI5NCwxMTkuNDVhMjEuODUsMjEuODUsMCwwLDAsMTkuMzgsMTIuMjlINDI3LjJ2NjcuMzNhMTAsMTAsMCwwLDAsMjAsMFYxMzEuNzRoMzUuMjhhMTYuNDMsMTYuNDMsMCwwLDAsMTQtOEExOC4yOCwxOC4yOCwwLDAsMCw0OTcuMiwxMDZabS0xOS41Miw1LjczSDMxMy4zNmMtLjQyLDAtMS4wOC0uNDItMS41Ni0xLjM1TDI2NS44OCwyMEg0MjcuNzRjMi4wNSwwLDQuMDYsMS40NCw1LjI0LDMuNzVabS0yNjYuNjItNDgtMjMuNyw0Ni42NmMtLjQ4LjkzLTEuMTQsMS4zNS0xLjU1LDEuMzVIMjEuNDhsNDQuNzEtODhBNi4yLDYuMiwwLDAsMSw3MS40MiwyMEgyMzMuMjhaTTcyLDMxMi45M1YxMzEuNzRIMTg1LjgxYTIxLjg1LDIxLjg1LDAsMCwwLDE5LjM4LTEyLjI5bDM0LjM5LTY3LjY5VjMxOS4wN0g3Ni4zNUM3NCwzMTkuMDcsNzIsMzE2LjIsNzIsMzEyLjkzWiIvPjwvc3ZnPg==); }
.buy-pack-btn span {
display: inline-block;
vertical-align: middle;
text-align: left;
white-space: normal;
max-width: calc(100% - 31px); }
footer {
background-color: #363636; }
footer > .row {
margin: 0; }
footer .top-line {
padding: 35px 35px 65px 35px; }
footer .top-line .bottom-logo-box {
margin-top: 30px; }
@media (max-width: 768px) {
footer .top-line .bottom-logo-box {
text-align: center; } }
footer .top-line .bottom-menu-box {
color: white;
line-height: 1; }
@media (max-width: 576px) {
footer .top-line .bottom-menu {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; } }
footer .top-line .bottom-menu > div {
-webkit-box-flex: 1;
-ms-flex: 1 0 210px;
flex: 1 0 210px;
margin-top: 30px;
padding-right: 20px; }
@media (max-width: 576px) {
footer .top-line .bottom-menu > div {
padding-right: 15px;
-webkit-box-flex: 0;
-ms-flex: 0 0 220px;
flex: 0 0 220px; } }
footer .top-line .menu-item {
min-width: 210px; }
footer .top-line .menu-item span {
display: inline-block;
font-size: 16px;
font-weight: 600; }
footer .top-line .menu-item .sub-menu ul {
list-style: none;
margin: 0;
padding: 0; }
footer .top-line .menu-item .sub-menu li {
margin-top: 10px; }
footer .top-line .menu-item .sub-menu a {
display: inline-block;
line-height: 1.2;
color: white; }
footer .top-line .contacts-box {
line-height: 1;
overflow: visible; }
footer .top-line .contacts-box .contacts-wrap {
width: 180px; }
footer .top-line .contacts-box a {
display: block;
white-space: nowrap; }
footer .top-line .contacts-box a.email {
font-size: 19px;
font-weight: 700;
color: #ff7112; }
footer .top-line .contacts-box a.phone {
font-size: 20.7px;
font-weight: 700;
color: #ff7112;
margin-top: 13px; }
footer .top-line .contacts-box a.callback {
font-size: 14px;
font-weight: 600;
line-height: 32px;
width: 100%;
color: white;
background-color: #ff7112;
text-align: center;
margin-top: 10px;
cursor: pointer;
text-decoration: none; }
footer .top-line .contacts-box a.callback:hover {
color: black;
background-color: white; }
footer .top-line .contacts-box a.callback:active {
opacity: 0.8; }
footer .bg-line {
padding: 5px 35px 65px 35px;
background: url("../img/bg-orange.png") no-repeat center;
background-size: cover; }
footer .bg-line .heading {
font-weight: 700;
font-size: 24px;
margin-bottom: 10px; }
footer .bg-line .icons-box {
margin-left: -10px;
margin-right: -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap; }
footer .bg-line .icon-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1 0 220px;
flex: 1 0 220px;
margin: 10px; }
footer .bg-line .icon-box img, footer .bg-line .icon-box span {
display: inline-block;
vertical-align: middle; }
footer .bg-line .icon-box span {
margin-left: 15px;
white-space: normal;
font-size: 17px; }
footer .bg-line .icon-box img {
width: 100%; }
footer .bg-line .trusted-by {
margin-top: 30px;
-webkit-box-flex: 1;
-ms-flex: 1 1 300px;
flex: 1 1 300px; }
@media (max-width: 768px) {
footer .bg-line .trusted-by {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
text-align: center; } }
footer .bg-line .trusted-by .icons-box {
max-width: 420px; }
@media (max-width: 768px) {
footer .bg-line .trusted-by .icons-box {
max-width: 100%;
margin: auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; } }
footer .bg-line .trusted-by .icon-box {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto; }
footer .bg-line .trusted-by .numbers-box {
margin-top: 20px;
min-width: 420px; }
@media (max-width: 576px) {
footer .bg-line .trusted-by .numbers-box {
min-width: 220px; } }
footer .bg-line .trusted-by .numbers-box .numbers p {
line-height: 1;
font-family: 'Gotham Pro', sans-serif;
font-size: 24.8px;
font-weight: 700;
letter-spacing: 0.2px;
margin-bottom: 5px; }
footer .bg-line .trusted-by .numbers-box .numbers p.sub {
font-size: 24.3px;
font-weight: 400;
letter-spacing: normal; }
footer .bg-line .trusted-by .numbers-box .numbers-bigger {
margin-top: 25px; }
footer .bg-line .trusted-by .numbers-box .numbers-bigger p {
line-height: 1;
font-family: 'Gotham Pro', sans-serif;
font-size: 28.1px;
font-weight: 700;
margin-bottom: 5px;
letter-spacing: 0.2px; }
footer .bg-line .trusted-by .numbers-box .numbers-bigger p.sub {
font-size: 31px;
font-weight: 400; }
footer .bg-line .we-accept {
margin-top: 30px;
-webkit-box-flex: 1;
-ms-flex: 1 1 250px;
flex: 1 1 250px; }
@media (max-width: 768px) {
footer .bg-line .we-accept {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
text-align: center; } }
footer .bg-line .we-accept .icons-box {
margin-top: 20px;
max-width: 300px; }
@media (max-width: 768px) {
footer .bg-line .we-accept .icons-box {
max-width: 100%;
margin: auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; } }
footer .bg-line .we-accept .icon-box {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto; }
footer .bg-line .good-points {
margin-top: 30px;
-webkit-box-flex: 1;
-ms-flex: 1 1 500px;
flex: 1 1 500px; }
@media (max-width: 768px) {
footer .bg-line .good-points {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto; } }
footer .bg-line .good-points .icons-box {
max-width: 570px; }
@media (max-width: 768px) {
footer .bg-line .good-points .icons-box {
max-width: 100%; } }
footer .bg-line .good-points .icons-box .img-box {
display: inline-block;
width: 70px;
-webkit-box-flex: 0;
-ms-flex: 0 0 70px;
flex: 0 0 70px;
text-align: center; }
footer .bg-line .good-points .icons-box .img-box img {
width: auto; }
footer .bottom-line {
padding: 20px 35px 45px 35px;
color: white; }
footer .bottom-line > div {
margin-top: 30px; }
footer .bottom-line p {
font-family: "Gotham Pro", sans-serif;
font-weight: 400;
margin-bottom: 0; }
footer .bottom-line .copyright {
-webkit-box-flex: 0;
-ms-flex: 0 0 200px;
flex: 0 0 200px; }
footer .bottom-line .address {
-webkit-box-flex: 0;
-ms-flex: 0 0 200px;
flex: 0 0 200px; }
footer .bottom-line .work-time {
-webkit-box-flex: 0;
-ms-flex: 0 1 300px;
flex: 0 1 300px; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
footer .bottom-line .copyright {
flex-basis: 175px; }
footer .bottom-line .address {
flex-basis: 175px; }
footer .bottom-line .work-time {
flex-basis: 245px; } }
@media (max-width: 768px) {
footer .bottom-line {
max-width: 400px;
margin: auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
footer .bottom-line p {
text-align: center; } }
@media (max-width: 576px) {
footer .bottom-line {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
footer .bottom-line p {
text-align: left; } }
.slider-box {
opacity: 0;
padding: 0 25px;
position: relative; }
.slider-box .slider {
font-size: 0; }
.slider-box .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.slider-box .slick-track .slick-slide {
height: auto;
text-align: center; }
.slider-box .slick-track .slick-slide > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
font-size: 0; }
.slider-box .slick-vertical .slick-track {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.slider-box .slick-dotted.slick-slider {
margin-bottom: 20px; }
.slider-box .slider-dots {
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center; }
.slider-box .slider-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 15px;
padding: 0;
cursor: pointer; }
.slider-box .slider-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 0;
cursor: pointer;
color: transparent;
background: white;
border: 1px solid #d7d7d7;
border-radius: 50%; }
.slider-box .slider-dots li button:hover, .slider-box .slider-dots li button:active {
outline: none; }
.slider-box .slider-dots li button:hover:before, .slider-box .slider-dots li button:active:before {
opacity: .75; }
.slider-box .slider-dots li button:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
background: #ff7112;
border: 1px solid transparent;
border-radius: 50%;
opacity: 0; }
.slider-box .slider-dots li.slick-active button:before {
opacity: 1;
color: black; }
@media (max-width: 576px) {
.slider-box .slider-dots li {
margin: 0 5px; } }
.slider-box .slider-btn {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
margin: 0;
display: none;
position: absolute;
top: calc(50% - 20px);
width: 25px;
height: 40px;
border: none;
background-color: transparent;
background-image: url("../img/icons/arrow.png");
background-position-x: 4px;
background-position-y: center;
background-repeat: no-repeat;
cursor: pointer; }
.slider-box .slider-btn.left {
left: 0; }
.slider-box .slider-btn.right {
right: 0;
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.slider-box .slider-btn.slick-disabled {
opacity: 0.5; }
.slider-box .slider-btn:hover, .slider-box .slider-btn:active {
outline: none; }
@media (max-width: 768px) {
.slider-box .slider-btn {
display: none; } }
.slider-box .slick-vertical + .slider-controls .slider-btn {
top: initial;
right: initial;
left: 50%; }
.slider-box .slick-vertical + .slider-controls .slider-btn.left {
top: -8px;
-webkit-transform: translateX(-50%) rotate(90deg);
transform: translateX(-50%) rotate(90deg); }
.slider-box .slick-vertical + .slider-controls .slider-btn.right {
bottom: -8px;
-webkit-transform: translateX(-50%) rotate(270deg);
transform: translateX(-50%) rotate(270deg); }
.slider-box .slider-btn.slick-arrow {
display: block; }
.slider-box .slider-btn.slick-arrow.slick-hidden {
display: none; }
@media (max-width: 768px) {
.slider-box {
padding: 0; } }
.brands-items {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.brands_item {
text-align: center;
font-size: 0;
white-space: nowrap; }
.brands_item-inner {
display: inline-block;
vertical-align: center; }
@media (max-width: 768px) {
.brands_item-inner {
padding-bottom: 25%; } }
@media (min-width: 992px) and (max-width: 1200px) {
.brands_item {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%; }
.brands_item-inner {
padding-bottom: 30px; } }
.brands_item:before {
content: '';
display: inline-block;
height: 100%;
width: 0;
vertical-align: middle; }
.brands_item > * {
white-space: normal; }
.news-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
@media (max-width: 768px) {
.news-items {
display: block; } }
.news_item {
display: none;
max-width: 300px;
min-width: 160px;
-webkit-box-flex: 1;
-ms-flex: 1 1 16.6666%;
flex: 1 1 16.6666%; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
.news_item {
flex-basis: calc(16.6666% + 20px); } }
.news_item:nth-child(1), .news_item:nth-child(2), .news_item:nth-child(3), .news_item:nth-child(4), .news_item:nth-child(5), .news_item:nth-child(6) {
display: block; }
.news_item-inner, .news_item-inner:hover, .news_item-inner:active {
text-decoration: none; }
.news_item_name {
font-size: 16px;
line-height: 1.2em;
max-height: 2.4em;
margin-bottom: 5px;
overflow: hidden; }
.news_item_name span {
color: #ff7112;
text-decoration: underline; }
@media (max-width: 768px) {
.news_item_name {
max-height: 100%; } }
.news_item_descr {
font-size: 14px;
line-height: 1.2em;
max-height: 4.8em;
margin-top: 5px;
overflow: hidden; }
.news_item_descr p {
color: black;
margin: 0; }
@media (max-width: 768px) {
.news_item_descr {
max-height: 100%; } }
.news_item_date {
font-size: 12px;
line-height: 1em;
color: black;
margin-top: 15px; }
@media (max-width: 1594px) {
.news_item {
-ms-flex-preferred-size: 20%;
flex-basis: 20%; }
.news_item:nth-child(6) {
display: none; } }
@media (max-width: 1444px) {
.news_item {
-ms-flex-preferred-size: 25%;
flex-basis: 25%; }
.news_item:nth-child(5) {
display: none; } }
@media (max-width: 1194px) {
.news_item {
-ms-flex-preferred-size: 33.3333%;
flex-basis: 33.3333%; }
.news_item:nth-child(4) {
display: none; } }
@media (max-width: 1044px) {
.news_item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%; }
.news_item:nth-child(3) {
display: none; } }
@media (max-width: 991px) {
.news_item {
-ms-flex-preferred-size: 25%;
flex-basis: 25%; }
.news_item:nth-child(3), .news_item:nth-child(4) {
display: block; } }
@media (max-width: 919px) {
.news_item {
-ms-flex-preferred-size: 33.3333%;
flex-basis: 33.3333%; }
.news_item:nth-child(4) {
display: none; } }
@media (max-width: 768px) {
.news_item {
margin-bottom: 20px;
max-width: 100%; }
.news_item:nth-child(3) {
display: none; }
.news_item_name span {
font-size: calc(16px + 0.8vw); }
.news_item_descr {
font-size: calc(14px + 0.8vw); }
.news_item_date {
font-size: calc(12px + 0.8vw); } }
.seo_item {
-webkit-box-flex: 1;
-ms-flex: 1 1 33.3333%;
flex: 1 1 33.3333%; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
.seo_item {
flex-basis: calc(33.3333% - 30px); } }
.seo_item_title {
margin-bottom: 25px; }
.seo_item_title p {
font-size: 25px;
font-weight: 600;
margin: 0; }
@media (max-width: 768px) {
.seo_item_title {
text-align: center; } }
.seo_item_text {
font-family: 'Gotham Pro', sans-serif;
padding-right: 50px; }
@media (max-width: 768px) {
.seo_item_text {
padding-right: 0; } }
@media (max-width: 1200px) {
.seo_item {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
display: none; }
.seo_item:nth-child(1), .seo_item:nth-child(2) {
display: block; } }
@media (max-width: 768px) {
.seo_item {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%; }
.seo_item:nth-child(2) {
display: none; } }
@media (max-width: 768px) {
.seo_item + .seo_item {
margin-top: 20px; } }
.page-seo-text {
line-height: 1.3; }
.page-seo-text:empty {
margin-top: -16px; }
.block {
margin-bottom: 70px; }
.block:last-child {
margin-bottom: 60px; }
.block.thin {
padding: 0 35px; }
@media (max-width: 576px) {
.block.thin {
padding: 0; } }
.block .slider_header-box {
margin-left: 58px;
margin-bottom: 25px; }
.block .slider_header-box p {
margin: 0;
font-size: 25px;
font-weight: 600; }
@media (max-width: 991px) {
.block .slider_header-box {
margin-left: 0;
text-align: center; } }
.block .block_header-box {
margin-bottom: 25px; }
.block .block_header-box p {
margin: 0;
font-size: 25px;
font-weight: 600; }
@media (max-width: 991px) {
.block .block_header-box {
margin-left: 0;
text-align: center; } }
.block .block_link-box {
font-size: 18px;
text-align: center;
text-decoration: underline;
color: #4087fa;
display: none; }
@media (max-width: 768px) {
.block .block_link-box {
display: block; } }
.slider-wrap {
width: 100%;
max-width: 1500px; }
.slider-wrap .slider_link-box {
font-size: 18px;
text-align: center;
text-decoration: underline;
color: #4087fa;
display: none; }
@media (max-width: 768px) {
.slider-wrap .slider_link-box {
display: block; } }
.slider-wrap .slider_item {
position: relative;
overflow: hidden;
font-size: 14px;
padding: 0 5px; }
.slider-wrap .slider_item-inner {
display: block;
background-color: white;
-webkit-box-shadow: inset 0 0 0 1px #d7d7d7;
box-shadow: inset 0 0 0 1px #d7d7d7;
padding: 15px;
height: 100%;
text-decoration: none; }
.slider-wrap .slider_item-inner:hover, .slider-wrap .slider_item-inner:active {
outline: none; }
.slider-wrap .slider_item_img {
text-align: center;
font-size: 0;
white-space: nowrap; }
.slider-wrap .slider_item_img a {
display: inline-block;
height: 105px;
vertical-align: middle;
white-space: nowrap; }
.slider-wrap .slider_item_img a:hover, .slider-wrap .slider_item_img a:active {
outline: none; }
.slider-wrap .slider_item_img a:before {
content: '';
display: inline-block;
height: 100%;
width: 0;
vertical-align: middle; }
.slider-wrap .slider_item_img a > * {
white-space: normal; }
.slider-wrap .slider_item_img img {
display: inline-block; }
.slider-wrap .slider_item_img:before {
content: '';
display: inline-block;
height: 100%;
width: 0;
vertical-align: middle; }
.slider-wrap .slider_item_img > * {
white-space: normal; }
.slider-wrap .slider_item_name {
overflow: hidden; }
.slider-wrap .slider_item_name a {
color: black; }
.slider-wrap .slider_item_name a:hover, .slider-wrap .slider_item_name a:active {
outline: none; }
.slider-wrap .slider.products .slider_item {
max-width: 200px;
min-width: 160px; }
.slider-wrap .slider.products .slider_item-inner {
padding-top: 10px; }
.slider-wrap .slider.products .slider_item_name {
text-align: center;
margin-top: 10px;
line-height: 1em;
height: 2em;
overflow: hidden; }
.slider-wrap .slider.products .slider_item_name a {
text-decoration: none;
color: black; }
.slider-wrap .slider.products .slider_item_name a:hover, .slider-wrap .slider.products .slider_item_name a:active {
outline: none; }
.slider-wrap .slider.products .slider_item_price {
text-align: center;
margin-top: 15px;
line-height: 1em;
font-weight: 700; }
.slider-wrap .slider.products .slider_item_price > span {
display: inline-block;
white-space: nowrap;
margin: 3px 3px 0; }
.slider-wrap .slider.products .slider_item_price .old {
font-weight: 400;
text-decoration: line-through; }
.slider-wrap .slider.products .slider_item_btn {
margin-top: 10px; }
@media (max-width: 768px) {
.slider-wrap .slider.products {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-left: -10px;
margin-right: -10px; }
.slider-wrap .slider.products .slider_item {
display: none;
max-width: 330px;
padding: 0 10px;
margin: 0 auto 20px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
-ms-flex-preferred-size: calc(50% - 20px);
flex-basis: calc(50% - 20px);
font-size: calc(14px + 1.1vw); }
.slider-wrap .slider.products .slider_item:nth-child(1), .slider-wrap .slider.products .slider_item:nth-child(2), .slider-wrap .slider.products .slider_item:nth-child(3), .slider-wrap .slider.products .slider_item:nth-child(4) {
display: block; }
.slider-wrap .slider.products .slider_item_img a {
height: calc(1vw * 20); }
.slider-wrap .slider.products .slider_item_btn a {
padding: 2% 15%; } }
@media (max-width: 768px) and (max-width: 420px) {
.slider-wrap .slider.products .slider_item {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%; }
.slider-wrap .slider.products .slider_item:nth-child(3), .slider-wrap .slider.products .slider_item:nth-child(4) {
display: none; }
.slider-wrap .slider.products .slider_item_img a {
height: calc(1vw * 40); } }
.slider-wrap .slider.sale-items .slider_item {
max-width: 440px;
min-width: 300px; }
.slider-wrap .slider.sale-items .slider_item-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch; }
.slider-wrap .slider.sale-items .slider_item_flag {
position: absolute;
top: 25px;
left: 5px;
width: 121px;
height: 29px;
background-image: url("../img/icons/flag.png");
background-position: center;
background-size: contain;
text-align: left; }
.slider-wrap .slider.sale-items .slider_item_flag span {
display: inline-block;
color: white;
font-weight: 600;
font-size: 16px;
line-height: 1em;
text-transform: lowercase;
margin-left: 20px;
margin-top: 4px; }
.slider-wrap .slider.sale-items .slider_item_img {
width: 140px;
-webkit-box-flex: 0;
-ms-flex: 0 0 30%;
flex: 0 0 30%; }
.slider-wrap .slider.sale-items .slider_item_text {
-webkit-box-flex: 1;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
text-align: left;
margin-left: 30px; }
.slider-wrap .slider.sale-items .slider_item_name {
font-size: 16px;
line-height: 1.2em;
max-height: 2.4em;
overflow: hidden; }
.slider-wrap .slider.sale-items .slider_item_name span {
color: #ff7112;
text-decoration: underline; }
@media (max-width: 768px) {
.slider-wrap .slider.sale-items .slider_item_name {
max-height: 100%; } }
.slider-wrap .slider.sale-items .slider_item_descr {
font-size: 14px;
line-height: 1.2em;
max-height: 4.8em;
margin-top: 5px;
overflow: hidden; }
.slider-wrap .slider.sale-items .slider_item_descr p {
color: black;
margin: 0; }
@media (max-width: 768px) {
.slider-wrap .slider.sale-items .slider_item_descr {
max-height: 100%; } }
.slider-wrap .slider.sale-items .slider_item_date {
font-size: 12px;
line-height: 1em;
color: black;
margin-top: 15px; }
@media (max-width: 768px) {
.slider-wrap .slider.sale-items .slider_item {
max-width: 100%; }
.slider-wrap .slider.sale-items .slider_item_name span {
font-size: calc(16px + 0.8vw); }
.slider-wrap .slider.sale-items .slider_item_descr {
font-size: calc(14px + 0.8vw); }
.slider-wrap .slider.sale-items .slider_item_date {
font-size: calc(12px + 0.8vw); } }
.main-page .block:first-child {
margin-top: 40px; }
@media (max-width: 991px) {
.main-page .block:first-child {
margin-top: 10px; } }
@media (max-width: 768px) {
.main-page .block:not(.sales) {
padding-left: 10px;
padding-right: 10px; } }
.subsection-links-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.subsection-links-box .subsection-link {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
margin-right: 5px;
margin-bottom: 5px; }
.subsection-links-box .subsection-link a, .subsection-links-box .subsection-link span {
display: inline-block;
color: black;
background-color: #d7d7d7;
padding: 5px 10px; }
.subsection-links-box .subsection-link.active a, .subsection-links-box .subsection-link.active span, .subsection-links-box .subsection-link:hover a, .subsection-links-box .subsection-link:hover span {
color: white;
background-color: #ff7112;
text-decoration: none; }
.subsection-links-box + .subsection-links-box {
padding-top: 10px; }
@media (max-width: 768px) {
.subsection-links-box .subsection-link {
margin-right: 15px;
margin-bottom: 15px; }
.subsection-links-box .subsection-link a, .subsection-links-box .subsection-link span {
padding: 10px; }
.subsection-links-box + .subsection-links-box {
padding-top: 15px; } }
.fullwidth-mobile {
width: auto; }
@media (max-width: 768px) {
.fullwidth-mobile {
margin-left: -15px;
margin-right: -15px; } }
@media (max-width: 576px) {
.fullwidth-mobile {
margin-left: -10px;
margin-right: -10px; } }
.catalog {
margin-bottom: 70px; }
.catalog-controls-box {
margin-top: 30px;
margin-bottom: 17px; }
@media (max-width: 768px) {
.catalog-controls-box {
margin-top: 20px;
margin-bottom: 27px; } }
@media (max-width: 576px) {
.catalog-controls-box {
margin-top: 15px; } }
.catalog-mobile-btns {
display: none;
font-size: 0; }
.catalog-mobile-btns .btn-sort, .catalog-mobile-btns .btn-filter {
display: inline-block;
cursor: pointer;
height: 58px;
width: calc(50% - 7px);
color: white;
background-color: #ff7112;
text-align: center; }
.catalog-mobile-btns .btn-sort span, .catalog-mobile-btns .btn-filter span {
font-size: 25px;
vertical-align: middle; }
@media (max-width: 576px) {
.catalog-mobile-btns .btn-sort span, .catalog-mobile-btns .btn-filter span {
font-size: 18px; } }
.catalog-mobile-btns .btn-sort:active, .catalog-mobile-btns .btn-sort:focus, .catalog-mobile-btns .btn-filter:active, .catalog-mobile-btns .btn-filter:focus {
-webkit-box-shadow: inset 0 0 2px 1px #cf5400;
box-shadow: inset 0 0 2px 1px #cf5400; }
.catalog-mobile-btns .btn-sort {
margin-right: 7px; }
.catalog-mobile-btns .btn-sort:before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
width: 13px;
margin-right: 11px;
background-image: url("../img/icons/right-arrow-white.png");
background-position-x: 0;
background-position-y: 13px;
background-repeat: no-repeat;
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
@media (max-width: 576px) {
.catalog-mobile-btns .btn-sort:before {
background-size: 70%;
background-position-y: 19px; } }
.catalog-mobile-btns .btn-filter {
margin-left: 6px;
-webkit-box-shadow: 1px 0 0 0 #ff7112;
box-shadow: 1px 0 0 0 #ff7112; }
.catalog-mobile-btns .btn-filter:after {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
width: 13px;
margin-left: 11px;
background-image: url("../img/icons/right-arrow-white.png");
background-position-x: 0;
background-position-y: 18px;
background-repeat: no-repeat; }
@media (max-width: 576px) {
.catalog-mobile-btns .btn-filter:after {
background-size: 70%;
background-position-y: 21px; } }
@media (max-width: 768px) {
.catalog-mobile-btns {
display: block; } }
.catalog-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: stretch;
align-content: stretch;
margin-left: -15px;
margin-right: -15px; }
.catalog-items.tiles {
margin-bottom: -10px; }
.catalog-items.tiles .catalog_item {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
min-width: 220px;
margin-bottom: 30px; }
@media (max-width: 1700px) {
.catalog-items.tiles .catalog_item {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333%;
flex: 0 0 33.3333%;
max-width: 33.3333%; } }
@media (max-width: 1350px) {
.catalog-items.tiles .catalog_item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; } }
@media (min-width: 769px) {
.catalog-items.tiles .catalog_item--tile {
display: -webkit-box;
display: -ms-flexbox;
display: flex; } }
.catalog-items.list {
margin-bottom: 7px; }
.catalog-items.list .catalog_item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 13px; }
@media (min-width: 769px) {
.catalog-items.list .catalog_item--list {
display: -webkit-box;
display: -ms-flexbox;
display: flex; } }
.catalog-items.table {
margin-bottom: 13px; }
.catalog-items.table .catalog_item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 0; }
@media (min-width: 769px) {
.catalog-items.table .catalog_item--table {
display: -webkit-box;
display: -ms-flexbox;
display: flex; } }
@media (max-width: 1340px) {
.catalog-items.table {
margin-bottom: 5px; } }
.catalog-items.offers {
margin-bottom: 25px; }
.catalog-items.offers .catalog_item {
margin-bottom: 5px; }
@media (max-width: 768px) {
.catalog-items.tiles, .catalog-items.list, .catalog-items.table, .catalog-items.offers {
margin-bottom: 20px; }
.catalog-items.tiles > div.catalog_item,
.catalog-items.list > div.catalog_item,
.catalog-items.table > div.catalog_item,
.catalog-items.offers > div.catalog_item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 15px; }
.catalog-items.tiles > div.catalog_item:last-child,
.catalog-items.list > div.catalog_item:last-child,
.catalog-items.table > div.catalog_item:last-child,
.catalog-items.offers > div.catalog_item:last-child {
margin-bottom: 0; }
.catalog-items.offers .catalog_item {
background-color: white;
border-bottom: solid 1px #d7d7d7; } }
.catalog-bottom-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media (max-width: 768px) {
.catalog-bottom-box .brands {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.catalog-bottom-box .seo {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; } }
@media (min-width: 769px) {
.catalog-controls-box {
-webkit-box-flex: 0;
-ms-flex: 0 0 67%;
flex: 0 0 67%;
max-width: 67%; }
.catalog-inner {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; } }
.sorter-box {
font-size: 0; }
.sorter-box a, .sorter-box span {
display: inline-block;
vertical-align: middle;
font-size: 14px;
margin: 3px 0; }
.sorter-box a {
color: black;
margin: 3px 15px 3px 12px;
text-decoration: underline;
text-transform: lowercase; }
.sorter-box a:hover, .sorter-box a:active {
text-decoration: none; }
@media (max-width: 768px) {
.sorter-box {
display: none; } }
.sorter-box-mobile {
display: none;
position: fixed;
top: 74px;
left: 0;
background: white;
width: 100%;
max-height: calc(100% - 74px);
overflow: auto;
-webkit-box-shadow: 0 0 0 1px #d7d7d7;
box-shadow: 0 0 0 1px #d7d7d7;
z-index: 2; }
.sorter-head, .sorter-input {
padding-left: 120px;
padding-right: 120px; }
@media (max-width: 576px) {
.sorter-head, .sorter-input {
padding-left: 30px;
padding-right: 30px; } }
.sorter-head {
padding-top: 20px;
padding-bottom: 20px;
background-color: #ff7112; }
.sorter-head span {
font-size: 25px;
font-weight: 600;
color: white; }
.sorter-input input {
position: absolute;
opacity: 0; }
.sorter-input label {
display: block;
font-size: 25px;
text-transform: lowercase;
margin: 30px 0 60px; }
.sorter-input label span {
position: relative; }
.sorter-input label span b {
vertical-align: baseline;
font-weight: 100; }
.sorter-input label span:before {
content: '';
display: inline-block;
height: 50px;
width: 50px;
margin-right: 20px;
vertical-align: middle;
border: 1px solid #d7d7d7; }
.sorter-input label input:checked ~ span:before {
border: none;
background-color: #ff7112;
background-image: url("../img/icons/icon-check.png");
background-position: center;
background-repeat: no-repeat;
background-size: auto; }
.sorter-input label input:focus ~ span:before {
outline: auto #ff7112; }
.sorter-foot {
margin-top: 30px; }
.sorter-foot button {
display: block;
width: 100%;
background-color: #ff7112;
border: none;
color: white;
font-size: 25px;
font-weight: 600;
padding: 10px 0;
-webkit-appearance: none;
-moz-appearance: none;
-ms-progress-appearance: none;
outline: none; }
.sorter-foot button:active {
-webkit-box-shadow: inset 0 0 2px 1px #cf5400;
box-shadow: inset 0 0 2px 1px #cf5400; }
.sorter-foot .close {
display: block;
width: 100%;
margin-top: 8px;
text-align: center;
padding: 20px 0;
background-color: #d7d7d7;
text-decoration: none; }
.sorter-foot .close span {
color: black;
font-size: 25px;
font-weight: 100; }
.sorter-foot .close:active {
-webkit-box-shadow: inset 0 0 2px 1px #7e7e7e;
box-shadow: inset 0 0 2px 1px #7e7e7e; }
@media (max-width: 768px) {
.sorter.active .sorter-box-mobile {
display: block; } }
.catalog-controls-line {
font-size: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.catalog-controls-line > * {
display: inline-block;
vertical-align: middle; }
.catalog-controls-line.catalog-controls-top {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin-top: 15px; }
.catalog-controls-line.catalog-controls-top .pagination {
margin-right: 55px; }
@media (max-width: 768px) {
.catalog-controls-line.catalog-controls-top {
display: none; } }
.catalog-controls-line .catalog-controls-right {
font-size: 0;
white-space: nowrap;
margin-left: auto; }
.catalog-controls-line .catalog-controls-right > * {
display: inline-block;
vertical-align: middle; }
.catalog-controls-line .catalog-controls-more, .catalog-controls-line .catalog-controls-load-all {
margin: 0 0 0 20px; }
.catalog-controls-line .catalog-controls-more a, .catalog-controls-line .catalog-controls-load-all a {
font-size: 14px;
font-weight: 600;
color: black; }
.catalog-controls-line .catalog-controls-more:only-of-type {
margin: 0 auto; }
.catalog-controls-line .catalog-items-count {
white-space: nowrap;
margin-right: 55px;
height: 25px;
margin-top: 3px;
margin-bottom: 3px; }
.catalog-controls-line .catalog-items-count .catalog-select-styled {
display: block;
padding: 0;
position: relative;
/* Set options to normal weight */
/* ------------------------------------ */
/* START OF UGLY BROWSER-SPECIFIC HACKS */
/* ---------------------------------- */
/* FIREFOX won't let us hide the native select arrow, so we have to make it wider than needed and clip it via overflow on the parent container.
The percentage width is a fallback since FF 4+ supports calc() so we can just add a fixed amount of extra width to push the native arrow out of view. We're applying this hack across all FF versions because all the previous hacks were too fragile and complex.
You might want to consider not using this hack and using the native select arrow in FF. Note this makes the menus wider than the select button because they display at the specified width and aren't clipped. Targeting hack via http://browserhacks.com/#hack-758bff81c5c32351b02e10480b5ed48e */
/* Show only the native arrow */
color: black;
display: inline-block;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 14px;
vertical-align: middle; }
.catalog-controls-line .catalog-items-count .catalog-select-styled::before, .catalog-controls-line .catalog-items-count .catalog-select-styled::after {
content: '';
display: block;
position: absolute;
pointer-events: none;
z-index: 0; }
.catalog-controls-line .catalog-items-count .catalog-select-styled select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin: 0;
border: 1px solid transparent;
font-size: 14px;
outline: none;
cursor: pointer;
/* Focus style */ }
.catalog-controls-line .catalog-items-count .catalog-select-styled select:focus {
background-color: transparent;
outline: none; }
.catalog-controls-line .catalog-items-count .catalog-select-styled option {
font-weight: normal; }
.catalog-controls-line .catalog-items-count .catalog-select-styled x:-o-prefocus, .catalog-controls-line .catalog-items-count .catalog-select-styled::after {
display: none; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.catalog-controls-line .catalog-items-count .catalog-select-styled select::-ms-expand {
display: none; }
.catalog-controls-line .catalog-items-count .catalog-select-styled select:focus::-ms-value {
background: transparent;
color: black; } }
@-moz-document url-prefix() {
.catalog-controls-line .catalog-items-count .catalog-select-styled {
overflow: hidden; }
.catalog-controls-line .catalog-items-count .catalog-select-styled select {
width: 120%;
width: calc(100% + 3em);
/* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */ }
@supports (-moz-appearance: none) {
.catalog-controls-line .catalog-items-count .catalog-select-styled select {
width: 100%; } }
.catalog-controls-line .catalog-items-count .catalog-select-styled select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 black; } }
@supports (-moz-appearance: none) {
.catalog-controls-line .catalog-items-count .catalog-select-styled {
width: auto; } }
.catalog-controls-line .catalog-items-count .catalog-select-styled::after {
content: '\2039';
display: block;
position: absolute;
font-size: 23px;
font-weight: 600;
right: 12px;
top: 50%;
-webkit-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg); }
@-moz-document url-prefix() {
.catalog-controls-line .catalog-items-count .catalog-select-styled {
border-right: none; }
.catalog-controls-line .catalog-items-count .catalog-select-styled:hover {
border-right: none; } }
.catalog-controls-line .catalog-items-count .catalog-select-styled:hover select {
border-color: #ff7112;
-webkit-box-shadow: inset 0 0 2px 0 #ff7112;
box-shadow: inset 0 0 2px 0 #ff7112; }
.catalog-controls-line .catalog-items-count .catalog-select-styled:hover select:focus {
outline-color: transparent; }
.catalog-controls-line .catalog-items-count .catalog-select-styled select {
background-color: white;
border: 1px solid #7e7e7e;
text-align: center;
border-radius: 0;
font-weight: 600;
color: inherit;
padding: 0 25px 0 5px;
line-height: 23px;
-webkit-transition: border-color 0.2s ease, outline 0.2s ease;
transition: border-color 0.2s ease, outline 0.2s ease; }
.catalog-controls-line .catalog-items-count .catalog-select-styled select:focus {
background-color: white;
-webkit-box-shadow: inset 0 0 2px 0 #ff7112;
box-shadow: inset 0 0 2px 0 #ff7112;
outline: 1px solid #cf5400;
outline-offset: -1px; }
.catalog-controls-line .catalog-items-count .catalog-select-styled select[disabled], .catalog-controls-line .catalog-items-count .catalog-select-styled select:disabled {
opacity: 0.5;
cursor: not-allowed; }
.catalog-controls-line .catalog-items-count .catalog-select-styled select:invalid {
color: black; }
.catalog-controls-line .catalog-items-count label {
font-size: 14px;
display: inline-block;
vertical-align: middle;
margin: 0 8px 0 0; }
.catalog-controls-line .catalog-items-view {
white-space: nowrap;
height: 25px;
margin-top: 3px;
margin-bottom: 3px; }
.catalog-controls-line .catalog-items-view a {
display: inline-block;
height: 25px;
width: 25px;
background-position: center;
background-repeat: no-repeat;
background-size: contain; }
.catalog-controls-line .catalog-items-view a.catalog-items-tiles {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNC42IDM0LjgiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojYTVhNWE1O308L3N0eWxlPjwvZGVmcz48cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSI5IiBoZWlnaHQ9IjkiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjEyLjY3IiB3aWR0aD0iOSIgaGVpZ2h0PSI5Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIyNS41NyIgd2lkdGg9IjkiIGhlaWdodD0iOSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeT0iMTIuOSIgd2lkdGg9IjkiIGhlaWdodD0iOSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMTIuNjciIHk9IjEyLjkiIHdpZHRoPSI5IiBoZWlnaHQ9IjkiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjI1LjU3IiB5PSIxMi45IiB3aWR0aD0iOSIgaGVpZ2h0PSI5Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIwLjAzIiB5PSIyNS44IiB3aWR0aD0iOSIgaGVpZ2h0PSI5Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxMi43IiB5PSIyNS44IiB3aWR0aD0iOSIgaGVpZ2h0PSI5Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIyNS42IiB5PSIyNS44IiB3aWR0aD0iOSIgaGVpZ2h0PSI5Ii8+PC9zdmc+); }
.catalog-controls-line .catalog-items-view a.catalog-items-tiles:hover, .catalog-controls-line .catalog-items-view a.catalog-items-tiles.active {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNC42IDM0LjgiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmY3MTEyO308L3N0eWxlPjwvZGVmcz48cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSI5IiBoZWlnaHQ9IjkiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjEyLjY3IiB3aWR0aD0iOSIgaGVpZ2h0PSI5Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIyNS41NyIgd2lkdGg9IjkiIGhlaWdodD0iOSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeT0iMTIuOSIgd2lkdGg9IjkiIGhlaWdodD0iOSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMTIuNjciIHk9IjEyLjkiIHdpZHRoPSI5IiBoZWlnaHQ9IjkiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjI1LjU3IiB5PSIxMi45IiB3aWR0aD0iOSIgaGVpZ2h0PSI5Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIwLjAzIiB5PSIyNS44IiB3aWR0aD0iOSIgaGVpZ2h0PSI5Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxMi43IiB5PSIyNS44IiB3aWR0aD0iOSIgaGVpZ2h0PSI5Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIyNS42IiB5PSIyNS44IiB3aWR0aD0iOSIgaGVpZ2h0PSI5Ii8+PC9zdmc+); }
.catalog-controls-line .catalog-items-view a.catalog-items-list {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNC41NyAzNC44Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2E1YTVhNTt9PC9zdHlsZT48L2RlZnM+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iOSIgaGVpZ2h0PSI5Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxMi42NyIgd2lkdGg9IjIxLjkiIGhlaWdodD0iOSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeT0iMTIuOSIgd2lkdGg9IjkiIGhlaWdodD0iOSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMTIuNjciIHk9IjEyLjkiIHdpZHRoPSIyMS45IiBoZWlnaHQ9IjkiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjAuMDMiIHk9IjI1LjgiIHdpZHRoPSI5IiBoZWlnaHQ9IjkiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjEyLjciIHk9IjI1LjgiIHdpZHRoPSIyMS44NyIgaGVpZ2h0PSI5Ii8+PC9zdmc+); }
.catalog-controls-line .catalog-items-view a.catalog-items-list:hover, .catalog-controls-line .catalog-items-view a.catalog-items-list.active {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNC41NyAzNC44Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmNzExMjt9PC9zdHlsZT48L2RlZnM+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iOSIgaGVpZ2h0PSI5Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxMi42NyIgd2lkdGg9IjIxLjkiIGhlaWdodD0iOSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeT0iMTIuOSIgd2lkdGg9IjkiIGhlaWdodD0iOSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMTIuNjciIHk9IjEyLjkiIHdpZHRoPSIyMS45IiBoZWlnaHQ9IjkiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjAuMDMiIHk9IjI1LjgiIHdpZHRoPSI5IiBoZWlnaHQ9IjkiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjEyLjciIHk9IjI1LjgiIHdpZHRoPSIyMS44NyIgaGVpZ2h0PSI5Ii8+PC9zdmc+); }
.catalog-controls-line .catalog-items-view a.catalog-items-table {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNi42IDM2LjgiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojYTVhNWE1O308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0wLDBWMzYuOEgzNi42VjBaTTM0LjYsMTEuODNIMTIuNzNWMkgzNC42Wm0tMjEuODcsMkgzNC42VjIzSDEyLjczWm0tMiw5LjE0SDJWMTMuODNoOC43M1ptMC0yMXY5LjgzSDJWMlpNMiwyNWg4LjczVjM0LjhIMlpNMTIuNzMsMzQuOFYyNUgzNC42VjM0LjhaIi8+PC9zdmc+); }
.catalog-controls-line .catalog-items-view a.catalog-items-table:hover, .catalog-controls-line .catalog-items-view a.catalog-items-table.active {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNi42IDM2LjgiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmY3MTEyO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0wLDBWMzYuOEgzNi42VjBaTTM0LjYsMTEuODNIMTIuNzNWMkgzNC42Wm0tMjEuODcsMkgzNC42VjIzSDEyLjczWm0tMiw5LjE0SDJWMTMuODNoOC43M1ptMC0yMXY5LjgzSDJWMlpNMiwyNWg4LjczVjM0LjhIMlpNMTIuNzMsMzQuOFYyNUgzNC42VjM0LjhaIi8+PC9zdmc+); }
.catalog-controls-line .catalog-items-view a + a {
margin-left: 12px; }
@media (max-width: 768px) {
.catalog-controls-line.catalog-controls-bottom .pagination {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.catalog-controls-line.catalog-controls-bottom .catalog-controls-more {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
margin-left: 0;
margin-bottom: 20px; }
.catalog-controls-line.catalog-controls-bottom .catalog-controls-more a {
display: block;
width: 100%;
text-align: center;
padding: 25px 0;
background-color: #d7d7d7;
text-decoration: none; }
.catalog-controls-line.catalog-controls-bottom .catalog-controls-more a span {
color: black;
font-size: 20px;
font-weight: 100; }
.catalog-controls-line.catalog-controls-bottom .catalog-controls-more a:active {
-webkit-box-shadow: inset 0 0 2px 1px #7e7e7e;
box-shadow: inset 0 0 2px 1px #7e7e7e; }
.catalog-controls-line.catalog-controls-bottom .catalog-controls-load-all {
display: none; } }
.filter {
background: white;
border: solid 1px #ccc;
max-width: 350px; }
.filter .h2 {
display: inline-block;
margin-top: 20px;
margin-bottom: 8px;
width: 100%;
text-align: center;
font-size: 21px; }
.filter-box {
padding-right: 0; }
.filter-inner {
padding-right: 15px;
padding-left: 15px;
padding-top: 15px; }
.filter-head, .filter-foot {
display: none; }
.filter-group {
margin-bottom: 15px; }
.filter-group-header {
font-size: 0;
margin-bottom: 10px; }
.filter-group-header > * {
display: inline-block;
vertical-align: middle; }
.filter-group-header span {
font-size: 18px;
font-weight: 600;
width: 100%; }
.filter-group-header span:not(:only-child) {
width: calc(100% - 18px); }
.filter-group-header a.reset {
display: block;
position: relative;
width: 18px;
height: 18px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBzdHlsZT0iZmlsbDojZmY3MTEyOyIgZD0iTSAxNC4zNiwxNS43OCAxNS43OCwxNC4zNiAxLjY0LDAuMjIgMC4yMiwxLjY0IFogTSAxNiwxLjQ2IDE0LjU0LDAgMCwxNC41NCAxLjQ2LDE2IFoiLz48L3N2Zz4K);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
display: none; }
.filter-group-header a.reset:before {
content: '';
position: absolute;
top: -40%;
height: 180%;
left: -40%;
width: 180%;
border-radius: 50%;
opacity: 0;
background-color: #ff7112; }
.filter-group-header a.reset:hover:before {
opacity: 0.1; }
.filter-group-header a.reset:active:before {
opacity: 0.2; }
.filter-group-header a.reset.active {
display: inline-block; }
.filter-group.text-inputs-2 {
margin-bottom: 20px; }
.filter-group.checkbox-inputs {
margin-bottom: 30px; }
.filter-input-box.text-inputs-2 {
font-size: 0; }
.filter-input-box.text-inputs-2 > * {
display: inline-block;
vertical-align: middle; }
.filter-input-box.text-inputs-2 input {
font-size: 14px;
color: black;
height: 25px;
padding: 5px;
border: solid 1px #ccc;
width: 70px;
margin-right: 10px;
margin-bottom: 10px;
line-height: 19px; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
.filter-input-box.text-inputs-2 input[type=text] {
line-height: 13px; } }
.filter-input-box.text-inputs-2 input::-webkit-input-placeholder {
color: #ccc; }
.filter-input-box.text-inputs-2 input:-ms-input-placeholder {
color: #ccc; }
.filter-input-box.text-inputs-2 input::-ms-input-placeholder {
color: #ccc; }
.filter-input-box.text-inputs-2 input::placeholder {
color: #ccc; }
.filter-input-box.text-inputs-2 input:last-child {
margin-right: 0; }
.filter-input-box.checkbox-inputs .disabled {
opacity: 0.5; }
.filter-input-box.checkbox-inputs input {
position: absolute;
opacity: 0; }
.filter-input-box.checkbox-inputs label {
display: block;
font-size: 14px;
text-transform: lowercase;
margin-bottom: 15px;
cursor: pointer; }
.filter-input-box.checkbox-inputs label:last-child {
margin: 0; }
.filter-input-box.checkbox-inputs label span {
position: relative; }
.filter-input-box.checkbox-inputs label span b {
display: inline-block;
max-width: calc(100% - 16px - 8px);
vertical-align: middle;
font-weight: 400; }
.filter-input-box.checkbox-inputs label span:before {
content: '';
display: inline-block;
height: 16px;
width: 16px;
margin-right: 8px;
vertical-align: middle;
border: 1px solid #ccc; }
.filter-input-box.checkbox-inputs label input:checked ~ span:before {
border: none;
background-color: #ff7112;
background-image: url("../img/icons/icon-check-small.png");
background-position: center;
background-repeat: no-repeat;
background-size: auto; }
.filter-input-box.checkbox-inputs label input:focus ~ span:before {
outline: auto #ff7112; }
.filter-foot {
display: block; }
.filter-foot .close {
display: none; }
.filter-foot-btns {
font-size: 0; }
.filter-foot-btns > * {
display: inline-block;
vertical-align: middle; }
.filter-foot button {
width: calc(50% - 8px);
background-color: #ff7112;
border: none;
color: white;
font-size: 25px;
font-weight: 600;
padding: 10px 0;
-webkit-appearance: none;
-moz-appearance: none;
-ms-progress-appearance: none;
outline: none; }
.filter-foot button:active {
-webkit-box-shadow: inset 0 0 2px 1px #cf5400;
box-shadow: inset 0 0 2px 1px #cf5400; }
.filter-foot a {
width: calc(50% - 8px);
background-color: #ff7112;
border: none;
color: white;
font-weight: 600;
padding: 10px 0;
-webkit-appearance: none;
-moz-appearance: none;
-ms-progress-appearance: none;
text-decoration: none;
outline: none;
font-size: 18px;
cursor: pointer;
text-align: center; }
.filter-foot a:active {
-webkit-box-shadow: inset 0 0 2px 1px #cf5400;
box-shadow: inset 0 0 2px 1px #cf5400; }
.filter-foot button:first-child {
margin-right: 16px; }
.filter-foot button:only-child {
margin: 0;
width: 100%; }
@media (min-width: 769px) {
.filter-foot {
padding-right: 15px;
padding-left: 15px;
padding-bottom: 15px; }
.filter-foot button {
font-size: 18px;
cursor: pointer; } }
@media (max-width: 768px) {
.filter {
display: none;
position: fixed;
top: 74px;
left: 0;
background: white;
max-width: 100%;
width: 100%;
max-height: calc(100% - 74px);
overflow: auto;
-webkit-box-shadow: 0 0 0 1px #d7d7d7;
box-shadow: 0 0 0 1px #d7d7d7;
z-index: 2; }
.filter.active {
display: block; }
.filter-head, .filter-inner {
padding-left: 120px;
padding-right: 120px; } }
@media (max-width: 768px) and (max-width: 576px) {
.filter-head, .filter-inner {
padding-left: 30px;
padding-right: 30px; } }
@media (max-width: 768px) {
.filter-head {
display: block;
padding-top: 20px;
padding-bottom: 20px;
background-color: #ff7112; }
.filter-head span {
font-size: 25px;
font-weight: 600;
color: white; }
.filter-inner {
padding-top: 30px;
padding-bottom: 20px; }
.filter-group {
margin-bottom: 15px; }
.filter-group-header {
font-size: 0;
margin-bottom: 20px; }
.filter-group-header > * {
display: inline-block;
vertical-align: middle; }
.filter-group-header span {
font-size: 25px; }
.filter-group-header span:not(:only-child) {
width: 100%; }
.filter-group-header a.reset.active {
display: none; }
.filter-group.text-inputs-2 {
margin-bottom: 50px; }
.filter-group.checkbox-inputs {
margin-bottom: 70px; }
.filter-input-box.text-inputs-2 {
font-size: 0; }
.filter-input-box.text-inputs-2 > * {
display: inline-block;
vertical-align: middle; }
.filter-input-box.text-inputs-2 input {
font-size: 25px;
height: 50px;
padding: 13px;
width: 120px;
margin-right: 30px;
margin-bottom: 15px; }
.filter-input-box.checkbox-inputs label {
font-size: 25px;
margin-bottom: 40px; }
.filter-input-box.checkbox-inputs label span {
position: relative; }
.filter-input-box.checkbox-inputs label span b {
max-width: calc(100% - 45px - 25px);
font-weight: 100; }
.filter-input-box.checkbox-inputs label span:before {
height: 45px;
width: 45px;
margin-right: 25px; }
.filter-input-box.checkbox-inputs label input:checked ~ span:before {
background-image: url("../img/icons/icon-check.png"); }
.filter .close {
display: block;
width: 100%;
margin-top: 8px;
text-align: center;
padding: 20px 0;
background-color: #ccc;
text-decoration: none; }
.filter .close span {
color: black;
font-size: 25px;
font-weight: 100; }
.filter .close:active {
-webkit-box-shadow: inset 0 0 2px 1px #7e7e7e;
box-shadow: inset 0 0 2px 1px #7e7e7e; } }
.catalog_item {
position: relative;
min-height: 1px;
width: 100%;
padding-right: 15px;
padding-left: 15px; }
.catalog_item_img {
text-align: center; }
.catalog_item_img a {
display: inline-block; }
.catalog_item_name a {
color: black;
text-decoration: underline; }
.catalog_item_name a:hover {
color: #ff7112; }
.catalog_item_price a {
color: black; }
.catalog_item_price a:hover {
color: #ff7112; }
.catalog_item_price {
font-size: 0; }
.catalog_item_price > * {
display: inline-block;
vertical-align: middle; }
.catalog_item_price span {
vertical-align: baseline;
font-size: 14px;
line-height: 1em;
font-weight: 700;
white-space: nowrap; }
.catalog_item_price span.old {
text-decoration: line-through;
color: #7e7e7e; }
.catalog_item_count input {
text-align: center;
width: 23px;
height: 23px;
border: solid 1px #7e7e7e;
font-weight: 600; }
.catalog_item--tile {
text-align: center;
height: 100%;
background-color: white;
border: solid 1px #d7d7d7;
padding: 15px 5px;
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.catalog_item--tile .catalog_item_img {
margin-bottom: 12px; }
.catalog_item--tile .catalog_item_name {
padding: 0 20px;
margin-bottom: 7px; }
.catalog_item--tile .catalog_item_price {
margin-top: auto;
margin-bottom: 7px; }
.catalog_item--tile .catalog_item_price span {
margin: 1px 5px;
font-size: 18px; }
.catalog_item--tile .catalog_item_price span.old {
font-size: 14px; }
.catalog_item--tile .catalog_item_stock {
margin-bottom: 12px; }
.catalog_item--tile .catalog_item_buy-btn {
margin-top: auto;
margin-bottom: 7px; }
.catalog_item--tile .catalog_item_buy-btn a {
width: 100%; }
.catalog_item--mobile {
text-align: left;
height: 100%;
background-color: white;
padding-top: 20px;
padding-bottom: 5px;
padding-left: 60px;
padding-right: 10px;
border-top: solid 1px #d7d7d7;
border-bottom: solid 1px #d7d7d7;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around; }
.catalog_item--mobile .catalog_item_name {
margin-bottom: 20px;
font-size: 18px;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.catalog_item--mobile .catalog_item_img {
text-align: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
margin-bottom: 20px;
margin-right: 5%; }
.catalog_item--mobile .catalog_item_price-box {
-webkit-box-flex: 0;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
margin-bottom: 20px;
margin-left: 5%; }
.catalog_item--mobile .catalog_item_price {
margin-bottom: 15px; }
.catalog_item--mobile .catalog_item_price span {
margin: 1px 5px;
font-size: 32px; }
.catalog_item--mobile .catalog_item_price span.old {
font-size: 26px; }
.catalog_item--mobile .catalog_item_stock {
font-size: 16px; }
.catalog_item--mobile .catalog_item_buy-btn {
-webkit-box-flex: 0;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
margin-right: 5%;
margin-bottom: 10px; }
.catalog_item--mobile .catalog_item_buy-btn a {
padding: 10px 35px;
font-size: 20px;
width: 100%; }
.catalog_item--mobile .catalog_item_buy-pack-btn {
text-align: left;
-webkit-box-flex: 1;
-ms-flex: 1 0 45%;
flex: 1 0 45%;
max-width: 45%;
margin-left: 5%;
margin-bottom: 10px; }
.catalog_item--mobile .catalog_item_buy-pack-btn a {
font-size: 20px; }
.catalog_item--mobile .catalog_item_buy-pack-btn a:before {
height: 25px;
width: 36px;
margin-right: 10px; }
.catalog_item--mobile .catalog_item_buy-pack-btn span {
max-width: calc(100% - 46px); }
@media (max-width: 576px) {
.catalog_item--mobile {
text-align: center;
padding-left: 10px;
padding-right: 10px; }
.catalog_item--mobile .catalog_item_img, .catalog_item--mobile .catalog_item_price-box, .catalog_item--mobile .catalog_item_buy-btn, .catalog_item--mobile .catalog_item_buy-pack-btn {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 100%;
min-width: 245px;
margin-right: 0;
margin-left: 0; }
.catalog_item--mobile .catalog_item_buy-pack-btn {
text-align: center; }
.catalog_item--mobile .catalog_item_buy-pack-btn a {
margin: 0 10px; } }
.catalog_item--popup {
position: fixed;
z-index: 5;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.5);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.catalog_item--popup .catalog_item-box {
z-index: 5;
background-color: white;
border: solid 1px #d7d7d7;
width: 100%;
max-width: 950px;
max-height: 100%;
overflow-y: auto;
position: relative;
padding-top: 30px;
padding-right: 50px;
padding-bottom: 10px;
padding-left: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.catalog_item--popup a.close {
display: block;
position: relative;
width: 18px;
height: 18px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBzdHlsZT0iZmlsbDojZmY3MTEyOyIgZD0iTSAxNC4zNiwxNS43OCAxNS43OCwxNC4zNiAxLjY0LDAuMjIgMC4yMiwxLjY0IFogTSAxNiwxLjQ2IDE0LjU0LDAgMCwxNC41NCAxLjQ2LDE2IFoiLz48L3N2Zz4K);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 7px;
right: 9px; }
.catalog_item--popup a.close:before {
content: '';
position: absolute;
top: -40%;
height: 180%;
left: -40%;
width: 180%;
border-radius: 50%;
opacity: 0;
background-color: #ff7112; }
.catalog_item--popup a.close:hover:before {
opacity: 0.1; }
.catalog_item--popup a.close:active:before {
opacity: 0.2; }
.catalog_item--popup .catalog_item_img {
-webkit-box-flex: 1;
-ms-flex: 1 0 20%;
flex: 1 0 20%;
-ms-flex-item-align: center;
align-self: center;
max-width: 20%;
margin-bottom: 10px; }
.catalog_item--popup .catalog_item_descr {
-webkit-box-flex: 1;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
max-width: 50%;
margin-bottom: 10px;
padding-left: 15px; }
.catalog_item--popup .catalog_item_buy-box {
-webkit-box-flex: 1;
-ms-flex: 1 0 30%;
flex: 1 0 30%;
max-width: 30%;
margin-bottom: 10px;
padding-left: 15px; }
.catalog_item--popup .catalog_item_name {
margin-bottom: 20px; }
.catalog_item--popup .catalog_item_props p {
line-height: 1.2em;
margin-bottom: 3px; }
.catalog_item--popup .catalog_item_props b {
font-weight: 700;
white-space: nowrap; }
.catalog_item--popup .catalog_item_price {
margin-bottom: 10px; }
.catalog_item--popup .catalog_item_price span {
font-size: 20px; }
.catalog_item--popup .catalog_item_count {
margin-bottom: 15px; }
.catalog_item--popup .catalog_item_count label {
margin: 0; }
.catalog_item--popup .catalog_item_count input {
border: solid 1px #ccc; }
.catalog_item--popup .catalog_item_count a {
color: black;
display: inline-block;
text-align: center;
text-decoration: none;
font-weight: 600;
font-size: 20px;
width: 10px; }
.catalog_item--popup .catalog_item_count .spin-box {
white-space: nowrap;
margin-left: 5px; }
.catalog_item--popup .catalog_item_buy-btn a {
width: 100%;
max-width: 300px;
padding: 8px 35px; }
@media (max-width: 768px) {
.catalog_item--popup {
font-size: 18px; } }
@media (max-width: 576px) {
.catalog_item--popup .catalog_item-box {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 20px 20px 10px; }
.catalog_item--popup .catalog_item_name {
text-align: center; }
.catalog_item--popup .catalog_item_img, .catalog_item--popup .catalog_item_descr, .catalog_item--popup .catalog_item_buy-box {
padding: 0;
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
max-width: 100%; } }
.catalog_item--list {
background-color: white;
border: solid 1px #d7d7d7;
padding: 15px 0 0;
display: none;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.catalog_item--list .catalog_item_img {
-webkit-box-flex: 1;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
-ms-flex-item-align: center;
align-self: center;
min-width: 20%;
padding: 0 15px;
margin-bottom: 20px; }
.catalog_item--list .catalog_item_descr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
-ms-flex-item-align: stretch;
align-self: stretch;
max-width: 50%;
padding: 0 15px;
margin-bottom: 20px; }
.catalog_item--list .catalog_item_buy-box {
-webkit-box-flex: 1;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
min-width: 220px;
margin: 0 0 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-ms-flex-pack: distribute;
justify-content: space-around; }
.catalog_item--list .catalog_item_buy-box > * {
padding: 0 15px;
-webkit-box-flex: 1;
-ms-flex: 1 1 190px;
flex: 1 1 190px;
justify-self: stretch; }
.catalog_item--list .catalog_item_name {
margin-bottom: 15px; }
.catalog_item--list .catalog_item_props {
margin-top: auto;
margin-bottom: 15px; }
.catalog_item--list .catalog_item_props p {
line-height: 1.2em;
font-size: 12px;
margin-bottom: 3px; }
.catalog_item--list .catalog_item_props b {
font-weight: 700;
white-space: nowrap; }
.catalog_item--list .catalog_item_stock {
margin-top: auto; }
.catalog_item--list .catalog_item_price {
-ms-flex-item-align: center;
align-self: center;
margin-bottom: 10px; }
.catalog_item--list .catalog_item_price span {
margin: 1px 5px;
font-size: 20px; }
.catalog_item--list .catalog_item_price span.old {
font-size: 16px; }
.catalog_item--list .catalog_item_buy-btn {
margin-bottom: 15px; }
.catalog_item--list .catalog_item_buy-btn a {
width: 100%;
max-width: 300px;
padding: 8px 35px;
font-size: 16px; }
.catalog_item--list .catalog_item_buy-pack-btn {
text-align: left; }
@media (max-width: 768px) {
.catalog_item--list {
font-size: 18px; } }
@media (max-width: 576px) {
.catalog_item--list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 20px 20px 10px; }
.catalog_item--list .catalog_item_name {
text-align: center; }
.catalog_item--list .catalog_item_img, .catalog_item--list .catalog_item_descr, .catalog_item--list .catalog_item_buy-box {
padding: 0;
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
max-width: 100%; } }
.catalog_item--table {
margin-right: -7px;
display: none;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.catalog_item--table .catalog_item_orange-box {
background-color: rgba(255, 113, 18, 0.2);
margin-right: 7px;
margin-bottom: 7px;
padding: 10px 20px;
-webkit-box-flex: 6;
-ms-flex: 6 1 0px;
flex: 6 1 0;
min-width: 320px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: normal;
-ms-flex-pack: normal;
justify-content: normal; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
.catalog_item--table .catalog_item_orange-box {
flex-basis: 37%; } }
.catalog_item--table .catalog_item_name {
-webkit-box-flex: 1;
-ms-flex: 1 0 calc(100% - 133px);
flex: 1 0 calc(100% - 133px);
max-width: calc(100% - 133px);
text-align: left;
padding-right: 5px; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
.catalog_item--table .catalog_item_name {
flex-grow: 1;
flex-shrink: 0;
flex-basis: calc(100% - 133px); } }
.catalog_item--table .catalog_item_count {
text-align: center;
-webkit-box-flex: 1;
-ms-flex: 1 0 33px;
flex: 1 0 33px;
max-width: 33px;
padding: 0 5px; }
.catalog_item--table .catalog_item_stock {
-webkit-box-flex: 1;
-ms-flex: 1 0 100px;
flex: 1 0 100px;
max-width: 100px;
text-align: right;
padding-left: 5px; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
.catalog_item--table .catalog_item_name {
flex-grow: 1;
flex-shrink: 0;
flex-basis: calc(100% - 133px); } }
.catalog_item--table .catalog_item_white-box {
background-color: rgba(255, 255, 255, 0.55);
margin-right: 7px;
margin-bottom: 7px;
padding: 5px 10px;
-webkit-box-flex: 4;
-ms-flex: 4 1 0px;
flex: 4 1 0;
min-width: 320px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.catalog_item--table .catalog_item_buy-pack-btn {
text-align: left;
margin-right: 5px;
-webkit-box-flex: 4;
-ms-flex: 4 1 0px;
flex: 4 1 0; }
.catalog_item--table .catalog_item_price {
text-align: center;
margin: 0 5px;
-webkit-box-flex: 2;
-ms-flex: 2 1 0px;
flex: 2 1 0; }
.catalog_item--table .catalog_item_price span {
margin: 1px 3px;
font-size: 16px; }
.catalog_item--table .catalog_item_price .old {
font-size: 14px; }
.catalog_item--table .catalog_item_buy-btn {
-webkit-box-flex: 0;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
margin-left: 5px; }
.catalog_item--table .catalog_item_buy-btn a {
width: 120px;
padding: 5px 20px; }
@media (max-width: 1340px) {
.catalog_item--table {
margin-bottom: 8px; } }
.catalog_item--offer {
margin-right: -14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.catalog_item--offer .catalog_item_orange-box {
position: relative;
background-color: rgba(255, 113, 18, 0.2);
margin-right: 14px;
border-left: solid 1px transparent;
border-right: solid 1px transparent;
-webkit-box-flex: 10;
-ms-flex: 10 1 320px;
flex: 10 1 320px;
min-width: 320px;
-ms-flex-item-align: stretch;
align-self: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch; }
.catalog_item--offer .catalog_item_name {
white-space: nowrap;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
min-width: 0;
text-align: left;
padding: 5px 15px;
overflow: hidden;
font-size: 0;
border-right: solid 1px white; }
.catalog_item--offer .catalog_item_name:before {
content: '';
display: inline-block;
height: 100%;
width: 0;
vertical-align: middle; }
.catalog_item--offer .catalog_item_name > * {
white-space: normal; }
.catalog_item--offer .catalog_item_name span {
display: inline-block;
vertical-align: middle;
font-size: 14px;
line-height: 1.4;
word-break: break-word; }
.catalog_item--offer .catalog_item_name a span {
display: inline-block;
text-decoration: underline;
vertical-align: middle;
font-size: 14px;
line-height: 1.4;
word-break: break-word; }
.catalog_item--offer .catalog_item_units {
white-space: nowrap;
-webkit-box-flex: 0;
-ms-flex: 0 0 65px;
flex: 0 0 65px;
min-width: 0;
text-align: center;
padding: 5px;
overflow: hidden;
font-size: 0;
border-left: solid 1px white; }
.catalog_item--offer .catalog_item_units:before {
content: '';
display: inline-block;
height: 100%;
width: 0;
vertical-align: middle; }
.catalog_item--offer .catalog_item_units > * {
white-space: normal; }
.catalog_item--offer .catalog_item_units span {
display: inline-block;
vertical-align: middle;
font-size: 14px;
word-break: break-word; }
.catalog_item--offer .catalog_item_stock {
white-space: nowrap;
-webkit-box-flex: 0;
-ms-flex: 0 0 75px;
flex: 0 0 75px;
min-width: 0;
text-align: center;
padding: 5px;
overflow: hidden;
font-size: 0;
border-right: solid 1px white; }
.catalog_item--offer .catalog_item_stock:before {
content: '';
display: inline-block;
height: 100%;
width: 0;
vertical-align: middle; }
.catalog_item--offer .catalog_item_stock > * {
white-space: normal; }
.catalog_item--offer .catalog_item_stock span {
display: inline-block;
vertical-align: middle;
font-size: 14px;
word-break: break-word; }
.catalog_item--offer .catalog_item_price {
white-space: nowrap;
-webkit-box-flex: 0;
-ms-flex: 0 0 150px;
flex: 0 0 150px;
min-width: 0;
text-align: center;
padding: 5px;
overflow-x: auto;
overflow-y: hidden;
font-size: 0;
border-right: solid 1px white; }
.catalog_item--offer .catalog_item_price:before {
content: '';
display: inline-block;
height: 100%;
width: 0;
vertical-align: middle; }
.catalog_item--offer .catalog_item_price > * {
white-space: normal; }
.catalog_item--offer .catalog_item_price span {
display: inline-block;
vertical-align: middle;
margin: 1px 3px;
font-size: 16px;
word-break: break-word; }
.catalog_item--offer .catalog_item_price a span {
display: inline;
vertical-align: middle;
margin: 0;
font-size: 16px;
word-break: break-word; }
.catalog_item--offer .catalog_item_price .old {
font-size: 14px; }
.catalog_item--offer .catalog_item_count {
white-space: nowrap;
-webkit-box-flex: 0;
-ms-flex: 0 0 40px;
flex: 0 0 40px;
min-width: 0;
text-align: center;
padding: 5px;
overflow: hidden;
font-size: 0; }
.catalog_item--offer .catalog_item_count:before {
content: '';
display: inline-block;
height: 100%;
width: 0;
vertical-align: middle; }
.catalog_item--offer .catalog_item_count > * {
white-space: normal; }
.catalog_item--offer .catalog_item_count input {
display: inline-block;
vertical-align: middle;
font-size: 13px;
width: 30px;
height: 25px; }
.catalog_item--offer .catalog_item_white-box {
background-color: rgba(255, 255, 255, 0.55);
margin-right: 14px;
margin-top: 5px;
margin-bottom: 5px;
-webkit-box-flex: 2;
-ms-flex: 2 1 64px;
flex: 2 1 64px;
min-width: 54px;
-ms-flex-item-align: center;
align-self: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch; }
.catalog_item--offer .catalog_item_white-box .buy-pack-btn {
display: none; }
.catalog_item--offer .catalog_item_white-box .buy-btn {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%; }
.catalog_item--offer .catalog_item_white-box .buy-btn a {
display: block;
position: relative;
font-size: 16px;
min-width: 54px;
max-height: 40px;
line-height: 40px;
padding: 0 10px;
word-break: normal;
overflow: hidden; }
.catalog_item--offer .catalog_item_white-box .buy-btn a:before {
content: '';
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 5px;
height: 22px;
width: 22px;
background-image: url("../img/svg/icon-cart-blue.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain; }
.catalog_item--offer .catalog_item_white-box .buy-btn a:hover, .catalog_item--offer .catalog_item_white-box .buy-btn a:active {
background-color: #4087fa;
border-color: #4087fa;
font-weight: 400; }
.catalog_item--offer .catalog_item_white-box .buy-btn a:hover:before, .catalog_item--offer .catalog_item_white-box .buy-btn a:active:before {
background-image: url("../img/svg/icon-cart.svg"); }
.catalog_item--offer .catalog_item_buy-pack-btn {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center;
margin-left: 10px; }
@media (min-width: 769px) and (max-width: 1250px) {
.catalog_item--offer .catalog_item_units {
display: none; } }
@media (min-width: 992px) and (max-width: 1110px) {
.catalog_item--offer .catalog_item_stock {
display: none; } }
@media (max-width: 991px) {
.catalog_item--offer .catalog_item_stock {
display: block; } }
@media (min-width: 769px) and (max-width: 900px) {
.catalog_item--offer .catalog_item_stock {
display: none; } }
.catalog_item--offer .catalog_item_price-request-btn.buy-btn a:before {
top: -2px;
background-image: url("../img/svg/icon-cart-unknown-blue.svg"); }
.catalog_item--offer .catalog_item_price-request-btn.buy-btn a:hover:before, .catalog_item--offer .catalog_item_price-request-btn.buy-btn a:active:before {
top: -2px;
background-image: url("../img/svg/icon-cart-unknown.svg"); }
@media (max-width: 768px) {
.catalog_item--offer .catalog_item_units {
display: block; }
.catalog_item--offer .catalog_item_white-box {
margin-top: 0;
margin-bottom: 0; }
.catalog_item--offer .catalog_item_buy-btn {
margin-bottom: -1px; } }
@media (max-width: 576px) {
.catalog_item--offer .catalog_item_orange-box {
-webkit-box-flex: 10;
-ms-flex: 10 1 500px;
flex: 10 1 500px;
min-width: 320px; }
.catalog_item--offer .catalog_item_units {
display: none; } }
@media (max-width: 450px) {
.catalog_item--offer .catalog_item_name {
-webkit-box-flex: 20;
-ms-flex: 20 0 0px;
flex: 20 0 0; }
.catalog_item--offer .catalog_item_stock {
display: none; } }
.catalog_item--cart {
position: relative;
background-color: white;
border: solid 1px #d7d7d7;
padding: 15px 45px 0 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.catalog_item--cart > .catalog_item_name {
display: none; }
.catalog_item--cart > .catalog_item_props {
display: none; }
.catalog_item--cart .catalog_item_stock {
display: none; }
.catalog_item--cart .catalog_item_img {
-webkit-box-flex: 1;
-ms-flex: 1 4 20%;
flex: 1 4 20%;
-ms-flex-item-align: center;
align-self: center;
min-width: 20%;
padding: 0 15px;
margin-bottom: 15px; }
.catalog_item--cart .catalog_item_descr {
-webkit-box-flex: 2;
-ms-flex: 2 1 38%;
flex: 2 1 38%;
-ms-flex-item-align: stretch;
align-self: stretch;
max-width: 38%;
padding: 0 15px;
margin-bottom: 15px; }
.catalog_item--cart .catalog_item_buy-box {
-webkit-box-flex: 2;
-ms-flex: 2 1 42%;
flex: 2 1 42%;
min-width: 220px;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-ms-flex-pack: distribute;
justify-content: space-around; }
.catalog_item--cart .catalog_item_buy-box > * {
padding: 0 15px;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
justify-self: stretch; }
.catalog_item--cart .catalog_item_count {
font-size: 0;
text-align: right;
white-space: nowrap;
margin-bottom: 15px;
max-width: 210px;
min-width: 210px;
width: 210px; }
.catalog_item--cart .catalog_item_count label {
display: inline-block;
white-space: nowrap;
vertical-align: middle;
margin: 3px 15px 3px 0; }
.catalog_item--cart .catalog_item_count p {
text-align: center;
font-weight: 600;
margin: 0;
line-height: 1em; }
.catalog_item--cart .catalog_item_count .price-for-one {
font-size: 18px; }
.catalog_item--cart .catalog_item_count .price-for-one-label {
font-size: 11px; }
.catalog_item--cart .catalog_item_count input {
text-align: center;
display: inline-block;
vertical-align: middle;
font-size: 14px;
height: 30px;
width: 40px;
padding: 3px 7px;
margin: 3px 0; }
.catalog_item--cart .catalog_item_name {
margin-bottom: 15px; }
.catalog_item--cart .catalog_item_props {
margin-top: auto;
margin-bottom: 15px; }
.catalog_item--cart .catalog_item_props p {
line-height: 1.2em;
font-size: 12px;
margin-bottom: 3px; }
.catalog_item--cart .catalog_item_props b {
font-weight: 700;
white-space: nowrap; }
.catalog_item--cart .catalog_item_price {
text-align: center;
-ms-flex-item-align: center;
align-self: center;
margin-bottom: 15px;
padding: 0 10px;
max-width: 170px;
min-width: 170px;
width: 170px; }
.catalog_item--cart .catalog_item_price span {
margin: 1px 5px;
font-size: 20px; }
.catalog_item--cart .catalog_item_price span.old {
font-size: 16px; }
.catalog_item--cart .catalog_item_del-btn {
display: block;
position: relative;
width: 13px;
height: 13px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBzdHlsZT0iZmlsbDojMDAwOyIgZD0iTSAxNC4zNiwxNS43OCAxNS43OCwxNC4zNiAxLjY0LDAuMjIgMC4yMiwxLjY0IFogTSAxNiwxLjQ2IDE0LjU0LDAgMCwxNC41NCAxLjQ2LDE2IFoiLz48L3N2Zz4K);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 24px;
right: 28px; }
.catalog_item--cart .catalog_item_del-btn:before {
content: '';
position: absolute;
top: -40%;
height: 180%;
left: -40%;
width: 180%;
border-radius: 50%;
opacity: 0;
background-color: black; }
.catalog_item--cart .catalog_item_del-btn:hover:before {
opacity: 0.1; }
.catalog_item--cart .catalog_item_del-btn:active:before {
opacity: 0.2; }
@media (max-width: 768px) {
.catalog_item--cart {
font-size: 18px;
padding: 20px 15px 0; }
.catalog_item--cart > .catalog_item_name {
display: block;
font-size: 18px;
padding: 0 90px 0 20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.catalog_item--cart .catalog_item_img {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.catalog_item--cart .catalog_item_buy-box {
padding: 0 15px;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
-ms-flex-item-align: stretch;
align-self: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.catalog_item--cart .catalog_item_buy-box > * {
-webkit-box-flex: 0;
-ms-flex: 0;
flex: 0; }
.catalog_item--cart .catalog_item_count {
text-align: center;
max-width: none;
width: auto; }
.catalog_item--cart .catalog_item_count label {
margin-right: 20px; }
.catalog_item--cart .catalog_item_count .price-for-one {
font-size: 29px; }
.catalog_item--cart .catalog_item_count .price-for-one-label {
font-size: 18px; }
.catalog_item--cart .catalog_item_count input {
font-size: 22.5px;
height: 40px;
width: 70px;
padding: 5px 14px; }
.catalog_item--cart .catalog_item_price {
margin-top: auto;
text-align: center;
max-width: none;
width: auto; }
.catalog_item--cart .catalog_item_price span {
font-size: 37px; }
.catalog_item--cart .catalog_item_price span.old {
font-size: 34px; }
.catalog_item--cart .catalog_item_stock {
margin-bottom: 25px;
white-space: nowrap; }
.catalog_item--cart > .catalog_item_props {
display: block;
padding: 0 20px; }
.catalog_item--cart > .catalog_item_props p {
font-size: 16px; }
.catalog_item--cart .catalog_item_stock {
display: block; }
.catalog_item--cart .catalog_item_descr {
display: none; }
.catalog_item--cart .catalog_item_del-btn {
display: block;
position: relative;
width: 29px;
height: 29px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOSIgaGVpZ2h0PSIyOSIgdmlld0JveD0iMCAwIDI5IDI5Ij48cGF0aCBzdHlsZT0iZmlsbDojMDAwOyIgZD0ibSAxOTc5Ljk5LDIyNi4wODMgLTIuMDcsLTIuMDY5IC0yNi45MSwyNi45MSAyLjA3LDIuMDcgeiBtIC0yLjE5LDI2Ljc3NSAyLjA1LC0yLjA1MSAtMjYuNjUsLTI2LjY1OCAtMi4wNSwyLjA1MSB6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTk1MSwtMjI0KSIvPjwvc3ZnPgo=);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 20px;
right: 40px; }
.catalog_item--cart .catalog_item_del-btn:before {
content: '';
position: absolute;
top: -40%;
height: 180%;
left: -40%;
width: 180%;
border-radius: 50%;
opacity: 0;
background-color: black; }
.catalog_item--cart .catalog_item_del-btn:hover:before {
opacity: 0.1; }
.catalog_item--cart .catalog_item_del-btn:active:before {
opacity: 0.2; } }
@media (max-width: 576px) {
.catalog_item--cart {
font-size: 16px; }
.catalog_item--cart .catalog_item_name {
padding: 0 90px 0 0; }
.catalog_item--cart .catalog_item_img {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0;
max-width: 100%;
min-width: 200px; }
.catalog_item--cart .catalog_item_buy-box {
padding: 0;
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0;
max-width: 100%; }
.catalog_item--cart .catalog_item_count {
margin-bottom: 25px; }
.catalog_item--cart .catalog_item_count label {
margin-right: 20px; }
.catalog_item--cart .catalog_item_count .price-for-one {
font-size: 25.7px; }
.catalog_item--cart .catalog_item_count .price-for-one-label {
font-size: 15.6px; }
.catalog_item--cart .catalog_item_count input {
font-size: 20px;
height: 36px;
width: 60px;
padding: 4px 12px; }
.catalog_item--cart .catalog_item_price span {
font-size: 33px; }
.catalog_item--cart .catalog_item_price span.old {
font-size: 30px; }
.catalog_item--cart .catalog_item_props {
padding: 0; }
.catalog_item--cart .catalog_item_props p {
font-size: 15px; } }
.catalog_item--mobile, .catalog_item--popup {
display: none; }
.catalog_item.open .catalog_item--popup {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
@media (max-width: 768px) {
.catalog_item--mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.catalog_item-inner:not(.catalog_item--mobile):not(.catalog_item--offer):not(.catalog_item--cart):not(.catalog_item--popup) {
display: none; } }
nav.pagination {
white-space: nowrap;
height: 25px;
margin-top: 3px;
margin-bottom: 3px; }
nav.pagination a {
display: inline-block;
position: relative;
z-index: 0;
text-align: center;
font-size: 14px;
font-weight: 600;
color: black;
text-decoration: none;
height: 26px;
width: 26px;
background: white;
margin: 1px 1px 1px 0;
-webkit-box-shadow: 0 0 0 1px #7e7e7e;
box-shadow: 0 0 0 1px #7e7e7e;
white-space: nowrap; }
nav.pagination a:first-child {
margin-left: 1px; }
nav.pagination a:hover {
z-index: 1;
color: white;
background-color: #ff7112;
-webkit-box-shadow: 0 0 0 1px #ff7112;
box-shadow: 0 0 0 1px #ff7112; }
nav.pagination a:active {
-webkit-box-shadow: 0 0 0 1px #ff7112, inset 0 0 2px 1px #cf5400;
box-shadow: 0 0 0 1px #ff7112, inset 0 0 2px 1px #cf5400; }
nav.pagination a span {
vertical-align: middle; }
nav.pagination a.prev span,
nav.pagination a.next span {
font-size: 0;
display: inline-block;
top: 0;
width: 100%;
left: 0;
height: 100%;
text-align: center;
overflow: hidden; }
nav.pagination a.prev span:before,
nav.pagination a.next span:before {
position: relative;
content: '\2039';
font-size: 22px;
font-weight: 600;
display: inline-block;
top: calc(50% - 0.7em); }
nav.pagination a.next span:before {
content: '\203A'; }
nav.pagination a.disabled {
color: #7e7e7e;
cursor: not-allowed;
pointer-events: none;
background-color: #d7d7d7;
-webkit-box-shadow: 0 0 0 1px #7e7e7e;
box-shadow: 0 0 0 1px #7e7e7e; }
nav.pagination a.current {
text-decoration: underline;
cursor: not-allowed;
pointer-events: none; }
nav.pagination a.middle span {
display: none; }
nav.pagination a.middle:after {
color: black;
display: inline-block;
text-align: center;
content: '...';
font-weight: 600; }
nav.pagination a.middle:hover span {
display: inline; }
nav.pagination a.middle:hover:after {
display: none; }
nav.pagination a:before {
content: '';
display: inline-block;
height: 100%;
width: 0;
vertical-align: middle; }
nav.pagination a > * {
white-space: normal; }
@media (max-width: 768px) {
nav.pagination {
height: 75px;
width: calc(100% + 2px);
margin: 0 -1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch; }
nav.pagination a {
display: block;
height: 73px;
width: 100%;
font-size: 22px; }
nav.pagination a:first-child span:before,
nav.pagination a:last-child span:before {
font-size: 39px; } }
.tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-bottom: solid 1px #ccc; }
.tabs-header {
white-space: nowrap;
font-size: 0;
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
max-width: 100%;
text-align: center;
min-height: 38px;
margin: 0;
padding: 3px 5px;
background-color: transparent;
border: solid 1px #ccc;
border-bottom: none;
cursor: pointer; }
.tabs-header:before {
content: '';
display: inline-block;
height: 100%;
width: 0;
vertical-align: middle; }
.tabs-header > * {
white-space: normal; }
.tabs-header:not(:first-of-type) {
border-left: none; }
.tabs-header span {
display: inline-block;
vertical-align: middle;
font-size: 14px; }
.tabs-header.active {
background-color: white;
border-bottom: solid 5px #ff7112; }
.tabs-content {
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
max-width: 100%;
display: none;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
background-color: white;
border: solid 1px #ccc;
border-bottom: none;
padding: 10px 20px; }
.tabs-header.active + .tabs-content {
display: block; }
@media (max-width: 768px) {
.tabs.accordeon .tabs-header {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
padding: 3px 150px;
background-color: white;
border-left: none;
border-right: none; }
.tabs.accordeon .tabs-header:not(.active):after {
position: absolute;
content: '\203A';
font-size: 38px;
font-weight: 600;
display: inline-block;
top: calc(50% - .7em);
right: 140px; }
.tabs.accordeon .tabs-content {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
.tabs-header {
overflow: hidden;
height: 70px;
position: relative; }
.tabs-header:not(:first-of-type) {
border-left: none; }
.tabs-header span {
vertical-align: middle;
font-size: 20px; }
.tabs-header:not(.active) {
border-bottom: none; }
.tabs-content {
background-color: transparent;
padding: 20px 15px 40px;
border-left: none;
border-right: none; } }
@media (max-width: 576px) {
.tabs.accordeon .tabs-header {
padding: 3px 50px; }
.tabs.accordeon .tabs-header:not(.active):after {
right: 40px; }
.tabs:not(.accordeon)-header {
padding: 3px 50px; } }
@media (max-width: 576px) {
.content-container.product-page nav.breadcrumbs {
display: none; } }
.detail {
padding: 25px 0;
margin-bottom: 70px; }
.detail-item-cont {
margin-bottom: 20px; }
.detail-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: white;
border: solid 1px #ccc;
padding: 30px 10px 30px 30px; }
.detail-item_gallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 30%; }
.detail-item_gallery .gallery-small {
-webkit-box-flex: 1;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
max-width: 20%;
padding: 25px 1px; }
.detail-item_gallery .gallery-small .slider_item {
margin: 5px 1px;
border: solid 1px #ccc; }
.detail-item_gallery .gallery-big {
-webkit-box-flex: 4;
-ms-flex: 4 1 80%;
flex: 4 1 80%;
max-width: 80%;
padding: 0 25px; }
.detail-item_gallery .gallery-big .slider_item {
margin: 0 5px; }
.detail-item_gallery .slider_item {
white-space: nowrap;
text-align: center;
display: inline-block;
width: auto;
height: auto;
cursor: pointer; }
.detail-item_gallery .slider_item:before {
content: '';
display: inline-block;
height: 100%;
width: 0;
vertical-align: middle; }
.detail-item_gallery .slider_item > * {
white-space: normal; }
.detail-item_gallery .slider_item img {
display: inline-block; }
.detail-item_gallery .slick-slide {
border: none; }
.detail-item_name {
width: 70%; }
.detail-item_name .h1 {
display: inline-block;
font-size: 25px;
font-weight: 600;
margin-bottom: 20px; }
.detail-item_descr {
width: 100%;
line-height: 1.5; }
.detail-item_descr.mobile {
display: none; }
@media (max-width: 768px) {
.detail-item_descr {
display: none; }
.detail-item_descr.mobile {
display: block; } }
@media (max-width: 768px) {
.detail-item {
padding: 15px 55px 55px;
border-left: none;
border-right: none; }
.detail-item_name {
width: 100%;
max-width: 450px;
margin-bottom: 20px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.detail-item_gallery {
padding-bottom: 15px;
width: 90%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.detail-item_gallery .gallery-small {
position: absolute;
opacity: 0 !important;
pointer-events: none;
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%; }
.detail-item_gallery .gallery-big {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%; }
.detail-item_descr {
width: 100%;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
font-size: 16px; }
.detail-item_descr > *:last-child {
margin-bottom: 0; } }
@media (max-width: 576px) {
.detail-item {
padding: 15px 15px 30px; }
.detail-item_gallery {
width: 100%; }
.detail-item_gallery .slider-box {
padding: 0 30px; } }
.detail-item_files a:before{
content: url("../img/pdf.png");
margin-right: 5px; }
.detail-tabs .detail-offers {
padding: 22px 9px 30px; }
.detail-tabs .props_list {
width: 100%; }
.detail-tabs .props_list td {
background: url("../img/dott.png") no-repeat;
background-position: 0 10px;
background-repeat: repeat-x;
width: 50%; }
.detail-tabs .props_list td span {
background: #fff; }
.detail-tabs .props_list .char_name {
text-align: left; }
.detail-tabs .props_list .char_name span {
padding-right: 12px; }
.detail-tabs .props_list .char_value {
text-align: right; }
.detail-tabs .props_list .char_value span {
padding-left: 12px; }
.detail-tabs .catalog-items-header {
margin-bottom: 0; }
.detail-tabs .catalog-items-header .catalog_item_orange-box {
background-color: transparent;
margin-bottom: 0;
border: solid 1px rgba(255, 113, 18, 0.2);
border-bottom: none; }
.detail-tabs .catalog-items-header .catalog_item_name {
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
border-right: solid 1px rgba(255, 113, 18, 0.2); }
.detail-tabs .catalog-items-header .catalog_item_units {
padding-top: 10px;
padding-bottom: 10px;
border-left: solid 1px rgba(255, 113, 18, 0.2); }
.detail-tabs .catalog-items-header .catalog_item_stock {
padding-top: 10px;
padding-bottom: 10px;
border-right: solid 1px rgba(255, 113, 18, 0.2); }
.detail-tabs .catalog-items-header .catalog_item_price {
padding-top: 10px;
padding-bottom: 10px;
border-right: solid 1px rgba(255, 113, 18, 0.2); }
.detail-tabs .catalog-items-header .catalog_item_price span {
font-size: 14px;
font-weight: 400; }
.detail-tabs .catalog-items-header .catalog_item_count {
padding-top: 10px;
padding-bottom: 10px; }
.detail-tabs .catalog-items-header .catalog_item_count span {
display: inline-block;
vertical-align: middle;
font-size: 14px;
font-weight: 400; }
.detail-tabs .catalog-items-header .catalog_item_white-box {
margin-top: 0;
margin-bottom: 0; }
@media (max-width: 768px) {
.detail-tabs .catalog-items-header {
background-color: white; }
.detail-tabs .catalog-items-header .catalog_item_name {
text-align: left; } }
@media (max-width: 576px) {
.detail-tabs .catalog-items-header .catalog_item_units {
display: none; } }
@media (max-width: 450px) {
.detail-tabs .catalog-items-header .catalog_item_stock {
display: none; } }
@media (min-width: 769px) {
.detail-item-cont {
padding-right: 0;
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
max-width: calc(100% - 15px); }
.detail-info {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.no_filter {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }}
@media (max-width: 1335px) {
.detail-item-cont {
padding-left: 0;
max-width: 100%; }
.no_filter {
padding: 0; }}
@media (max-width: 1200px) {
.detail-item-cont {
padding-left: 0;
max-width: 100%; }
.detail-info {
padding-left: 0;
padding-right: 5px; }
.no_filter {
padding: 0; }
.detail .filter-box {
padding-left: 5px; } }
@media (max-width: 768px) {
.detail {
margin-bottom: 60px;
padding: 0; }
.detail-info {
padding-left: 15px;
padding-right: 15px; }
.detail-item-cont {
padding-left: 15px;
margin-bottom: 8px; }
.detail-tabs .detail-offers {
background-color: transparent;
padding: 22px 0 40px; }
.detail .catalog-items.offers {
background-color: white; } }
.cart.row {
margin-bottom: 70px; }
.cart-clear-btn {
margin-bottom: 15px;
text-align: right; }
.cart-clear-btn a {
color: black;
text-decoration: underline; }
.cart-clear-btn a:hover {
text-decoration: none; }
.cart .catalog-items.cart .catalog_item:not(:last-child) {
margin-bottom: 15px; }
.cart-order {
padding-right: 0; }
.cart-order-box {
display: inline-block;
background-color: white;
border: solid 1px #d7d7d7; }
.cart-order-inner {
max-width: 260px;
padding: 15px 20px 10px; }
.cart-order p {
margin-bottom: 10px; }
.cart-order-sum {
margin-bottom: 20px; }
.cart-order-sum span {
display: block;
font-size: 40px;
line-height: 1em;
font-weight: 800;
color: #ff7112;
margin: 0; }
.cart-order-sum span.old {
font-size: 32px;
text-decoration: line-through;
color: #d7d7d7; }
.cart-order-btn {
text-align: center; }
.cart-order-btn a, .cart-order-btn button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
max-width: 100%;
word-break: break-all;
background: none;
border-style: solid;
border-width: 1px;
border-color: #4087fa;
color: black;
text-decoration: none;
cursor: pointer; }
.cart-order-btn a:hover, .cart-order-btn button:hover {
outline: none;
font-weight: 700;
color: white;
background-color: #ff7112;
border-color: #ff7112; }
.cart-order-btn a:active, .cart-order-btn button:active {
outline: none;
font-weight: 700;
color: white;
border-color: #ff7112;
background-color: #ff8e42; }
.cart-order-btn button {
margin-bottom: 15px;
font-size: 16px;
padding: 7px 15px;
width: 100%; }
.cart-order-icons span {
display: inline-block;
margin: 0 10px 10px 0; }
.cart-order-icons .cc-visa {
width: 49px;
height: 16px; }
.cart-order-icons .cc-master-card {
width: 37px;
height: 22px; }
.cart-order-icons .cc-maestro {
width: 37px;
height: 22px; }
.cart-order-icons .cc-webmoney {
width: 72px;
height: 18px; }
@media (min-width: 769px) {
.cart-clear-btn {
padding-right: 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 67%;
flex: 0 0 67%;
max-width: 67%; }
.cart-inner {
padding-right: 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 67%;
flex: 0 0 67%;
max-width: 67%; }
.cart-info {
-webkit-box-flex: 0;
-ms-flex: 0 0 67%;
flex: 0 0 67%;
max-width: 67%; } }
@media (max-width: 768px) {
.cart.row {
margin-bottom: 100px; }
.cart-clear-btn {
margin-bottom: 25px; }
.cart-clear-btn a {
font-size: 22px; }
.cart-inner {
margin-bottom: 25px; }
.cart-order {
padding-left: 0; }
.cart-order-box {
display: block; }
.cart-order-inner {
max-width: 390px;
padding: 25px;
margin: 0 auto; }
.cart-order-inner p {
font-size: 22px;
margin-bottom: 15px; }
.cart-order-sum {
margin-bottom: 45px; }
.cart-order-sum span {
font-size: 63px; }
.cart-order-sum span.old {
font-size: 54px; }
.cart-order-btn button {
margin-bottom: 20px;
font-size: 25px;
padding: 12px 30px; }
.cart-order-icons {
text-align: center;
font-size: 0;
margin: 0 -20px; }
.cart-order-icons span {
display: inline-block;
margin: 0 18px 18px 0; }
.cart-order-icons span:last-child {
margin-right: 0; }
.cart-order-icons .cc-visa {
width: 77px;
height: 24px; }
.cart-order-icons .cc-master-card {
width: 58px;
height: 35px; }
.cart-order-icons .cc-maestro {
width: 61px;
height: 35px; }
.cart-order-icons .cc-webmoney {
width: 121px;
height: 31px; } }
.order-page .page-top-box {
margin-bottom: 20px; }
.order-page .order .tabs-content {
padding: 40px 25px 40px; }
.order-page .order .tabs-content.not-loaded {
background-image: url("../img/loader.gif");
background-repeat: no-repeat;
background-position: center; }
.order-page .order .form-input-box > input {
font-family: "Gotham Pro", sans-serif; }
.order-page .order .form-errors label, .order-page .order .form-errors span, .order-page .order .form-info label {
font-family: "Gotham Pro", sans-serif; }
.order-page .order .form-submit {
margin: 50px 20px 0; }
.order-page .order .form-submit button {
min-width: 185px;
font-family: "Gotham Pro", sans-serif; }
@media (min-width: 769px) {
.order-page {
padding: 0 25px 30px; }
.order-page .order-inner {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 1022px; } }
@media (max-width: 768px) {
.order-page .order .tabs {
border-bottom: none; }
.order-page .order .tabs-content {
padding: 20px 15px 40px; } }
.form-inner {
max-width: 540px; }
.form-descr {
font-size: 13px;
color: #5f5f5f;
margin-bottom: 40px; }
.form-input-box {
margin-bottom: 13px; }
.form-input-box > p {
display: inline-block;
margin: 30px 20px 15px;
font-size: 18px;
font-weight: 600; }
.form-input-box > input {
width: 100%;
height: 48px;
padding: 0 12px;
border: solid 1px #ababab;
color: black;
font-weight: 100;
font-size: 16px; }
.form-input-box > input::-webkit-input-placeholder {
color: #ababab; }
.form-input-box > input:-ms-input-placeholder {
color: #ababab; }
.form-input-box > input::-ms-input-placeholder {
color: #ababab; }
.form-input-box > input::placeholder {
color: #ababab; }
.form-input-box > input.valid {
border-color: black; }
.form-input-box > input.error {
border-color: #e30613; }
.form-input-box > input.error::-webkit-input-placeholder {
color: #e30613; }
.form-input-box > input.error:-ms-input-placeholder {
color: #e30613; }
.form-input-box > input.error::-ms-input-placeholder {
color: #e30613; }
.form-input-box > input.error::placeholder {
color: #e30613; }
.form-errors, .form-info {
display: none;
margin-bottom: 5px; }
.form-errors.order-errors {
display: block; }
.form-errors label, .form-errors span, .form-info label {
margin: 0;
font-size: 16px;
font-weight: 100; }
.form-errors p {
padding: 8px 12px;
margin: 0 0 5px;
color: #e30613;
background-color: rgba(227, 6, 19, 0.15); }
.form-info p {
padding: 8px 12px;
margin: 0 0 5px;
color: #06e313;
background-color: rgba(6, 227, 19, 0.15); }
.form-errors p:last-child, .form-info p:last-child {
margin: 0; }
.form-select-styled {
font-size: 0; }
.form-select-styled .selectize-dropdown {
margin: 0;
border: none;
z-index: 1;
font-size: 16px; }
.form-select-styled .selectize-dropdown .option {
padding: 8px 12px; }
.form-select-styled .selectize-dropdown .active {
color: white;
background-color: #ff7112; }
.form-select-styled select.valid + .selectize-control .selectize-input {
border-color: black; }
.form-select-styled select.valid + .selectize-control .selectize-input:after {
opacity: 1; }
.form-select-styled .selectize-control.single .selectize-input {
height: 48px;
padding: 0 12px;
border: solid 1px #ababab;
color: black;
position: relative;
font-size: 16px; }
.form-select-styled .selectize-control.single .selectize-input input {
color: black;
font-family: "Gotham Pro", sans-serif;
font-weight: 100;
font-size: 16px; }
.form-select-styled .selectize-control.single .selectize-input input::-webkit-input-placeholder {
color: #ababab;
width: 100%; }
.form-select-styled .selectize-control.single .selectize-input input:-ms-input-placeholder {
color: #ababab;
width: 100%; }
.form-select-styled .selectize-control.single .selectize-input input::-ms-input-placeholder {
color: #ababab;
width: 100%; }
.form-select-styled .selectize-control.single .selectize-input input::placeholder {
color: #ababab;
width: 100%; }
.form-select-styled .selectize-control.single .selectize-input.focus {
outline: 1px auto #ff7112; }
.form-select-styled .selectize-control.single .selectize-input > * {
height: 100%;
line-height: 48px; }
.form-select-styled .selectize-control.single .selectize-input::after {
content: '\2039';
border: none;
margin: 0 30px 0 0;
height: auto;
width: auto;
font-size: 35px;
font-weight: 100;
opacity: 0.5;
-webkit-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg); }
.form-select-styled .selectize-control.single .selectize-input.dropdown-active::after {
margin: 0 30px 0 0;
-webkit-transform: translateY(-50%) rotate(-90deg) scale(-1, 1);
transform: translateY(-50%) rotate(-90deg) scale(-1, 1); }
.form-select-styled .selectize-control.single .selectize-input.not-full::after {
opacity: 0.5; }
.form-select-styled .selectize-control.single .selectize-input.error {
border-color: #e30613; }
.form-select-styled .selectize-control.single .selectize-input.error input::-webkit-input-placeholder {
color: #e30613; }
.form-select-styled .selectize-control.single .selectize-input.error input:-ms-input-placeholder {
color: #e30613; }
.form-select-styled .selectize-control.single .selectize-input.error input::-ms-input-placeholder {
color: #e30613; }
.form-select-styled .selectize-control.single .selectize-input.error input::placeholder {
color: #e30613; }
.form-select-styled .selectize-control.single .selectize-input.error::after {
color: #e30613;
opacity: 1; }
.form-select-styled .selectize-control.single .selectize-input.full, .form-select-styled .selectize-control.single .selectize-input.valid {
border-color: black; }
.form-select-styled .selectize-control.single .selectize-input.full::after, .form-select-styled .selectize-control.single .selectize-input.valid::after {
opacity: 1;
color: black; }
.form-select-styled .selectize-control.single .selectize-dropdown-content {
font-family: "Gotham Pro", sans-serif;
font-weight: 100;
font-size: 16px; }
.form-pay-types {
margin: 0 0 0 20px; }
.form-pay-types span {
display: inline-block;
margin: 0 10px 10px 0;
font-family: "Gotham Pro", sans-serif;
font-weight: 400; }
.form-pay-types .cc-visa {
width: 77px;
height: 24px; }
.form-pay-types .cc-master-card {
width: 58px;
height: 35px; }
.form-pay-types .cc-maestro {
width: 61px;
height: 35px; }
.form-pay-types .cc-webmoney {
width: 121px;
height: 31px; }
.form-submit {
text-align: center;
display: inline-block;
margin: 18px 0 0;
text-align: left; }
.form-submit a, .form-submit button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
max-width: 100%;
word-break: break-all;
background: none;
border-style: solid;
border-width: 1px;
border-color: #4087fa;
color: black;
text-decoration: none;
cursor: pointer; }
.form-submit a:hover, .form-submit button:hover {
outline: none;
font-weight: 700;
color: white;
background-color: #ff7112;
border-color: #ff7112; }
.form-submit a:active, .form-submit button:active {
outline: none;
font-weight: 700;
color: white;
border-color: #ff7112;
background-color: #ff8e42; }
.form-submit button {
padding: 10px 30px;
background-color: white;
font-size: 14px; }
.form-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch; }
.form-link {
margin: 0 auto 0 20px; }
.form-link:last-child {
margin: 0 0 0 20px; }
.form-link a {
color: #5f5f5f;
text-decoration: underline;
font-size: 16px; }
@media (max-width: 768px) {
.form-inner {
margin: auto; }
.form-descr {
padding: 0 20px;
font-size: 14px; }
.form-submit {
display: block;
text-align: center; }
.form-submit button {
font-size: 24px; }
.form-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: normal;
-ms-flex-pack: normal;
justify-content: normal; }
.form-link {
margin: 40px auto 0; }
.form-link:last-child {
margin: 30px auto 0; }
.form-select-styled .selectize-input::after {
margin: 0 10px 0 0; }
.form-select-styled .selectize-input.dropdown-active::after {
margin: 0 10px 0 0; } }
.authorize-page {
margin-bottom: 55px; }
.authorize-page .page-top-box {
margin-bottom: 20px; }
.callback_popup-container {
position: fixed;
z-index: 5;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.5);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.callback_popup {
z-index: 5;
background-color: white;
border: solid 1px #d7d7d7;
max-width: 350px;
max-height: 100%;
overflow-y: auto;
position: relative;
padding-top: 30px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.callback_popup a.close {
display: block;
width: 18px;
height: 18px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBzdHlsZT0iZmlsbDojZmY3MTEyOyIgZD0iTSAxNC4zNiwxNS43OCAxNS43OCwxNC4zNiAxLjY0LDAuMjIgMC4yMiwxLjY0IFogTSAxNiwxLjQ2IDE0LjU0LDAgMCwxNC41NCAxLjQ2LDE2IFoiLz48L3N2Zz4K);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 7px;
right: 9px; }
.callback-btn {
width: 100%;
margin: 0;
margin-top: 10px;
text-align: center; }
.callback_popup-container .result {
display: inline-block;
width: 100%;
padding: 20px 20px 20px 20px;
text-align: center; }
.callback_popup a.close:before {
content: '';
position: absolute;
top: -40%;
height: 180%;
left: -40%;
width: 180%;
border-radius: 50%;
opacity: 0;
background-color: #ff7112; }
.callback_popup a.close:hover:before {
opacity: 0.1; }
.callback_popup a.close:active:before {
opacity: 0.2; }
.callback_popup .catalog_item_img {
-webkit-box-flex: 1;
-ms-flex: 1 0 20%;
flex: 1 0 20%;
-ms-flex-item-align: center;
align-self: center;
max-width: 20%;
margin-bottom: 10px; }
.callback_popup .catalog_item_descr {
-webkit-box-flex: 1;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
max-width: 50%;
margin-bottom: 10px;
padding-left: 15px; }
.callback_popup .catalog_item_buy-box {
-webkit-box-flex: 1;
-ms-flex: 1 0 30%;
flex: 1 0 30%;
max-width: 30%;
margin-bottom: 10px;
padding-left: 15px; }
.callback_popup .catalog_item_name {
margin-bottom: 20px; }
.callback_popup .catalog_item_props p {
line-height: 1.2em;
margin-bottom: 3px; }
.callback_popup .catalog_item_props b {
font-weight: 700;
white-space: nowrap; }
.callback_popup .catalog_item_price {
margin-bottom: 10px; }
.callback_popup .catalog_item_price span {
font-size: 20px; }
.callback_popup .catalog_item_count {
margin-bottom: 15px; }
.callback_popup .catalog_item_count label {
margin: 0; }
.callback_popup .catalog_item_count input {
border: solid 1px #ccc; }
.callback_popup .catalog_item_count a {
color: black;
display: inline-block;
text-align: center;
text-decoration: none;
font-weight: 600;
font-size: 20px;
width: 10px; }
.callback_popup .catalog_item_count .spin-box {
white-space: nowrap;
margin-left: 5px; }
.callback_popup .catalog_item_buy-btn a {
width: 100%;
max-width: 300px;
padding: 8px 35px; }
@media (max-width: 768px) {
.callback_popup {
font-size: 18px; } }
@media (max-width: 576px) {
.callback_popup {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 20px 20px 10px; }
.callback_popup .catalog_item_name {
text-align: center; }
.callback_popup .catalog_item_img, .callback_popup .catalog_item_descr, .callback_popup .catalog_item_buy-box {
padding: 0;
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
max-width: 100%; } }
.form-input-box textarea {
text-align: start;
overflow: auto;
resize: none;
width: 100%;
height: 80px;
padding: 12px 12px 12px 12px;
border: solid 1px #ababab;
color: black;
font-weight: 100;
font-size: 16px; }
.form-input-box > textarea::-webkit-input-placeholder {
color: #ababab; }
.form-input-box > textarea:-ms-input-placeholder {
color: #ababab; }
.form-input-box > textarea::-ms-input-placeholder {
color: #ababab; }
.form-input-box > textarea::placeholder {
color: #ababab; }
.form-inner .h2 {
display: inline-block;
margin-bottom: 8px;
width: 100%;
text-align: center;
font-size: 21px; }
.form-inner .form-submit {
display: inline-block; }
.add2cart_popup-container {
position: fixed;
z-index: 5;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.5);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.add2cart_popup {
z-index: 5;
background-color: white;
border: solid 1px #d7d7d7;
max-width: 350px;
max-height: 100%;
overflow-y: auto;
position: relative;
padding-top: 30px;
padding-right: 30px;
padding-bottom: 10px;
padding-left: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.add2cart_popup a.close {
display: block;
width: 18px;
height: 18px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBzdHlsZT0iZmlsbDojZmY3MTEyOyIgZD0iTSAxNC4zNiwxNS43OCAxNS43OCwxNC4zNiAxLjY0LDAuMjIgMC4yMiwxLjY0IFogTSAxNiwxLjQ2IDE0LjU0LDAgMCwxNC41NCAxLjQ2LDE2IFoiLz48L3N2Zz4K);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 7px;
right: 9px; }
.add2cart-btn {
width: 100%;
margin: 0;
text-align: center; }
.add2cart_popup-container .result {
display: inline-block;
width: 100%;
padding: 20px 20px 20px 20px;
text-align: center; }
.add2cart_popup a.close:before {
content: '';
position: absolute;
top: -40%;
height: 180%;
left: -40%;
width: 180%;
border-radius: 50%;
opacity: 0;
background-color: #ff7112; }
.add2cart_popup a.close:hover:before {
opacity: 0.1; }
.add2cart_popup a.close:active:before {
opacity: 0.2; }
.add2cart_popup .catalog_item_img {
-webkit-box-flex: 1;
-ms-flex: 1 0 20%;
flex: 1 0 20%;
-ms-flex-item-align: center;
align-self: center;
max-width: 20%;
margin-bottom: 10px; }
.add2cart_popup .catalog_item_descr {
-webkit-box-flex: 1;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
max-width: 50%;
margin-bottom: 10px;
padding-left: 15px; }
.add2cart_popup .catalog_item_buy-box {
-webkit-box-flex: 1;
-ms-flex: 1 0 30%;
flex: 1 0 30%;
max-width: 30%;
margin-bottom: 10px;
padding-left: 15px; }
.add2cart_popup .catalog_item_name {
margin-bottom: 20px; }
.add2cart_popup .catalog_item_props p {
line-height: 1.2em;
margin-bottom: 3px; }
.add2cart_popup .catalog_item_props b {
font-weight: 700;
white-space: nowrap; }
.add2cart_popup .catalog_item_price {
margin-bottom: 10px; }
.add2cart_popup .catalog_item_price span {
font-size: 20px; }
.add2cart_popup .catalog_item_count {
margin-bottom: 15px; }
.add2cart_popup .catalog_item_count label {
margin: 0; }
.add2cart_popup .catalog_item_count input {
border: solid 1px #ccc; }
.add2cart_popup .catalog_item_count a {
color: black;
display: inline-block;
text-align: center;
text-decoration: none;
font-weight: 600;
font-size: 20px;
width: 10px; }
.add2cart_popup .catalog_item_count .spin-box {
white-space: nowrap;
margin-left: 5px; }
.add2cart_popup .catalog_item_buy-btn a {
width: 100%;
max-width: 300px;
padding: 8px 35px; }
@media (max-width: 768px) {
.add2cart_popup {
font-size: 18px; } }
@media (max-width: 576px) {
.add2cart_popup {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 20px 20px 10px; }
.add2cart_popup .catalog_item_name {
text-align: center; }
.add2cart_popup .catalog_item_img, .add2cart_popup .catalog_item_descr, .add2cart_popup .catalog_item_buy-box {
padding: 0;
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
max-width: 100%; } }
.form-input-box textarea {
text-align: start;
overflow: auto;
resize: none;
width: 100%;
height: 80px;
padding: 12px 12px 12px 12px;
border: solid 1px #ababab;
color: black;
font-weight: 100;
font-size: 16px; }
.form-input-box > textarea::-webkit-input-placeholder {
color: #ababab; }
.form-input-box > textarea:-ms-input-placeholder {
color: #ababab; }
.form-input-box > textarea::-ms-input-placeholder {
color: #ababab; }
.form-input-box > textarea::placeholder {
color: #ababab; }
.form-inner h2 {
text-align: center; }
.form-inner p {
text-align: center;
margin-top: 10px; }
.form-inner .form-submit {
display: inline-block; }
.add2cart-btn a {
margin-bottom: 10px;
width: 100%;
word-break: break-word;
padding: 10px 30px; }
.add2cart_form img {
width: 100%;
margin-top: 10px; }
.price-request_popup-container {
position: fixed;
z-index: 5;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.5);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.price-request_popup {
z-index: 5;
background-color: white;
border: solid 1px #d7d7d7;
max-width: 350px;
max-height: 100%;
overflow-y: auto;
position: relative;
padding-top: 30px;
padding-right: 30px;
padding-bottom: 10px;
padding-left: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.price-request_popup a.close {
display: block;
width: 18px;
height: 18px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBzdHlsZT0iZmlsbDojZmY3MTEyOyIgZD0iTSAxNC4zNiwxNS43OCAxNS43OCwxNC4zNiAxLjY0LDAuMjIgMC4yMiwxLjY0IFogTSAxNiwxLjQ2IDE0LjU0LDAgMCwxNC41NCAxLjQ2LDE2IFoiLz48L3N2Zz4K);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 7px;
right: 9px; }
.price-request-btn {
width: 100%;
margin: 0;
text-align: center; }
.price-request_popup-container .result {
display: inline-block;
width: 100%;
padding: 20px 20px 20px 20px;
text-align: center; }
.price-request_popup a.close:before {
content: '';
position: absolute;
top: -40%;
height: 180%;
left: -40%;
width: 180%;
border-radius: 50%;
opacity: 0;
background-color: #ff7112; }
.price-request_popup a.close:hover:before {
opacity: 0.1; }
.price-request_popup a.close:active:before {
opacity: 0.2; }
.price-request_popup .catalog_item_img {
-webkit-box-flex: 1;
-ms-flex: 1 0 20%;
flex: 1 0 20%;
-ms-flex-item-align: center;
align-self: center;
max-width: 20%;
margin-bottom: 10px; }
.price-request_popup .catalog_item_descr {
-webkit-box-flex: 1;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
max-width: 50%;
margin-bottom: 10px;
padding-left: 15px; }
.price-request_popup .catalog_item_buy-box {
-webkit-box-flex: 1;
-ms-flex: 1 0 30%;
flex: 1 0 30%;
max-width: 30%;
margin-bottom: 10px;
padding-left: 15px; }
.price-request_popup .catalog_item_name {
margin-bottom: 20px; }
.price-request_popup .catalog_item_props p {
line-height: 1.2em;
margin-bottom: 3px; }
.price-request_popup .catalog_item_props b {
font-weight: 700;
white-space: nowrap; }
.price-request_popup .catalog_item_price {
margin-bottom: 10px; }
.price-request_popup .catalog_item_price span {
font-size: 20px; }
.price-request_popup .catalog_item_count {
margin-bottom: 15px; }
.price-request_popup .catalog_item_count label {
margin: 0; }
.price-request_popup .catalog_item_count input {
border: solid 1px #ccc; }
.price-request_popup .catalog_item_count a {
color: black;
display: inline-block;
text-align: center;
text-decoration: none;
font-weight: 600;
font-size: 20px;
width: 10px; }
.price-request_popup .catalog_item_count .spin-box {
white-space: nowrap;
margin-left: 5px; }
.price-request_popup .catalog_item_buy-btn a {
width: 100%;
max-width: 300px;
padding: 8px 35px; }
@media (max-width: 768px) {
.price-request_popup {
font-size: 18px; } }
@media (max-width: 576px) {
.price-request_popup {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 20px 20px 10px; }
.price-request_popup .catalog_item_name {
text-align: center; }
.price-request_popup .catalog_item_img, .price-request_popup .catalog_item_descr, .price-request_popup .catalog_item_buy-box {
padding: 0;
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
max-width: 100%; } }
.form-input-box textarea {
text-align: start;
overflow: auto;
resize: none;
width: 100%;
height: 80px;
padding: 12px 12px 12px 12px;
border: solid 1px #ababab;
color: black;
font-weight: 100;
font-size: 16px; }
.form-input-box > textarea::-webkit-input-placeholder {
color: #ababab; }
.form-input-box > textarea:-ms-input-placeholder {
color: #ababab; }
.form-input-box > textarea::-ms-input-placeholder {
color: #ababab; }
.form-input-box > textarea::placeholder {
color: #ababab; }
.form-inner h2 {
text-align: center; }
.form-inner .form-submit {
display: inline-block; }
.list-unstyled {
padding-left: 0;
list-style: none;
margin-top: 20px; }
.mbl,
.mvl,
.mal {
margin-bottom: 20px !important; }
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: block;
max-width: 276px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem; }
.popover .arrow {
position: absolute;
display: block;
width: 1rem;
height: 0.5rem;
margin: 0 0.3rem; }
.popover .arrow::before, .popover .arrow::after {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid; }
.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
margin-bottom: 0.5rem; }
.bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow {
bottom: calc((0.5rem + 1px) * -1); }
.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before,
.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::after {
border-width: 0.5rem 0.5rem 0; }
.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before {
bottom: 0;
border-top-color: rgba(0, 0, 0, 0.25); }
.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::after {
bottom: 1px;
border-top-color: #fff; }
.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
margin-left: 0.5rem; }
.bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow {
left: calc((0.5rem + 1px) * -1);
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0; }
.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before,
.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^="right"] .arrow::after {
border-width: 0.5rem 0.5rem 0.5rem 0; }
.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before {
left: 0;
border-right-color: rgba(0, 0, 0, 0.25); }
.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^="right"] .arrow::after {
left: 1px;
border-right-color: #fff; }
.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
margin-top: 0.5rem; }
.bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow {
top: calc((0.5rem + 1px) * -1); }
.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before,
.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^="bottom"] .arrow::after {
border-width: 0 0.5rem 0.5rem 0.5rem; }
.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before {
top: 0;
border-bottom-color: rgba(0, 0, 0, 0.25); }
.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^="bottom"] .arrow::after {
top: 1px;
border-bottom-color: #fff; }
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 1rem;
margin-left: -0.5rem;
content: "";
border-bottom: 1px solid #f7f7f7; }
.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
margin-right: 0.5rem; }
.bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow {
right: calc((0.5rem + 1px) * -1);
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0; }
.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before,
.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^="left"] .arrow::after {
border-width: 0.5rem 0 0.5rem 0.5rem; }
.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before {
right: 0;
border-left-color: rgba(0, 0, 0, 0.25); }
.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^="left"] .arrow::after {
right: 1px;
border-left-color: #fff; }
.popover-header {
padding: 0.5rem 0.75rem;
margin-bottom: 0;
font-size: 1rem;
color: inherit;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px); }
.popover-header:empty {
display: none; }
.popover-body {
padding: 0.5rem 0.75rem;
color: #212529; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
.detail-item .slider-btn.right.slick-arrow {
top: calc(100% - 30px); } }
.personal-area-link-popup__container {
display: block;
position: absolute;
background-color: #ffffff;
z-index: 1000;
border-radius: 0.3rem;
}
.personal-area-link-popup__container.hidden {
display: none;
}
.personal-area-link-popup__container .personal-area-link-popup__link {
margin: 20px;
display: block;
color: #ff7112;
text-align: center;
}
.personal-box .personal-box__popup-anchor:hover {
text-decoration: underline;
cursor: pointer;
}
.personal-area-link-popup__container span.personal-area-link-popup__link:hover {
cursor: default;
}
.search-page__mobile_input {
display: none;
margin-bottom: 10px;
}
.search-page__mobile_input input {
line-height: 18px;
}
@media (max-width: 991px) {
.search-page__mobile_input {
display: block;
}
}
.form-agreement {
display: flex;
justify-content: space-between;
}
.form-agreement label {
font-size: 14px;
}
.form-agreement-error {
color: red;
}
.form-agreement-error label {
font-size: 14px;
}