/* Start:/local/front/files/css/normalize.css?17550020006138*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/* End */
/* Start:/local/front/files/fancybox/jquery.fancybox.min.css?175500200012795*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */
/* Start:/local/front/files/slick/slick.css?17550020001776*/
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/* End */
/* Start:/local/templates/new/public/js/arcticmodal/jquery.arcticmodal-0.3.css?1755002000647*/
.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(/local/templates/new/public/js/arcticmodal/loading.gif) no-repeat 50% 50%; }
/* End */
/* Start:/local/front/files/css/main.css?1755002000142784*/
@charset "UTF-8";
*, ::after, ::before {
box-sizing: border-box;
outline: none; }
::-webkit-input-placeholder {
color: #BFBFBF; }
::-moz-placeholder {
color: #BFBFBF; }
:-moz-placeholder {
color: #BFBFBF; }
:-ms-input-placeholder {
color: #BFBFBF; }
a {
color: inherit;
text-decoration: underline; }
a[class] {
text-decoration: none; }
a[class]:hover {
text-decoration: none; }
button {
padding: 0;
border: 0;
background-color: transparent;
cursor: pointer; }
html {
overflow-x: hidden; }
body {
background-color: white;
font-family: 'Ubuntu', sans-serif;
letter-spacing: 0.02em;
font-size: 14px;
line-height: 130%;
font-weight: 400;
color: #414141;
display: flex;
flex-direction: column;
min-height: 100vh; }
@media screen and (max-width: 1200px) {
body {
padding-top: 88px; } }
@media screen and (max-width: 767px) {
body {
padding-top: 65px; } }
body.overflow {
overflow: hidden; }
body main {
flex: 1; }
.wrapper {
position: relative;
width: 1200px;
margin: 0 auto;
padding: 0 15px; }
@media screen and (max-width: 1200px) {
.wrapper {
width: 768px; } }
@media screen and (max-width: 767px) {
.wrapper {
width: 460px; } }
@media screen and (max-width: 480px) {
.wrapper {
width: 375px; }
}
input[type='text'], input[type='email'], input[type='tel'] {
font-weight: 300;
font-size: 18px;
height: 80px;
line-height: 80px;
width: 100%;
max-width: 330px;
border: 1px solid #414141;
border-radius: 5px;
padding: 15px;
background-color: transparent; }
@media screen and (max-width: 1200px) {
input[type='text'], input[type='email'], input[type='tel'] {
height: 60px;
line-height: 60px;
font-size: 16px; } }
@media screen and (max-width: 767px) {
input[type='text'], input[type='email'], input[type='tel'] {
height: 40px;
line-height: 40px;
font-size: 14px; }
input[name='coupon_code'] {
font-size: 11px;
}
}
textarea {
resize: none;
border: 1px solid #414141;
border-radius: 5px;
width: 100%;
height: 125px;
padding: 5px;
background-color: transparent; }
h1 {
font-weight: bold;
font-size: 30px;
line-height: 1.2;
margin: 0;
text-transform: uppercase; }
@media screen and (max-width: 1200px) {
h1 {
font-size: 24px; } }
@media screen and (max-width: 767px) {
h1 {
text-align: center; } }
h2 {
font-weight: bold;
font-size: 30px;
line-height: 1.2;
margin: 0;
text-transform: uppercase; }
@media screen and (max-width: 1200px) {
h2 {
font-size: 24px; } }
@media screen and (max-width: 767px) {
h2 {
text-align: center; } }
.center {
text-align: center; }
.btn {
display: inline-block;
font-weight: 300;
font-size: 18px;
height: 80px;
line-height: 80px;
transition: background-color .3s;
width: 100%;
max-width: 415px;
text-align: center;
text-transform: uppercase;
border-radius: 5px;
text-decoration: none;
border: 0;
background-color: inherit;
cursor: pointer; }
@media screen and (max-width: 1200px) {
.btn {
font-size: 16px;
height: 60px;
line-height: 60px;
max-width: 345px; } }
@media screen and (max-width: 767px) {
.btn {
height: 40px;
line-height: 40px;
font-size: 14px; } }
.btn.small {
height: 40px;
line-height: 40px;
font-size: 14px; }
.btn:disabled {
opacity: .4;
pointer-events: none;
cursor: not-allowed; }
.btn:hover {
text-decoration: none; }
.btn.blue {
background-color: #22AAB8;
color: white; }
.btn.blue:hover {
background-color: #1a828d; }
.btn.outline {
border: 1px solid #22AAB8;
height: 40px;
line-height: 40px; }
.btn.outline.big {
height: 80px;
line-height: 80px;
max-width: none;
width: auto;
padding: 0 40px;
font-size: 24px;
font-weight: normal; }
@media screen and (max-width: 1200px) {
.btn.outline.big {
height: 60px;
line-height: 60px;
font-size: 20px; } }
@media screen and (max-width: 767px) {
.btn.outline.big {
height: 40px;
line-height: 40px;
font-size: 14px; } }
.btn.outline:hover {
background-color: #22AAB8;
color: white; }
.btn.simple {
height: auto;
width: auto;
max-width: none;
line-height: 1;
color: #FF0000;
text-transform: inherit; }
.btn.simple:hover {
text-decoration: underline; }
.btn.simple.gray {
color: #A5A5A5; }
.link {
font-size: 18px;
color: inherit;
text-decoration: none;
cursor: pointer; }
.link:hover {
text-decoration: underline; }
.link::after {
content: url("/local/front/files/css/../img/arrow-link.svg");
margin-left: 15px;
display: inline-block;
vertical-align: middle; }
.arrow {
width: 31px;
height: 31px;
border-radius: 5px;
background-color: #22AAB8;
display: flex;
justify-content: center;
align-items: center; }
.arrow::after {
content: url("/local/front/files/css/../img/arrow.svg");
height: 20px; }
.arrow.right {
transform: scale(-1, 1); }
.сontrol {
display: flex;
justify-content: flex-end;
align-items: center; }
@media screen and (max-width: 767px) {
.сontrol {
display: none; }
}
.сontrol .count {
font-weight: bold;
font-size: 18px;
margin: 0 15px; }
.сontrol .count span {
color: #C4C4C4; }
.header_alert .alert_box{
background: red;
}
.header_alert .alert_mes{
text-align: center;
color: white;
}
.header_alert .alert_text{
display: inline-block;
width: 90%;
color: white;
font-size: 18px;
/*text-shadow: 1px 1px 2px black;*/
}
.header_alert .close_icon{
display: inline-block;
color: white;
width: 18px;
height: 18px;
background: url(/local/front/files/css/../img/close.svg) no-repeat 50%;
}
.header_alert .close_icon:hover{
cursor: pointer;
padding: 5px;
}
#header .top-line {
padding: 30px 0;
border-bottom: 1px solid #C4C4C4;
font-size: 18px; }
@media screen and (max-width: 1200px) {
#header .top-line {
background-color: white;
z-index: 9;
padding: 10px 0;
position: fixed;
top: 0;
left: 0;
width: 100%; } }
@media screen and (max-width: 767px) {
#header .top-line {
font-size: 14px; } }
#header .top-line .top-line-block {
display: flex;
justify-content: space-between;
align-items: center; }
#header .top-line .top-line-block .logo-mob {
display: none; }
@media screen and (max-width: 1200px) {
#header .top-line .top-line-block .logo-mob {
display: block; }
#header .top-line .top-line-block .logo-mob img {
width: 65px; } }
@media screen and (max-width: 1200px) and (max-width: 767px) {
#header .top-line .top-line-block .logo-mob img {
width: 40px; } }
#header .top-line .top-line-block .phone {
font-weight: bold;
color: #22AAB8; }
@media screen and (max-width: 1200px) {
#header .top-line .top-line-block .phone {
margin-left: auto; } }
#header .top-line .top-line-block .phone::before {
content: '';
background: url("/local/front/files/css/../img/phone.svg") no-repeat 50%;
display: inline-block;
vertical-align: middle;
width: 31px;
height: 31px;
margin-right: 10px; }
@media screen and (max-width: 767px) {
#header .top-line .top-line-block .phone::before {
display: none; } }
@media screen and (max-width: 1200px) {
#header .top-line .top-line-block .menu {
display: none; } }
#header .top-line .top-line-block .menu ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: flex-start;
align-items: center; }
#header .top-line .top-line-block .menu ul li {
margin-right: 30px; }
#header .top-line .top-line-block .menu ul li.active a {
color: #22AAB8; }
#header .top-line .top-line-block .menu ul li:last-child {
margin-right: 0; }
#header .top-line .top-line-block .menu ul li a {
text-decoration: none;
color: inherit;
transition: color .3s; }
#header .top-line .top-line-block .menu ul li a:hover {
color: #22AAB8; }
#header .top-line .top-line-block .user-buttons {
display: flex;
justify-content: flex-end;
align-items: center; }
@media screen and (max-width: 1200px) {
#header .top-line .top-line-block .user-buttons {
margin-left: auto;
margin-right: 10px; } }
#header .top-line .top-line-block .user-buttons > * {
margin-right: 30px; }
#header .top-line .top-line-block .user-buttons > *:last-child {
margin-right: 0; }
#header .top-line .top-line-block .user-buttons .login {
color: #A5A5A5; }
@media screen and (max-width: 1200px) {
#header .top-line .top-line-block .user-buttons .login {
order: 5;
margin-right: 0;
font-size: 0; } }
#header .top-line .top-line-block .user-buttons .login::before {
content: '';
background: url("/local/front/files/css/../img/login.svg") no-repeat 50%;
display: inline-block;
vertical-align: middle;
width: 31px;
height: 31px;
margin-right: 10px; }
@media screen and (max-width: 1200px) {
#header .top-line .top-line-block .user-buttons .login::before {
width: 25px;
height: 25px;
background-size: contain; } }
#header .top-line .top-line-block .user-buttons .login:hover {
text-decoration: underline; }
@media screen and (max-width: 1200px) {
#header .top-line .top-line-block .user-buttons .compare {
display: none; } }
#header .top-line .top-line-block .user-buttons .compare::before {
content: '';
background: url("/local/front/files/css/../img/compare.svg") no-repeat 50%;
display: inline-block;
vertical-align: middle;
width: 37px;
height: 31px;
margin-right: 10px; }
#header .top-line .top-line-block .user-buttons .compare span {
display: inline-block;
width: 20px;
height: 20px;
font-size: 14px;
background-color: #E9E9E9;
border-radius: 50%;
text-align: center;
line-height: 20px;
letter-spacing: 0;
color: #929292; }
#header .top-line .top-line-block .user-buttons .basket {
background: url("/local/front/files/css/../img/cart.svg") no-repeat 50%;
width: 35px;
height: 31px;
position: relative;
margin-right: 64px;}
@media screen and (max-width: 1200px) {
#header .top-line .top-line-block .user-buttons .basket {
margin-right: 49px; } }
@media screen and (max-width: 767px) {
#header .top-line .top-line-block .user-buttons .basket {
background-size: 28px; } }
#header .top-line .top-line-block .user-buttons .basket span {
position: absolute;
top: 5px;
right: -34px;
width: 24px;
height: 24px;
font-size: 16px;
color: #fff;
background: #FF2828;
border-radius: 50%;
text-align: center;
line-height: 22px; }
@media screen and (max-width: 767px) {
#header .top-line .top-line-block .user-buttons .basket span {
right: -29px; } }
@media screen and (max-width: 1200px) {
#header .top-line .top-line-block .user-buttons .search {
display: none; } }
#header .top-line .top-line-block .user-buttons .search.open .search-input {
width: calc(1170px - 200px);
height: auto;
margin: 0;
visibility: visible;
clip: auto;
opacity: 1;
transition: .3s width, .3s opacity; }
#header .top-line .top-line-block .user-buttons .search.open .search-btn {
background: url("/local/front/files/css/../img/close.svg") no-repeat 50%/15px;
opacity: .4;
transition: .1s opacity; }
#header .top-line .top-line-block .user-buttons .search.open .search-btn:hover {
transition: .3s opacity;
opacity: 1; }
#header .top-line .top-line-block .user-buttons .search .search-btn {
background: url("/local/front/files/css/../img/search.svg") no-repeat 50%;
width: 30px;
height: 31px;
position: relative;
z-index: 10; }
#header .top-line .top-line-block .user-buttons .search .search-input {
width: 1px;
height: 1px;
margin: -1px;
position: absolute;
clip: rect(0 0 0 0);
visibility: hidden;
right: 0;
opacity: 0;
top: 50%;
transform: translateY(-50%);
padding: 5px 15px;
background-color: #f6f6f6;
transition: .1s width, .1s opacity;
padding-right: 145px;
border-radius: 5px; }
#header .top-line .top-line-block .user-buttons .search .search-input input[type="text"] {
height: 30px;
line-height: 30px;
font-size: 14px;
padding: 5px 10px;
max-width: none;
border-radius: 5px 0 0 5px;
border-right: 0; }
#header .top-line .top-line-block .user-buttons .search .search-input input[type="submit"] {
position: absolute;
right: 60px;
background-color: transparent;
font-size: 15px;
padding: 0;
top: 50%;
color: #414141;
cursor: pointer;
border: 1px solid black;
height: 30px;
width: 85px;
border-radius: 0 5px 5px 0;
transform: translateY(-50%);
transition: .1s background-color, .1s color; }
#header .top-line .top-line-block .user-buttons .search .search-input input[type="submit"]:hover {
transition: .3s background-color, .3s color;
background-color: #b1b1b1;
color: white; }
#header .top-line .top-line-block .burger {
display: none;
background: url("/local/front/files/css/../img/burger.svg") no-repeat 50%/50px;
width: 50px;
height: 50px; }
@media screen and (max-width: 1200px) {
#header .top-line .top-line-block .burger {
display: block; } }
@media screen and (max-width: 767px) {
#header .top-line .top-line-block .burger {
width: 34px;
height: 34px;
background-size: 34px; } }
#header .nav-line {
padding: 25px 0; }
@media screen and (max-width: 1200px) {
#header .nav-line {
display: none; } }
#header .nav-line .nav-line-block {
display: flex;
justify-content: flex-start;
align-items: center; }
#header .nav-line .nav-line-block .logo {
margin-right: 100px; }
#header .nav-line .nav-line-block .logo img {
width: 85px; }
#header .nav-line .nav-line-block .main-menu ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: flex-start;
align-items: center;
text-transform: uppercase;
font-size: 19px;
font-weight: bold; }
#header .nav-line .nav-line-block .main-menu ul li {
margin-right: 100px; }
#header .nav-line .nav-line-block .main-menu ul li.active a {
color: #22AAB8; }
#header .nav-line .nav-line-block .main-menu ul li:last-child {
margin-right: 0; }
#header .nav-line .nav-line-block .main-menu ul li a {
text-decoration: none;
color: inherit;
transition: color .3s; }
#header .nav-line .nav-line-block .main-menu ul li a:hover {
color: #22AAB8; }
#header .breadcrumbs {
background-color: #F6F6F6;
padding: 15px 0;
font-size: 18px; }
@media screen and (max-width: 1200px) {
#header .breadcrumbs {
padding: 10px 0;
font-size: 16px; } }
@media screen and (max-width: 767px) {
#header .breadcrumbs {
font-size: 14px; } }
#header .breadcrumbs .breadcrumbs-block {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap; }
#header .breadcrumbs .breadcrumbs-block .item {
display: flex;
justify-items: flex-start;
align-items: center; }
#header .breadcrumbs .breadcrumbs-block .item:last-child::after {
display: none; }
#header .breadcrumbs .breadcrumbs-block .item::after {
content: '/';
margin: 0 5px; }
#header .breadcrumbs .breadcrumbs-block a {
color: black;
text-decoration: none; }
#header .breadcrumbs .breadcrumbs-block a:hover {
text-decoration: underline; }
section.block {
padding: 50px 0; }
@media screen and (max-width: 1200px) {
section.block {
padding: 40px 0; } }
@media screen and (max-width: 767px) {
section.block {
padding: 10px 0; } }
section.with-sea .wrapper::after, section.with-sea .wrapper::before {
content: '';
width: 200px;
height: 171px;
background: url("/local/front/files/css/../img/sea.svg") no-repeat;
background-size: 200px;
display: block;
position: absolute;
top: 50%; }
@media screen and (max-width: 1200px) {
section.with-sea .wrapper::after, section.with-sea .wrapper::before {
width: 170px;
height: 151px;
background-size: 170px; } }
@media screen and (max-width: 767px) {
section.with-sea .wrapper::after, section.with-sea .wrapper::before {
display: none; } }
section.with-sea .wrapper::after {
right: 0;
transform: translate3d(100%, -50%, 0); }
section.with-sea .wrapper::before {
left: 0;
transform: translate3d(-100%, -50%, 0); }
.catalog .catalog-menu {
padding: 60px 0;
background-color: #F7F7F7; }
@media screen and (max-width: 1200px) {
.catalog .catalog-menu {
padding: 40px 0; } }
@media screen and (max-width: 767px) {
.catalog .catalog-menu {
padding: 20px 0 0;
background-color: white; } }
.catalog .catalog-menu .catalog-menu-block {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-template-areas: "one two three" "four two five";
grid-gap: 30px; }
@media screen and (max-width: 1200px) {
.catalog .catalog-menu .catalog-menu-block {
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;
grid-template-areas: "one three" "two two" "four five";
grid-gap: 20px; } }
@media screen and (max-width: 767px) {
.catalog .catalog-menu .catalog-menu-block {
display: block; } }
.catalog .catalog-menu .catalog-menu-block a {
min-height: 300px;
background-size: cover;
background-position: 50%;
border-radius: 10px;
text-decoration: none;
padding: 15px;
display: flex; }
@media screen and (max-width: 1200px) {
.catalog .catalog-menu .catalog-menu-block a {
min-height: 250px; } }
@media screen and (max-width: 767px) {
.catalog .catalog-menu .catalog-menu-block a {
min-height: auto;
height: 180px;
justify-content: center !important;
align-items: flex-end !important;
margin: 0 5px; } }
.catalog .catalog-menu .catalog-menu-block a:nth-child(1) {
grid-area: one;
justify-content: flex-start;
align-items: flex-start; }
.catalog .catalog-menu .catalog-menu-block a:nth-child(2) {
grid-area: two;
justify-content: center;
align-items: flex-end; }
.catalog .catalog-menu .catalog-menu-block a:nth-child(3) {
grid-area: three;
justify-content: flex-end;
align-items: flex-start; }
.catalog .catalog-menu .catalog-menu-block a:nth-child(4) {
grid-area: four;
justify-content: flex-start;
align-items: flex-start; }
.catalog .catalog-menu .catalog-menu-block a:nth-child(5) {
grid-area: five;
justify-content: flex-end;
align-items: flex-start; }
.catalog .catalog-menu .catalog-menu-block a span {
font-size: 18px;
color: #414141;
background-color: #FFFFFF;
border-radius: 10px;
line-height: 40px;
height: 40px;
padding: 0 50px; }
@media screen and (max-width: 1200px) {
.catalog .catalog-menu .catalog-menu-block a span {
font-size: 16px;
line-height: 30px;
height: 30px;
padding: 0 30px; } }
@media screen and (max-width: 767px) {
.catalog .catalog-menu .catalog-menu-block a span {
min-height: 45px;
line-height: 1.2;
font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
text-align: center; } }
.catalog .go-to-catalog {
padding: 40px 0;
text-align: center; }
@media screen and (max-width: 1200px) {
.catalog .go-to-catalog {
padding: 30px 0; } }
@media screen and (max-width: 767px) {
.catalog .go-to-catalog {
padding: 0 0 10px; } }
.plus .plus-block {
display: flex;
justify-content: center;
align-items: flex-start;
margin: 0 -25px; }
@media screen and (max-width: 1200px) {
.plus .plus-block {
margin: 0 -15px; } }
@media screen and (max-width: 767px) {
.plus .plus-block {
margin: -15px;
flex-wrap: wrap; } }
.plus .plus-block .plus-item {
flex: 0 0 calc(100% / 5 - 100px);
margin: 0 50px; }
@media screen and (max-width: 1200px) {
.plus .plus-block .plus-item {
margin: 0 15px;
flex: 0 0 calc(100% / 4 - 30px); }
.plus .plus-block .plus-item img {
height: 110px;
margin-bottom: 5px; } }
@media screen and (max-width: 767px) {
.plus .plus-block .plus-item {
margin: 15px;
flex: 0 0 calc(100% / 2 - 30px);
text-align: center; }
.plus .plus-block .plus-item img {
height: 70px;
margin-bottom: 15px; } }
.slider-block .header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 35px; }
@media screen and (max-width: 767px) {
.slider-block .header {
justify-content: center;
margin-bottom: 20px; } }
.slider-block .slider {
display: flex;
justify-content: flex-start;
margin: 0 -15px; }
@media screen and (max-width: 767px) {
.slider-block .slider {
flex-direction: column; } }
.slider-block .slider .slick-list {
width: 100%; }
.slider-block .slider .slick-track {
display: flex;
width: 100%;
margin: 0; }
.slider-block .slider .product-card {
margin: 0 15px;
height: auto;
display: flex;
flex-direction: column; }
.slider-block .center {
margin-top: 60px; }
@media screen and (max-width: 767px) {
.slider-block .center {
margin-top: 20px; } }
.product-card {
position: relative;
font-size: 18px; }
.product-card:hover .hover {
transition: .3s opacity;
opacity: 1; }
.product-card:hover .buttons-block button {
transition: .3s opacity;
opacity: 1; }
.product-card .buttons-block {
position: absolute;
top: 12px;
left: 14px;
display: flex;
align-items: center;
justify-content: center; }
.product-card .buttons-block .favorites {
background: url("/local/front/files/css/../img/like.svg") no-repeat 50%/19px;
margin-right: 10px; }
@media screen and (max-width: 1200px) {
.product-card .buttons-block .favorites {
background-color: rgba(255, 255, 255, 0.7); } }
.product-card .buttons-block .compare {
background: url("/local/front/files/css/../img/compare.svg") no-repeat 50%/18px; }
@media screen and (max-width: 1200px) {
.product-card .buttons-block .compare {
background-color: rgba(255, 255, 255, 0.7); } }
.product-card .buttons-block button {
width: 30px;
height: 30px;
border-radius: 5px;
transition: .1s opacity;
opacity: 0; }
@media screen and (max-width: 1200px) {
.product-card .buttons-block button {
opacity: 1; } }
.product-card .buttons-block button.active {
background-color: rgba(34, 170, 184, 0.7); }
.product-card .buttons-block button.active.favorites {
background-image: url("/local/front/files/css/../img/like-w.svg");
opacity: 1; }
.product-card .buttons-block button.active.compare {
background-image: url("/local/front/files/css/../img/compare-w.svg");
opacity: 1; }
.product-card .hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 260px;
background-color: rgba(255, 255, 255, 0.95);
opacity: 0;
padding: 0 15px;
text-align: center;
font-weight: bold;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transition: .1s opacity; }
@media screen and (max-width: 1200px) {
.product-card .hover {
display: none; } }
.product-card .hover .hover-item {
margin-bottom: 10px;
line-height: 1.2; }
.product-card .hover .btn {
margin-top: 15px;
height: 35px;
line-height: 35px;
font-weight: bold;
font-size: 14px; }
.product-card .image {
height: 260px;
width: 100%;
background-size: cover;
background-position: 50%;
border-radius: 10px;
margin-bottom: 15px; }
.product-card .badge {
width: 61px;
height: 61px;
border-radius: 50%;
background-color: white;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
font-size: 18px;
color: #22AAB8;
position: absolute;
top: 10px;
right: 10px; }
.product-card .title {
font-size: 18px;
font-weight: bold;
margin-bottom: 15px;
line-height: 1.2; }
.product-card .price {
margin-top: auto;
display: flex;
justify-content: space-between;
align-items: center;
color: #22AAB8; }
.product-card .price .last {
color: #B0B0B0;
text-decoration: line-through; }
.product-card .product-compare {
display: flex;
flex-direction: column; }
.map-block {
display: flex;
justify-content: space-between;
align-items: center; }
@media screen and (max-width: 1200px) {
.map-block {
flex-direction: column; } }
.map-block .data {
flex: 1;
font-size: 18px;
font-weight: bold;
line-height: 1; }
@media screen and (max-width: 1200px) {
.map-block .data {
margin-bottom: 50px; } }
@media screen and (max-width: 767px) {
.map-block .data {
font-size: 14px;
text-align: center;
margin-bottom: 20px; } }
.map-block .data .title {
margin-bottom: 60px; }
@media screen and (max-width: 1200px) {
.map-block .data .title {
margin-bottom: 40px; } }
@media screen and (max-width: 767px) {
.map-block .data .title {
margin-bottom: 20px; } }
.map-block .data .street {
background: url("/local/front/files/css/../img/marker.svg") no-repeat 0 4px;
padding-left: 20px;
margin-bottom: 20px; }
@media screen and (max-width: 767px) {
.map-block .data .street {
display: inline-block;
line-height: 22px; } }
.map-block .data .work-times {
background: url("/local/front/files/css/../img/calendar.svg") no-repeat 0 4px;
padding-left: 20px; }
@media screen and (max-width: 767px) {
.map-block .data .work-times {
display: inline-block;
line-height: 22px; } }
.map-block .data .work-times span {
color: #22AAB8;
margin: 0 5px; }
.map-block #address {
flex: 0 0 600px;
height: 405px; }
@media screen and (max-width: 1200px) {
.map-block #address {
width: 100%;
flex: 0 0 405px; } }
@media screen and (max-width: 767px) {
.map-block #address {
flex: 0 0 250px; } }
.form-group {
display: flex;
justify-content: flex-start;
align-items: center; }
@media screen and (max-width: 767px) {
.form-group {
flex-direction: column; } }
@media screen and (max-width: 767px) {
.subscribe {
padding-top: 70px !important;
overflow: hidden; } }
.subscribe .subscribe-block {
display: flex;
justify-content: flex-start;
align-items: center; }
@media screen and (max-width: 767px) {
.subscribe .subscribe-block {
position: relative; } }
.subscribe .subscribe-block form {
flex: 1; }
@media screen and (max-width: 1200px) {
.subscribe .subscribe-block form {
flex: 0 0 550px;
position: relative;
z-index: 2; } }
@media screen and (max-width: 767px) {
.subscribe .subscribe-block form {
flex: 0 0 100%; } }
.subscribe .subscribe-block form .title {
margin-bottom: 90px; }
@media screen and (max-width: 1200px) {
.subscribe .subscribe-block form .title {
margin-bottom: 40px; } }
.subscribe .subscribe-block form .form-group .email {
margin-right: 7px; }
@media screen and (max-width: 767px) {
.subscribe .subscribe-block form .form-group .email {
margin-right: 0;
height: 52px;
line-height: 52px;
font-size: 14px;
max-width: initial;
margin-bottom: 15px;
text-align: center;
background-color: transparent; } }
.subscribe .subscribe-block form .politic {
color: #A5A5A5;
margin-top: 20px;
font-size: 14px; }
@media screen and (max-width: 1200px) {
.subscribe .subscribe-block form .politic {
font-size: 16px; } }
@media screen and (max-width: 767px) {
.subscribe .subscribe-block form .politic {
font-size: 12px;
text-align: center;
margin-top: 10px; } }
.subscribe .subscribe-block .image {
flex: 0 0 585px;
margin-right: -260px; }
@media screen and (max-width: 1200px) {
.subscribe .subscribe-block .image {
opacity: .2;
margin-left: -200px; } }
@media screen and (max-width: 767px) {
.subscribe .subscribe-block .image {
position: absolute;
right: -40px;
top: -30px;
margin-right: 0; }
.subscribe .subscribe-block .image img {
width: 250px; } }
.subscribe .btn {
font-size: 24px;
max-width: 390px; }
@media screen and (max-width: 1200px) {
.subscribe .btn {
font-size: 20px; } }
.news .news-block .news-link-mob {
display: none; }
@media screen and (max-width: 767px) {
.news .news-block .news-link-mob {
display: block;
margin-top: 20px; } }
.news .news-block .header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 35px; }
@media screen and (max-width: 767px) {
.news .news-block .header {
justify-content: center;
margin-bottom: 20px; }
.news .news-block .header .link {
display: none; } }
.news .news-block .news-wrap {
display: flex;
justify-content: flex-start;
margin: 0 -15px; }
@media screen and (max-width: 1200px) {
.news .news-block .news-wrap {
flex-wrap: wrap; } }
@media screen and (max-width: 767px) {
.news .news-block .news-wrap .slick-track {
padding-bottom: 6px; } }
.news .news-block .news-wrap .news-item {
flex: 0 0 calc((100% - 415px) / 3 - 30px);
margin: 0 15px;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
border-radius: 10px;
position: relative;
display: flex;
flex-direction: column; }
@media screen and (max-width: 1200px) {
.news .news-block .news-wrap .news-item {
flex: 0 0 calc(100% / 3 - 30px); } }
.news .news-block .news-wrap .news-item:first-child, .news .news-block .news-wrap .news-item.first {
flex: 0 0 calc(415px - 30px);
background: white;
background: -moz-linear-gradient(0deg, #000000 0%, rgba(58, 58, 58, 0.771637) 31.4%, rgba(255, 255, 255, 0) 102.17%);
background: -webkit-linear-gradient(0deg, #000000 0%, rgba(58, 58, 58, 0.771637) 31.4%, rgba(255, 255, 255, 0) 102.17%);
background: linear-gradient(0deg, #000000 0%, rgba(58, 58, 58, 0.771637) 31.4%, rgba(255, 255, 255, 0) 102.17%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); }
@media screen and (max-width: 1200px) {
.news .news-block .news-wrap .news-item:first-child, .news .news-block .news-wrap .news-item.first {
flex: 0 0 calc(100% - 30px);
margin-bottom: 30px;
height: 230px; } }
@media screen and (max-width: 767px) {
.news .news-block .news-wrap .news-item:first-child, .news .news-block .news-wrap .news-item.first {
height: 210px; } }
.news .news-block .news-wrap .news-item:first-child .image, .news .news-block .news-wrap .news-item.first .image {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
top: 0;
left: 0; }
.news .news-block .news-wrap .news-item:first-child .info, .news .news-block .news-wrap .news-item.first .info {
color: white;
margin-top: auto;
flex: 0 0 auto;
padding: 18px; }
@media screen and (max-width: 767px) {
.news .news-block .news-wrap .news-item:first-child .info, .news .news-block .news-wrap .news-item.first .info {
padding: 21px 10px 10px; } }
.news .news-block .news-wrap .news-item:first-child .info .title, .news .news-block .news-wrap .news-item.first .info .title {
margin-bottom: 10px; }
.news .news-block .news-wrap .news-item .image {
height: 230px;
background-size: cover;
background-position: 50%;
border-radius: 10px; }
@media screen and (max-width: 767px) {
.news .news-block .news-wrap .news-item .image {
height: 105px; } }
.news .news-block .news-wrap .news-item .info {
padding: 18px 18px 45px;
flex: 1;
display: flex;
flex-direction: column; }
.news .news-block .news-wrap .news-item .info .title {
font-weight: bold;
font-size: 18px;
margin-bottom: 20px; }
.news .news-block .news-wrap .news-item .info .date {
color: #E0E0E0;
margin-top: auto; }
.about h2 {
margin-bottom: 35px; }
@media screen and (max-width: 767px) {
.about h2 {
margin-bottom: 20px; } }
.about .about-block {
padding: 45px 80px;
margin: 0 -80px;
background-color: #F6F6F6;
border-radius: 10px; }
@media screen and (max-width: 767px) {
.about .about-block {
background-color: white;
padding: 0;
margin: 0; } }
@media screen and (max-width: 767px) {
.slick-slider {
margin: 0 -15px; } }
#footer {
background-color: #F6F6F6;
padding: 65px 0 45px;
margin-top: auto; }
@media screen and (max-width: 767px) {
#footer {
padding: 30px 0; } }
#footer .footer-block {
display: flex;
justify-content: center;
align-items: flex-start;
margin: 0 -115px; }
@media screen and (max-width: 1200px) {
#footer .footer-block {
margin: 0 -20px; } }
@media screen and (max-width: 767px) {
#footer .footer-block {
flex-direction: column;
margin: 0; } }
#footer .footer-block .item {
flex: 0 0 calc(100% / 3 - 230px);
margin: 0 115px; }
@media screen and (max-width: 1200px) {
#footer .footer-block .item {
flex: 0 0 calc(100% / 3 - 40px);
margin: 0 20px; } }
@media screen and (max-width: 767px) {
#footer .footer-block .item {
margin: 0 0 20px; }
#footer .footer-block .item:last-child {
margin-bottom: 0; } }
#footer .footer-block .item .title {
font-weight: bold;
font-size: 30px;
margin-bottom: 20px;
text-transform: uppercase; }
@media screen and (max-width: 1200px) {
#footer .footer-block .item .title {
font-size: 20px; } }
#footer .footer-block .item ul {
list-style: none;
margin: 0;
padding: 0;
white-space: nowrap; }
#footer .footer-block .item ul li {
margin-bottom: 20px; }
#footer .footer-block .item ul li:last-child {
margin-bottom: 0; }
#footer .footer-block .item ul li::before {
content: '';
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #22AAB8;
vertical-align: middle;
margin-right: 15px; }
#footer .footer-block .item ul li a {
color: inherit;
text-decoration: none; }
#footer .footer-block .item ul li a:hover {
text-decoration: underline; }
#footer .footer-block .item a[class] {
display: block;
margin-bottom: 20px; }
#footer .footer-block .item a[class]:last-child {
margin-bottom: 0; }
#footer .footer-block .item a[class]::before {
display: inline-block;
vertical-align: middle;
margin-right: 15px; }
#footer .footer-block .item a[class].phone::before {
content: url("/local/front/files/css/../img/call.svg"); }
#footer .footer-block .item a[class].email::before {
content: url("/local/front/files/css/../img/email.svg"); }
#footer .footer-block .item a[class].instagram::before {
content: url("/local/front/files/css/../img/instagram.svg"); }
#footer .studio {
margin-top: 50px; }
@media screen and (max-width: 767px) {
#footer .studio {
margin-top: 30px; } }
.pagination {
display: flex;
margin-top: 35px; }
@media screen and (max-width: 1200px) {
.pagination {
margin-top: 20px; } }
.pagination.center {
justify-content: center;
align-items: center; }
.pagination a {
width: 31px;
height: 31px;
background: url("/local/front/files/css/../img/arrow-pagination.svg") #22AAB8 no-repeat 50%;
border: 0;
border-radius: 5px;
color: white;
font-weight: bold;
font-size: 20px;
line-height: 30px;
transition: background-color .3s; }
@media screen and (max-width: 1200px) {
.pagination a {
font-size: 18px; } }
.pagination a:hover {
background-color: #1a828d; }
.pagination a.next {
transform: scale(-1, 1); }
.pagination div {
font-weight: bold;
font-size: 18px;
margin: 0 15px; }
@media screen and (max-width: 1200px) {
.pagination div {
font-size: 16px; } }
.pagination div span {
color: #C4C4C4; }
.switch-box {
display: flex;
justify-content: flex-start;
align-items: center; }
.switch-box span {
text-align: center; }
.switch-box span.first {
order: 1; }
.switch-box span.second {
order: 3; }
.switch-box .switch {
position: relative;
-webkit-appearance: none;
outline: none;
width: 62px;
height: 28px;
background-color: #22AAB8;
border-radius: 50px;
cursor: pointer;
order: 2;
margin: 0 20px; }
.switch-box .switch::after {
content: '';
position: absolute;
top: 50%;
left: 6px;
background: white;
width: 18px;
height: 18px;
border-radius: 50%;
margin-top: -9px;
transition: .1s left; }
.switch-box .switch ~ .first {
text-shadow: 0.25px 0px 0.1px #414141, -0.25px 0px 0.1px #414141; }
.switch-box .switch:checked::after {
left: 38px; }
.switch-box .switch:checked ~ .first {
text-shadow: none; }
.switch-box .switch:checked ~ .second {
text-shadow: 0.25px 0px 0.1px #414141, -0.25px 0px 0.1px #414141; }
.checkbox-box {
display: block;
position: relative;
padding-left: 35px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
line-height: 20px; }
.checkbox-box .checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: white;
border: 1px solid black; }
.checkbox-box input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0; }
.checkbox-box input:checked ~ .checkmark {
background: url("/local/front/files/css/../img/check.svg") white no-repeat 50%; }
.radio-box {
display: block;
position: relative;
padding-left: 35px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
line-height: 22px;
font-size: 14px; }
.radio-box .checkmark {
position: absolute;
top: 0;
left: 0;
height: 22px;
width: 22px;
background-color: white;
border: 1px solid black;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center; }
.radio-box .checkmark::after {
content: '';
width: 12px;
height: 12px;
background-color: #22AAB8;
display: none;
border-radius: 50%; }
.radio-box input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0; }
.radio-box input:checked ~ .checkmark::after {
display: block; }
.mobile-menu {
top: 0;
right: 0;
background-color: rgba(0, 0, 0, 0);
width: 1px;
height: 1px;
margin: -1px;
position: absolute;
clip: rect(0 0 0 0);
visibility: hidden;
display: flex;
justify-content: flex-end;
transition: .1s background-color;
z-index: 999;
overflow: hidden; }
.mobile-menu.show {
margin: 0;
clip: auto;
width: 100%;
height: 100%;
position: fixed;
visibility: visible;
background-color: rgba(0, 0, 0, 0.5);
transition: .3s background-color; }
.mobile-menu.show .mobile-menu-block {
transition: .3s transform;
transform: translateX(0%); }
.mobile-menu .mobile-menu-block {
background-color: white;
transform: translateX(100%);
transition: .1s transform;
position: relative;
padding: 48px 15px 15px; }
@media screen and (max-width: 767px) {
.mobile-menu .mobile-menu-block {
width: 345px;
overflow: hidden; } }
.mobile-menu .mobile-menu-block .close {
position: absolute;
top: 15px;
right: 15px;
width: 18px;
height: 18px;
background: url("/local/front/files/css/../img/close.svg") no-repeat 50%;
opacity: .4;
transition: .1s opacity; }
.mobile-menu .mobile-menu-block .close:hover {
transition: .3s opacity;
opacity: 1; }
.mobile-menu .mobile-menu-block .user-buttons {
display: flex;
justify-content: flex-end;
align-items: center; }
@media screen and (max-width: 1200px) {
.mobile-menu .mobile-menu-block .user-buttons {
justify-content: flex-start;
flex-wrap: wrap;
/*padding-bottom: 20px;*/
/*border-bottom: 1px solid #C4C4C4;*/
/*margin-bottom: 20px;*/ } }
.mobile-menu .mobile-menu-block .user-buttons > * {
margin-right: 30px; }
.mobile-menu .mobile-menu-block .user-buttons > *:last-child {
margin-right: 0; }
.mobile-menu .mobile-menu-block .user-buttons .login {
color: #A5A5A5; }
@media screen and (max-width: 1200px) {
.mobile-menu .mobile-menu-block .user-buttons .login {
order: 3;
display: none;} }
.mobile-menu .mobile-menu-block .user-buttons .login::before {
content: '';
background: url("/local/front/files/css/../img/login.svg") no-repeat 50%;
display: inline-block;
vertical-align: middle;
width: 31px;
height: 31px;
margin-right: 10px; }
.mobile-menu .mobile-menu-block .user-buttons .login:hover {
text-decoration: underline; }
@media screen and (max-width: 1200px) {
.mobile-menu .mobile-menu-block .user-buttons .compare {
order: 2;
display: none; } }
.mobile-menu .mobile-menu-block .user-buttons .compare::before {
content: '';
background: url("/local/front/files/css/../img/compare.svg") no-repeat 50%;
display: inline-block;
vertical-align: middle;
width: 37px;
height: 31px;
margin-right: 10px; }
.mobile-menu .mobile-menu-block .user-buttons .compare span {
display: inline-block;
width: 20px;
height: 20px;
font-size: 14px;
background-color: #E9E9E9;
border-radius: 50%;
text-align: center;
line-height: 20px;
letter-spacing: 0;
color: #929292; }
@media screen and (max-width: 1200px) {
.mobile-menu .mobile-menu-block .user-buttons .search {
position: relative;
order: 1;
flex: 0 0 100%;
border-bottom: 1px solid #C4C4C4;
margin-bottom: 20px; } }
.mobile-menu .mobile-menu-block .user-buttons .search .search-btn {
background: url("/local/front/files/css/../img/search.svg") no-repeat 50%;
width: 30px;
height: 31px;
position: relative;
z-index: 10;
opacity: .4;
transition: .1s opacity; }
@media screen and (max-width: 1200px) {
.mobile-menu .mobile-menu-block .user-buttons .search .search-btn {
position: absolute;
width: 10px;
height: 10px;
background-size: contain;
top: 10px; } }
.mobile-menu .mobile-menu-block .user-buttons .search .search-btn:hover {
transition: .3s opacity;
opacity: 1; }
.mobile-menu .mobile-menu-block .user-buttons .search .search-input {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center; }
.mobile-menu .mobile-menu-block .user-buttons .search .search-input input[type="text"] {
height: 30px;
line-height: 30px;
font-size: 14px;
padding: 5px 10px 5px 15px;
max-width: none;
border-radius: 5px 0 0 5px;
border: none; }
.mobile-menu .mobile-menu-block .user-buttons .search .search-input input[type="submit"] {
background-color: transparent;
font-size: 15px;
padding: 0;
cursor: pointer;
border: none;
height: 30px;
width: 65px;
border-radius: 0 5px 5px 0;
color: #22AAB8;
transition: .1s background-color, .1s color; }
.mobile-menu .mobile-menu-block .user-buttons .search .search-input input[type="submit"]:hover {
}
.mobile-menu .mobile-menu-block .menu, .mobile-menu .mobile-menu-block .main-menu {
border-bottom: 1px solid #C4C4C4;
padding-bottom: 20px;
margin-bottom: 20px; }
.mobile-menu .mobile-menu-block .menu ul, .mobile-menu .mobile-menu-block .main-menu ul {
list-style: none;
padding: 0;
margin: 0; }
.mobile-menu .mobile-menu-block .menu {
font-size: 18px; }
.mobile-menu .mobile-menu-block .menu ul li {
margin-bottom: 10px; }
.mobile-menu .mobile-menu-block .menu ul li:last-child {
margin-bottom: 0; }
.mobile-menu .mobile-menu-block .menu ul li a {
text-decoration: none;
font-size: 14px;
line-height: 16px; }
.mobile-menu .mobile-menu-block .main-menu {
font-weight: bold;
font-size: 14px;
line-height: 110%; }
.mobile-menu .mobile-menu-block .main-menu ul li {
margin-bottom: 10px; }
.mobile-menu .mobile-menu-block .main-menu ul li:last-child {
margin-bottom: 0; }
.mobile-menu .mobile-menu-block .main-menu ul li a {
text-decoration: none }
.mobile-menu .mobile-menu-block .contacts a {
display: block;
margin-bottom: 20px;
font-weight: bold;
font-size: 18px; }
.mobile-menu .mobile-menu-block .contacts a:last-child {
margin-bottom: 0; }
.mobile-menu .mobile-menu-block .contacts a::before {
display: inline-block;
vertical-align: middle;
margin-right: 15px; }
.mobile-menu .mobile-menu-block .contacts a.phone::before {
content: url("/local/front/files/css/../img/call.svg"); }
.mobile-menu .mobile-menu-block .contacts a.email::before {
content: url("/local/front/files/css/../img/email.svg"); }
.mobile-menu .mobile-menu-block .contacts a.instagram::before {
content: url("/local/front/files/css/../img/instagram.svg"); }
.slick-dots {
list-style: none;
padding: 0;
margin: 20px 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.slick-dots li {
margin-right: 10px; }
.slick-dots li:last-child {
margin-right: 0; }
.slick-dots li button {
font-size: 0;
width: 21px;
height: 21px;
border-radius: 50%;
background-color: #535c69;
}
.slick-dots li.slick-active button {
background-color: #22AAB8; }
.field-success input, .field-success textarea {
border-color: #22AAB8 !important; }
.field-error input, .field-error textarea {
border-color: red !important; }
.modal {
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(0, 0, 0, 0.5);
top: 0;
width: 1px;
height: 1px;
margin: -1px;
position: absolute;
clip: rect(0 0 0 0);
visibility: hidden;
opacity: 0;
transition: .1s opacity;
z-index: 999;
text-align: center; }
.modal.show {
position: fixed;
visibility: visible;
clip: auto;
width: 100%;
height: 100%;
opacity: 1;
transition: .3s opacity; }
.modal .modal-block {
max-width: 560px;
width: 100%;
background-color: white;
padding: 55px;
border-radius: 10px;
position: relative;
max-height: 80vh;
overflow-y: auto; }
@media screen and (max-width: 767px) {
.modal .modal-block {
max-width: 345px;
padding: 40px 20px; } }
.modal .modal-block .close {
width: 18px;
height: 18px;
background: url("/local/front/files/css/../img/delete.svg") no-repeat 50%;
opacity: .45;
transition: .1s opacity;
position: absolute;
top: 16px;
right: 16px; }
.modal .modal-block .close:hover {
transition: .3s opacity;
opacity: 1; }
.modal .modal-block .modal-title {
font-weight: bold;
font-size: 24px; }
.modal .modal-block .modal-desc {
font-size: 16px;
margin-top: 15px; }
.modal .modal-block .modal-desc.bold {
font-weight: bold; }
.modal .modal-block .back {
color: #005BFF;
font-weight: bold;
font-size: 16px;
margin-top: 5px; }
.modal .modal-block .modal-body {
margin-top: 40px; }
.modal .modal-block .modal-body input[type="text"]:not(.digit), .modal .modal-block .modal-body input[type="tel"], .modal .modal-block .modal-body input[type="email"] {
font-size: 16px;
height: 40px;
line-height: 40px;
border-radius: 0;
border-top: 0;
border-left: 0;
border-right: 0;
padding: 0;
max-width: initial;
margin-bottom: 20px; }
@media screen and (max-width: 767px) {
.modal .modal-block .modal-body input[type="text"]:not(.digit), .modal .modal-block .modal-body input[type="tel"], .modal .modal-block .modal-body input[type="email"] {
font-size: 14px; } }
.modal .modal-block .modal-body textarea {
resize: none;
border: 1px solid #414141;
border-radius: 5px;
width: 100%;
height: 200px;
padding: 5px; }
.modal .modal-block .modal-body input[type="submit"] {
margin-top: 10px;
max-width: initial; }
.modal .modal-block .modal-body .buttons-group {
display: flex;
margin: 20px -15px 0; }
.modal .modal-block .modal-body .buttons-group input[type="submit"] {
height: 80px;
line-height: 80px; }
@media screen and (max-width: 1200px) {
.modal .modal-block .modal-body .buttons-group input[type="submit"] {
height: 60px;
line-height: 60px; } }
.modal .modal-block .modal-body .buttons-group .btn {
flex: 0 0 calc(50% - 30px);
margin: 0 15px; }
.modal .modal-block .modal-body .politic {
margin-top: 20px;
text-align: left; }
.modal .modal-block .modal-body .sms-code {
display: flex;
justify-content: center;
align-items: center; }
.modal .modal-block .modal-body .sms-code input {
max-width: 50px;
height: 50px;
line-height: 50px;
margin-right: 20px; }
.modal .modal-block .modal-body .sms-code input:last-child {
margin-right: 0; }
.no-image {
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background-color: #F4F4F4; }
.no-image::before {
content: '';
background: url("/local/front/files/css/../img/simple.png") no-repeat 50%/55%;
padding-top: 55%;
flex: 0 0 auto;
width: 100%; }
.page {
padding: 40px 0; }
@media screen and (max-width: 1200px) {
.page {
padding: 20px 0; } }
.not-found .not-found-block {
background: url("/local/front/files/css/../img/404.jpg") no-repeat 50% 0;
height: 850px;
text-align: center;
padding-top: 80px; }
@media screen and (max-width: 1200px) {
.not-found .not-found-block {
background-size: contain;
background-position: 0 100%;
height: 580px;
padding-top: 40px; } }
@media screen and (max-width: 767px) {
.not-found .not-found-block {
height: 360px; } }
.not-found .not-found-block .number {
font-size: 144px;
line-height: 1;
margin-bottom: 20px; }
@media screen and (max-width: 767px) {
.not-found .not-found-block .number {
font-size: 64px;
margin-bottom: 0; } }
.not-found .not-found-block .title {
margin-bottom: 20px; }
@media screen and (max-width: 767px) {
.not-found .not-found-block .title {
margin-bottom: 5px; } }
.not-found .not-found-block .title, .not-found .not-found-block .description {
font-weight: 300;
font-size: 16px; }
@media screen and (max-width: 767px) {
.not-found .not-found-block .title, .not-found .not-found-block .description {
font-size: 14px; } }
.not-found .buttons-group {
display: flex;
justify-content: center;
align-items: center;
margin: 40px 0 110px; }
@media screen and (max-width: 767px) {
.not-found .buttons-group {
flex-direction: column;
margin: 20px 0 40px; } }
.not-found .buttons-group .btn {
font-size: 18px;
max-width: 265px;
margin: 0 25px; }
@media screen and (max-width: 767px) {
.not-found .buttons-group .btn {
margin: 0 0 20px;
max-width: initial;
width: 100%; } }
.form-item {
margin-bottom: 20px; }
@media screen and (max-width: 767px) {
.form-item {
margin-bottom: 15px; } }
.form-item input[type="text"], .form-item input[type="tel"], .form-item input[type="email"] {
font-size: 16px;
height: 40px;
line-height: 40px;
border-radius: 0;
border-top: 0;
border-left: 0;
border-right: 0;
padding: 0;
font-family: 'Ubuntu', sans-serif; }
@media screen and (max-width: 1200px) {
.form-item input[type="text"], .form-item input[type="tel"], .form-item input[type="email"] {
font-size: 14px; } }
.form-item .bx-sls .dropdown-block {
box-shadow: none;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 1px solid #414141; }
.form-item .bx-sls .bx-ui-sls-container {
min-height: 40px; }
.form-item .bx-sls .dropdown-icon {
top: 14px; }
.show-more {
color: #22AAB8;
text-align: center;
font-weight: bold;
font-size: 18px;
width: 100%;
height: 50px;
margin-top: 20px;
transition: .1s background-color; }
.show-more:hover {
transition: .3s background-color;
text-decoration: underline;
background-color: #f6f6f6; }
.show-more::before {
content: '';
background: url(/local/front/files/css/../img/repeat.svg) #22AAB8 no-repeat 50%/19px;
width: 25px;
height: 25px;
display: inline-block;
border-radius: 50%;
vertical-align: middle;
margin-right: 5px; }
.error {
font-weight: bold;
font-size: 14px;
color: #c12f2f;
margin-top: 20px; }
#card {
padding: 40px 0; }
@media screen and (max-width: 1200px) {
#card {
padding: 20px 0; } }
#card h1 {
font-size: 24px; }
#card .card-block .card-header {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 0 20px; }
#card .card-block .card-header .product-number-mob {
display: none; }
@media screen and (max-width: 767px) {
#card .card-block .card-header .product-number-mob {
display: block; } }
@media screen and (max-width: 767px) {
#card .card-block .card-header h1 {
display: none; } }
#card .card-block .card-body {
display: flex; }
@media screen and (max-width: 767px) {
#card .card-block .card-body {
flex-direction: column; } }
#card .card-block .card-body .slider-box {
flex: 0 0 600px;
max-width: 600px; }
@media screen and (max-width: 1200px) {
#card .card-block .card-body .slider-box {
flex: 0 0 50%;
max-width: 50%; } }
@media screen and (max-width: 767px) {
#card .card-block .card-body .slider-box {
flex: 0 0 auto;
max-width: none;
width: 100%; } }
#card .card-block .card-body .slider-box .slider-big img {
max-width: 100%;
max-height: 385px;
margin: 0 auto; }
#card .card-block .card-body .slider-box .slider-thumb {
margin-top: 20px;
padding: 0 40px;
position: relative; }
@media screen and (max-width: 767px) {
#card .card-block .card-body .slider-box .slider-thumb {
display: none; } }
#card .card-block .card-body .slider-box .slider-thumb .slick-arrow {
font-size: 0;
width: 30px;
height: 30px;
padding: 5px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 50%;
margin-top: -15px; }
#card .card-block .card-body .slider-box .slider-thumb .slick-arrow.slick-prev {
left: 0; }
#card .card-block .card-body .slider-box .slider-thumb .slick-arrow.slick-next {
right: 0;
transform: scale(-1, 1); }
#card .card-block .card-body .slider-box .slider-thumb .slick-arrow::after {
content: url("/local/front/files/css/../../files/img/arrow-slider.svg"); }
#card .card-block .card-body .slider-box .slider-thumb div {
margin: 0 4px;
cursor: pointer; }
#card .card-block .card-body .slider-box .slider-thumb div img {
max-height: 195px;
max-width: 100%; }
#card .card-block .card-body .address {
margin-top: 50px;
font-size: 18px;
font-weight: bold;
text-align: center;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center; }
#card .card-block .card-body .address.mob {
display: none; }
@media screen and (max-width: 1200px) {
#card .card-block .card-body .address {
font-size: 14px;
align-items: flex-start;
text-align: left;
margin-top: 30px; } }
@media screen and (max-width: 767px) {
#card .card-block .card-body .address {
display: none; }
#card .card-block .card-body .address.mob {
display: flex;
align-items: center;
text-align: center; } }
#card .card-block .card-body .address .title {
margin-bottom: 20px; }
#card .card-block .card-body .address .street {
background: url("/local/front/files/css/../img/marker.svg") no-repeat 0 4px;
padding-left: 20px;
margin-bottom: 20px; }
@media screen and (max-width: 767px) {
#card .card-block .card-body .address .street {
width: 260px;
margin-bottom: 10px; } }
#card .card-block .card-body .address .work-times {
background: url("/local/front/files/css/../img/calendar.svg") no-repeat 0 4px;
padding-left: 20px; }
#card .card-block .card-body .address .work-times span {
color: #22AAB8;
margin: 0 5px; }
#card .card-block .card-body .data {
flex: 1;
font-size: 18px;
padding-left: 35px; }
@media screen and (max-width: 1200px) {
#card .card-block .card-body .data {
font-size: 14px; } }
@media screen and (max-width: 767px) {
#card .card-block .card-body .data {
padding-left: 0; } }
#card .card-block .card-body .data .product-number {
margin-bottom: 20px; }
@media screen and (max-width: 767px) {
#card .card-block .card-body .data .product-number {
display: none; } }
#card .card-block .card-body .data .title-mob {
display: none; }
@media screen and (max-width: 767px) {
#card .card-block .card-body .data .title-mob {
display: block;
text-align: center;
margin: 0 0 10px; } }
#card .card-block .card-body .data .price-block {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap}
@media screen and (max-width: 767px) {
#card .card-block .card-body .data .price-block {
flex-direction: column; } }
#card .card-block .card-body .data .price-block .price {
font-weight: bold;
font-size: 22px;
line-height: 1.4; }
@media screen and (max-width: 1200px) {
#card .card-block .card-body .data .price-block .price {
font-size: 18px; } }
@media screen and (max-width: 767px) {
#card .card-block .card-body .data .price-block .price {
font-size: 14px;
margin-bottom: 15px; } }
#card .card-block .card-body .data .price-block .price .price-item .discount-price + span {
text-decoration: line-through;
color: #B0B0B0;
font-weight: 400;
}
#card .card-block .card-body .data .price-block .quantity-block {
margin-left: auto; }
@media screen and (max-width: 1200px) {
#card .card-block .card-body .data .price-block .quantity-block {
margin: 0;
margin-top: 20px;
}
}
@media screen and (max-width: 767px) {
#card .card-block .card-body .data .price-block .quantity-block {
margin: 0
}
}
#card .card-block .card-body .data .price-block .quantity-block .quant-btn {
width: 31px;
height: 31px;
background-color: #22AAB8;
border: 0;
border-radius: 5px;
color: white;
font-weight: bold;
font-size: 20px;
line-height: 30px;
transition: background-color .3s; }
#card .card-block .card-body .data .price-block .quantity-block .quant-btn:hover {
background-color: #1a828d; }
@media screen and (max-width: 767px) {
#card .card-block .card-body .data .price-block .quantity-block .quant-btn {
width: 49px;
height: 49px; } }
#card .card-block .card-body .data .price-block .quantity-block input {
font-weight: bold;
font-size: 18px;
height: 31px;
line-height: 30px;
width: 50px;
text-align: center;
border: 0;
padding: 0; }
@media screen and (max-width: 767px) {
#card .card-block .card-body .data .price-block .quantity-block input {
width: 90px; } }
#card .card-block .card-body .data .bonus {
font-weight: bold;
font-size: 18px;
margin-top: 20px; }
@media screen and (max-width: 1200px) {
#card .card-block .card-body .data .bonus {
font-size: 16px; } }
@media screen and (max-width: 767px) {
#card .card-block .card-body .data .bonus {
font-size: 14px;
text-align: center; } }
#card .card-block .card-body .data .add-cart {
max-width: 100%;
font-size: 24px;
margin-top: 20px; }
@media screen and (max-width: 1200px) {
#card .card-block .card-body .data .add-cart {
font-size: 20px; } }
#card .card-block .card-body .data .props {
margin-top: 25px;
padding: 30px 0;
border-top: 1px solid #F6F6F6;
border-bottom: 1px solid #F6F6F6; }
@media screen and (max-width: 1200px) {
#card .card-block .card-body .data .props {
padding: 10px 0;
margin-top: 20px; } }
#card .card-block .card-body .data .props .props-item {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 18px;
margin-bottom: 10px; }
@media screen and (max-width: 1200px) {
#card .card-block .card-body .data .props .props-item {
font-size: 14px; } }
#card .card-block .card-body .data .props .props-item:last-child {
margin-bottom: 0; }
#card .card-block .card-body .data .address-mob {
display: none; }
@media screen and (max-width: 767px) {
#card .card-block .card-body .data .address-mob {
display: block; } }
#card .card-block .card-body .data .pluses,#card .card-block .card-body .pluses {
margin-top: 20px;
background-color: #F6F6F6;
}
@media screen and (max-width: 767px) {
#card .card-block .card-body .data .pluses {
background-color: white; }
}
#card .card-block .card-body .data .pluses .pluses-block, #card .card-block .card-body .pluses .pluses-block{
display: flex;
justify-content: space-between;
padding: 17px;
font-size: 14px;
line-height: 16px;
border-bottom: 1px solid #6E6E6E;
}
@media screen and (max-width: 1200px) {
#card .card-block .card-body .data .pluses .pluses-block {
flex-wrap: wrap;
margin: 0;
padding: 5px; }
}
@media screen and (max-width: 767px) {
#card .card-block .card-body .data .pluses .pluses-block {
padding: 0;
margin: -15px -10px;
border-bottom: 1px solid #F6F6F6; }
}
#card .card-block .card-body .data .pluses .pluses-block .item, #card .card-block .card-body .pluses .pluses-block .item {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
#card .card-block .card-body .data .pluses .pluses-block .item .icon-mob {
display: none;
}
@media screen and (max-width: 1200px) {
#card .card-block .card-body .data .pluses .pluses-block .item, #card .card-block .card-body .pluses .pluses-block .item {
flex: 0 0 calc(100% / 2 - 20px);
margin: 10px; }
}
@media screen and (max-width: 767px) {
#card .card-block .card-body .data .pluses .pluses-block .item, #card .card-block .card-body .pluses .pluses-block .item {
text-align: center;
justify-content: center;
align-items: center;
margin: 15px 10px; }
#card .card-block .card-body .data .pluses .pluses-block .item .icon {
display: none; }
#card .card-block .card-body .data .pluses .pluses-block .item .icon-mob {
display: block;
height: 70px; }
}
#card .card-block .card-body .data .pluses .pluses-block .item img, #card .card-block .card-body .pluses .pluses-block .item img {
margin-bottom: 10px;
}
#card .card-block .card-body .data .pluses .pluses-block .item .text, #card .card-block .card-body .pluses .pluses-block .item .text {
margin-top: auto;
}
#card .card-block .card-body .data .pluses .help-block, #card .card-block .card-body .pluses .help-block {
display: flex;
justify-content: space-between;
align-items: center;
padding: 17px;
margin-top: 40px;
border-bottom: 1px solid #6E6E6E;
}
@media screen and (max-width: 1200px) {
#card .card-block .card-body .data .pluses .help-block {
flex-direction: column;
text-align: center; } }
@media screen and (max-width: 767px) {
#card .card-block .card-body .data .pluses .help-block {
display: none; } }
@media screen and (max-width: 1200px) {
#card .card-block .card-body .data .pluses .help-block .info {
margin-bottom: 10px; } }
#card .card-block .card-body .data .pluses .help-block .info div:first-child, #card .card-block .card-body .pluses .help-block .info div:first-child {
font-size: 18px; }
#card .card-block .card-body .data .pluses .help-block .info div:last-child, #card .card-block .card-body .pluses .help-block .info div:last-child {
margin-top: 4px;
font-size: 13px; }
#card .card-block .card-body .data .pluses .help-block .tel, #card .card-block .card-body .pluses .help-block .tel {
white-space: nowrap;
font-weight: bold;
font-size: 24px;
}
#card .tabs-block {
background-color: #F6F6F6;
margin-top: 60px; }
@media screen and (max-width: 1200px) {
#card .tabs-block {
margin-top: 30px; } }
#card .tabs-block .tabs {
margin: 0;
padding: 0;
list-style: none;
display: flex;
justify-content: flex-start;
align-items: flex-start;
border-bottom: 1px solid #22AAB8; }
@media screen and (max-width: 767px) {
#card .tabs-block .tabs {
display: none; } }
#card .tabs-block .tabs li {
padding: 25px 60px;
cursor: pointer;
font-weight: bold;
font-size: 18px;
transition: .1s background-color, .1s color; }
@media screen and (max-width: 1200px) {
#card .tabs-block .tabs li {
padding: 20px 50px;
flex: 1;
font-size: 16px;
text-align: center; } }
#card .tabs-block .tabs li.current, #card .tabs-block .tabs li:hover {
transition: .3s background-color, .3s color;
background-color: #22AAB8;
color: white; }
#card .tabs-block button.tab-link {
height: 75px;
line-height: 75px;
width: 100%;
background-color: #F6F6F6;
font-weight: bold;
transition: .1s background-color;
position: relative;
display: none; }
@media screen and (max-width: 767px) {
#card .tabs-block button.tab-link {
display: block; } }
#card .tabs-block button.tab-link::after {
display: block;
content: url("/local/front/files/css/../img/arrow-slider.svg");
position: absolute;
top: 50%;
line-height: 1;
right: 15px;
transform: translateY(-50%) rotate(-90deg); }
#card .tabs-block button.tab-link.current {
transition: .3s background-color;
background-color: #9e9e9e;
color: white; }
#card .tabs-block button.tab-link.current::after {
content: url("/local/front/files/css/../img/arrow-pagination.svg");
transform: translateY(-50%) rotate(-90deg) scale(-1, -1); }
#card .tabs-block button.tab-link:hover {
transition: .3s background-color;
background-color: #9e9e9e;
color: white; }
#card .tabs-block .tab-content {
display: none;
background-color: #F6F6F6;
padding: 30px 45px;
line-height: 2; }
@media screen and (max-width: 1200px) {
#card .tabs-block .tab-content {
padding: 15px 20px; } }
#card .tabs-block .tab-content.current {
display: inherit;
max-height: 1000px;
transition: .3s max-height; }
#card .tabs-block .tab-content p {
margin: 0 0 20px; }
#card .tabs-block .tab-content p:last-child {
margin-bottom: 0; }
#card .tabs-block .tab-content ul {
padding: 0;
list-style: none;
line-height: 2; }
#card .tabs-block .tab-content ul li {
margin-bottom: 14px; }
#card .tabs-block .tab-content ul li:last-child {
margin-bottom: 0; }
#card .tabs-block .tab-content ul li::before {
content: '';
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #22AAB8;
display: inline-block;
vertical-align: middle;
margin-right: 10px; }
@media screen and (max-width: 1200px) {
#card .tabs-block .tab-content .map-block {
text-align: center; }
#card .tabs-block .tab-content .map-block div {
display: inline-block; } }
@media screen and (max-width: 767px) {
#card .tabs-block .tab-content .map-block .data {
display: none; } }
#card .card-buttons {
display: flex;
justify-content: flex-end;
align-items: center; }
#card .card-buttons > * {
margin-right: 15px; }
#card .card-buttons > *:last-child {
margin-right: 0; }
#card .card-buttons .favorites {
background: url("/local/front/files/css/../img/like.svg") no-repeat 50%/30px; }
@media screen and (max-width: 767px) {
#card .card-buttons .favorites {
background-size: 19px;
width: 19px;
height: 19px; } }
#card .card-buttons .compare {
background: url("/local/front/files/css/../img/compare.svg") no-repeat 50%/30px; }
@media screen and (max-width: 767px) {
#card .card-buttons .compare {
background-size: 20px;
width: 20px;
height: 18px; } }
#card .card-buttons button {
width: 40px;
height: 40px;
border-radius: 5px; }
#card .card-buttons button.active {
background-color: #22AAB8; }
#card .card-buttons button.active.favorites {
background-image: url("/local/front/files/css/../img/like-w.svg"); }
#card .card-buttons button.active.compare {
background-image: url("/local/front/files/css/../img/compare-w.svg"); }
#personal {
padding: 30px 0; }
@media screen and (max-width: 1200px) {
#personal {
padding: 20px 0; } }
#personal h2 {
font-size: 24px;
margin: 0 0 30px;
text-transform: inherit; }
@media screen and (max-width: 1200px) {
#personal h2 {
text-align: center;
margin: 0 0 20px; } }
@media screen and (max-width: 767px) {
#personal h2 {
display: none; } }
#personal .personal-block {
display: flex;
justify-content: flex-start;
align-items: flex-start; }
@media screen and (max-width: 767px) {
#personal .personal-block {
flex-direction: column;
position: relative;
padding-top: 45px; } }
#personal .personal-block .personal-menu {
flex: 0 0 210px;
list-style: none;
padding: 0;
margin: 40px 0 0;
font-size: 18px;
position: relative; }
@media screen and (max-width: 1200px) {
#personal .personal-block .personal-menu {
font-size: 14px;
margin: 20px 0 0;
flex: 0 0 170px; } }
@media screen and (max-width: 767px) {
#personal .personal-block .personal-menu {
width: calc(100% + 30px);
margin: 0 -15px;
padding-top: 45px;
background-color: #ECECEC;
max-height: 0;
overflow: hidden;
transition: .1s max-height;
position: absolute;
top: 0;
left: 0;
z-index: 5; }
#personal .personal-block .personal-menu::after {
content: '';
background-size: 11px;
background: url("/local/front/files/css/../img/arrow-slider.svg") no-repeat 50%;
position: absolute;
width: 11px;
height: 19px;
top: 22px;
right: 20px;
transform: translateY(-50%) rotate(-90deg); }
#personal .personal-block .personal-menu.open {
max-height: 300px;
transition: .3s max-height; } }
#personal .personal-block .personal-menu li {
margin-bottom: 20px; }
@media screen and (max-width: 1200px) {
#personal .personal-block .personal-menu li {
margin-bottom: 10px; } }
@media screen and (max-width: 767px) {
#personal .personal-block .personal-menu li {
margin-bottom: 0;
padding: 10px 15px; }
#personal .personal-block .personal-menu li a {
display: block; } }
#personal .personal-block .personal-menu li:last-child {
margin-bottom: 0; }
#personal .personal-block .personal-menu li.active {
font-weight: bold; }
@media screen and (max-width: 767px) {
#personal .personal-block .personal-menu li.active {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 13px 15px;
background-color: white;
width: 100%;
cursor: pointer;
border-bottom: 1px solid #C4C4C4; }
#personal .personal-block .personal-menu li.active a {
pointer-events: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none; } }
#personal .personal-block .personal-menu li a {
text-decoration: none; }
#personal .personal-block .personal-item {
flex: 1; }
@media screen and (max-width: 767px) {
#personal .personal-block .personal-item {
width: 100%; } }
#personal .personal-block .personal-item .personal-wrap {
background-color: #F6F6F6;
padding: 40px 35px; }
@media screen and (max-width: 1200px) {
#personal .personal-block .personal-item .personal-wrap {
padding: 20px; } }
@media screen and (max-width: 767px) {
#personal .personal-block .personal-item .personal-wrap {
padding: 20px 0;
background-color: white; } }
#personal .personal-block .personal-item .buttons-group {
display: flex;
justify-content: flex-start;
align-items: center; }
@media screen and (max-width: 767px) {
#personal .personal-block .personal-item .buttons-group {
flex-direction: column; } }
#personal .personal-block .personal-item .buttons-group .btn {
margin-right: 45px; }
@media screen and (max-width: 767px) {
#personal .personal-block .personal-item .buttons-group .btn {
margin-right: 0;
max-width: initial;
margin-bottom: 25px; } }
#personal .personal-block .personal-item .buttons-group .btn:last-child {
margin-right: 0; }
.personal-info .personal-info-item {
margin-bottom: 25px; }
@media screen and (max-width: 1200px) {
.personal-info .personal-info-item {
margin-bottom: 15px; } }
.personal-info .personal-info-item .radio-box {
margin-bottom: 10px;
font-size: 18px; }
@media screen and (max-width: 1200px) {
.personal-info .personal-info-item .radio-box {
font-size: 16px; } }
@media screen and (max-width: 767px) {
.personal-info .personal-info-item .radio-box {
font-size: 14px; } }
.personal-info .personal-info-item .radio-box .checkmark {
background-color: transparent; }
.personal-info .personal-info-item .radio-box:last-child {
margin-bottom: 0; }
.personal-info .personal-info-item .title {
color: #A7A7A7;
display: block;
margin-bottom: 5px; }
.personal-info .personal-info-item .text {
font-size: 18px; }
@media screen and (max-width: 1200px) {
.personal-info .personal-info-item .text {
font-size: 16px; } }
@media screen and (max-width: 767px) {
.personal-info .personal-info-item .text {
font-size: 14px; } }
.personal-favorites .favorites-block {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin: 0 -10px; }
@media screen and (max-width: 1200px) {
.personal-favorites .favorites-block {
margin: -10px; } }
@media screen and (max-width: 767px) {
.personal-favorites .favorites-block {
margin: 0; } }
.personal-favorites .favorites-block .product-card {
flex: 0 0 calc(100% / 4 - 20px);
margin: 0 10px; }
@media screen and (max-width: 1200px) {
.personal-favorites .favorites-block .product-card {
flex: 0 0 calc(100% / 2 - 20px);
margin: 10px; } }
@media screen and (max-width: 767px) {
.personal-favorites .favorites-block .product-card {
flex: 0 0 100%;
margin: 0 0 20px;
display: flex;
font-size: 14px; } }
@media screen and (max-width: 767px) {
.personal-favorites .favorites-block .product-card .image {
order: 1;
flex: 0 0 80px;
height: 80px;
margin-bottom: 0; } }
@media screen and (max-width: 767px) {
.personal-favorites .favorites-block .product-card .mobile-block {
order: 2;
display: flex;
flex-direction: column;
justify-content: flex-start;
margin-left: 10px; }
.personal-favorites .favorites-block .product-card .mobile-block .title {
font-size: 14px; }
.personal-favorites .favorites-block .product-card .mobile-block .price {
white-space: nowrap;
align-items: flex-end; }
.personal-favorites .favorites-block .product-card .mobile-block .price .new {
font-size: 18px;
margin-right: 15px; } }
.personal-favorites .favorites-block .product-card .favorites-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px; }
@media screen and (max-width: 767px) {
.personal-favorites .favorites-block .product-card .favorites-header {
order: 3;
flex-direction: column-reverse;
margin-bottom: 0;
margin-left: auto; } }
.personal-favorites .favorites-block .product-card .favorites-header .add-to-cart {
font-size: 14px;
font-weight: bold; }
@media screen and (max-width: 767px) {
.personal-favorites .favorites-block .product-card .favorites-header .add-to-cart {
font-size: 0;
background: url("/local/front/files/css/../img/cart.svg") no-repeat 50%/22px;
width: 22px;
height: 20px; } }
.personal-favorites .favorites-block .product-card .favorites-header .favorites-delete {
width: 18px;
height: 18px;
background: url("/local/front/files/css/../img/delete.svg") no-repeat 50%;
opacity: .8;
transition: .1s opacity; }
.personal-favorites .favorites-block .product-card .favorites-header .favorites-delete:hover {
transition: .3s opacity;
opacity: 1; }
.personal-favorites .favorites-block .product-card .badge {
top: 38px; }
@media screen and (max-width: 767px) {
.personal-favorites .favorites-block .product-card .badge {
width: 26px;
height: 26px;
font-size: 11px;
top: 5px;
right: initial;
left: 49px; } }
.personal-favorites .clear-all {
margin-top: 40px; }
@media screen and (max-width: 767px) {
.personal-favorites .clear-all {
margin-top: 0; } }
.personal-favorites .clear-all .btn {
max-width: 280px; }
.personal-orders .personal-order-clear-block {
text-align: center; }
.personal-orders .personal-order-clear-block .title {
font-weight: bold;
font-size: 36px; }
@media screen and (max-width: 767px) {
.personal-orders .personal-order-clear-block .title {
font-size: 24px; } }
.personal-orders .personal-order-clear-block .btn {
margin-top: 20px; }
.personal-orders .order-item {
border-bottom: 1px solid #C4C4C4;
padding-bottom: 40px;
margin-bottom: 40px; }
@media screen and (max-width: 767px) {
.personal-orders .order-item {
padding-bottom: 25px;
margin-bottom: 25px; } }
.personal-orders .order-item:last-child {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 0; }
.personal-orders .order-item .data {
font-weight: bold;
font-size: 18px;
color: #C4C4C4;
margin-bottom: 20px; }
@media screen and (max-width: 767px) {
.personal-orders .order-item .data {
font-size: 14px;
text-align: center; } }
.personal-orders .order-item .order-list .order-list-item {
font-size: 18px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 20px; }
@media screen and (max-width: 1200px) {
.personal-orders .order-item .order-list .order-list-item {
flex-direction: column; } }
@media screen and (max-width: 767px) {
.personal-orders .order-item .order-list .order-list-item {
font-size: 14px; } }
.personal-orders .order-item .order-list .order-list-item:last-child {
margin-bottom: 0; }
.personal-orders .order-item .order-list .order-list-item .info {
display: flex;
justify-content: flex-start; }
@media screen and (max-width: 767px) {
.personal-orders .order-item .order-list .order-list-item .info {
position: relative;
padding-bottom: 25px; } }
.personal-orders .order-item .order-list .order-list-item .info .image {
width: 131px;
background-size: cover;
background-position: 50%;
margin-right: 15px;
min-height: 140px; }
@media screen and (max-width: 767px) {
.personal-orders .order-item .order-list .order-list-item .info .image {
width: 80px;
min-height: 80px;
flex: 0 0 80px; } }
.personal-orders .order-item .order-list .order-list-item .info .order-info {
display: flex;
justify-content: flex-start;
flex-direction: column;
min-width: 250px; }
@media screen and (max-width: 767px) {
.personal-orders .order-item .order-list .order-list-item .info .order-info {
min-width: initial;
justify-content: space-between; } }
.personal-orders .order-item .order-list .order-list-item .info .order-info .name {
margin-bottom: 15px; }
@media screen and (max-width: 767px) {
.personal-orders .order-item .order-list .order-list-item .info .order-info .name {
margin-bottom: 5px; } }
.personal-orders .order-item .order-list .order-list-item .info .order-info .price {
margin-bottom: 15px; }
@media screen and (max-width: 767px) {
.personal-orders .order-item .order-list .order-list-item .info .order-info .price {
margin-bottom: 5px; } }
.personal-orders .order-item .order-list .order-list-item .info .order-info .quantity {
margin-bottom: 15px; }
@media screen and (max-width: 767px) {
.personal-orders .order-item .order-list .order-list-item .info .order-info .quantity {
margin-bottom: 0; } }
.personal-orders .order-item .order-list .order-list-item .info .order-info .status {
margin-top: auto; }
@media screen and (max-width: 767px) {
.personal-orders .order-item .order-list .order-list-item .info .order-info .status {
position: absolute;
left: 0;
bottom: 0; } }
.personal-orders .order-item .order-list .order-list-item .info .order-info .status.green {
color: #22AAB8; }
.personal-orders .order-item .order-list .order-list-item .repeat {
max-width: 280px;
margin-left: 40px; }
@media screen and (max-width: 1200px) {
.personal-orders .order-item .order-list .order-list-item .repeat {
margin-left: 0;
margin-top: 20px; } }
@media screen and (max-width: 767px) {
.personal-orders .order-item .order-list .order-list-item .repeat {
margin-top: 15px;
max-width: initial; } }
.personal-bonus .bonus-block {
display: flex;
justify-content: flex-start;
align-items: flex-start;
padding-top: 15px;
border-bottom: 1px solid #C4C4C4;
padding-bottom: 40px; }
@media screen and (max-width: 1200px) {
.personal-bonus .bonus-block {
flex-direction: column;
padding-top: 0;
padding-bottom: 20px; } }
@media screen and (max-width: 767px) {
.personal-bonus .bonus-block {
padding-bottom: 0;
border-bottom: 0; } }
.personal-bonus .bonus-block .bonus-balanсe {
flex: 0 0 290px;
margin-top: 9px; }
@media screen and (max-width: 1200px) {
.personal-bonus .bonus-block .bonus-balanсe {
flex: 0 0 auto;
margin-bottom: 60px;
margin-top: 0; } }
@media screen and (max-width: 767px) {
.personal-bonus .bonus-block .bonus-balanсe {
margin-bottom: 0; } }
.personal-bonus .bonus-block .bonus-balanсe .amount {
font-weight: bold;
font-size: 18px;
margin-bottom: 10px; }
@media screen and (max-width: 767px) {
.personal-bonus .bonus-block .bonus-balanсe .amount {
font-size: 14px; } }
.personal-bonus .bonus-block .bonus-balanсe .amount span {
color: #22AAB8; }
.personal-bonus .bonus-block .bonus-balanсe .status span {
font-weight: bold;
color: #22AAB8; }
.personal-bonus .bonus-block .bonus-line {
flex: 1;
display: flex;
justify-content: flex-end;
align-items: flex-start;
margin-left: 40px; }
@media screen and (max-width: 1200px) {
.personal-bonus .bonus-block .bonus-line {
margin-left: 0;
width: 100%; } }
@media screen and (max-width: 767px) {
.personal-bonus .bonus-block .bonus-line {
width: calc(100% + 30px);
flex-direction: column;
height: 605px;
background-color: #F6F6F6;
padding: 10px 15px;
margin: 20px -15px 0; } }
.personal-bonus .bonus-block .bonus-line .bonus-item {
background-color: #E2E2E2;
color: white;
font-weight: 300;
line-height: 36px;
flex: 1;
padding: 0 8px;
white-space: nowrap;
margin-right: 4px;
text-align: center;
position: relative; }
@media screen and (max-width: 1200px) {
.personal-bonus .bonus-block .bonus-line .bonus-item {
line-height: 30px; } }
@media screen and (max-width: 767px) {
.personal-bonus .bonus-block .bonus-line .bonus-item {
width: 36px;
margin-bottom: 5px; } }
.personal-bonus .bonus-block .bonus-line .bonus-item::after {
content: attr(data-percent);
position: absolute;
top: -40px;
right: 0;
display: block;
background-color: #22AAB8;
color: white;
line-height: 26px;
width: 60px;
font-weight: bold;
border-radius: 5px 5px 0 5px;
text-align: center; }
@media screen and (max-width: 1200px) {
.personal-bonus .bonus-block .bonus-line .bonus-item::after {
line-height: 23px;
top: -37px; } }
@media screen and (max-width: 767px) {
.personal-bonus .bonus-block .bonus-line .bonus-item::after {
right: -15px;
transform: translate3d(100%, -50%, 0);
border-radius: 5px;
top: 50%; } }
@media screen and (max-width: 767px) {
.personal-bonus .bonus-block .bonus-line .bonus-item span {
color: #414141;
position: absolute;
right: -200px;
top: 50%;
transform: translateY(-50%); } }
.personal-bonus .bonus-block .bonus-line .bonus-item::before {
content: '';
position: absolute;
right: 0;
top: -14px;
width: 0;
height: 0;
border-top: 12px solid #22AAB8;
border-left: 6px solid transparent; }
@media screen and (max-width: 767px) {
.personal-bonus .bonus-block .bonus-line .bonus-item::before {
top: 50%;
right: -15px;
transform: translateY(-50%);
border-top: 0;
border-left: 0;
border-right: 12px solid #22AAB8;
border-bottom: 6px solid transparent; } }
.personal-bonus .bonus-block .bonus-line .bonus-item.active {
background-color: #22AAB8; }
.personal-bonus .bonus-block .bonus-line .bonus-item:first-child {
border-radius: 10px 0 0 10px; }
@media screen and (max-width: 767px) {
.personal-bonus .bonus-block .bonus-line .bonus-item:first-child {
border-radius: 10px 10px 0 0; } }
.personal-bonus .bonus-block .bonus-line .bonus-item:last-child {
flex: 2;
text-align: right;
font-weight: bold;
margin-right: 0;
border-radius: 0 10px 10px 0; }
@media screen and (max-width: 767px) {
.personal-bonus .bonus-block .bonus-line .bonus-item:last-child {
border-radius: 0 0 10px 10px;
font-weight: normal; } }
.personal-bonus .bonus-rules {
padding: 30px 0; }
@media screen and (max-width: 1200px) {
.personal-bonus .bonus-rules {
padding: 20px 0; } }
.personal-bonus .bonus-rules .title {
font-size: 18px;
font-weight: bold;
margin-bottom: 30px; }
@media screen and (max-width: 1200px) {
.personal-bonus .bonus-rules .title {
margin-bottom: 20px; } }
@media screen and (max-width: 767px) {
.personal-bonus .bonus-rules .title {
font-size: 14px;
margin-bottom: 15px; } }
.personal-bonus .bonus-rules .bonus-rules-item {
margin-bottom: 10px; }
.personal-bonus .bonus-rules .bonus-rules-item:last-child {
margin-bottom: 0; }
.personal-history .history-count {
margin-top: 40px;
font-weight: bold;
font-size: 18px; }
@media screen and (max-width: 1200px) {
.personal-history .history-count {
font-size: 14px; } }
@media screen and (max-width: 767px) {
.personal-history .history-count {
margin-top: 0;
font-weight: normal; } }
.personal-history .table-history {
width: calc(100% + 70px);
margin: 0 -35px;
border-collapse: collapse;
font-size: 18px;
margin-top: 40px; }
@media screen and (max-width: 1200px) {
.personal-history .table-history {
font-size: 14px;
margin: 20px 0 0;
width: 100%; } }
.personal-history .table-history thead tr {
background-color: white; }
@media screen and (max-width: 767px) {
.personal-history .table-history thead tr {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #C4C4C4;
margin-bottom: 10px;
padding: 10px 0; } }
.personal-history .table-history thead tr td {
height: 60px; }
@media screen and (max-width: 1200px) {
.personal-history .table-history thead tr td {
height: 40px; } }
@media screen and (max-width: 767px) {
.personal-history .table-history thead tr td {
height: auto; }
.personal-history .table-history thead tr td:nth-child(3) {
display: none; } }
.personal-history .table-history tbody tr {
border-bottom: 1px solid white; }
@media screen and (max-width: 767px) {
.personal-history .table-history tbody tr {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
padding-top: 25px;
border-bottom: 1px solid #C4C4C4;
margin-bottom: 10px;
padding-bottom: 10px; }
.personal-history .table-history tbody tr:last-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0; } }
.personal-history .table-history tbody tr td {
height: 80px;
vertical-align: middle; }
@media screen and (max-width: 1200px) {
.personal-history .table-history tbody tr td {
height: 60px; } }
@media screen and (max-width: 767px) {
.personal-history .table-history tbody tr td {
height: auto; }
.personal-history .table-history tbody tr td:nth-child(3) {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
height: auto;
font-weight: bold; } }
.personal-history .table-history td:first-child {
padding-left: 35px; }
@media screen and (max-width: 767px) {
.personal-history .table-history td:first-child {
padding-left: 0; } }
.personal-history .table-history td:last-child {
padding-right: 35px; }
@media screen and (max-width: 767px) {
.personal-history .table-history td:last-child {
padding-right: 0; } }
.personal-history .table-history td.minus {
color: red; }
#basket {
padding: 40px 0; }
@media screen and (max-width: 1200px) {
#basket {
padding: 20px 0; } }
#basket h1 {
font-size: 24px;
margin: 0 0 20px; }
@media screen and (max-width: 1200px) {
#basket h1 {
text-align: center; } }
#basket .basket-table {
font-size: 18px;
width: 100%;
text-align: left;
border-collapse: collapse; }
@media screen and (max-width: 1200px) {
#basket .basket-table {
font-size: 16px;
display: block;
padding: 20px 0; } }
@media screen and (max-width: 767px) {
#basket .basket-table {
font-size: 14px; } }
#basket .basket-table thead {
border-top: 1px solid #C4C4C4; }
@media screen and (max-width: 1200px) {
#basket .basket-table thead {
display: none; } }
#basket .basket-table thead th {
padding: 40px 0; }
@media screen and (max-width: 1200px) {
#basket .basket-table tbody {
display: block; } }
#basket .basket-table tbody tr {
border-bottom: 1px solid #C4C4C4; }
@media screen and (max-width: 1200px) {
#basket .basket-table tbody tr {
padding-left: 180px;
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
position: relative; } }
@media screen and (max-width: 767px) {
#basket .basket-table tbody tr {
flex-direction: column;
padding-left: 135px;
padding-bottom: 15px;
margin: 0 0 30px; }
#basket .basket-table tbody tr:last-child {
margin-bottom: 0; } }
#basket .basket-table tbody tr:first-child td {
padding-top: 0; }
#basket .basket-table tbody tr:first-child td .product-delete {
top: 0; }
#basket .basket-table tbody tr td {
padding: 30px 0; }
@media screen and (max-width: 1200px) {
#basket .basket-table tbody tr td {
display: block;
margin: 0 10px;
flex: 0 0 calc(100% / 2 - 20px); }
#basket .basket-table tbody tr td:nth-of-type(2)::before {
content: "Наименование"; }
#basket .basket-table tbody tr td:nth-of-type(3)::before {
content: "Цена"; }
#basket .basket-table tbody tr td:nth-of-type(4)::before {
content: "Количество"; }
#basket .basket-table tbody tr td:nth-of-type(5)::before {
content: "Итого"; } }
@media screen and (max-width: 767px) {
#basket .basket-table tbody tr td {
margin: 0 0 15px;
padding: 0; }
#basket .basket-table tbody tr td:last-child {
margin-bottom: 0; } }
@media screen and (max-width: 1200px) {
#basket .basket-table tbody tr td:first-child {
position: absolute;
left: 0;
top: 0; } }
@media screen and (max-width: 767px) {
#basket .basket-table tbody tr td:first-child {
margin: 0; } }
@media screen and (max-width: 1200px) {
#basket .basket-table tbody tr td::before {
display: block;
font-weight: bold;
margin-bottom: 10px;
font-size: 18px; } }
@media screen and (max-width: 767px) {
#basket .basket-table tbody tr td::before {
font-size: 14px; } }
#basket .basket-table .product-image {
width: 131px;
height: 139px;
display: block;
background-size: cover;
background-position: 50%; }
@media screen and (max-width: 767px) {
#basket .basket-table .product-image {
width: 113px;
height: 120px; } }
#basket .basket-table .product-name {
text-transform: uppercase; }
#basket .basket-table .product-price, #basket .basket-table .product-final-price {
width: 150px; }
@media screen and (max-width: 1200px) {
#basket .basket-table .product-price, #basket .basket-table .product-final-price {
width: auto; } }
@media screen and (max-width: 767px) {
#basket .basket-table .product-price, #basket .basket-table .product-final-price {
display: flex;
justify-content: flex-end;
flex-direction: row-reverse; } }
#basket .basket-table .product-price .last, #basket .basket-table .product-final-price .last {
color: #B0B0B0;
text-decoration: line-through;
margin-bottom: 10px; }
@media screen and (max-width: 767px) {
#basket .basket-table .product-price .last, #basket .basket-table .product-final-price .last {
margin-bottom: 0;
margin-left: 15px; } }
#basket .basket-table .quantity-block {
margin: 0 auto; }
#basket .basket-table .quantity-block .quant-btn {
width: 21px;
height: 21px;
background-color: #22AAB8;
border: 0;
border-radius: 5px;
color: white;
font-weight: bold;
font-size: 17px;
line-height: 20px;
transition: background-color .3s; }
@media screen and (max-width: 767px) {
#basket .basket-table .quantity-block .quant-btn {
font-size: 16px;
line-height: 21px; } }
#basket .basket-table .quantity-block .quant-btn:hover {
background-color: #1a828d; }
#basket .basket-table .quantity-block input {
font-weight: normal;
font-size: 18px;
height: 21px;
line-height: 20px;
width: 50px;
text-align: center;
border: 0;
padding: 0; }
@media screen and (max-width: 767px) {
#basket .basket-table .quantity-block input {
font-size: 14px;
width: 70px; } }
#basket .basket-table .product-delete {
width: 18px;
height: 18px;
background: url("/local/front/files/css/../img/delete.svg") no-repeat 50%;
opacity: .45;
transition: .1s opacity; }
@media screen and (max-width: 1200px) {
#basket .basket-table .product-delete {
position: absolute;
top: 30px;
right: 15px; } }
@media screen and (max-width: 767px) {
#basket .basket-table .product-delete {
background-size: 12px;
width: 12px;
height: 12px;
right: 0;
top: 0; } }
#basket .basket-table .product-delete:hover {
transition: .3s opacity;
opacity: 1; }
#basket .basket-footer {
display: flex;
justify-content: flex-start;
align-items: center;
font-weight: bold;
padding: 40px 0 60px;
border-bottom: 1px solid #F6F6F6; }
@media screen and (max-width: 1200px) {
#basket .basket-footer {
flex-wrap: wrap;
justify-content: center;
padding: 10px 0 30px; } }
@media screen and (max-width: 767px) {
#basket .basket-footer {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 10px 0;
border-bottom: 0; } }
#basket .basket-footer .promocode {
display: flex;
justify-content: flex-start;
align-items: center;
margin-right: 50px; }
@media screen and (max-width: 1200px) {
#basket .basket-footer .promocode {
margin-right: 0;
flex: 0 0 100%;
justify-content: center;
margin-bottom: 20px; } }
@media screen and (max-width: 767px) {
#basket .basket-footer .promocode {
margin-bottom: 15px; } }
#basket .basket-footer .promocode input[type="text"] {
width: 300px;
margin-right: 10px; }
@media screen and (max-width: 767px) {
#basket .basket-footer .promocode input[type="text"] {
width: 192px;
margin-right: 25px; } }
@media screen and (max-width: 767px) {
#basket .basket-footer .promocode .btn {
padding: 0 20px; } }
#basket .basket-footer .bonus {
font-size: 16px;
text-transform: uppercase; }
@media screen and (max-width: 767px) {
#basket .basket-footer .bonus {
font-size: 14px;
margin-bottom: 15px; } }
#basket .basket-footer .final-price {
font-size: 24px;
margin-left: auto; }
@media screen and (max-width: 1200px) {
#basket .basket-footer .final-price {
margin-left: 50px; } }
@media screen and (max-width: 767px) {
#basket .basket-footer .final-price {
margin-left: 0;
font-size: 18px; } }
#basket .order-block {
padding: 40px 0;
display: flex;
justify-content: flex-start;
align-items: flex-start; }
@media screen and (max-width: 1200px) {
#basket .order-block {
flex-direction: column; } }
@media screen and (max-width: 767px) {
#basket .order-block {
padding: 10px 0; } }
#basket .order-block .order-info {
font-size: 16px;
flex: 0 0 600px; }
@media screen and (max-width: 1200px) {
#basket .order-block .order-info {
flex: 0 0 auto;
width: 100%; } }
#basket .order-block .order-info h2 {
margin: 0 0 40px; }
@media screen and (max-width: 1200px) {
#basket .order-block .order-info h2 {
text-align: center; } }
@media screen and (max-width: 767px) {
#basket .order-block .order-info h2 {
margin: 0 0 25px; } }
#basket .order-block .order-info .order-info-name {
font-weight: bold;
font-size: 18px;
color: #22AAB8;
margin: 0 0 30px;
text-transform: uppercase; }
@media screen and (max-width: 767px) {
#basket .order-block .order-info .order-info-name {
font-size: 14px;
margin: 0 0 10px; } }
#basket .order-block .order-info .order-info-item {
margin: 30px 0; }
@media screen and (max-width: 767px) {
#basket .order-block .order-info .order-info-item {
margin: 10px 0 20px; } }
#basket .order-block .order-info .order-info-item .title {
margin-bottom: 15px; }
#basket .order-block .order-info .order-info-item .entity {
display: none; }
#basket .order-block .order-info .order-info-item .entity.show {
display: block; }
#basket .order-block .order-info .order-info-item .switch-box {
margin-bottom: 15px; }
#basket .order-block .order-info .order-info-item .radio-box {
margin-bottom: 20px; }
#basket .order-block .order-info .order-info-item .radio-box:last-child {
margin-bottom: 0; }
#basket .order-block .order-info .order-info-item .radio-box button {
color: #22AAB8; }
#basket .order-block .order-info .order-info-item .radio-box button:hover {
text-decoration: underline; }
#basket .order-block .order-check {
flex: 1;
padding-left: 95px;
position: sticky;
top: 10px; }
@media screen and (max-width: 1200px) {
#basket .order-block .order-check {
position: relative;
top: initial;
padding-left: 0;
width: 100%;
margin-top: 1rem;
}
}
#basket .order-block .order-check .order-check-block {
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
border-radius: 5px;
padding: 20px 30px;
font-size: 18px; }
@media screen and (max-width: 767px) {
#basket .order-block .order-check .order-check-block {
font-size: 14px;
box-shadow: none;
padding: 0; } }
#basket .order-block .order-check .order-check-block .title {
font-size: 24px;
margin-bottom: 30px; }
@media screen and (max-width: 767px) {
#basket .order-block .order-check .order-check-block .title {
font-weight: bold;
font-size: 14px;
margin-bottom: 15px; } }
#basket .order-block .order-check .order-check-block .order-check-footer {
border-top: 1px solid #414141;
padding-top: 40px; }
@media screen and (max-width: 1200px) {
#basket .order-block .order-check .order-check-block .order-check-footer {
text-align: center; } }
@media screen and (max-width: 767px) {
#basket .order-block .order-check .order-check-block .order-check-footer {
padding-top: 20px; } }
#basket .order-block .order-check .order-check-block .order-check-footer .order-check-gray {
background-color: #F2F2F2;
padding: 25px 30px;
margin: 0 -30px;
font-weight: bold; }
@media screen and (max-width: 767px) {
#basket .order-block .order-check .order-check-block .order-check-footer .order-check-gray {
margin: 0 -15px; } }
#basket .order-block .order-check .order-check-block .order-check-footer .order-check-item {
font-size: 18px; }
#basket .order-block .order-check .order-check-block .order-check-footer button {
margin-top: 40px;
font-size: 24px; }
@media screen and (max-width: 767px) {
#basket .order-block .order-check .order-check-block .order-check-footer button {
margin-top: 5px;
font-size: 16px; } }
#basket .order-block .order-check .order-check-block .order-check-footer .politic {
font-weight: 300;
font-size: 14px;
text-align: center;
margin-top: 7px; }
@media screen and (max-width: 767px) {
#basket .order-block .order-check .order-check-block .order-check-footer .order-check-item {
margin-bottom: 15px; } }
#basket .order-block .order-check .order-check-block .order-check-item {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 25px; }
#basket .order-block .order-check .order-check-block .order-check-item.small {
font-size: 16px; }
@media screen and (max-width: 767px) {
#basket .order-block .order-check .order-check-block .order-check-item.small {
font-size: 14px; } }
#basket .order-block .order-check .order-check-block .order-check-item:last-child {
margin-bottom: 0; }
.order-complete {
padding: 70px 0; }
@media screen and (max-width: 1200px) {
.order-complete {
padding: 30px 0; } }
.order-complete h1 {
margin: 0 0 40px; }
@media screen and (max-width: 1200px) {
.order-complete h1 {
margin: 0 0 20px; } }
.order-complete .order-complete-table {
font-size: 16px;
width: 100%;
text-align: left;
margin-bottom: 30px; }
.order-complete .order-complete-table th, .order-complete .order-complete-table td {
height: 80px; }
@media screen and (max-width: 767px) {
.order-complete .order-complete-table th, .order-complete .order-complete-table td {
display: block;
height: auto; } }
@media screen and (max-width: 767px) {
.order-complete .order-complete-table tr {
display: block;
border-bottom: 1px solid #E8E8E8;
padding-bottom: 20px;
margin-bottom: 20px; }
.order-complete .order-complete-table tr:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; } }
.order-complete .order-complete-table tr td, .order-complete .order-complete-table tr th {
border-bottom: 1px solid #E8E8E8; }
@media screen and (max-width: 767px) {
.order-complete .order-complete-table tr td, .order-complete .order-complete-table tr th {
border-bottom: 0; } }
@media screen and (max-width: 767px) {
.order-complete .order-complete-table thead {
display: none; } }
.order-complete .order-complete-table thead th {
font-weight: normal; }
.order-complete .order-complete-table tbody {
font-weight: 300; }
@media screen and (max-width: 767px) {
.order-complete .order-complete-table tbody {
display: block; } }
@media screen and (max-width: 767px) {
.order-complete .order-complete-table tbody td {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
text-align: right; }
.order-complete .order-complete-table tbody td:last-child {
margin-bottom: 0; }
.order-complete .order-complete-table tbody td::before {
font-weight: normal;
text-align: left;
flex: 0 0 130px; }
.order-complete .order-complete-table tbody td:nth-of-type(1)::before {
content: "Номер заказа:"; }
.order-complete .order-complete-table tbody td:nth-of-type(2)::before {
content: "Дата заказа:"; }
.order-complete .order-complete-table tbody td:nth-of-type(3)::before {
content: "Время заказа:"; }
.order-complete .order-complete-table tbody td:nth-of-type(4)::before {
content: "Статус:"; }
.order-complete .order-complete-table tbody td:nth-of-type(5)::before {
content: "Оплата:"; } }
.order-complete .order-complete-footer {
display: flex;
justify-content: space-between;
align-items: center; }
@media screen and (max-width: 1200px) {
.order-complete .order-complete-footer {
flex-direction: column; } }
.order-complete .order-complete-footer .btn {
font-size: 18px; }
.order-complete .order-complete-footer .notif {
font-weight: 300;
font-size: 16px;
color: #9E9E9E; }
@media screen and (max-width: 1200px) {
.order-complete .order-complete-footer .notif {
margin-top: 20px; } }
@media screen and (max-width: 767px) {
.order-complete .order-complete-footer .notif {
font-size: 14px;
text-align: center; } }
.order-complete .order-complete-footer .notif a {
color: initial; }
.contacts h1 {
margin: 0 0 40px; }
.contacts #address {
height: 400px; }
.contacts .contacts-list-item {
margin-bottom: 20px; }
.contacts .contacts-list-item:last-child {
margin-bottom: 0; }
.contacts .contacts-list-item .title {
font-weight: bold;
margin-bottom: 5px; }
.contacts .contacts-block {
display: flex;
justify-content: flex-start;
align-items: flex-start;
padding: 40px 0; }
@media screen and (max-width: 1200px) {
.contacts .contacts-block {
flex-direction: column;
padding: 20px 0; } }
.contacts .contacts-block .contacts-info {
flex: 0 0 400px; }
@media screen and (max-width: 1200px) {
.contacts .contacts-block .contacts-info {
flex: 0 0 auto;
width: 100%;
margin-bottom: 40px; } }
.contacts .contacts-block .feedback {
flex: 1;
padding-left: 30px; }
@media screen and (max-width: 1200px) {
.contacts .contacts-block .feedback {
padding-left: 0; } }
.contacts .contacts-block .feedback .notif-block {
border-left: 3px solid #22AAB8;
padding-left: 20px;
margin-bottom: 30px; }
@media screen and (max-width: 1200px) {
.contacts .contacts-block .feedback .notif-block {
margin-bottom: 20px; } }
.contacts .contacts-block .feedback .notif-block .title {
font-weight: bold;
margin-bottom: 10px; }
.contacts .contacts-block .feedback .form-feedback {
display: flex;
justify-content: flex-start;
margin: 0 -15px;
flex-wrap: wrap; }
@media screen and (max-width: 767px) {
.contacts .contacts-block .feedback .form-feedback {
flex-direction: column-reverse; } }
.contacts .contacts-block .feedback .form-feedback .left, .contacts .contacts-block .feedback .form-feedback .right {
flex: 0 0 calc(100% / 2 - 30px);
margin: 0 15px; }
@media screen and (max-width: 767px) {
.contacts .contacts-block .feedback .form-feedback .right {
margin-bottom: 20px; } }
.contacts .contacts-block .feedback .form-feedback .politic {
margin-top: 10px; }
.contacts .contacts-block .feedback .form-feedback .center {
text-align: center; }
@media screen and (max-width: 767px) {
.contacts .contacts-block .feedback .form-feedback .form-item input {
max-width: initial; } }
.contacts .contacts-block .feedback .form-feedback .form-item:last-child {
margin-bottom: 0; }
.contacts .contacts-block .feedback .form-feedback textarea {
height: 100%; }
.contacts .contacts-block .feedback .contacts-list {
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin: 30px -15px;
flex-wrap: wrap; }
@media screen and (max-width: 1200px) {
.contacts .contacts-block .feedback .contacts-list {
margin: 10px -15px; } }
@media screen and (max-width: 767px) {
.contacts .contacts-block .feedback .contacts-list {
margin: 40px 0 0; } }
.contacts .contacts-block .feedback .contacts-list .contacts-list-item {
flex: 0 0 calc(100% / 2 - 30px);
margin: 10px 15px; }
@media screen and (max-width: 767px) {
.contacts .contacts-block .feedback .contacts-list .contacts-list-item {
flex: 0 0 100%;
margin: 0 0 20px; } }
#additional {
padding: 30px 0; }
@media screen and (max-width: 1200px) {
#additional {
padding: 20px 0; } }
#additional h2 {
font-size: 24px;
margin: 0 0 30px;
text-transform: inherit; }
@media screen and (max-width: 1200px) {
#additional h2 {
text-align: center;
margin: 0 0 20px; } }
@media screen and (max-width: 767px) {
#additional h2 {
display: none; } }
#additional .additional-block {
display: flex;
justify-content: flex-start;
align-items: flex-start; }
@media screen and (max-width: 767px) {
#additional .additional-block {
flex-direction: column;
position: relative;
padding-top: 45px; } }
#additional .additional-block .additional-menu {
flex: 0 0 210px;
list-style: none;
padding: 0;
margin: 40px 0 0;
font-size: 18px;
position: relative; }
@media screen and (max-width: 1200px) {
#additional .additional-block .additional-menu {
font-size: 14px;
margin: 20px 0 0;
flex: 0 0 170px; } }
@media screen and (max-width: 767px) {
#additional .additional-block .additional-menu {
width: calc(100% + 30px);
margin: 0 -15px;
padding-top: 45px;
background-color: #ECECEC;
max-height: 0;
overflow: hidden;
transition: .1s max-height;
position: absolute;
top: 0;
left: 0;
z-index: 5; }
#additional .additional-block .additional-menu::after {
content: '';
background-size: 11px;
background: url("/local/front/files/css/../img/arrow-slider.svg") no-repeat 50%;
position: absolute;
width: 11px;
height: 19px;
top: 22px;
right: 20px;
transform: translateY(-50%) rotate(-90deg); }
#additional .additional-block .additional-menu.open {
max-height: 300px;
transition: .3s max-height; } }
#additional .additional-block .additional-menu li {
margin-bottom: 20px; }
@media screen and (max-width: 1200px) {
#additional .additional-block .additional-menu li {
margin-bottom: 10px; } }
@media screen and (max-width: 767px) {
#additional .additional-block .additional-menu li {
margin-bottom: 0;
padding: 10px 15px; }
#additional .additional-block .additional-menu li a {
display: block; } }
#additional .additional-block .additional-menu li:last-child {
margin-bottom: 0; }
#additional .additional-block .additional-menu li.active {
font-weight: bold; }
@media screen and (max-width: 767px) {
#additional .additional-block .additional-menu li.active {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 13px 15px;
background-color: white;
width: 100%;
cursor: pointer;
border-bottom: 1px solid #C4C4C4; }
#additional .additional-block .additional-menu li.active a {
pointer-events: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none; } }
#additional .additional-block .additional-menu li a {
text-decoration: none; }
#additional .additional-block .additional-item {
flex: 1; }
@media screen and (max-width: 767px) {
#additional .additional-block .additional-item {
width: 100%; } }
#additional .additional-block .additional-item .additional-wrap {
background-color: #F6F6F6;
padding: 40px 35px; }
@media screen and (max-width: 1200px) {
#additional .additional-block .additional-item .additional-wrap {
padding: 20px; } }
@media screen and (max-width: 767px) {
#additional .additional-block .additional-item .additional-wrap {
padding: 20px 0;
background-color: white; } }
.additional-faq .form-question {
display: flex;
justify-content: flex-start;
margin: 20px -15px 0;
flex-wrap: wrap; }
@media screen and (max-width: 767px) {
.additional-faq .form-question {
flex-direction: column-reverse; } }
.additional-faq .form-question .left, .additional-faq .form-question .right {
flex: 0 0 calc(100% / 2 - 30px);
margin: 0 15px; }
@media screen and (max-width: 767px) {
.additional-faq .form-question .right {
margin-bottom: 20px; } }
.additional-faq .form-question .politic {
margin-top: 10px; }
.additional-faq .form-question .center {
text-align: center; }
@media screen and (max-width: 767px) {
.additional-faq .form-question .form-item input {
max-width: initial; } }
.additional-faq .form-question .form-item:last-child {
margin-bottom: 0; }
.additional-faq .form-question textarea {
height: 100%; }
.additional-faq .question-block {
margin-bottom: 40px; }
.additional-faq .faq-block .faq-item {
background-color: white;
border-radius: 5px;
margin-bottom: 20px;
border: 1px solid #414141; }
.additional-faq .faq-block .faq-item:last-child {
margin-bottom: 0; }
.additional-faq .faq-block .faq-item .faq-item-header {
min-height: 80px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px;
cursor: pointer; }
@media screen and (max-width: 1200px) {
.additional-faq .faq-block .faq-item .faq-item-header {
min-height: 60px; } }
.additional-faq .faq-block .faq-item .faq-item-header.open::after {
background-color: #1a828d;
transform: rotate(-90deg) scale(-1, -1); }
.additional-faq .faq-block .faq-item .faq-item-header::after {
content: '';
width: 31px;
height: 31px;
background: url("/local/front/files/css/../img/arrow-pagination.svg") #22AAB8 no-repeat 50%;
border: 0;
border-radius: 5px;
color: white;
font-weight: bold;
font-size: 20px;
line-height: 30px;
transition: .3s background-color, .3s transform;
transform: rotate(-90deg);
flex-shrink: 0;
margin-left: 20px; }
@media screen and (max-width: 1200px) {
.additional-faq .faq-block .faq-item .faq-item-header::after {
font-size: 18px; } }
.additional-faq .faq-block .faq-item .faq-item-body {
padding: 20px 20px 10px;
display: none;
border-top: 1px solid #414141; }
.additional-faq .faq-block .faq-item .faq-item-body p {
margin: 0 0 10px; }
.news h1 {
margin: 0 0 40px; }
.news .news-block .news-item {
display: flex;
justify-content: flex-start;
padding-bottom: 20px;
border-bottom: 1px solid #C4C4C4;
margin-bottom: 20px; }
@media screen and (max-width: 767px) {
.news .news-block .news-item {
flex-direction: column; } }
.news .news-block .news-item:last-child {
border-bottom: 0; }
.news .news-block .news-item .image {
flex: 0 0 180px;
background-size: cover;
background-position: 50%;
margin-right: 20px; }
.news .news-block .news-item .news-item-info .date {
color: #A5A5A5;
font-weight: 300;
margin-bottom: 5px; }
.news .news-block .news-item .news-item-info .title {
font-weight: bold;
margin-bottom: 5px; }
.news-item .news-item-block .news-date-time {
display: block; }
.news-item .news-item-block img {
max-width: 100%;
height: auto; }
.news-item .center {
margin-top: 40px; }
.search-page h1 {
margin: 0 0 20px; }
.search-page .search-input {
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 40px; }
.search-page .search-input input[type="text"] {
height: 40px;
line-height: 40px;
font-size: 14px;
margin-right: 20px; }
.search-page .search-input .btn {
max-width: 200px; }
.search-page .search-list {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
margin: -15px; }
.search-page .search-list .product-card {
flex: 0 0 calc(100% / 5 - 30px);
margin: 15px; }
@media screen and (max-width: 1200px) {
.search-page .search-list .product-card {
flex: 0 0 calc(100% / 3 - 30px); } }
@media screen and (max-width: 767px) {
.search-page .search-list .product-card {
flex: 0 0 calc(100% - 30px); } }
.filter {
display: flex;
justify-content: flex-start;
align-items: center;
padding-bottom: 20px;
margin-bottom: 30px;
border-bottom: 1px solid #C4C4C4; }
.filter .filter-item {
margin-right: 10px;
color: #A5A5A5; }
.filter .filter-item.desc {
color: inherit; }
.filter .filter-item.desc::after {
transform: scale(1, 1);
opacity: 1; }
.filter .filter-item:last-child {
margin-right: 0; }
.filter .filter-item::after {
content: '';
display: inline-block;
vertical-align: middle;
width: 8px;
height: 8px;
background: url("/local/front/files/css/../img/arrow-down.svg") no-repeat;
transform: scale(-1, -1);
background-size: auto 8px;
margin-left: 5px;
opacity: .4; }
.catalog h1 {
margin: 0 0 35px; }
.catalog .catalog-block {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
margin: -25px; }
.catalog .catalog-block .catalog-item {
flex: 0 0 calc(100% / 2 - 50px);
margin: 25px;
display: flex;
justify-content: flex-start;
align-items: flex-start; }
.catalog .catalog-block .box-4{
flex: 0 0 calc(100% / 4 - 50px);
display: block;
height: 260px;
}
.catalog .catalog-block .box-3{
flex: 0 0 calc(100% / 3 - 50px);
display: block;
height: 260px;
}
.catalog .catalog-block .box-img{
height: 230px!important;
}
.catalog .catalog-block .box-img img{
height: 100%;
border-radius: 10px;
}
.catalog .catalog-block .catalog-item .catalog-item-image {
flex: 0 0 120px;
height: 140px;
}
@media screen and (max-width: 1200px) {
.catalog .catalog-block .box-4{
display: block;
}
.catalog .catalog-block.with-description .catalog-item {
flex: 0 0 calc(100%/2 - 50px);
}
.catalog .catalog-block .catalog-item .catalog-item-image {
flex: 0 0 100px;
}
.catalog .catalog-block .box-3{
display: flex;
height: auto;
}
.catalog .catalog-block .box-img{
/* height: auto!important;*/
}
.catalog .catalog-block .catalog-item .catalog-item-list .catalog-item-link.main {
text-align: unset!important;
}
}
@media screen and (max-width: 767px) {
.catalog .catalog-block .catalog-item {
flex: 0 0 calc(100% - 50px);
}
.catalog .catalog-block .box-4{
height: 180px;
}
.catalog .catalog-block .box-img{
height: 140px!important;
}
.catalog .catalog-block .catalog-item .catalog-item-image {
margin-right: 0px;
}
}
.catalog .catalog-block .catalog-item .catalog-item-image img {
width: 100%;
border-radius: 10px;
height: 100%;
}
.catalog .catalog-block .catalog-item .catalog-item-list {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: 20px;
}
.catalog .catalog-block .catalog-item .catalog-item-list .catalog-item-link {
font-size: 16px;
margin-bottom: 10px;
line-height: 1.15; }
.catalog .catalog-block .catalog-item .catalog-item-list .catalog-item-link:hover {
color: #22AAB8; }
.catalog .catalog-block .catalog-item .catalog-item-list .catalog-item-link:last-child {
margin-bottom: 0; }
.catalog .catalog-block .catalog-item .catalog-item-list .catalog-item-link.main {
font-size: 18px;
font-weight: bold;
/* text-align: center;
margin-left: auto;
margin-right: auto */ }
.catalog .catalog-block .catalog-item .catalog-item-list .description {
font-size: 12px; }
.catalog .catalog-block .catalog-item .catalog-item-list .description p {
margin: 0 0 10px; }
@media screen and (max-width: 767px) {
.catalog .catalog-block .catalog-item .catalog-item-list .catalog-item-link.main {
font-size: 14px;
}
}
.products h1 {
margin: 0 0 35px; }
@media screen and (max-width: 767px) {
.products h1 {
margin: 0 0 20px; } }
.products .products-block {
display: flex;
justify-content: flex-start;
align-items: flex-start; }
@media screen and (max-width: 767px) {
.products .products-block {
flex-direction: column;
margin-top: 65px;
}
}
.products .products-block .filter-block {
flex: 0 0 250px;
padding-top: 40px;
padding-right: 30px; }
@media screen and (max-width: 767px) {
.products .products-block .filter-block {
flex: 0 0 auto;
width: 100%;
padding: 0;
margin-bottom: 20px; } }
.products .products-block .filter-block .filter-item {
border: 1px solid #C4C4C4;
margin-bottom: 30px; }
@media screen and (max-width: 767px) {
.products .products-block .filter-block .filter-item {
margin-bottom: 20px; } }
.products .products-block .filter-block .filter-item .filter-title {
font-weight: bold;
font-size: 18px;
padding: 15px;
background-color: #f6f6f6;
border-bottom: 1px solid #C4C4C4; }
.products .products-block .filter-block .filter-item .filter-body {
padding: 15px; }
.products .products-block .filter-block .filter-item .filter-body .checkbox-box {
margin-bottom: 10px; }
.products .products-block .filter-block .filter-item .filter-body .checkbox-box:last-child {
margin-bottom: 0; }
.products .products-block .filter-block .filter-item .filter-body .filter-body-item {
background-color: white;
margin-bottom: 15px; }
.products .products-block .filter-block .filter-item .filter-body .filter-body-item:last-child {
margin-bottom: -15px; }
.products .products-block .filter-block .filter-item .filter-body .filter-body-item .header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 15px;
margin: -15px -15px 0;
cursor: pointer;
height: 30px;
background-color: #f6f6f6;
z-index: 5;
position: relative; }
.products .products-block .filter-block .filter-item .filter-body .filter-body-item .header.open, .products .products-block .filter-block .filter-item .filter-body .filter-body-item .header:hover {
background-color: #22AAB8;
color: white; }
.products .products-block .filter-block .filter-item .filter-body .filter-body-item .header.open::after, .products .products-block .filter-block .filter-item .filter-body .filter-body-item .header:hover::after {
background: url("/local/front/files/css/../img/arrow-pagination.svg") no-repeat 50%/7px;
transform: rotate(-90deg) scale(-1, -1); }
.products .products-block .filter-block .filter-item .filter-body .filter-body-item .header::after {
content: '';
width: 7px;
height: 16px;
background: url("/local/front/files/css/../img/arrow-slider.svg") no-repeat 50%/7px;
transform: rotate(-90deg);
flex-shrink: 0; }
.products .products-block .filter-block .filter-item .filter-body .filter-body-item .body {
padding: 15px;
display: none; }
.products .products-block .filter-block .filter-item .filter-body .filter-body-item .body ul {
margin: 0;
padding: 0;
list-style: none; }
.products .products-block .filter-block .filter-item .filter-body .filter-body-item .body ul li {
margin-bottom: 10px; }
.products .products-block .filter-block .filter-item .filter-body .filter-body-item .body ul li.active a {
font-weight: bold; }
.products .products-block .filter-block .filter-item .filter-body .filter-body-item .body ul li:last-child {
margin-bottom: 0; }
.products .products-block .filter-block .filter-item .filter-body .filter-body-item .body ul li a {
text-decoration: none; }
.products .products-block .filter-block .filter-item .filter-body .filter-body-item .body ul li a:hover {
text-decoration: underline; }
.products .products-block .products-list {
flex: 1;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
margin: -15px; }
.products .products-block .products-list .product-card {
flex: 0 0 calc(100% / 4 - 30px);
margin: 15px;
width: calc(100%/4 - 30px);
}
@media screen and (max-width: 1200px) {
.products .products-block .products-list .product-card {
flex: 0 0 calc(100% / 2 - 30px); } }
@media screen and (max-width: 767px) {
.products .products-block .products-list .product-card {
flex: 0 0 calc(100% - 30px); } }
.compare h1 {
margin: 0 0 40px; }
@media screen and (max-width: 1200px) {
.compare h1 {
margin: 0 0 20px; } }
.compare .compare-block {
position: relative;
padding-left: calc(100% / 4); }
@media screen and (max-width: 1200px) {
.compare .compare-block {
padding-left: calc(100% / 3); } }
@media screen and (max-width: 767px) {
.compare .compare-block {
padding-top: 40px; } }
.compare .compare-block .сontrol {
position: absolute;
left: 0;
top: 115px; }
@media screen and (max-width: 767px) {
.compare .compare-block .сontrol {
display: flex;
top: 0;
margin-left: calc(100% / 2); } }
.compare .compare-block .compare-list {
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin: 0 -15px; }
.compare .compare-block .compare-list .slick-list {
width: 100%; }
.compare .compare-block .compare-list .slick-track {
width: 100%;
margin: 0; }
.compare .compare-block .compare-list .product-card {
margin: 0 15px;
flex: 0 0 calc(100% / 3 - 30px); }
@media screen and (max-width: 1200px) {
.compare .compare-block .compare-list .product-card {
flex: 0 0 calc(100% / 2 - 30px); } }
@media screen and (max-width: 767px) {
.compare .compare-block .compare-list .product-card {
flex: 0 0 calc(100% - 30px); } }
.compare .compare-block .compare-list .product-card .title {
min-height: 42px; }
.compare .compare-block .compare-list .product-card .product-compare {
font-weight: 300;
font-size: 16px;
margin-top: 30px; }
@media screen and (max-width: 767px) {
.compare .compare-block .compare-list .product-card .product-compare {
font-size: 14px; } }
.compare .compare-block .compare-list .product-card .product-compare .product-compare-item {
margin-bottom: 40px; }
@media screen and (max-width: 1200px) {
.compare .compare-block .compare-list .product-card .product-compare .product-compare-item {
margin-bottom: 20px; } }
.compare .compare-block .compare-list .product-card .product-compare .product-compare-item:last-child {
margin-bottom: 0; }
.compare .compare-block .compare-list .product-card .compare-buttons {
margin-top: 40px; }
.compare .compare-block .compare-list .product-card .compare-buttons .btn {
max-width: initial;
width: 100%;
font-size: 18px; }
.compare .compare-block .compare-list .product-card .compare-buttons .btn:last-child {
margin-top: 20px; }
.compare .compare-block .compare-name-list {
position: absolute;
left: 0;
top: 347px;
font-size: 16px;
font-weight: normal; }
@media screen and (max-width: 767px) {
.compare .compare-block .compare-name-list {
top: 387px;
font-size: 14px;
width: calc(100%/3 - 10px); } }
.compare .compare-block .compare-name-list .compare-name-item {
margin-bottom: 40px; }
@media screen and (max-width: 1200px) {
.compare .compare-block .compare-name-list .compare-name-item {
margin-bottom: 20px; } }
.compare .compare-block .compare-name-list .compare-name-item:last-child {
margin-bottom: 0; }
.compare .compare-block .clear-compare {
position: absolute;
left: 0;
bottom: 0;
font-size: 18px;
max-width: initial;
width: calc(100% / 4 - 30px); }
@media screen and (max-width: 1200px) {
.compare .compare-block .clear-compare {
width: calc(100% / 3 - 30px); } }
@media screen and (max-width: 767px) {
.compare .compare-block .clear-compare {
width: calc(100% / 3 - 10px);
font-size: 14px;
line-height: 16px; } }
.modal-flag__wrap {
position: relative;
}
.modal-flag {
position: absolute;
right: 0;
top: -22px;
width: 34px;
height: 34px;
}
.modal button.btn {
max-width: 450px;
}
/* ***basket-order*** */
.SDEK_selectPVZ{
margin-bottom: 10px;
font-weight: bold;
font-size: 18px;
}
.bgd_grey{
background-color: #eeeeee!important;
}
@media screen and (max-width: 767px) {
.order-agreement {
font-size: 14px;
}
}
/* End */
/* Start:/local/templates/new/public/css/custom.css?175500200018998*/
.field-group__pass {
position: relative;
}
.field-group__pass span {
position: absolute;
height: 24px;
width: 30px;
right: 3px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
bottom: 25px;
cursor: pointer;
}
.field-group__pass span.hide-field {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAGEUlEQVR4Xu2adahlVRSHv7G7G7vFTmwdCwvGRv+wFRUxB3VU7MYYFRW7HVEs7MAuRAzs1hm7xjGxlU/WkeN9774Tbz/vhXsWbO7j3nP2Xuu3eu03jB6nYT0uPw0AjQX0OAKNC/S4ATRBsHGBxgV6HIHGBXrcAJos0LjAELrAlMAiwBLA4vE5NzA9MF3u8y/gu5b1AfA68East4FfhoLXlBYwCbASsGGs1QC/S0EK/yTwYKzngN9TbDxYAHx/FWBPYJvQasbXn8BLoUk1+A7wLjAe+AH4Pj4nCouYId6fEViwxXLmbxH2W+BG4FLgWUArqkV1AdCEdw7Bl86drGYeAB4DngJkNAXNCmwAbBRrrtymrwQQV9Y5ryoAkwN7AUcBswQTavc64HrgrRTSFuwhz8sDuwE7hvX4ytfAScAFVeJFWQB8bgfgRGCBYPBx4PjwydomOEjApgK2BfYFVo69xoaCVIpuOCCVAUBNa16bxU6a99HAo0Wb/4+/K8eWwCnAonGurrgT8NlAfBQBsA4wBtDn9OeDAoxOabwI00mB3YETwkW/jFh1T7sXBwLg0EDUKH0nsDfwcREHXfK7CtMF1g1+TgMO7y9btAPgGODYeNm/RTSl1qcGlgWWA6YAXgOMKT8mBHDicFUDtnKeD+zXKkd/ACi4Qv8Rae6KhExpovsEuOb7PFkfnA2cCvyW8MxNgVsAM1gfEFoBOCzHwAigre/UYFDhbwNkSLJIeiIqOsvl9QHdzSC7BfBNjTPavbJJnD0ZcA5wYPZgHoA14nCZMJBcnpABt7oE2AP4KheY8m41b5wpEEZwgUpS7oYcm4clqIjtgRv8PgPAMvRFYD5gNHBwYuGtFtW4mWTVaHD6O8Le4e7oJQ4Azk3Mh2nxquDDGDRWAFymOlGx2dg4MfLKYB1h6awFXFYglBHcYkZLsQdI2QUq603AVuF+w/1C07gD+BlYEngvMepuZ3s7DTBnyQBn7FERa0YXmJIl+wr7h9mAkQLwdJil6cJSNzUZ7Y3wmnZWTRadcXLkbYOVQSs1WT7bTY4XgPvD52wirKlT00zRqNwcLXOZ/S1cLMRGAmeVeaHiM7qjbjlBANbO1fWmi3srblb0uFFXP34zevyi5/39IWB4xI2ry7xQ4RljzKuAgX9UlgUujDb3U8CIbWuZkqzy9OcyPm0myuLQHID1fCpS3tsj7j0jPxkABijT4EIRJbdLXPrqWudF+rM+/7yNRKbBhwMo87SZKSXtGrWGGWZFYFy+EFo96nELIX0kpenpBo8AnmFGsKtUE/l+3QHqRWH6trD2Ce2AqgOK2e7WqDadLJny+9wL5EthByAGrlQ0T2SCpWLDL2KeZwO0MLBCfO9UyViUMh0bT0yt9gMG19Mzofprho6LLkrt7AJckwoBwFH5EVEQ6d95UvCLo2GxJklFa4XwdqA2W1a5/5bg/QHgd9YDMiqNCsQKx0sVONYl1Lr1v8KOA96v8H6ZR5Vjf+CMGM8fGfON/7T17eYBfm9L7JLui7iQ0ifLCFH3GafWltyO6hXYFtz40oeKRmKWowZDy0d91o0MJCmHI3WFbCePbfyZcbfwUbjxPwGvDgC+Y/1uHLBNlbyhOSRK6JTMD3Yvp8Kau4WdpOLsKCcMtHGRBWTvOl5yRuC0SEAk05i5XXRTxocqQJiyVYyW6VRYMnuoIKdAhVQWgGwj5/Ciarr0klPyusvo7cXIh4UnpnlAJdjbeyVn8SbZQju7VPOlR2pVAcjYnzmmxN7OeI+X0cvAXZHvvSb7KY28CLzpLLt4XSa37/MR4Gxufq16Xl0AsnM0Qe8OdI+tY8Kb/aZb2AC9AAiM1vFJLHsNteTIy2WBYnNi6+yaPWYTzidcpkzdMCOz0bUx3XHv2jRYAPIHW+R4JW7VtV7cGqe6HrdatKGyT7CkVutJ5oUpAWjVgg2W/xixWCyvrLxXnDamQ366FCS7KvfTqO1Vupeu2fLeoLRfVzGHoQSgCh8de7YBoGPQd8nBjQV0iSI6xkZjAR2DvksObiygSxTRMTYaC+gY9F1ycGMBXaKIjrHRWEDHoO+Sg/8GyeIxHWedhYQAAAAASUVORK5CYII=');
}
.field-group__pass span.show-field {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAG8klEQVR4Xu2aBahlVRSGvzHHHAsVu3Us1EGxsLsxEBW7FRvELiysUbEVFFGxW1TsFlvsABULC7vH4JN1hvPunHtP3D2+mXvfhsN9w5yz917/Xutf/1rnDKPPx7A+t58hAIY8oM8RGAqBPneAniZBvft0YFtgdeCjosPu1RDQrrOAQ4E/gGWAt/oFgFbjtwLubhfqveYBtYwXlF4CoLbxvQSAxp8NHBIx39Ht8+HQCx6QN/5PYMtOMd/KBRM7AF0ZP75DwM3NBSyWuxYBZgKmi2t6YDjwE/AD8H1c/v0h8FpcrwPftpxe18aPDwDmBtYF1gPWBmbpoDTNzxo8GTACmKRElX4CPALsGXF+DnAwUNvtU3PAHMBuwPbAyNzkvwCvAq8ALwNvAN8A34Xhv+Xu9TSnDiAEYzZgSWCpuPxbr3EsC+ycwvhuPMDTWgfYG9gcmDQ29xxwA3Av8C7wV6JaQ4DmiXDZJ2f8DsDswAvAM03WakKCurcpx1NxeMLXAzcCHzTZRMVn3Gve7U11AnxPPG94nAg8VnG+/26rA8ASoa83iAVeBI4CHgD+qbNog3uLjL8LmBw4ATgQmDbmfTyAEJDSfVUBwEVOC5Gh678NHAPcWmWBBsYWperRwEFBeJ68xueHmeWAuGfG+I+bgX2BrzvtoQyAOSOmVwnmPQy4BBiTwLAqU7i/MuPz80iUAuUBTQl8AezRtBhaM2J71qiltw6yqbLxFPe0Gu/6d1ac2Gx0FbBC3H9FeLB6Y8Bo5wHKSUlNdr8fkG1NYamG864MLBRawRQpk38ZC3RjfLZH9YUeexIwBfAUsCHwY96IIgBMbzKrD9lUOCJxOjN1Hg7M34KmhHUZcCxwdC7m65x80QGtGGl5hiIQWgHw5geBaYArgd0TEp2SV1fUmxwqO0/FX8FQOSqCfo/4VeF1a3wGiB0hs5XKdIAn5AFQxqrcZFHdftNg3VRuf34wtQrRE76ghUw13s2Zbh0KnktTLR4q1cNVuT4akn1MBoC/d4TRylabiANipcuNrAo8EaG0CXBfARdlPby/oy6wjeUhpBwWY88DFmHHyw8ZALraTZEzlwY+T7kqcDWwI3BmxH8rD7U2M+QBGdzLDaccWwC3AQI9SgAkBzumamqLDDebcriGpawu7gm8l5u8XUmr+18MnBI5PeV+nEt+20VPdAOWl7KvEnKNhKSXbdp0JKGZ4qzystEqb/OdHDXIw5GNDJnUQ21jsTbCTSgXLwqJuxzwa+LVTKcyu00Ovc1018l4l98ojJesBCP1WCDK8+FuxPSkvp8XkKmVkqmHQmfxiGkFT5m8PRU4ErgmuCPlfrTZcn19QyEjwW1C+bmQHR3TRcpxXlRsEu1nJYWNet6yemZg15C0KfeyV6RX64SReR0g2ooUhcmonCxNsfh8wDuhLp2vncix2rwu3ueZiRYGfk6xgZhDKWwlqRQ3892SB0CWfjYamG8Ca0U1lWJ913koF896wk5Avi0mQSp87DCZojbLNTtS7EF+k+hVudY5vjQdpyGiSrKjYpEiLwhCt5pA483/Fib5YSi4oU+BBaNQsYRVKdpjtLWWauiBHq4g2yjZOCP7omJISSwI6nNThRrdsGgy8sbbBbaZoQo7A7DXkB/2GDwZFdr7TRZr84yNVYWPINs3tKU3tixuVw6LmKcjGJbBNhVur7mpIuOzt7TGoIWXMe6pfxx1gG3ylEP1aVhNFb1LU6pd6bGjU0dIZagqNCs4FEu+b69CSp2MT2lgu7kE9dwoqLxHz1LwqUUGjLKWmKxs7X5yMKdMbgOyUyN0sI230aKeMZMZdr48sY1X2CAtAyBDayXg2lwTw/CwpH2yANCM8LKYb/txQmJXsA2mgLLYcchf2wEvdVqnKgDOoWLcP1rhdmEdlrUWUOr8wTp5X5hYPZo59Fi7wL4fMGQ9hI6jDgDZROp5w0LXklxc3Krt/zx5mzYKGYXbagG+NYwvTsww48R6OxSaAJDNZU41NKzajos8P77c3pO1lLY/YNVoseT7Cod6xVabhP1V2YnXJcGy+Yrc3trf7pLZwjh0g5Knv/YCTHWelmDlicmy2dCyb2cdoChTvS0fhKZ+yIZzmJYvB57upoTvxgPaxbzfAyikrLk7DeWuqk8wND57o1P0jJLZlprepqSW2JK8eG0KQBnhKXQkp+zjiEXDheUP3+Fll7pc4/QW1Zm/ChWVoF6TXf67lNDK3LXo/5sAUGZ8k30M2jN1Aegp40W9DgA9Z3wdAHrS+KoA9KzxVQDoaeOrALAfcGHdz08HjdIbLFxGgnaLbSjYWMg+RmqwzIT7SBkAmZeUfmw04ZrYeWdVAJhYbau07yEAKsHUwzcNeUAPH24l0/reA/4FCPKp5G6SMYQAAAAASUVORK5CYII=');
}
.mobile-menu {
visibility: visible;
width: auto;
min-height: 100vh;
clip: unset;
}
.mobile-menu .mobile-menu-block {
transform: none;
}
.show_mobile {
display: none;
}
.desktop_show {
display: block;
}
@media screen and (max-width: 767px) {
.mobile-menu .mobile-menu-block {
overflow-y: scroll;
max-width: 315px;
}
#card .card-block .card-body .data {
display: flex;
flex-direction: column;
}
#card .card-block .card-body .data .title-mob {
order: 0;
font-size: 18px;
font-weight: 700;
}
#card .card-block .card-body .data .price-block {
order: 1;
}
#card .card-block .card-body .data .bonus {
order: 2;
}
#card .card-block .card-body .data .add-cart {
order: 5;
font-size: 18px;
}
#card .card-block .card-body .data .props {
order: 3
}
#card .card-block .card-body .data .alert_color_view {
order: 4
}
#card .card-block .card-body .data .pluses {
order: 6;
}
#card .card-block .card-body .data .address.mob {
order: 6;
}
#card .tabs-block .tab-link {
height: 38px !important;
line-height: 38px !important;
}
.show_mobile {
display: block;
}
.desktop_show {
display: none;
}
.pluses .mobile {
display: flex;
margin-bottom: 20px;
}
.card-block .pluses-block {
display: flex;
justify-content: space-between;
font-size: 14px;
line-height: 16px;
flex-wrap: wrap;
margin: 10px auto;
}
.pluses .pluses-block .item {
text-align: center;
justify-content: center;
align-items: center;
margin: 15px 10px;
display: flex;
margin: 15px;
width: 100%;
}
.pluses .pluses-block .item .text {
width: 75%;
text-align: left;
margin-left: 30px;
}
}
.modal-message.error-info {
color: #b74a45;
}
.modal-message {
margin-top: 15px;
text-align: left;
}
.modal-message .resend-link {
text-decoration: underline;
}
.modal-message .resend-link:hover,
.modal-message .resend-link:focus,
.modal-message .resend-link:active {
text-decoration: none;
}
.form-result.success {
color: #3ab777;
font-weight: bold;
}
.form-result.error {
color: #b74a45;
font-weight: bold;
}
.form-item.captcha-row .recaptcha {
display: none;
}
.modal.active {
position: relative;
opacity: 1;
visibility: visible;
width: auto;
height: auto;
background: transparent;
}
.modal.active .modal-block {
max-height: none;
}
.modal-error {
display: none;
}
.modal-error.error {
display: flex;
justify-content: center;
font-weight: normal;
}
.modal-body input.error {
border-bottom: 1px solid #e35757 !important;
color: #e35757 !important;
margin-top: 0;
}
.error-field .title {
color: #fb1600 !important;
}
.error-field textarea {
border: 1px solid #b73124 !important;
box-shadow: 0px 8px 10px -5px #eee0e0 !important;
}
.sms-code.error input {
border: 1px solid #b73124 !important;
color: #b73124 !important;
box-shadow: 0 1px 5px 0 #b7312466;
}
.error-field input {
border-bottom: 1px solid #b73124 !important;
box-shadow: 0px 8px 10px -5px #eee0e0 !important;
color: #fb1600 !important;
}
.filter-item.asc {
color: #414141;
}
.breadcrumbs .personal-block {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
.breadcrumbs .personal-block .item::after {
content: '/';
margin: 0 5px;
}
.breadcrumbs .personal-block .item {
display: flex;
justify-items: flex-start;
align-items: center;
}
.breadcrumbs .personal-block .item:last-child::after {
content: '';
}
.breadcrumbs .personal-block a {
color: black;
text-decoration: none;
}
.breadcrumbs .personal-block a:hover,
.breadcrumbs .personal-block a:focus,
.breadcrumbs .personal-block a:active {
text-decoration: underline;
}
.btn.loader {
position: relative;
color: transparent;
}
.btn.loader:before {
content: '';
position: absolute;
top: calc(50% - 15px);
left: calc(50% - 15px);
display: block;
border: 3px solid #5eb7c1;
border-top: 3px solid #fff;
border-radius: 50%;
width: 30px;
height: 30px;
animation: spin 2s linear infinite;
}
.search-btn {
cursor: pointer;
}
.modal .modal-block .modal-body input[type="password"] {
font-size: 16px;
height: 40px;
line-height: 40px;
border-radius: 0;
border-top: 0;
border-left: 0;
border-right: 0;
padding: 0;
max-width: initial;
margin-bottom: 20px;
}
input[type="password"] {
font-weight: 300;
font-size: 18px;
height: 80px;
line-height: 80px;
width: 100%;
max-width: 330px;
border: 1px solid #414141;
border-radius: 5px;
padding: 15px;
background-color: transparent;
}
.btn.btn-link__strong {
font-weight: bold;
color: #22aab8;
font-size: 16px;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.products-wrap {
width: 100%;
}
.bx_filter_vertical .bx_filter_section .bx_filter_block {
position: inherit;
}
.bx_filter .bx_filter_section {
position: relative;
}
.bx_filter_section input[type='text'],
.bx_filter_section input[type='email'],
.bx_filter_section input[type='tel'] {
font-size: 1em;
line-height: 1.4;
height: auto;
}
#modef_mobile {
display: none !important;
}
.bx_filter_select_popup .bx_filter_btn_color_icon, .bx_filter .bx_filter_btn_color_icon, .bx_catalog_item_scu .bx_item_detail_scu ul li .cnt span {
top: calc(50% - 11.5px);
}
.modal-body .personal-info-item {
display: flex;
margin-bottom: 15px;
}
.modal-body .personal-info-item .radio-box:last-child {
margin-right: 0;
}
.modal-body .personal-info-item .radio-box {
margin-right: 30px;
}
.modal-block.loading {
position: relative;
}
.modal-block.loading:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #212121;
z-index: 0;
top: 0;
left: 0;
opacity: 0.1;
border-radius: 10px;
animation: opacity 0.5s ease-in-out;
}
.modal-block.loading:before {
content: '';
position: absolute;
top: calc(50% - 30px);
left: calc(50% - 30px);
display: block;
border: 7px solid #5eb7c1;
border-top: 7px solid transparent;;
border-radius: 50%;
width: 60px;
height: 60px;
animation: spin 1.5s linear infinite;
z-index: 2;
}
@keyframes opacity {
0% {
opacity: 0.1;
}
100% {
opacity: 0.3;
}
}
@keyframes opacityout {
0% {
opacity: 0.3;
}
100% {
opacity: 0;
}
}
@keyframes opacityout2 {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.modal .modal-block .modal-body .btn {
max-width: 100%;
}
.old-price {
color: #B0B0B0;
text-decoration: line-through;
font-weight: 400;
font-size: 18px;
}
.pluses.mobile {
display: none;
}
.bx_filter_section-btn {
display: none;
}
.catalog-menu-block_btn {
display: none;
}
.products .products-block .filter-block .filter-item .filter-body {
padding: 0;
}
.products .products-block .filter-block .filter-item .filter-body .filter-body-item .header {
margin: 0;
min-height: 30px;
height: auto;
padding: 5px 15px;
}
.products .products-block .filter-block .filter-item .filter-body .filter-body-item .body {
padding: 15px 30px;
}
.products .products-block .filter-block .filter-item .filter-body .filter-body-item,
.products .products-block .filter-block .filter-item .filter-body .filter-body-item:last-child {
margin-bottom: 0;
}
#footer .studio a {
font-size: 12px;
text-decoration: none;
}
@media screen and (max-width: 767px) {
.catalog-menu-block_btn,
.bx_filter_section-btn {
display: block;
margin-bottom: 20px;
}
.catalog-menu-block_block,
.bx_filter_section {
display: none;
}
.wrapper {
max-width: 100%;
}
.pluses.mobile {
display: flex;
margin-bottom: 20px;
}
.pluses.desktop {
display: none;
}
.modal .modal-block .modal-body .sms-code input {
margin-right: 5px;
}
}
.select-field {
font-size: 16px;
height: 40px;
line-height: 40px;
border-radius: 0;
border-top: 0;
border-left: 0;
border-right: 0;
padding: 0;
font-family: 'Ubuntu', sans-serif;
width: 330px;
}
header .search-input {
position: relative;
z-index: 99;
}
.search_result {
position: absolute;
width: calc(100% - 160px);
background: #fff;
box-shadow: 0 7px 10px #ccc;
padding: 20px 25px;
z-index: 9999;
}
.result_item {
display: flex;
width: 100%;
justify-content: flex-start;
align-items: center;
padding-bottom: 10px;
font-size: 14px;
}
.result_item a {
padding-right: 10px;
cursor: pointer;
}
.result_item a:hover,
.result_item a:focus,
.result_item a:active {
text-decoration: none;
}
.search_result .search__btn {
display: flex;
justify-content: center;
padding-top: 15px;
}
.search_result .search__btn .btn {
width: 290px;
line-height: 1;
font-size: 16px;
height: 45px;
display: flex;
justify-content: center;
align-items: center;
}
.result__img {
display: flex;
width: 55px;
height: 55px;
background-size: contain;
margin-right: 15px;
background-repeat: no-repeat;
}
/* 01.02.2022 */
.bonuses-block {
margin-top: 30px;
}
.how-work-item {
display: flex;
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 23px;
}
.how-work-item__text {
margin-left: 23px;
max-width: 506px;
}
.numbs {
display: flex;
align-items: flex-start;
}
.bonus-desc {
margin-left: 15px;
max-width: 568px;
font-size: 14px;
line-height: 200%;
}
.nubm-text {
margin-left: 3px;
font-size: 14px;
line-height: 200%;
}
.numbs-two {
margin-top: 30px;
margin-bottom: 22px;
}
.numb {
position: relative;
top: 5px;
}
.bonuses__how-work {
margin-left: 44px;
}
.bonuses-table {
border-bottom: 1px solid #CCCCCC;
margin-top: 32px;
}
.bonuses-table__tr {
border-top: 1px solid #CCCCCC;
padding: 20px 0;
display: flex;
justify-content: space-around;
align-items: center;
}
.bonuses-table__td {
font-size: 14px;
line-height: 200%;
letter-spacing: 0.02em;
color: #292929;
width: 234px;
}
.bonuses-table__th .bonuses-table__td {
font-weight: bold;
font-size: 18px;
line-height: 21px;
letter-spacing: 0.02em;
color: #00ACBA;
}
.bonuses-table__tr .bonuses-table__td:last-child {
text-align: center;
}
.bonuses__how-work-last {
margin-top: 35px;
}
.numbs-three {
margin-top: 55px;
}
.how-are-accrued {
margin-top: 15px;
}
.how-are-accrued__item {
border-bottom: 1px solid #DDDDDD;
padding: 10px 20px;
padding-left: 35px;
font-size: 14px;
line-height: 200%;
letter-spacing: 0.02em;
color: #292929;
}
.img-screenshot {
margin-top: 10px;
max-width: 100%;
}
.bonus-desc-more {
max-width: 100%;
}
.img-screenshot-last {
margin-bottom: 50px;
}
.swipe-block {
display: none;
}
#header .top-line .top-line-block .menu ul li a {
font-size: 14px;
}
@media screen and (max-width: 767px) {
.bonuses__how-work {
margin-left: 0px;
}
.how-work-item__img img {
width: 60px;
}
.how-work-item {
flex-wrap: nowrap;
align-items: flex-start;
margin-bottom: 0;
}
.bonuses-table {
display: flex;
flex-direction: row;
flex-wrap: wrap;
overflow-x: scroll;
}
.swipe-block {
display: block;
text-align: right;
position: relative;
top: 25px;
}
}
/* *** */
@media screen and (max-width: 1200px) {
.mobile-menu .mobile-menu-block .user-buttons .login {
display: block;
}
}
@media screen and (max-width: 767px) {
#header .top-line .top-line-block .user-buttons .login {
display: none;
}
#header .top-line .top-line-block .user-buttons .search {
display: block;
}
.mobile-menu .mobile-menu-block .user-buttons .login {
display: block;
}
#header .top-line .top-line-block .user-buttons .search .search-input {
padding-right: 100px;
}
#header .top-line .top-line-block .user-buttons .search.open .search-input {
width: 100%;
}
#header .top-line .top-line-block .user-buttons .search .search-input input[type="submit"] {
right: 15px;
}
}
#header .top-line .top-line-block .user-buttons .login::before {
background: url(/local/front/files/img/profile.svg) no-repeat 50%;
background-size: cover;
width: 65px;
}
.mobile-menu .mobile-menu-block .user-buttons .login {
color: #414141;
margin-bottom: 10px;
}
.mobile-menu .mobile-menu-block .user-buttons .login::before {
display: none;
}
/*_______________________*/
.smartfilter_box{
padding-top: 40px;
}
.smartfilter_form{
display: flex;
flex-direction: row;
}
.bx_filter .bx_filter_parameters_box{
width: calc( 100% / 4 );
}
.bx_filter .bx_filter_button_box{
background: unset;
margin: auto 0px;
width: 20%;
}
@media screen and (max-width: 1200px) {
.smartfilter_form{
flex-direction: column;
}
.bx_filter .bx_filter_parameters_box{
width: 100%;
}
.bx_filter .bx_filter_button_box{
width: 100%;
}
}
/* End */
/* Start:/local/front/files/css/flags.css?175500200015154*/
/* Пиктограммы государственных флагов в спрайте */
/* v0.2, 28 февраля 2012 года */
/* @author Артём Поликарпов, artpolikarpov.ru (artpolikarpov@gmail.com) */
/* @author Никита Иванов (исходные пиктограммы флагов), nickivanov.ru (nickivanov@nickivanov.ru) */
/* Набор распостраняется на условиях лицензии CC-BY-SA */
/* Эти летом я был: в Гондурасе, Лихтенштейне, и Швеции. */
.flag-NOWHERE, .flag-ABKHAZIA, .flag-AD, .flag-AE, .flag-AF, .flag-AG, .flag-AI, .flag-AL, .flag-AM, .flag-AN, .flag-AO, .flag-AQ, .flag-AR, .flag-AS, .flag-AT, .flag-AU, .flag-AW, .flag-AX, .flag-AZ, .flag-BA, .flag-BB, .flag-BD, .flag-BE, .flag-BF, .flag-BG, .flag-BH, .flag-BI, .flag-BJ, .flag-BL, .flag-BM, .flag-BN, .flag-BO, .flag-BR, .flag-BS, .flag-BT, .flag-BV, .flag-BW, .flag-BY, .flag-BZ, .flag-CA, .flag-CC, .flag-CD, .flag-CF, .flag-CG, .flag-CH, .flag-CI, .flag-CK, .flag-CL, .flag-CM, .flag-CN, .flag-CO, .flag-CR, .flag-CU, .flag-CV, .flag-CX, .flag-CY, .flag-CZ, .flag-DE, .flag-DJ, .flag-DK, .flag-DM, .flag-DO, .flag-DZ, .flag-EC, .flag-EE, .flag-EG, .flag-EH, .flag-ER, .flag-ES-CE, .flag-ES-ML, .flag-ES, .flag-ET, .flag-EU, .flag-FI, .flag-FJ, .flag-FK, .flag-FM, .flag-FO, .flag-FR, .flag-GA, .flag-GB, .flag-GD, .flag-GE, .flag-GF, .flag-GG, .flag-GH, .flag-GI, .flag-GL, .flag-GM, .flag-GN, .flag-GP, .flag-GQ, .flag-GR, .flag-GS, .flag-GT, .flag-GU, .flag-GW, .flag-GY, .flag-HK, .flag-HM, .flag-HN, .flag-HR, .flag-HT, .flag-HU, .flag-IC, .flag-ID, .flag-IE, .flag-IL, .flag-IM, .flag-IN, .flag-IO, .flag-IQ, .flag-IR, .flag-IS, .flag-IT, .flag-JE, .flag-JM, .flag-JO, .flag-JP, .flag-KE, .flag-KG, .flag-KH, .flag-KI, .flag-KM, .flag-KN, .flag-KOSOVO, .flag-KP, .flag-KR, .flag-KW, .flag-KY, .flag-KZ, .flag-LA, .flag-LB, .flag-LC, .flag-LI, .flag-LK, .flag-LR, .flag-LS, .flag-LT, .flag-LU, .flag-LV, .flag-LY, .flag-MA, .flag-MC, .flag-MD, .flag-ME, .flag-MF, .flag-MG, .flag-MH, .flag-MK, .flag-ML, .flag-MM, .flag-MN, .flag-MO, .flag-MP, .flag-MQ, .flag-MR, .flag-MS, .flag-MT, .flag-MU, .flag-MV, .flag-MW, .flag-MX, .flag-MY, .flag-MZ, .flag-NA, .flag-NC, .flag-NE, .flag-NF, .flag-NG, .flag-NI, .flag-NKR, .flag-NL, .flag-NO, .flag-NP, .flag-NR, .flag-NU, .flag-NZ, .flag-OM, .flag-PA, .flag-PE, .flag-PF, .flag-PG, .flag-PH, .flag-PK, .flag-PL, .flag-PM, .flag-PN, .flag-PR, .flag-PS, .flag-PT, .flag-PW, .flag-PY, .flag-QA, .flag-RE, .flag-RO, .flag-RS, .flag-RU, .flag-RW, .flag-SA, .flag-SB, .flag-SC, .flag-SD, .flag-SE, .flag-SG, .flag-SH, .flag-SI, .flag-SJ, .flag-SK, .flag-SL, .flag-SM, .flag-SN, .flag-SO, .flag-SOUTH-OSSETIA, .flag-SR, .flag-SS, .flag-ST, .flag-SV, .flag-SY, .flag-SZ, .flag-TC, .flag-TD, .flag-TF, .flag-TG, .flag-TH, .flag-TJ, .flag-TK, .flag-TL, .flag-TM, .flag-TN, .flag-TO, .flag-TR, .flag-TT, .flag-TV, .flag-TW, .flag-TZ, .flag-UA, .flag-UG, .flag-UM, .flag-US, .flag-UY, .flag-UZ, .flag-VA, .flag-VC, .flag-VE, .flag-VG, .flag-VI, .flag-VN, .flag-VU, .flag-WF, .flag-WS, .flag-YE, .flag-YT, .flag-ZA, .flag-ZM, .flag-ZW { background: url("/local/front/files/img/flags.png") no-repeat 0 9px; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; *display: inline; zoom: 2; vertical-align: baseline; overflow: hidden; width: 16px; height: 9px; font-size: 0; line-height: 0; margin: 0; padding: 0; }
.flag-ABKHAZIA { background-position: 0 0px; }
.flag-AD { background-position: 0 -9px; }
.flag-AE { background-position: 0 -18px; }
.flag-AF { background-position: 0 -27px; }
.flag-AG { background-position: 0 -36px; }
.flag-AI { background-position: 0 -45px; }
.flag-AL { background-position: 0 -54px; }
.flag-AM { background-position: 0 -63px; }
.flag-AN { background-position: 0 -72px; }
.flag-AO { background-position: 0 -81px; }
.flag-AQ { background-position: 0 -90px; }
.flag-AR { background-position: 0 -99px; }
.flag-AS { background-position: 0 -108px; }
.flag-AT { background-position: 0 -117px; }
.flag-AU { background-position: 0 -126px; }
.flag-AW { background-position: 0 -135px; }
.flag-AX { background-position: 0 -144px; }
.flag-AZ { background-position: 0 -153px; }
.flag-BA { background-position: 0 -162px; }
.flag-BB { background-position: 0 -171px; }
.flag-BD { background-position: 0 -180px; }
.flag-BE { background-position: 0 -189px; }
.flag-BF { background-position: 0 -198px; }
.flag-BG { background-position: 0 -207px; }
.flag-BH { background-position: 0 -216px; }
.flag-BI { background-position: 0 -225px; }
.flag-BJ { background-position: 0 -234px; }
.flag-BL { background-position: 0 -243px; }
.flag-BM { background-position: 0 -252px; }
.flag-BN { background-position: 0 -261px; }
.flag-BO { background-position: 0 -270px; }
.flag-BR { background-position: 0 -279px; }
.flag-BS { background-position: 0 -288px; }
.flag-BT { background-position: 0 -297px; }
.flag-BV { background-position: 0 -306px; }
.flag-BW { background-position: 0 -315px; }
.flag-BY { background-position: 0 -324px; }
.flag-BZ { background-position: 0 -333px; }
.flag-CA { background-position: 0 -342px; }
.flag-CC { background-position: 0 -351px; }
.flag-CD { background-position: 0 -360px; }
.flag-CF { background-position: 0 -369px; }
.flag-CG { background-position: 0 -378px; }
.flag-CH { background-position: 0 -387px; }
.flag-CI { background-position: 0 -396px; }
.flag-CK { background-position: 0 -405px; }
.flag-CL { background-position: 0 -414px; }
.flag-CM { background-position: 0 -423px; }
.flag-CN { background-position: 0 -432px; }
.flag-CO { background-position: 0 -441px; }
.flag-CR { background-position: 0 -450px; }
.flag-CU { background-position: 0 -459px; }
.flag-CV { background-position: 0 -468px; }
.flag-CX { background-position: 0 -477px; }
.flag-CY { background-position: 0 -486px; }
.flag-CZ { background-position: 0 -495px; }
.flag-DE { background-position: 0 -504px; }
.flag-DJ { background-position: 0 -513px; }
.flag-DK { background-position: 0 -522px; }
.flag-DM { background-position: 0 -531px; }
.flag-DO { background-position: 0 -540px; }
.flag-DZ { background-position: 0 -549px; }
.flag-EC { background-position: 0 -558px; }
.flag-EE { background-position: 0 -567px; }
.flag-EG { background-position: 0 -576px; }
.flag-EH { background-position: 0 -585px; }
.flag-ER { background-position: 0 -594px; }
.flag-ES-CE { background-position: 0 -603px; }
.flag-ES-ML { background-position: 0 -612px; }
.flag-ES { background-position: 0 -621px; }
.flag-ET { background-position: 0 -630px; }
.flag-EU { background-position: 0 -639px; }
.flag-FI { background-position: 0 -648px; }
.flag-FJ { background-position: 0 -657px; }
.flag-FK { background-position: 0 -666px; }
.flag-FM { background-position: 0 -675px; }
.flag-FO { background-position: 0 -684px; }
.flag-FR { background-position: 0 -693px; }
.flag-GA { background-position: 0 -702px; }
.flag-GB { background-position: 0 -711px; }
.flag-GD { background-position: 0 -720px; }
.flag-GE { background-position: 0 -729px; }
.flag-GF { background-position: 0 -738px; }
.flag-GG { background-position: 0 -747px; }
.flag-GH { background-position: 0 -756px; }
.flag-GI { background-position: 0 -765px; }
.flag-GL { background-position: 0 -774px; }
.flag-GM { background-position: 0 -783px; }
.flag-GN { background-position: 0 -792px; }
.flag-GP { background-position: 0 -801px; }
.flag-GQ { background-position: 0 -810px; }
.flag-GR { background-position: 0 -819px; }
.flag-GS { background-position: 0 -828px; }
.flag-GT { background-position: 0 -837px; }
.flag-GU { background-position: 0 -846px; }
.flag-GW { background-position: 0 -855px; }
.flag-GY { background-position: 0 -864px; }
.flag-HK { background-position: 0 -873px; }
.flag-HM { background-position: 0 -882px; }
.flag-HN { background-position: 0 -891px; }
.flag-HR { background-position: 0 -900px; }
.flag-HT { background-position: 0 -909px; }
.flag-HU { background-position: 0 -918px; }
.flag-IC { background-position: 0 -927px; }
.flag-ID { background-position: 0 -936px; }
.flag-IE { background-position: 0 -945px; }
.flag-IL { background-position: 0 -954px; }
.flag-IM { background-position: 0 -963px; }
.flag-IN { background-position: 0 -972px; }
.flag-IO { background-position: 0 -981px; }
.flag-IQ { background-position: 0 -990px; }
.flag-IR { background-position: 0 -999px; }
.flag-IS { background-position: 0 -1008px; }
.flag-IT { background-position: 0 -1017px; }
.flag-JE { background-position: 0 -1026px; }
.flag-JM { background-position: 0 -1035px; }
.flag-JO { background-position: 0 -1044px; }
.flag-JP { background-position: 0 -1053px; }
.flag-KE { background-position: 0 -1062px; }
.flag-KG { background-position: 0 -1071px; }
.flag-KH { background-position: 0 -1080px; }
.flag-KI { background-position: 0 -1089px; }
.flag-KM { background-position: 0 -1098px; }
.flag-KN { background-position: 0 -1107px; }
.flag-KOSOVO { background-position: 0 -1116px; }
.flag-KP { background-position: 0 -1125px; }
.flag-KR { background-position: 0 -1134px; }
.flag-KW { background-position: 0 -1143px; }
.flag-KY { background-position: 0 -1152px; }
.flag-KZ { background-position: 0 -1161px; }
.flag-LA { background-position: 0 -1170px; }
.flag-LB { background-position: 0 -1179px; }
.flag-LC { background-position: 0 -1188px; }
.flag-LI { background-position: 0 -1197px; }
.flag-LK { background-position: 0 -1206px; }
.flag-LR { background-position: 0 -1215px; }
.flag-LS { background-position: 0 -1224px; }
.flag-LT { background-position: 0 -1233px; }
.flag-LU { background-position: 0 -1242px; }
.flag-LV { background-position: 0 -1251px; }
.flag-LY { background-position: 0 -1260px; }
.flag-MA { background-position: 0 -1269px; }
.flag-MC { background-position: 0 -1278px; }
.flag-MD { background-position: 0 -1287px; }
.flag-ME { background-position: 0 -1296px; }
.flag-MF { background-position: 0 -1305px; }
.flag-MG { background-position: 0 -1314px; }
.flag-MH { background-position: 0 -1323px; }
.flag-MK { background-position: 0 -1332px; }
.flag-ML { background-position: 0 -1341px; }
.flag-MM { background-position: 0 -1350px; }
.flag-MN { background-position: 0 -1359px; }
.flag-MO { background-position: 0 -1368px; }
.flag-MP { background-position: 0 -1377px; }
.flag-MQ { background-position: 0 -1386px; }
.flag-MR { background-position: 0 -1395px; }
.flag-MS { background-position: 0 -1404px; }
.flag-MT { background-position: 0 -1413px; }
.flag-MU { background-position: 0 -1422px; }
.flag-MV { background-position: 0 -1431px; }
.flag-MW { background-position: 0 -1440px; }
.flag-MX { background-position: 0 -1449px; }
.flag-MY { background-position: 0 -1458px; }
.flag-MZ { background-position: 0 -1467px; }
.flag-NA { background-position: 0 -1476px; }
.flag-NC { background-position: 0 -1485px; }
.flag-NE { background-position: 0 -1494px; }
.flag-NF { background-position: 0 -1503px; }
.flag-NG { background-position: 0 -1512px; }
.flag-NI { background-position: 0 -1521px; }
.flag-NKR { background-position: 0 -1530px; }
.flag-NL { background-position: 0 -1539px; }
.flag-NO { background-position: 0 -1548px; }
.flag-NP { background-position: 0 -1557px; }
.flag-NR { background-position: 0 -1566px; }
.flag-NU { background-position: 0 -1575px; }
.flag-NZ { background-position: 0 -1584px; }
.flag-OM { background-position: 0 -1593px; }
.flag-PA { background-position: 0 -1602px; }
.flag-PE { background-position: 0 -1611px; }
.flag-PF { background-position: 0 -1620px; }
.flag-PG { background-position: 0 -1629px; }
.flag-PH { background-position: 0 -1638px; }
.flag-PK { background-position: 0 -1647px; }
.flag-PL { background-position: 0 -1656px; }
.flag-PM { background-position: 0 -1665px; }
.flag-PN { background-position: 0 -1674px; }
.flag-PR { background-position: 0 -1683px; }
.flag-PS { background-position: 0 -1692px; }
.flag-PT { background-position: 0 -1701px; }
.flag-PW { background-position: 0 -1710px; }
.flag-PY { background-position: 0 -1719px; }
.flag-QA { background-position: 0 -1728px; }
.flag-RE { background-position: 0 -1737px; }
.flag-RO { background-position: 0 -1746px; }
.flag-RS { background-position: 0 -1755px; }
.flag-RU { background-position: 0 -1764px; }
.flag-RW { background-position: 0 -1773px; }
.flag-SA { background-position: 0 -1782px; }
.flag-SB { background-position: 0 -1791px; }
.flag-SC { background-position: 0 -1800px; }
.flag-SD { background-position: 0 -1809px; }
.flag-SE { background-position: 0 -1818px; }
.flag-SG { background-position: 0 -1827px; }
.flag-SH { background-position: 0 -1836px; }
.flag-SI { background-position: 0 -1845px; }
.flag-SJ { background-position: 0 -1854px; }
.flag-SK { background-position: 0 -1863px; }
.flag-SL { background-position: 0 -1872px; }
.flag-SM { background-position: 0 -1881px; }
.flag-SN { background-position: 0 -1890px; }
.flag-SO { background-position: 0 -1899px; }
.flag-SOUTH-OSSETIA { background-position: 0 -1908px; }
.flag-SR { background-position: 0 -1917px; }
.flag-SS { background-position: 0 -1926px; }
.flag-ST { background-position: 0 -1935px; }
.flag-SV { background-position: 0 -1944px; }
.flag-SY { background-position: 0 -1953px; }
.flag-SZ { background-position: 0 -1962px; }
.flag-TC { background-position: 0 -1971px; }
.flag-TD { background-position: 0 -1980px; }
.flag-TF { background-position: 0 -1989px; }
.flag-TG { background-position: 0 -1998px; }
.flag-TH { background-position: 0 -2007px; }
.flag-TJ { background-position: 0 -2016px; }
.flag-TK { background-position: 0 -2025px; }
.flag-TL { background-position: 0 -2034px; }
.flag-TM { background-position: 0 -2043px; }
.flag-TN { background-position: 0 -2052px; }
.flag-TO { background-position: 0 -2061px; }
.flag-TR { background-position: 0 -2070px; }
.flag-TT { background-position: 0 -2079px; }
.flag-TV { background-position: 0 -2088px; }
.flag-TW { background-position: 0 -2097px; }
.flag-TZ { background-position: 0 -2106px; }
.flag-UA { background-position: 0 -2115px; }
.flag-UG { background-position: 0 -2124px; }
.flag-UM { background-position: 0 -2133px; }
.flag-US { background-position: 0 -2142px; }
.flag-UY { background-position: 0 -2151px; }
.flag-UZ { background-position: 0 -2160px; }
.flag-VA { background-position: 0 -2169px; }
.flag-VC { background-position: 0 -2178px; }
.flag-VE { background-position: 0 -2187px; }
.flag-VG { background-position: 0 -2196px; }
.flag-VI { background-position: 0 -2205px; }
.flag-VN { background-position: 0 -2214px; }
.flag-VU { background-position: 0 -2223px; }
.flag-WF { background-position: 0 -2232px; }
.flag-WS { background-position: 0 -2241px; }
.flag-YE { background-position: 0 -2250px; }
.flag-YT { background-position: 0 -2259px; }
.flag-ZA { background-position: 0 -2268px; }
.flag-ZM { background-position: 0 -2277px; }
.flag-ZW { background-position: 0 -2286px; }
/* End */
/* Start:/local/templates/new/template_styles.css?17550020003854*/
.data_mobile{
display: flex;
}
.data_mobile a{
margin-left: 10px;
}
.deliv_ya{
letter-spacing: 0.28px;
line-height: 22px;
}
@media screen and (max-width: 767px){
.deliv_ya{
font-size: 14px;
}
}
/*-----*/
/*это затемнение экрана при вызове формы*/
.modal_background_8{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1500;
background: rgba(0,0,0,0.6);
display: none;
flex-direction: column;
align-items: center;
justify-content: center;
}
/*это контейнер самой формы*/
.modal_form_8, .modal_form_9{
background: #ffffff;
border-radius: 2px;
width: 450px;
display: none;
max-width: 100%;
/* position: fixed;*/
position: absolute;
left: 50%;
top: 25px;
margin-left: -200px;
z-index: 1550;
}
.modal_form_9{
border: 2px solid #22AAB9;
}
/*это кнопка для закрытия формы*/
a.close_form{
position: absolute;
right: 30px;
top: 40px;
z-index: 5;
background-image: url(/local/front/files/img/close_black.svg);
background-repeat: no-repeat;
background-size: contain;
width: 20px;
height: 20px;
}
.answer{
/*display: none;*/
display: block;
margin-top: 90px;
padding: 20px 20px;
font-size: 20px;
}
form[name='SIMPLE_FORM_8'], form[name='modal_coupon_check']{
width: 450px;
padding: 30px;
background: #fff;
z-index: 1550;
text-align: center;
color: #000;
font-family: 'HeliosCond', sans-serif;
border: 2px solid #22AAB9;
font-size: 20px;
}
form[name='SIMPLE_FORM_8'] span, form[name='modal_coupon_check'] span{
font-family: 'Ubuntu', sans-serif;
letter-spacing: 0.02em;
font-size: 14px;
line-height: 130%;
font-weight: 400;
color: #414141;
}
form[name='SIMPLE_FORM_8'] input, form[name='modal_coupon_check'] input{
max-width: 100%;
height: 30px;
}
form div.logo_in_form{
width: 40%;
height: 150px;
background-image: url(/local/front/files/img/logo.png);
background-repeat: no-repeat;
background-size: contain;
margin: 5px auto;
}
.checkbox_contract{
font-size: 16px;
}
.checkbox_contract input{
float: left;
width: 21px;
height: 21px;
}
.checkbox_contract label{
display: none;
}
.checkbox_contract a{
font-weight: bold;
color: #22AAB8;
}
.button_form_8{
height: 70px!important;
background-color: #22AAB8;
color: white;
border: none;
font-weight: 300;
font-size: 18px;
line-height: 80px;
transition: background-color .3s;
width: 100%;
max-width: 415px;
text-align: center;
text-transform: uppercase;
border-radius: 5px;
cursor: pointer;
}
@media screen and (max-width: 767px){
.modal_form_8, .modal_form_9{
width: 90%;
left: 5%;
margin-left: 0px;
padding: 0px;
top: 10px;
}
form[name='SIMPLE_FORM_8'],form[name='modal_coupon_check']{
width: 100%;
font-size: 14px;
}
.checkbox_contract{
font-size: 12px;
}
form div.logo_in_form{
height: 90px;
}
.button_form_8{
height: 50px!important;
line-height: 50px;
font-size: 14px;
}
}
/* End */
/* /local/front/files/css/normalize.css?17550020006138 */
/* /local/front/files/fancybox/jquery.fancybox.min.css?175500200012795 */
/* /local/front/files/slick/slick.css?17550020001776 */
/* /local/templates/new/public/js/arcticmodal/jquery.arcticmodal-0.3.css?1755002000647 */
/* /local/front/files/css/main.css?1755002000142784 */
/* /local/templates/new/public/css/custom.css?175500200018998 */
/* /local/front/files/css/flags.css?175500200015154 */
/* /local/templates/new/template_styles.css?17550020003854 */