@charset "UTF-8";

[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;user-select:none;-webkit-user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition:opacity 0s linear}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:2px;bottom:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:2px;height:7px;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.hs-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none} @font-face {
font-family: "Rubik";
src: url(//rembvka.ru/wp-content/themes/apimarket_store_theme/fonts/Rubik-Bold.woff2) format("woff2"), url(//rembvka.ru/wp-content/themes/apimarket_store_theme/fonts/Rubik-Bold.woff) format("woff"), url(//rembvka.ru/wp-content/themes/apimarket_store_theme/fonts/Rubik-Bold.ttf) format("truetype");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Rubik";
src: url(//rembvka.ru/wp-content/themes/apimarket_store_theme/fonts/Rubik-Regular.woff2) format("woff2"), url(//rembvka.ru/wp-content/themes/apimarket_store_theme/fonts/Rubik-Regular.woff) format("woff"), url(//rembvka.ru/wp-content/themes/apimarket_store_theme/fonts/Rubik-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Rubik";
src: url(//rembvka.ru/wp-content/themes/apimarket_store_theme/fonts/Rubik-Medium.woff2) format("woff2"), url(//rembvka.ru/wp-content/themes/apimarket_store_theme/fonts/Rubik-Medium.woff) format("woff"), url(//rembvka.ru/wp-content/themes/apimarket_store_theme/fonts/Rubik-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Rubik";
src: url(//rembvka.ru/wp-content/themes/apimarket_store_theme/fonts/Rubik-Light.woff2) format("woff2"), url(//rembvka.ru/wp-content/themes/apimarket_store_theme/fonts/Rubik-Light.woff) format("woff"), url(//rembvka.ru/wp-content/themes/apimarket_store_theme/fonts/Rubik-Light.ttf) format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Muller";
src: url(//rembvka.ru/wp-content/themes/apimarket_store_theme/fonts/MullerBold.woff2) format("woff2"), url(//rembvka.ru/wp-content/themes/apimarket_store_theme/fonts/MullerBold.woff) format("woff"), url(//rembvka.ru/wp-content/themes/apimarket_store_theme/fonts/MullerBold.ttf) format("truetype");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "fontello";
src: url(//rembvka.ru/wp-content/themes/apimarket_store_theme/fonts/fontello.eot);
src: url(//rembvka.ru/wp-content/themes/apimarket_store_theme/fonts/fontello.eot#iefix) format("embedded-opentype"), url(//rembvka.ru/wp-content/themes/apimarket_store_theme/fonts/fontello.woff2) format("woff2"), url(//rembvka.ru/wp-content/themes/apimarket_store_theme/fonts/fontello.woff) format("woff"), url(//rembvka.ru/wp-content/themes/apimarket_store_theme/fonts/fontello.ttf) format("truetype"), url(//rembvka.ru/wp-content/themes/apimarket_store_theme/fonts/fontello.svg#fontello) format("svg");
font-weight: normal;
font-style: normal;
}
.font-ic::before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1;
}
.font-rub {
font-size: 0.9em;
}
.font-rub::before {
content: "";
}
.icon-trash:before {
content: "";
font-size: 0.9em;
}
.icon-basket:before {
content: "";
font-size: 0.9em;
}
.icon-rouble:before {
content: "";
font-size: 0.9em;
}
.icon-up:before {
content: "";
font-size: 0.9em;
}   html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container-sm, .container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-md, .container-sm, .container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container-lg, .container-md, .container-sm, .container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1140px;
}
}
.row {
display: flex;
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-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
order: -1;
}
.order-last {
order: 13;
}
.order-0 {
order: 0;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-4 {
order: 4;
}
.order-5 {
order: 5;
}
.order-6 {
order: 6;
}
.order-7 {
order: 7;
}
.order-8 {
order: 8;
}
.order-9 {
order: 9;
}
.order-10 {
order: 10;
}
.order-11 {
order: 11;
}
.order-12 {
order: 12;
}
.offset-1 {
margin-left: 8.3333333333%;
}
.offset-2 {
margin-left: 16.6666666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.3333333333%;
}
.offset-5 {
margin-left: 41.6666666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.3333333333%;
}
.offset-8 {
margin-left: 66.6666666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.3333333333%;
}
.offset-11 {
margin-left: 91.6666666667%;
}
@media (min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-sm-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-sm-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-sm-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-sm-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-sm-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-sm-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-sm-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-sm-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-sm-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-sm-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
order: -1;
}
.order-sm-last {
order: 13;
}
.order-sm-0 {
order: 0;
}
.order-sm-1 {
order: 1;
}
.order-sm-2 {
order: 2;
}
.order-sm-3 {
order: 3;
}
.order-sm-4 {
order: 4;
}
.order-sm-5 {
order: 5;
}
.order-sm-6 {
order: 6;
}
.order-sm-7 {
order: 7;
}
.order-sm-8 {
order: 8;
}
.order-sm-9 {
order: 9;
}
.order-sm-10 {
order: 10;
}
.order-sm-11 {
order: 11;
}
.order-sm-12 {
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.3333333333%;
}
.offset-sm-2 {
margin-left: 16.6666666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.3333333333%;
}
.offset-sm-5 {
margin-left: 41.6666666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.3333333333%;
}
.offset-sm-8 {
margin-left: 66.6666666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.3333333333%;
}
.offset-sm-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-md-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-md-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-md-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-md-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-md-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-md-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-md-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-md-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-md-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-md-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
order: -1;
}
.order-md-last {
order: 13;
}
.order-md-0 {
order: 0;
}
.order-md-1 {
order: 1;
}
.order-md-2 {
order: 2;
}
.order-md-3 {
order: 3;
}
.order-md-4 {
order: 4;
}
.order-md-5 {
order: 5;
}
.order-md-6 {
order: 6;
}
.order-md-7 {
order: 7;
}
.order-md-8 {
order: 8;
}
.order-md-9 {
order: 9;
}
.order-md-10 {
order: 10;
}
.order-md-11 {
order: 11;
}
.order-md-12 {
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.3333333333%;
}
.offset-md-2 {
margin-left: 16.6666666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.3333333333%;
}
.offset-md-5 {
margin-left: 41.6666666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.3333333333%;
}
.offset-md-8 {
margin-left: 66.6666666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.3333333333%;
}
.offset-md-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-lg-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-lg-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-lg-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-lg-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-lg-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-lg-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-lg-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-lg-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-lg-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-lg-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
order: -1;
}
.order-lg-last {
order: 13;
}
.order-lg-0 {
order: 0;
}
.order-lg-1 {
order: 1;
}
.order-lg-2 {
order: 2;
}
.order-lg-3 {
order: 3;
}
.order-lg-4 {
order: 4;
}
.order-lg-5 {
order: 5;
}
.order-lg-6 {
order: 6;
}
.order-lg-7 {
order: 7;
}
.order-lg-8 {
order: 8;
}
.order-lg-9 {
order: 9;
}
.order-lg-10 {
order: 10;
}
.order-lg-11 {
order: 11;
}
.order-lg-12 {
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.3333333333%;
}
.offset-lg-2 {
margin-left: 16.6666666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.3333333333%;
}
.offset-lg-5 {
margin-left: 41.6666666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.3333333333%;
}
.offset-lg-8 {
margin-left: 66.6666666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.3333333333%;
}
.offset-lg-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-xl-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-xl-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-xl-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-xl-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-xl-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-xl-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-xl-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-xl-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-xl-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-xl-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
order: -1;
}
.order-xl-last {
order: 13;
}
.order-xl-0 {
order: 0;
}
.order-xl-1 {
order: 1;
}
.order-xl-2 {
order: 2;
}
.order-xl-3 {
order: 3;
}
.order-xl-4 {
order: 4;
}
.order-xl-5 {
order: 5;
}
.order-xl-6 {
order: 6;
}
.order-xl-7 {
order: 7;
}
.order-xl-8 {
order: 8;
}
.order-xl-9 {
order: 9;
}
.order-xl-10 {
order: 10;
}
.order-xl-11 {
order: 11;
}
.order-xl-12 {
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.3333333333%;
}
.offset-xl-2 {
margin-left: 16.6666666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.3333333333%;
}
.offset-xl-5 {
margin-left: 41.6666666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.3333333333%;
}
.offset-xl-8 {
margin-left: 66.6666666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.3333333333%;
}
.offset-xl-11 {
margin-left: 91.6666666667%;
}
}
.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: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
@media (min-width: 576px) {
.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: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.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: flex !important;
}
.d-md-inline-flex {
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: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.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: flex !important;
}
.d-xl-inline-flex {
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: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
flex-grow: 0 !important;
}
.flex-md-grow-1 {
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-content-md-start {
align-content: flex-start !important;
}
.align-content-md-end {
align-content: flex-end !important;
}
.align-content-md-center {
align-content: center !important;
}
.align-content-md-between {
align-content: space-between !important;
}
.align-content-md-around {
align-content: space-around !important;
}
.align-content-md-stretch {
align-content: stretch !important;
}
.align-self-md-auto {
align-self: auto !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3,
.my-3 {
margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
margin-right: 1rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5,
.my-5 {
margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
margin-right: 3rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3,
.py-3 {
padding-top: 1rem !important;
}
.pr-3,
.px-3 {
padding-right: 1rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5,
.py-5 {
padding-top: 3rem !important;
}
.pr-5,
.px-5 {
padding-right: 3rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
padding-left: 3rem !important;
}
.m-n1 {
margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
margin-left: -0.25rem !important;
}
.m-n2 {
margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
margin-left: -0.5rem !important;
}
.m-n3 {
margin: -1rem !important;
}
.mt-n3,
.my-n3 {
margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
margin-left: -1rem !important;
}
.m-n4 {
margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
margin-left: -1.5rem !important;
}
.m-n5 {
margin: -3rem !important;
}
.mt-n5,
.my-n5 {
margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
margin-left: -3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.m-sm-n1 {
margin: -0.25rem !important;
}
.mt-sm-n1,
.my-sm-n1 {
margin-top: -0.25rem !important;
}
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -0.25rem !important;
}
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -0.25rem !important;
}
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -0.25rem !important;
}
.m-sm-n2 {
margin: -0.5rem !important;
}
.mt-sm-n2,
.my-sm-n2 {
margin-top: -0.5rem !important;
}
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -0.5rem !important;
}
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -0.5rem !important;
}
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -0.5rem !important;
}
.m-sm-n3 {
margin: -1rem !important;
}
.mt-sm-n3,
.my-sm-n3 {
margin-top: -1rem !important;
}
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -1rem !important;
}
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -1rem !important;
}
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -1rem !important;
}
.m-sm-n4 {
margin: -1.5rem !important;
}
.mt-sm-n4,
.my-sm-n4 {
margin-top: -1.5rem !important;
}
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -1.5rem !important;
}
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -1.5rem !important;
}
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -1.5rem !important;
}
.m-sm-n5 {
margin: -3rem !important;
}
.mt-sm-n5,
.my-sm-n5 {
margin-top: -3rem !important;
}
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -3rem !important;
}
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -3rem !important;
}
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
}
.m-md-n1 {
margin: -0.25rem !important;
}
.mt-md-n1,
.my-md-n1 {
margin-top: -0.25rem !important;
}
.mr-md-n1,
.mx-md-n1 {
margin-right: -0.25rem !important;
}
.mb-md-n1,
.my-md-n1 {
margin-bottom: -0.25rem !important;
}
.ml-md-n1,
.mx-md-n1 {
margin-left: -0.25rem !important;
}
.m-md-n2 {
margin: -0.5rem !important;
}
.mt-md-n2,
.my-md-n2 {
margin-top: -0.5rem !important;
}
.mr-md-n2,
.mx-md-n2 {
margin-right: -0.5rem !important;
}
.mb-md-n2,
.my-md-n2 {
margin-bottom: -0.5rem !important;
}
.ml-md-n2,
.mx-md-n2 {
margin-left: -0.5rem !important;
}
.m-md-n3 {
margin: -1rem !important;
}
.mt-md-n3,
.my-md-n3 {
margin-top: -1rem !important;
}
.mr-md-n3,
.mx-md-n3 {
margin-right: -1rem !important;
}
.mb-md-n3,
.my-md-n3 {
margin-bottom: -1rem !important;
}
.ml-md-n3,
.mx-md-n3 {
margin-left: -1rem !important;
}
.m-md-n4 {
margin: -1.5rem !important;
}
.mt-md-n4,
.my-md-n4 {
margin-top: -1.5rem !important;
}
.mr-md-n4,
.mx-md-n4 {
margin-right: -1.5rem !important;
}
.mb-md-n4,
.my-md-n4 {
margin-bottom: -1.5rem !important;
}
.ml-md-n4,
.mx-md-n4 {
margin-left: -1.5rem !important;
}
.m-md-n5 {
margin: -3rem !important;
}
.mt-md-n5,
.my-md-n5 {
margin-top: -3rem !important;
}
.mr-md-n5,
.mx-md-n5 {
margin-right: -3rem !important;
}
.mb-md-n5,
.my-md-n5 {
margin-bottom: -3rem !important;
}
.ml-md-n5,
.mx-md-n5 {
margin-left: -3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
}
.m-lg-n1 {
margin: -0.25rem !important;
}
.mt-lg-n1,
.my-lg-n1 {
margin-top: -0.25rem !important;
}
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -0.25rem !important;
}
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -0.25rem !important;
}
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -0.25rem !important;
}
.m-lg-n2 {
margin: -0.5rem !important;
}
.mt-lg-n2,
.my-lg-n2 {
margin-top: -0.5rem !important;
}
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -0.5rem !important;
}
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -0.5rem !important;
}
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -0.5rem !important;
}
.m-lg-n3 {
margin: -1rem !important;
}
.mt-lg-n3,
.my-lg-n3 {
margin-top: -1rem !important;
}
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -1rem !important;
}
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -1rem !important;
}
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -1rem !important;
}
.m-lg-n4 {
margin: -1.5rem !important;
}
.mt-lg-n4,
.my-lg-n4 {
margin-top: -1.5rem !important;
}
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -1.5rem !important;
}
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -1.5rem !important;
}
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -1.5rem !important;
}
.m-lg-n5 {
margin: -3rem !important;
}
.mt-lg-n5,
.my-lg-n5 {
margin-top: -3rem !important;
}
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -3rem !important;
}
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -3rem !important;
}
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
}
.m-xl-n1 {
margin: -0.25rem !important;
}
.mt-xl-n1,
.my-xl-n1 {
margin-top: -0.25rem !important;
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -0.25rem !important;
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -0.25rem !important;
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -0.25rem !important;
}
.m-xl-n2 {
margin: -0.5rem !important;
}
.mt-xl-n2,
.my-xl-n2 {
margin-top: -0.5rem !important;
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -0.5rem !important;
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -0.5rem !important;
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -0.5rem !important;
}
.m-xl-n3 {
margin: -1rem !important;
}
.mt-xl-n3,
.my-xl-n3 {
margin-top: -1rem !important;
}
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -1rem !important;
}
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -1rem !important;
}
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -1rem !important;
}
.m-xl-n4 {
margin: -1.5rem !important;
}
.mt-xl-n4,
.my-xl-n4 {
margin-top: -1.5rem !important;
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -1.5rem !important;
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -1.5rem !important;
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -1.5rem !important;
}
.m-xl-n5 {
margin: -3rem !important;
}
.mt-xl-n5,
.my-xl-n5 {
margin-top: -3rem !important;
}
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -3rem !important;
}
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -3rem !important;
}
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}   .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
} .mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: "";
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
} article, aside, dialog, figcaption, figure, footer, header, main, nav, section, details, menu {
display: block;
}
@-ms-viewport {
width: device-width;
}
html {
box-sizing: border-box;
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
}
* {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
*::before, *::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
body {
margin: 0;
position: relative;
font: 16px/1.5 "Rubik", sans-serif, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
text-align: left;
color: #495668;
background-color: #E8ECF1;
overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
margin-top: 0;
margin-bottom: 0.5em;
}
p {
margin: 0;
}
p:not(:last-child) {
margin-bottom: 1em;
}
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: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b, strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: inherit;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
transition: all 0.05s linear;
}
a:hover {
color: inherit;
}
a:focus {
outline: none;
}
a:hover, a:focus {
text-decoration: none;
}
a:active, a:hover {
outline-width: 0;
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
figure {
margin: 0 0 1rem;
}
img {
font-size: 10px;
text-transform: uppercase;
color: #495668;
vertical-align: middle;
border-style: none;
}
img::selection {
background: none;
}
svg:not(:root) {
overflow: hidden;
}
table {
border-collapse: collapse;
background-color: transparent;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #495668;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
label {
display: block;
margin-bottom: 0.5em;
}
a, area, button, [role=button], input, label, select, summary, textarea {
-ms-touch-action: manipulation;
touch-action: manipulation;
}
button {
padding: 0;
background-color: transparent;
border: none;
border-radius: 0;
cursor: pointer;
}
button:focus {
outline: none;
}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
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;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
}
input[type=radio], input[type=checkbox] {
box-sizing: border-box;
padding: 0;
}
input[type=radio]:disabled, input[type=checkbox]:disabled {
cursor: not-allowed;
}
input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
-webkit-appearance: listbox;
}
input[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
textarea {
overflow: auto;
resize: vertical;
}
[type=checkbox], [type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[tabindex="-1"]:focus {
outline: 0 !important;
}
[role=button] {
cursor: pointer;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
[hidden] {
display: none !important;
}
*::selection {
background: #E2FFF1;
}
.slick-track {
display: flex;
margin: 0;
}
.slick-slide {
height: auto;
float: none;
}
.slick-slide {
outline: none;
}
.slick-arrow {
font-size: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 6em;
height: 4em;
color: #8D9FBB;
position: absolute;
z-index: 1;
transition: all 0.1s linear;
}
.slick-arrow .svg {
width: 1.6em;
height: 1.2em;
}
.slick-arrow:hover {
background: rgba(70, 128, 255, 0.8);
color: #fff;
}
.slick-prev .svg {
transform: rotate(180deg);
}
.slick-dots {
margin: 0;
padding: 0;
list-style: none;
display: flex !important;
font-size: 0;
}
.slick-dots button {
display: block;
width: 6px;
height: 6px;
margin: 0 4px;
border-radius: 50%;
background: #D4DDEB;
transition: all 0.2s linear;
}
.slick-dots .slick-active button {
width: 21px;
border-radius: 150px;
background: #4680FF;
}
.mfp-bg {
background: #D4DDEB;
}
.simplebar-vertical {
width: 4px !important;
background: #F5F7FA;
}
.simplebar-vertical .simplebar-scrollbar {
width: 100%;
right: 0;
}
.simplebar-vertical .simplebar-scrollbar::before {
opacity: 1;
background: #4680FF;
}
.js-timer {
display: flex;
justify-content: center;
align-items: center;
}
.js-timer ul {
list-style: none;
margin: 0;
padding: 0;
}
.js-timer .flip-clock-before, .js-timer .down {
display: none !important;
}
.js-timer .flip-clock-divider.days, .js-timer .flip-clock-divider span {
display: none !important;
}
.js-timer .flip-clock-divider::before {
content: ":";
line-height: 1;
display: block;
margin: 0 0.1em;
} .main-wrapper {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.main-wrapper .page {
flex: 1;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.main-wrapper {
display: block;
}
}
@media (min-width: 1200px) {
.container, .container-sm, .container-md, .container-lg, .container-xl {
max-width: 1170px;
}
}
.content-width {
max-width: 1440px;
margin-left: auto;
margin-right: auto;
}
.flex-center {
display: flex;
align-items: center;
justify-content: center;
}
.img, .content img {
display: block;
max-width: 100%;
height: auto;
}
.fw-bold {
font-weight: 700;
}
.fw-medium {
font-weight: 500;
}
.nowrap {
white-space: nowrap;
}
.line-through {
text-decoration: line-through;
}
.list, .content ul, .content ol {
margin: 0;
padding: 0;
list-style: none;
}
.svg {
display: block;
max-width: 100%;
max-height: 100%;
}
.svg-fill {
fill: currentColor;
}
.svg-stroke {
stroke: currentColor;
} .link-color {
color: #4680FF;
}
.txt-color-1 {
color: #495668;
}
.txt-color-2 {
color: #626474;
}
.txt-color-3 {
color: #8D9FBB;
}
.title-color-1 {
color: #000;
}
.title-color-2 {
color: #172733;
}
.title-color-3 {
color: #262732;
}
.bg-white {
background: #fff;
} .title-1 {
margin-bottom: 0.6em;
font-size: 48px;
line-height: 1;
}
@media screen and (max-width: 767px) {
.title-1 {
font-size: 40px;
}
}
@media screen and (max-width: 575px) {
.title-1 {
font-size: 36px;
}
}
.title-2 {
font-size: 30px;
line-height: 1.15;
}
@media screen and (max-width: 767px) {
.title-2 {
font-size: 28px;
}
}
@media screen and (max-width: 575px) {
.title-2 {
font-size: 24px;
}
}
.title-3 {
margin-bottom: 0.5em;
font-size: 24px;
line-height: 1.2;
font-weight: 500;
}
@media screen and (max-width: 1199px) {
.title-3 {
font-size: 20px;
}
}
@media screen and (max-width: 767px) {
.title-3 {
font-size: 18px;
}
}
.title-4 {
font-size: 16px;
margin-bottom: 0.4em;
}
.section {
padding-top: 40px;
}
.section-title {
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
.section-title {
margin-bottom: 30px;
}
}
.section-title__ic {
flex: 0 0 20px;
color: #4680FF;
margin-right: 22px;
}
@media screen and (max-width: 767px) {
.section-title__ic {
margin-right: 15px;
}
}
.section .section-dots {
margin-left: auto;
}
@media screen and (max-width: 767px) {
.section .section-dots {
width: 100%;
margin-top: 30px;
}
.section .section-dots .slick-dots {
justify-content: center;
}
} .button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 202px;
height: 46px;
font-size: 14px;
border-radius: 4px;
line-height: 1;
font-weight: 500;
color: #fff;
position: relative;
z-index: 1;
cursor: pointer;
overflow: hidden;
transition: all 0.1s linear;
}
.button:hover {
color: #fff;
}
.button--redirect {
background: #F55858;
justify-content: space-between;
padding-left: 30px;
padding-right: 15px;
}
.button--redirect:hover {
background: #f22828;
}
.button--cart {
padding: 12px;
background: #6FCF97;
}
.button--cart:hover {
background: #49c27b;
}
.button--submit {
font-size: 18px;
background: #6FCF97;
}
.button--submit:hover {
background: #49c27b;
}
.button--submit .svg {
flex: 0 0 21px;
margin-right: 15px;
}
.button--blue {
font-size: 14px;
background: #4680FF;
}
.modal-close {
width: 36px;
height: 36px;
cursor: pointer;
padding: 0;
position: relative;
}
.modal-close::before, .modal-close::after {
content: "";
display: block;
width: 2px;
height: 17px;
position: absolute;
left: 50%;
margin-left: -1px;
top: 10px;
z-index: 0;
background: #8D9FBB;
}
.modal-close::before {
transform: rotate(45deg);
}
.modal-close::after {
transform: rotate(-45deg);
}
.page-wrapper {
max-width: 1920px;
padding-bottom: 230px;
margin: 0 auto;
background: url(//rembvka.ru/wp-content/themes/apimarket_store_theme/img/page-bg.svg) no-repeat 50% 0/100% auto;
}
.template-name {
padding: 120px 15px;
font-size: 36px;
}
.template-name__txt {
font: 700 1em/1 "Muller", sans-serif;
text-transform: uppercase;
font-weight: 700;
color: #8D9FBB;
}
.template-name .logo {
font-size: inherit;
}
.template-name .logo__bottom {
font-size: 0.44em;
}
@media screen and (max-width: 767px) {
.template-name {
font-size: 30px;
padding-top: 80px;
padding-bottom: 80px;
}
}
@media screen and (max-width: 575px) {
.template-name {
font-size: 24px;
}
}
.page {
background: #F5F7FA;
}
.page-title {
margin-top: 40px;
}
.page-title .title-1, .page-title .title-2 {
font-weight: 400;
margin-bottom: 0;
}
@media screen and (max-width: 1199px) {
.page-title .title-1, .page-title .title-2 {
margin-bottom: 0.5em;
}
}
.logo {
font-size: 30px;
max-width: 25%;
}
.logo a {
display: block;
}
.logo__top {
font-size: 1em;
line-height: 1.15;
text-transform: uppercase;
color: #262732;
}
.logo__bottom {
font-size: 0.43333em;
letter-spacing: 0.1em;
color: #8D9FBB;
}
@media screen and (max-width: 1199px) {
.logo {
font-size: 28px;
}
}
@media screen and (max-width: 575px) {
.logo {
font-size: 24px;
}
}
.tel-link {
font-size: 18px;
}
.tel-link__ic {
margin-right: 13px;
}
.tel-link a {
color: #262732;
}
@media screen and (max-width: 1199px) {
.tel-link {
font-size: 16px;
}
}
.price {
font-size: 26px;
line-height: 1;
}
.price-old {
font-size: 14px;
font-weight: 500;
color: #F55858;
}
.discount {
display: inline-block;
padding: 0.335em 0.6em;
font-size: 18px;
font-weight: 500;
color: #fff;
background: #6FCF97;
box-shadow: 0px 5px 20px rgba(0, 24, 174, 0.1);
border-radius: 4px;
text-align: center;
vertical-align: middle;
}
@media screen and (max-width: 767px) {
.discount {
font-size: 16px;
}
}
.goods__slider {
width: calc(100% + 30px);
margin-left: -15px;
margin-top: -10px;
margin-bottom: -20px;
}
.goods__slider .slick-list {
padding: 10px 0 20px;
}
.goods__slider .goods-card {
max-width: 263px;
}
@media screen and (max-width: 1199px) {
.goods__slider .goods-card {
max-width: 286px;
}
}
@media screen and (max-width: 991px) {
.goods__slider {
width: calc(100% + 24px);
margin-left: -12px;
}
.goods__slider .goods-card {
max-width: 212px;
}
}
@media screen and (max-width: 767px) {
.goods__slider .goods-card {
max-width: 240px;
}
}
@media screen and (max-width: 575px) {
.goods__slider {
width: 100%;
margin-left: 0;
}
.goods__slider .goods-card {
max-width: 263px;
}
}
.goods-card {
display: flex;
flex-direction: column;
height: 100%;
margin: 0 auto;
padding: 20px;
border-radius: 4px;
background: #fff;
transition: all 0.2s linear;
}
.goods-card:hover {
box-shadow: 0px 8px 22px rgba(70, 128, 255, 0.16);
}
.goods-card__img {
position: relative;
margin-bottom: 20px;
border-radius: 4px;
overflow: hidden;
}
.goods-card__img a {
display: block;
}
.goods-card__img .img, .goods-card__img .content img, .content .goods-card__img img {
margin-bottom: 0;
}
.goods-card__tips {
position: absolute;
left: 10px;
top: 10px;
}
.goods-card__tips .goods-offer {
margin-right: 10px;
}
.goods-card__title {
line-height: 1.25;
font-weight: 500;
}
.goods-card__txt {
margin-bottom: 20px;
font-size: 12px;
line-height: 1.5;
}
.goods-card__footer {
margin-top: auto;
}
.goods-card .price {
font-size: 24px;
}
.goods-card .price-old {
font-size: 12px;
}
.goods-card__btn {
width: auto;
}
.goods-card .font-rub {
margin-left: 0.2em;
}
.goods-card__noavailable {
display: flex;
align-items: center;
background: #D4DDEB;
width: 96px;
padding: 9px 7px 9px 6px;
font-size: 13px;
line-height: 1;
border-radius: 4px;
}
.goods-card__noavailable .svg {
flex: 0 0 20px;
height: 20px;
margin-right: 6px;
}
.goods-tip {
display: flex;
align-items: center;
height: 30px;
background: #fff;
box-shadow: 0px 5px 20px rgba(0, 24, 174, 0.1);
transition: all 0.2s linear;
}
.goods-offer {
max-width: 98px;
padding: 5px 6px;
font-weight: 700;
border-radius: 4px;
color: #F2994A;
}
.goods-offer .svg {
flex: 0 0 18px;
}
.goods-offer span {
font-size: 0;
line-height: 1.25;
transition: all 0.2s linear;
}
.goods-offer:hover, .goods-offer.open {
background: #F2994A;
color: #fff;
}
.goods-offer:hover span, .goods-offer.open span {
font-size: 8px;
margin-left: 8px;
}
.goods-discount {
display: inline-block;
max-width: 30px;
padding: 0.335em 0.4em;
color: #6FCF97;
line-height: 1;
}
.goods-discount span {
display: inline-block;
margin-right: 0.2em;
font-size: 0;
color: #fff;
transition: all 0.2s linear;
}
.goods-discount:hover, .goods-discount.open {
max-width: none;
background: #6FCF97;
color: #fff;
}
.goods-discount:hover span, .goods-discount.open span {
font-size: 1em;
}
.category .row {
margin-bottom: -30px;
}
.category .row [class*=col-] {
margin-bottom: 30px;
}
@media screen and (max-width: 575px) {
.category .goods-card {
max-width: 263px;
}
}
.articles__slider {
width: calc(100% + 30px);
margin-left: -15px;
}
@media screen and (max-width: 991px) {
.articles__slider {
width: calc(100% + 24px);
margin-left: -12px;
}
}
@media screen and (max-width: 767px) {
.articles__slider {
width: 100%;
margin-left: 0;
}
}
.article-preview {
max-width: 555px;
margin: 0 auto;
padding: 20px;
height: 100%;
border-radius: 10px;
background: #fff;
}
.article-preview__img {
margin-bottom: 20px;
border-radius: 10px;
overflow: hidden;
}
.article-preview__img a {
display: block;
}
.article-preview__content {
padding: 0 10px 10px;
}
.article-preview__title {
min-height: 2.5em;
}
.article-preview__txt {
position: relative;
font-size: 14px;
line-height: 1.7;
}
.article-preview__quotes {
position: absolute;
bottom: 100%;
margin-bottom: -20px;
left: 0;
width: 42px;
height: 40px;
}
@media screen and (max-width: 1199px) {
.article-preview {
max-width: 450px;
}
.article-preview__content {
padding: 0;
}
}
@media screen and (max-width: 991px) {
.article-preview {
max-width: 328px;
}
}
@media screen and (max-width: 767px) {
.article-preview {
max-width: 555px;
border-radius: 4px;
}
.article-preview__img {
border-radius: 4px;
}
}
.testimonials__block {
position: relative;
width: calc(100% + 15px);
margin-left: -15px;
margin-bottom: -20px;
padding-left: 15px;
overflow: hidden;
}
.testimonials__block::after {
content: "";
display: block;
width: 200px;
height: 100%;
position: absolute;
right: 0;
top: 0;
z-index: 0;
background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}
@media screen and (max-width: 767px) {
.testimonials__block {
width: 100%;
margin-left: 0;
padding-left: 0;
}
.testimonials__block::after {
display: none;
}
}
.testimonials__slider {
max-width: 86%;
}
.testimonials__slider .slick-list {
overflow: visible;
padding: 10px 0 20px;
}
@media screen and (max-width: 991px) {
.testimonials__slider {
max-width: 72%;
}
}
@media screen and (max-width: 767px) {
.testimonials__slider {
max-width: none;
}
.testimonials__slider::after {
display: none;
}
.testimonials__slider .slick-list {
overflow: hidden;
}
}
.testimonials-item {
max-width: 458px;
padding: 20px;
box-shadow: 0px 8px 22px rgba(70, 128, 255, 0.16);
border-radius: 4px;
background: #fff;
}
.testimonials-item__header {
margin-bottom: 20px;
}
.testimonials-item__img {
position: relative;
margin-right: 20px;
width: 50px;
height: 50px;
border-radius: 50%;
}
.testimonials-item__img > .img, .content .testimonials-item__img > img {
border-radius: 50%;
}
.testimonials-item__country {
position: absolute;
bottom: 0;
right: 0;
width: 20px;
height: 14px;
}
.testimonials-item__name {
font-weight: 500;
}
.testimonials-item__date {
font-size: 12px;
}
.testimonials-item__txt {
font-size: 14px;
line-height: 1.7;
}
@media screen and (max-width: 1199px) {
.testimonials-item {
max-width: 366px;
}
}
@media screen and (max-width: 991px) {
.testimonials-item {
max-width: 458px;
}
}
@media screen and (max-width: 767px) {
.testimonials-item {
margin: 0 auto;
padding: 0;
box-shadow: none;
}
}
.social {
display: flex;
}
.social .img, .social .content img, .content .social img {
flex: 0 0 30px;
width: 30px;
height: 30px;
}
.open-modal {
cursor: pointer;
}
.js-tab-item:not(:first-child) {
display: none;
}
body blockquote {
position: relative;
font-size: 120%;
margin: 20px 0;
padding: 0 30px;
clear: both;
}
body blockquote:before {
content: "“";
position: absolute;
top: -15px;
left: 0;
font-size: 42px;
color: #425d9d;
}
body blockquote.warning {
background: #fff4d4 url(//rembvka.ru/wp-content/themes/apimarket_store_theme/images/blockquote-warning.png) 20px center no-repeat;
font-size: 100%;
padding: 20px 30px 10px 80px;
border-radius: 6px;
}
body blockquote.warning:before {
display: none;
}
body blockquote.info {
background: #e3f1f4 url(//rembvka.ru/wp-content/themes/apimarket_store_theme/images/blockquote-info.png) 20px center no-repeat;
font-size: 100%;
padding: 20px 30px 10px 80px;
border-radius: 6px;
}
body blockquote.info:before {
display: none;
}
body blockquote.danger {
background: #ffe3db url(//rembvka.ru/wp-content/themes/apimarket_store_theme/images/blockquote-danger.png) 20px center no-repeat;
font-size: 100%;
padding: 20px 30px 10px 80px;
border-radius: 6px;
}
body blockquote.danger:before {
display: none;
}
body blockquote.check {
background: #def9e5 url(//rembvka.ru/wp-content/themes/apimarket_store_theme/images/blockquote-check.png) 20px center no-repeat;
font-size: 100%;
padding: 20px 30px 10px 80px;
border-radius: 6px;
}
body blockquote.check:before {
display: none;
}
body blockquote.quote {
background: #eff4f5 url(//rembvka.ru/wp-content/themes/apimarket_store_theme/images/blockquote-quote.png) 20px 20px no-repeat;
font-size: 100%;
padding: 20px 30px 10px 80px;
border-radius: 6px;
}
body blockquote.quote:before {
display: none;
}
body blockquote table {
width: 100%;
margin: 20px 0;
border: 1px solid #ccc;
border-spacing: 0;
border-collapse: collapse;
}
body blockquote table td, body blockquote table th {
border: 1px solid #ccc;
padding: 7px 12px;
}
body blockquote table th {
text-align: left;
background: #eee;
}
body blockquote .apimarket-row {
position: relative;
border: 1px dotted #ccc;
padding: 15px 10px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body blockquote .apimarket-row * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body blockquote .apimarket-row:before {
content: "columns";
position: absolute;
top: -7px;
left: 10px;
font-size: 10px;
background: #fff;
padding: 0 3px;
border: 1px dotted #ccc;
}
body blockquote .apimarket-row:after {
content: "";
clear: both;
display: block;
}
body blockquote .root-col-6 {
float: left;
width: 50%;
padding: 0 20px;
border: 1px dotted #aaa;
}
body blockquote ol, body blockquote ul {
margin: 1.7em 0 1.8em 1em;
padding: 0;
list-style: none;
}
body blockquote ol *, body blockquote ul * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body blockquote ol *:before, body blockquote ol *:after, body blockquote ul *:before, body blockquote ul *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body blockquote ol li, body blockquote ul li {
padding-left: 40px;
margin: 0.7em 0;
}
body blockquote ol ol, body blockquote ol ul, body blockquote ul ol, body blockquote ul ul {
margin-top: 0;
margin-bottom: 0;
}
body blockquote ol {
counter-reset: point;
}
body blockquote ol li:before {
content: counter(point);
counter-increment: point 1;
display: inline-block;
width: 27px;
height: 27px;
margin: 0 13px 0 -40px;
text-align: center;
border: 2px solid #425d9d;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
body blockquote ol ol > li {
padding-left: 44px;
}
body blockquote ol ol > li:before {
counter-increment: point 1;
content: counters(point, ".") ".";
border: none;
width: auto;
height: auto;
font-weight: bold;
}
body blockquote ol ol ol > li {
padding-left: 57px;
}
body blockquote ol ol ol ol > li {
padding-left: 72px;
}
body blockquote ol ul > li:before, body blockquote ol ul ul > li:before {
counter-increment: none;
}
body blockquote ol[start="#$i"] {
counter-reset: point 0;
}
body blockquote ol[start="#$i"] {
counter-reset: point 1;
}
body blockquote ol[start="#$i"] {
counter-reset: point 2;
}
body blockquote ol[start="#$i"] {
counter-reset: point 3;
}
body blockquote ol[start="#$i"] {
counter-reset: point 4;
}
body blockquote ol[start="#$i"] {
counter-reset: point 5;
}
body blockquote ol[start="#$i"] {
counter-reset: point 6;
}
body blockquote ol[start="#$i"] {
counter-reset: point 7;
}
body blockquote ol[start="#$i"] {
counter-reset: point 8;
}
body blockquote ol[start="#$i"] {
counter-reset: point 9;
}
body blockquote ol[start="#$i"] {
counter-reset: point 10;
}
body blockquote ol[start="#$i"] {
counter-reset: point 11;
}
body blockquote ol[start="#$i"] {
counter-reset: point 12;
}
body blockquote ol[start="#$i"] {
counter-reset: point 13;
}
body blockquote ol[start="#$i"] {
counter-reset: point 14;
}
body blockquote ol[start="#$i"] {
counter-reset: point 15;
}
body blockquote ol[start="#$i"] {
counter-reset: point 16;
}
body blockquote ol[start="#$i"] {
counter-reset: point 17;
}
body blockquote ol[start="#$i"] {
counter-reset: point 18;
}
body blockquote ol[start="#$i"] {
counter-reset: point 19;
}
body blockquote ol[start="#$i"] {
counter-reset: point 20;
}
body blockquote ol[start="#$i"] {
counter-reset: point 21;
}
body blockquote ol[start="#$i"] {
counter-reset: point 22;
}
body blockquote ol[start="#$i"] {
counter-reset: point 23;
}
body blockquote ol[start="#$i"] {
counter-reset: point 24;
}
body blockquote ol[start="#$i"] {
counter-reset: point 25;
}
body blockquote ol[start="#$i"] {
counter-reset: point 26;
}
body blockquote ol[start="#$i"] {
counter-reset: point 27;
}
body blockquote ol[start="#$i"] {
counter-reset: point 28;
}
body blockquote ol[start="#$i"] {
counter-reset: point 29;
}
body blockquote ol[start="#$i"] {
counter-reset: point 30;
}
body blockquote ol[start="#$i"] {
counter-reset: point 31;
}
body blockquote ol[start="#$i"] {
counter-reset: point 32;
}
body blockquote ol[start="#$i"] {
counter-reset: point 33;
}
body blockquote ol[start="#$i"] {
counter-reset: point 34;
}
body blockquote ol[start="#$i"] {
counter-reset: point 35;
}
body blockquote ol[start="#$i"] {
counter-reset: point 36;
}
body blockquote ol[start="#$i"] {
counter-reset: point 37;
}
body blockquote ol[start="#$i"] {
counter-reset: point 38;
}
body blockquote ol[start="#$i"] {
counter-reset: point 39;
}
body blockquote ol[start="#$i"] {
counter-reset: point 40;
}
body blockquote ol[start="#$i"] {
counter-reset: point 41;
}
body blockquote ol[start="#$i"] {
counter-reset: point 42;
}
body blockquote ol[start="#$i"] {
counter-reset: point 43;
}
body blockquote ol[start="#$i"] {
counter-reset: point 44;
}
body blockquote ol[start="#$i"] {
counter-reset: point 45;
}
body blockquote ol[start="#$i"] {
counter-reset: point 46;
}
body blockquote ol[start="#$i"] {
counter-reset: point 47;
}
body blockquote ol[start="#$i"] {
counter-reset: point 48;
}
body blockquote ol[start="#$i"] {
counter-reset: point 49;
}
body blockquote ul > li:before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
background: #5a80b1;
margin: 0 22px 0 -30px;
}
body blockquote .entry-content ul > li:before, body blockquote .entry-content ul ul > li:before {
counter-increment: none;
}
body blockquote .mark, body blockquote mark {
padding: 0.2em;
background-color: #ffff8e;
}
body blockquote .alignleft {
margin-right: 45px;
}
body blockquote .alignright {
margin-left: 45px;
}
.spoiler-box {
background: f3f3f3;
border-left: 2px solid #5a80b1;
margin: 15px 0;
}
.spoiler-box__title {
position: relative;
cursor: pointer;
padding: 15px 30px 15px 20px;
}
.spoiler-box__title:after {
transition: all 0.3s ease;
content: "";
font-family: "fontello";
position: absolute;
top: 48%;
right: 10px;
width: 15px;
height: 9px;
margin-top: -5px;
color: #5A80B1;
}
.spoiler-box__title.active:after {
transform: rotate(180deg);
}
.spoiler-box__body {
display: none;
padding: 20px;
background: #fbfbfb;
} .content {
font-size: 14px;
line-height: 1.7;
}
.content h1, .content .title-1, .content h2, .content h3, .content h4, .content h5, .content h6 {
line-height: 1.15;
font-weight: 500;
}
.content h1 {
font-size: 36px;
margin-bottom: 0.2em;
}
.content h2 {
font-size: 30px;
}
.content h3 {
font-size: 24px;
}
.content h4 {
font-size: 18px;
}
.content h5 {
font-size: 16px;
}
.content h6 {
font-size: 14px;
}
.content h2, .content h3, .content h4, .content h5, .content h6 {
margin-bottom: 20px;
}
.content p {
margin-bottom: 20px;
}
.content img {
margin-bottom: 20px;
}
.content ul, .content ol {
margin-bottom: 20px;
}
.content ul:not([class]) li, .content ol:not([class]) li {
position: relative;
padding-left: 20px;
}
.content ul:not([class]) li::before {
content: "";
display: block;
width: 6px;
height: 6px;
position: absolute;
left: 0;
top: 0.7em;
z-index: 0;
border-radius: 50%;
border: 1px solid #4680FF;
}
.content ol:not([class]) {
counter-reset: li;
}
.content ol:not([class]) li::before {
counter-increment: li;
content: counter(li) ".";
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 0;
color: #4680FF;
}
.content blockquote {
margin-bottom: 20px;
padding: 22px 22px 22px 82px;
background: #F5F7FA;
border-radius: 4px;
position: relative;
}
.content blockquote::before {
content: "";
display: block;
width: 42px;
height: 40px;
position: absolute;
left: 20px;
top: 26px;
z-index: 0;
background: url(//rembvka.ru/wp-content/themes/apimarket_store_theme/img/icons/quotes.svg) no-repeat 50% 50%/100%;
}
@media screen and (max-width: 767px) {
.content blockquote {
padding: 15px 15px 15px 50px;
}
.content blockquote::before {
width: 20px;
height: 20px;
left: 15px;
top: 15px;
}
}
@media screen and (min-width: 1200px) {
.content .title-1 {
font-size: 36px;
}
}
@media screen and (max-width: 1199px) {
.content h1, .content .title-1 {
font-size: 30px;
}
.content h2 {
font-size: 26px;
}
.content h3 {
font-size: 20px;
}
}
@media screen and (max-width: 575px) {
.content h1, .content .title-1 {
font-size: 26px;
}
.content h2 {
font-size: 22px;
}
.content h3 {
font-size: 18px;
}
.content h4 {
font-size: 16px;
}
} *::placeholder {
color: #8D9FBB;
opacity: 1;
transition: all 0.1s linear;
}
body input:focus:required:invalid, body textarea:focus:required:invalid,
body input:required:valid, body textarea:required:valid {
color: #495668;
}
.input {
display: block;
width: 100%;
min-width: 1px;
height: 42px;
padding: 15px 20px;
background-color: #fff;
color: #495668;
border: none;
border-radius: 4px;
font-size: 14px;
transition: all 0.1s linear;
}
.input:focus {
outline: none;
box-shadow: 0px 0px 16px rgba(70, 128, 255, 0.16);
}
.input:focus::placeholder {
opacity: 0;
}
.input.textarea {
padding-top: 10px;
}
.textarea {
height: 90px;
resize: none;
}
.form-row {
margin-bottom: 30px;
}
.form-label {
font-size: 14px;
}
.form-label sup {
color: #F55858;
}
.privacy {
font-size: 14px;
line-height: 1.2;
}
.privacy a {
color: #4680FF;
text-decoration: underline;
}
.privacy a:hover {
text-decoration: none;
} .checkbox {
display: flex;
align-items: center;
margin: 0;
cursor: pointer;
}
.checkbox .checkbox-wrap {
position: relative;
display: inline-block;
width: 19px;
height: 19px;
flex: 0 0 19px;
border-radius: 4px;
border: 1px solid #DFDFDF;
background-color: #fff;
box-shadow: 0px 8px 24px rgba(25, 32, 56, 0.04);
}
.checkbox .checkbox-check {
width: 85%;
position: absolute;
top: 2px;
left: 1px;
stroke: #4680FF;
fill: #4680FF;
stroke-width: 2.5px;
stroke-dasharray: 19px;
stroke-dashoffset: 19px;
transition: 0.2s ease-out;
}
.checkbox .checkbox-text {
display: inline-block;
margin-left: 16px;
font-size: 14px;
line-height: 1.2;
color: #696A6B;
}
.checkbox .checkbox-text a {
color: inherit;
text-decoration: underline;
}
.checkbox input {
display: none;
}
.checkbox input:checked + .checkbox-wrap .checkbox-check {
stroke-dashoffset: 38px;
}
.city-select {
max-width: 847px;
margin: 0 auto;
background: #fff;
box-shadow: 0px 0px 30px rgba(70, 128, 255, 0.16);
border-radius: 10px;
position: relative;
overflow: hidden;
}
.city-select__header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 15px 12px 55px;
}
.city-select__title {
font-size: 14px;
font-weight: 500;
}
.city-select__search {
padding: 20px;
background: #F5F7FA;
}
.city-select__main {
color: #000;
padding: 20px;
position: relative;
}
.city-select__main::after {
content: "";
display: block;
width: 100%;
height: 95px;
position: absolute;
left: 0;
bottom: 0;
z-index: 0;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 45.83%, #fff 100%);
}
.city-select__scroll {
max-height: 476px;
padding-right: 35px;
padding-bottom: 50px;
}
.city-select__scroll .simplebar-track.simplebar-horizontal {
display: none;
}
.city-select__letter {
font-size: 18px;
margin-bottom: 1em;
font-weight: 500;
}
.city-select__list {
margin-bottom: 20px;
font-size: 14px;
line-height: 1.7;
}
@media screen and (max-width: 767px) {
.city-select__header {
padding-left: 15px;
}
.city-select__search, .city-select__main {
padding: 15px;
}
}
.cart-modal {
max-width: 1110px;
margin: 0 auto;
border-radius: 4px;
box-shadow: 0px 8px 24px rgba(25, 32, 56, 0.04);
background: #fff;
position: relative;
}
.cart-modal__row {
display: flex;
flex-wrap: wrap;
}
.cart-modal__left {
width: 53%;
padding: 30px 30px 0;
}
.cart-modal__title {
margin-bottom: 0;
font-weight: 400;
}
.cart-modal__scroll {
margin-top: 30px;
padding-right: 15px;
margin-bottom: 30px;
}
.cart-modal__scroll .simplebar-track.simplebar-horizontal {
display: none;
}
.cart-modal__footer {
padding: 15px 0 20px;
border-top: 1px solid #D9DEE7;
}
.cart-modal__price {
font-size: 24px;
}
.cart-modal__close {
position: absolute;
z-index: 1;
right: 22px;
top: 19px;
}
.cart-modal__close:active {
top: 30px;
}
.cart-modal__right {
width: 47%;
padding: 30px;
background: #F5F7FA;
border-radius: 4px;
}
.cart-modal__form {
max-width: 280px;
}
.cart-modal__form .button {
width: 100%;
}
@media screen and (max-width: 1199px) {
.cart-modal__left {
width: auto;
flex: 1 0 0;
}
.cart-modal__right {
width: 340px;
}
}
@media screen and (max-width: 991px) {
.cart-modal__row {
display: block;
}
.cart-modal__left, .cart-modal__right {
width: 100%;
}
}
@media screen and (max-width: 575px) {
.cart-modal__left {
padding: 20px 15px 0;
}
.cart-modal__right {
padding: 20px 15px;
}
.cart-modal__close {
top: 12px;
right: 5px;
}
}
.cart-item:not(:last-child) {
margin-bottom: 30px;
}
.cart-item__delete {
width: 18px;
height: 20px;
}
.cart-item__img a {
display: block;
}
.cart-item__img .img, .cart-item__img .content img, .content .cart-item__img img {
width: 170px;
height: 140px;
}
.cart-item__title {
font-size: 18px;
line-height: 1.2;
margin-bottom: 0.7em;
}
.cart-item__txt {
margin-bottom: 1.5em;
font-size: 14px;
line-height: 1;
}
@media screen and (max-width: 575px) {
.cart-item__title {
margin-top: 30px;
}
}
.breadcrumbs {
font-size: 12px;
}
.breadcrumbs__list > li {
display: inline-block;
margin-bottom: 6px;
}
.breadcrumbs__list > li + li::before {
content: "»";
display: inline-block;
margin: 0 5px;
}
.breadcrumbs__list > li:last-child {
color: #8D9FBB;
}
.breadcrumbs__list a {
color: #4680FF;
}
.reviews-form {
margin-top: 30px;
padding: 30px;
background: #F4F8FB;
}
.reviews-form .input {
margin-bottom: 20px;
}
.reviews-form .checkbox {
margin-top: 40px;
}
.reviews-form .button {
width: 100%;
}
.reviews-form .privacy {
font-size: 12px;
}
@media screen and (max-width: 1199px) {
.reviews-form .checkbox {
margin-top: 34px;
}
}
@media screen and (max-width: 991px) {
.reviews-form .checkbox {
margin: 0 0 20px;
}
.reviews-form .button {
margin-bottom: 20px;
}
}
@media screen and (max-width: 575px) {
.reviews-form {
padding: 15px;
}
}
.review + .review {
margin-top: 30px;
}
.review__head {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.review__img {
width: 50px;
flex: 0 0 50px;
height: 50px;
margin-right: 20px;
border-radius: 5px;
overflow: hidden;
}
.review__title {
width: 31%;
}
.review__name {
font-size: 18px;
line-height: 1.2;
font-weight: 500;
}
.review__city {
font-size: 12px;
color: #7C7C7C;
}
.review__date {
width: 20%;
font-size: 14px;
}
.review__link, .review .comment-reply-link {
font-size: 14px;
color: #4680FF;
text-decoration: underline;
}
.review__link:hover, .review .comment-reply-link:hover {
color: #EB5757;
}
.review__rait {
display: flex;
align-items: center;
margin-left: auto;
font-size: 12px;
color: #DBDBDB;
}
.review__rait a {
display: flex;
}
.review__rait a:first-child {
margin-right: 13px;
}
.review__rait .svg {
flex: 0 0 18px;
width: 18px;
margin-right: 4px;
}
.review__rait--positive a:first-child {
color: #619B3F;
}
.review__rait--negative a:last-child {
color: #C60000;
}
.review__text {
margin-top: 30px;
margin-bottom: 0 !important;
font-size: 14px;
line-height: 1.7;
color: #7C7C7C;
}
.review-answer {
margin-top: 30px;
padding: 30px;
background: #F4F8FB;
border-radius: 3px;
}
.review-answer .review__img {
width: 30px;
flex: 0 0 30px;
height: 30px;
}
.review-answer .review__title {
width: 32%;
}
.review-answer .review__name {
font-size: 16px;
}
.review-answer .review__date {
width: 21.7%;
}
@media screen and (max-width: 767px) {
.review__title {
flex: 1 0 0;
max-width: 100%;
width: auto !important;
}
.review__date {
width: 100% !important;
margin: 15px 0;
}
.review__text {
margin-top: 15px;
}
}
@media screen and (max-width: 575px) {
.review-answer {
padding: 15px;
}
}
.reviews-form + .reviews-list {
margin-top: 30px;
}
.badge {
width: 232px;
padding: 30px 30px 12px;
background: #F4F8FB;
border-radius: 4px;
text-align: center;
overflow: hidden;
position: relative;
z-index: 1;
}
.badge::before {
content: "%";
display: block;
position: absolute;
left: -0.12em;
top: -0.17em;
z-index: -1;
font-weight: 500;
font-size: 400px;
line-height: 1;
color: #EDF3F7;
}
.badge__title {
font-weight: 500;
line-height: 1.2;
margin-bottom: 26px;
}
.badge__price {
margin-bottom: 2px;
}
.badge .price-old {
font-weight: 400;
}
.badge .goods-discount {
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
width: 44px;
height: 22px;
padding: 0;
margin-right: 8px;
}
.badge .timer {
margin-top: 40px;
}
.badge .timer__title {
margin-bottom: 4px;
}
.badge .button {
width: 100%;
margin-top: 28px;
font-size: 14px;
font-weight: 400;
}
.badge .card-availability {
margin-top: 12px;
padding-bottom: 0;
justify-content: center;
font-size: 14px;
}
@media screen and (max-width: 991px) {
.badge {
width: 100%;
max-width: 320px;
margin-left: auto;
margin-right: auto;
}
}
.fixed-top .js-fixed {
position: fixed;
z-index: 11;
top: 30px;
right: calc(50% - 540px);
}
.fixed-top.fixed-bottom .js-fixed {
position: absolute;
top: auto;
bottom: 0;
}  .header {
box-shadow: 0px 8px 22px rgba(70, 128, 255, 0.16);
}
.header__top {
padding: 15px 0;
}
.header__middle {
padding: 27px 0;
background: #fff;
border-bottom: 2px solid #F5F7FA;
}
.header__middle .search {
width: 45.8%;
}
.header__middle .tel-link {
display: none;
}
.header__bottom {
background: #fff;
}
@media screen and (max-width: 1199px) {
.header {
position: relative;
}
.header__top {
display: none;
}
.header__middle {
border: none;
}
.header__middle .search {
width: 40%;
}
.header__middle .burger-menu {
margin-left: 30px;
}
.header__bottom {
display: none;
}
}
@media screen and (max-width: 991px) {
.header__middle {
position: relative;
}
.header__middle .search {
width: auto;
position: static;
}
.header__middle .search__block {
top: 90%;
left: 15px;
right: 15px;
background: #fff;
z-index: -1;
position: absolute;
opacity: 0;
visibility: hidden;
transform: translate3d(0, -50%, 0);
transform-origin: 50% 0;
transition: all 0.2s linear;
}
.header__middle .search--open .search__toggle .svg:first-child {
display: none;
}
.header__middle .search--open .search__toggle .svg:last-child {
display: block;
}
.header__middle .search--open .search__block {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
z-index: 2;
}
}
@media screen and (max-width: 767px) {
.header__middle {
padding: 20px 0;
}
.header__middle .logo {
margin-right: auto;
}
.header__middle .search {
margin-left: 0;
}
.header__middle .header-cart {
margin-left: 15px;
}
.header__middle .burger-menu {
margin-left: 20px;
}
}
@media screen and (max-width: 575px) {
.header__middle .header-cart {
margin-left: 5px;
}
.header__middle .burger-menu {
margin-left: 15px;
}
}
@media screen and (max-width: 359px) {
.header__middle .logo {
font-size: 17px;
}
}
.worktime {
align-items: center;
font-size: 14px;
line-height: 1.2;
color: #8D9FBB;
}
.worktime__ic {
margin-right: 15px;
}
.city {
align-items: center;
font-size: 14px;
}
.city__ic {
margin-right: 15px;
}
.city-js-toggle {
margin-left: 7px;
position: relative;
cursor: pointer;
}
.city-js-toggle::after {
content: "";
display: block;
width: 100%;
height: 1px;
position: absolute;
left: 0;
bottom: -3px;
z-index: 0;
background: rgba(88, 152, 248, 0.2);
transition: all 0.1s linear;
}
.city-js-toggle:hover::after {
opacity: 0;
}
.search {
position: relative;
}
.search__toggle .svg:last-child {
display: none;
}
.search__input {
height: 46px;
border: 1px solid #DBE0ED;
}
.search__btn {
width: 46px;
height: 46px;
cursor: pointer;
}
.search__btn:not(.search__toggle) {
position: absolute;
right: 0;
top: 0;
}
.header-cart {
position: relative;
width: 46px;
height: 46px;
border: 1px solid #DBE0ED;
border-radius: 4px;
}
.header-cart__quantity {
width: 16px;
height: 16px;
position: absolute;
top: -6px;
right: -6px;
color: #fff;
background: #F55858;
font-size: 9px;
line-height: 1;
font-weight: 500;
border-radius: 2px;
}
@media screen and (max-width: 767px) {
.header-cart {
border: none;
}
}
.menu__list > li:not(.header-catalog) {
padding: 27px 50px;
}
.menu .list-group-item {
display: block;
font-weight: 500;
color: #262732;
position: relative;
}
.menu .list-group-item::after {
content: "";
display: block;
width: 100%;
height: 3px;
position: absolute;
left: 0;
bottom: -8px;
z-index: 0;
background: #4680FF;
border-radius: 2px;
transform-origin: 0 50%;
transform: scale(0);
opacity: 0;
transition: all 0.2s linear;
}
.menu .list-group-item:hover::after {
opacity: 1;
transform: scale(1);
}
.menu .current-menu-item > .list-group-item::after {
opacity: 1;
transform: scale(1);
}
.header-catalog {
position: relative;
}
.header-catalog__toggle {
display: flex !important;
align-items: center;
background: #F5F7FA;
padding: 27px 50px 27px 28px;
cursor: pointer;
}
.header-catalog__toggle::after {
display: none;
}
.header-catalog__ic {
color: #4680FF;
margin-right: 28px;
}
.header-catalog__list {
display: none;
width: 100%;
position: absolute;
top: 100%;
left: 0;
z-index: 9;
background: #fff;
box-shadow: 0px 8px 22px rgba(70, 128, 255, 0.16);
border-radius: 0px 0px 10px 10px;
}
.header-catalog__list::after {
content: "";
display: block;
width: 100%;
height: 60px;
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 48.44%, #fff 100%);
border-radius: 0px 0px 10px 10px;
}
.header-catalog__list li:not(:last-child) {
border-bottom: 1px solid #F5F7FA;
}
.header-catalog__list a, .header-catalog__list span {
display: block;
padding: 13px 30px;
}
.header-catalog__list a:hover, .header-catalog__list span:hover {
color: #4680FF;
}
.header-catalog__scroll {
height: 458px;
padding-bottom: 50px;
}
@media screen and (min-width: 1200px) {
.header-catalog__scroll .simplebar-track {
visibility: hidden !important;
}
}
.header-catalog__arrow {
width: 35px;
height: 35px;
background: #4680FF;
border-radius: 50%;
position: absolute;
z-index: 2;
left: 50%;
cursor: pointer;
color: #fff;
transition: all 0.2s linear;
}
.header-catalog__arrow.disabled {
opacity: 0;
visibility: hidden;
}
.header-catalog__next {
bottom: 0;
transform: translate3d(-50%, 50%, 0);
}
.header-catalog__prev {
top: 0;
transform: translate3d(-50%, -50%, 0) rotate(180deg);
}
.header-catalog--open .header-catalog__list {
display: block;
}
.burger-menu {
width: 46px;
height: 46px;
border: 1px solid #DBE0ED;
color: #4680FF;
}
.burger-menu .svg:last-child {
display: none;
}
@media screen and (max-width: 767px) {
.burger-menu {
border: none;
}
}
.mob-menu-open .burger-menu .svg:first-child {
display: none;
}
.mob-menu-open .burger-menu .svg:last-child {
display: block;
}
.mob-menu {
position: absolute;
z-index: -1;
top: 100%;
right: 0;
width: 100%;
padding: 30px 15px 50px;
background: #F5F7FA;
opacity: 0;
visibility: hidden;
transform: translate3d(0, -20px, 0);
transform-origin: 50% 0;
transition: all 0.4s linear;
}
.mob-menu .city {
margin-bottom: 30px;
}
.mob-menu .menu {
margin: 15px 0;
}
.mob-menu .menu__list > li:not(.header-catalog) {
padding: 20px 0;
}
.mob-menu .menu__link {
display: inline-block;
}
.mob-menu .header-catalog__toggle {
padding: 20px 0;
}
.mob-menu .header-catalog__ic {
margin-right: 15px;
}
.mob-menu .header-catalog__list {
position: static;
background: none;
box-shadow: none;
margin-top: -10px;
}
.mob-menu .header-catalog__list a, .mob-menu .header-catalog__list span {
padding: 10px 0 10px 39px;
}
.mob-menu .header-catalog__list::after {
display: none;
}
.mob-menu-open .mob-menu {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
z-index: 10;
} .footer {
margin-top: 40px;
}
.footer__top {
padding: 27px 0;
background: #fff;
box-shadow: 0px 0px 22px rgba(70, 128, 255, 0.16);
}
.footer__top .search {
width: 345px;
margin-left: 38px;
}
.footer__top .city {
margin-left: auto;
}
.footer__top .city__ic {
display: none;
}
.footer__top .tel-link {
margin-left: auto;
}
.footer__bottom {
padding: 30px 0;
font-size: 14px;
}
.footer__bottom .social li {
margin-left: 15px;
}
.footer__row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 -15px;
}
.footer__col {
padding: 0 15px;
}
.footer__col-1 {
width: 17%;
}
.footer__col-2 {
width: 22%;
}
.footer__col-3 {
width: 39%;
}
.footer__col-4 {
width: 18%;
}
.footer__links li:not(:last-child) {
margin-bottom: 0.5em;
}
.footer__info {
line-height: 2;
}
@media screen and (max-width: 1199px) {
.footer__col-1 {
width: 14%;
}
.footer__col-2 {
width: 20%;
}
.footer__col-3 {
width: 38%;
}
.footer__col-4 {
width: 22%;
}
}
@media screen and (max-width: 991px) {
.footer__top .search {
display: none;
}
.footer__col {
width: 50%;
}
.footer__col-1, .footer__col-2 {
margin-bottom: 30px;
}
.footer__bottom .social li {
margin: 0 15px 0 0;
}
}
@media screen and (max-width: 767px) {
.footer__top .city {
display: none !important;
}
.footer__top .logo, .footer__top .tel-link {
width: 50%;
}
.footer__top .tel-link {
padding-left: 15px;
}
}
@media screen and (max-width: 575px) {
.footer__top .logo, .footer__top .tel-link {
width: auto;
}
.footer__top .logo {
font-size: 18px;
}
.footer__top .tel-link {
font-size: 15px;
}
.footer__col {
width: 100%;
}
.footer__col-3, .footer__col-4 {
margin-bottom: 30px;
}
}  .hero {
margin-top: 30px;
}
.hero__body {
background: #fff;
box-shadow: 0px 8px 22px rgba(70, 128, 255, 0.16);
border-radius: 10px;
position: relative;
}
.hero__slider .slide {
padding: 40px 47px;
}
.hero__slider .slick-arrow {
bottom: 0;
}
.hero__slider .slick-prev {
right: 6em;
border-radius: 10px 0 0 0;
}
.hero__slider .slick-next {
right: 0;
border-radius: 0 10px 0 0;
}
.hero__col {
max-width: 65%;
}
.hero .title-1 {
max-width: 25em;
}
.hero .title-1 .discount {
margin-left: 10px;
}
.hero p {
line-height: 1.75;
}
.hero__footer {
margin-top: 38px;
}
.hero__img {
font-size: 10px;
width: 34.9em;
height: 34.4em;
max-width: 100%;
position: absolute;
top: 38px;
right: 47px;
}
@media screen and (max-width: 1199px) {
.hero__img {
font-size: 9px;
}
}
@media screen and (max-width: 991px) {
.hero__slider .slide {
padding: 30px;
}
.hero__col {
max-width: none;
}
.hero__img {
margin: 30px auto;
position: static;
height: auto;
}
}
@media screen and (max-width: 575px) {
.hero__slider .slide {
padding: 20px 15px 60px;
}
.hero__slider .slick-prev {
right: 50%;
}
.hero__slider .slick-next {
right: auto;
left: 50%;
}
.hero__footer .row {
display: block;
text-align: center;
}
.hero__footer .button {
margin-top: 30px;
}
}
.info {
margin-top: 40px;
color: #495668;
}
.info__title {
margin-bottom: 22px;
}
.info__hint {
font-size: 14px;
}
.info p {
line-height: 1.75;
}
.info p + .title-3 {
margin-top: 25px;
}
.info__list {
margin: 24px 0 30px;
line-height: 1.75;
}
.info__list li {
position: relative;
padding-left: 42px;
}
.info__list li:not(:last-child) {
margin-bottom: 1.7em;
}
.info__list .svg {
position: absolute;
left: 0;
top: 0.2em;
color: #6FCF97;
}
.info__link {
display: inline-flex;
align-items: center;
height: 46px;
padding: 13px;
font-size: 14px;
font-weight: 500;
color: #495668;
background: #EAEDF2;
border-radius: 4px;
}
.info__link .svg {
flex: 0 0 20px;
margin-right: 15px;
color: #4680FF;
}
.info__link:hover {
background: #dae0e8;
}
@media screen and (max-width: 1199px) {
.info__list {
font-size: 14px;
}
.info__list li {
padding-left: 35px;
}
}
@media screen and (max-width: 991px) {
body .slick-track .hero__col {
max-width: 100%;
}
}
.rait-list {
display: flex;
}
.rait-list__item {
cursor: pointer;
color: #8D9FBB;
transition: all 0.1s linear;
}
.rait-list li:not(:last-child) .rait-list__item {
padding-right: 10px;
}
.rait-list .active .rait-list__item, .rait-list .hover .rait-list__item {
color: #F2994A;
}
.rait-list .active.hover ~ li:not(.hover) .rait-list__item {
color: #8D9FBB;
}
.page-title .rait-list {
margin-bottom: 8px;
}
@media screen and (max-width: 1199px) {
.page-title .rait-list {
margin-top: 20px;
}
}
.page-title .goods-code {
font-size: 12px;
}
@media screen and (min-width: 1200px) {
.page-title .rait-list {
justify-content: flex-end;
}
.page-title .rait-list .rait-list__item {
padding: 0 0 0 10px !important;
}
.page-title .goods-code {
text-align: right;
}
}
.card {
padding: 30px;
background: #fff;
box-shadow: 0px 8px 22px rgba(70, 128, 255, 0.16);
border-radius: 4px;
}
.card-slider-row {
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse;
}
.card-slider-row .card-img {
flex: 0 0 427px;
max-width: 427px;
}
.card-img {
position: relative;
}
.card-img .img, .card-img .content img, .content .card-img img {
height: 338px;
object-fit: cover;
}
.card-img__tips {
position: absolute;
z-index: 1;
left: 20px;
top: 20px;
}
.card-img .goods-offer {
margin-bottom: 20px;
}
.card-previews {
max-height: 338px;
overflow: hidden;
width: 87px;
flex: 0 0 87px;
margin-right: 11px;
position: relative;
}
.card-previews .slick-slider {
position: static;
}
.card-previews .slick-track {
display: block;
}
.card-previews .slick-current .card-previews__img {
opacity: 1;
}
.card-previews .slick-current .card-previews__img::after {
opacity: 1;
visibility: visible;
}
.card-previews__img {
height: 57px;
margin-bottom: 11px;
opacity: 0.6;
border-radius: 4px;
position: relative;
overflow: hidden;
transition: all 0.2s linear;
}
.card-previews__img::after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 0;
border-radius: 4px;
border: 2px solid rgba(70, 128, 255, 0.16);
opacity: 0;
visibility: hidden;
transition: all 0.1s linear;
}
.card-previews__img .img, .card-previews__img .content img, .content .card-previews__img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.card-previews-arrow {
width: 100%;
height: 26px;
position: absolute;
left: 0;
color: #fff;
background: #4680FF !important;
border-radius: 4px;
cursor: pointer;
background: none;
transition: all 0.2s linear;
}
.card-previews-arrow.slick-disabled {
visibility: hidden;
opacity: 0;
}
.card-previews-prev {
top: 0;
}
.card-previews-prev .svg {
transform: scale(-1);
}
.card-previews-next {
bottom: 0;
}
.card-purchase {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 30px;
border-radius: 4px;
background: #F5F7FA;
}
.card-purchase .price {
margin-right: 24px;
}
.card-purchase .price-old {
font-size: 14px;
margin-right: 24px;
}
.card-purchase .button {
flex: 1 0 0;
width: auto;
margin-left: auto;
min-width: 170px;
}
.card-purchase .goods-card__noavailable {
width: 100%;
max-width: 212px;
height: 46px;
font-size: 14px;
justify-content: center;
}
.card-purchase--available .price {
margin-right: 16px;
}
.card-purchase--available .price-old {
margin-right: 20px;
}
.card-purchase--available .button {
font-size: 14px;
}
.card-purchase--discount .price-old {
font-size: 24px;
}
.card-purchase--discount .button {
max-width: 170px;
}
.card-purchase--noavailable {
background: none;
padding: 0 0 30px !important;
border-bottom: 2px solid #D4DDEB;
}
.card-inform {
height: 100%;
padding: 30px;
background: #F5F7FA;
}
.card-inform__form {
padding-top: 40px;
}
.card-inform__title {
margin-bottom: 20px;
font-size: 18px;
font-weight: 500;
line-height: 1.2;
}
.card-inform .input {
margin-bottom: 20px;
}
.card-inform .button {
width: 100%;
height: 42px;
font-size: 14px;
}
.card-inform .privacy {
font-size: 12px;
}
.card-availability {
display: flex;
align-items: center;
margin-top: 20px;
padding-bottom: 15px;
border-bottom: 1px solid #F5F7FA;
font-size: 14px;
}
.card-availability .svg {
flex: 0 0 17px;
margin-right: 11px;
}
.card-payment {
margin-top: 20px;
font-size: 14px;
}
.card-payment__row {
display: flex;
}
.card-payment__ic {
flex: 0 0 38px;
margin-right: 15px;
padding-top: 5px;
}
.card-payment__txt {
line-height: 1.2;
}
.card-delivery {
margin-top: 14px;
padding: 20px 20px 20px 30px;
border: 2px solid rgba(70, 128, 255, 0.16);
border-radius: 3px;
position: relative;
}
.card-delivery::before {
content: "";
display: block;
width: 13px;
height: 13px;
background: #fff;
border-left: 2px solid rgba(70, 128, 255, 0.16);
border-top: 2px solid rgba(70, 128, 255, 0.16);
border-radius: 3px;
position: absolute;
left: 40px;
top: -8px;
z-index: 0;
transform: rotate(45deg);
}
.card-delivery__info {
font-size: 14px;
}
.card-delivery__hint {
max-width: 206px;
font-size: 12px;
line-height: 1.15;
}
.card-form {
display: flex;
flex-wrap: wrap;
margin-top: 30px;
border-radius: 4px;
overflow: hidden;
background: #EAEDF2;
}
.card-form__title {
flex: 0 0 202px;
max-width: 202px;
color: #fff;
background: #4680FF;
margin-right: 26px;
padding: 30px;
clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
}
.card-form__title .title-3 {
margin-bottom: 0;
}
.card-form__block {
padding: 30px 30px 30px 0;
flex: 1 0 0;
}
.card-form__block .form-row {
margin-bottom: 0;
}
.card-form__block .input, .card-form__block .button {
margin-bottom: 20px;
}
.card-form__block .button--submit {
height: 42px;
font-size: 14px;
}
.card-body {
margin-top: 30px;
}
.card-tabs {
display: flex;
border-bottom: 2px solid #F5F7FA;
}
.card-tabs__item {
padding-bottom: 0.5em;
font-weight: 500;
line-height: 1.2;
position: relative;
cursor: pointer;
transition: all 0.2s linear;
}
.card-tabs__item:hover {
color: #4680FF;
}
.card-tabs__item:not(:last-child) {
margin-right: 50px;
}
.card-tabs__item::after {
content: "";
display: block;
width: 100%;
height: 3px;
position: absolute;
left: 0;
bottom: 0;
z-index: 0;
border-radius: 2px;
background: #4680FF;
transform-origin: 0 50%;
transform: scale(0);
opacity: 0;
transition: all 0.2s linear;
}
.card-tabs__item.js-tab--active:hover {
color: inherit;
}
.card-tabs__item.js-tab--active::after {
opacity: 1;
transform: scale(1);
}
.card-content {
padding-top: 30px;
}
.card-sidebar {
width: 232px;
margin: 30px 0;
padding: 30px;
box-shadow: 0px 8px 22px rgba(70, 128, 255, 0.16);
border-radius: 4px;
}
.card-sidebar__title {
font-weight: 500;
line-height: 1.2;
text-align: center;
}
.card-steps {
margin-top: 30px;
counter-reset: li;
}
.card-steps li {
position: relative;
}
.card-steps li::before {
counter-increment: li;
content: counter(li);
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
position: absolute;
z-index: 0;
left: -15px;
top: -15px;
font-size: 14px;
font-weight: 700;
line-height: 1;
color: #fff;
border-radius: 50%;
background: #4680FF;
}
.card-steps li:not(:last-child) {
margin-bottom: 35px;
}
.card-steps__ic {
display: flex;
align-items: center;
justify-content: center;
height: 80px;
margin-bottom: 10px;
border-radius: 4px;
background: #EAEDF2;
}
.card-steps__txt {
font-size: 11px;
line-height: 1.2;
text-align: center;
}
.card-cities__link {
display: flex;
height: 53px;
border-radius: 4px;
align-items: center;
position: relative;
}
.card-cities__link::before {
content: "»";
font-size: 20px;
display: block;
position: absolute;
left: 20px;
opacity: 0;
}
.card-cities__link:hover {
padding-left: 50px;
background: #F5F7FA;
color: #4680FF;
}
.card-cities__link:hover::before {
opacity: 1;
}
.card .goods {
padding-bottom: 30px;
}
.card-lines {
margin-top: 13px;
}
.card-lines .card-availability, .card-lines .card-tel, .card-lines .card-geo {
height: 40px;
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0;
padding: 0;
font-size: 14px;
}
.card-lines .card-availability:not(:last-child), .card-lines .card-tel:not(:last-child), .card-lines .card-geo:not(:last-child) {
border-bottom: 1px solid #F5F7FA;
}
.card-lines .tel-link__ic, .card-lines .city__ic {
width: 17px;
flex: 0 0 17px;
margin-right: 11px;
}
.card-tel__form {
margin-left: auto;
}
.card-tel__form .input {
width: 165px;
height: 30px;
padding: 5px 9px;
font-size: 12px;
border-radius: 3px;
border: 1px solid #DBE0ED;
margin-right: 10px;
}
.card-tel__form .button {
height: 30px;
font-size: 12px;
font-weight: 500;
width: 128px;
}
@media screen and (max-width: 1199px) {
.card-slider-row {
display: block;
}
.card-previews {
width: 100%;
flex: 0 0 100%;
margin: 12px 0 0;
}
.card-previews .slick-track {
display: flex;
}
.card-previews__img {
margin: 0 12px 0 0;
}
.card-previews-arrow {
width: 26px;
height: 100%;
top: 0;
}
.card-previews-arrow.slick-disabled {
visibility: hidden;
opacity: 0;
}
.card-previews-prev {
left: 0;
}
.card-previews-prev .svg {
transform: rotate(90deg);
}
.card-previews-next {
left: auto;
right: 0;
}
.card-previews-next .svg {
transform: rotate(-90deg);
}
.card-purchase {
align-items: flex-start;
}
.card .timer {
margin-top: 15px;
}
.card-delivery {
margin-top: 20px;
}
.card-delivery__hint {
max-width: none;
margin-top: 15px;
}
.card-form__block .input, .card-form__block .button--submit {
width: 100%;
}
.card-lines .card-availability, .card-lines .card-tel, .card-lines .card-geo {
height: auto;
padding: 10px 0;
}
.card-tel__form {
width: 100%;
margin: 0;
}
.card-tel__form .input, .card-tel__form .button {
margin-top: 10px;
}
}
@media screen and (max-width: 991px) {
.card-slider-row .card-img {
max-width: 100%;
}
.card-img .img, .card-img .content img, .content .card-img img {
width: 100%;
}
.card-inform {
height: auto;
}
.card-purchase {
margin-top: 30px;
}
.card-form {
display: block;
}
.card-form__title {
max-width: 100%;
margin-right: 0;
clip-path: none;
}
.card-form__block {
padding-left: 30px;
}
.card-sidebar {
width: 100%;
max-width: 320px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) {
.card-img .img, .card-img .content img, .content .card-img img {
height: 275px;
}
.card-img__tips {
left: 15px;
top: 15px;
}
.card-img .goods-offer {
margin-bottom: 15px;
}
.card-inform .button {
margin-bottom: 20px;
}
.card-purchase {
display: block;
}
.card-purchase .button {
min-width: 202px;
margin: 15px 0 0;
}
.card-delivery {
padding: 15px;
}
.card-form__title {
text-align: center;
}
}
@media screen and (max-width: 575px) {
.card {
padding: 15px;
}
.card-img .img, .card-img .content img, .content .card-img img {
height: 225px;
}
.card-previews__img {
height: 52px;
}
.card-inform {
padding: 15px;
}
.card-purchase {
display: block;
padding: 15px;
}
.card-purchase .price {
font-size: 28px;
}
.card-purchase .goods-card__noavailable {
margin-top: 20px;
}
.card-purchase--discount .price-old {
font-size: 16px;
}
.card-purchase--discount .button {
margin-top: 15px;
}
.card-form__title, .card-form__block {
padding: 15px;
}
.card-tabs {
display: block;
border: none;
}
.card-tabs__item {
display: flex;
align-items: center;
justify-content: center;
height: 40px;
border: 1px solid #4680FF;
padding-bottom: 0;
margin-top: -1px;
}
.card-tabs__item:not(:last-child) {
margin-right: 0;
}
.card-tabs__item::after {
display: none;
}
.card-tabs__item:hover {
color: inherit;
}
.card-tabs__item.js-tab--active {
background: #4680FF;
color: #fff;
}
.card-tabs__item.js-tab--active:hover {
color: #fff;
}
.card-sidebar {
box-shadow: none;
}
}
.timer {
text-align: center;
}
.timer__title {
font-size: 12px;
}
.timer__count {
font-size: 24px;
line-height: 1;
}
.timer--incard {
width: 232px;
padding: 7px;
border-radius: 5px;
border: 1px dashed #8D9FBB;
}
.timer--incard .timer__title {
font-size: 10px;
}
.content-block {
padding: 30px;
background: #fff;
box-shadow: 0px 8px 22px rgba(70, 128, 255, 0.16);
border-radius: 4px;
}
.content-block .breadcrumbs {
margin-bottom: 16px;
}
.content-block .breadcrumbs__list {
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.content-block {
padding: 15px;
}
}
.alert {
margin-bottom: 20px;
border-radius: 4px;
padding: 22px 22px 22px 82px;
position: relative;
}
.alert p {
margin: 0;
}
.alert__ic {
width: 20px;
height: 20px;
position: absolute;
left: 32px;
top: 50%;
margin-top: -10px;
}
.alert-1 {
background: #FAF5F6;
}
.alert-1 .alert__ic {
color: #EB5757;
}
.alert-2 {
background: #F5F7FA;
}
.alert-2 .alert__ic {
color: #4680FF;
}
.alert-3 {
background: #F6FAF5;
}
.alert-3 .alert__ic {
color: #6FCF97;
}
@media screen and (max-width: 767px) {
.alert {
padding: 15px 15px 15px 50px;
}
.alert__ic {
left: 15px;
}
}
.widget_apimarket_store_popular_widget .sidebar__body {
margin-bottom: 23px;
background: #fff;
box-shadow: 0px 8px 22px rgba(70, 128, 255, 0.16);
border-radius: 4px;
}
.sidebar {
width: 232px;
}
.sidebar-title {
margin-bottom: 20px;
font-size: 18px;
}
.sidebar .goods-card {
padding: 10px;
}
.sidebar-article {
display: flex;
margin-bottom: 20px;
}
.sidebar-article__img {
width: 50px;
flex: 0 0 50px;
height: 50px;
margin-right: 10px;
border-radius: 4px;
overflow: hidden;
}
.sidebar-article__img a {
display: block;
height: 100%;
}
.sidebar-article__img img {
width: 100%;
height: 100%;
object-fit: cover;
margin-bottom: 0;
}
.sidebar-article__title {
font-size: 13px;
margin-bottom: 0.3em;
line-height: 1.2;
}
.sidebar-article__date {
font-size: 10px;
}
.card-body {
width: 100%;
}
.js-tab-item img {
height: auto;
}
#card-cmodal {
width: 900px;
max-width: 100%;
padding: 0;
border-radius: 0;
}
.commentslist {
display: block;
padding: 0;
}
.commentslist li {
display: block;
}
ul.children {
margin-top: 30px;
padding: 30px;
background: #F4F8FB;
border-radius: 3px;
}
.card-img-slid {
overflow: hidden;
}
#rating-product .rate-base-layer {
color: #a8b5cb;
}
#rating-product .rate-select-layer {
color: #f2994a;
max-width: 100%;
}
#rating-product .rate-hover-layer {
color: #ba7239;
}
#form-card-quick label.error {
width: 100%;
position: absolute;
font-size: 10px;
margin-top: -18px;
}
.simplebar-scrollbar.simplebar-visible {
opacity: 1;
background: #4680FF;
}
.error {
color: #dc3545;
}
.wp-post-image {
height: auto;
max-width: 100%;
}
.slide .wp-post-image {
display: inline-block;
width: auto;
}
.nav-links {
text-align: center;
}
.nav-links a {
display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #4680FF;
color: white;
padding: 5px 13px;
}
.nav-links .current {
display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #6FCF97;
color: white;
padding: 5px 13px;
}
.success {
text-align: center;
font-size: 30px;
padding: 30px;
}
.aligncenter, div.aligncenter {
display: block;
margin: 5px auto 10px auto;
clear: both;
}
.reviews-list .comment-respond {
padding: 20px;
background: #F4F8FB;
margin-bottom: 20px;
}
.comment-title.title-3 {
margin-bottom: 25px;
}
[class*=widget_apimarket_store-] {
margin-bottom: 30px;
}
body .wrap-logo {
display: flex;
align-items: center;
}
body .wrap-logo .text {
padding-left: 15px;
}
@media screen and (max-width: 767px) {
.text.has-logo {
width: 50%;
}
.logo-img img {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.logo {
max-width: 35%;
}
}
li[id*=ctmss_hidden_],
ul[id*=ctmss_hidden_],
.ctmss_hidden {
display: none !important;
}
.ctmss_section .accordion-section-title:active {
cursor: move !important;
}
.slick-track .hero__col {
max-width: 62%;
}
.slick-track .hero__col .txt-color-2 {
min-height: 84px;
}
.search-container {
flex-direction: row;
justify-content: space-between;
}
#card-modal-body {
display: none;
}
.blocker {
z-index: 99;
}
.scroll-up {
display: none;
position: fixed;
right: 5%;
bottom: 5%;
font-size: 55px;
}
@media screen and (max-width: 1388px) {
.scroll-up {
right: 0.5%;
}
}
@media screen and (max-width: 610px) {
.scroll-up {
opacity: 0;
}
}
.content .breadcrumbs {
padding: 5px 0 15px 0;
}
.alignleft {
float: left;
margin: 5px 20px 10px 0;
}
.alignright {
float: right;
margin: 5px 0 10px 20px;
}
.goods-card__img a {
text-align: center;
}
iframe {
max-width: 100%;
}
.root-pseudo-link {
cursor: pointer;
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 14px;
border-radius: 4px;
line-height: 1;
font-weight: 500;
color: #fff;
position: relative;
z-index: 1;
cursor: pointer;
overflow: hidden;
transition: all 0.1s linear;
padding: 14px;
}
.card-content table, .content table {
width: 100%;
margin-bottom: 10px;
}
.card-content table tr td, .card-content table tr th, .content table tr td, .content table tr th {
padding: 4px;
border: 1px solid;
}
.card-sidebar.sidebar {
padding: 0;
} @media (max-width: 575.98px) {
.container.no-padding {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
.price-old {
position: relative !important;
display: inline-block !important;
font-size: 1.02em !important;
color: #db5050 !important;
opacity: 0.7 !important;
margin-left: 7px !important;
font-weight: 500 !important; text-decoration: none !important;
}
.price-old.line-through::after {
content: "";
position: absolute;
left: 0;
top: 55%;
width: 100%;
height: 2px;
background: #db5050;
opacity: 0.7;
transform: rotate(-15deg);
pointer-events: none;
}
.price.title-color-2 {
font-size: 1.55em !important;
font-weight: 700 !important;
color: #219653 !important;
letter-spacing: 0.01em !important;
background: linear-gradient(90deg, #219653 65%, #6fcf97 100%) !important;
background-clip: text !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
text-fill-color: transparent !important;
}
.button.button--submit {
display: inline-flex !important;
align-items: center !important;
gap: 9px !important;
color: #fff !important;
border-radius: 14px !important;
font-size: 0.90em !important;
font-weight: 700 !important;
text-decoration: none !important;
padding: 13px 22px !important;
margin: 18px 0 10px 0 !important;
box-shadow: 0 2px 18px 0 rgba(45, 193, 122, 0.12) !important;
border: none !important;
transition: background 0.2s, box-shadow 0.17s !important;
}
.button.button--submit:hover, .button.button--submit:focus {
box-shadow: 0 4px 28px 0 rgba(45, 193, 122, 0.19) !important;
color: #fff !important;
text-decoration: none !important;
}
@media screen and (max-width: 767px) {
.card-purchase .button {
min-width: 100% !important;
}
.button.button--submit {
font-size: 1.1em !important;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.button.button--submit {
margin: 0px 0 10px 0 !important;
}
}
@media (max-width: 404px) {
.discount-banner {
font-size: 0.6rem!important;
}
}
.discount-banner {
width: 100%;
color: #fff;
margin-bottom: 15px;
text-align: center;
font-weight: bold;
font-size: 0.85rem;
background: linear-gradient(90deg, #219653 65%, #6fcf97 100%);
border-radius: 5px;
letter-spacing: 0.5px;
}
.card .timer {
display: block;
margin-left: auto;
margin-right: auto;
}
.advantages {
padding: 40px 0;
}
.advantages__title {
text-align: center;
font-size: 2rem;
font-weight: 700;
margin-bottom: 32px;
padding: 0 20px;
color: #220093;
}
.advantages__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 28px 36px;
max-width: 950px;
margin: 0 auto;
padding: 0 24px;
}
.advantage__row {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.advantage, .advantage--discount {
background: #fff;
border-radius: 18px;
position: relative;
min-height: 130px;
padding: 32px 26px 22px 26px;
display: flex;
align-items: flex-start;
overflow: hidden;
transition: box-shadow 0.22s cubic-bezier(.5,1.6,.42,.82), transform 0.22s cubic-bezier(.5,1.6,.42,.82);
}
.advantage__content {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
gap: 8px;
flex: 1 1 auto;
width: 100%;
}
.advantage__content--icon .advantage__title {
display: flex;
align-items: center;
gap: 14px;
}
.advantage__title {
font-size: 1.17rem;
font-weight: 700;
color: #220093;
margin-bottom: 1px;
display: flex;
align-items: center;
}
.advantage__icon {
width: 44px;
height: 44px;
margin-left: 10px;
object-fit: contain;
align-self: center;
filter: drop-shadow(0 2px 10px rgba(34,0,147,0.13));
transition: transform 0.22s;
}
.advantage__ruble {
font-size: 2.5rem;
font-weight: 900;
color: #219653;
width: 44px;
height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
background: linear-gradient(90deg, #219653 65%, #6fcf97 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
filter: drop-shadow(0 2px 10px rgba(34,0,147,0.12));
margin-left: 10px;
transition: transform 0.22s;
}
.advantage__desc {
font-size: 1.04rem;
color: #333;
line-height: 1.45;
} .advantage--discount {
background: #fff5f5;
flex-direction: column;
align-items: center;
min-height: 148px;
justify-content: center;
padding: 36px 28px 28px 28px;
}
.advantage__discount-header {
background: #e93e3e;
color: #fff;
padding: 11px 34px;
border-radius: 16px;
font-weight: 700;
font-size: 1.17rem;
margin-bottom: 19px;
letter-spacing: 0.04em;
text-align: center;
}
.advantage__discount-percent {
font-size: 3rem;
font-weight: 800;
color: #219653;
background: linear-gradient(90deg, #219653 65%, #6fcf97 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
margin-bottom: 13px;
text-align: center;
}
.advantage__discount-percent span {
font-size: 3.6rem;
}
.advantage__discount-guarantee {
color: #e93e3e;
font-size: 1.12rem;
font-weight: 600;
margin-bottom: 12px;
text-align: center;
}
.advantage__discount-hint {
color: #999;
font-size: 0.98rem;
text-align: center;
margin-top: 7px;
} .advantage:hover, .advantage--discount:hover {
transform: translateY(-5px) scale(1.025);
}
.advantage:hover .advantage__icon,
.advantage--discount:hover .advantage__icon {
transform: scale(1.14) rotate(-4deg);
}
.advantage:hover .advantage__ruble {
transform: scale(1.13) rotate(-4deg);
} @media (max-width: 900px) {
.advantages__grid {
grid-template-columns: 1fr;
gap: 18px;
max-width: 98vw;
padding: 0 8vw;
}
.advantage, .advantage--discount {
min-width: unset;
max-width: 520px;
margin: 0 auto;
}
}
@media (max-width: 500px) {
.advantages {
padding: 16px 0;
}
.advantages__title {
font-size: 1.18rem;
margin-bottom: 18px;
padding: 0 10px;
}
.advantages__grid {
padding: 0 2vw;
}
.advantage, .advantage--discount {
font-size: 0.99em;
padding: 15px 4vw;
}
.advantage__content--icon .advantage__title {
gap: 8px;
}
} @media (max-width: 380px) {
.advantages__grid {
gap: 10px;
}
.advantage, .advantage--discount {
padding: 9px 1vw;
}
.advantage__title {
font-size: 1.19rem;
}
}
.urgent-repair-remontrf--row {
text-align: left;
}
.urgent-repair-remontrf__row {
display: flex;
align-items: center;
justify-content: center;
gap: 32px;
margin-bottom: 34px;
}
.urgent-repair-remontrf__img img {
width: 110px;
min-width: 80px;
display: block;
}
.urgent-repair-remontrf__title {
font-size: 2.1rem;
font-weight: 700;
color: #2a3440;
letter-spacing: 0.2px;
margin: 0;
line-height: 1.16;
max-width: 420px;
}
.urgent-repair-remontrf__title .accent {
color: #ffc94c;
font-weight: 700;
}
.urgent-repair-remontrf__note-wrap {
width: 100%;
display: flex;
justify-content: center;
}
.urgent-repair-remontrf__note {
background: #6c7a8c;
color: #fff;
padding: 24px 16px 22px 16px;
border-radius: 3px;
font-size: 1.18rem;
font-weight: 500;
line-height: 1.42;
width: 100%;
max-width: 950px;
box-sizing: border-box;
text-align: center;
margin: 0 auto;
letter-spacing: 0.02em;
margin-bottom: 20px;
}
.urgent-repair-remontrf__note b {
font-weight: 700;
}
.urgent-repair-remontrf__note .accent {
color: #ffc94c;
font-weight: 700;
}
@media (max-width: 800px) {
.urgent-repair-remontrf__row {
flex-direction: column;
align-items: center;
gap: 16px;
margin-bottom: 18px;
text-align: center;
}
.urgent-repair-remontrf__img img {
width: 80px;
}
.urgent-repair-remontrf__title {
font-size: 1.1rem;
max-width: 100%;
}
.urgent-repair-remontrf__note {
font-size: 1rem;
padding: 14px 6px 14px 6px;
max-width: 100%;
}
.urgent-repair-remontrf__note-wrap {
padding: 0;
}
}
.container-brands {
max-width: 1200px;
margin: 0 auto 40px;
padding: 0 16px;
}
.brands-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
gap: 24px 20px;
justify-items: center;
align-items: center;
}
.brand-item {
background: #fff;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
padding: 10px 0;
transition: box-shadow 0.2s, transform 0.2s;
min-height: 70px;
}
.brand-item img {
max-width: 100px;
max-height: 46px;
display: block;
margin: 0 auto;
transition: filter 0.2s, transform 0.2s;
filter: grayscale(0.15);
}
.brand-item:hover {
transform: translateY(-4px) scale(1.07);
}
.brand-item:hover img {
filter: grayscale(0) drop-shadow(0 0 4px rgba(30,70,150,0.07));
}
@media (max-width: 600px) {
.brands-grid {
grid-template-columns: repeat(4, 1fr);
gap: 14px 10px;
}
.brand-item img {
max-width: 72px;
max-height: 36px;
}
}
.review-block {
background: linear-gradient(0deg, #f3ffe4 0%, #e8f9cf 100%);
border-radius: 10px;
padding: 20px;
max-width: 900px;
margin: 0 auto 24px;
font-family: inherit;
}
.review-block__row {
display: flex;
align-items: flex-start;
gap: 20px;
}
.review-block__avatar img {
width: 100px;
height: 100px;
border-radius: 12px;
object-fit: cover;
display: block;
margin-top: 17px;
}
.review-block__content {
flex: 1 1 0;
display: flex;
flex-direction: column;
min-width: 0;
}
.review-block__text {
color: #3d4a3d;
font-size: 1.13rem;
line-height: 1.5;
}
.review-block__author {
font-size: 1rem;
color: #647b4b;
margin-top: 16px;
font-weight: 500;
}
.review-block__icon {
flex: 0 0 44px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 70px;
}
.review-block__icon img {
width: 44px;
height: 44px;
} @media (max-width: 767px) {
.review-block__row {
flex-direction: column;
align-items: center; gap: 10px;
}
.review-block__avatar {
margin: 0 auto;
display: flex;
justify-content: center;
width: 100%;
}
.review-block__icon {
order: 3;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin-top: 0 !important; }
.review-block__icon img {
width: 34px;
height: 34px;
}
}
@media screen and (max-width: 575px) {
.card-tabs__item.js-tab--active {
background: #01849e !important;
border: 1px solid #01849e !important;
}
.card-tabs__item {
border: 1px solid #01849e !important;
}
}
.how-we-work {
background: #fff;
padding: 32px 0;
width: 100%;
box-sizing: border-box;
}
.how-we-work__steps {
display: grid;
grid-template-columns: repeat(3, 1fr); gap: 36px 42px;
margin-top: 28px;
justify-items: center;
}
.how-we-work__step {
max-width: 240px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
position: relative;
background: transparent;
}
.how-we-work__num {
width: 35px;
height: 35px;
background: #4e92df;
color: #fff;
font-size: 1.1rem;
font-weight: 700;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 14px;
box-shadow: 0 2px 10px rgba(1, 132, 158, 0.09);
letter-spacing: 0.03em;
transition: background 0.2s;
}
.how-we-work__icon {
width: 100px;
height: 100px;
margin-bottom: 16px;
object-fit: contain;
}
.how-we-work__desc {
font-size: 1.05rem;
color: #1c3136;
line-height: 1.44;
font-weight: 600;
}
.how-we-work__desc span {
font-size: 0.97rem;
color: #222;
font-weight: 400;
display: block;
margin-top: 2px;
} @media (max-width: 1000px) {
.how-we-work__steps {
gap: 26px 20px;
}
.how-we-work__step {
max-width: 180px;
}
.how-we-work__icon {
width: 100px;
height: 100px;
}
} @media (max-width: 700px) {
.how-we-work {
padding: 18px 0;
}
.how-we-work__steps {
grid-template-columns: repeat(2, 1fr);
gap: 22px 10px;
}
.how-we-work__step {
max-width: 95vw;
}
} @media (max-width: 480px) {
.how-we-work__steps {
grid-template-columns: 1fr;
gap: 18px 0;
}
}
.wpd-comment-date { 
display:none; 
}
@media (min-width: 601px) {
.aog-sticky-order-btn { display: none !important; }
}
.aog-sticky-order-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
position: fixed;
left: 18px;
right: 18px;
bottom: 20px;
z-index: 10000;
background: linear-gradient(90deg, #387cff 0%, #2563eb 100%);
border-radius: 90px;
box-shadow: 0 8px 32px rgba(56,124,255,.16),0 2px 4px rgba(0,0,0,.06);
font-weight: 700;
font-size: 18.5px;
line-height: 1.15;
padding: 8px 0 8px 0;
cursor: pointer;
color: #fff;
border: none;
min-width: 62vw;
max-width: 360px;
margin: 0 auto;
opacity: 0;
transform: translateY(100%);
animation:
karditens-fadein .46s cubic-bezier(.28,1.27,.38,1) .11s both,
karditens-blue-pulse 0.8s .6s infinite alternate;
transition: background .22s, box-shadow .19s, transform .13s;
will-change: box-shadow, transform, opacity;
}
@keyframes karditens-fadein {
0% { opacity: 0; transform: translateY(100%); }
100% { opacity: 1; transform: translateY(0%); }
}
@keyframes karditens-blue-pulse {
0% {
box-shadow: 0 8px 32px 0 rgba(56,124,255,0.22), 0 2px 4px 0 rgba(0,0,0,0.07);
transform: translateY(0%) scale(1);
}
100% {
box-shadow: 0 28px 70px 0 rgba(56,124,255,0.38), 0 10px 24px 0 rgba(0,0,0,0.13);
transform: translateY(0%) scale(1.08);
}
}
.aog-sticky-order-btn:active {
background: linear-gradient(90deg, #5898ff 0%, #2563eb 100%);
transform: translateY(0%) scale(0.97);
}
.aog-btn-icon {
display: inline-block;
width: 38px;
height: 38px;
background: #fff;
border-radius: 50%;
box-shadow: 0 2px 8px rgba(56,124,255,.13);
position: relative;
flex-shrink: 0;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2027%2027%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27light-grad%27%20x1%3D%277%27%20y1%3D%2724%27%20x2%3D%2722%27%20y2%3D%273%27%20gradientUnits%3D%27userSpaceOnUse%27%3E%3Cstop%20stop-color%3D%27%23FFA500%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23FFE14A%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d%3D%27M15.073%202.043a1%201%200%200%201%20.9%201.386l-2.518%206.259H20.02a1%201%200%200%201%20.797%201.603l-9.117%2012.07c-.593.785-1.823.059-1.493-.857l2.518-6.259H7.021a1%201%200%200%201-.797-1.603l9.117-12.07a1%201%200%200%201%201.732.471z%27%20fill%3D%27url(%23light-grad)%27/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 28px 28px;
background-position: center;
}
.aog-btn-text {
font-size: 18px;
font-weight: 700;
letter-spacing: 0.01em;
color: #fff;
line-height: 1.13;
}
.price-table{
width:100%;
border-collapse:collapse;
font-family: Arial, sans-serif;
font-size:15px;
} .price-table col.col-title{ width:70%; }
.price-table col.col-price{ width:30%; } .price-table td{
padding:12px 14px;
background:#fff;
color:#1f2937;
}
.price-table td,
.price-table th {
border-style: solid!important;
border-width: 1px!important;
border-color: rgb(225, 230, 235)!important;
padding: 12px 14px !important;
font-weight: 700;
} .price-table tr:nth-child(even) td:not(.section){
background:#f9fcfe;
} .price-table tr:hover td:not(.section){
background:#f1faff;
} .price-table .section{
background:#01849e;
color:#fff;
text-transform:uppercase;
font-weight:700;
text-align:center;
letter-spacing:.02em;
font-size:16px;
padding:12px 14px;
} .price-table td.price{
text-align:center;
font-weight:700;
color:rgb(255, 90, 0);
white-space:nowrap;
font-size: 18px;
}
@media (max-width:640px){
.price-table col.col-title{ width:auto; }
.price-table col.col-price{ width:auto; }
.price-table tr:not(:has(td.section)) td{
display:block;
width:100% !important;
border-left: none !important;
border-right: none !important;
border-top: none !important;
}
.price-table td.section{
display:block;
width:100% !important;
border-left: none !important;
border-right: none !important;
}
.price-table tr:not(:has(td.section)) td:first-child{
border-top: 1px solid rgb(225,230,235) !important;
border-bottom: 0 !important;
padding-bottom: 8px !important;
background: #fff;
}
.price-table td.price{
text-align: left !important;
margin-top: 0;
border-top: 1px solid rgb(225,230,235) !important;
border-bottom: 1px solid rgb(225,230,235) !important;
padding-top: 8px !important;
}
.price-table tr:nth-child(even) td:not(.section){ background:#fff !important; }
.price-table tr:hover td:not(.section){ background:#fff !important; }
.price-table td{ padding:12px 14px !important; }
} .form-short { margin: 35px -15px 50px; }
.form-short form{
position: relative;
padding: 35px 15px 180px;             
border: none;
color: #fff;
background: #368dee url(//rembvka.ru/wp-content/uploads/2025/09/circle-bg-blue-m.jpg.webp) no-repeat center bottom;
text-align: center;                   
}
.form-short__title,
.form-short__desc { color:#fff; }
.form-short__title{
font-family: "Rubik","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 24px;
line-height: 1.2;
margin: 0 0 12px;
font-weight: bold;
}
.form-short__title span{ color:#FFD317; }
.form-short__desc{
font-size:15px;
line-height:1.6;
margin: 0 0 18px;
}
.form-short__form .form-body{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:12px;
}
.form-short a {
color: #fff!important;
}
.form-short a:hover {
color: #FFD317!important; 
}
.form-short__form .form-fields{
display:flex;
flex-direction:column;
width:100%;
max-width: 320px;
gap:12px;
}
.form-short__form .form-actions{
display:flex;
justify-content:flex-start;
}
.form-short__form input[type="text"],
.form-short__form input[type="tel"]{
font-family: 'GothaProReg', Arial, sans-serif;
font-size: 14px;
color: #41313F;
line-height: 45px;
height: 45px;
width: 100%;
border: 1px solid transparent;
border-radius: 4px;
background: #fff;
padding: 0 20px 0 15px;
transition: all ease .2s;
box-sizing: border-box;
}
.form-short__form input:focus{ border-color:#368dee; outline:none; }
.form-short__form #order-send-short{
font-family: "Rubik","Helvetica Neue",Helvetica,Arial,sans-serif;
border: none;
border-radius: 4px;
padding: 10px 30px;
min-width: 180px;
min-height: 45px;
cursor: pointer;
text-align:center;
transition: 0.2s;
overflow: hidden;
background: #ffea00;
color: #000;
font-size: 16px;
line-height: 16px;
font-weight: bold;
text-decoration: none;
text-shadow: 1px 1px 0px rgb(255 255 255 / 60%);
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: -moz-linear-gradient(top,#ffea00 0%,#ffd000 85%,#ffd900);
background: -webkit-gradient(linear, left top, left bottom, from(#ffea00), color-stop(0.85, #ffd000), to(#ffd900));
box-shadow: 3px 3px 7px rgb(0 0 0 / 50%), inset 1px 1px 0px rgb(255 255 255 / 70%);
-moz-box-shadow: 3px 3px 7px rgba(0,0,0,0.5), inset 1px 1px 0px rgba(255,255,255,0.7);
-webkit-box-shadow: 3px 3px 7px rgb(0 0 0 / 50%), inset 1px 1px 0px rgb(255 255 255 / 70%);
}
.form-short__form #order-send-short:hover{ background: -moz-linear-gradient(top,#ffd900 0%,#ffd000 15%,#ffea00);
background: -webkit-gradient(linear, left top, left bottom, from(#ffd900),color-stop(0.15, #ffd000),to(#ffea00));}
.form-short img{
position:absolute;
right:40px;
bottom:-20px;
}
@media (min-width:1140px){
.form-short{ margin:45px 0 50px; }
.form-short form{
padding: 35px 35px 25px 40px;    
border-radius:4px;
background: #368dee url(//rembvka.ru/wp-content/uploads/2025/09/circle-bg-blue.png) no-repeat right 20px bottom -105px;
text-align: left;
}
.form-short__form .form-body{
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
gap:16px;
}
.form-short__form .form-fields{
max-width: 300px;                   
}
.form-short__form .form-actions{
align-self: flex-start;             
}
.form-short__form .privacy{
max-width: 760px;
margin-top: 8px;
}
}
@media (min-width:1140px) and (max-width:1199px){
.form-short form{
position:relative;
padding: 35px 35px 100px 40px;
background-image:url(//rembvka.ru/wp-content/uploads/2025/09/men.webp),url(//rembvka.ru/wp-content/uploads/2025/09/circle-bg-blue.png);
background-position:right 20px bottom 0px,right 20px bottom -80px;
background-repeat:no-repeat,no-repeat;
background-size:auto,220px auto;
text-align:left;
}
.form-short img{display:none;}
.form-short__form .privacy {max-width: 350px;}
}
@media (max-width:1139px){
.form-short__form input[type="text"],
.form-short__form input[type="tel"]{
display:block;
width:100%;
max-width:100%;
box-sizing:border-box;
}
.form-short .submit{
display:block;
margin: 10px auto 20px auto;}
.form-short__form #order-send-short {
padding: 10px 80px;}
.form-short form{
text-align:center;
padding:35px 15px 180px;
background-image:url(//rembvka.ru/wp-content/uploads/2025/09/circle-bg-blue-m.jpg.webp);
background-position:center bottom;
background-repeat:no-repeat;
}
.form-short img{display:none;}
.form-short__form .form-fields {width: 100%;max-width: none;}
.form-short__form .form-actions {
width: 100%;}
} .brand-btn {
font-family: "Rubik","Helvetica Neue",Helvetica,Arial,sans-serif;
border: none;
border-radius: 4px;
padding: 10px 30px;
background-color: #368dee;
color: #ffffff;
line-height: 1.5;
min-width: 180px;
min-height: 45px;
font-size: 16px;
display: inline-block;
margin: 20px auto 0;
text-align: center;
text-decoration: none; cursor: pointer; }
.brand-btn:hover {
background-color: #4e9cf2;
color: #ffffff;
}
.brand-btn-alt {
background-color: #ffffff;
color: rgb(54, 141, 238);
}
.brand-btn-alt:hover {
background-color: #ffffff;
color: #000000;
}
.container-brands {
text-align: center;
}