/* Start:/local/templates/main/makeup/css/normalize.css?16667986227365*/
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
 */

html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */

article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */

template, /* 1 */
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 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 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * 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;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * 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;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 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 */
}

/* Forms
   ========================================================================== */

/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */

optgroup {
  font-weight: bold;
}

/**
 * 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;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * 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;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 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 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

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 and cancel buttons in Chrome and Safari on OS X.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 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 */
}

/* End */


/* Start:/local/templates/main/makeup/css/base.css?17886807725382*/
@charset "UTF-8";
/*baisic*/
html{
  -webkit-locale: "ru-RU";
  direction: ltr;
  unicode-bidi: isolate;
  min-height: 100%;
}
html, body{
  min-height: 100%;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
}
body{
  font: 400 16px/1.2 'Nunito', sans-serif;
  color: #000;
  background: #fff;
  min-width: 310px; 
  min-height: 100%;
  position: relative;
  overflow-x: hidden;
  opacity: 1;
  -moz-font-feature-settings: 'kern';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none;
}

/*clearfix*/
.clearfix{zoom: 1;}
.clearfix::before,
.clearfix::after{
  content: '';
  display: table;
}
.clearfix::after{clear: both;}

/*visually hidden*/
.visually-hidden{
  position: absolute;
  visibility: 1px;
  height: 1px;
  margin: -1px;
  border: none;
  padding: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}

/*box-sizing*/
*, *:before, *:after, input[type="search"]{
  box-sizing: border-box;
}

/*buttons*/
.btn{
  display: block;
  padding: 0;
  outline: 0!important;
  outline-color: transparent!important;
  outline-width: 0!important;
  outline-style: none!important;
  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
  border: none;
  background: none;
  box-shadow: none;
  transition: .25s ease;  
  cursor: pointer;
  border-radius: 0;
  white-space: nowrap;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.btn::-moz-focus-inner {border: 0;}
.btn:disabled {
  cursor: default;
  opacity: 1;
  user-select: none;	
}
.btn--lightgreen{
  display: inline-block;
  padding: 15px 30px 18px;
  background: rgba(0, 175, 50, .15);
  border-radius: 3px;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #006F20;
}
.btn--lightgreen:hover{background: rgba(0, 175, 50, .24);}
.btn--green{
  height: 60px;
  background: #007A23;
  border-radius: 5px;
  line-height: 60px;
  padding: 0 42px;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
}
.btn--green:hover{background-color: #00661D;}
.btn--orange{
  height: 40px;
  background: #A34800;
  border-radius: 4px;
  line-height: 40px;
  padding: 0 20px;
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  position: relative;
  z-index: 2;
}
.btn--orange:hover{background-color: #8F4300;}

/*layout*/
.wrapper{
  width: 100%;
  min-height: 100vh;
  position: relative;	
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-direction: column;
}
.wrapper > *{width: 100%;}
.main{flex-grow: 1;}
.container{
  margin: 0 auto;
  padding: 0 50px;
  max-width: 1920px;
  width: 100%;
}
@media only screen and (max-width : 1399px){
  .container{padding: 0 20px;}
}
@media only screen and (max-width : 767px){
  .container{padding: 0 15px;}
}
/*typographyc*/
ol,ul,li,h1,h2,h3,h4,h5,h6,p,q,figure,figcaption,blockquote,cite,fieldset,hr{    
  margin:0;
  padding: 0;    
  border: none;
}
ul li, ol li{list-style: none;}
a{
  text-decoration: none;
  outline: none;
  transition: .25s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:-moz-any-link:focus ,
a:-moz-focusring,
a::-moz-focus-inner,
a::-moz-focus-outer{
  outline: 0!important;
  outline: none;
}
a:active {outline: none;}
a[href^="tel:"],
a[href^="mailto:"]{white-space: nowrap;}
img{
  display: block;
  max-width: 100%;
  height: auto;
}
.sec-title{
  font-weight: 600;
  font-size: 50px;
  line-height: 59px;
}
.sec-title span{color: #FFAA46;}
.sec-subtitle{
  font-weight: 600;
  font-size: 36px;
  line-height: 42px;
}
.grey-sec{
  background-color: #F5F5F5;
  padding: 70px 0 84px;
}
@media only screen and (max-width : 1549px){
  .sec-title{
    font-size: 40px;
    line-height: 47px;
  }
}
@media only screen and (max-width : 767px){
  .sec-title{
    font-size: 26px;
    line-height: 31px;
  }
  .sec-subtitle{
    font-size: 26px;
    line-height: 31px;
  }
}

.sec-txt{
  font-weight: 300;
  font-size: 20px;
  line-height: 165%;
  opacity: .7;
}
@media only screen and (max-width : 1549px){
  .sec-txt{font-size: 17px;}
}
@media only screen and (max-width : 767px){
  .sec-txt{font-size: 15px;}
}

/*form*/
.input{
  display: block;
  width: 100%;
  outline: none;
  border: none;
  background: #F5F5F5;
  transition: .25s ease;  
  padding: 0 16px;
  box-shadow: none;
  -webkit-appearance: none;
  border-radius: 3px;
  color: #3E3E3E;
  font-size: 14px;
  color: #000;
  height: 40px;
}
.input::-webkit-input-placeholder{opacity: .7; color: #000;}
.input::-moz-placeholder{opacity: .7; color: #000;}
.input:-moz-placeholder{opacity: .7; color: #000;}
.input:-ms-input-placeholder{opacity: .7; color: #000;}
.input:placeholder{opacity: .7;color: #000;}
.input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 100px #F5F5F5 !important;
  -webkit-text-fill-color: #000 !important;
  color: #000 !important;
}
.input.error{
  border: 1px solid #E65656;
  background-color: #fff;
}
.input:focus:required:valid,
.textarea:focus:required:invalid{color: #000;}
.input:required:valid,
.textarea:required:valid{color: #000;}
.textarea{
  height: 180px;
  padding: 12px 16px;
  resize: none;
}
.form__label{
  display: block;
  position: relative;
}
.form__label-error{
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 6px;
  color: #E55656;
  font-size: 14px;
}
.form__label-title{
  display: block;
  margin-bottom: 3px;
  font-size: 14px;
  line-height: 28px;
}
.form__label-title span{color: #F51700;}

/* End */


/* Start:/local/templates/main/makeup/css/fancybox.css?166679862215598*/
.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}
/* End */


/* Start:/local/templates/main/makeup/css/swiper-bundle.min.css?166679862216466*/
/**
 * Swiper 8.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 13, 2022
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */


/* Start:/local/templates/main/makeup/css/main.css?1788680773102802*/
.header{
  background: #fff;
  box-shadow: 0 10px 50px rgba(0, 0, 0, .05);
  position: relative;
  z-index: 10;
}
.header-top{background-color: #F3F3F3;}
.header-top__wrap{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 44px;
}
.header-top-nav ul{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.header-top-nav ul li{margin-right: 50px;}
.header-top-nav ul li a{
  font-size: 15px;
  line-height: 20px;
  white-space: nowrap;
  color: #747271;
  display: flex;
  align-items: center;
}
.header-top-nav ul li a:hover{color: #000;}
.header-top-nav ul li a img{margin-right: 6px;}
.header-top-nav ul li a img + span{color: #00AF32;}
.header-top__bar{
  flex-grow: 1;
  max-width: 350px;
}
.header-top__bar ul{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-top__bar ul li a{
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: #000;
}
.header-top__bar ul li a img{margin-right: 12px;}
.header-top__bar ul li a span{
  display: block;
  min-width: 21px;
  line-height: 21px;
  text-align: center;
  padding: 0 2px;
  border-radius: 12px;
  background-color: #F51700;
  font-weight: 600;
  font-size: 13px;
  color: #fff;
  margin-right: 11px;
}

.header-middle{border-bottom: 1px solid #F2F2F2;}
.header-middle__wrap{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;  
}
.header-logo{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 16px;
  line-height: 24px;
}
.header-logo a{
  display: block;
  width: 150px;
  margin-right: 80px;
}
.header-contacts{
  text-align: right;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}
.header-contacts__tel{
  display: flex;
  align-items: center;
  margin-bottom: 3px;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: .05em;
  color: #1A1818;
}
.header-contacts__tel img{margin-right: 9px;}
.header-order{
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-align: right;
  color: #00AF32;
}
.header-order:hover{text-decoration: underline;}
.header-banner,
.header-banners{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.header-banner:not(:last-child){margin-right: 90px;}
.header-banner{
  width: 250px;
  background: #fff;
  border: 1px solid #E9E9E9;
  border-radius: 100px;
  height: 60px;
  font-size: 15px;
  line-height: 18px;
  text-align: left;
  color: #000;
  padding: 0 24px 0 75px;
  position: relative;
}
.header-banner:hover{border-color: #747271;}
.header-banner img{
  position: absolute;
  bottom: -1px;
  left: -1px;
  width: 61px;
}
.header-bottom__wrap{
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-catalog{
  flex-grow: 1;
  max-width: 1310px;
  margin-right: 80px;
}
.header-catalog > ul{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-catalog > ul > li{position: relative;}
.header-catalog > ul > li a{
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #000;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.header-catalog > ul > li > a img{margin-right: 8px;}
.header-catalog > ul > li > a img + span{color: #00AF32;}
.header-catalog > ul > li > a span + img{margin: 12px;}
.header-catalog__drop{
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 24px;
  background-color: #fff;
  box-shadow: 0 10px 50px rgba(0, 0, 0, .05);
  z-index: 3;
}
.header-catalog__drop ul li:not(:last-child){margin-bottom: 16px;}
.header-catalog > ul > li:hover .header-catalog__drop{display: block;}
.search{
  position: relative;
  width: 214px;
}
.search__input{
  display: block;
  width: 100%;
  outline: none;
  border: none;
  background: #fff;
  transition: .25s ease;  
  padding: 0 22px 0 0;
  box-shadow: none;
  -webkit-appearance: none;
  border-radius: 0;
  color: #000;
  font-size: 18px;
  color: #000;
}
.search__input::-webkit-input-placeholder{opacity: 1; color: #747271;}
.search__input::-moz-placeholder{opacity: 1; color: #747271;}
.search__input:-moz-placeholder{opacity: 1; color: #747271;}
.search__input:-ms-input-placeholder{opacity: 1; color: #747271;}
.search__input:placeholder{opacity: 1;color: #747271;}
.search__input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 100px #fff !important;
  -webkit-text-fill-color: #000 !important;
  color: #000 !important;
}
.search__btn{
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.burger{display: none;}
@media only screen and (max-width : 1549px){
  .header-middle__wrap{padding: 24px 0;}
  .header-logo a{
    width: 128px;
    margin-right: 34px;
    font-size: 15px;
  }
  .header-banner:not(:last-child){margin-right: 60px;}
  .header-bottom__wrap{
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .header-catalog{margin-right: 60px;}
  .header-catalog > ul > li a{font-size: 17px;}
}
@media only screen and (max-width : 1399px){
  .header-banner:not(:last-child) {margin-right: 24px;}
  .header-logo a {
    margin-right: 24px;
    font-size: 15px;
  }
  .header-logo {
    font-size: 14px;
    line-height: 20px;
  }
  .header-top-nav ul li {margin-right: 24px;}
  .header-top__bar{flex-grow: unset;}
  .header-top__bar ul li{margin-left: 24px;}
  .header-catalog > ul > li a{font-size: 14px;}
}
@media only screen and (max-width : 1239px){
  .header-logo span{display: none;}
  .header-logo a{margin-right: 0;}
}
@media only screen and (max-width : 1199px){
  .header-bottom{display: none;}
  .header-contacts{
    position: absolute;
    top: 7px;
    left: 20px;
    flex-direction: row;
    align-items: center;
  }
  .header-contacts__tel {
    margin: 0 12px 0 0;
    font-size: 16px;
  }
  .header-order{font-size: 15px;}
  .header-top__wrap{justify-content: flex-end;}
  .header-top__wrap .header-top-nav{display: none;}
  .header-top__bar{flex-grow: 1;}
  .header-banner{
    width: 230px;
    height: 53px;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    padding: 0 24px 0 65px;
  }
  .header-banner img{width: 53px;}
  .burger{
    width: 53px;
    height: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E9E9E9;
    border-radius: 50%;
  }
}
@media only screen and (max-width : 767px){
  .header-top__bar{
    width: 100%;
    justify-content: space-between;
  }
  .header-top__bar ul li:first-child{margin-left: 0;}
  .header-order,
  .header .header-banners{display: none;}
  .header-middle__wrap{padding: 16px 0;}
  .header-contacts{
    position: static;
    order: -1;
  }
  .header-contacts__tel span{display: none;}
  .header-contacts__tel{
    width: 53px;
    height: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E9E9E9;
    border-radius: 50%;
    margin: 0;
  }
  .header-contacts__tel img{margin-right: 0;}
}

.mob-menu{display: none;}
@media only screen and (max-width : 1199px){
  .mob-menu__overlay{
    display: block;
    position: fixed;
    z-index: 990;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    min-height: 100vh;
    background: rgba(149, 149, 149, .5);
    backdrop-filter: blur(10px);
    display: none;
  }
  .mob-menu{
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    min-height: 100vh;
    width: 320px;
    background-color: #fff;    
    z-index: 999;
    transform: translateX(110%);
    transition: transform .25s linear;
  }
  .mob-menu.open{transform: translateX(0);}
  .mob-menu__close{
    position: absolute;
    top: 20px;
    right: 20px;
  }
  .mob-menu__wrap{
    width: 100%;
    height: 100vh;
    min-height: 100vh;
    overflow-y: auto;
    padding: 65px 40px 46px 28px;
  }
  .mob-menu__wrap::-webkit-scrollbar {width: 3px;}
  .mob-menu__wrap::-webkit-scrollbar-track {
    background: #D2D2D2;
    background-color: #D2D2D2;
    border: none;
    box-shadow: none;
    outline: none;
  }
  .mob-menu__wrap::-webkit-scrollbar-thumb {
    background: #00AF32;
    background-color: #00AF32;
    border-radius: 0;
    border: none;
  }
  .mob-menu__wrap::-webkit-scrollbar-thumb:hover {
    background: #00AF32;
    background-color: #00AF32;
  }  
  .mob-menu .header-banners{display: block;}
  .mob-menu .header-banner{margin: 30px 0 0;}
  .mob-menu .header-top-nav{
    padding-top: 36px;
    margin-bottom: 55px;
    border-top: 1px solid #E8E8E8;
  }
  .mob-menu .header-top-nav ul{display: block;}
  .mob-menu .header-top-nav ul li{margin-bottom: 30px;}
  .mob-menu .header-top-nav ul li a{
    font-size: 15px;
    line-height: 20px;
  }
  .mob-menu .header-catalog{margin: 0 0 36px;}
  .mob-menu .header-catalog ul{display: block;}
  .mob-menu .header-catalog > ul > li > a,
  .mob-menu .header-catalog > ul > li > div{
    display: flex;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
  }
  .mob-menu .header-catalog > ul > li > div img{margin-left: 8px;}
  .mob-menu .header-catalog > ul > li .header-catalog__drop{
    display: block;
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: auto;
    width: 320px;
    height: 100vh;
    min-height: 100vh;
    padding: 20px 28px;
    transform: translateX(110%);
    transition: transform .25s linear;
  }
  .mob-menu .header-catalog > ul > li .header-catalog__drop.open{transform: translateX(0);}
  .mob-menu .header-catalog > ul > li:hover .header-catalog__drop{display: block;}
  .header-catalog__back{
    display: block;
    margin-bottom: 32px;
  }
  .mob-menu .header-catalog > ul > li{margin-bottom: 30px;}
}

.footer{
  padding: 60px 0 67px;
  position: relative;
  z-index: 3;
  background-color: #fff;
}
.footer__wrap{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.footer__col{width: calc((100% - 72px) / 4);}
.footer__copyright{
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  opacity: .7;
}
.footer__politic{margin-bottom: 43px;}
.footer__email,
.footer__politic a{
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #007A23;
}
.footer__email:hover,
.footer__politic a:hover{text-decoration: underline;}
.footer__item:not(:last-child){margin-bottom: 42px;}
.footer__item-title{
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  opacity: .7;
}
.footer__payment{
  margin-top: 11px;
  width: 190px;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ECECEC;
  border-radius: 5px;
}
.footer__title{
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  font-size: 20px;
  line-height: 1;
  color: #000;
}
.footer__title--drop img{display: none;}
.footer__tel{
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  color: #000;
}
.footer__address{
  display: block;
  font-style: normal;
}
.footer-soc{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.footer-soc li:not(:last-child){margin-right: 18px;}
.footer__nav ul li:not(:last-child){margin-bottom: 33px;}
.footer__nav ul li a{
  font-size: 17px;
  line-height: 20px;
  color: #4D4D4D;
}
.footer__nav ul li a:hover{color: #000;}
@media only screen and (max-width : 1199px){
  .footer__wrap{flex-wrap: wrap;}
  .footer__col{width: calc(50% - 10px);}
  .footer__col:nth-child(1),
  .footer__col:nth-child(2){margin-bottom: 68px;}
}
@media only screen and (max-width : 767px){
  .footer__wrap{display: block;}
  .footer__col:nth-child(1),
  .footer__col:nth-child(2),
  .footer__col{
    width: 100%;
    margin: 0 auto 56px;
    max-width: 252px;
  }
  .footer__col:last-child{margin-bottom: 0;}
  .footer__title--drop img{
    display: block;
    transition: transform .25s;
  }
  .footer__title--drop.open img{transform: rotate(180deg);}
  .footer__nav{
    display: none;
    padding-bottom: 32px;
  }
  .footer__col:nth-child(3){
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 27px;
  }
  .footer{padding: 66px 0 27px;}
}

.hero{position: relative;}
.hero__picture{
  display: block;
  width: 100%;
}
.hero__picture img{
  display: block;
  width: 100%;
}
.hero__title{
  position: absolute;
  top: 57px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1266px;
  font-weight: 600;
  font-size: 60px;
  line-height: 71px;
  text-align: center;
}
@media only screen and (max-width : 1549px){
  .hero__title{
    max-width: 1156px;
    font-size: 50px;
    line-height: 59px;
    padding: 0 50px;
  }
}
@media only screen and (max-width : 1199px){
  .hero__title{
    max-width: 770px;
    font-size: 30px;
    line-height: 35px;
    padding: 0 20px;
    top: 30px;
  }
}
@media only screen and (max-width : 767px){
  .hero__title{
    max-width: 360px;
    font-size: 18px;
    line-height: 24px;
    padding: 0 15px;
    top: 14px;
  }
  .hero{
    height: 486px;
    overflow: hidden;
    display: flex;
    justify-content: center;
  }
  .hero__picture{
    flex: none;
    width: auto;
    height: 100%;
  }
  .hero img{
    height: 100%;
    width: auto;
    max-width: unset;
  }
}

.video-sec{margin: 92px 0;}
.video-sec__wrap{
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.video-sec__main,
.video-sec__video{width: calc(50% - 50px);}
.video-sec__video{
  position: relative;
  cursor: pointer;
}
.video-sec__pic{
  width: 100%;
  height: 100%;
  max-width: unset;
  object-fit: cover;
  overflow: hidden;
  border-radius: 4px;  
}
.video-sec__play{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.video-sec__main{
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-direction: column;  
}
.video-sec__txt{
  flex-grow: 1;
  margin: 18px 0 70px;
}
.video-sec__txt ul{
  margin-top: 45px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 100px;
  grid-row-gap: 32px;  
}
.video-sec__txt ul li{
  padding-left: 42px;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  background: url(/local/templates/main/makeup/css/../img/yellow-circle-check.svg) 0 0 no-repeat;
}
@media only screen and (max-width : 1549px){
  .video-sec__main,
  .video-sec__video{width: calc(50% - 25px);}
  .video-sec__txt ul{
    margin-top: 37px;
    grid-column-gap: 50px;
  }
  .video-sec__txt ul li{font-size: 17px;}
}
@media only screen and (max-width : 1199px){
  .video-sec__main,
  .video-sec__video{width: calc(50% - 10px);}
  .video-sec__txt ul{grid-column-gap: 20px;}
}
@media only screen and (max-width : 1024px){
  .video-sec__wrap{display: block;}
  .video-sec__main,
  .video-sec__video{width: 100%;}
  .video-sec{margin: 40px 0 70px;}
  .video-sec__pic{
    margin-top: 70px;
    height: auto;
    max-width: 100%;
  }
  .video-sec__main{display: block;}
  .video-sec__txt{margin: 30px 0 44px;}
  .video-sec__txt ul{margin-top: 37px;}
  .video-sec__txt ul li{font-size: 17px;}
}
@media only screen and (max-width : 767px){
  .video-sec{margin: 42px 0;}
  .video-sec__pic{margin-top: 43px;}
  .video-sec__play{width: 100px;}
  .video-sec__txt{margin: 14px 0 44px;}  
  .video-sec__txt ul{grid-template-columns: repeat(1, 1fr);}
}

.catalog-sec{margin: 92px 0 104px;}
.catalog-sec__wrap{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 30px;
  grid-template-rows: repeat(2, 1fr);
  grid-row-gap: 30px;  
}
.catalog-sec__wrap li{
  overflow: hidden;
  border-radius: 4px;
  position: relative;
}
.catalog-sec__wrap li a{
  display: block;
  width: 100%;
  padding-top: 132.36%;  
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
  color: #fff;
}
.catalog-sec__wrap li:nth-child(3) a,
.catalog-sec__wrap li:nth-child(4) a{padding-top: 63.47%;}
.catalog-sec__wrap li:nth-child(1),
.catalog-sec__wrap li:nth-child(2){grid-row: span 2;}
.catalog-sec__wrap li a::before{
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  height: 97px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: .5;
}
.catalog-sec__wrap li a span{
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 4;
  padding: 24px 30px;
}
.catalog-sec__wrap li a img{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  transform: translate(-50%, -50%);
  max-width: unset;
  object-fit: cover
}
@media only screen and (max-width : 1549px){
  .catalog-sec{margin: 92px 0 75px;}
  .catalog-sec__wrap{
    grid-column-gap: 24px;
    grid-row-gap: 24px;  
  }
  .catalog-sec__wrap li a{
    font-size: 22px;
    line-height: 28px;
  }
  .catalog-sec__wrap li a::before{height: 75px;}
  .catalog-sec__wrap li a span{padding: 22px 24px;}
}
@media only screen and (max-width : 991px){
  .catalog-sec{margin: 70px 0 62px;}
  .catalog-sec__wrap{
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;  
  }
  .catalog-sec__wrap li a{
    padding-top: 132.36% !important;  
    font-size: 22px;
    line-height: 28px;
  }
  .catalog-sec__wrap li:nth-child(1),
  .catalog-sec__wrap li:nth-child(2){grid-row: span 1;}
  .catalog-sec__wrap li a::before{height: 107px;}
  .catalog-sec__wrap li a span{padding: 16px 20px;}
}
@media only screen and (max-width : 767px){
  .catalog-sec{margin: 43px 0 62px;}
  .catalog-sec__wrap{
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 0;
    grid-row-gap: 15px;  
  }
}

.book{
  background-color: #6A272D;
  position: relative;
  z-index: 2;
}
.book__wrap{
  position: relative;
  padding: 66px 0 80px 607px;
}
.book__main{
  position: relative;
  z-index: 2;
}
.book__wrap::before{
  content: '';
  display: block;
  position: absolute;
  right: 100%;
  bottom: 0;
  top: 0;
  width: 50vw;
  background-color: #FFAA46;
  transform: skewX(-30deg);
  transform-origin: 100% 100%;
}
.book__pic{
  position: absolute;
  width: 592px;
  left: 45px;
  bottom: 54%;
  transform: translateY(50%);
}
.book__title{
  color: #fff;
  margin-bottom: 27px;
  font-weight: 500;
  font-size: 40px;
  line-height: 47px;
}
.book__title strong{
  color: #FFAA46;
  font-weight: 700;
  white-space: nowrap;
}
.book__form{max-width: 734px;}
.book__row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.book__row::before{
  content: '';
  display: block;
  position: absolute;
  top: 23px;
  left: 23px;
  z-index: 2;
  opacity: .3;
  background: url(/local/templates/main/makeup/css/../img/tel.svg) center center no-repeat;
  background-size: contain;
  width: 17px;
  height: 17px;
}
.book__input{
  display: block;
  outline: none;
  border: none;
  height: 60px;
  background: #fff;
  transition: .25s ease;  
  padding: 0 12px 0 65px;
  box-shadow: none;
  -webkit-appearance: none;
  border-radius: 5px;
  color: #000;
  font-size: 18px;
  flex-grow: 1;
  margin-right: 8px;
}
.book__input::-webkit-input-placeholder{opacity: .7; color: #000;}
.book__input::-moz-placeholder{opacity: .7; color: #000;}
.book__input:-moz-placeholder{opacity: .7; color: #000;}
.book__input:-ms-input-placeholder{opacity: .7; color: #000;}
.book__input:placeholder{opacity: .7;color: #000;}
.book__input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 100px #fff !important;
  -webkit-text-fill-color: #000 !important;
  color: #000 !important;
}
.book__input.error{background-color: rgba(245, 23, 0, 1);}
.book__input:focus:required:valid{color: #000;}
.book__input:required:valid{color: #000;}
.book__check{
  margin-top: 26px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.book__check-txt{
  font-size: 15px;
  line-height: 120%;
  color: #fff;
}
.book__check-txt a{color: #FFAA46;}
.book__check-txt a:hover{text-decoration: underline;}
.book__checkbox{
  margin-right: 12px;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.book__checkbox-cust{
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid #fff;
  cursor: pointer;
}
.book__checkbox-cust img{display: none;}
.book__checkbox input{display: none;}
.book__checkbox input:checked + .book__checkbox-cust{
  border-color: #00AF32;
  background-color: #00AF32;
}
.book__checkbox input:checked + .book__checkbox-cust img{display: block;}
@media only screen and (max-width : 1549px){
  .book__wrap{
    position: relative;
    padding: 66px 0 80px 454px;
  }
  .book__wrap::before{margin-right: 50px;}
  .book__pic{left: -68px;}
  .book__title{
    margin-bottom: 32px;
    font-size: 35px;
    line-height: 40px;
  }
}
@media only screen and (max-width : 1024px){
  .book__wrap{padding: 56px 0 56px 230px;}
  .book__wrap::before{margin-right: 10px;}
  .book__pic{
    width: 307px;
    left: -15px;
    bottom: 51%;
  }
  .book__title{
    margin-bottom: 25px;
    font-size: 30px;
    line-height: 35px;
    max-width: 390px;
  }
  .book__form{
    position: relative;
    z-index: 2;
  }
  .book__input{padding-left: 60px;}  
  .book__check{margin-top: 40px;}  
}
@media only screen and (max-width : 767px){
  .book__wrap{padding: 265px 0 43px;}
  .book__wrap::before{
    right: 50%;
    margin-right: 20px;
    transform-origin: 100% 0;
  }
  .book__pic{
    width: 307px;
    left: 50%;
    bottom: auto;
    top: -28px;
    transform: translateX(-40%);
  }
  .book__title{
    margin-bottom: 20px;
    font-size: 25px;
    line-height: 29px;
    max-width: unset;
  }
  .book__input{
    padding-left: 45px;
    margin: 0 0 8px;
    width: 100%;
  }  
  .book__check{margin-top: 30px;}  
  .book__row{display: block;}
  .book__row::before{
    left: 14px;
    top: 22px;
  }
  .book__submit{width: 100%;}
  .book__check{align-items: flex-start;}
  .book__check-txt{padding-top: 2px;}
}

.about-sec{
  background-color: #F3F3F3;
  padding: 100px 0;
}
.about-sec__wrap{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.about-sec__main{
  width: 607px;
  margin-top: -24px;
  padding-right: 100px;
  flex-shrink: 0;
}
.about-sec__tabs{
  margin: 20px 0 52px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 2px solid rgba(63, 0, 5, .3);
}
.about-sec__tab{
  position: relative;
  padding: 16px 0;
  margin-right: 66px;
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  color: #000;
}
.about-sec__tab:last-child{margin-right: 0;}
.about-sec__tab.active,
.about-sec__tab:hover{color: #00AF32;}
.about-sec__tab.active::after{
  content: '';
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #00AF32;
}
.about-sec__item{
  font-size: 18px;
  line-height: 33px;
  color: #000;
  opacity: .7;
}
.about-sec__video{
  flex-grow: 1;
  position: relative;
  display: block;
  overflow: hidden;
  height: 529px;
  cursor: pointer;
  border-radius: 4px;
}
.about-sec__pic{
  width: 100%;
  height: 100%;
  max-width: unset;
  object-fit: cover;
}
.about-sec__play{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 129px;
}
@media only screen and (max-width : 1549px){
  .about-sec{padding: 75px 0;}
  .about-sec__main{
    width: 454px;
    margin-top: -17px;
    padding-right: 44px;
  }
  .about-sec__tabs{margin: 12px 0 40px;}
  .about-sec__tab{
    padding: 12px 0;
    font-size: 16px;
    line-height: 19px;
  }
  .about-sec__item{
    font-size: 16px;
    line-height: 28px;
  }
  .about-sec__video{height: 421px;}
  .about-sec__play{width: 97px;}
}
@media only screen and (max-width : 1024px){
  .about-sec{padding: 57px 0 64px;}
  .about-sec__wrap{display: block;}
  .about-sec__main{
    width: 100%;
    margin-top: 0;
    padding-right: 0;
    margin-bottom: 36px;
  }
  .about-sec__video{height: 346px;}
}
@media only screen and (max-width : 767px){
  .about-sec{padding: 44px 0;}
  .about-sec__video{height: 157px;}
  .about-sec__play{width: 70px;}
  .about-sec__item{
    font-size: 16px;
    line-height: 28px;
  }
  .about-sec__tabs{margin: 14px 0 30px;}
  .about-sec__tab{
    padding: 12px 0;
    margin-right: 30px;
    font-size: 14px;
    line-height: 16px;
  }
}

.categorys-sec{margin: 86px 0 120px;}
.categorys-sec__wrap{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 60px;
  grid-template-rows: repeat(2, 1fr);
  grid-row-gap: 60px;  
}
.categorys-sec__wrap li{
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}
.categorys-sec__wrap li:first-child{grid-row: span 2;}
.categorys-sec__wrap li a{
  display: block;
  padding-top: 50.6%;  
}
.categorys-sec__wrap li a img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  max-width: unset;
  object-fit: cover;
}
.categorys-sec__wrap li a span{
  max-width: calc(100% - 120px);
  position: absolute;
  z-index: 2;
  bottom: 52px;
  left: 60px;
  background-color: rgba(0, 0, 0, .3);
  border-radius: 3px;
  padding: 15px 30px 18px;
  color: #fff;
  font-weight: 600;
  font-size: 22px;
  line-height: 26px;
}
@media only screen and (max-width : 1549px){
  .categorys-sec{margin: 110px 0;}
  .categorys-sec__wrap{
    grid-column-gap: 46px;
    grid-row-gap: 46px;  
  }
  .categorys-sec__wrap li a span{
    max-width: calc(100% - 96px);
    bottom: 27px;
    left: 48px;
  }
}
@media only screen and (max-width : 1199px){
  .categorys-sec__wrap{
    grid-column-gap: 24px;
    grid-row-gap: 24px;  
  }
  .categorys-sec__wrap li a span{
    max-width: calc(100% - 48px);
    bottom: 24px;
    left: 24px;
  }
}
@media only screen and (max-width : 991px){
  .categorys-sec{margin: 84px 0;}
  .categorys-sec__wrap{
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 0;
    grid-row-gap: 20px;  
  }
  .categorys-sec__wrap li:first-child{grid-row: span 1;}
  .categorys-sec__wrap li a{
    padding-top: 0;  
    height: 327px;
  }
  .categorys-sec__wrap li a span{
    max-width: calc(100% - 96px);
    bottom: 27px;
    left: 48px;
  }
}
@media only screen and (max-width : 767px){
  .categorys-sec{margin: 60px 0;}
  .categorys-sec__wrap{grid-row-gap: 16px;}
  .categorys-sec__wrap li a{height: 395px;}
  .categorys-sec__wrap li a span{
    max-width: calc(100% - 40px);
    bottom: 22px;
    left: 20px;
    font-size: 16px;
    line-height: 24px;
  }
}

.advantages{margin: 102px 0 86px;}
.advantages__list{
  margin-top: 37px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.advantages-item{width: calc((100% - 240px) / 4);}
.advantages-item__icn{margin-bottom: 25px;}
.advantages-item__title{
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 15px;
}
.advantages-item__txt{
  font-size: 15px;
  line-height: 24px;
  opacity: .7;
}
@media only screen and (max-width : 1549px){
  .advantages{margin: 74px 0 86px;}
  .advantages__list{margin-top: 50px;}
  .advantages-item{width: calc((100% - 72px) / 4);}
}
@media only screen and (max-width : 1023px){
  .advantages{margin: 60px 0;}
  .advantages__list{
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 56px;
    grid-row-gap: 56px;    
  }
  .advantages-item{width: 100%;}
}
@media only screen and (max-width : 767px){
  .advantages{margin: 54px 0;}
  .advantages__list{
    margin-top: 36px;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 0;
    grid-row-gap: 38px;    
  }
}

.banners{margin: 20px 0 102px;}
.banners__wrap{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 60px;
  grid-row-gap: 20px;  
  align-items: stretch;
}
.banner{
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  padding: 42px 42px 42px 220px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}
.banner__title{
  font-weight: 600;
  font-size: 28px;
  line-height: 33px;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}
.banner__subtitle{
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 23px;
  position: relative;
  z-index: 2;
}
.banner__txt{
  font-size: 18px;
  line-height: 26px;
  position: relative;
  z-index: 2;
  flex-grow: 1;
  margin-bottom: 36px;
}
.banner__txt strong{
  font-weight: 700;
  white-space: nowrap;
}
.banner--1{
  background-color: #CCEED6;
  color: #32513B;
}
.banner--2{
  background-color: #FFF1CE;
  color: #600A11;
}
.banner--3{
  background-color: #CCE6EE;
  color: #324251;
}
.banner--1__pic{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;  
}
.banner--1__pic img{
  width: 100%;
  height: 100%;
  max-width: unset;
  object-fit: cover;
}
.banner--2__pic{
  position: absolute;
  top: 0;
  left: 0;
  height: 262px;
}
.banner--2__pic img{height: 100%;}
.banner--2 .banner__title strong{color: #B42318;}
.banner__cards{
  display: flex;
  align-items: center;
  position: absolute;
  justify-content: space-between;
  bottom: 40px;
  left: 40px;
  width: 116px;
}
.banner--3__pic{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.banner--3__pic img{height: 100%;}
.banner__soc{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 20px;
  background-color: rgba(255, 255, 255, .6);
  border-radius: 5px;
  font-weight: 600;
  font-size: 26px;
  line-height: 31px;
  color: #000;
  padding: 16px 20px;
}
.banner__soc img{
  width: 50px;
  flex-shrink: 0;
  margin-right: 20px;
}
.banner__soc span{display: block;}
.banner__soc span span{
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #324251;
  opacity: .5;
}
.banner__socs{
  flex-grow: 1;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width : 1699px){
  .banners{margin: 24px 0 74px;}
  .banners__wrap{grid-column-gap: 34px;}
  .banner{padding: 32px 28px 24px 170px;}
  .banner__title{
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 16px;
  }
  .banner__subtitle{
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
  }
  .banner__txt{
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 30px;
  }
  .banner--2__pic{height: 204px;}
  .banner__cards{
    bottom: 30px;
    left: 30px;
    width: 90px;
  }
  .banner__card img{height: 32px;}
  .banner__soc{
    margin-top: 15px;
    font-size: 24px;
    line-height: 28px;
    padding: 9px 16px;
    max-width: 211px;
  }
  .banner__soc img{
    width: 39px;
    margin-right: 14px;
  }
  .banner__soc span span{
    font-size: 16px;
    line-height: 19px;
  }
}
@media only screen and (max-width : 1299px){
  .banners__wrap{grid-column-gap: 24px;}
  .banner{padding: 32px 24px 24px 150px;}
}
@media only screen and (max-width : 1199px){
  .banners{margin: 20px 0 62px;}
  .banners__wrap{
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 0;
  }
  .banner{
    width: 100%;
    height: 295px;
    padding: 34px 52px 38px 170px;
  }
  .banner__title{
    line-height: 1;
    margin-bottom: 18px;
  }
  .banner__subtitle{
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 24px;
  }
  .banner__txt{
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 24px;
  }
  .banner--1__pic img{width: auto;}
  .banner--2__pic{height: 205px;}
  .banner__cards{
    bottom: 30px;
    left: 30px;
    width: 90px;
  }
  .banner__socs{
    flex-grow: unset;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .banner__soc{
    margin-top: 0;
    margin-right: 24px;
    font-size: 24px;
    line-height: 28px;
    padding: 12px 20px;
  }
  .banner__soc img{
    width: 44px;
    margin-right: 16px;
  }
  .banner__soc span span{
    font-size: 16px;
    line-height: 19px;
  }  
}
@media only screen and (max-width : 767px){
  .banners{margin: 16px 0 54px;}
  .banners__wrap{grid-row-gap: 16px;}
  .banner{padding: 28px 24px 28px 130px;}
  .banner__title{
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 12px;
  }
  .banner__subtitle{
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 14px;
  }
  .banner__txt{
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 18px;
  }
  .banner--1__pic{height: 240px;}
  .banner--2__pic{
    height: 150px;
    top: 50%;
    transform: translateY(-50%);
  }
  .banner__cards{
    bottom: 23px;
    left: 23px;
    width: 70px;
  }
  .banner__card img{height: 26px;}
  .banner__socs{
    flex-grow: 1;
    display: block;
  }
  .banner__soc{
    margin-top: 12px;
    margin-right: 0;
    font-size: 20px;
    line-height: 24px;
    padding: 12px 14px;
    width: 175px;
    max-width: 100%;
  }
  .banner__soc img{
    width: 30px;
    margin-right: 12px;
  }
  .banner__soc span span{
    font-size: 14px;
    line-height: 16px;
  }  
}

.quote{margin: 117px 0 60px;}
.quote__wrap{
  position: relative;
  padding: 60px 60px 60px 774px;
  background-color: #F6F6F6;
  border-radius: 5px;
  min-height: 440px;
}
.quote__bg{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.quote__bg img{
  width: 100%;
  height: 100%;
  max-width: unset;
  object-fit: cover;
}
.quote__bg img:not(:first-child){display: none;}
.quote__fig{
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 480px;
}
.quote__main{
  max-width: 800px;
  padding-left: 75px;
  position: relative;
  z-index: 3;
}
.quote__main blockquote::before{
  content: '';
  display: block;
  background: url(/local/templates/main/makeup/css/../img/qute.svg) center center no-repeat;
  width: 45px;
  height: 38px;
  position: absolute;
  top: 0;
  left: 0;
}
.quote__main blockquote{
  display: block;
  margin-bottom: 24px;
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
}
.quote__main blockquote p:not(:last-child){margin-bottom: 40px;}
.quote__main cite{
  display: block;
  text-align: right;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
}
.quote__main cite span{
  display: block;
  margin-top: 2px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  opacity: .7;
}
@media only screen and (max-width : 1549px){
  .quote{margin: 100px 0 24px;}
  .quote__wrap{
    padding: 48px 40px 42px 574px;
    min-height: 342px;
  }
  .quote__bg img:first-child{display: none;}
  .quote__bg img:nth-child(2){display: block;}
  .quote__fig{width: 380px;}
  .quote__main{
    max-width: 624px;
    padding-left: 58px;
  }
  .quote__main blockquote::before{
    width: 35px;
    height: 29px;
    background-size: contain;
  }
  .quote__main blockquote{
    margin-bottom: 56px;
    font-size: 22px;
    line-height: 30px;
  }
  .quote__main blockquote p:not(:last-child){margin-bottom: 30px;}
}
@media only screen and (max-width : 1199px){
  .quote__wrap{padding-left: 474px;}
  .quote__main blockquote{margin-bottom: 32px;}
}
@media only screen and (max-width : 1099px){
  .quote__wrap{padding-left: 400px;}
}
@media only screen and (max-width : 1023px){
  .quote{margin: 62px 0 20px;}
  .quote__wrap{
    padding: 58px 40px 474px;
    min-height: 742px;
    background-color: #D9D9D9;
  }
  .quote__bg img:nth-child(2){display: none;}
  .quote__bg img:nth-child(3){display: block;}
  .quote__fig{width: 420px;}
  .quote__main{
    max-width: unset;
    padding-left: 58px;
  }
  .quote__main blockquote::before{
    width: 35px;
    height: 30px;
  }
  .quote__main blockquote{
    margin-bottom: 0;
    font-size: 22px;
    line-height: 30px;
  }
  .quote__main blockquote p{margin-bottom: 30px;}
}
@media only screen and (max-width : 767px){
  .quote{margin: 42px 0 16px;}
  .quote__wrap{
    padding: 32px 24px 524px;
    min-height: 852px;
    overflow: hidden;
  }
  .quote__bg img:nth-child(3){display: none;}
  .quote__bg img:nth-child(4){display: block;}
  .quote__fig{
    width: 500px;
    left: auto;
    right: 0;
  }
  .quote__main{padding: 44px 0 0;}
  .quote__main blockquote::before{
    width: 23px;
    height: 20px;
  }
  .quote__main blockquote{
    font-size: 17px;
    line-height: 25px;
  }
  .quote__main blockquote p{margin-bottom: 25px;}
  .quote__main cite{font-size: 16px;}
  .quote__main cite span{font-size: 13px;}
}

.leaders{margin: 104px 0 118px;}
.leaders__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 60px;
}
.leaders__nav{
  flex-grow: 1;
  max-width: 890px;
  margin-left: 40px;
}
.leaders__nav ul{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.leaders__nav ul li a{
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 17px;
  line-height: 20px;
  color: #000;
  white-space: nowrap;
  position: relative;
}
.leaders__nav ul li a:hover{color: #007A23;}
.leaders__nav ul li a.active{color: #007A23;}
.leaders__nav ul li a.active::before{
  content: '';
  display: block;
  background-color: #00AF32;
  position: absolute;
  bottom: -6px;
  left: 0;
  right: 0;
  height: 2px;
}
.leaders__nav ul li a img{margin-right: 5px;}
.leaders__nav ul li a img + span{color: #B42318;}
.leaders__wrap{
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
@media (min-width: 1200px) {
  .leaders__wrap .leaders__wrap-acc {
    width: calc(100% - 90px);
  }
}
.leaders__banners{
  width: calc((100% - 90px) / 4);
  flex-shrink: 0;
}
.leaders__list{
  flex-grow: 1;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-right: 30px;
  flex-wrap: wrap;
  gap: 40px 0;
}
.leaders__list > *{
  width: calc((100% - 60px) / 3);
}
.leaders__banner:not(:last-child){margin-bottom: 30px;}
.leaders-red{
  display: block;
  min-height: 380px;
  border-radius: 4px;
  overflow: hidden;
  background-color: #6A272D;
  color: #fff;
}
.leaders-red__img{
  height: 213px;
  overflow: hidden;
}
.leaders-red__img img{
  width: 100%;
  height: 100%;
  max-width: unset;
  object-fit: cover;
}
.leaders-red__main{padding: 21px 32px 32px;}
.leaders-red__txt{
  margin-bottom: 14px;
  font-weight: 600;
  font-size: 22px;
  line-height: 28px;
}
.leaders-red__txt strong{color: #FFAA46;}
.leaders-red__btn{
  display: inline-block;
  background: rgba(255, 170, 70, .15);
  border-radius: 4px;
  padding: 10px 19px 12px;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #FFAA46;
}
.leaders-green{
  background: url(/local/templates/main/makeup/css/../img/green-banner-min.png) center 0 no-repeat #187D35;
  background-size: 100% auto;
  border-radius: 4px;
  padding: 43px 34px 34px;
  text-align: center;
  color: rgba(255, 255, 255, .8);
  min-height: 380px;
  display: block;
  font-size: 16px;
  line-height: 22px;
}
.leaders-green__logo{
  width: 134px;
  height: 134px;
  margin: 0 auto 8px;
  border: 10px solid #fff;
  background-color: #FFAA46;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.leaders-green__logo img{
  width: 186px;
  max-width: unset;
}
.leaders-green__title{
  margin-bottom: 7px;
  font-weight: 600;
  font-size: 25px;
  line-height: 30px;
}
.leaders-green__title strong{
  color: #FFAA46;
  font-weight: 800;
}
.leaders__footer{
  margin-top: 70px;
  text-align: center;
}
.more{
  padding: 16px 50px 18px;
  border: 1px solid #DDDAD9;
  border-radius: 6px;
  font-size: 20px;
  line-height: 24px;
  color: #666;
  display: inline-block;
}
.more:hover{border-color: #666;}
@media only screen and (max-width : 1549px){
  .leaders{margin: 75px 0 100px;}
  .leaders__header{margin-bottom: 50px;}
  .leaders__nav{
    max-width: 735px;
    margin-left: 24px;
  }
  .leaders__nav ul li a{
    font-size: 15px;
    line-height: 18px;
  }
  .leaders__banners{width: calc((100% - 72px) / 4);}
  .leaders__list{margin-right: 24px;}
  .leaders__list > *{width: calc((100% - 48px) / 3); }
  .leaders__banner:not(:last-child){margin-bottom: 24px;}
  .leaders-red{min-height: 316px;}
  .leaders-red__img{height: 167px;}
  .leaders-red__main{padding: 16px 24px 24px;}
  .leaders-red__txt{
    font-size: 18px;
    line-height: 24px;
  }
  .leaders-green{
    padding: 34px 24px 32px;
    min-height: 316px;
    font-size: 14px;
    line-height: 20px;
  }
  .leaders-green__logo{
    width: 106px;
    height: 106px;
    margin: 0 auto 6px;
    border: 8px solid #fff;
  }
  .leaders-green__logo img{width: 146px;}
  .leaders-green__title{
    margin-bottom: 6px;
    font-size: 18px;
    line-height: 24px;
  }
  .leaders__footer{margin-top: 58px;}
}
@media only screen and (max-width : 1199px){
  .leaders__header{
    display: block;
    margin-bottom: 34px;
  }
  .leaders__nav{
    max-width: unset;
    margin: 28px 0 0;
  }
  .leaders__wrap{display: block;}
  .leaders__banners{
    width: 100%;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin-top: 46px;
  }
  .leaders__list{margin-right: 0;}
  .leaders__banner:not(:last-child){margin-bottom: 0;}
  .leaders__banner{width: calc(50% - 12px);}
  .leaders-red, .leaders-green{min-height: unset;}
  .leaders__footer{margin-top: 46px;}
}
@media only screen and (max-width : 991px){
  .leaders__list > *{width: calc(50% - 10px);}
  .leaders__list > *:last-child{display: none;}
  .leaders__banner{width: calc(50% - 10px);}
}
@media only screen and (max-width : 699px){
  .leaders{margin: 62px 0 42px;}
  .leaders__header{margin-bottom: 5px;}
  .leaders__nav ul{
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .leaders__nav ul li:not(:last-child){margin: 0 14px 24px 0;}
  .leaders__nav ul li a{
    font-size: 14px;
    line-height: 16px;
  }
  .leaders__list{display: block;}
  .leaders__list > *{
    width: 100%;
    margin-bottom: 42px;
  }
  .leaders__banners{display: block;}
  .leaders__banner{width: 100%;}
  .leaders-red{margin-bottom: 16px !important;}
}

.item{
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-direction: column;
  position: relative;
  height: 100%;
}
.item__img{
  position: relative;
  height: 610px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  overflow: hidden;
}
.item__img img{
  width: 100%;
  height: 100%;
  max-width: unset;
  object-fit: cover;
}
.item__img img:last-child{display: none;}
.item__hover{
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  z-index: 3;
}
.item__hover::before{
  content: '';
  display: block;
  height: 2px;
  border-radius: 1px;
  position: absolute;
  left: 4px;
  right: 4px;
  bottom: 4px;
  background-color: #00AF32;
  display: none;
}
.item__hover:hover::before{display: block;}
.item__hover--fst{left: 0;}
.item__hover--lst{right: 0;}
.item__hover--lst:hover ~ img:last-child{display: block;}
.item__hover--lst:hover ~ img:first-of-type{display: none;}
.item__discont{
  position: absolute;
  top: 16px;
  right: 22px;
  z-index: 8;
  width: 40px;
  height: 40px;
  user-select: none;
  pointer-events: none;
}
.item__main{
  width: 100%;
  flex-grow: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  padding-top: 18px;
}
.item__name{
  display: block;
  margin-bottom: 10px;
  flex-grow: 1;
  font-size: 17px;
  line-height: 24px;
  color: #000;
}
.item__prices{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.item__price{
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
  letter-spacing: .07em;
  color: #000;
  white-space: nowrap;
}
.item__price .currency{opacity: .4;}
.item__price-discont{
  margin-left: 16px;
  line-height: 24px;
  padding: 0 7px;
  background-color: #A34800;
  border-radius: 4px 0 0 4px;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  white-space: nowrap;
}
.item__oldprice{
  line-height: 24px;
  padding: 0 16px;
  border-radius: 0 4px 4px 0;
  font-weight: 500;
  font-size: 14px;
  color: #636363;
  background-color: #E8E8E8;
  position: relative;
  white-space: nowrap;
}
.item__oldprice span{color: #A8A8A8;}
.item__oldprice::after{
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 10px;
  right: 10px;
  height: 2px;
  margin-top: -1px;
  background-color: #A8A8A8;
}
.item__params{
  margin-top: 14px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 12px;
  gap: 20px;
}
.item__params-title{
  flex-shrink: 0;
  white-space: nowrap;
  line-height: 28px;
  font-size: 15px;
  color: #000;
  opacity: .7;
}
.item__params-list{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;  
}
.item__param{
  display: inline-block;
  margin-right: 7px;
  margin-bottom: 7px;
  padding: 6px 10px;
  white-space: nowrap;
  border: 1px solid #E2E2E2;
  border-radius: 4px;
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
  color: #000;
}
.item__param:last-child{margin-right: 0;}
.item__param:hover{border-color: #00AF32;}
.item__param.active{
  border-color: #007A23;
  background-color: #007A23;
  color: #fff;
}
.item .btn--green{
  display: inline-block;
  background-color: rgba(0, 175, 50, .15);
  width: auto;
  color: #006F20;
  padding: 10px 20px 12px;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  height: 40px;
}
.item .btn--green:hover{
  background-color: #007A23;
  color: #fff;
}
.item .btn--green.active{
  background-color: #007A23;
  color: #fff;
}
@media only screen and (max-width : 1549px){
  .item__img{height: 475px;}
  .item__discont{
    right: 16px;
    width: 37px;
    height: 37px;
  }
  .item__name{font-size: 15px;}
}
@media only screen and (max-width : 991px){
  .item__img{height: 529px;}
}
@media only screen and (max-width : 699px){
  .item__img{height: 493px;}
}

.breadcrumbs{
  margin: 20px 0 60px;
  font-size: 15px;
  line-height: 20px;
}
.breadcrumbs,
.breadcrumbs a,
.breadcrumbs span{color: #747271;}
.breadcrumbs a:hover{text-decoration: underline;}
@media only screen and (max-width : 991px){
  .breadcrumbs{
    margin: 32px 0 50px;
    font-size: 13px;
  }
}
@media only screen and (max-width : 767px){
  .breadcrumbs{margin: 26px 0;}
}

.page-header{margin: 50px 0 26px;}
.page-title{
  font-weight: 600;
  font-size: 40px;
  line-height: 47px;
}
@media only screen and (max-width : 991px){
  .page-header{margin: 50px 0 26px;}
}
@media only screen and (max-width : 767px){
  .page-header{margin: 26px 0;}
  .page-title{
    font-size: 26px;
    line-height: 31px;
  }
}

.catalog{margin-bottom: 110px;}
.catalog-nav{margin-bottom: 30px;}
.catalog-nav ul{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.catalog-nav ul li:not(:last-child){margin: 0 8px 16px 0;}
.catalog-nav ul li a{
  display: block;
  padding: 9px 16px 10px;
  border: 1px solid #E3E3E3;
  white-space: nowrap;
  border-radius: 16px;
  font-weight: 500;
  font-size: 14px;
  border-radius: 18px;
  color: #000;
}
.catalog-nav ul li a:hover{border-color: #00AF32;}
.catalog-nav ul li a.active{
  border-color: #007A23;
  background-color: #007A23;
  color: #fff;
}
.catalog-list{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: calc(100% + 30px);
  margin-left: -15px;
}
.catalog-list > *{
  width: calc((100% - 120px) / 4);
  margin: 0 15px 76px;
}
@media only screen and (max-width : 1549px){
  .catalog-list{
    width: calc(100% + 24px);
    margin-left: -12px;
  }
  .catalog-list > *{
    width: calc((100% - 96px) / 4);
    margin: 0 12px 76px;
  }
}
@media only screen and (max-width : 1199px){
  .catalog{margin-bottom: 78px;}
  .catalog-list > *{width: calc((100% - 72px) / 3);}
}
@media only screen and (max-width : 991px){
  .catalog-list{
    width: calc(100% + 20px);
    margin-left: -10px;
  }
  .catalog-list > *{
    width: calc((100% - 40px) / 2);
    margin: 0 10px 76px;
  }
}
@media only screen and (max-width : 699px){
  .catalog{margin-bottom: 74px;}
  .catalog-list{
    width: 100%;
    margin-left: 0;
  }
  .catalog-list > *{
    width: 100%;
    margin: 0 0 76px;
  }
}

.pagination{
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination a.pagination__back,
.pagination a.pagination__next{  
  padding: 13px 20px;
  color: #00AF32;
  width: auto;
}
.pagination__back svg{
  display: block;
  margin-right: 8px;
  fill: #00AF32;
}
.pagination__next svg{
  display: block;
  margin-left: 8px;
  fill: #00AF32;
}
a.pagination__back.disabled,
a.pagination__next.disabled{
  color: #7B7B7B;
  cursor: default;
}
a.pagination__back.disabled svg,
a.pagination__next.disabled svg{fill: #7B7B7B;}
.pagination a{
  display: flex;
  align-items: center;
  justify-content: center; 
  width: 48px;
  height: 48px;
  line-height: 46px;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  color: #000;
  border: 1px solid #E2E2E2;
  border-radius: 8px;
  margin: 0 6px;
}
.pagination a:not(.disabled):hover{border-color: #00AF32;}
.pagination a.active{
  border-color: #00AF32;
  background-color: #00AF32;
  color: #fff;
  cursor: default;
}
@media only screen and (max-width : 767px){
  .pagination a.pagination__back span,
  .pagination a.pagination__next span{display: none;}
  .pagination a.pagination__back, .pagination a.pagination__next{
    width: 40px;
    padding: 0;
  }
  .pagination__nex,
  .pagination__back svg{margin-right: 0;}
  .pagination__back,
  .pagination__next svg{margin-left: 0;}
  .pagination a{
    padding: 0;
    margin: 0 4px;
    width: 40px;
    height: 40px;
  }
}

.seo{margin: 110px 0 70px;}
.seo section:not(:last-child){margin-bottom: 90px;}
.seo section{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  font-weight: 300;
  font-size: 17px;
  line-height: 28px;
}
.seo section:nth-child(even){flex-direction: row-reverse;}
.seo section img{
  width: calc(50% - 62px);
  max-width: 608px;
  border-radius: 4px;
  flex-shrink: 0;
}
.seo section:nth-child(odd) img{margin-right: 74px;}
.seo section:nth-child(even) img{margin-left: 74px;}
.seo section h2{
  font-weight: 600;
  font-size: 40px;
  line-height: 47px;
  margin-bottom: 22px;
}
.seo section p:not(:last-child){margin-bottom: 28px;}
.seo section ul li{
  position: relative;
  padding-left: 21px;
  margin-bottom: 30px;
  color: rgba(0, 0, 0, .7);
}
.seo section ul li::before{
  content: '';
  display: block;
  position: absolute;
  border-radius: 50%;
  top: 10px;
  left: 0;
  width: 9px;
  height: 9px;
  background-color: #F51700;
}
@media only screen and (max-width : 991px){
  .seo{margin: 78px 0 67px;}
  .seo section:not(:last-child){margin-bottom: 58px;}
  .seo section{display: block;}
  .seo section img{
    width: 100%;
    max-width: unset;
    margin-bottom: 58px;
  }
  .seo section:nth-child(odd) img{margin-right: 0;}
  .seo section:nth-child(even) img{margin-left: 0;}
}
@media only screen and (max-width : 767px){
  .seo{margin: 74px 0 64px;}
  .seo section:not(:last-child){margin-bottom: 42px;}
  .seo section{
    font-size: 15px;
    line-height: 24px;
  }
  .seo section img{margin-bottom: 38px;}
  .seo section h2{
    font-size: 26px;
    line-height: 31px;
  }
  .seo section p:not(:last-child){margin-bottom: 24px;}
  .seo section ul li{
    font-size: 15px;
    line-height: 24px;
  }
  .seo section ul li::before{top: 8px;}
}

.detail__wrap{
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 50px;
}
.detail__gallery{
  width: calc(50% - 24px);
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-shrink: 0;
}
.detail__main{width: calc(50% - 24px);}
.gallery__carusel{
  width: 98px;
  height: 730px;
  margin-right: 46px;
  padding: 52px 0;
  flex-shrink: 0;
  position: relative;
}
.gallery__carusel .swiper-slide{
  width: 98px;
  height: 146px;
  max-height: 146px;
  border-radius: 4px;
  cursor: pointer;
  overflow: hidden;
}

.gallery__carusel-slide{
  width: 100%;
  height: 100%;
  max-width: unset;
  display: inline-flex;
}
.gallery__carusel-slide img{
  object-fit: cover;
}
.gallery__slider{flex-grow: 1;}
.gallery__slide{
  display: block;
  width: 100%;
  height: 730px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.gallery__carusel-slide--video::after,
.gallery__slide--video::after{
  content: '';
  display: block;
  background: url(/local/templates/main/makeup/css/../img/play-item.svg) center center no-repeat;
  background-size: contain;
  user-select: none;
  pointer-events: none;
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 36px;
  height: 36px;
}
.gallery__slide--video::after{
  width: 120px;
  height: 120px;
}
.gallery__slide img{
  height: 100%;
  max-width: unset;
  object-fit: cover;
  margin: auto;
  max-width: 100%;
}
.gallery__prev,
.gallery__next{
  position: absolute;
  left: 0;
  width: 100%;
  background-color: #fff;
  height: 38px;
  z-index: 5;
  border: 1px solid #DCDCDC;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: none;
  margin-top: 0;
}
.gallery__prev::after,
.gallery__next::after{display: none;}
.gallery__prev svg,
.gallery__next svg{
  stroke: #000;
  transition: .25s stroke;
}
.gallery__prev{top: 0;}
.gallery__next{
  top: auto;
  bottom: 0;
}
.gallery__prev:hover,
.gallery__next:hover{border-color: #00AF32;}
.gallery__prev:hover svg,
.gallery__next:hover svg{stroke: #00AF32;}
.swiper-slide-thumb-active .gallery__carusel-slide::before{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 4px;
  border: 1px solid #00AF32;
  box-shadow: 0 0 0 2px #fff inset;
}

.detail__title{
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 24px;
  line-height: 33px;
}
.detail__supbar{
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.detail__rviews{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  line-height: 20px;
  color: #747271;
}
.detail__rviews img{margin-right: 12px;}
.detail__rviews a{
  font-weight: 500;
  color: #000;
  text-decoration-line: underline;
  text-decoration-style: dotted;
}
.detail__rviews a:hover{ text-decoration-line: none;}
.detail__madein{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  line-height: 20px;
  color: #747271;
}
.detail__madein img{margin-right: 9px;}
.detail__prices{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 19px;
}
.detail__price{
  font-weight: 700;
  font-size: 35px;
  line-height: 41px;
  letter-spacing: .07em;
  color: #000;
  white-space: nowrap;
}
.detail__price span{opacity: .4;}
.detail__price-discont{
  margin-left: 24px;
  line-height: 28px;
  padding: 0 7px;
  background-color: #A34800;
  border-radius: 4px 0 0 4px;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  white-space: nowrap;
}
.detail__oldprice{
  line-height: 28px;
  padding: 0 18px;
  border-radius: 0 4px 4px 0;
  font-weight: 500;
  font-size: 14px;
  color: #636363;
  background-color: #E8E8E8;
  position: relative;
  white-space: nowrap;
}
.detail__oldprice:empty{display:none;}
.detail__oldprice span{color: #A8A8A8;}
.detail__oldprice::after{
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 10px;
  right: 10px;
  height: 1px;
  margin-top: -.5px;
  background-color: #A8A8A8;
}
.detail__spoiler{
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 28px;
}
.detail__subtitle{
  font-weight: 500;
  font-size: 17px;
  line-height: 20px;
  flex-shrink: 0;
}
.detail__options table{
  margin: 10px 0 12px;
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  line-height: 16px;
  color: #000;
}
.detail__options table tr:nth-child(odd){background-color: #F2F2F2;}
.detail__options table tr td{
  padding: 9px 16px 8px;
  width: 50%;
}
.detail__options table tr td:first-child{color: #666;}
.detail__options a{
  font-weight: 500;
  color: #000;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  font-size: 14px;
  line-height: 16px;
}
.detail__options a:hover{ text-decoration-line: none;}
.detail__params{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 28px 0 10px;
  gap: 20px;
}
.detail__params .detail__subtitle{
  line-height: 29px;
}
.detail__calc{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 20px 0 30px;
}
.detail__calc .detail__subtitle{margin-right: 30px;}
.detail__advantages{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 30px 0 34px;
}
.detail__advantage{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: calc(50% - 24px);
}
.detail__advantage-icn{
  width: 30px;
  margin-right: 18px;
}
.detail__advantage-main{
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #000;
}
.detail__advantage-main span{display: block;}
.detail__advantage-main a{
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #007A23;
}
.detail__bar{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.detail__btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(50% - 24px);
  height: 72px;
  border-radius: 4px;
  color: #fff;
  font-weight: 500;
  font-size: 17px;
  line-height: 20px;
}
.detail__btn i{margin-right: 12px;}
.detail__btn--green:not(.active){background-color: rgba(0, 175, 50, .15); color: #006F20;}
.detail__btn--green.active{background-color: #007A23;}
.detail__btn--green.active:hover{background-color: #00661D;}
.detail__btn--orange{background-color: #A34800;}
.detail__btn--orange:hover{background-color: #8F4300;}
.detail-sec{padding-top: 60px;}
@media only screen and (max-width : 1249px){
  .gallery__carusel{margin-right: 24px;}
  .detail__advantage,
  .detail__btn{width: calc(50% - 12px);}
}
@media only screen and (max-width : 1023px){
  .detail__wrap{
    display: block;
    margin-bottom: 42px;
  }
  .detail__gallery{width: 100%;}
  .detail__main{
    width: 100%;
    margin-top: 38px;
  }
  .gallery__carusel,
  .gallery__slide{height: 878px;}
  .gallery__carusel{
    width: 113px;
    padding: 67px 0;
  }
  .gallery__carusel .swiper-slide {
    width: 113px;
    height: 168px;
    max-height: 168px;
  }
  .gallery__prev, .gallery__next{height: 43px;}
  .detail__advantage,
  .detail__btn{width: calc(50% - 10px);}
  .detail-sec{padding-top: 52px;}
}
@media only screen and (max-width : 767px){
  .detail__wrap{margin-bottom: 52px;}
  .detail__main{margin-top: 24px;}
  .gallery__carusel,
  .gallery__slide{height: 398px;}
  .gallery__carusel{
    margin-right: 13px;
    width: 50px;
    padding: 30px 0;
  }
  .gallery__carusel .swiper-slide {
    width: 50px;
    height: 76px;
    max-height: 76px;
  }
  .gallery__prev, .gallery__next{height: 20px;}
  .gallery__prev svg, .gallery__next svg{transform: scale(.5);}
  .detail__advantage{
    width: 100%;
    margin-bottom: 35px;
  }
  .detail__btn{
    width: 100%;
    margin-bottom: 25px;
  }
  .gallery__carusel-slide--video::after{
    width: 18px;
    height: 18px;
  }
  .detail__title{
    font-size: 18px;
    line-height: 25px;
  }
  .detail__supbar{margin-bottom: 14px;}
  .detail__prices{margin-bottom: 16px;}
  .detail__spoiler{
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 32px;
  }
  .detail__options table{
    font-size: 12px;
    line-height: 14px;
  }
  .detail__options a{
    font-size: 12px;
    line-height: 14px;
  }
  .detail__calc{margin: 28px 0 35px;}
  .detail__advantages{
    display: block;
    margin: 35px 0 44px;
  }
  .detail__bar{display: block;}
  .detail-sec{padding-top: 34px;}
}

.number{
  width: 172px;
  position: relative;
}
.number_input{
  display: block;
  outline: none;
  transition: .25s ease;
  box-shadow: none;
  -webkit-appearance: none;
  width: 100%;
  background: #fff;
  border: 1px solid #E2E2E2;
  border-radius: 4px;
  font-weight: 500;
  font-size: 15px;
  color: #000;
  height: 52px;
  text-align: center;
}
.number_input:focus{border-color: #000;}
.number_input[type="number"]::-webkit-outer-spin-button,
.number_input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  position: absolute;
}
.number_input[type="number"] {-moz-appearance: textfield;}
.number_input[type="number"]:hover,
.number_input[type="number"]:focus {-moz-appearance: number-input;}
.number_input[type=number]::-webkit-inner-spin-button,
.number_input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
  position: absolute;
}
.number_btn-minus,
.number_btn-plus{
  position: absolute;
  z-index: 2;
  top: 1px;
  bottom: 1px;
  background-color: #fff;
  border-radius: 4px;
  font-size: 0;
  width: 2.5rem;
}
.number_btn-plus{right: 12px;}
.number_btn-minus{left: 12px;}
.number_btn-minus::after,
.number_btn-minus::before,
.number_btn-plus::after,
.number_btn-plus::before{
  content: '';
  width: 14px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -.5rem;
  background-color: #8a8d93;
  transition: background-color .2s;
}
.number_btn-minus::after,
.number_btn-minus::before{background-color: #B2E3A1;}
.number_btn-plus::after,
.number_btn-plus::before{background-color: #FFA197;}
.number_btn-minus:hover::after,
.number_btn-minus:hover::before,
.number_btn-plus:hover::after,
.number_btn-plus:hover::before{background-color: #000;}
.number_btn-plus::after{transform: rotate(90deg);}

.detail-desc{
  margin: 50px 0 60px;
  position: relative;
}
.detail-desc__nav{
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  border-bottom: 2px solid #eee;
  background-color: #fff;
  z-index: 10;
}
.detail-desc__nav ul{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.detail-desc__nav ul li:not(:last-child){margin-right: 100px;}
.detail-desc__nav ul li a{
  display: block;
  padding: 20px 0;
  position: relative;
  font-weight: 600;
  font-size: 22px;
  line-height: 26px;
  color: #000;
}
.detail-desc__nav ul li a span{color: #BABABA;}
.detail-desc__nav ul li a:hover{color: #00AF32;}
.detail-desc__nav ul li a:hover::before{
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 2px;
  background-color: #00AF32;
}
@media only screen and (max-width : 1099px){
  .detail-desc{margin: 40px 0 46px;}
  .detail-desc__nav ul li:not(:last-child){margin-right: 50px;}
  .detail-desc__nav ul li a{
    padding: 13px 0;
    font-size: 17px;
    line-height: 20px;
  }
}
@media only screen and (max-width : 767px){
  .detail-desc__nav{display: none;}
  .detail-desc{margin: 42px 0 48px;}
}

.detail-info section:not(:last-child){margin-bottom: 90px;}
.detail-info section{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  font-weight: 400;
  font-size: 19px;
  line-height: 35px;
}
.detail-info section:nth-child(even){flex-direction: row-reverse;}
.detail-info section img{
  width: calc(50% - 62px);
  max-width: 608px;
  border-radius: 4px;
  flex-shrink: 0;
}
.detail-info section:nth-child(odd) img{margin-right: 74px;}
.detail-info section:nth-child(even) img{margin-left: 74px;}
.detail-info section h1{
  font-weight: 600;
  font-size: 50px;
  line-height: 60px;
  margin-bottom: 22px;
}
.detail-info section h2{
  font-weight: 600;
  font-size: 24px;
  line-height: 35px;
  margin-bottom: 14px;
  opacity: .7;
}
.detail-info section p:not(:last-child){margin-bottom: 35px;}
.detail-info section ul li{
  position: relative;
  font-size: 19px;
  line-height: 30px;
  padding-left: 21px;
  margin-bottom: 16px;
  color: #000;
}
.detail-info section ul li::before{
  content: '';
  display: block;
  position: absolute;
  border-radius: 50%;
  top: 12px;
  left: 0;
  width: 9px;
  height: 9px;
  background-color: #F51700;
}
@media only screen and (max-width : 991px){
  .detail-info section:not(:last-child){margin-bottom: 50px;}
  .detail-info section{
    font-size: 16px;
    line-height: 25px;
  }
  .detail-info section img{width: calc(50% - 10px);}
  .detail-info section:nth-child(odd) img{margin-right: 20px;}
  .detail-info section:nth-child(even) img{margin-left: 20px;}
  .detail-info section h1{
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 15px;
  }
  .detail-info section h2{
    font-size: 24px;
    line-height: 35px;
  }
  .detail-info section p:not(:last-child){margin-bottom: 25px;}
  .detail-info section ul li{
    font-size: 19px;
    line-height: 30px;
  }
  .detail-info section ul li::before{top: 9px;}
}
@media only screen and (max-width : 767px){
  .detail-info section:not(:last-child){margin-bottom: 32px;}
  .detail-info section{
    display: block;
    font-size: 14px;
    line-height: 22px;
  }
  .detail-info section img{width: 100%;}
  .detail-info section:nth-child(odd) img,
  .detail-info section:nth-child(even) img{margin: 0 0 21px;}
  .detail-info section h1{font-size: 24px;}
  .detail-info section h2{
    font-size: 18px;
    line-height: 22px;
  }
  .detail-info section p:not(:last-child){margin-bottom: 22px;}
  .detail-info section ul{margin-bottom: 34px;}
  .detail-info section ul li{
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 16px;
  }
  .detail-info section ul li::before{top: 7px;}
}

.detail-characteristic table{
  margin-top: 36px;
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
  line-height: 19px;
  color: #000;
}
.detail-characteristic table tr:nth-child(odd){background-color: #F2F2F2;}
.detail-characteristic table tr td{
  padding: 12px 24px;
  width: 50%;
  vertical-align: top;
}
.detail-characteristic table tr td:first-child{color: #666;}
@media only screen and (max-width : 767px){
  .detail-characteristic table{
    font-size: 12px;
    line-height: 14px;
  }
  .detail-characteristic table tr td{padding: 10px 16px;}
  .detail-characteristic table{margin-top: 12px;}
}

.detail-video__wrap{
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-top: 45px;
}
.detail-video__main{
  width: 340px;
  padding-right: 30px;
  flex-shrink: 0;
}
.detail-video__title{
  font-weight: 600;
  font-size: 30px;
  line-height: 40px;
  color: #00AF32;
  margin-bottom: 22px;
}
.detail-video__video{
  flex-grow: 1;
  position: relative;
  display: block;
  overflow: hidden;
  cursor: pointer;
  border-radius: 4px;
}
.detail-video__pic{
  width: 100%;
  height: 100%;
  max-width: unset;
  object-fit: cover;
}
.detail-video__play{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 129px;
}
.detail-video__play.detail-review__play{
  width: 85px;
}
.detail-video__timing{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 600;
  font-size: 22px;
  line-height: 35px;
  color: #000;
  opacity: .4;
}
.detail-video__timing img{margin-right: 12px;}
.detail-video__txt{
  margin-top: 22px;
  font-weight: 300;
  font-size: 16px;
  line-height: 30px;
  color: #000;
  opacity: .7;
}
@media only screen and (max-width : 1024px){
  .detail-video__wrap{
    display: block;
    margin-top: 10px;
  }
  .detail-video__main{
    width: 100%;
    padding: 0 0 34px;
  }
  .detail-video__title{
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 16px;
  }
  .detail-video__play{width: 94px;}
  .detail-video__play.detail-review__play{width: 45px;}
  .detail-video__txt{
    margin-top: 16px;
    font-size: 15px;
    line-height: 28px;
  }
}
@media only screen and (max-width : 767px){
  .detail-video__main{padding-bottom: 26px;}
  .detail-video__title{font-size: 18px;}
  .detail-video__play{width: 76px;}
  .detail-video__play.detail-review__play{width: 65px;}
  .detail-video__txt{
    font-size: 14px;
    line-height: 22px;
  }
}

.detail-review{
  margin-top: 38px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
}
.detail-review__header{
  width: 260px;
  flex-shrink: 0;
  padding: 0 30px 0 52px;
  position: relative;
}
.detail-review__main{width: calc(100% - 260px);}
.detail-review__ava{
  width: 34px;
  height: 34px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;  
}
.detail-review__ava img{
  width: 100%;
  height: 100%;
  max-width: unset;
  object-fit: cover;
}
.detail-review__name{
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}
.detail-review__time{
  display: block;
  margin-bottom: 5px;
  font-size: 13px;
  line-height: 15px;
  color: #000;
  opacity: .7;
}
.detail-review__rait{
  display: flex;
  align-items: center;
}
.detail-review__rait img{margin-right: 1px;}
.detail-review__txt{
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 30px;
}
.detail-review__carusel{
  padding: 10px 30px 54px;
  width: calc(100% + 60px);
  margin-left: -30px;
  position: relative;
}
.detail-review-slide{
  display: block;
  width: 100%;
  padding-top: 130%;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  filter: drop-shadow(0 7px 20px rgba(0, 0, 0, .1));
}
.detail-review-slide img:not(.detail-video__play){
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  max-width: unset;
  object-fit: cover;
}
.swiper-slide{
  opacity: 0;
  transition: opacity .5s;
}
.swiper-slide-active,
.swiper-slide-active + .swiper-slide,
.swiper-slide-active + .swiper-slide + .swiper-slide,
.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide,
.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide,
.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide{opacity: 1;}
.detail-review__prev,
.detail-review__next{
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 50%;
  top: 50%;
  margin-top: -28px;
}
.detail-review__prev{left: 15px;}
.detail-review__next{right: 15px;}
.detail-review__prev::after,
.detail-review__next::after{display: none;}
.detail-review__prev svg,
.detail-review__next svg{
  fill: #000;
}
.detail-review__prev:hover svg,
.detail-review__next:hover svg{fill: #00AF32;}
.detail-review__carusel .swiper-button-disabled{display: none;}
.detail-reviews__footer{
  margin-top: 55px;
  text-align: center;
}
@media only screen and (max-width : 1099px){
  .detail-review{
    margin-top: 34px;
    display: block;
  }
  .detail-review__header{
    width: 100%;
    margin-bottom: 15px;
    padding: 0 0 0 52px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .detail-review__main{width: 100%;}
  .detail-review__ava{
    top: 50%;
    margin-top: -17px;
  }
  .detail-review__time{margin-bottom: 0;}
  .detail-review__rait{margin: 2px 0 0 12px;}
  .detail-review__txt{
    font-size: 15px;
    line-height: 22px;
  }
  .detail-review__carusel{
    padding: 24px 24px 44px;
    width: calc(100% + 48px);
    margin-left: -24px;
  }
  .detail-reviews__footer{margin-top: 40px;}
}
@media only screen and (max-width : 767px){
  .detail-review__txt{font-size: 14px;}
  .detail-review__carusel{
    padding: 22px 15px 40px;
    width: calc(100% + 30px);
    margin-left: -15px;
  }
  .detail-review__next {right: 0;}
  .detail-review__prev {left: 0;}
  .detail-reviews__footer{margin-top: 42px;}
}

.items{
  padding: 62px 0 80px;
  background-color: #F5F5F5;
}
.items__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 38px;
}
.items__bar{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.items__carusel--prev,
.items__carusel--next{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border: 1px solid #DCDCDC;
  border-radius: 5px;
  position: static;
  margin-left: 24px;
  margin-top: 0;
}
.items__carusel--prev::after,
.items__carusel--next::after{display: none;}
.items__carusel--prev:hover,
.items__carusel--next:hover{border-color: #000;}
.items__carusel--prev svg,
.items__carusel--next svg{fill: #000;}
@media only screen and (max-width : 1099px){
  .items{padding: 55px 0 80px;}
}
@media only screen and (max-width : 699px){
  .items{padding: 40px 0 60px;}
  .items__carusel--prev{margin-left: 0;}
}

.shopcart__wrap{
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.shopcart__aside{
  width: 288px;
  position: relative;
  flex-shrink: 0;
}
.shopcart__main{
  flex-grow: 1;
  margin-right: 50px;
}
.shopcart__bar{
  padding: 28px 40px 36px;
  background-color: #E8E8E8;
  border-radius: 4px;
  position: sticky;
  top: 24px;
}
.shopcart__bar-title{
  margin-bottom: 4px;
  font-weight: 500;
  font-size: 25px;
  line-height: 29px;
}
.shopcart__bar-val{
  font-weight: 700;
  font-size: 40px;
  line-height: 47px;
  color: #000;
  margin-bottom: 54px;
}
.shopcart__bar-val .currency{opacity: .4;}
.shopcart__bar-btn{width: 100%;}
.shopcart-item{
  padding: 24px 32px 24px 24px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  border: 1px solid #F1F1F1;
  border-radius: 4px;
  position: relative;
}
.shopcart-item:not(:last-child){margin-bottom: 30px;}
.shopcart-item__pic{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 142px;
  height: 212px;
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
  margin-right: 26px;
}
.shopcart-item__pic img{
  width: 100%;
  height: 100%;
  max-width: unset;
  object-fit: cover;
}
.shopcart-item__main{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  flex-grow: 1;
}
.shopcart-item__title{
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #747271;
}
.shopcart-item__name{
  margin: 3px 0 20px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  display: block;
  max-width: 420px;
}
.shopcart-item__name:hover{color: #00AF32;}
.shopcart-item__params{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-grow: 1;
  gap: 20px 20px;
  flex-wrap: wrap;
  max-width: 65%;
}
.shopcart-item__params .shopcart-item__title{
  line-height: 28px;
  flex-shrink: 0;
}
.shopcart-item__params-list{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.shopcart-item__param{
  margin: 0 12px 16px 0;
  line-height: 28px;
  white-space: nowrap;
  padding: 0 10px;
  background-color: #00AF32;
  border-radius: 4px;
  font-weight: 500;
  font-size: 13px;
  cursor: pointer;
  color: #fff;
  border: 1px solid #F1F1F1;
}
.shopcart-item__param:not(.active) {
  background: transparent;
  color: #747271;
}
.shopcart-item__param:last-child{margin: 0;}
.shopcart-item__prices{margin-top: 24px;}
.shopcart-item__prices .item__prices{margin-top: 3px;}
.shopcart-item__bar{
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-direction: column;
  margin-left: 24px;
}
.shopcart-item__delete{
  position: absolute;
  z-index: 4;
  top: 24px;
  right: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  line-height: 20px;
  color: #747271;
}
.shopcart-item__delete img{margin-right: 8px;}
.shopcart-item__delete > div{display: flex;}
.shopcart-item__numb{margin-bottom: 22px;}
.shopcart-item__total{
  white-space: nowrap;
  font-weight: 700;
  font-size: 40px;
  line-height: 47px;
  text-align: right;
  letter-spacing: .07em;
}
.shopcart-item__total .currency{opacity: .4;}
@media only screen and (max-width : 1099px){
  .shopcart__wrap{display: block;}
  .shopcart__aside{width: 100%;}
  .shopcart__main{margin-right: 0;}
  .shopcart__bar{
    margin-top: 20px;
    padding: 28px 40px;
    position: static;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .shopcart__bar-val{margin-bottom: 0;}
  .shopcart__bar-btn{width: 209px;}
  .shopcart-item:not(:last-child){margin-bottom: 20px;}
  .shopcart-item__name{max-width: 230px;}
  .shopcart-item__prices{margin-top: 10px;}
}
@media only screen and (max-width : 767px){
  .shopcart__bar{
    padding: 28px 40px 36px;
    display: block;
  }
  .shopcart__bar-val{margin-bottom: 20px;}
  .shopcart__bar-btn{width: 100%;}  
  .shopcart-item{
    padding: 18px 15px 24px;
    flex-wrap: wrap;
    align-items: stretch;
  }
  .shopcart-item__pic{
    width: 78px;
    height: 116px;
    margin-right: 14px;
  }
  .shopcart-item__main{width: calc(100% - 92px);}
  .shopcart-item__title{font-size: 13px;}
  .shopcart-item__name{
    margin: 3px 0 12px;
    font-size: 14px;
    line-height: 18px;
    max-width: unset;
  }
  .shopcart-item__prices{
    margin-top: 0;
    position: absolute;
    top: 141px;
    left: 15px;
  }
  .shopcart-item__prices .shopcart-item__title{display: none;}
  .shopcart-item__prices .item__prices{
    margin-top: 0;
    flex-direction: column;
    align-items: flex-start;    
  }
  .shopcart-item__bar{
    margin-left: 0;
    padding-left: 92px;
    flex-grow: 1;
    align-items: flex-start;
    padding-top: 20px;
  }  
  .shopcart-item__delete{
    top: 10px;
    right: 10px;
  }
  .shopcart-item__delete span{display: none;}  
  .shopcart-item__delete img{margin-right: 0;}
  .shopcart-item__numb{margin-bottom: 12px;}
  .shopcart-item__total{
    font-size: 30px;
    line-height: 35px;
    text-align: left;
  }
  .shopcart-item__prices .item__price{
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 18px;
  }
  .shopcart-item__prices .item__price-discont {
    margin: 0 0 3px;
    line-height: 14px;
    padding: 0 3px;
    border-radius: 4px;
    font-size: 9px;
    display: inline-block;
  }
  .shopcart-item__prices .item__oldprice {
    line-height: 14px;
    padding: 0;
    border-radius: 0;
    font-size: 12px;
    background: none;
    display: inline-block;
  }
  .shopcart-item__prices .item__oldprice::after {
    left: 0;
    right: 0;
    height: 1px;
    margin-top: 0;
  }
}

.order__wrap{
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.order__aside{
  width: 288px;
  position: relative;
  flex-shrink: 0;
}
.order__main{
  flex-grow: 1;
  margin-right: 50px;
}
.order__title{
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
}
.order__form{
  margin-bottom: 50px;
  border: 1px solid #E7E7E7;
  border-radius: 10px;
  padding: 38px 46px 55px;
}
.order__txt{
  font-size: 14px;
  line-height: 22px;
  opacity: .6;
  margin: 14px 0 24px;
}
.order__contacts{
  border: 1px solid #E7E7E7;
  border-radius: 10px;
  padding: 38px 46px 55px;  
}
.form{
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.form__col{
  width: calc(50% - 24px);
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-direction: column;
}
.order__contacts-row{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 35px;
  gap: 40px;
}
.order-contact{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: calc((100% - 60px) / 3);
  max-width: 270px;
  padding: 12px 20px;
  border: 1px solid #ECECEC;
  border-radius: 5px;
}
.order-contact input{display: none;}
.order-contact__check{
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #EAEAEA;
  border-radius: 5px;
  cursor: pointer;
  width: 19px;
  height: 19px;
  flex-shrink: 0;
  margin-right: 19px;
}
.order-contact__check img{display: none;}
.order-contact input:checked + .order-contact__check{background-color: #00AF32;}
.order-contact input:checked + .order-contact__check img{display: block;}
.order-contact__icn{
  margin-right: 12px;
  flex-shrink: 0;  
}
.order-contact__txt{
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #000;
}
.order__aside{
  border: 1px solid #ECECEC;
  border-radius: 5px;
}
.order__aside-main{
  padding: 36px 22px 24px;
  border-top: 1px solid #E7E7E7;
}
.order__list{
  padding: 22px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-row-gap: 22px;  
}
.order-item{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
.order-item__pic{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 82px;
  flex-shrink: 0;
  margin-right: 16px;
  overflow: hidden;
  border-radius: 4px;
}
.order-item__pic img{
  width: 100%;
  height: 100%;
  max-width: unset;
  object-fit: cover;
}
.order-item__main{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}
.order-item__name{
  display: block;
  margin-bottom: 10px;
  color: #000;
  font-size: 13px;
  line-height: 17px;
  max-width: 174px;
}
.order-item__name:hover{color: #00AF32;}
.order-item__price{
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: .07em;
  color: #000;
}
.order-item__price span{
  opacity: .4;
  font-weight: 500;
}
.order-promo{
  display: flex;
  align-self: stretch;
  justify-content: space-between;
  margin-bottom: 26px;
  flex-wrap: wrap;
}
.order-promo input{
  height: 52px;
  flex-grow: 1;
  border-radius: 4px 0 0 4px;
  font-size: 16px;
  width: calc(100% - 52px);
}
.order-promo .result{
  width: 100%;
  font-size: 13px;
  padding: 10px 0 0;
  font-style: italic;
}
.order-promo .result.apply {
  color: #00AF32;
}
.order-promo .result.delete {
  color: #F51700;
}
.order-prom__submit{
  width: 52px;
  height: 52px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0 4px 4px 0;
  border: 1px solid #00AF32;
}
.order-option{margin-bottom: 21px;}
.order-option.hide{
  display: none;
}
.order-option__title{
  font-size: 16px;
  line-height: 19px;
  opacity: .6;
  margin-bottom: 4px;
}
.order-option__val{
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
}
.order-option__val span{
  font-weight: 500;
  opacity: .4;
}
.order__btn{
  width: 100%;
  margin-top: 29px;
}
@media only screen and (max-width : 1099px){
  .order__wrap{display: block;}
  .order__aside{
    width: 100%;
    margin-top: 32px;
  }
  .order__main{margin-right: 0;}
  .order__form{
    margin-bottom: 32px;
    padding: 38px 30px 55px;
  }
  .order__contacts{padding: 38px 30px 55px;}
  .form__col{width: calc(50% - 15px);}
  .order__contacts-row{margin-top: 32px;}
  .order__aside{border-radius: 10px;}
  .order__aside-main{
    padding: 32px 22px 36px;
    position: relative;
    min-height: 252px;
  }
  .order-promo{
    width: 244px;
    position: absolute;
    top: 36px;
    right: 22px;
  }
  .order-option:last-child{margin-bottom: 0;}
  .order__btn{
    width: 244px;
    position: absolute;
    bottom: 36px;
    right: 22px;
  }
}
@media only screen and (max-width : 767px){
  .order__form{
    margin-bottom: 26px;
    padding: 26px 30px 52px;
  }
  .order__txt{
    font-size: 13px;
    line-height: 18px;
    margin: 6px 0 24px;
  }
  .order__contacts{padding: 26px 30px 52px;}
  .form{display: block;}
  .form__col{
    width: 100%;
    display: block;
  }
  .form__col .form__label{margin-bottom: 18px;}  
  .order__contacts-row{
    display: block;
    margin-top: 24px;
  }
  .order-contact{
    margin-top: 24px;
    width: 100%;
    max-width: unset;
  }
  .order__aside-main{padding: 36px 24px 24px;}  
  .order-promo{
    position: static;
    width: 100%;
  }
  .order__btn{
    width: 100%;
    position: static;
    margin-top: 29px;
  }
}

.content-header{
  position: relative;
  color: #fff;
  overflow: hidden;
  height: 284px;
  padding-top: 20px;
  margin-bottom: 76px;
}
.content-header img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  max-width: unset;
  object-fit: cover
}
.content-header .breadcrumbs,
.content-header .breadcrumbs a,
.content-header .breadcrumbs span{color: #fff;}
.content-header .breadcrumbs{
  position: relative;
  z-index: 2;
  margin: 0;
}
.content-header__title{
  padding: 60px 0 100px;
  font-weight: 700;
  font-size: 70px;
  line-height: 82px;
  text-align: center;
  position: relative;
  z-index: 2;  
}
.content{margin: 76px 0 90px;}
.content h1{
  margin-bottom: 35px;
  font-weight: 600;
  font-size: 36px;
  line-height: 50px;
}
.content p{
  font-size: 20px;
  line-height: 32px;
  color: rgba(0, 0, 0, .6);
  margin-bottom: 34px;
}
.content img{
  width: calc(50% - 24px);
  float: right;
  margin: 0 0 48px 48px;
  border-radius: 4px;
}
.content h2{
  margin-bottom: 21px;
  font-weight: 600;
  font-size: 28px;
  line-height: 40px;
}
.content h3{
  margin-bottom: 13px;
  font-weight: 600;
  font-size: 23px;
  line-height: 40px;
}
.content time{
  display: inline-block;
  margin-bottom: 30px;
  padding: 8px 20px;
  background-color: #FFAA46;
  border-radius: 4px;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #fff;
}
.alert{
  margin: 50px 0 65px;
  background-color: #F0F0F0;
  border-radius: 10px;
  padding: 28px 30px;
  border-left: 10px solid #00AF32;
  font-size: 23px;
  line-height: 27px;
}
.alert b{font-weight: 700;}

.photo{
  display: block;
  width: 100%;
  padding-top: 100%;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.photo img{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: unset;
  object-fit: cover;
}

.lists{margin: 52px 0 70px;}
.lists__wrap{
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.lists__col{width: calc(50% - 24px);}
.lists__title{
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
}
.content ul li,
.lists ul li {
  padding-left: 32px;
  font-size: 20px;
  line-height: 32px;
  background: url(/local/templates/main/makeup/css/../img/yellow-circle-check.svg) 0 center no-repeat;
  background-size: 19px auto;
  margin-bottom: 16px;
  color: #6D6D6D;
}
.content ol,
.lists ol {counter-reset: num;}
.content ol li,
.lists ol li{
  padding-left: 50px;
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 16px;
  color: #6D6D6D;
  position: relative;
}
.content ol li:before,
.lists ol li:before {
  content: counter(num); 
  counter-increment: num;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -13px;
  width: 35px;
  height: 26px;
  line-height: 26px;
  border-radius: 13px;
  text-align: center;
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  background-color: #00AF32;
}

@media only screen and (max-width : 1099px){
  .content-header{
    height: 225px;
    padding-top: 28px;
    margin-bottom: 40px;
  }
  .content-header__title{
    padding: 42px 0 74px;
    font-size: 50px;
    line-height: 59px;
  }
  .content{margin: 40px 0 60px;}
  .content h1{
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 36px;
  }
  .content p{
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 30px;
  }
  .content img{
    width: calc(50% - 10px);
    margin: 0 0 20px 20px;
  }
  .content h2,
  .content h3{margin: 38px 0 10px;}
  .content time{
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 24px;
  }
  .alert{
    margin: 44px 0;
    padding: 19px 30px;
    font-size: 20px;
    line-height: 27px;
  }

  .lists{margin: 52px 0 60px;}
  .lists__wrap{display: block;}
  .lists__col{width: 100%;}
  .lists__col:not(:last-child){margin-bottom: 44px;}
}
@media only screen and (max-width : 767px){
  .content-header{margin-bottom: 30px;}
  .content-header__title{
    padding: 49px 0 80px;
    font-size: 40px;
    line-height: 47px;
  }
  .content{margin: 30px 0 50px;}
  .content h1{
    font-size: 25px;
    line-height: 30px;
  }
  .content p{
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 25px;
  }
  .content img{
    width: 100%;
    float: none;
    margin: 0 0 40px;
  }
  .content h2{
    font-size: 26px;
    margin: 35px 0 10px;
  }
  .content h3{
    font-size: 22px;
    margin: 35px 0 10px;
  }
  .content time{
    margin-bottom: 20px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 14px;
  }
  .alert{
    margin: 38px 0 44px;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 22px;
  }

  .lists{margin: 42px 0 48px;}
  .content ol li,
  .content ul li
  .lists ol li,
  .lists ul li{font-size: 16px;}
}

.map{
  height: 490px;
  margin: 44px 0 82px;
}
@media only screen and (max-width : 1099px){
  .map{
    height: 609px;
    margin: 44px 0;
  }
}
@media only screen and (max-width : 767px){
  .map{
    height: 540px;
    margin: 40px 0 48px;
  }
}

.contacts__main{
  border: 1px solid #F1F1F1;
  border-radius: 5px;
  padding: 45px 48px 66px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-top: 50px;
}
.contacts__col{width: calc(50% - 24px);}
.contacts-item:not(:last-child){margin-bottom: 28px;}
.contacts-item__title{
  font-size: 18px;
  line-height: 28px;
  color: #9D9D9D;
}
.contacts-item__val{
  font-size: 18px;
  line-height: 28px;
}
.contacts-item__val address{font-style: normal;}
.contacts-item__val a[href^="tel:"]{color: #000;}
.contacts-item__val a[href^="mailto:"],
.footer__item a[href^="mailto:"] {
  color: #007A23;
}
.contacts-item__soc{
  margin-top: 7px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.contacts-item__soc li{margin-right: 18px;}
.contacts__title{
  margin-bottom: 24px;
  font-weight: 600;
  font-size: 25px;
  line-height: 29px;
}
.contacts__form{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 24px;
  grid-row-gap: 30px; 
  margin-top: 42px;
}
.contacts__form .form__label:not(:last-child){margin-bottom: 32px;}
.contacts__form .textarea{height: 246px;}
.contacts__form-submit{width: 100%;}
.contacts__form-desc{
  font-size: 15px;
  line-height: 19px;
  color: #7C7C7C;
}
.contacts__form-desc a{color: #00AF32;}
.contacts__info-list{
  font-size: 18px;
  line-height: 40px;
  color: #7C7C7C;
  margin-bottom: 22px;
}
@media only screen and (max-width : 1099px){
  .contacts__main{
    padding: 45px 48px 57px;
    display: block;
    margin-top: 0;
  }
  .contacts__col{width: 100%;}
  .contacts-item{max-width: 320px;}
  .contacts__form{
    grid-column-gap: 20px;
    margin-top: 48px;
  }
  .contacts-item__soc{margin-bottom: 48px;}
}
@media only screen and (max-width : 767px){
  .contacts__main{padding: 26px 20px 44px;}
  .contacts-item__title,
  .contacts-item__val{font-size: 16px;}
  .contacts-item{max-width: unset;}
  contacts__col,
  .contacts__form{
    display: flex;
    align-items: stretch;
    flex-direction: column;
  }
  .contacts__form-col:nth-child(1){order: 1}
  .contacts__form-col:nth-child(2){order: 2}
  .contacts__form-col:nth-child(3){order: 4}
  .contacts__form-col:nth-child(4){order: 3}
  .contacts-item__soc{margin-bottom: 60px;}
  .contacts__form-desc{text-align: center;}
  .contacts__info-list{font-size: 16px;}
}

.action{
  margin-bottom: 16px;
  padding: 32px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border: 1px solid #F1F1F1;
  border-radius: 4px;
}
.actions__list{margin-bottom: 66px;}
.action__pic{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  overflow: hidden;
  width: 312px;
  height: 233px;
  flex-shrink: 0;
  margin-right: 42px;
}
.action__pic img{
  width: 100%;
  height: 100%;
  max-width: unset;
  object-fit: cover;
}
.action__time{
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 60px;
  height: 60px;
  border-radius: 4px;
  background-color: #FFAA46;
  display: block;
  color: #fff;
  padding: 5px;
  text-align: center;
  font-weight: 700;
  font-size: 25px;
  line-height: 29px;
} 
.action__time span{
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  text-transform: uppercase;
}
.action__main{flex-grow: 1;}
.action__title{
  display: block;
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 25px;
  line-height: 34px;
  color: #000;
}
.action__txt{
  font-weight: 400;
  font-size: 17px;
  line-height: 26px;
  color: rgba(0, 0, 0, .6);
  margin-bottom: 26px;
}
@media only screen and (max-width : 1099px){
  .action{
    margin-bottom: 20px;
    padding: 18px 18px 24px;
  }
  .actions__list{margin-bottom: 55px;}
  .action__pic{
    width: 178px;
    height: 133px;
    margin-right: 24px;
  }
  .action__time{
    width: 38px;
    height: 38px;
    padding: 2px;
    font-size: 18px;
    line-height: 21px;
  } 
  .action__time span{
    font-size: 11px;
    line-height: 1;
  }
  .action__title{
    font-size: 19px;
    line-height: 24px;
  }
  .action__txt{
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width : 767px){
  .action{
    padding: 20px 20px 28px;
    display: block;
  }
  .actions__list{margin-bottom: 48px;}
  .action__pic{
    width: 100%;
    height: 217px;
    margin: 0 0 24px;
  }
  .action__time{
    width: 60px;
    height: 60px;
    padding: 5px;
  } 
  .action__time span{
    font-size: 16px;
    line-height: 19px;
  }
  .action__main{flex-grow: 1;}
  .action__title{
    margin-bottom: 15px;
    font-size: 19px;
    line-height: 24px;
  }
  .action__txt{
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 16px;
  }
}

.profile__wrap{
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.profile__asaide{
  width: 260px;
  flex-shrink: 0;
  margin-right: 80px;
  position: relative;
}
.profile__nav{
  position: sticky;
  top: 24px;
}
.profile__main{flex-grow: 1;}
.profile__link{
  display: block;
  padding: 20px 24px;
  font-size: 20px;
  line-height: 28px;
  color: #000;
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #E7E7E7;
  margin-top: -1px;
}
.profile__link:first-child{border-radius: 5px 5px 0 0;}
.profile__link:last-child{border-radius: 0 0 5px 5px;}
.profile__link svg{
  stroke: #000;
  transition: stroke .25s;
}
.profile__link:hover{color: #6A272D;}
.profile__link:hover svg{stroke: #6A272D;}
.profile__link.active{
  color: #fff;
  background-color: #6A272D;
  border-color: #6A272D;
}
.profile__link.active svg{
  stroke: #fff;
  transform: rotate(180deg);
}
.profile__link--red{color: #F51700;}
.profile__sec{display: none;}
.profile__main .profile__link{display: none;}
.profile__fieldset{
  margin-bottom: 34px;
  border: 1px solid #E7E7E7;
  border-radius: 10px;
  padding: 38px 46px 60px;  
}
.profile__legend{
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;  
}
.profile__row{
  margin-top: 30px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.profile__col{width: calc(50% - 24px);}
.profile__col .form__label:not(:last-child){margin-bottom: 21px;}
.log__footer,
.profile__footer{
  margin-top: 70px;
  text-align: center;
}
.profile__submit{display: inline-block;}
.log-item{margin-bottom: 28px;}
.log-item__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 53px;
  border: 1px solid #E7E7E7;
  border-radius: 10px;
  padding: 13px 24px 14px;
  color: #000;
  transition: all .25s;
  cursor: pointer;
}
.log-item__header:hover{border-color: #00AF32;}
.log-item__header-state,
.log-item__header-right,
.log-item__header-left{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.log-item__header svg{
  stroke: #000;
  margin-right: 12px;
}
.log-item__header-numb{
  margin-right: 16px;
  font-size: 16px;
  line-height: 24px;
}
.log-item__header-opt{
  opacity: .7;
  font-size: 15px;
  line-height: 20px;
  margin-right: 16px;
  color: #747271;
  transition: color .25s;
}
.log-item__header-state{margin-right: 32px;}
.log-item__header-state-name{
  opacity: .7;
  font-size: 15px;
  line-height: 20px;
  margin-right: 10px;
  color: #747271;
  transition: color .25s;
}
.log-item__header-state-val{
  font-size: 15px;
  line-height: 20px;
  color: #00AF32;
  transition: color .25s;
}
.log-item__header-price{
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
  letter-spacing: .07em;
}
.log-item__header-price span{
  font-weight: 500;
  opacity: .4;
}
.log-item__header.open{
  border-color: #00AF32;
  background-color: #00AF32;
  color: #fff;
  border-radius: 10px 10px 0 0;
}
.log-item__header.open svg{
  stroke: #fff;
  transform: rotate(180deg);
}
.log-item__header.open .log-item__header-state-val,
.log-item__header.open .log-item__header-opt,
.log-item__header.open .log-item__header-state-name{color: #fff;}
.log-item__main{
  border: 1px solid #E7E7E7;
  border-top: none;
  border-radius: 0 0 10px 10px;
  display: none;
}
.log-position:last-child{border-bottom: none;}
.log-position{
  border-bottom: 1px solid #E7E7E7;
  padding: 26px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.log-position__pic{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 102px;
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
  margin-right: 26px;
}
.log-position__pic img{
  width: 100%;
  height: 100%;
  max-width: unset;
  object-fit: cover;
}
.log-position__main{flex-grow: 1;}
.log-position__name{
  display: block;
  font-weight: 500;
  font-size: 17px;
  line-height: 24px;
  color: #000;
  margin-bottom: 12px;
}
.log-position__name:hover{color: #00AF32;}
.log-position__calc{
  margin-bottom: 21px;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #000;
  opacity: .5;
}
.log-position__params{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-grow: 1;
}
.log-position__params .log-position__title{
  line-height: 28px;
  margin-right: 8px;
  flex-shrink: 0;
  font-size: 15px;
  line-height: 18px;
}
.log-position__params-list{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.log-position__param{
  margin: 0 12px 16px 0;
  line-height: 28px;
  white-space: nowrap;
  padding: 0 10px;
  background-color: #00AF32;
  border-radius: 4px;
  font-weight: 500;
  font-size: 13px;
  color: #fff;
}
.log-position__param:last-child{margin: 0;}
.log-position__bar{margin-left: 24px;}
.log-position__price{
  white-space: nowrap;
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
  text-align: right;
  letter-spacing: .07em;
}
.log-position__price span{opacity: .4;}

@media only screen and (max-width : 1099px){
  .profile__wrap{display: block;}
  .profile__asaide{display: none;}
  .profile__link{padding: 20px 30px 20px 26px;}
  .profile__sec{
    border-left: 1px solid #E7E7E7;
    border-right: 1px solid #E7E7E7;
    padding-bottom: 50px;
  }
  .profile__main .profile__link{display: flex;}
  .profile__fieldset{
    margin-bottom: 50px;
    border: none;
    border-radius: 0;
    padding: 32px 26px 0;  
  }
  .profile__col{width: calc(50% - 12px);}
  .log__footer,
  .profile__footer{margin-top: 50px;}
  .log__list{padding: 12px 12px 0;}
  .log-item{margin-bottom: 12px;}
  .log-item__header{padding: 13px 16px 14px 24px;}
}
@media only screen and (max-width : 767px){

  .profile__link{
    padding: 20px;
    font-size: 16px;
    line-height: 19px;
  }
  .profile__fieldset{
    margin-bottom: 0;
    padding: 34px 20px 0;  
  }
  .profile__legend{font-size: 18px;}
  .profile__row{
    margin-top: 13px;
    display: block;
  }
  .profile__col{
    width: 100%;
    margin-bottom: 21px;
  }
  .log__footer,
  .profile__footer{margin-top: 72px;}
  .profile__submit{display: inline-block;}
  
  .log__list{padding: 10px 10px 0;}
  .log-item{margin-bottom: 10px;}
  .log-item__header{
    display: block;
    height: auto;
    padding: 9px 16px 12px;
  }
  .log-item__header-right{
    margin-top: 3px;
    justify-content: space-between;
    padding-left: 18px;
  }
  .log-item__header-numb{font-size: 14px;}
  .log-item__header-opt{font-size: 13px;}
  .log-item__header-opt:last-child{margin-right: 0;}
  .log-item__header-state{margin-right: 16px;}
  .log-item__header-state-name{font-size: 13px;}
  .log-item__header-state-val{font-size: 13px;}
  .log-item__header-price{
    font-size: 18px;
    line-height: 21px;
  }

  .log-position{
    padding: 12px 12px 12px 68px;
    display: block;
    position: relative;
  }
  .log-position__pic{
    position: absolute;
    top: 12px;
    left: 12px;
    width: 44px;
    height: 66px;
    margin-right: 0;
  }
  .log-position__main{flex-grow: 1;}
  .log-position__name{
    font-size: 15px;
    line-height: 16px;
    margin-bottom: 7px;
  }
  .log-position__calc{
    margin-bottom: 9px;
    font-size: 13px;
    line-height: 15px;
  }
  .log-position__params .log-position__title{
    margin-right: 10px;
    font-size: 13px;
    line-height: 15px;
    opacity: .5;
  }
  
  .log-position__bar{margin: 12px 0 0;}
  .log-position__price{
    font-size: 22px;
    line-height: 26px;
    text-align: left;
  }
}

.popup{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  z-index: 999;
}
.popup__overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background-color: rgba(149, 149, 149, 0.5);
  backdrop-filter: blur(10px);
}
.popup__main{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  background-color: #fff;
  border-radius: 20px;
  padding: 40px 24px 32px;
}
.popup__close{
  position: absolute;
  z-index: 3;
  top: 20px;
  right: 20px;
}
.popup__title{
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 23px;
  line-height: 124%;
  color: #262626;
}
.popup__form .form__label{margin-bottom: 20px;}
.popup__form .textarea{height: 122px;}
.popup__submit{
  width: 100%;
  margin-top: 28px;
}
.popup__check{
  margin-top: 26px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.popup__check-txt{
  font-size: 14px;
  line-height: 120%;
  color: #8F8F8F;
  padding-top: 3px;
}
.popup__check-txt a{color: #00AF32;}
.popup__check-txt a:hover{text-decoration: underline;}
.popup__checkbox{
  margin-right: 12px;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.popup__checkbox-cust{
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid #fff;
  cursor: pointer;
}
.popup__checkbox-cust img{display: none;}
.popup__checkbox input{display: none;}
.popup__checkbox input:checked + .popup__checkbox-cust{
  border-color: #00AF32;
  background-color: #00AF32;
}
.popup__checkbox input:checked + .popup__checkbox-cust img{display: block;}

/* End */


/* Start:/local/templates/main/makeup/css/custom.css?1676572909961*/
.order__btn:disabled{
    opacity: 0.5;
}
.popup-window.popup_basket {
    max-width: 290px;
    border-radius: 20px;
}
.popup-window.popup_basket .popup-window-close-icon{
    opacity: 1;
}
.popup-window.popup_basket .popup-window-titlebar-text,
.popup-window.popup_basket .popup-window-titlebar-text-version{
    color: #262626;
}
.popup-window.popup_basket .popup-window-close-icon:after{
    background-image: url(/local/templates/main/makeup/css/../img/close.svg);
    width: 16px;
    height: 16px;
}
.popup-window.popup_basket .popup-window-buttons{
    padding: 0;
}
.popup-window.popup_basket .popup-window-buttons .btn{
    margin: 0 auto 10px;
    font-size: 16px;
    padding: 0 14px;
    height: auto;
    line-height: 2.2;
}

.basket-items-list-header-filter-item {
    font-size: 16px;
    line-height: 22px;
    color: #00AF32;
}

label.form__label i.error {
    position: absolute;
    color: red;
    font-size: small;
}

.order-text-installment {
    white-space: pre-line;
}
/* End */


/* Start:/local/templates/main/components/bitrix/search.title/title/style.css?16677361061897*/
div.title-search-result {
    border: 1px solid #c6c6c6;
    display: block;
    overflow: hidden;
    z-index: 205;
}

div.title-search-result:empty {
    display: none;
}

.title-search-result-container {
    border-collapse: collapse;
    border: none;
    width: 100%;
}

div.title-search-result .search-item {
    background-color: white;
    color: black;
    font-weight: normal;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: left;
    white-space: nowrap;
}

div.title-search-result .search-item {
    padding: 0 20px;
	line-height: 1.6;
}

div.title-search-result .search-item a {
    padding-left: 4px;
    padding-right: 15px;
    text-decoration: none;
    color: black;
    vertical-align: top;
    display: block;
}

div.title-search-result .search-item img {
    vertical-align: top;
}

div.title-search-result .search-item b {
    color: #cf0000;
    font-weight: normal;
}

div.title-search-result tr.title-search-selected .search-item, div.title-search-result tr.title-search-selected a, div.title-search-result tr.title-search-selected .search-item.title-search-more a {
    background-color: #fff2be;
}

div.title-search-result .search-item.title-search-more {
    font-size: 11px;
    font-weight: normal;
    padding-right: 15px;
    padding-left: 24px;
    padding-top: 0px;
}

div.title-search-result .search-item.title-search-more a {
    padding-left: 12px;
    padding-right: 15px;
    text-decoration: none;
    color: #999999;
}

div.title-search-result .search-item.title-search-all {
    padding-left: 24px;
    padding-right: 15px;
}

div.title-search-result .search-item.title-search-all a {
    padding-left: 4px;
    text-decoration: none;
    color: #808080;
}

div.title-search-result .search-item.title-search-separator, div.title-search-result th.title-search-separator {
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 4px;
}

/* End */
/* /local/templates/main/makeup/css/normalize.css?16667986227365 */
/* /local/templates/main/makeup/css/base.css?17886807725382 */
/* /local/templates/main/makeup/css/fancybox.css?166679862215598 */
/* /local/templates/main/makeup/css/swiper-bundle.min.css?166679862216466 */
/* /local/templates/main/makeup/css/main.css?1788680773102802 */
/* /local/templates/main/makeup/css/custom.css?1676572909961 */
/* /local/templates/main/components/bitrix/search.title/title/style.css?16677361061897 */