html {
line-height: 1.15;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
main {
display: block
}
h1 {
font-size: 2em;
margin: .67em 0
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
-moz-text-decoration: underline dotted;
text-decoration: underline dotted
}
b, strong {
font-weight: bolder
}
code, kbd, samp {
font-family: monospace, monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img {
border-style: none
}
button, input, optgroup, select, textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button, input {
overflow: visible
}
button, select {
text-transform: none
}
[type=button], [type=reset], [type=submit], button {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style:none;
padding:0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline:1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
-moz-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox], [type=radio] {
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
details {
display: block
}
summary {
display: list-item
}
[hidden], template {
display: none
}
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
float: left
}
.swiper-container-vertical>.swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-box;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
-o-transition-property: -o-transform;
-moz-transition-property: transform, -moz-transform;
transition-property: transform;
transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
transition-property: transform, -webkit-transform;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.swiper-container-multirow>.swiper-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
-o-transition-property: -o-transform;
-moz-transition-property: transform, -moz-transform;
transition-property: transform;
transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
transition-property: transform, -webkit-transform
}
.swiper-invisible-blank-slide {
visibility: hidden
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
height: auto
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
-moz-box-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
-o-transition-property: transform, height;
-o-transition-property: height, -o-transform;
-moz-transition-property: transform, height, -moz-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform, -moz-transform, -o-transform;
transition-property: transform, height, -webkit-transform
}
.swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
background-image: -webkit-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));
background-image: -moz-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));
background-image: linear-gradient(to left, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));
background-image: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));
background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));
background-image: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
background-image: -webkit-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));
background-image: -moz-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));
background-image: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x
}
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-lock {
display: none
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: .3s opacity;
-o-transition: .3s opacity;
-moz-transition: .3s opacity;
transition: .3s opacity;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
-moz-transform: scale(.33);
-o-transform: scale(.33);
transform: scale(.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(.66);
-ms-transform: scale(.66);
-moz-transform: scale(.66);
-o-transform: scale(.66);
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
-moz-transform: scale(.33);
-o-transform: scale(.33);
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(.66);
-ms-transform: scale(.66);
-moz-transform: scale(.66);
-o-transform: scale(.66);
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
-moz-transform: scale(.33);
-o-transform: scale(.33);
transform: scale(.33)
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff
}
.swiper-container-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: .2s top, .2s -webkit-transform;
transition: .2s top, .2s -webkit-transform;
-o-transition: .2s transform, .2s top;
-o-transition: .2s top, .2s -o-transform;
-moz-transition: .2s transform, .2s top, .2s -moz-transform;
transition: .2s transform, .2s top;
transition: .2s transform, .2s top, .2s -webkit-transform, .2s -moz-transform, .2s -o-transform;
transition: .2s transform, .2s top, .2s -webkit-transform
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: .2s left, .2s -webkit-transform;
transition: .2s left, .2s -webkit-transform;
-o-transition: .2s transform, .2s left;
-o-transition: .2s left, .2s -o-transform;
-moz-transition: .2s transform, .2s left, .2s -moz-transform;
transition: .2s transform, .2s left;
transition: .2s transform, .2s left, .2s -webkit-transform, .2s -moz-transform, .2s -o-transform;
transition: .2s transform, .2s left, .2s -webkit-transform
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: .2s right, .2s -webkit-transform;
transition: .2s right, .2s -webkit-transform;
-o-transition: .2s transform, .2s right;
-o-transition: .2s right, .2s -o-transform;
-moz-transition: .2s transform, .2s right, .2s -moz-transform;
transition: .2s transform, .2s right;
transition: .2s transform, .2s right, .2s -webkit-transform, .2s -moz-transform, .2s -o-transform;
transition: .2s transform, .2s right, .2s -webkit-transform
}
.swiper-pagination-progressbar {
background: rgba(0,0,0,.25);
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
-moz-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
-moz-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff
}
.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255,255,255,.25)
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000
}
.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0,0,0,.25)
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0,0,0,.5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-box;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
-moz-box-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-moz-box-align: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
-moz-transform-origin: 50%;
-o-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-moz-keyframes swiper-preloader-spin {
100% {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube {
overflow: visible
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-o-transform-origin: 100% 0;
transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0
}
.swiper-container-flip {
overflow: visible
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-coverflow .swiper-wrapper {
-ms-perspective: 1200px
}
@font-face {
font-display: swap;
font-family: rub;
src: url(../fonts/rouble-webfont.eot);
src: url(../fonts/rouble-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/rouble-webfont.woff2) format("woff2"), url(../fonts/rouble-webfont.woff) format("woff"), url(../fonts/rouble-webfont.ttf) format("truetype");
font-weight: 400;
font-style: normal
}
@font-face {
font-display: swap;
font-family: MuseoSansCyrl;
src: local("MuseoSansCyrl"), url(../fonts/MuseoSansCyrl-300.woff2) format("woff2"), url(../fonts/MuseoSansCyrl-300.woff) format("woff");
font-weight: 300;
font-style: normal
}
@font-face {
font-display: swap;
font-family: MuseoSansCyrl;
src: local("MuseoSansCyrl"), url(../fonts/MuseoSansCyrl-500.woff2) format("woff2"), url(../fonts/MuseoSansCyrl-500.woff) format("woff");
font-weight: 500;
font-style: normal
}
@font-face {
font-display: swap;
font-family: MuseoSansCyrl;
src: local("MuseoSansCyrl"), url(../fonts/MuseoSansCyrl-700.woff2) format("woff2"), url(../fonts/MuseoSansCyrl-700.woff) format("woff");
font-weight: 700;
font-style: normal
}
@font-face {
font-display: swap;
font-family: MuseoSansCyrl;
src: local("MuseoSansCyrl"), url(../fonts/MuseoSansCyrl-900.woff2) format("woff2"), url(../fonts/MuseoSansCyrl-900.woff) format("woff");
font-weight: 900;
font-style: normal
}
@font-face {
font-display: swap;
font-family: Mont;
src: local("Mont"), url(../fonts/Mont-ExtraLight.woff2) format("woff2"), url(../fonts/Mont-ExtraLight.woff) format("woff");
font-weight: 300;
font-style: normal
}
@font-face {
font-display: swap;
font-family: Mont;
src: local("Mont"), url(../fonts/Mont-Regular.woff2) format("woff2"), url(../fonts/Mont-ExtraLight.woff) format("woff");
font-weight: 400;
font-style: normal
}
@font-face {
font-display: swap;
font-family: Mont;
src: local("Mont"), url(../fonts/Mont-Bold.woff2) format("woff2"), url(../fonts/Mont-Bold.woff) format("woff");
font-weight: 700;
font-style: normal
}
@font-face {
font-display: swap;
font-family: Mont;
src: local("Mont"), url(../fonts/Mont-Heavy.woff2) format("woff2"), url(../fonts/Mont-Heavy.woff) format("woff");
font-weight: 900;
font-style: normal
}
.clearfix:after {
content: "";
display: block;
clear: both
}
.checked-list, .dotted-list, .footer__contact-list, .footer__menu-list, .header__menu, .popup-city__list, .popup-product__bigslider .slick-dots, .reset-list, .scooter__insurance-intro ul {
margin: 0;
padding: 0;
list-style-type: none
}
.btn, .header__menu-toggle, .inputbox__preview-del, .popup-city__reset, .popup-product__bigslider .slick-dots li button, .popup__close, .reset-btn, button {
cursor: pointer;
-webkit-appearance: none!important;
text-decoration: none;
text-align: center;
display: inline-block;
padding: 0;
line-height: 1;
font-family: MuseoSansCyrl, sans-serif
}
.btn:focus, .header__menu-toggle:focus, .inputbox__preview-del:focus, .popup-city__reset:focus, .popup-product__bigslider .slick-dots li button:focus, .popup__close:focus, .reset-btn:focus, button:focus {
outline: 0
}
.btn:focus-visible, .header__menu-toggle:focus-visible, .inputbox__preview-del:focus-visible, .popup-city__reset:focus-visible, .popup-product__bigslider .slick-dots li button:focus-visible, .popup__close:focus-visible, .reset-btn:focus-visible, button:focus-visible {
box-shadow:0 0 0 2px #000
}
.inputbox__input, .popup-cancel__date-val input, .popup-city__input, .reset-input {
-webkit-appearance: none;
line-height: 1
}
.inputbox__input:focus, .popup-cancel__date-val input:focus, .popup-city__input:focus, .reset-input:focus {
outline: 0
}
.ta-c {
text-align: center
}
.grey {
color: #7a7a7a
}
.red {
color: #ff3131
}
.green {
color: #82e82e
}
.yellow {
color: #ffd734
}
.rub-hidden {
visibility: hidden;
display: none
}
.ff {
font-family: MuseoSansCyrl, sans-serif!important;
font-weight: 900
}
.pos-r {
position: relative
}
.center-x, .header:after {
left: 50%;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0)
}
.center-y, .link-arrow:after, .popup-city__inputbox:before, .popup-city__reset, .popup-fastview__thumbslider .slick-arrow:after, .popup-product__thumbslider .slick-arrow:after, .title-dotted__link:after {
top: 50%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.center-xy, .popup-bnft__video .icon-play {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
a[href^="tel:"] {
text-decoration: none;
border-bottom: none!important
}
.dotted-list {
padding-left: 20px
}
.dotted-list li {
position: relative;
padding-left: 15px;
margin-bottom: 7px
}
.dotted-list li:before {
content: "";
width: 7px;
height: 7px;
background-color: #ffd734;
position: absolute;
left: 0;
top: 5px;
border-radius: 50%
}
.link-arrow {
padding-right: 18px;
display: inline-block;
text-decoration: none;
position: relative
}
.link-arrow span {
border-bottom: 1px dotted #606060
}
.link-arrow:after {
content: "";
position: absolute;
right: 0;
width: 12px;
height: 10px;
background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2022.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2212px%22%20height%3D%2210px%22%20viewBox%3D%220%200%2012%2010%22%20style%3D%22enable-background%3Anew%200%200%2012%2010%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23231F20%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M12%2C5.1C12%2C5.1%2C12%2C5.1%2C12%2C5.1c0%2C0.1%2C0%2C0.2-0.1%2C0.3c0%2C0%2C0%2C0.1-0.1%2C0.1c0%2C0.1-0.1%2C0.1-0.1%2C0.2%0D%0A%09c0%2C0-0.1%2C0.1-0.1%2C0.1L9.1%2C9.5c-0.3%2C0.5-1%2C0.6-1.5%2C0.3C7%2C9.6%2C6.8%2C9%2C7.1%2C8.6L8.9%2C6H1C0.4%2C6%2C0%2C5.6%2C0%2C5c0-0.6%2C0.4-1%2C1-1h7.9L7.1%2C1.4%0D%0A%09C6.8%2C1%2C7%2C0.4%2C7.6%2C0.1C8.1-0.1%2C8.8%2C0%2C9.1%2C0.5l2.5%2C3.8c0%2C0%2C0%2C0%2C0%2C0c0.1%2C0.1%2C0.2%2C0.2%2C0.2%2C0.3l0%2C0C11.9%2C4.7%2C12%2C4.8%2C12%2C4.9c0%2C0%2C0%2C0%2C0%2C0%0D%0A%09c0%2C0%2C0%2C0%2C0%2C0C12%2C5%2C12%2C5%2C12%2C5.1C12%2C5%2C12%2C5%2C12%2C5.1C12%2C5.1%2C12%2C5.1%2C12%2C5.1z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A) no-repeat
}
.link-arrow:hover span {
border-bottom: 1px dotted transparent
}
.img-fluid-block {
max-width: 100%;
display: block
}
.icon {
display: inline-block;
vertical-align: middle;
width: 1em;
height: 1em;
fill: currentColor
}
.icon-about-1 {
font-size: 4.09rem;
width: 1.0537897311em
}
.icon-about-2 {
font-size: 3.67rem;
width: 1.0735694823em
}
.icon-about-3 {
font-size: 4.29rem;
width: .9114219114em
}
.icon-about-4 {
font-size: 3.75rem;
width: 1.1173333333em
}
.icon-about-5 {
font-size: 5.37rem;
width: 1.0111731844em
}
.icon-about-6 {
font-size: 5.35rem;
width: .6785046729em
}
.icon-about-7 {
font-size: 4.6rem;
width: 1em
}
.icon-about-check {
font-size: 4.27rem;
width: .7306791569em
}
.icon-about-clock {
font-size: 4.6rem;
width: 1em
}
.icon-about-curier {
font-size: 4.4rem;
width: .9454545455em
}
.icon-about-date {
font-size: 3.67rem;
width: 1.0735694823em
}
.icon-about-safe {
font-size: 3.75rem;
width: 1.1173333333em
}
.icon-about-truck {
font-size: 2.99rem;
width: 1.5585284281em
}
.icon-air-power {
font-size: 3.56rem;
width: .9382022472em
}
.icon-apron {
font-size: 4.2rem;
width: 1em
}
.icon-arrow-circle {
font-size: 3.8rem;
width: 1em
}
.icon-arrow-d {
font-size: .74rem;
width: 1.527027027em
}
.icon-arrow-down {
font-size: 1.2rem;
width: .8333333333em
}
.icon-arrow-l {
font-size: 1rem;
width: 1.2em
}
.icon-arrow-r {
font-size: 1rem;
width: 1.2em
}
.icon-arrow-step {
font-size: 1.23rem;
width: 3.7886178862em
}
.icon-arrow-up {
font-size: 1.2rem;
width: .8333333333em
}
.icon-attach {
font-size: 1.86rem;
width: 1.1075268817em
}
.icon-battery {
font-size: 3.69rem;
width: .5338753388em
}
.icon-big-cart {
font-size: 4.74rem;
width: 1.0654008439em
}
.icon-big-eye {
font-size: 3.52rem;
width: 1.6534090909em
}
.icon-box {
font-size: 1.98rem;
width: 1em
}
.icon-brain {
font-size: 4.4rem;
width: 1em
}
.icon-briefcase {
font-size: 1.67rem;
width: 1.1377245509em
}
.icon-bus {
font-size: 2.4836rem;
width: 1.5427605089em
}
.icon-calc {
font-size: 3.3rem;
width: 1em
}
.icon-calc-2 {
font-size: 2.9rem;
width: .8793103448em
}
.icon-calendar {
font-size: 1.91rem;
width: 1em
}
.icon-calendar-2 {
font-size: 2.48rem;
width: 1.1088709677em
}
.icon-calendar-orders {
font-size: 1.56rem;
width: 1em
}
.icon-calendar-s {
font-size: 1.39rem;
width: 1em
}
.icon-camera {
font-size: 2.68rem;
width: 1.2462686567em
}
.icon-card {
font-size: 2.4768rem;
width: 1.4859899871em
}
.icon-cart {
font-size: 2.8rem;
width: 1em
}
.icon-cashback {
font-size: 3.76rem;
width: .9095744681em
}
.icon-cat-action {
font-size: 2.04rem;
width: 1em
}
.icon-cat-audio-video {
font-size: 1.39rem;
width: 1.0287769784em
}
.icon-cat-auto {
font-size: 1.64rem;
width: 1.1524390244em
}
.icon-cat-auto-access {
font-size: 1.12rem;
width: 1.7946428571em
}
.icon-cat-babycar {
font-size: 2.34rem;
width: 1.6367521368em
}
.icon-cat-babystroller {
font-size: 2.43rem;
width: 1.037037037em
}
.icon-cat-bbq {
font-size: 1.89rem;
width: .8518518519em
}
.icon-cat-bike {
font-size: 1.33rem;
width: 1.7819548872em
}
.icon-cat-board {
font-size: 2.22rem;
width: 1em
}
.icon-cat-camera {
font-size: 1.73rem;
width: 1.063583815em
}
.icon-cat-coffee {
font-size: 3.66rem;
width: .9234972678em
}
.icon-cat-computer {
font-size: 3.21rem;
width: .7819314642em
}
.icon-cat-couch {
font-size: 1.67rem;
width: 2.1377245509em
}
.icon-cat-drones {
font-size: 1.22rem;
width: 2.7131147541em
}
.icon-cat-electrobike {
font-size: 1.97rem;
width: .9898477157em
}
.icon-cat-electrogenerator {
font-size: 1.6rem;
width: 1.15em
}
.icon-cat-electronic {
font-size: 3.31rem;
width: .5679758308em
}
.icon-cat-electroscooter {
font-size: 1.59rem;
width: 1.0754716981em
}
.icon-cat-entertainment {
font-size: 1.99rem;
width: 1.5477386935em
}
.icon-cat-furniture {
font-size: 3.29rem;
width: .5987841945em
}
.icon-cat-games {
font-size: 1.79rem;
width: 1.0726256983em
}
.icon-cat-garden-furniture {
font-size: 1.5rem;
width: 1.2533333333em
}
.icon-cat-giro {
font-size: 1.01rem;
width: 2.5346534653em
}
.icon-cat-homegoods {
font-size: 2.52rem;
width: 1.3015873016em
}
.icon-cat-hometech {
font-size: 3.22rem;
width: .801242236em
}
.icon-cat-lego {
font-size: 1.79rem;
width: .8379888268em
}
.icon-cat-list {
font-size: 1.9rem;
width: 1.2526315789em
}
.icon-cat-mobile {
font-size: 1.96rem;
width: .5663265306em
}
.icon-cat-monoblock {
font-size: 2.48rem;
width: 1.0524193548em
}
.icon-cat-notebook {
font-size: 1.44rem;
width: 1.3888888889em
}
.icon-cat-pc {
font-size: 3.94rem;
width: 1.6015228426em
}
.icon-cat-piano {
font-size: 1.19rem;
width: 1.5378151261em
}
.icon-cat-piano-big {
font-size: 1.82rem;
width: 1.6538461538em
}
.icon-cat-picnic {
font-size: 2.21rem;
width: 1.0678733032em
}
.icon-cat-printer {
font-size: 2.5rem;
width: 1.112em
}
.icon-cat-repairs {
font-size: 2.12rem;
width: 1.7216981132em
}
.icon-cat-scooter {
font-size: 1.6rem;
width: 1.21875em
}
.icon-cat-screen {
font-size: 1.63rem;
width: 1em
}
.icon-cat-sport {
font-size: 2.24rem;
width: 1.2098214286em
}
.icon-cat-summersport {
font-size: 1.31rem;
width: 1.2213740458em
}
.icon-cat-tools {
font-size: 1.69rem;
width: 1em
}
.icon-cat-toys {
font-size: 1.77rem;
width: .8531073446em
}
.icon-cat-travel {
font-size: 2.97rem;
width: 1.1717171717em
}
.icon-cat-turism {
font-size: 1.8rem;
width: 1em
}
.icon-cat-videoregistrator {
font-size: 1.71rem;
width: .9064327485em
}
.icon-cat-vr {
font-size: 4.51rem;
width: 1.3968957871em
}
.icon-cat-wintersport {
font-size: 1.8rem;
width: 1em
}
.icon-chat {
font-size: 1.86rem;
width: 1.1989247312em
}
.icon-check {
font-size: 3.25rem;
width: 1em
}
.icon-check-green {
font-size: 1.84rem;
width: 1em
}
.icon-checkbox {
font-size: .92rem;
width: 1.3260869565em
}
.icon-checked {
font-size: 1.6rem;
width: 1em
}
.icon-circle-plus {
font-size: 2.5918rem;
width: 1em
}
.icon-clean-scooter {
font-size: 4.05rem;
width: .9185185185em
}
.icon-cleen-check {
font-size: 3.76rem;
width: .9015957447em
}
.icon-click {
font-size: 4.65rem;
width: .7956989247em
}
.icon-clock {
font-size: 1.28rem;
width: 1em
}
.icon-clock-2 {
font-size: 2.85rem;
width: 1em
}
.icon-close {
font-size: .8rem;
width: 1em
}
.icon-close-circle {
font-size: 1.8rem;
width: 1em
}
.icon-cloths-image {
font-size: 5.37rem;
width: 1em
}
.icon-clothx3 {
font-size: 2.38rem;
width: 2.3025210084em
}
.icon-coffee-cup {
font-size: 3.55rem;
width: .9774647887em
}
.icon-coffeecup {
font-size: 2.44rem;
width: 1em
}
.icon-cook {
font-size: 4.28rem;
width: .7429906542em
}
.icon-curier {
font-size: 5.55rem;
width: .9441441441em
}
.icon-danger {
font-size: 1.99rem;
width: 1.1155778894em
}
.icon-del {
font-size: 1.18rem;
width: 1em
}
.icon-delete {
font-size: 1.6rem;
width: 1em
}
.icon-delivery-courier {
font-size: 3.29rem;
width: 1em
}
.icon-diamond {
font-size: 5.45rem;
width: 1em
}
.icon-dimension {
font-size: 2.92rem;
width: .9931506849em
}
.icon-double-check {
font-size: 1rem;
width: 1.79em
}
.icon-dragon {
font-size: 3.49rem;
width: 1.1833810888em
}
.icon-dress {
font-size: 5.05rem;
width: .7683168317em
}
.icon-dressx3 {
font-size: 4.9rem;
width: .9959183673em
}
.icon-eco {
font-size: 3.25rem;
width: 1.04em
}
.icon-edit {
font-size: 1.46rem;
width: 1em
}
.icon-eye-close {
font-size: 1.88rem;
width: 1.0957446809em
}
.icon-eye-open {
font-size: 1.82rem;
width: 1.1318681319em
}
.icon-falling-price {
font-size: 6.87rem;
width: .7743813683em
}
.icon-fast-car {
font-size: 3.09rem;
width: 1.5404530744em
}
.icon-fast-truck {
font-size: 2.48rem;
width: 1.5443548387em
}
.icon-fb {
font-size: 2.1762rem;
width: .4757834758em
}
.icon-filter {
font-size: 2rem;
width: 1.085em
}
.icon-fingerprint {
font-size: 3.28rem;
width: 1em
}
.icon-folder {
font-size: 1.97rem;
width: 1.2182741117em
}
.icon-gear {
font-size: 1.91rem;
width: 1em
}
.icon-gearhead {
font-size: 3.7rem;
width: 1em
}
.icon-gift {
font-size: 3.58rem;
width: .874301676em
}
.icon-gift2 {
font-size: 3.2rem;
width: 1.05em
}
.icon-goo {
font-size: 1.93rem;
width: 1.5699481865em
}
.icon-hanger {
font-size: 4.16rem;
width: 1.3822115385em
}
.icon-happy-faces {
font-size: 4.84rem;
width: 1.7644628099em
}
.icon-happy-people {
font-size: 3.68rem;
width: 1em
}
.icon-happy-woman {
font-size: 4.84rem;
width: .867768595em
}
.icon-heart {
font-size: 2.8rem;
width: 1em
}
.icon-inst {
font-size: 2.1786rem;
width: .9989901772em
}
.icon-insurance {
font-size: 3.3rem;
width: .803030303em
}
.icon-kid {
font-size: 4.23rem;
width: .8912529551em
}
.icon-lego {
font-size: 3.84rem;
width: .8385416667em
}
.icon-like {
font-size: 3.23rem;
width: .9690402477em
}
.icon-link {
font-size: 3.31rem;
width: 1em
}
.icon-link2 {
font-size: 2.21rem;
width: 1em
}
.icon-lock {
font-size: 1.4rem;
width: .85em
}
.icon-log-in {
font-size: 1.77rem;
width: 1em
}
.icon-log-out {
font-size: 1.77rem;
width: 1em
}
.icon-logout {
font-size: 1.58rem;
width: 1em
}
.icon-loveface {
font-size: 3.8rem;
width: .8842105263em
}
.icon-mail {
font-size: .91rem;
width: 1.4725274725em
}
.icon-marker {
font-size: 2.8rem;
width: 1em
}
.icon-marker-2 {
font-size: 2.75rem;
width: .7454545455em
}
.icon-marker-3 {
font-size: 1.97rem;
width: .730964467em
}
.icon-marker-s {
font-size: 1.58rem;
width: .8544303797em
}
.icon-mess-bell {
font-size: 1.9rem;
width: .8366315789em
}
.icon-mess-calendar {
font-size: 1.6482rem;
width: 1em
}
.icon-mess-cancel {
font-size: 1.5rem;
width: 1em
}
.icon-mess-chat {
font-size: 1.9163rem;
width: 1.1974638627em
}
.icon-mess-clock {
font-size: 1.9rem;
width: 1em
}
.icon-mess-email {
font-size: 1.91rem;
width: 1.0104712042em
}
.icon-mess-push {
font-size: 1.6771rem;
width: .9677419355em
}
.icon-mess-refresh {
font-size: 2.0001rem;
width: .8362081896em
}
.icon-mess-rub {
font-size: 1.5364rem;
width: .7996615465em
}
.icon-mess-sms {
font-size: 2.21rem;
width: .6063348416em
}
.icon-mess-sound {
font-size: 1.6518rem;
width: 1.1502603221em
}
.icon-mess-text {
font-size: 1.7138rem;
width: 1.1086474501em
}
.icon-money-pig {
font-size: 3.67rem;
width: 1.068119891em
}
.icon-money-pig2 {
font-size: 3.4rem;
width: 1em
}
.icon-movie-tickets {
font-size: 3.71rem;
width: 1.051212938em
}
.icon-multicooker {
font-size: 4.3rem;
width: 1em
}
.icon-navigator {
font-size: 1.3867rem;
width: .9998557727em
}
.icon-ok {
font-size: 1.86rem;
width: .5806451613em
}
.icon-pay-calendar {
font-size: 2.48rem;
width: 1.1088709677em
}
.icon-pdf {
font-size: 1.87rem;
width: .7272727273em
}
.icon-phone {
font-size: 2.8rem;
width: 1em
}
.icon-photo {
font-size: 1.66rem;
width: 1.2409638554em
}
.icon-pic-focus {
font-size: 3.71rem;
width: .9407008086em
}
.icon-plus {
font-size: 1rem;
width: 1em
}
.icon-plus-big {
font-size: 4.36rem;
width: 1em
}
.icon-plus-circle {
font-size: 2.65rem;
width: 1em
}
.icon-power {
font-size: 4.21rem;
width: 1em
}
.icon-proc {
font-size: 1.83rem;
width: .8415300546em
}
.icon-reload {
font-size: 1.86rem;
width: .8870967742em
}
.icon-rent-like {
font-size: 7.83rem;
width: .9846743295em
}
.icon-repeat {
font-size: 1.77rem;
width: .8474576271em
}
.icon-reuse {
font-size: 3.73rem;
width: 1.0804289544em
}
.icon-review {
font-size: 2.1rem;
width: 1.1095238095em
}
.icon-rocket {
font-size: 6.75rem;
width: .7318518519em
}
.icon-rockethead {
font-size: 4.37rem;
width: .9931350114em
}
.icon-rub {
font-size: 1.38rem;
width: .7971014493em
}
.icon-rub-circle {
font-size: 3.18rem;
width: 1em
}
.icon-ruble-cycle {
font-size: 2.99rem;
width: 1em
}
.icon-ruler {
font-size: 4.43rem;
width: 1em
}
.icon-s-pen {
font-size: 3.37rem;
width: 1em
}
.icon-safe {
font-size: 4.57rem;
width: .8008752735em
}
.icon-sale {
font-size: 2.5rem;
width: .956em
}
.icon-sandclock {
font-size: 1.63rem;
width: .6871165644em
}
.icon-screen-65 {
font-size: 3.48rem;
width: 1.2011494253em
}
.icon-search {
font-size: 2.8rem;
width: 1em
}
.icon-send {
font-size: 1.92rem;
width: 1em
}
.icon-settings {
font-size: 1.79rem;
width: 1em
}
.icon-share {
font-size: 2.9rem;
width: .9413793103em
}
.icon-shield-check {
font-size: 2rem;
width: 1em
}
.icon-skype {
font-size: 2.0146rem;
width: 1em
}
.icon-slider-next {
font-size: 3.81rem;
width: .3543307087em
}
.icon-slider-prev {
font-size: 3.81rem;
width: .3543307087em
}
.icon-small-screen {
font-size: 2.21rem;
width: 1.4932126697em
}
.icon-snowflake {
font-size: 3.32rem;
width: .8704819277em
}
.icon-sort {
font-size: 1.04rem;
width: 1.5576923077em
}
.icon-star {
font-size: 1.89rem;
width: 1em
}
.icon-step-auto {
font-size: 3.81rem;
width: 1.5485564304em
}
.icon-step-cart {
font-size: 5.18rem;
width: 1em
}
.icon-step-clock {
font-size: 4.06rem;
width: 1em
}
.icon-step-search {
font-size: 4.87rem;
width: 1em
}
.icon-student {
font-size: 4.68rem;
width: 1.235042735em
}
.icon-team {
font-size: 3.61rem;
width: 1em
}
.icon-tg {
font-size: 1.9164rem;
width: 1.1484554373em
}
.icon-timer {
font-size: 3.44rem;
width: .9825581395em
}
.icon-tool {
font-size: 3.15rem;
width: 1em
}
.icon-truck {
font-size: 1.34rem;
width: 1.5298507463em
}
.icon-truck-back {
font-size: 1.34rem;
width: 1.5298507463em
}
.icon-twitter {
font-size: 1.74rem;
width: 1.2298850575em
}
.icon-user {
font-size: 2.8rem;
width: 1em
}
.icon-user-detect {
font-size: 3.59rem;
width: .8467966574em
}
.icon-vk {
font-size: 1.5151rem;
width: 1.7754603657em
}
.icon-vr {
font-size: 3.04rem;
width: 1.3947368421em
}
.icon-w-cloths-image {
font-size: 5.05rem;
width: .7683168317em
}
.icon-waffle-iron {
font-size: 4rem;
width: 1em
}
.icon-wallet {
font-size: 1.64rem;
width: 1.0670731707em
}
.icon-whatsapp {
font-size: 2.1662rem;
width: 1.0010617671em
}
.icon-xbox {
font-size: 3.18rem;
width: 1.3836477987em
}
.icon-xbox-2 {
font-size: 36.44rem;
width: 1.4050493963em
}
.icon {
display: inline-block;
vertical-align: middle;
fill: currentColor;
-webkit-transition: fill .2s ease;
-o-transition: fill .2s ease;
-moz-transition: fill .2s ease;
transition: fill .2s ease
}
.icon-play {
display: inline-block;
vertical-align: middle;
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
-o-transition: -o-transform .3s ease;
-moz-transition: transform .3s ease, -moz-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease;
background: url(../images/play.svg) no-repeat;
background-size: 100% auto;
width: 84px;
height: 84px
}
@media (max-width:750px) {
.icon-play {
width: 45px;
height: 45px
}
}
::-webkit-input-placeholder {
color:rgba(96,96,96,.4)
}
::-moz-placeholder {
color:rgba(96,96,96,.4)
}
:-moz-placeholder {
color:rgba(96,96,96,.4)
}
:-ms-input-placeholder {
color:#999!important
}
::-ms-input-placeholder {
color:#999!important
}
:focus::-webkit-input-placeholder {
color:transparent!important
}
:focus::-moz-placeholder {
color:transparent!important
}
:focus:-moz-placeholder {
color:transparent!important
}
:focus:-ms-input-placeholder {
color:transparent!important
}
:focus::-ms-input-placeholder {
color:transparent!important
}
input::-ms-clear {
display:none;
width:0;
height:0
}
input::-ms-reveal {
display:none;
width:0;
height:0
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
display:none
}
textarea {
resize: none;
height: 120px;
width: 100%
}
h1, h2, h3, h4, h5 {
color: #000;
font-family: Mont, sans-serif;
font-weight: 900
}
h1 {
font-size: 37px;
line-height: 1.15;
margin: 0 0 15px
}
h2 {
font-size: 37px;
line-height: 1.15;
margin: 0 0 20px 0
}
h3 {
font-size: 25px
}
h4 {
font-size: 20px
}
h5 {
font-size: 17px;
margin: 2em 0 1.2em
}
p {
margin: 0 0 20px
}
a {
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
-moz-transition: all .2s ease;
transition: all .2s ease;
color: #000
}
a:focus {
outline: 0
}
hr {
position: relative;
border: none;
margin: 25px 0;
height: 2px
}
hr:before {
content: "";
height: 2px;
width: 100%;
position: absolute;
left: 0;
top: 0;
background: url(../images/dotted-grey.svg) repeat-x
}
b, strong {
font-weight: 700;
color: #000
}
.rub {
font-family: rub;
font-style: normal;
font-weight: 400;
text-transform: none
}
@media (max-width:1000px) {
h1 {
font-size: 34px
}
}
@media (max-width:750px) {
h3 {
font-size: 20px
}
h2 {
font-size: 20px
}
h1 {
font-size: 21px;
text-align: center
}
}
* {
-moz-box-sizing: border-box;
box-sizing: border-box
}
:after, :before {
-moz-box-sizing: border-box;
box-sizing: border-box
}
html {
-webkit-tap-highlight-color: transparent;
height: 100%;
font-size: 10px
}
body {
font-family: MuseoSansCyrl, sans-serif;
font-weight: 500;
font-size: 13px;
line-height: 1.35;
min-width: 320px;
color: #222
}
body.is-page-fixed {
-webkit-overflow-scrolling: touch
}
body.is-page-fixed .page {
overflow: hidden;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%
}
body.is-filter-open .filter {
opacity: 1;
visibility: visible;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
body.is-topmenu-open .page {
overflow: hidden;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
height: -webkit-fill-available
}
body.is-topmenu-open .topmenu {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1
}
body.is-popup-open {
overflow: hidden
}
body.is-catalog-popup-open .page {
overflow: hidden;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%
}
body.is-catalog-popup-open .catalog-popup {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
@media (min-width:768px) {
body.is-search-help-open .page {
overflow: hidden;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%
}
}
body.is-header-fixed .header {
position: fixed;
width: 100%;
top: 0;
left: 0;
background-color: #fff;
z-index: 9999
}
body.is-header-fixed .header__row {
max-width: 1150px;
margin: 0 auto;
padding-left: 25px;
padding-right: 25px;
height: 80px
}
body.is-header-fixed .page__body {
padding-top: 87px
}
body.is-header-fixed .cart-popup {
top: 80px
}
body.is-header-fixed .searchform {
right: 24px
}
body.is-header-fixed .header-infoblock {
display: none
}
body.is-header-fixed .topmenu {
left: 25px
}
body.is-product-fixed .product-fixed {
display: block
}
@media (max-width:1000px) {
body.is-header-fixed .searchform {
width: 100%;
left: 0
}
}
@media (max-width:750px) {
body.is-header-fixed .page__body {
padding-top: 55px
}
body.is-header-fixed .header__row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
height: 48px;
padding: 0 12px
}
body.is-header-fixed .header__menu-toggle {
display: block
}
body.is-header-fixed .header__help-link, body.is-header-fixed .header__mobmenu-toggle, body.is-header-fixed .header__searchform {
display: none
}
body.is-header-fixed .header__group {
width: auto
}
body.is-header-fixed .header__lang {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
body.is-header-fixed .header__mob-cart {
position: relative;
right: auto;
bottom: auto
}
body.is-page-fixed {
-webkit-overflow-scrolling: touch
}
body.is-page-fixed .page {
overflow: hidden;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%
}
body.is-topsearch-open .header .searchform {
bottom: auto;
top: 75px;
border-top: none;
border-bottom: 1px solid #cdcdcd
}
body.has-top-message .topmenu {
height: -webkit-calc(100% - 160px);
height: -moz-calc(100% - 160px);
height: calc(100% - 160px)
}
body.has-bottom-fixed {
padding-bottom: 52px
}
body.has-bottom-fixed .menu-bottom-fixed {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex
}
body.is-mobsearch-open {
-webkit-overflow-scrolling: touch
}
body.is-mobsearch-open .page {
overflow: hidden;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%
}
body.is-mobsearch-open .searchform-helper-mob {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
body.is-topmenu-open .topmenu-overlay {
display: block
}
}
.ios .product-i__btn .btn .btn__icon {
line-height: 32px
}
.ie body {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex
}
.ie .page {
width: 100%
}
.ie .product-i__price:after {
display: none
}
.ie .order-list__i {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.ie .order-list__i-namebox {
-webkit-box-flex: 0;
-webkit-flex: 0 0 -webkit-calc(100% - 500px);
-moz-box-flex: 0;
-ms-flex: 0 0 calc(100% - 500px);
flex: 0 0 calc(100% - 500px)
}
.ie .popup-open-soon__subs-btn {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
@media (max-width:1000px) {
.ie .order-list__i-namebox {
-webkit-box-flex: 0;
-webkit-flex: 0 0 -webkit-calc(100% - 40px);
-moz-box-flex: 0;
-ms-flex: 0 0 calc(100% - 40px);
flex: 0 0 calc(100% - 40px);
margin-right: 25px
}
.ie .order-list__i-content {
width: 60%
}
}
.wrap {
max-width: 1150px;
padding: 0 25px;
margin: 0 auto
}
@media only screen and (max-width:767px) {
.wrap {
padding: 0 12px
}
}
.page {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100vh;
overflow: hidden
}
.page.has-bg .wrap {
background-color: #fff
}
.page.has-bg .header:after {
display: none
}
.page.fuji-xt3-start {
background: #e0e0e0 url(../images/page-bg/fuji-xt3.jpg) no-repeat center top
}
.page.iqos {
background: #ececec url(../images/page-bg/iqos.jpg) no-repeat center top
}
.page.music {
background: #eee url(../images/page-bg/muztorg-bg.jpg) no-repeat center top
}
.page__body {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-moz-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.page__footer {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.page__content.mp {
margin-top: -7px
}
.page__content>.wrap {
padding-bottom: 40px
}
.page__title {
margin-bottom: 35px;
margin-top: 20px
}
@media (max-width:1150px) {
.page.has-bg {
background: 0 0!important
}
.page.has-bg .header:after {
display: block
}
}
@media (max-width:1000px) {
.page__content>.wrap {
padding-bottom: 25px
}
.page__content.mp {
margin-top: 0
}
}
@media (max-width:750px) {
.page__title {
margin-bottom: 20px
}
.page__title:after {
display: none
}
.page__product .breadcrumbs, .page__product .catalog-menu {
display: none
}
}
.header {
border-bottom: 7px solid #ffd734;
padding: 0;
position: relative;
background-color: #fff
}
@media only screen and (max-width:767px) {
.header {
z-index: 9999
}
}
@media only screen and (max-width:767px) {
.is-header-fixed .header__phone {
display: block;
font-size: 12px;
padding-right: 10px !important;
font-weight: 900
}
}
.header:after {
content: "";
border-bottom: 7px solid #ffd734;
position: absolute;
bottom: -7;
width: 3000px
}
.header__row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
background-color: #fff;
height: 100px;
-webkit-transition: height .1s linear;
-o-transition: height .1s linear;
-moz-transition: height .1s linear;
transition: height .1s linear
}
@media only screen and (max-width:1020px) {
.header__row {
height: 80px
}
}
@media only screen and (max-width:767px) {
.header__row {
height: 60px;
display: grid;
grid-template-columns: 1fr;
row-gap: 10px;
padding-top: 6px;
padding-bottom: 8px;
-webkit-transition: none;
-o-transition: none;
-moz-transition: none;
transition: none
}
}
.header__left {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:1150px) {
.header__left {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
}
@media only screen and (max-width:1020px) {
.header__left {
width: 55%
}
}
@media only screen and (max-width:767px) {
.header__left {
width: auto
}
}
.header__right {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
height: 100%
}
@media only screen and (max-width:767px) {
.header__right {
height: auto
}
}
.header__menu-toggle {
-webkit-box-flex: 0;
-webkit-flex: 0 0 30px;
-moz-box-flex: 0;
-ms-flex: 0 0 30px;
flex: 0 0 30px;
margin-right: 40px;
height: 100%;
background-color: transparent;
border: none
}
@media only screen and (max-width:1150px) {
.header__menu-toggle {
margin-right: 20px
}
}
@media only screen and (max-width:1020px) {
.header__menu-toggle {
margin-right: 20px
}
}
@media only screen and (max-width:767px) {
.header__menu-toggle {
display: none
}
}
.header__logo {
color: #000;
font-size: 13px;
line-height: 1;
text-decoration: none;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
position: relative
}
.header__logo img {
display: block
}
.header__logo._new-year::after {
content: "";
background: url(../images/logo-ny-decor.svg) no-repeat right top/auto 100%;
position: absolute;
right: -30px;
top: -15px;
width: 100%;
height: 88px
}
@media only screen and (max-width:1020px) {
.header__logo._new-year::after {
right: -17px;
top: -11px;
height: 75px
}
}
@media only screen and (max-width:767px) {
.header__logo._new-year::after {
background-image: url(../images/logo-ny-decor-mob.svg);
right: -20px;
top: -4px;
height: 38px
}
}
@media only screen and (max-width:1020px) {
.header__logo-icon img {
width: 57px
}
}
@media only screen and (max-width:767px) {
.header__logo-icon img {
width: 35px
}
}
.header__logo-text span {
display: inline-block;
letter-spacing: .04em;
font-weight: 500;
font-size: 12px;
margin-top: 3px
}
@media only screen and (max-width:1020px) {
.header__logo-text img {
width: 128px
}
.header__logo-text span {
font-size: 10px
}
}
@media only screen and (max-width:767px) {
.header__logo-text {
padding-bottom: 5px;
margin-left: -2px
}
.header__logo-text img {
width: 80px
}
}
.header__lang {
margin-left: 5px
}
.header__help-link {
display: none
}
@media only screen and (max-width:767px) {
.header__help-link {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: block;
text-transform: uppercase;
font-size: 10px;
line-height: 1;
text-decoration: none;
margin-left: 12px;
padding: 9px 0 3px;
text-align: center
}
}
.header__group {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%
}
.header__group._desktop {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
@media only screen and (max-width:767px) {
.header__group {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
}
.header__mobmenu-toggle {
display: none
}
@media only screen and (max-width:767px) {
.header__mobmenu-toggle {
display: block;
margin-right: 10px
}
}
.header__city {
margin-left: 65px;
padding-left: 20px;
position: relative;
font-size: 12px
}
@media only screen and (max-width:1150px) {
.header__city {
margin-left: 30px
}
}
@media only screen and (max-width:1020px) {
.header__city {
margin-left: 20px
}
}
@media only screen and (max-width:767px) {
.header__city {
display: none
}
}
.header__city .icon {
position: absolute;
left: 0;
top: 0
}
.header__city-link {
color: #3f3f3f;
text-decoration: none;
border-bottom: 1px dotted transparent
}
.header__city-link:hover {
border-bottom: 1px dotted #3f3f3f
}
.header__contact {
margin-left: 25px;
font-size: 12px
}
@media only screen and (max-width:1020px) {
.header__contact {
display: none
}
}
.header__contact-link {
display: inline-block;
padding: 3px 2px;
white-space: nowrap
}
.header__contact-link._primary {
background-color: #ffd734
}
.header__contact-link._primary a {
border-bottom: 1px dotted #111;
color: #111
}
.header__contact-link a {
border-bottom: 1px dotted #949494;
color: #949494;
text-decoration: none
}
.header__contact-link a:hover {
border-bottom: 1px dotted transparent
}
.header__mob-cart {
display: none
}
@media only screen and (max-width:767px) {
.header__mob-cart {
display: block;
margin-left: 10px;
position: absolute;
right: 0;
bottom: 14px
}
}
.header__mob-cart-num {
position: absolute;
top: -5px;
right: 3px;
border-radius: 50%;
background-color: #ff3131;
color: #fff;
font-size: 10px;
font-weight: 700;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center
}
.header__mob-phone {
display: none
}
@media only screen and (max-width:767px) {
.header__mob-phone {
display: inline-block
}
}
@media only screen and (max-width:767px) {
.header__searchform {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-right: 40px;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
}
.header__phone {
font-size: 25px;
color: #000;
font-family: Mont, sans-serif;
font-weight: 900;
text-decoration: none;
margin-left: 5px;
white-space: nowrap
}
@media only screen and (max-width:1020px) {
.header__phone {
font-size: 15px
}
}
@media only screen and (max-width:767px) {
.header__phone {
display: none
}
}
.header__user {
color: #000;
cursor: pointer;
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
-moz-transition: color .2s ease;
transition: color .2s ease;
position: relative
}
.header__user:hover {
color: #ffd734
}
.header__user-status {
position: absolute;
right: -5px;
top: -3px;
width: 12px;
height: 12px;
background-color: #ff3131;
border-radius: 50%
}
.header__user-status.is-online {
background-color: #3f5
}
.header__search {
cursor: pointer;
color: #000;
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
-moz-transition: color .2s ease;
transition: color .2s ease
}
.header__search:hover {
color: #ffd734
}
.header__menu {
margin-left: 22px;
height: 100%;
padding-right: 3px
}
@media only screen and (max-width:1150px) {
.header__menu {
margin-left: 13px
}
}
@media only screen and (max-width:767px) {
.header__menu {
padding-top: 8px;
margin-left: 0;
display: none
}
}
.header__menu-item {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
padding: 0 8px;
position: relative
}
@media only screen and (max-width:767px) {
.header__menu-item {
margin-left: 7px;
padding: 0
}
}
.header__menu-item._contact, .header__menu-item._phone {
display: none
}
@media only screen and (max-width:767px) {
.header__menu-item._contact, .header__menu-item._phone {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
}
.header__menu-item._search {
padding-right: 0
}
@media only screen and (max-width:1020px) {
.header__menu-item._search {
position: static
}
}
@media only screen and (max-width:767px) {
.header__menu-item._search {
display: none
}
}
@media only screen and (max-width:767px) {
.header__menu-item._favourive {
display: none
}
}
.header__menu-item._favourive .header__rmenu-num {
right: -7px
}
.header__menu-item._cart {
position: static
}
.header__menu-item._cart:hover {
background-color: #ffd734
}
.header__menu-item._cart>a:hover {
color: #000
}
@media only screen and (max-width:1150px) {
.header__menu-item._cart:hover {
background-color: transparent
}
.header__menu-item._cart:hover>a:hover {
color: #ffd734
}
}
@media only screen and (max-width:767px) {
.header__menu-item._user {
display: none
}
}
.header__menu-item>a {
color: #000;
-webkit-transition: none;
-o-transition: none;
-moz-transition: none;
transition: none;
position: relative
}
.header__menu-item>a:hover {
color: #ffd734
}
.header__menu-num {
position: absolute;
right: 3px;
top: -5px;
border-radius: 50%;
background-color: #ff3131;
color: #fff;
font-size: 10px;
font-weight: 700;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center
}
.footer {
padding: 35px 0 25px;
font-size: 12px;
position: relative
}
.footer._simple {
padding: 20px 0
}
.footer._simple:before {
content: "";
height: 2px;
width: 100%;
position: absolute;
left: 0;
top: 0;
background: url(../images/dotted-grey.svg) repeat-x
}
.footer._simple .footer__copyright {
padding: 0
}
@media (max-width:750px) {
.footer._simple {
padding: 15px 0;
text-align: center
}
}
.footer__title {
font-size: 14px;
font-weight: 700;
margin: 0 0 15px
}
.footer__row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative
}
.footer__row:before {
content: "";
height: 2px;
width: 100%;
position: absolute;
left: 0;
top: -35px;
background: url(../images/dotted-grey.svg) repeat-x
}
.footer__l {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
width: -webkit-calc(100% - 230px);
width: -moz-calc(100% - 230px);
width: calc(100% - 230px)
}
.footer__r {
position: relative;
padding-bottom: 105px;
width: 230px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
.footer__contact {
-webkit-box-flex: 0;
-webkit-flex: 0 0 255px;
-moz-box-flex: 0;
-ms-flex: 0 0 255px;
flex: 0 0 255px;
position: relative
}
.footer__contact:after {
content: "";
height: 140px;
width: 2px;
background: url(../images/dotted-grey-vert.svg) repeat-y;
position: absolute;
top: 2px;
right: 0
}
.footer__contact-list {
color: #606060
}
.footer__contact-list li {
margin-bottom: 8px
}
.footer__contact-list li a {
color: #606060;
text-decoration: none;
border-bottom: 1px dotted #606060
}
.footer__contact-list li a:hover {
border-bottom: 1px dotted transparent
}
.footer__contact-list li a[href^="tel:"] {
border-bottom: none;
font-weight: 900;
color: #000
}
.footer__contact-list li a[href^="mailto:"] {
border-bottom: none
}
.footer__menu {
padding: 0 35px
}
.footer__menu--cat {
position: relative
}
.footer__menu--cat:after {
content: "";
height: 140px;
width: 2px;
background: url(../images/dotted-grey-vert.svg) repeat-y;
position: absolute;
top: 2px;
left: 0
}
.footer__menu--cat .footer__menu-list {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px
}
.footer__menu--cat .footer__menu-list._1column {
-webkit-columns: 1;
-moz-columns: 1;
columns: 1
}
.footer__menu-list li {
margin-bottom: 8px
}
.footer__menu-list li a {
color: #606060;
text-decoration: none;
white-space: nowrap
}
.footer__menu-list li a:hover {
text-decoration: underline
}
.footer__menu-list li span {
color: #606060
}
.footer__promo-btn {
margin-top: 15px
}
.footer__promo-btn .icon {
margin-right: 5px
}
.footer__soc {
margin-bottom: 40px;
text-align: right
}
.footer__soc a {
opacity: .25;
border: 1px solid #000;
border-radius: 50%;
width: 48px;
height: 48px;
line-height: 46px;
color: #000;
text-align: center;
display: inline-block
}
.footer__soc a+a {
margin-left: 20px
}
.footer__soc a:hover {
opacity: .5
}
.footer__protect-logo {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
.footer__protect-logo img+img {
margin-left: 12px
}
.footer__protect-text {
color: #606060;
margin-top: 20px
}
.footer__protect-text a {
color: #000;
text-decoration: none;
border-bottom: 1px dotted #000
}
.footer__protect-text a:hover {
border-bottom: 1px dotted transparent
}
.footer__pay {
position: absolute;
bottom: 0;
right: 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
.footer__pay img+img {
margin-left: 20px
}
.footer__bottom {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-top: -30px
}
.footer__subs {
-webkit-box-flex: 0;
-webkit-flex: 0 0 435px;
-moz-box-flex: 0;
-ms-flex: 0 0 435px;
flex: 0 0 435px
}
.footer__subs .footer__title {
margin-bottom: 7px
}
.footer__subs-form {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.footer__subs-form .inputbox {
width: 210px;
margin-right: 15px;
margin-bottom: 10px
}
.footer__subs-form .inputbox.inputbox--check {
width: 100%;
margin-bottom: 0
}
.footer__subs-btn {
width: 170px
}
.footer__subs-success {
position: relative;
padding-left: 40px;
min-height: 60px
}
.footer__subs-success strong {
font-size: 14px
}
.footer__subs-success:before {
content: "";
width: 35px;
height: 35px;
background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2022.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2235.1px%22%20height%3D%2235.1px%22%20viewBox%3D%220%200%2035.1%2035.1%22%20style%3D%22enable-background%3Anew%200%200%2035.1%2035.1%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill%3A%23FFD536%3B%7D%0D%0A%09.st1%7Bfill%3A%23020203%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M35.1%2C17.6c0%2C9.7-7.9%2C17.6-17.6%2C17.6C7.9%2C35.1%2C0%2C27.3%2C0%2C17.6C0%2C7.9%2C7.9%2C0%2C17.6%2C0C27.3%2C0%2C35.1%2C7.9%2C35.1%2C17.6z%22%2F%3E%0D%0A%3Cpath%20class%3D%22st1%22%20d%3D%22M17%2C13.6v3h-3c-0.6%2C0-1%2C0.4-1%2C1c0%2C0.6%2C0.4%2C1%2C1%2C1h3v3c0%2C0.6%2C0.4%2C1%2C1%2C1s1-0.4%2C1-1v-3h3c0.6%2C0%2C1-0.4%2C1-1%0D%0A%09c0-0.6-0.4-1-1-1h-3v-3c0-0.6-0.4-1-1-1C17.4%2C12.6%2C17%2C13.1%2C17%2C13.6z%22%2F%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A) no-repeat;
position: absolute;
left: 0;
top: -9px
}
.footer__logo {
margin-bottom: 17px
}
.footer__logo img {
max-width: 100%
}
.footer__copyright {
padding-bottom: 5px
}
.footer__contact-mob {
display: none;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
max-width: 275px;
margin: 0 auto 20px
}
.footer__contact-mob a {
text-decoration: none
}
.footer__contact-mob a[href^="tel:"] {
font-weight: 900;
color: #000;
padding-top: 2px
}
.footer__contact-mob .icon-phone {
width: 13px;
height: 13px
}
.footer__contact-mob .icon-mail {
margin-right: 3px
}
@media (max-width:1150px) {
.footer__menu {
padding: 0 30px
}
.footer__pay {
left: auto;
right: 0
}
.footer__contact {
-webkit-flex-basis: 230px;
-ms-flex-preferred-size: 230px;
flex-basis: 230px
}
}
@media (max-width:1000px) {
.footer {
padding: 20px 0
}
.footer__row {
display: block;
text-align: center
}
.footer__row:before {
top: -20px
}
.footer__l, .footer__protect, .footer__subs {
display: none
}
.footer__r {
padding-bottom: 0;
width: auto
}
.footer__soc {
margin-bottom: 20px;
text-align: center
}
.footer__pay {
position: static;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.footer__bottom {
display: block;
text-align: center;
padding-top: 15px;
margin-top: 0
}
.footer__contact-mob {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex
}
}
.btn {
font-size: 11px;
line-height: 16px;
text-transform: uppercase;
font-weight: 700;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
-moz-transition: all .2s ease;
transition: all .2s ease;
color: #606060;
background-color: #fff;
border: 1px solid #d2d2d2;
border-radius: 25px;
padding: 12px 50px 12px 25px;
position: relative;
max-width: 100%;
text-align: center
}
.btn:hover .btn__icon {
background-color: #231f20
}
.btn:hover .btn__icon .icon {
fill: #ffd734
}
.btn.is-disabled, .btn:disabled {
pointer-events: none;
cursor: default
}
.btn.is-disabled .btn__icon, .btn:disabled .btn__icon {
background-color: #e0e0e0
}
.btn--wide {
display: block;
width: 100%
}
.btn--simple {
padding: 12px 13px;
background-color: #f9f9f9
}
.btn--simple:hover {
background-color: #f3f3f3
}
.btn--simple:hover span {
border-bottom: 1px dotted transparent
}
.btn--simple span {
border-bottom: 1px dotted #606060
}
.btn--simple-white {
padding: 12px 13px;
background-color: #fff;
color: #000
}
.btn--simple-white:hover span {
border-bottom: 1px dotted transparent
}
.btn--simple-white span {
border-bottom: 1px dotted #606060
}
.btn--simple-yellow {
padding: 12px 13px;
background-color: #fff;
border: 1px solid #ffd734;
box-shadow: 0 0 0 1px #ffd734
}
.btn--simple-yellow:hover span {
border-bottom: 1px dotted transparent
}
.btn--simple-yellow span {
border-bottom: 1px dotted #606060;
color: #000
}
.btn--yellow {
background-color: #ffd734;
border: 1px solid #ffd734;
color: #000
}
.btn--yellow .btn__icon {
background-color: #fff
}
.btn--yellow.btn--no-icon:hover {
background-color: #ffcd01
}
.btn--yellow.is-disabled, .btn--yellow:disabled {
pointer-events: none;
cursor: default;
color: #868686;
background-color: #e0e0e0;
border: 1px solid #e0e0e0
}
.btn--yellow.is-disabled .btn__icon .icon, .btn--yellow:disabled .btn__icon .icon {
fill: #868686
}
.btn--green {
background-color: #82e82e;
border: 1px solid #82e82e;
color: #000
}
.btn--green .btn__icon {
background-color: #fff
}
.btn--grey {
background-color: #5e5e5e;
border: 1px solid #5e5e5e;
color: #fff
}
.btn--grey .btn__icon {
background-color: #fff
}
.btn--grey:hover .btn__icon {
background-color: #ffd734
}
.btn--grey:hover .btn__icon .icon {
fill: #000
}
.btn--greybg {
background-color: #e2e2e2;
border: 1px solid #e2e2e2;
color: #7a7a7a
}
.btn--greybg:hover {
background-color: #e2e2e2!important;
border: 1px solid #e2e2e2
}
.btn--greybg:hover span {
border-bottom: 1px dotted transparent
}
.btn--greybg span {
border-bottom: 1px dotted #7a7a7a
}
.btn--black-i {
color: #000;
border: 1px solid #fff
}
.btn--black-i .btn__icon {
background-color: #231f20
}
.btn--black-i .btn__icon .icon {
fill: #ffd734
}
.btn--black-i:hover .btn__icon {
background-color: #fff
}
.btn--black-i:hover .btn__icon .icon {
fill: #000
}
.btn--no-icon {
padding: 12px 20px
}
.btn--white {
background-color: #fff
}
.btn--white .btn__icon {
background-color: #e1e1e1
}
.btn--white:hover .btn__icon {
background-color: #333
}
.btn--white:hover .btn__icon .icon {
fill: #fff
}
.btn--flex {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 10px;
height: 42px;
line-height: 1
}
.btn--flex.btn--yellow:hover {
background-color: #ffcd01
}
.btn--flex.btn--white:hover {
background-color: #f3f3f3
}
.btn--light {
background-color: #dadada;
border: none;
color: #000
}
.btn--light:hover {
background-color: #e7e7e7
}
.btn.in-list .icon {
fill: #5cea00
}
.btn.in-list .is-hover {
display: none
}
.btn.in-list:hover .is-hover {
display: block
}
.btn.in-list:hover .no-hover {
display: none
}
.btn__icon {
width: 36px;
height: 36px;
line-height: 36px;
font-size: 0;
background-color: #ffd734;
border-radius: 50%;
display: block;
position: absolute;
top: 2px;
right: 2px;
text-align: center;
-webkit-transition: background-color .2s ease;
-o-transition: background-color .2s ease;
-moz-transition: background-color .2s ease;
transition: background-color .2s ease
}
.btn__icon .icon {
fill: #000
}
.title-dotted {
position: relative;
font-weight: 900;
margin-bottom: 20px
}
.title-dotted h1 {
margin-bottom: 0
}
.title-dotted:after {
content: "";
width: 100%;
height: 2px;
position: absolute;
top: 20px;
left: 0;
background: url(../images/dotted-grey.svg) repeat-x
}
.title-dotted span {
display: inline;
background-color: #fff;
padding: 0 7px 0 0;
position: relative;
z-index: 1
}
.title-dotted.title-dotted--center {
text-align: center
}
.title-dotted.title-dotted--center span {
padding-left: 7px
}
h3.title-dotted:after {
top: 16px
}
.title-dotted__link {
text-decoration: none;
display: inline-block;
padding-right: 40px;
position: relative
}
.title-dotted__link strong {
border-bottom: 1px dotted #3f3f3f;
line-height: 1;
display: inline-block
}
.title-dotted__link:after {
content: "";
border-radius: 50%;
width: 35px;
height: 35px;
background: #ffd734 url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2022.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%220%200%2010%205%22%20style%3D%22enable-background%3Anew%200%200%2010%205%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23231F20%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M4.9%2C5C4.9%2C5%2C4.9%2C5%2C4.9%2C5C4.8%2C5%2C4.7%2C5%2C4.6%2C4.9c0%2C0-0.1%2C0-0.1-0.1c-0.1%2C0-0.1-0.1-0.2-0.1c0%2C0-2.2-1.5-2.2-1.5%0D%0A%09L0.5%2C2.1C0%2C1.8-0.1%2C1.1%2C0.1%2C0.6C0.4%2C0%2C1-0.2%2C1.4%2C0.1L4%2C1.9c0%2C0%2C0.4%2C0.3%2C1%2C0.3c0.6%2C0%2C1-0.3%2C1-0.3l2.6-1.7C9-0.2%2C9.6%2C0%2C9.9%2C0.6%0D%0A%09c0.3%2C0.5%2C0.1%2C1.2-0.3%2C1.5L5.9%2C4.6c0%2C0%2C0%2C0%2C0%2C0C5.7%2C4.8%2C5.6%2C4.8%2C5.5%2C4.9l0%2C0C5.4%2C4.9%2C5.2%2C5%2C5.1%2C5c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0%0D%0A%09C5%2C5%2C5%2C5%2C4.9%2C5C5%2C5%2C5%2C5%2C4.9%2C5C5%2C5%2C4.9%2C5%2C4.9%2C5z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A) no-repeat 50% 52%;
position: absolute;
right: 0
}
.title-dotted__link:hover strong {
border-bottom: 1px dotted transparent
}
@media (max-width:750px) {
.title-dotted {
margin-top: 20px
}
.title-dotted:after {
display: none
}
.title-dotted span {
padding: 0
}
.title-dotted.title-dotted--center span {
padding: 0
}
.title-dotted__link {
padding-right: 32px
}
.title-dotted__link:after {
width: 28px;
height: 28px
}
}
.faq__section {
margin-bottom: 40px
}
.faq__section-title {
text-align: center
}
.faq__section-title h3 {
margin-top: 0
}
.faq__i {
margin-bottom: 10px;
border: 1px solid #e0e0e0;
border-radius: 35px;
padding: 20px 70px 20px 25px;
background-color: #f2f2f2;
position: relative
}
.faq__i.is-open {
background-color: #fff
}
.faq__i.is-open .faq__i-title-teaser {
display: none
}
.faq__i.is-open .faq__i-icon {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
background-color: #ffd734;
color: #000
}
.faq__i-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
FONT-WEIGHT: 500;
TEXT-ALIGN: center;
cursor: pointer;
}
.faq__i-title:hover .faq__i-icon {
background-color: #ffd734;
color: #000
}
.faq__i-title h4 {
margin: 0;
display: inline-block;
font-size: 4REM;
}
.faq__i-title-teaser {
margin-left: 10px;
display: inline-block
}
.faq__i-icon {
position: absolute;
right: 11px;
top: 28px;
width: 36px;
height: 36px;
line-height: 36px;
border-radius: 50%;
background-color: #ffffff;
color: #606060;
text-align: center;
}
.faq__i-content {
padding-top: 25px;
display: none
}
.faq__i-content p:last-child {
margin-bottom: 0
}
.operator {
width: 31px;
vertical-align: top;
}
.com {
width: 24px;
vertical-align: text-bottom;
}
.ins {
font-size: 36px;
letter-spacing: 2px;
font-weight: 500; text-decoration:none;
}
@media (max-width:1000px) {
.lgo, .lgo span {
font-size: 31px !important;
}
.scooter__insurance-intro ul { display:none !important}
.operator {
width: 23px;
vertical-align: top;
padding-right: 3px;
}
.mte { font-size: 15px;
vertical-align: super;
text-decoration: none !important;}
.faq__i-title-teaser {
margin-left: 0;
margin-top: 10px;
display: block
}
.header._simple .header__phone {
display: block;
font-size: 15px;
padding-right: 0;
font-weight: 600;
}
}
@media (max-width:600px) {
.faq__i {
padding: 12px 20px 12px 20px;
border-radius: 22px
}
.faq__i-icon {
top: 18px;
width: 40px;
height: 40px;
line-height: 40px;
}
.faq__i-title {
white-space: normal
}
.faq__i-title h4 {
font-size: 2.4REM;
}
}
.checked-list li {
position: relative;
margin-bottom: 15px;
padding-left: 35px
}
.checked-list li:before {
content: "";
width: 23px;
height: 23px;
position: absolute;
left: 0;
top: -2px;
display: block;
background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2022.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2222.4px%22%20height%3D%2222.4px%22%20viewBox%3D%220%200%2022.4%2022.4%22%20style%3D%22enable-background%3Anew%200%200%2022.4%2022.4%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill%3A%23FFD734%3B%7D%0D%0A%09.st1%7Bfill%3Anone%3Bstroke%3A%23000000%3Bstroke-width%3A1.5%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M22.4%2C11.2c0%2C6.2-5%2C11.2-11.2%2C11.2C5%2C22.4%2C0%2C17.4%2C0%2C11.2C0%2C5%2C5%2C0%2C11.2%2C0C17.4%2C0%2C22.4%2C5%2C22.4%2C11.2z%22%2F%3E%0D%0A%09%09%3Cpolyline%20class%3D%22st1%22%20points%3D%226.6%2C10.8%2010.1%2C14.3%2015.9%2C8.1%20%09%09%22%2F%3E%0D%0A%09%3C%2Fg%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A) no-repeat
}
.product-i {
padding: 15px;
width: 25%;
min-height: 270px
}
.product-i.product-i--2 {
width: 50%
}
.product-i.is-disabled {
opacity: .7
}
.product-i.is-disabled .product-i__bottom-btn {
pointer-events: none
}
.product-i.is-disabled .product-i__bottom-btn .btn__icon {
background-color: #e0e0e0
}
.product-i.is-disabled img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
.product-i.is-disabled .product-i__price {
-webkit-filter: saturate(0);
filter: saturate(0)
}
.product-i.product-i--no-btn .product-i__name {
padding-right: 0
}
.product-i._simple-btn .product-i__btn {
position: static;
padding: 0 10px 10px 10px
}
.product-i._simple-btn .product-i__btn .btn {
width: 100%;
vertical-align: top;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
border: 1px solid #ffd734;
background-color: #ffd734;
padding: 0 45px 0 20px
}
.product-i._simple-btn .product-i__btn .btn span {
opacity: 1
}
.product-i._simple-btn .product-i__btn .btn .btn__icon {
background-color: #fff
}
.product-i._simple-btn .product-i__btn .btn:hover .btn__icon {
background-color: #000
}
.product-i._simple-btn .product-i__btn .btn:hover .btn__icon .icon {
fill: #ffd734
}
.product-i._simple-btn .product-i__btn.in-list .btn {
background-color: #82e82e;
border: 1px solid #82e82e
}
.product-i._simple-btn .product-i__btn.in-list .btn .btn__icon {
background-color: #fff;
border: 1px solid #82e82e;
-webkit-transition: none;
-o-transition: none;
-moz-transition: none;
transition: none
}
.product-i._simple-btn .product-i__btn.in-list .btn .btn__icon .icon {
fill: #82e82e
}
.product-i._simple-btn .product-i__btn.in-list .btn .btn__icon.is-hover {
display: none
}
.product-i._simple-btn .product-i__btn.in-list .btn:hover .btn__icon {
background-color: #000
}
.product-i._simple-btn .product-i__btn.in-list .btn:hover .btn__icon .icon {
fill: #ffd734
}
.product-i._simple-btn .product-i__btn.in-list .btn:hover .btn__icon.is-hover {
display: inline-block
}
.product-i._buy .product-i__price {
height: auto
}
.product-i--cloths .product-i__in {
border: none
}
.product-i--cloths .product-i__img img {
max-width: 100%;
max-height: 100%;
width: 100%;
display: block
}
.product-i--cloths .product-i__img-shadow {
padding: 0;
height: auto;
line-height: normal
}
.product-i--cloths .product-i__img-shadow:after {
display: none
}
.product-i--cloths .product-i__info {
padding-left: 0;
padding-right: 0
}
.product-i--cloths .product-i__name {
padding-right: 50px
}
.product-i--subs .product-i__in {
background: url(../images/pattern-grey.jpg) repeat;
padding: 20px 30px 10px 30px
}
.product-i--info .product-i__in {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.product-i__more {
position: absolute;
top: 5px;
right: 5px;
z-index: 1;
color: #cdcdcd
}
.product-i__more .icon {
width: 25px;
height: 22px
}
.product-i__more:hover {
color: #a7a7a7
}
.product-i__subs-name {
margin-bottom: 10px;
font-size: 22px;
font-family: Mont, sans-serif;
font-weight: 900;
color: #000
}
.product-i__subs-info {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
.product-i__subs-img {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-moz-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%
}
.product-i__subs-img img {
max-width: 100%;
max-height: 180px
}
.product-i__subs-price {
padding-left: 5px;
margin-bottom: 15px;
font-size: 9px;
font-weight: 700;
color: #000;
text-transform: uppercase
}
.product-i__subs-price strong {
font-family: Mont, sans-serif;
font-weight: 900;
font-size: 16px
}
.product-i__desc {
color: #a6a6a6;
font-size: 11px;
margin-top: 5px;
margin-right: 30px
}
.product-i__desc p {
margin: 0
}
.product-i__in {
border: 1px solid #d2d2d2;
height: 100%;
position: relative
}
.product-i__in:hover .product-i__hover {
opacity: 1;
visibility: visible
}
@media (max-width:1150px) {
.product-i__in:hover .product-i__hover {
opacity: 0;
visibility: hidden
}
}
.product-i__labels {
position: absolute;
top: 5px;
left: 5px;
z-index: 1
}
.product-i__label {
border-radius: 20px;
font-weight: 700;
font-size: 9px;
line-height: 12px;
text-transform: uppercase;
text-align: center;
padding: 6px 10px
}
.product-i__label.in-complect {
background-color: #5bea00;
color: #fff
}
.product-i__label .icon {
display: none;
width: 16px;
height: 16px
}
.product-i__label img {
display: inline-block;
vertical-align: top;
margin-right: 5px
}
.product-i__label.is-hit {
background-color: #fe643a;
color: #fff;
font-family: Mont, sans-serif;
font-weight: 900
}
.product-i__label.is-hit img {
display: inline-block;
vertical-align: top;
margin-right: 5px
}
.product-i__label.is-new {
background-color: #00e25b;
color: #fff;
font-family: Mont, sans-serif;
font-weight: 900
}
.product-i__label.is-buy {
background-color: #565656;
color: #fff;
font-family: Mont, sans-serif;
font-weight: 900
}
.product-i__qty {
position: absolute;
top: 5px;
right: 5px;
z-index: 1
}
.product-i__qty .qty-box {
border: none;
border-radius: 25px;
background-color: #dfdfdd
}
.product-i__qty .qty-box__action {
width: 24px;
height: 24px;
box-shadow: none;
line-height: 22px;
font-size: 18px;
color: #898989;
border-radius: 0
}
.product-i__qty .qty-box__action:hover {
background-color: #ffd734
}
.product-i__qty .qty-box__action:first-child {
border-top-left-radius: 50%;
border-bottom-left-radius: 50%
}
.product-i__qty .qty-box__action:last-child {
border-top-right-radius: 50%;
border-bottom-right-radius: 50%
}
.product-i__qty .qty-box__input {
width: 20px;
border: none;
font-size: 14px;
line-height: 18px;
padding: 3px 2px;
margin: 0;
border-radius: 0;
font-family: MuseoSansCyrl, sans-serif;
background-color: #ffd734
}
.product-i__action {
position: absolute;
top: 5px;
right: 5px;
z-index: 1
}
.product-i__action a {
display: block;
width: 26px;
height: 26px;
line-height: 24px;
text-align: center;
border-radius: 50%
}
.product-i__action a.product-i__del {
color: #a5a5a5
}
.product-i__action a.product-i__back {
background-color: #ffd734
}
.product-i__img {
position: relative;
text-align: center
}
.product-i__img img {
max-width: 90%;
max-height: 145px;
vertical-align: middle;
display: inline-block
}
.product-i__img-shadow {
display: block;
position: relative;
padding: 10px;
height: 165px;
line-height: 145px
}
.product-i__img-shadow:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0,0,0,.05)
}
.product-i__info {
padding: 8px;
position: relative
}
.product-i__pricebox {
padding: 8px
}
.product-i__pricebox .product-i__price {
height: auto
}
@media only screen and (max-width:1150px) {
.product-i__pricebox .product-i__price {
display: block
}
}
.product-i__pricebox .product-i__price-rent:last-child {
padding-left: 3px
}
@media only screen and (max-width:1150px) {
.product-i__pricebox .product-i__price-rent {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
position: relative
}
.product-i__pricebox .product-i__price-rent::after {
content: "";
width: 100%;
height: 2px;
position: absolute;
bottom: 6px;
left: 0;
background: url(../images/dotted-grey.svg) repeat-x
}
.product-i__pricebox .product-i__price-rent:last-child {
padding-left: 0
}
}
@media only screen and (max-width:767px) {
.product-i__pricebox .product-i__price-rent {
display: block;
margin-bottom: 5px
}
.product-i__pricebox .product-i__price-rent:last-child {
margin-bottom: 0
}
}
@media only screen and (max-width:1150px) {
.product-i__pricebox .product-i__price-label {
width: 48px;
padding-bottom: 3px;
position: relative;
z-index: 1;
background-color: #fff
}
}
@media only screen and (max-width:767px) {
.product-i__pricebox .product-i__price-label {
display: block;
padding-bottom: 0;
margin-bottom: -3px
}
}
@media only screen and (max-width:1150px) {
.product-i__pricebox .product-i__price-num {
position: relative;
z-index: 1;
background-color: #fff;
padding-right: 2px
}
}
@media only screen and (max-width:767px) {
.product-i__pricebox .product-i__price-num {
display: inline-block
}
}
.product-i__info-top {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 7px
}
.product-i__brand {
font-weight: 700;
width: 65%
}
.product-i__brand a {
text-decoration: none
}
.product-i__brand a:hover {
text-decoration: underline
}
.product-i__code {
color: #868686;
font-size: 10px;
width: 35%;
text-align: right;
padding-top: 3px
}
.product-i__price {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
height: 34px
}
.product-i__price:after {
content: "";
width: 100%;
height: 2px;
position: absolute;
bottom: 6px;
left: 0;
background: url(../images/dotted-grey.svg) repeat-x
}
.product-i__price+.product-i__name {
margin-top: 3px
}
.product-i__price-rent {
color: #000;
background-color: #fff;
position: relative;
z-index: 1;
white-space: nowrap
}
.product-i__price-rent .product-i__price-num {
font-size: 8px;
text-transform: uppercase;
font-weight: 700
}
.product-i__price-rent .product-i__price-num strong {
font-size: 16px
}
.product-i__price-rent .product-i__price-num .rub {
background-color: #ffd734;
border: 1px solid #ffd734
}
.product-i__price-rent.is-free .product-i__price-num {
font-size: 16px;
text-transform: none;
font-family: Mont, sans-serif;
font-weight: 900
}
.product-i__price-label {
color: #878787;
font-size: 9px;
text-transform: uppercase
}
.product-i__price-num {
line-height: 22px;
height: 22px
}
.product-i__price-num strong {
font-family: Mont, sans-serif;
font-weight: 900
}
.product-i__price-num .rub {
display: inline-block;
border-radius: 50%;
width: 17px;
height: 17px;
line-height: 15px;
text-align: center
}
.product-i__price-buy {
text-align: right;
font-size: 13px;
background-color: #fff;
padding-left: 4px;
position: relative;
z-index: 1
}
.product-i__price-buy .product-i__price-num {
font-family: Mont, sans-serif;
font-weight: 900
}
.product-i__price-buy .product-i__price-num .rub {
background-color: #fff;
border: 1px solid #d2d2d2
}
.product-i__price-buy .currency-decorated {
background-color: #fff;
border: 1px solid #d2d2d2
}
.product-i__price-currency {
font-family: MuseoSansCyrl, sans-serif;
font-weight: 700;
display: inline-block;
border-radius: 50%;
width: 17px;
height: 17px;
line-height: 15px;
text-align: center;
background-color: #ffd734;
border: 1px solid #ffd734;
margin-left: 3px
}
.product-i__name {
padding-right: 30px;
font-size: 12px;
font-weight: 700;
color: #000;
display: block;
text-decoration: none;
height: 32px;
text-overflow: clip;
position: relative;
overflow: hidden
}
.product-i__name:hover {
text-decoration: underline
}
.product-i__name:after {
content: "";
height: 50%;
width: 25%;
position: absolute;
bottom: 0;
right: 25px;
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), color-stop(75%, #fff));
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), #fff 75%);
background-image: -moz-linear-gradient(left, rgba(255,255,255,0), #fff 75%);
background-image: linear-gradient(to right, rgba(255,255,255,0), #fff 75%)
}
.product-i__btn {
position: absolute;
z-index: 2;
bottom: 4px;
right: 3px
}
.product-i__btn.in-list .btn .btn__icon {
background-color: #5cea00;
border: 2px solid #5cea00
}
.product-i__btn.in-list .btn .btn__icon .icon {
fill: #fff
}
.product-i__btn.in-list .btn:hover {
background-color: #5cea00;
border: 1px solid #5cea00
}
.product-i__btn.in-list .btn:hover .btn__icon {
border: 2px solid #5cea00
}
.product-i__btn.in-list .btn:hover .btn__icon .icon {
fill: #5cea00
}
.product-i__btn .btn {
width: 40px;
height: 40px;
line-height: 40px;
overflow: hidden;
padding: 0;
border: 1px solid transparent;
background-color: transparent;
-webkit-transform: scale(.75, .75);
-moz-transform: scale(.75, .75);
-ms-transform: scale(.75, .75);
-o-transform: scale(.75, .75);
transform: scale(.75, .75);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease
}
.product-i__btn .btn .btn__icon {
background-color: #ffd734;
width: 38px;
height: 38px;
line-height: 34px;
border: 2px solid #ffd734;
right: 0;
top: 0;
font-size: 0
}
.product-i__btn .btn span {
opacity: 0;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease
}
.product-i__btn .btn:hover .btn__icon .icon {
fill: #000
}
.product-i__idea {
text-align: center;
display: block;
color: #000;
text-decoration: none;
padding: 20px 15px
}
.product-i__idea .icon {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
-o-transition: -o-transform .4s ease;
-moz-transition: transform .4s ease, -moz-transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease, -o-transform .4s ease
}
.product-i__idea:hover .icon {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
-ms-transform: translateY(-8px);
-o-transform: translateY(-8px);
transform: translateY(-8px)
}
.product-i__idea-icon {
width: 82px;
height: 82px;
line-height: 82px;
border-radius: 50%;
background-color: #ffd734;
margin: 0 auto 15px
}
.product-i__idea-name {
font-family: Mont, sans-serif;
font-weight: 900;
font-size: 28px;
line-height: 1.1
}
.product-i__bnft {
text-align: center;
display: block;
color: #000;
text-decoration: none;
padding: 20px 15px
}
.product-i__bnft img {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
-o-transition: -o-transform .4s ease;
-moz-transition: transform .4s ease, -moz-transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease, -o-transform .4s ease
}
a.product-i__bnft:hover img {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
.product-i__bnft-icon {
margin: 0 auto 15px
}
.product-i__bnft-name {
font-family: Mont, sans-serif;
font-weight: 900;
font-size: 20px;
line-height: 1.1
}
.product-i__bnft-name span {
display: block;
font-family: MuseoSansCyrl, sans-serif;
font-size: 17px
}
.product-i__bottom {
padding: 10px 0 0 0
}
.product-i__switcher label {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
.product-i__bottom-btn {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
padding: 0 40px 0 5px;
height: 42px;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.product-i__bottom-btn .btn__icon {
background-color: #dadada;
font-size: 0
}
.product-i__bottom-btn .btn__icon .icon {
fill: #606060
}
.product-i__bottom-btn .hover-text {
display: none
}
.product-i__bottom-btn .default-text {
display: inline-block
}
.product-i__bottom-btn .no-add-text {
display: none
}
.product-i__bottom-btn:hover .hover-text {
display: inline-block
}
.product-i__bottom-btn:hover .default-text {
display: none
}
.product-i__bottom-btn.in-list {
color: #000
}
.product-i__bottom-btn.in-list .btn__icon {
background-color: #5bea00
}
.product-i__bottom-btn.in-list .btn__icon .icon {
fill: #fff
}
.product-i__bottom-btn.in-list:hover .btn__icon {
background-color: #ff031c
}
.product-i__bottom-btn.in-list:hover .btn__icon .icon {
fill: #fff
}
.product-i__bottom-btn.del {
color: #000
}
.product-i__bottom-btn.del .btn__icon {
background-color: #d81a24
}
.product-i__bottom-btn.del .btn__icon .icon {
fill: #fff
}
.product-i__bottom-btn.del:hover .btn__icon {
background-color: #ff031c
}
.product-i__bottom-btn.del:hover .btn__icon .icon {
fill: #fff
}
.product-i__bottom-btn.del.is-disabled {
pointer-events: none;
cursor: default;
opacity: .5
}
.product-i__bottom-btn.del.is-disabled .btn__icon {
background-color: rgba(36,36,36,.3)
}
.product-i__bottom-btn.add {
color: #000
}
.product-i__bottom-btn.add .add-text {
display: none
}
.product-i__bottom-btn.add .no-add-text {
display: inline-block
}
.product-i__bottom-btn.add .btn__icon {
background-color: #ffd734
}
.product-i__bottom-btn.add .btn__icon .icon {
fill: #000
}
.product-i__bottom-btn.add:hover {
background-color: #ffd734;
border: 1px solid #ffd734;
color: #000
}
.product-i__bottom-btn.add:hover .btn__icon {
background-color: #fff
}
.product-i__bottom-btn.add:hover .btn__icon .icon {
fill: #000
}
.product-i__add {
height: 306px;
background-color: rgba(36,36,36,.05);
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
text-align: center;
text-decoration: none
}
.product-i__add:hover .product-i__add-icon {
background-color: #82e82e;
border: 2px solid #fff;
color: #fff
}
.product-i__add:hover .product-i__add-text {
color: #000
}
.product-i__add-icon {
width: 90px;
height: 90px;
line-height: 84px;
border-radius: 50%;
margin-bottom: 25px;
border: 2px solid #d7d7d7;
color: #dedede;
background-color: #fff;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
-moz-transition: all .2s ease;
transition: all .2s ease
}
.product-i__add-text {
width: 100%;
font-family: Mont, sans-serif;
font-weight: 900;
color: #606060;
font-size: 16px
}
.product-i__howto {
display: block;
height: 100%;
background: url(../images/catalog-howto.jpg) no-repeat;
background-size: cover;
position: relative;
padding: 15px 25px;
text-decoration: none
}
.mobile .product-i__howto {
background-image: url(../images/catalog-howto@2x.jpg)
}
.product-i__howto-title {
font-size: 27px;
line-height: 1.2;
font-family: Mont, sans-serif;
font-weight: 900
}
.product-i__howto-btn {
position: absolute;
bottom: 15px;
left: 25px;
width: 135px
}
.product-i__promo {
display: block;
height: 100%;
width: 100%;
background-position: center center;
background-size: auto 100%;
background-repeat: no-repeat
}
.product-i__form {
margin-top: 20px
}
.product-i__hover {
visibility: hidden;
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: -webkit-calc(100% - 48px);
height: -moz-calc(100% - 48px);
height: calc(100% - 48px);
background-color: #fff;
padding: 10px;
z-index: 3;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
-moz-transition: all .2s ease;
transition: all .2s ease
}
.product-i__hover:after {
content: "";
width: -webkit-calc(100% - 20px);
width: -moz-calc(100% - 20px);
width: calc(100% - 20px);
height: 2px;
position: absolute;
bottom: 3px;
left: 10px;
background: url(../images/dotted-grey.svg) repeat-x
}
.product-i__hover-price {
margin-bottom: 20px;
font-size: 10px;
text-transform: uppercase;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
.product-i__hover-price strong {
font-size: 25px;
font-family: Mont, sans-serif;
font-weight: 900;
margin: 0 5px
}
.product-i__hover-price .rub {
width: 24px;
height: 24px;
display: inline-block;
line-height: 24px;
border-radius: 50%;
background-color: #ffd734;
text-align: center
}
.product-i__hover ul {
padding-left: 15px;
margin: 0
}
@media (min-width:1151px) {
.product-i__btn .btn:hover {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
border: 1px solid #ffd734;
background-color: #ffd734;
width: 160px;
padding: 0 45px 0 20px
}
.product-i__btn .btn:hover span {
opacity: 1
}
.product-i__btn .btn:hover .btn__icon {
background-color: #fff
}
.product-i__btn .btn:hover .btn__icon .icon {
fill: #000
}
}
@media (max-width:1150px) {
.product-i {
padding: 8px
}
.product-i--subs .product-i__in {
padding: 20px 15px 10px 15px
}
}
@media (max-width:1000px) {
.product-i {
width: 33.3333%
}
.product-i.product-i--2 {
width: 66.66666%
}
.product-i__bnft-name {
font-size: 18px
}
.product-i__bnft-name span {
font-size: 15px
}
.product-i__form {
min-width: 200px
}
}
@media (max-width:750px) {
.product-i {
padding: 5px;
min-height: 200px
}
.product-i.in-list .product-i__in {
box-shadow: 0 0 0 1px #82e82e
}
.product-i.product-i--review, .product-i.product-i--top5 {
display: none
}
.product-i._simple-btn .product-i__btn {
padding: 3px 0 10px 0
}
.product-i--extra {
display: none
}
.product-grid__row {
margin: -4px -5px 0
}
.product-i__add {
height: 100%
}
.product-i__add-icon {
width: 70px;
height: 70px;
line-height: 64px;
margin-bottom: 20px
}
.product-i__add-text {
font-size: 12px
}
.product-i {
width: 50%
}
.product-i.product-i--info .product-i__in {
border: 1px solid #d2d2d2;
padding: 0
}
.product-i.product-i--info.product-i--poster .product-i__in {
border: none
}
.product-i__in {
height: 100%
}
.product-i__img img {
max-height: 90px
}
.product-i__img-shadow {
padding: 5px;
height: 120px;
line-height: 110px;
position: static
}
.product-i__price {
height: 22px
}
.product-i__price-buy, .product-i__price-label {
display: none
}
.product-i__idea-name {
font-size: 17px
}
.product-i__idea-icon {
width: 60px;
height: 60px;
line-height: 60px
}
.product-i__idea-icon .icon {
width: 35px;
height: 50px
}
.product-i__bottom-btn {
font-size: 10px;
line-height: 12px
}
.product-i__label {
padding: 5px 6px
}
.product-i__bnft {
padding-left: 8px;
padding-right: 8px
}
.product-i__bnft-icon img {
width: 60px;
height: auto
}
.product-i__bnft-name {
font-size: 14px
}
.product-i__brand {
width: 55%
}
.product-i__code {
width: 45%
}
}
@media (max-width:600px) {
.product-i._mob-fullwide {
width: 100%
}
.product-i__form {
min-width: 235px
}
}
.popup {
height: 100%;
position: fixed;
width: 100%;
z-index: 9999;
top: 0;
left: 0;
display: none;
overflow: hidden
}
.popup__inner {
overflow: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 10px 10px 0;
text-align: center
}
.popup__inner:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
width: 0;
margin-right: -.25em
}
.popup__container {
border: 1px solid #cdcdcd;
padding: 50px 30px 45px;
position: relative;
background-color: #fff;
z-index: 1000;
max-width: 500px;
width: 100%;
margin-bottom: 10px;
display: inline-block;
text-align: left;
vertical-align: middle;
white-space: normal
}
.popup__content.textpage {
line-height: 1.5
}
.popup__content.textpage ul {
padding-left: 0
}
.popup__content-section {
margin: 35px 0
}
.popup__content-row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
.popup__overlay {
position: fixed;
background: #000;
opacity: .5;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 999
}
.popup__close {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
width: 36px;
height: 36px;
line-height: 34px;
text-align: center;
background: #fff;
border: 1px solid #cdcdcd;
border-radius: 50%;
z-index: 1000;
color: #3f3f3f
}
.popup__close:hover {
border: 1px solid #ffd734
}
.popup__form {
max-width: 310px;
margin: 0 auto
}
.popup__header {
text-align: center;
margin-bottom: 40px
}
.popup__header-title {
font-size: 25px;
font-family: Mont, sans-serif;
font-weight: 700;
margin: 0
}
.popup__success {
max-width: 310px;
margin: 0 auto;
text-align: center
}
.popup__success .popup__header {
margin-bottom: 20px
}
.popup__success .popup__header h4 {
margin: 5px 0 0
}
.popup__footer {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.popup__footer .btn {
width: 48%;
min-width: 48%;
padding: 12px 10px
}
.popup-city .popup__container {
max-width: 710px
}
.popup-city__form {
width: 560px;
max-width: 100%;
margin: 0 auto
}
.popup-city__inputbox {
position: relative
}
.popup-city__inputbox:before {
content: "";
width: 25px;
height: 26px;
display: block;
position: absolute;
left: 13px;
z-index: 1;
background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2015.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2224.279px%22%20height%3D%2224.281px%22%20viewBox%3D%220%200%2024.279%2024.281%22%20enable-background%3D%22new%200%200%2024.279%2024.281%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpath%20d%3D%22M8.127%2C16.254C3.646%2C16.254%2C0%2C12.608%2C0%2C8.127S3.646%2C0%2C8.127%2C0s8.127%2C3.646%2C8.127%2C8.127S12.609%2C16.254%2C8.127%2C16.254z%0D%0A%09%09%20M8.127%2C2C4.749%2C2%2C2%2C4.749%2C2%2C8.127s2.749%2C6.127%2C6.127%2C6.127s6.127-2.749%2C6.127-6.127S11.506%2C2%2C8.127%2C2z%22%2F%3E%0D%0A%09%3Cpath%20d%3D%22M23.28%2C24.281c-0.256%2C0-0.512-0.098-0.707-0.293L12.459%2C13.873c-0.391-0.391-0.391-1.023%2C0-1.414s1.023-0.391%2C1.414%2C0%0D%0A%09%09l10.113%2C10.115c0.391%2C0.391%2C0.391%2C1.023%2C0%2C1.414C23.791%2C24.184%2C23.535%2C24.281%2C23.28%2C24.281z%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A) no-repeat
}
.popup-city__input {
width: 100%;
background-color: #fff;
border: 1px solid #d2d2d2;
border-radius: 20px;
position: relative;
padding: 12px 45px;
line-height: 14px;
font-family: MuseoSansCyrl, sans-serif;
color: #000;
display: block
}
.popup-city__input:focus {
border: 1px solid #ffd734;
box-shadow: 0 0 0 1px #ffd734
}
.popup-city__reset {
border: none;
color: #e2e2e2;
background-color: transparent;
position: absolute;
right: 10px;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center
}
.popup-city__list {
margin-top: 30px;
-webkit-columns: 3;
-moz-columns: 3;
columns: 3
}
.popup-city__list li {
position: relative;
padding-left: 30px;
margin-bottom: 5px;
color: #000;
line-height: 1.1
}
.popup-city__list li:before {
content: attr(data-letter);
position: absolute;
left: 0;
top: 0;
font-size: 25px;
line-height: 1;
font-family: Mont, sans-serif;
font-weight: 900;
color: #ffd734
}
.popup-city__list li a {
text-decoration: none
}
.popup-city__list li a:hover {
text-decoration: underline
}
.popup-inlist .popup__container {
max-width: 285px;
padding-bottom: 25px
}
.popup-inlist .popup__header-title {
font-size: 21px
}
.popup-inlist .btn {
margin-bottom: 10px
}
.popup-bnft .popup__container {
max-width: 800px
}
.popup-bnft__text {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.popup-bnft__text strong {
font-family: Mont, sans-serif;
font-weight: 900
}
.popup-bnft__text+.popup-bnft__text {
margin-top: 25px
}
.popup-bnft__col {
width: 47%
}
.popup-bnft__col img {
width: 100%
}
.popup-bnft__video {
position: relative
}
.popup-bnft__video .icon-play {
position: absolute;
width: 46px;
height: 46px
}
.popup-bnft__video .icon-play:hover {
-webkit-transform: translate(-50%, -50%) scale(1.1, 1.1);
-moz-transform: translate(-50%, -50%) scale(1.1, 1.1);
-ms-transform: translate(-50%, -50%) scale(1.1, 1.1);
-o-transform: translate(-50%, -50%) scale(1.1, 1.1);
transform: translate(-50%, -50%) scale(1.1, 1.1)
}
.popup-success .popup__content {
text-align: center
}
.popup-tarif .popup__container {
max-width: 1000px
}
.popup-tarif .product-subs__offer {
margin-bottom: 0
}
.popup-tarif .product-subs__offer-header {
display: block;
text-align: center;
margin-bottom: 15px
}
.popup-tarif .product-subs__offer-qty {
margin: 0 auto 5px
}
.popup-tarif .product-subs__offer-content {
padding-left: 0
}
.popup-tarif .product-subs__offer-name {
font-size: 20px
}
.popup-product .popup__container {
max-width: 955px
}
.popup-product .popup__header {
text-align: left
}
.popup-product .popup__header span {
max-width: 80%;
display: inline-block
}
.popup-product__main {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 20px
}
.popup-product__imgbox {
width: -webkit-calc(100% - 370px);
width: -moz-calc(100% - 370px);
width: calc(100% - 370px);
padding-right: 20px;
max-width: 450px
}
.popup-product__bigslider-i {
line-height: 375px
}
.popup-product__bigslider-i img {
max-width: 100%;
max-height: 350px;
display: inline-block;
vertical-align: middle
}
.popup-product__bigslider .slick-dots {
text-align: center;
margin: 0 0 15px 0
}
.popup-product__bigslider .slick-dots li {
display: inline-block
}
.popup-product__bigslider .slick-dots li button {
border: 2px solid #a7a9ab;
background-color: #fff;
border-radius: 50%;
margin: 0 5px;
width: 15px;
height: 15px;
text-indent: -99999px
}
.popup-product__bigslider .slick-dots li.slick-active button {
background-color: #a7a9ab
}
.popup-product__thumbslider {
padding: 0 20px;
margin-top: 5px
}
.popup-product__thumbslider .slick-slide {
margin: 0 8px
}
.popup-product__thumbslider .slick-slide img {
width: 100%
}
.popup-product__thumbslider .slick-slide.slick-current {
opacity: 1
}
.popup-product__thumbslider .slick-list {
margin: 0 -8px
}
.popup-product__thumbslider .slick-arrow {
position: absolute;
top: 0;
height: 100%;
width: 20px;
border: none;
text-indent: -99999px;
background-color: #fff;
text-align: center;
z-index: 1
}
.popup-product__thumbslider .slick-arrow:after {
content: "";
width: 8px;
height: 22px;
position: absolute
}
.popup-product__thumbslider .slick-arrow.slick-prev {
left: 0
}
.popup-product__thumbslider .slick-arrow.slick-prev:after {
left: 0;
background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2022.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%209%2024%22%20style%3D%22enable-background%3Anew%200%200%209%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3Anone%3Bstroke%3A%237A7B7B%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpolyline%20class%3D%22st0%22%20points%3D%227.8%2C1%201%2C12.1%207.8%2C23%20%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A) no-repeat
}
.popup-product__thumbslider .slick-arrow.slick-next {
right: 0
}
.popup-product__thumbslider .slick-arrow.slick-next:after {
right: 0;
background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2022.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%209%2024%22%20style%3D%22enable-background%3Anew%200%200%209%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3Anone%3Bstroke%3A%237A7B7B%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpolyline%20class%3D%22st0%22%20points%3D%221%2C23%207.8%2C11.8%201%2C1%20%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A) no-repeat
}
.popup-product__thumbslider .slick-arrow.slick-disabled {
cursor: default
}
.popup-product__thumbslider .slick-arrow.slick-disabled:after {
opacity: .5
}
.popup-product__thumbslider-i {
line-height: 100px;
height: 100px;
text-align: center;
cursor: pointer
}
.popup-product__thumbslider-i img {
max-width: 100%;
max-height: 100px;
display: inline-block;
vertical-align: middle
}
.popup-product__info {
width: 370px
}
.popup-product__logo {
margin-bottom: 5px
}
.popup-product__logo img {
max-height: 60px;
max-width: 50%
}
.popup-product__spec {
margin-bottom: 20px
}
.popup-product__spec-i {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
margin-bottom: 13px
}
.popup-product__spec-i:before {
content: "";
border-bottom: 1px dotted #606060;
position: absolute;
left: 0;
bottom: 5px;
width: 100%;
z-index: 2
}
.popup-product__spec-i-name {
color: #000;
font-weight: 900;
background-color: #fff;
position: relative;
z-index: 3;
padding-right: 5px;
font-size: 14px
}
.popup-product__spec-i-val {
background-color: #fff;
position: relative;
z-index: 3;
padding-left: 5px;
text-align: right
}
.popup-product__about {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.popup-product__about-i {
background-color: #fafafa;
height: 160px;
width: 48%;
border: 1px solid #cdcdcd;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.popup-product__about-i-icon {
color: #ffd734;
width: 100%;
text-align: center;
margin-bottom: 5px
}
.popup-product__about-i-text {
font-weight: 700;
font-size: 14px;
line-height: 1.1;
text-transform: uppercase;
text-align: center
}
.popup-product__about-i-text strong {
font-size: 40px;
font-family: Mont, sans-serif;
font-weight: 900;
display: block;
text-transform: none
}
.popup-product__desc {
position: relative;
padding-top: 25px
}
.popup-product__desc:before {
content: "";
height: 2px;
width: 100%;
position: absolute;
left: 0;
top: 0;
background: url(../images/dotted-grey.svg) repeat-x
}
.popup-product__desc-header {
margin-bottom: 25px
}
.popup-product__desc-header .popup__header-title {
margin: 0;
margin-right: 30px;
font-size: 16px;
display: inline-block
}
.popup-card {
text-align: center
}
.popup-card .popup__content {
max-width: 320px
}
.popup-card__info {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 25px 0 30px
}
.popup-card__info img {
width: 60px;
height: auto
}
.popup-card__num {
font-weight: 700;
margin-left: 15px
}
.popup-tarif-changed .popup__content {
text-align: center
}
.popup-tarif-changed .popup__footer {
max-width: 310px;
margin: 30px auto 0
}
.popup-tarif-changed__main {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 35px;
text-align: left
}
.popup-tarif-changed__info p {
margin-bottom: 5px
}
.popup-tarif-changed__info strong {
font-weight: 900
}
.popup-tarif-hint .popup__content {
text-align: center
}
.popup-tarif-hint p {
margin-bottom: 5px
}
.popup-tarif-hint__info {
padding-top: 25px
}
.popup-tarif-hint__btn {
margin-top: 25px
}
.popup-tarif-hint__btn .btn {
width: 145px
}
.popup-subs-order .popup__container {
max-width: 610px
}
.popup-del .popup__footer {
max-width: 310px;
margin: 35px auto 0
}
.popup-cancel .popup__footer {
max-width: 310px;
margin: 30px auto 0
}
.popup-cancel__form {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.popup-cancel__date {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100px;
-moz-box-flex: 0;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
margin-left: 15px;
cursor: pointer
}
.popup-cancel__date.is-open .popup-cancel__date-val {
border: 1px solid #ffd734;
box-shadow: 0 0 0 1px #ffd734
}
.popup-cancel__date-val {
border-radius: 25px;
border: 1px solid #cdcdcd;
height: 40px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
width: 100px;
background-color: #f9f9f9;
padding: 0 10px;
cursor: pointer
}
.popup-cancel__date-val .icon {
fill: #848484
}
.popup-cancel__date-val input {
width: 53px;
border: none;
padding: 0;
background-color: transparent;
font-family: MuseoSansCyrl, sans-serif;
color: #000
}
.popup-cancel__datepicker {
position: relative
}
.popup-cancel__datepicker .date-picker-wrapper {
right: -2px;
left: auto
}
.popup-return .popup__container {
max-width: 600px
}
.popup-return .popup__content {
max-width: 475px;
margin: 0 auto
}
.popup-return .order-contact__delivery-main {
width: 100%
}
.popup-return .order-contact__delivery-title {
text-align: center
}
.popup-return .datetime-select__time {
margin-right: 0;
-webkit-box-flex: 0;
-webkit-flex: 0 0 135px;
-moz-box-flex: 0;
-ms-flex: 0 0 135px;
flex: 0 0 135px
}
.popup-return .order-contact__delivery-adressbox {
margin-bottom: 10px
}
.popup-return .order-contact__delivery-adressbox .inputbox-row {
display: block
}
.popup-return .order-contact__delivery-adressbox .order-contact__delivery-adress {
width: auto
}
.popup-return .order-contact__delivery-adressbox .order-contact__delivery-number {
margin: 0;
width: 50%
}
.popup-return .order-contact__delivery-type-label {
margin-bottom: 25px
}
.popup-return .datetime-select__time-list {
display: block
}
.popup-return .order-contact__delivery-type label {
width: 32.5%;
margin-right: 0
}
.popup-return .order-contact__delivery-type-nav label {
width: auto
}
.popup-return__showroom {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.popup-return__showroom+.popup-return__showroom {
margin-top: 30px
}
.popup-return__showroom-col {
width: 40%
}
.popup-return__showroom-col strong {
font-weight: 900;
font-size: 14px
}
.popup-return__showroom-col b {
font-size: 14px
}
.popup-return__showroom-col a {
border-bottom: 1px dotted #606060;
text-decoration: none;
color: #606060
}
.popup-return__showroom-col a:hover {
border-bottom: 1px dotted transparent
}
.popup-return__intro {
text-align: center;
margin-bottom: 30px
}
.popup-return__btn .btn {
margin: 20px auto 0;
width: 235px
}
.popup-return__showroom-map {
height: 280px;
width: 100%;
background-color: #f8f8f8;
margin-top: 30px
}
.popup-open-soon .popup__container {
padding: 0;
max-width: 520px
}
.popup-open-soon .popup__header {
padding: 55px 30px 125px 30px;
background: url(../images/baloons.jpg) no-repeat center 93px;
margin: 0
}
.popup-open-soon .popup__content {
background: url(../images/pattern-yellow.jpg) repeat;
padding: 30px 30px 25px
}
.popup-open-soon__subs-title {
text-align: center;
font-size: 20px;
font-family: Mont, sans-serif;
font-weight: 900;
margin-bottom: 30px;
width: 100%
}
.popup-open-soon__subs-form {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
max-width: 400px;
margin: 0 auto
}
.popup-open-soon__subs-form .inputbox {
width: -webkit-calc(100% - 185px);
width: -moz-calc(100% - 185px);
width: calc(100% - 185px);
margin-right: 15px;
margin-bottom: 10px
}
.popup-open-soon__subs-form .inputbox.inputbox--check {
width: 100%;
margin-bottom: 0
}
.popup-open-soon__subs-form .checkstyle+span {
color: #000
}
.popup-open-soon__subs-form .checkstyle+span a {
border-bottom: 1px dotted #333
}
.popup-open-soon__subs-form .checkstyle+span a:hover {
border-bottom: 1px dotted transparent
}
.popup-open-soon__subs-form .checkstyle:checked+span::before {
background-color: #fff;
border: 1px solid #fff
}
.popup-open-soon__subs-btn {
-webkit-box-flex: 0;
-webkit-flex: 0 0 170px;
-moz-box-flex: 0;
-ms-flex: 0 0 170px;
flex: 0 0 170px
}
.popup-open-soon__subs-success {
text-align: center;
font-size: 20px;
font-family: Mont, sans-serif;
font-weight: 900;
padding: 25px 0
}
.popup-agreement .popup__container {
background-color: #eaeaea;
padding-bottom: 30px;
max-width: 715px
}
.popup-agreement__box {
background-color: #fff;
padding: 20px 10px 20px 20px;
border: 1px solid #cdcdcd
}
.popup-agreement__box h2 {
font-size: 15px;
margin-bottom: 15px;
margin-top: 25px
}
.popup-agreement__box h2:first-child {
margin-top: 0
}
.popup-agreement__scroller {
overflow-y: auto;
height: 250px
}
.popup-agreement__scroller .textpage {
padding-left: 10px
}
.popup-agreement__btn {
text-align: right;
margin-top: 20px
}
.popup-agreement__btn .btn {
padding-left: 45px;
padding-right: 45px
}
.popup-fastview .popup__container {
max-width: 780px
}
.popup-fastview .product-simple__imgbox {
width: -webkit-calc(100% - 240px);
width: -moz-calc(100% - 240px);
width: calc(100% - 240px);
padding-right: 45px
}
.popup-fastview .product-simple__info {
width: 240px
}
.popup-fastview .product-simple__btns {
display: block
}
.popup-fastview .product-simple__delivery {
display: block
}
.popup-fastview .product-simple__delivery:before {
display: none
}
.popup-fastview .product-simple__delivery-col {
width: auto
}
.popup-fastview .product-simple__delivery-col:first-child {
margin-bottom: 15px
}
.popup-fastview .product-simple__bigslider-i {
height: 330px;
line-height: 330px
}
.popup-fastview .product-simple__card {
margin-bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex
}
.popup-fastview .product-simple__card:after {
display: none
}
.popup-fastview .product-simple__bigslider {
width: 100%
}
.popup-fastview .product-simple__sum h4 {
font-size: 11px
}
.popup-fastview .product-simple__mobsection2 {
min-width: 1px
}
.popup-fastview__title {
font-family: Mont, sans-serif;
font-weight: 900;
font-size: 36px;
margin-bottom: 15px
}
.popup-fastview__thumbslider {
width: 100%;
padding: 0 25px
}
.popup-fastview__thumbslider .slick-track {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
.popup-fastview__thumbslider .slick-slide {
margin: 0 8px
}
.popup-fastview__thumbslider .slick-slide.slick-current {
opacity: 1
}
.popup-fastview__thumbslider .slick-list {
margin: 0 -8px
}
.popup-fastview__thumbslider .slick-list:after, .popup-fastview__thumbslider .slick-list:before {
content: "";
position: absolute;
height: 100%;
top: 0;
width: 40px;
z-index: 1
}
.popup-fastview__thumbslider .slick-list:before {
left: 0;
background: -webkit-gradient(linear, left top, right top, from(#fff), to(transparent));
background: -webkit-linear-gradient(left, #fff, transparent);
background: -moz-linear-gradient(left, #fff, transparent);
background: linear-gradient(to right, #fff, transparent)
}
.popup-fastview__thumbslider .slick-list:after {
right: 0;
background: -webkit-gradient(linear, right top, left top, from(#fff), to(transparent));
background: -webkit-linear-gradient(right, #fff, transparent);
background: -moz-linear-gradient(right, #fff, transparent);
background: linear-gradient(to left, #fff, transparent)
}
.popup-fastview__thumbslider .slick-arrow {
position: absolute;
top: 0;
height: 100%;
width: 20px;
border: none;
text-indent: -99999px;
background-color: #fff;
text-align: center;
z-index: 1
}
.popup-fastview__thumbslider .slick-arrow:after {
content: "";
width: 8px;
height: 22px;
position: absolute
}
.popup-fastview__thumbslider .slick-arrow.slick-prev {
left: 0
}
.popup-fastview__thumbslider .slick-arrow.slick-prev:after {
left: 0;
background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2022.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%209%2024%22%20style%3D%22enable-background%3Anew%200%200%209%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3Anone%3Bstroke%3A%237A7B7B%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpolyline%20class%3D%22st0%22%20points%3D%227.8%2C1%201%2C12.1%207.8%2C23%20%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A) no-repeat
}
.popup-fastview__thumbslider .slick-arrow.slick-next {
right: 0
}
.popup-fastview__thumbslider .slick-arrow.slick-next:after {
right: 0;
background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2022.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%209%2024%22%20style%3D%22enable-background%3Anew%200%200%209%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3Anone%3Bstroke%3A%237A7B7B%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpolyline%20class%3D%22st0%22%20points%3D%221%2C23%207.8%2C11.8%201%2C1%20%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A) no-repeat
}
.popup-fastview__thumbslider .slick-arrow.slick-disabled {
cursor: default
}
.popup-fastview__thumbslider .slick-arrow.slick-disabled:after {
opacity: .5
}
.popup-fastview__thumbslider-i {
line-height: 100px;
height: 100px;
text-align: center;
cursor: pointer
}
.popup-fastview__thumbslider-i img {
max-width: 100%;
max-height: 100px;
display: inline-block;
vertical-align: middle
}
.popup-fastview__tabs {
position: relative;
margin-top: 15px;
padding-top: 15px
}
.popup-fastview__tabs:before {
content: "";
height: 2px;
width: 100%;
position: absolute;
left: 0;
top: 0;
background: url(../images/dotted-grey.svg) repeat-x
}
.popup-fastview__tabs .product-simple__tabs-nav {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.popup-fastview__tabs .product-simple__tabs-link {
margin-right: 10px
}
.popup-share .popup__container {
padding-bottom: 20px
}
.popup-share__share-icons {
text-align: center
}
.popup-share__share-icons .icon {
max-width: 26px;
max-height: 26px
}
.popup-share__share-icons a {
opacity: .25;
border: 1px solid #000;
border-radius: 50%;
width: 40px;
height: 40px;
line-height: 36px;
color: #000;
text-align: center;
display: inline-block
}
.popup-share__share-icons a+a {
margin-left: 10px
}
.popup-share__share-icons a:hover {
opacity: .5
}
.popup-share__share-title {
text-align: center;
font-size: 20px;
font-family: Mont, sans-serif;
font-weight: 900;
margin-bottom: 20px
}
.popup-share__copy {
margin: 30px auto 0;
max-width: 420px
}
.popup-no-deposit .popup__container {
max-width: 800px
}
.popup-no-deposit__text {
max-width: 55%
}
@media (max-width:750px) {
.popup-no-deposit__text {
max-width: none
}
}
@media (max-width:750px) {
.popup-no-deposit__img {
display: none
}
}
@media (max-width:1000px) {
.popup-tarif .popup__container {
padding-left: 20px;
padding-right: 20px
}
.popup-product__bigslider-i {
line-height: 270px
}
.popup-product__bigslider-i img {
max-height: 270px
}
.popup-return .order-contact__delivery-type label {
display: inline-block
}
}
@media (max-width:750px) {
.popup-open-soon .popup__content, .popup-open-soon .popup__header, .popup__container {
padding-left: 15px;
padding-right: 15px
}
.popup__header {
margin-bottom: 30px
}
.popup__header-title {
font-size: 20px
}
.popup-bnft__text {
display: block
}
.popup-bnft__col {
width: auto
}
.popup-bnft__col+.popup-bnft__col {
margin-top: 20px
}
.popup-bnft__video {
display: none
}
.popup-city__list {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2
}
.popup-product__main {
display: block
}
.popup-product__imgbox {
width: auto;
max-width: 100%;
padding-right: 0
}
.popup-product__info {
width: auto
}
.popup-product__imgbox {
text-align: center
}
.popup-product__imgbox-bottom {
display: none
}
.popup-product__logo {
text-align: center
}
.popup-product__about {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around
}
.popup-product__about-i {
width: 120px;
height: 120px
}
.popup-product__desc-header .btn {
display: none
}
.popup-product__bigslider-i {
line-height: 235px
}
.popup-product__bigslider-i img {
max-height: 235px
}
.popup-tarif .product-subs__offer-header {
display: none
}
.popup-fastview .product-simple__delivery-col+.product-simple__delivery-col {
padding-left: 0
}
.popup-fastview .product-simple__delivery-col+.product-simple__delivery-col:before {
display: none
}
.popup-fastview__title {
font-size: 21px
}
}
@media (max-width:600px) {
.popup-city__list li {
padding-left: 20px
}
.popup-city__list li:before {
font-size: 20px;
top: -1px
}
.popup-tarif .product-subs__offer-nav {
margin-left: -10px;
margin-right: -10px;
max-width: 1000%
}
.popup-subs-order .subs-order__nav {
margin-left: -10px;
margin-right: -10px
}
.popup-fastview .popup__container {
padding-bottom: 25px
}
.popup-fastview .product-simple__imgbox {
width: auto;
padding-right: 0
}
.popup-fastview .product-simple__info {
width: auto
}
.popup-fastview .product-simple__bigslider-i {
height: 180px;
line-height: 180px
}
.popup-fastview .product-simple__card {
display: block
}
.popup-fastview__thumbslider {
display: none
}
.popup-share__share-icons a+a {
margin-left: 5px
}
}
@media (max-width:450px) {
.popup-return .order-contact__delivery-type-nav {
margin: 0 -10px
}
.popup-return .datetime-select__time-list {
display: block
}
.popup-return .order-contact__delivery-type label {
width: 49%
}
.order-contact__delivery-type-label {
min-width: 1px;
padding: 0 10px
}
.order-contact__delivery-type-label strong {
margin-left: 10px;
font-size: 16px;
white-space: nowrap
}
.popup-agreement__btn .btn, .popup-return__btn .btn {
width: 100%
}
.popup-return__showroom {
display: block
}
.popup-return__showroom-col {
width: auto;
margin-bottom: 20px
}
.popup-open-soon__subs-form .inputbox {
width: 100%;
margin-right: 0
}
.popup-open-soon__subs-form .inputbox.inputbox.inputbox--check {
margin-top: 10px
}
.popup-open-soon__subs-btn {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-moz-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
.popup-open-soon__subs-title br {
display: none
}
}
.inputbox-row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.inputbox-row__col2 {
width: 48%
}
.inputbox-row__col2 .inputbox {
margin-bottom: 0
}
.inputbox-row__col3 {
width: 32%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.inputbox-row__col3 .inputbox {
margin-bottom: 0;
width: 100%
}
.inputbox-row__col3 .inputbox-row__col3 {
width: 31%
}
.inputbox {
position: relative;
margin-bottom: 20px
}
.inputbox .inputbox--check {
margin-bottom: 0;
margin-top: 5px
}
.inputbox.inputbox--check {
color: #848484
}
.inputbox.inputbox--check label {
padding-left: 0;
font-size: 12px;
text-transform: none
}
.inputbox.inputbox--check a {
text-decoration: none;
color: inherit;
border-bottom: 1px dotted #848484
}
.inputbox.inputbox--check a:hover {
border-bottom: 1px dotted transparent
}
.inputbox.inputbox--radio {
margin-bottom: 15px
}
.inputbox.inputbox--radio label {
text-transform: none
}
.inputbox.inputbox--btn {
margin-top: 30px
}
.inputbox.inputbox--photo {
position: relative
}
.inputbox.inputbox--photo .inputbox__field {
overflow: hidden
}
.inputbox.inputbox--photo.has-preview .inputbox__photo-desc {
display: none
}
.inputbox.inputbox--photo.has-preview .inputbox__preview {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex
}
.inputbox.inputbox--photo.has-preview .inputbox__photo-box {
position: absolute;
right: 0;
bottom: 35px;
width: 235px
}
.inputbox label {
display: block;
margin-bottom: 5px;
text-transform: uppercase;
font-size: 11px;
color: #7a7a7a;
padding-left: 10px
}
.inputbox label strong {
color: #ffd734;
font-weight: 700;
font-size: 11px
}
.inputbox__field {
position: relative
}
.inputbox__field+.inputbox__field {
margin-top: 7px
}
.inputbox__field .suggestions-addon[data-addon-type=clear] {
background-size: 20px 20px
}
.inputbox__desc {
padding-left: 10px;
font-size: 12px;
line-height: 1.2;
color: #848484;
margin-top: 5px
}
.inputbox__icon {
position: absolute;
top: 3px;
right: 3px;
width: 36px;
height: 36px;
line-height: 36px;
background-color: #e1e1e1;
border-radius: 50%;
display: block;
text-align: center;
color: #818181;
cursor: pointer
}
.inputbox__icon .icon-eye-open {
display: none
}
.inputbox__icon.is-visible .icon-eye-open {
display: inline-block
}
.inputbox__icon.is-visible .icon-eye-close {
display: none
}
.inputbox__pass-link {
font-size: 12px;
color: #838383;
text-align: right;
padding-right: 5px;
padding-top: 5px
}
.inputbox__pass-link a {
color: #838383;
border-bottom: 1px dotted #838383;
text-decoration: none
}
.inputbox__pass-link a:hover {
border-bottom: 1px dotted transparent
}
.inputbox__photo-box {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden
}
.inputbox__photo-btn {
-webkit-box-flex: 0;
-webkit-flex: 0 0 235px;
-moz-box-flex: 0;
-ms-flex: 0 0 235px;
flex: 0 0 235px
}
.inputbox__photo-btn:hover .btn span {
border-bottom: 1px dotted transparent
}
.inputbox__photo-input {
left: 0;
margin: 0;
bottom: 0;
padding: 0;
opacity: 0;
height: 300px;
width: 235px;
outline: 0;
cursor: pointer;
position: absolute
}
.inputbox__photo-desc {
color: #7a7a7a;
margin-left: 15px;
font-size: 11px
}
.inputbox__preview {
display: none;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 250px;
margin-bottom: 5px
}
.inputbox__preview-photo {
border-radius: 50%;
border: 1px solid #d2d2d2;
margin-right: 7px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100px;
-moz-box-flex: 0;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
overflow: hidden
}
.inputbox__preview-photo img {
width: 100%;
height: auto;
display: block
}
.inputbox__preview-filename {
margin-right: 10px;
font-weight: 500;
line-height: 1;
font-size: 12px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
.inputbox__preview-filesize {
margin-right: 7px;
color: #606060;
line-height: 1;
font-size: 12px
}
.inputbox__preview-del {
color: #606060;
border: none;
background-color: transparent
}
.inputbox__preview-del .icon {
display: block
}
.inputbox__input {
border: 1px solid #d2d2d2;
border-radius: 25px;
padding: 12px 13px;
background-color: #fff;
line-height: 16px;
font-family: MuseoSansCyrl, sans-serif;
color: #000;
display: block;
width: 100%;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease
}
.inputbox__input:focus {
border: 1px solid #ffd734;
box-shadow: 0 0 0 1px #ffd734
}
.inputbox__input--wide {
width: 100%;
display: block
}
.inputbox__input.is-error {
border: 1px solid #ff0f0f;
box-shadow: 0 0 0 1px #ff0f0f
}
.inputbox__input.is-valid {
border: 1px solid #5bea00
}
.inputbox__input:-moz-read-only {
background-color:#f8f8f8;
color:#848484
}
.inputbox__input:read-only {
background-color:#f8f8f8;
color:#848484
}
.inputbox__input:-moz-read-only:focus {
border:1px solid #d2d2d2;
box-shadow:none
}
.inputbox__input:read-only:focus {
border:1px solid #d2d2d2;
box-shadow:none
}
.inputbox__input:disabled {
background-color: #f8f8f8;
color: #848484
}
textarea.inputbox__input {
border-radius: 20px
}
.inputbox__popup-error {
position: absolute;
top: -15px;
left: 0;
background-color: #fff0f0;
z-index: 1;
text-align: left;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
padding: 10px;
border: 1px solid #ff3131;
color: #d80024;
border-radius: 22px;
font-size: 12px;
max-width: 285px
}
.inputbox__popup-error::before {
content: "";
position: absolute;
bottom: -15px;
left: 27px;
border-top: 15px solid #ff3131;
border-left: 8px solid transparent;
border-right: 8px solid transparent
}
@media (max-width:600px) {
.inputbox__popup-error::before {
left: 33px
}
}
.inputbox__popup-error::after {
content: "";
position: absolute;
bottom: -13px;
left: 27px;
border-top: 15px solid #fff0f0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
z-index: 2
}
@media (max-width:600px) {
.inputbox__popup-error::after {
left: 33px
}
}
.inputbox__error, .inputbox__success {
margin-top: 5px;
padding-left: 10px;
font-size: 12px;
line-height: 1.2
}
.inputbox__error {
color: #ff3131
}
.inputbox__success {
color: #82e82e
}
.inputbox-date {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.inputbox-date .select-styled {
padding-right: 15px
}
.inputbox-date__d {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75px;
-moz-box-flex: 0;
-ms-flex: 0 0 75px;
flex: 0 0 75px
}
.inputbox-date__m {
width: -webkit-calc(100% - 155px - 16px);
width: -moz-calc(100% - 155px - 16px);
width: calc(100% - 155px - 16px)
}
.inputbox-date__y {
-webkit-box-flex: 0;
-webkit-flex: 0 0 90px;
-moz-box-flex: 0;
-ms-flex: 0 0 90px;
flex: 0 0 90px
}
.inputbox-passport {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
width: 100%
}
.inputbox-passport .inputbox__field {
margin-top: 0
}
.inputbox-passport__seria {
-webkit-box-flex: 0;
-webkit-flex: 0 0 115px;
-moz-box-flex: 0;
-ms-flex: 0 0 115px;
flex: 0 0 115px;
margin-right: 15px
}
.inputbox-passport__number {
width: -webkit-calc(100% - 125px);
width: -moz-calc(100% - 125px);
width: calc(100% - 125px)
}
.inputbox-datebirth {
position: relative
}
.inputbox-datebirth .inputbox__input {
padding-left: 17px;
padding-right: 38px;
background-color: transparent;
position: relative;
z-index: 1
}
.inputbox-datebirth .inputbox__input:focus {
border: 1px solid #d2d2d2;
box-shadow: none
}
.inputbox-datebirth__icon {
position: absolute;
top: 3px;
right: 3px;
background-color: #ffd734;
line-height: 36px;
width: 36px;
height: 36px;
border-radius: 50%;
text-align: center;
cursor: pointer
}
.inputbox-datebirth .datepicker-inline {
position: absolute;
top: 43px;
z-index: 100;
visibility: hidden;
opacity: 0;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
-moz-transition: all .2s ease;
transition: all .2s ease
}
@media (max-width:1000px) {
.inputbox__photo-btn {
-webkit-box-flex: 0;
-webkit-flex: 0 0 47%;
-moz-box-flex: 0;
-ms-flex: 0 0 47%;
flex: 0 0 47%
}
.inputbox.inputbox--photo.has-preview .inputbox__photo-btn {
-webkit-box-flex: 0;
-webkit-flex: 0 0 235px;
-moz-box-flex: 0;
-ms-flex: 0 0 235px;
flex: 0 0 235px
}
}
@media (max-width:600px) {
.inputbox-row {
display: block
}
.inputbox-row__col2, .inputbox-row__col3 {
width: auto
}
.inputbox-row__col2 .inputbox-row, .inputbox-row__col3 .inputbox-row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
max-width: 350px
}
.inputbox-row__col2 .inputbox, .inputbox-row__col3 .inputbox {
margin-bottom: 12px
}
.inputbox-row__col2 .inputbox-row__col3, .inputbox-row__col3 .inputbox-row__col3 {
width: 31%
}
.inputbox__input {
font-size: 14px
}
.inputbox__preview {
margin-right: 0
}
.inputbox__photo-box {
display: block
}
.inputbox__photo-desc {
margin: 10px 0 0 0;
padding-left: 10px
}
.inputbox.inputbox--photo.has-preview .inputbox__photo-box {
position: relative;
right: auto;
bottom: auto;
width: 100%;
margin-top: 10px;
overflow: hidden
}
.inputbox__photo-input {
width: 100%
}
}
.checkstyle {
display: none
}
.checkstyle+span {
cursor: pointer;
display: inline-block;
line-height: 1.2;
position: relative;
padding: 6px 0 5px 30px;
min-height: 23px
}
.checkstyle+span::before {
content: "";
display: block;
position: absolute;
top: 2px;
left: 0;
width: 23px;
height: 23px;
border: 1px solid #d2d2d2;
background: #fff;
border-radius: 50%
}
.checkstyle:checked+span::before {
border: 1px solid #ffd734;
box-shadow: 0 0 0 1px #ffd734;
background: #fff url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2022.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2212.2px%22%20height%3D%229.2px%22%20viewBox%3D%220%200%2012.2%209.2%22%20style%3D%22enable-background%3Anew%200%200%2012.2%209.2%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill%3A%23231F20%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%3Cg%3E%0D%0A%09%09%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M5.8%2C7.4L1.7%2C3.4C1.3%2C3%2C0.7%2C3%2C0.3%2C3.4c-0.4%2C0.4-0.4%2C1%2C0%2C1.4l4.1%2C4.1c0.4%2C0.4%2C1%2C0.4%2C1.4%2C0%0D%0A%09%09%09%09%09C6.2%2C8.5%2C6.2%2C7.8%2C5.8%2C7.4z%22%2F%3E%0D%0A%09%09%09%3C%2Fg%3E%0D%0A%09%09%3C%2Fg%3E%0D%0A%09%3C%2Fg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%3Cg%3E%0D%0A%09%09%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M11.8%2C0.2c-0.4-0.3-1-0.3-1.4%2C0.1L4.3%2C7.4C3.9%2C7.8%2C4%2C8.6%2C4.4%2C8.9c0.4%2C0.4%2C1.1%2C0.3%2C1.4-0.1l6.1-7.1%0D%0A%09%09%09%09%09C12.3%2C1.2%2C12.2%2C0.5%2C11.8%2C0.2z%22%2F%3E%0D%0A%09%09%09%3C%2Fg%3E%0D%0A%09%09%3C%2Fg%3E%0D%0A%09%3C%2Fg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A) no-repeat 4px 6px
}
.checkstyle.is-error+span::before {
border: 1px solid #ff3131;
box-shadow: 0 0 0 1px #ff3131
}
.checkstyle._reverse+span {
padding: 5px 30px 5px 0
}
.checkstyle._reverse+span::before {
top: 2px;
left: auto;
right: 0
}
.scooter h2.page__title {
text-align: center;
margin-top: 0
}
.scooter__poster {
background: url(../images/landing-scooter/kickscooter0.jpg) no-repeat center center;
background-size: auto 100%;
color: #fff
}
@media only screen and (max-width:599px) {
.scooter__poster {
background-position: 45% center
}
}
.scooter__poster-row {
height: 768px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
@media only screen and (max-width:1150px) {
.scooter__poster-row {
height: 565px
}
}
@media only screen and (max-width:1020px) {
.scooter__poster-row {
height: 510px
}
}
@media only screen and (max-width:599px) {
.scooter__poster-row {
height: 280px
}
}
.scooter__poster-content {
width: 50%;
padding-left: 5%
}
@media only screen and (max-width:1020px) {
.scooter__poster-content {
padding-left: 0;
width: 57%
}
}
@media only screen and (max-width:599px) {
.scooter__poster-content {
width: 50%
}
}
.scooter__poster-content h1 {
color: #fff;
font-size: 5rem;
letter-spacing: -1px;
margin: 0;
text-transform: uppercase;
text-align: left;
}
h1 span { font-size: 9rem;}
@media only screen and (max-width:1020px) {
.scooter__poster-content h1 {
font-size: 37px
}
}
@media only screen and (max-width:767px) {
.scooter__poster-content h1 {
font-size: 1.5rem;
font-weight: 500;
letter-spacing: .2px;
}
}
@media only screen and (max-width:599px) {
.scooter__poster-content h1 {
font-size: 16px
}
}
.scooter__poster-content p {
font-weight: 300;
font-family: Mont, sans-serif;
font-size: 22px;
margin: 40px 0 35px
}
@media only screen and (max-width:767px) {
.scooter__poster-content p {
font-size: 18px
}
}
@media only screen and (max-width:599px) {
.scooter__poster-content p {
font-size: 13px;
margin: 10px 0 0
}
}
.scooter__poster-content p strong {
color: #fff
}
.scooter__poster-content .btn {
width: 230px
}
@media only screen and (max-width:599px) {
.scooter__poster-content .btn {
display: none
}
}
.scooter__poster-price {
font-size: 28px;
font-weight: 300;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.scooter__poster-price {
font-size: 22px
}
}
@media only screen and (max-width:599px) {
.scooter__poster-price {
font-size: 12px;
margin-top: 10px
}
}
.scooter__poster-price .rub {
background-color: #ffd734;
border-radius: 50%;
color: #000;
width: 42px;
height: 42px;
text-align: center;
line-height: 42px;
display: inline-block;
margin-right: 5px
}
@media only screen and (max-width:767px) {
.scooter__poster-price .rub {
width: 36px;
height: 36px;
line-height: 36px
}
}
@media only screen and (max-width:599px) {
.scooter__poster-price .rub {
width: 20px;
height: 20px;
line-height: 20px
}
}
.scooter__poster-price strong {
font-size: 43px;
font-family: Mont, sans-serif;
color: #fff
}
@media only screen and (max-width:767px) {
.scooter__poster-price strong {
font-size: 36px
}
}
@media only screen and (max-width:599px) {
.scooter__poster-price strong {
font-size: 19px
}
}
.scooter__offer {
background: url(../images/landing-scooter/offer-bg.jpg) no-repeat center center;
background-size: auto 100%;
margin: 60px 0
}
@media only screen and (max-width:1150px) {
.scooter__offer {
background-position: 32% center
}
}
@media only screen and (max-width:1020px) {
.scooter__offer {
background-position: 45% center
}
}
@media only screen and (max-width:767px) {
.scooter__offer {
margin: 40px 0
}
}
@media only screen and (max-width:599px) {
.scooter__offer {
margin: 25px 0;
background-position: right bottom;
background-size: auto 165px;
background-image: url(../images/landing-scooter/offer-bg-mob.jpg)
}
}
.scooter__offer-content {
height: 540px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
max-width: 50%
}
@media only screen and (max-width:1150px) {
.scooter__offer-content {
height: 420px;
max-width: 55%
}
}
@media only screen and (max-width:1020px) {
.scooter__offer-content {
height: 390px
}
}
@media only screen and (max-width:767px) {
.scooter__offer-content {
height: 320px
}
}
@media only screen and (max-width:599px) {
.scooter__offer-content {
height: auto;
max-width: none
}
}
.scooter__offer-content p {
font-family: Mont, sans-serif;
font-weight: 300;
font-size: 22px
}
@media only screen and (max-width:767px) {
.scooter__offer-content p {
font-size: 18px
}
}
@media only screen and (max-width:599px) {
.scooter__offer-content p {
font-size: 13px;
margin: 0 0 5px;
max-width: 60%
}
}
.scooter__offer-content .btn {
width: 220px;
margin-top: 15px
}
@media only screen and (max-width:599px) {
.scooter__offer-content .btn {
max-width: 55%
}
}
.scooter__offer-title {
font-size: 29px;
margin-bottom: 25px
}
@media only screen and (max-width:767px) {
.scooter__offer-title {
font-size: 22px
}
}
@media only screen and (max-width:599px) {
.scooter__offer-title {
font-size: 16px;
margin-bottom: 20px;
max-width: 360px
}
}
.scooter__about {
margin: 80px 0
}
@media only screen and (max-width:1020px) {
.scooter__about {
margin: 60px 0
}
}
@media only screen and (max-width:767px) {
.scooter__about {
margin: 40px 0
}
}
.scooter__about-list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media only screen and (max-width:767px) {
.scooter__about-list {
overflow-x: auto;
margin-left: -12px;
margin-right: -12px
}
}
.scooter__about-item {
width: -webkit-calc(25% - 25px);
width: -moz-calc(25% - 25px);
width: calc(25% - 25px);
padding-right: 10px
}
@media only screen and (max-width:1020px) {
.scooter__about-item {
padding-right: 0;
width: -webkit-calc(25% - 20px);
width: -moz-calc(25% - 20px);
width: calc(25% - 20px)
}
}
@media only screen and (max-width:767px) {
.scooter__about-item {
width: 40vw;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 0 20px 0 12px
}
.scooter__about-item:last-child {
padding-right: 12px
}
}
@media only screen and (max-width:599px) {
.scooter__about-item {
width: 65vw;
max-width: 250px
}
.scooter__about-item img {
width: 54px;
height: auto
}
}
.scooter__about-item p {
font-size: 15px;
margin: 12px 0 0
}
@media only screen and (max-width:599px) {
.scooter__about-item p {
font-size: 13px;
margin-top: 7px
}
}
.scooter__about-item-title {
font-family: Mont, sans-serif;
font-size: 18px;
line-height: 1.2;
margin-top: 10px
}
@media only screen and (max-width:599px) {
.scooter__about-item-title {
font-size: 14px
}
}
.scooter__products {
margin: 80px 0
}
@media only screen and (max-width:1020px) {
.scooter__products {
margin: 60px 0
}
}
@media only screen and (max-width:767px) {
.scooter__products {
margin: 40px 0;
position: relative;
padding-bottom: 25px
}
.scooter__products:before {
content: "";
height: 2px;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
background: url(../images/dotted-grey.svg) repeat-x
}
}
@media only screen and (max-width:1020px) {
.scooter__products-scroller {
overflow-x: auto;
margin-right: -25px;
margin-left: -25px
}
}
.scooter__products-list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: -15px -15px 0 -15px
}
@media only screen and (max-width:1020px) {
.scooter__products-list {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 0;
padding: 0 10px
}
}
.scooter__products-item {
width: 25%
}
@media only screen and (max-width:1020px) {
.scooter__products-item {
width: 40vw;
max-width: 280px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
}
@media only screen and (max-width:767px) {
.scooter__products-item {
max-width: 240px
}
}
@media only screen and (max-width:599px) {
.scooter__products-item {
width: 60vw;
max-width: 225px
}
}
.scooter__products-item .product-i {
width: 100%
}
@media only screen and (max-width:1020px) {
.scooter__products-item .product-i {
padding: 0 15px
}
}
@media only screen and (max-width:767px) {
.scooter__products-item .product-i {
padding: 0 10px
}
.scooter__products-item .product-i__in {
border: 1px solid #d2d2d2;
padding: 0
}
.scooter__products-item .product-i__info {
padding: 7px 7px 5px
}
.scooter__products-item .product-i._simple-btn .product-i__btn {
padding-left: 7px;
padding-right: 7px
}
}
@media only screen and (max-width:599px) {
.scooter__products-item .product-i {
padding: 0 8px
}
.scooter__products-item .product-i._simple-btn .product-i__btn .btn {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 38px;
line-height: 1.2;
padding: 0 40px 0 10px
}
.scooter__products-item .product-i._simple-btn .product-i__btn .btn__icon {
top: -1px
}
}
.scooter__products-spec {
padding: 0 15px;
margin-top: 25px
}
@media only screen and (max-width:767px) {
.scooter__products-spec {
padding: 0 15px 0 10px;
margin-top: 10px
}
}
@media only screen and (max-width:599px) {
.scooter__products-spec {
padding: 0 10px 0 8px
}
}
.scooter__products-spec-list {
margin: 12px 0;
font-weight: 300
}
@media only screen and (max-width:599px) {
.scooter__products-spec-list {
margin: 8px 0;
font-size: 12px
}
}
.scooter__products-spec-list div {
margin-bottom: 7px
}
@media only screen and (max-width:599px) {
.scooter__products-spec-list div {
margin-bottom: 5px
}
}
.scooter__products-spec-list dt {
display: inline;
font-weight: 900
}
.scooter__products-spec-list dd {
display: inline;
margin-left: 0
}
.scooter__products-spec-title {
font-weight: 300;
font-family: Mont, sans-serif;
font-size: 16px
}
@media only screen and (max-width:599px) {
.scooter__products-spec-title {
font-size: 13px
}
}
.scooter__complect {
margin: 80px 0
}
@media only screen and (max-width:1020px) {
.scooter__complect {
margin: 60px 0
}
}
@media only screen and (max-width:767px) {
.scooter__complect {
margin: 40px 0
}
}
.scooter__complect-row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background: url(../images/landing-scooter/kickscooter1.jpg) no-repeat right center;
background-size: auto 100%;
height: 518px
}
@media only screen and (max-width:1150px) {
.scooter__complect-row {
height: 400px
}
}
@media only screen and (max-width:1020px) {
.scooter__complect-row {
height: auto;
background-size: auto 85%;
background-position: right bottom
}
}
@media only screen and (max-width:767px) {
.scooter__complect-row {
background-size: auto 75%
}
}
@media only screen and (max-width:599px) {
.scooter__complect-row {
background-position: center bottom;
background-size: auto 215px;
padding-bottom: 200px
}
}
.scooter__complect-content {
width: 40%
}
@media only screen and (max-width:1150px) {
.scooter__complect-content {
width: 50%
}
}
@media only screen and (max-width:1020px) {
.scooter__complect-content {
width: auto;
padding-bottom: 25px
}
}
.scooter__complect-content p {
font-weight: 300;
font-family: Mont, sans-serif;
font-size: 22px;
margin: 35px 0
}
@media only screen and (max-width:1020px) {
.scooter__complect-content p {
margin: 20px 0 30px
}
}
@media only screen and (max-width:767px) {
.scooter__complect-content p {
font-size: 18px;
margin: 15px 0 25px
}
}
@media only screen and (max-width:599px) {
.scooter__complect-content p {
font-size: 13px;
margin: 5px 0 10px
}
}
.scooter__complect-content ul {
font-size: 15px
}
@media only screen and (max-width:599px) {
.scooter__complect-content ul {
font-size: 13px
}
.scooter__complect-content ul li {
padding-left: 20px;
margin-bottom: 10px
}
.scooter__complect-content ul li::before {
width: 12px;
height: 12px;
background-size: 100% auto;
top: 2px
}
}
@media only screen and (max-width:1020px) {
.scooter__complect-title {
font-size: 33px
}
}
@media only screen and (max-width:767px) {
.scooter__complect-title {
font-size: 20px
}
}
@media only screen and (max-width:599px) {
.scooter__complect-title {
font-size: 16px;
margin-bottom: 10px
}
}
.scooter__special {
margin: 80px 0
}
@media only screen and (max-width:1020px) {
.scooter__special {
margin: 60px 0
}
}
@media only screen and (max-width:767px) {
.scooter__special {
margin: 40px 0
}
}
.scooter__special-offer {
background: url(../images/landing-scooter/kickscooter3.jpg) no-repeat center top;
background-size: auto 100%
}
@media only screen and (max-width:599px) {
.scooter__special-offer {
background: 0 0
}
}
.scooter__special-row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
height: 500px;
padding: 30px 0
}
@media only screen and (max-width:767px) {
.scooter__special-row {
height: 455px;
padding: 0
}
}
@media only screen and (max-width:599px) {
.scooter__special-row {
height: auto;
display: block
}
}
@media only screen and (max-width:599px) {
.scooter__special-action {
text-align: center
}
}
@media only screen and (max-width:450px) {
.scooter__special-action .btn {
width: 100%
}
}
@media only screen and (max-width:599px) {
.scooter__special-info {
margin-left: -12px;
margin-right: -12px;
margin-bottom: 15px;
padding: 12px 12px 10px;
background: #ebebeb url(../images/landing-scooter/kickscooter3.jpg) no-repeat 45% bottom;
background-size: auto 88%
}
}
.scooter__special-info .checked-list {
margin-top: 35px;
margin-left: 30px
}
@media only screen and (max-width:1020px) {
.scooter__special-info .checked-list {
margin-left: 25px
}
}
@media only screen and (max-width:599px) {
.scooter__special-info .checked-list {
margin-top: 15px;
margin-bottom: 10px;
margin-left: 0
}
}
.scooter__special-info .checked-list li {
padding-left: 25px;
font-size: 15px;
font-weight: 300
}
@media only screen and (max-width:599px) {
.scooter__special-info .checked-list li {
font-size: 12px;
margin-bottom: 8px;
padding-left: 20px
}
}
.scooter__special-info .checked-list li strong {
font-size: 16px;
font-family: Mont, sans-serif;
display: block
}
@media only screen and (max-width:599px) {
.scooter__special-info .checked-list li strong {
font-size: 12px
}
}
.scooter__special-info .checked-list li::before {
width: 16px;
height: 16px;
background-size: 100% auto;
top: 1px
}
@media only screen and (max-width:599px) {
.scooter__special-info .checked-list li::before {
width: 12px;
height: 12px
}
}
.scooter__special-title {
font-family: Mont, sans-serif;
font-size: 25px;
margin-bottom: 12px
}
@media only screen and (max-width:599px) {
.scooter__special-title {
font-size: 16px;
margin-bottom: 5px
}
}
.scooter__special-title span {
font-size: 18px;
font-weight: 300;
display: block
}
@media only screen and (max-width:599px) {
.scooter__special-title span {
font-size: 13px
}
}
.scooter__special-price {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 11px;
text-transform: uppercase;
letter-spacing: .04em;
font-weight: 700
}
@media only screen and (max-width:599px) {
.scooter__special-price {
font-size: 10px
}
}
.scooter__special-price strong {
letter-spacing: normal;
font-family: Mont, sans-serif;
font-size: 23px
}
@media only screen and (max-width:599px) {
.scooter__special-price strong {
font-size: 19px
}
}
.scooter__special-price .rub {
background-color: #ffd734;
border-radius: 50%;
margin-right: 5px;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
display: inline-block
}
@media only screen and (max-width:599px) {
.scooter__special-price .rub {
width: 20px;
height: 20px;
line-height: 20px
}
}
.scooter__special-more {
margin-top: 65px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
font-size: 11px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: .04em;
margin-bottom: 5px
}
@media only screen and (max-width:599px) {
.scooter__special-more {
font-size: 10px;
margin-top: 25px;
margin-bottom: 0
}
}
.scooter__special-more span {
border-bottom: 1px dotted #606060;
margin-right: 7px;
margin-top: 3px
}
.scooter__special-more:hover span {
border-bottom: 1px dotted transparent
}
.scooter__request {
margin: 80px 0;
text-align: center;
background: url(../images/landing-scooter/decor-bg.svg) no-repeat center center
}
@media only screen and (max-width:1020px) {
.scooter__request {
margin: 60px 0
}
}
@media only screen and (max-width:767px) {
.scooter__request {
margin: 40px 0
}
}
@media only screen and (max-width:599px) {
.scooter__request {
background: url(../images/landing-scooter/decor-bg-mob.svg) no-repeat center top;
background-size: auto 105px;
padding-top: 60px
}
}
.scooter__request-title {
font-size: 20px;
font-family: Mont, sans-serif;
padding-bottom: 10px;
margin-bottom: 10px;
background: url(../images/landing-scooter/wave.svg) no-repeat center bottom
}
@media only screen and (max-width:599px) {
.scooter__request-title {
font-size: 15px;
padding-bottom: 5px;
display: inline-block;
background-size: 100% auto
}
}
.scooter__request .btn {
margin-top: 10px;
width: 220px
}
@media only screen and (max-width:450px) {
.scooter__request .btn {
width: 100%;
margin-top: 5px
}
}
.scooter__benefits {
margin: 80px 0
}
@media only screen and (max-width:1020px) {
.scooter__benefits {
margin: 60px 0
}
}
@media only screen and (max-width:767px) {
.scooter__benefits {
margin: 40px 0
}
}
@media only screen and (max-width:767px) {
.scooter__benefits-scroller {
overflow-x: auto;
margin-left: -12px;
margin-right: -12px;
padding: 0 12px
}
}
.scooter__benefits-table {
width: 100%;
border-collapse: collapse;
margin: 35px 0;
table-layout: fixed
}
@media only screen and (max-width:767px) {
.scooter__benefits-table {
min-width: 650px;
display: inline-table;
margin: 0
}
}
@media only screen and (max-width:599px) {
.scooter__benefits-table {
min-width: 300px;
text-align: center;
}
}
.scooter__benefits-table th {
text-align: center;
font-family: Mont, sans-serif;
font-size: 15px;
font-weight: 300;
padding: 0 10px;
width: 160px
}
.scooter__benefits-table th:first-child {
text-align: center;
}
@media only screen and (max-width:1020px) {
.scooter__benefits-table th {
width: 115px
}
}
@media only screen and (max-width:767px) {
.scooter__benefits-table th {
width: 100px;
font-size: 13px
}
}
@media only screen and (max-width:599px) {
.scooter__benefits-table th {
font-size: 12px;
width: 95px
}
}
.scooter__benefits-table td {
text-align: center;
border-bottom: 1px dotted #ccc;
border-left: 1px dotted #ccc;
padding: 12px 15px;
font-family: Mont, sans-serif;
font-size: 15px
}
@media only screen and (max-width:1020px) {
.scooter__benefits-table td {
width: 115px;
padding: 10px
}
}
@media only screen and (max-width:599px) {
.scooter__benefits-table td {
font-size: 12px;
padding: 8px;
width: 95px
}
.scooter__benefits-table td img {
width: 16px;
height: auto
}
}
.scooter__benefits-table td:first-child {
text-align: center;
border-left: none;
width: auto;
padding: 10px 10px 10px 0
}
.scooter__benefits-table tr:last-child td {
border-bottom: none
}
.scooter__benefits-action {
text-align: center;
margin-top: 35px
}
.scooter__benefits-action .btn {
width: 220px
}
@media only screen and (max-width:450px) {
.scooter__benefits-action .btn {
width: 100%
}
}
.scooter__info {
margin: 80px 0
}
@media only screen and (max-width:1020px) {
.scooter__info {
margin: 60px 0
}
}
@media only screen and (max-width:767px) {
.scooter__info {
margin: 40px 0;
padding: 25px 0;
position: relative
}
.scooter__info:before {
content: "";
height: 2px;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
background: url(../images/dotted-grey.svg) repeat-x
}
}
.scooter__info-row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
@media only screen and (max-width:599px) {
.scooter__info-row {
display: block
}
}
.scooter__info-col {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: -webkit-calc(50% - 20px);
width: -moz-calc(50% - 20px);
width: calc(50% - 20px);
position: relative;
padding-right: 40px
}
@media only screen and (max-width:1020px) {
.scooter__info-col {
display: block
}
}
@media only screen and (max-width:599px) {
.scooter__info-col {
width: auto;
padding-right: 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px
}
.scooter__info-col:last-child {
margin-bottom: 0
}
}
.scooter__info-col img {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 12px;
display: block
}
@media only screen and (max-width:599px) {
.scooter__info-col img {
width: 38px;
height: auto
}
}
.scooter__info-col:last-child::before {
content: "";
position: absolute;
left: -20px;
top: 100px;
height: 200px;
width: 2px;
background: url(../images/dotted-grey-vert.svg) repeat-y
}
.scooter__info-title {
font-size: 28px;
font-family: Mont, sans-serif;
padding-top: 20px;
margin-bottom: 40px
}
@media only screen and (max-width:767px) {
.scooter__info-title {
font-size: 22px;
margin-bottom: 25px
}
}
@media only screen and (max-width:599px) {
.scooter__info-title {
padding-top: 10px;
font-size: 15px;
margin-bottom: 10px
}
}
.scooter__info-block {
line-height: 1.35;
margin-top: 35px
}
@media only screen and (max-width:599px) {
.scooter__info-block {
margin-top: 10px
}
}
.scooter__info-block strong {
font-family: Mont, sans-serif;
font-size: 20px;
display: block;
margin-bottom: 3px
}
@media only screen and (max-width:767px) {
.scooter__info-block strong {
font-size: 18px
}
}
@media only screen and (max-width:599px) {
.scooter__info-block strong {
font-size: 13px;
margin-bottom: 2px
}
}
.scooter__info-block p {
font-size: 18px
}
@media only screen and (max-width:767px) {
.scooter__info-block p {
font-size: 16px
}
}
@media only screen and (max-width:599px) {
.scooter__info-block p {
font-size: 13px
}
}
.scooter__insurance {
margin: 80px 0
}
@media only screen and (max-width:1020px) {
.scooter__insurance {
margin: 60px 0
}
}
@media only screen and (max-width:767px) {
.scooter__insurance {
margin: 40px 0
}
}
.scooter__insurance-bg {
background: url(../images/landing-scooter/insurance-bg.jpg) no-repeat center center;
background-size: auto 435px
}
@media only screen and (max-width:1020px) {
.scooter__insurance-bg {
background-size: auto 330px;
background-position: 38% center
}
}
@media only screen and (max-width:767px) {
.scooter__insurance-bg {
background-size: auto 240px;
background-position: 38% center
}
}
@media only screen and (max-width:599px) {
.scooter__insurance-bg {
background-size: auto 190px;
background-position: 52% top
}
}
.scooter__insurance-content {
height: 435px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
max-width: 50%
}
@media only screen and (max-width:1020px) {
.scooter__insurance-content {
max-width: 500px;
height: 340px
}
}
@media only screen and (max-width:767px) {
.scooter__insurance-content {
height: auto
}
}
.scooter__insurance-content p {
margin: 0 0 25px;
font-size: 18px
}
@media only screen and (max-width:767px) {
.scooter__insurance-content p {
display: none
}
}
.scooter__insurance-content .btn {
width: 220px
}
@media only screen and (max-width:450px) {
.scooter__insurance-content .btn {
width: 100%
}
}
.scooter__insurance-intro {
font-size: 22px;
font-weight: 300;
font-family: Mont, sans-serif
}
@media only screen and (max-width:599px) {
.scooter__insurance-intro {
font-size: 14px
}
}
.scooter__insurance-intro ul {
font-weight: 700;
font-size: 20px;
margin: 10px 0
}
@media only screen and (max-width:599px) {
.scooter__insurance-intro ul {
font-size: 13px
}
}
.scooter__insurance-intro ul li {
display: inline-block;
position: relative;
margin-right: 3px
}
@media only screen and (max-width:767px) {
.scooter__insurance-intro ul li {
display: block
}
}
@media only screen and (max-width:599px) {
.scooter__insurance-intro ul li {
margin-bottom: 3px
}
.scooter__insurance-intro ul li:first-child {
padding-left: 19px
}
}
@media only screen and (max-width:599px) and (max-width:599px) {
.scooter__insurance-intro ul li:first-child {
padding-left: 15px
}
}
@media only screen and (max-width:599px) {
.scooter__insurance-intro ul li:first-child::before {
content: "";
position: absolute;
left: 0;
top: 50%;
margin-top: -7px;
width: 12px;
height: 12px;
border-radius: 50%;
border: 3px solid #ffd734
}
}
@media only screen and (max-width:599px) and (max-width:599px) {
.scooter__insurance-intro ul li:first-child::before {
width: 8px;
height: 8px;
border: 2px solid #ffd734;
margin-top: -4px
}
}
.scooter__insurance-intro ul li:not(:first-child) {
padding-left: 19px
}
@media only screen and (max-width:599px) {
.scooter__insurance-intro ul li:not(:first-child) {
padding-left: 15px
}
}
.scooter__insurance-intro ul li:not(:first-child)::before {
content: "";
position: absolute;
left: 0;
top: 50%;
margin-top: -7px;
width: 12px;
height: 12px;
border-radius: 50%;
border: 3px solid #ffd734
}
@media only screen and (max-width:599px) {
.scooter__insurance-intro ul li:not(:first-child)::before {
width: 8px;
height: 8px;
border: 2px solid #ffd734;
margin-top: -4px
}
}
.scooter__insurance-main {
font-family: Mont, sans-serif;
font-weight: 300;
font-size: 22px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 25px;
margin-bottom: 35px
}
@media only screen and (max-width:1020px) {
.scooter__insurance-main {
margin-top: 15px;
margin-bottom: 20px
}
}
@media only screen and (max-width:767px) {
.scooter__insurance-main {
display: block
}
}
@media only screen and (max-width:599px) {
.scooter__insurance-main {
margin-top: 5px;
margin-bottom: 15px;
font-size: 14px;
max-width: 175px
}
.scooter__insurance-main br {
display: none
}
}
.scooter__insurance-main-number {
font-size: 62px;
font-weight: 700;
margin-right: 10px
}
@media only screen and (max-width:599px) {
.scooter__insurance-main-number {
font-size: 39px;
line-height: 1
}
}
.scooter__faq {
margin: 80px 0
}
@media only screen and (max-width:1020px) {
.scooter__faq {
margin: 60px 0
}
}
@media only screen and (max-width:767px) {
.scooter__faq {
margin: 40px 0
}
}
.scooter__faq .faq__i:nth-child(n+5) {
display: none
}
@media only screen and (max-width:767px) {
.scooter__faq .faq__i-icon {
top: 8px
}
}
.scooter__faq-more {
text-align: center;
margin-top: 25px
}
.scooter__faq-more .btn {
width: 220px
}
@media only screen and (max-width:450px) {
.scooter__faq-more .btn {
width: 100%
}
}
.scooter__footer {
background: url(../images/landing-scooter/kickscooter2.jpg) no-repeat center top;
background-size: auto 100%
}
.scooter__footer-bg {
height: 785px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
@media only screen and (max-width:1150px) {
.scooter__footer-bg {
height: 565px
}
}
@media only screen and (max-width:1020px) {
.scooter__footer-bg {
height: 510px
}
}
@media only screen and (max-width:767px) {
.scooter__footer-bg {
height: 420px
}
}
@media only screen and (max-width:599px) {
.scooter__footer-bg {
height: 240px
}
}
.scooter__footer-content {
color: #fff;
font-family: Mont, sans-serif;
font-size: 42px;
line-height: 1.2;
width: 50%;
padding-left: 8%
}
@media only screen and (max-width:1020px) {
.scooter__footer-content {
font-size: 37px;
padding-left: 0
}
}
@media only screen and (max-width:767px) {
.scooter__footer-content {
font-size: 28px
}
}
@media only screen and (max-width:599px) {
.scooter__footer-content {
font-size: 16px;
width: 55%
}
}
.scooter__footer-content .btn {
margin-top: 25px;
width: 220px;
padding-right: 45px;
padding-left: 15px
}