@charset "UTF-8";

/* stylelint-disable */

/*! normalize.css v10.1.0 | github.com/csstools/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}dl dl,dl ol,dl ul,ol dl,ul dl{margin:0}ol ol,ol ul,ul ol,ul ul{margin:0}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details{display:block}dialog{background-color:#fff;border:solid;color:#000;display:block;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}/* end normalize.css */

/* Swiper */.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;z-index:1;display:flex;transition-property:transform}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}/* end Swiper */

/* Magnific Popup */.mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-arrow:after,.mfp-arrow:before,.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-close,.mfp-preloader a:hover{color:#FFF}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-fade.mfp-bg{opacity:0;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;transition:all .15s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:.8}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade.mfp-wrap .mfp-content{opacity:0;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;transition:all .15s ease-out}.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1}.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0}/* end Magnific Popup */

/* ion.rangeSlider */.irs,.irs-line{position:relative;display:block}.irs,.irs-bar,.irs-bar-edge,.irs-line{display:block}.irs-hidden-input,.irs-line{overflow:hidden;outline:0!important}.irs{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.irs-line-left,.irs-line-mid,.irs-line-right{position:absolute;display:block;top:0}.irs-line-left{left:0;width:11%}.irs-line-mid{left:9%;width:82%}.irs-line-right{right:0;width:11%}.irs-bar,.irs-shadow{position:absolute;width:0;left:0}.irs-bar-edge{position:absolute;top:0;left:0}.irs-shadow{display:none}.irs-from,.irs-max,.irs-min,.irs-single,.irs-slider,.irs-to{display:block;position:absolute;cursor:default}.irs-slider{z-index:1}.irs-slider.type_last{z-index:2}.irs-min{left:0}.irs-max{right:0}.irs-from,.irs-single,.irs-to{top:0;left:0;white-space:nowrap}.irs-grid{position:absolute;display:none;bottom:0;left:0;width:100%;height:20px}.irs-with-grid .irs-grid{display:block}.irs-grid-pol{position:absolute;top:0;left:0;width:1px;height:8px;background:#000}.irs-grid-pol.small{height:4px}.irs-grid-text{position:absolute;bottom:0;left:0;white-space:nowrap;text-align:center;font-size:9px;line-height:9px;padding:0 3px;color:#000}.irs-disable-mask{position:absolute;display:block;top:0;left:-1%;width:102%;height:100%;cursor:default;background:rgba(0,0,0,0);z-index:2}.lt-ie9 .irs-disable-mask{background:#000;filter:alpha(opacity=0);cursor:not-allowed}.irs-disabled{opacity:.4}.irs-hidden-input{position:absolute!important;display:block!important;top:0!important;left:0!important;width:0!important;height:0!important;font-size:0!important;line-height:0!important;padding:0!important;margin:0!important;z-index:-9999!important;background:0 0!important;border-style:solid!important;border-color:transparent!important}/* end ion.rangeSlider */

/* stylelint-enable */

@font-face {
  font-family: 'Jost-Regular';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Jost-Regular.woff2") format("woff2"), url("../fonts/Jost-Regular.woff") format("woff");
}

@font-face {
  font-family: 'Jost-Light';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Jost-Light.woff2") format("woff2"), url("../fonts/Jost-Light.woff") format("woff");
}

@font-face {
  font-family: 'Jost-Medium';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Jost-Medium.woff2") format("woff2"), url("../fonts/Jost-Medium.woff") format("woff");
}

@font-face {
  font-family: 'Jost-Medium';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Jost-Medium.woff2") format("woff2"), url("../fonts/Jost-Medium.woff") format("woff");
}

html {
  box-sizing: border-box;
}

*,
::after,
::before {
  box-sizing: inherit;
}

body {
  margin: 0;
  padding: 0;
  background: #FFF;
  color: #000;
  font: 16px/1.215 "Jost-Regular", Arial, sans-serif;
}

a {
  color: #55B443;
  text-decoration: none;
}

.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  border: 0;
  white-space: nowrap;
}

.container {
  overflow: hidden;
  min-width: 320px;
  padding: 0 15px;
}

.container > main {
  min-width: 0;
}

.wrapper {
  max-width: 1180px;
  margin: 0 auto;
}

.wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  min-width: 0;
}

.content {
  width: 0;
  flex-grow: 1;
  padding: 0 0 0 25px;
}

.content.storage-system {
  padding: 0;
}

.content.doors {
  padding: 0;
}

.headline {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 -30px 11px 0;
}

.items-accessory + .headline {
  margin-top: 43px;
}

.headline__all {
  margin: 0 30px 20px 0;
  font-size: 22px;
}

.headline__all:hover,
.headline__all:focus {
  text-decoration: underline;
}

.heading {
  margin: -9px 0 31px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 34px;
  font-weight: normal;
}

.heading a {
  color: #000;
}

.heading a:hover {
  color: #55B443;
}

.headline .heading {
  margin-right: 30px;
  margin-bottom: 20px;
}

.page-title {
  margin: -9px 0 31px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 34px;
  font-weight: normal;
}

.caption {
  margin: -5px 0 19px;
  font-family: 'Jost-Medium', Arial, sans-serif;
  font-size: 22px;
  font-weight: normal;
}

.items-accessory + .caption {
  margin-top: 45px;
}

.add-file {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  min-width: 0;
  height: 62px;
  padding: 0 20px 4px;
  border: 1px solid #CFD6DB;
  background: #EFF2F4;
}

.add-file::before {
  content: '';
  width: 30px;
  height: 24px;
  margin: 2px 6px 0 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 30 24'%3E%3Cpath fill='%238A98A3' d='M23.334 8a2 2 0 100-4 2 2 0 000 4z'/%3E%3Cpath fill='%238A98A3' d='M29.147 24a.19.19 0 00.186-.193V.193A.19.19 0 0029.147 0H.188A.19.19 0 000 .193v23.614A.19.19 0 00.188 24h28.959zM1.333 1.333H28v21.334H1.333V1.333z'/%3E%3Cpath fill='%238A98A3' d='M19.879 10.353a.36.36 0 00-.518-.101l-3.684 2.59a.175.175 0 01-.254-.055l-4.342-7.5c-.104-.18-.27-.182-.368.005l-.43.826-7.62 14.695c-.096.188-.007.339.2.339h23.54c.2 0 .282-.144.169-.322l-6.693-10.477z'/%3E%3C/svg%3E");
}

.add-file__input {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  font-size: 200px;
  cursor: pointer;
}

.add-file__name {
  color: #8A98A3;
  font-size: 18px;
}

.radio {
  position: relative;
  display: table;
  padding: 0 0 0 25px;
  cursor: pointer;
}

.radio__indicator {
  position: absolute;
  top: 1px;
  left: 0;
  width: 18px;
  height: 18px;
  border: 2px solid #CFD6DC;
  border-radius: 50%;
}

.radio__indicator::before {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  opacity: 0;
  border-radius: 50%;
  background: #55B443;
}

.radio__input:checked + .radio__indicator {
  border-color: #55B443;
}

.radio__input:checked + .radio__indicator::before {
  opacity: 1;
}

.checkbox {
  position: relative;
  display: table;
  padding: 0 0 0 23px;
  cursor: pointer;
}

.checkbox__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #8998A2;
  border-radius: 2px;
  background: #FFF;
}

.checkbox__indicator::after {
  content: '';
  position: absolute;
  top: 4px;
  left: 2px;
  width: 10px;
  height: 8px;
  opacity: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 8'%3E%3Cpath stroke='%2355B443' stroke-width='2' d='M8.724 3.196L4 5.924 1 .727'/%3E%3C/svg%3E");
}

.checkbox__input:checked + .checkbox__indicator {
  border-color: #55B443;
}

.checkbox__input:checked + .checkbox__indicator::after {
  opacity: 1;
}

.checkbox__input:focus + .checkbox__indicator {
  box-shadow: 0 0 0 1px #55B443;
}

.toggle-switch__state {
  display: inline-flex;
  width: 50px;
  height: 30px;
  padding: 1px;
  background: #F5F5F5;
  border: 1px solid #CFD6DB;
  border-radius: 80px;
  cursor: pointer;
}

.toggle-switch__state::before {
  content: '';
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #CFD6DB;
}

.toggle-switch__input:checked + .toggle-switch__state {
  background: #E5F4E3;
  border: 1px solid #55B443;
  justify-content: flex-end;
}

.toggle-switch__input:checked + .toggle-switch__state::before {
  background: #55B443;
}

.select {
  height: 40px;
  padding: 0 37px 0 12px;
  border: 1px solid #C6CACD;
  background: -webkit-gradient(linear, left top, left bottom, from(#78909C), to(#78909C)) no-repeat top 18px right 16px/9px 1px, -webkit-gradient(linear, left top, left bottom, from(#78909C), to(#78909C)) no-repeat top 19px right 17px/7px 1px, -webkit-gradient(linear, left top, left bottom, from(#78909C), to(#78909C)) no-repeat top 20px right 18px/5px 1px, -webkit-gradient(linear, left top, left bottom, from(#78909C), to(#78909C)) no-repeat top 21px right 19px/3px 1px, #FFF -webkit-gradient(linear, left top, left bottom, from(#78909C), to(#78909C)) no-repeat top 22px right 20px/1px 1px;
  background: linear-gradient(#78909C, #78909C) no-repeat top 18px right 16px/9px 1px, linear-gradient(#78909C, #78909C) no-repeat top 19px right 17px/7px 1px, linear-gradient(#78909C, #78909C) no-repeat top 20px right 18px/5px 1px, linear-gradient(#78909C, #78909C) no-repeat top 21px right 19px/3px 1px, #FFF linear-gradient(#78909C, #78909C) no-repeat top 22px right 20px/1px 1px;
  color: inherit;
  font: inherit;
  font-size: 18px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.select:focus {
  border-color: #55B443;
  outline: none;
}

.select::-ms-expand {
  display: none;
}

.select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.range__slider {
  display: none;
}

.range__fields {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-size: 14px;
}

.range__label {
  margin: 0 5px 0 0;
}

.range__input {
  width: 60px;
  height: 30px;
  padding: 0 8px;
  border: 1px solid #CFD6DB;
  font: inherit;
}

.range__input:focus {
  border-color: #55B443;
  outline: none;
}

.irs {
  margin: 0 0 22px;
}

.irs-line {
  height: 2px;
  background: #CFD6DB;
}

.irs-handle {
  position: absolute;
  top: -6px;
  width: 14px;
  height: 14px;
  border: 2px solid #55B443;
  border-radius: 50%;
  background: #FFF;
  cursor: pointer;
}

.irs-bar {
  top: 0;
  height: 2px;
  background: #55B443;
}

.irs-min,
.irs-max {
  padding: 10px 0 0;
}

.stars {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  width: 152px;
  height: 23px;
}

.stars::before {
  content: '';
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 32 23'%3E%3Cpath fill='%23FFB345' d='M23.979 8.704a.43.43 0 00-.347-.293l-7.772-1.13L12.385.24a.429.429 0 00-.77 0L8.14 7.282.37 8.412a.43.43 0 00-.24.732l5.624 5.481-1.327 7.74a.43.43 0 00.622.454L12 19.165l6.95 3.654a.43.43 0 00.624-.453l-1.327-7.74 5.624-5.482a.43.43 0 00.108-.44z'/%3E%3C/svg%3E");
}

.stars--small .stars::before {
  background-size: 19px 14px;
}

.stars::after {
  content: '';
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 32 23'%3E%3Cpath fill='%23CFD6DB' d='M23.979 8.704a.43.43 0 00-.347-.293l-7.772-1.13L12.385.24a.429.429 0 00-.77 0L8.14 7.282.37 8.412a.43.43 0 00-.24.732l5.624 5.481-1.327 7.74a.43.43 0 00.622.454L12 19.165l6.95 3.654a.43.43 0 00.624-.453l-1.327-7.74 5.624-5.482a.43.43 0 00.108-.44z'/%3E%3C/svg%3E");
}

.stars--small .stars::after {
  background-size: 19px 14px;
}

.stars--small {
  width: 93px;
  height: 14px;
}

.stars[data-stars='1']::before {
  width: 32px;
}

.stars[data-stars='2']::before {
  width: 64px;
}

.stars[data-stars='3']::before {
  width: 96px;
}

.stars[data-stars='4']::before {
  width: 128px;
}

.stars[data-stars='5']::before {
  width: 160px;
}

.stars--small[data-stars='1']::before {
  width: 19px;
}

.stars--small[data-stars='2']::before {
  width: 39px;
}

.stars--small[data-stars='3']::before {
  width: 58px;
}

.stars--small[data-stars='4']::before {
  width: 78px;
}

.stars--small[data-stars='5']::before {
  width: 100px;
}

.header {
  position: relative;
  z-index: 20;
  margin: 0 0 44px;
  padding: 20px 0 0;
}

.homepage .header {
  color: #FFF;
}

.header__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 0 45px;
}

.header__city {
  margin: 0;
  padding: 0 0 0 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 11 15'%3E%3Cpath fill='%2355B443' d='M4.703 14.477c-.437-.639-.939-1.359-1.504-2.16a87.753 87.753 0 00-1.176-1.696c-.237-.328-.51-.73-.82-1.203-.31-.492-.52-.839-.629-1.04-.09-.2-.2-.455-.328-.765a4.86 4.86 0 01-.219-.793C.01 6.583 0 6.31 0 6c0-1.458.51-2.698 1.531-3.719C2.552 1.261 3.791.75 5.25.75c1.458 0 2.698.51 3.719 1.531C9.989 3.302 10.5 4.541 10.5 6c0 .31-.018.583-.055.82-.018.22-.09.483-.218.793-.11.31-.22.565-.329.766-.09.2-.291.547-.601 1.039-.31.474-.583.875-.82 1.203a204.4 204.4 0 00-1.204 1.695c-.546.802-1.039 1.522-1.476 2.16a.627.627 0 01-.547.274.627.627 0 01-.547-.273zM3.691 7.559c.438.419.957.628 1.559.628s1.112-.21 1.531-.628A2.13 2.13 0 007.438 6a2.04 2.04 0 00-.657-1.531 2.04 2.04 0 00-1.531-.657 2.13 2.13 0 00-1.559.657c-.419.419-.628.93-.628 1.531 0 .602.21 1.121.628 1.559z'/%3E%3C/svg%3E") no-repeat 0 50%/11px 15px;
  color: #66BE56;
  font-size: 14px;
}

.header__logo {
  display: block;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 120px;
  height: 50px;
  margin: 0 20px 0 0;
  background: url("../img/logo.png") no-repeat 0/120px 50px;
}

.homepage .header__logo {
  background-image: url("../img/logo-homepage.png");
}

.header__mid {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.header__buy {
  margin: 0 40px 0 0;
  color: #000;
  font-family: "Jost-Light", Arial, sans-serif;
  font-size: 14px;
}

.header__buy:hover,
.header__buy:focus {
  color: #55B443;
}

.homepage .header__buy {
  color: #FFF;
}

.homepage .header__buy:hover,
.homepage .header__buy:focus {
  color: #55B443;
}

.header__buy-accent {
  display: block;
  font-family: "Jost-Regular", Arial, sans-serif;
  font-size: 28px;
}

.header__phone {
  margin: 0 40px 0 0;
  text-align: center;
}

.header__phone-number {
  display: table;
  color: #000;
  font-size: 20px;
  line-height: 1.4;
}

.header__phone-number:hover,
.header__phone-number:focus {
  color: #55B443;
}

.homepage .header__phone-number {
  color: #FFF;
}

.homepage .header__phone-number:hover,
.homepage .header__phone-number:focus {
  color: #55B443;
}

.header__phone-time {
  margin: 0;
  font-family: "Jost-Light", Arial, sans-serif;
  font-size: 14px;
}

.header__user-area {
  margin: 6px 30px 0 0;
  padding: 32px 0 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 25 25'%3E%3Cpath fill='%23000' d='M20.503 10.895h-.368V7.638c0-4.21-3.423-7.638-7.638-7.638C8.288 0 4.86 3.423 4.86 7.638c0 .388.31.699.699.699.388 0 .699-.31.699-.7a6.246 6.246 0 016.24-6.239 6.246 6.246 0 016.24 6.24v3.257H4.497c-.746 0-1.352.606-1.352 1.351v8.705A4.055 4.055 0 007.196 25h10.609a4.055 4.055 0 004.05-4.05v-8.704c0-.745-.607-1.351-1.352-1.351zm-.047 10.056a2.653 2.653 0 01-2.651 2.65H7.2a2.653 2.653 0 01-2.651-2.65v-8.658h15.907v8.658z'/%3E%3Cpath fill='%23000' d='M12.503 20.666a2.618 2.618 0 002.615-2.615 2.618 2.618 0 00-2.615-2.615 2.618 2.618 0 00-2.615 2.615c0 1.44 1.17 2.615 2.615 2.615zm0-3.837a1.219 1.219 0 010 2.439 1.219 1.219 0 010-2.439z'/%3E%3C/svg%3E") no-repeat 50% 0/25px 25px;
  color: #000;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 10px;
}

.header__user-area:hover,
.header__user-area:focus,
.homepage .header__user-area:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 25 25'%3E%3Cpath fill='%2355B443' d='M20.503 10.895h-.368V7.638c0-4.21-3.423-7.638-7.638-7.638C8.288 0 4.86 3.423 4.86 7.638c0 .388.31.699.699.699.388 0 .699-.31.699-.7a6.246 6.246 0 016.24-6.239 6.246 6.246 0 016.24 6.24v3.257H4.497c-.746 0-1.352.606-1.352 1.351v8.705A4.055 4.055 0 007.196 25h10.609a4.055 4.055 0 004.05-4.05v-8.704c0-.745-.607-1.351-1.352-1.351zm-.047 10.056a2.653 2.653 0 01-2.651 2.65H7.2a2.653 2.653 0 01-2.651-2.65v-8.658h15.907v8.658z'/%3E%3Cpath fill='%2355B443' d='M12.503 20.666a2.618 2.618 0 002.615-2.615 2.618 2.618 0 00-2.615-2.615 2.618 2.618 0 00-2.615 2.615c0 1.44 1.17 2.615 2.615 2.615zm0-3.837a1.219 1.219 0 010 2.439 1.219 1.219 0 010-2.439z'/%3E%3C/svg%3E");
  color: #55B443;
}

.homepage .header__user-area {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 25 25'%3E%3Cpath fill='%23FFF' d='M20.503 10.895h-.368V7.638c0-4.21-3.423-7.638-7.638-7.638C8.288 0 4.86 3.423 4.86 7.638c0 .388.31.699.699.699.388 0 .699-.31.699-.7a6.246 6.246 0 016.24-6.239 6.246 6.246 0 016.24 6.24v3.257H4.497c-.746 0-1.352.606-1.352 1.351v8.705A4.055 4.055 0 007.196 25h10.609a4.055 4.055 0 004.05-4.05v-8.704c0-.745-.607-1.351-1.352-1.351zm-.047 10.056a2.653 2.653 0 01-2.651 2.65H7.2a2.653 2.653 0 01-2.651-2.65v-8.658h15.907v8.658z'/%3E%3Cpath fill='%23FFF' d='M12.503 20.666a2.618 2.618 0 002.615-2.615 2.618 2.618 0 00-2.615-2.615 2.618 2.618 0 00-2.615 2.615c0 1.44 1.17 2.615 2.615 2.615zm0-3.837a1.219 1.219 0 010 2.439 1.219 1.219 0 010-2.439z'/%3E%3C/svg%3E");
  color: #FFF;
}

.header__user-area-logout {
  font-family: "Jost-Regular", Arial, sans-serif;
}

.header__cart {
  position: relative;
  z-index: 20;
  margin: 6px 0 0;
}

.header__cart-link {
  position: relative;
  display: block;
  padding: 32px 0 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 25 25'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath fill='%23000' d='M5.838 16.46h13.775a2.842 2.842 0 002.837-2.836V7.83v-.02-.042c0-.01 0-.02-.006-.03 0-.011-.005-.026-.005-.037 0-.01-.005-.02-.005-.03-.005-.01-.005-.021-.01-.037-.005-.01-.005-.02-.01-.03-.006-.01-.006-.02-.01-.031-.006-.01-.011-.02-.016-.036a.112.112 0 00-.016-.026l-.015-.03-.015-.026c-.005-.01-.016-.02-.02-.031-.006-.01-.011-.016-.021-.026-.006-.01-.016-.015-.021-.026-.005-.01-.015-.015-.02-.025-.006-.01-.016-.016-.021-.02l-.026-.026c-.01-.006-.015-.016-.026-.021-.01-.005-.02-.015-.03-.02l-.026-.016a.106.106 0 01-.03-.02l-.032-.016-.03-.015-.031-.016c-.01-.005-.02-.005-.031-.01a.095.095 0 00-.036-.01c-.01 0-.02-.005-.026-.005-.015-.006-.025-.006-.04-.006-.006 0-.011-.005-.021-.005L4.393 4.73V2.296c0-.026 0-.051-.005-.072 0-.005 0-.01-.005-.02 0-.016-.005-.031-.005-.047-.005-.015-.005-.025-.01-.04 0-.011-.005-.016-.005-.026l-.016-.047c0-.005-.005-.015-.005-.02a.154.154 0 00-.02-.041c-.006-.005-.006-.016-.01-.02a.108.108 0 00-.021-.032c-.005-.01-.01-.015-.016-.025l-.015-.026c-.005-.01-.015-.02-.02-.03a22.396 22.396 0 00-.062-.063c-.01-.01-.02-.02-.036-.03-.005-.006-.016-.01-.02-.016-.011-.01-.021-.015-.032-.026-.015-.01-.03-.02-.04-.025-.006-.005-.011-.005-.016-.01l-.067-.031L.181.055a.693.693 0 00-.909.37.693.693 0 00.37.91l3.36 1.417V17.951a2.84 2.84 0 002.472 2.81c-.252.421-.401.915-.401 1.439 0 1.546 1.259 2.8 2.8 2.8s2.8-1.259 2.8-2.8c0-.514-.139-1.002-.385-1.413h6.237c-.246.416-.385.899-.385 1.413 0 1.546 1.259 2.8 2.8 2.8 1.542 0 2.8-1.259 2.8-2.8 0-1.542-1.258-2.8-2.8-2.8H5.838a1.45 1.45 0 01-1.449-1.45v-1.88c.422.247.92.39 1.45.39zm3.453 5.735c0 .78-.637 1.413-1.413 1.413a1.419 1.419 0 01-1.413-1.413c0-.776.637-1.413 1.413-1.413s1.413.632 1.413 1.413zm11.067 0c0 .78-.637 1.413-1.413 1.413a1.419 1.419 0 01-1.413-1.413c0-.776.638-1.413 1.413-1.413.776 0 1.413.632 1.413 1.413zm-.745-7.122H5.838a1.45 1.45 0 01-1.449-1.449V6.128l16.673 2.297v5.194c0 .807-.652 1.454-1.449 1.454z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' d='M0 0h25v25H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat 50% 0/25px 25px;
  color: #000;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 10px;
}

.header__cart-link:hover,
.header__cart-link:focus,
.homepage .header__cart-link:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 25 25'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath fill='%2355B443' d='M5.838 16.46h13.775a2.842 2.842 0 002.837-2.836V7.83v-.02-.042c0-.01 0-.02-.006-.03 0-.011-.005-.026-.005-.037 0-.01-.005-.02-.005-.03-.005-.01-.005-.021-.01-.037-.005-.01-.005-.02-.01-.03-.006-.01-.006-.02-.01-.031-.006-.01-.011-.02-.016-.036a.112.112 0 00-.016-.026l-.015-.03-.015-.026c-.005-.01-.016-.02-.02-.031-.006-.01-.011-.016-.021-.026-.006-.01-.016-.015-.021-.026-.005-.01-.015-.015-.02-.025-.006-.01-.016-.016-.021-.02l-.026-.026c-.01-.006-.015-.016-.026-.021-.01-.005-.02-.015-.03-.02l-.026-.016a.106.106 0 01-.03-.02l-.032-.016-.03-.015-.031-.016c-.01-.005-.02-.005-.031-.01a.095.095 0 00-.036-.01c-.01 0-.02-.005-.026-.005-.015-.006-.025-.006-.04-.006-.006 0-.011-.005-.021-.005L4.393 4.73V2.296c0-.026 0-.051-.005-.072 0-.005 0-.01-.005-.02 0-.016-.005-.031-.005-.047-.005-.015-.005-.025-.01-.04 0-.011-.005-.016-.005-.026l-.016-.047c0-.005-.005-.015-.005-.02a.154.154 0 00-.02-.041c-.006-.005-.006-.016-.01-.02a.108.108 0 00-.021-.032c-.005-.01-.01-.015-.016-.025l-.015-.026c-.005-.01-.015-.02-.02-.03a22.396 22.396 0 00-.062-.063c-.01-.01-.02-.02-.036-.03-.005-.006-.016-.01-.02-.016-.011-.01-.021-.015-.032-.026-.015-.01-.03-.02-.04-.025-.006-.005-.011-.005-.016-.01l-.067-.031L.181.055a.693.693 0 00-.909.37.693.693 0 00.37.91l3.36 1.417V17.951a2.84 2.84 0 002.472 2.81c-.252.421-.401.915-.401 1.439 0 1.546 1.259 2.8 2.8 2.8s2.8-1.259 2.8-2.8c0-.514-.139-1.002-.385-1.413h6.237c-.246.416-.385.899-.385 1.413 0 1.546 1.259 2.8 2.8 2.8 1.542 0 2.8-1.259 2.8-2.8 0-1.542-1.258-2.8-2.8-2.8H5.838a1.45 1.45 0 01-1.449-1.45v-1.88c.422.247.92.39 1.45.39zm3.453 5.735c0 .78-.637 1.413-1.413 1.413a1.419 1.419 0 01-1.413-1.413c0-.776.637-1.413 1.413-1.413s1.413.632 1.413 1.413zm11.067 0c0 .78-.637 1.413-1.413 1.413a1.419 1.419 0 01-1.413-1.413c0-.776.638-1.413 1.413-1.413.776 0 1.413.632 1.413 1.413zm-.745-7.122H5.838a1.45 1.45 0 01-1.449-1.449V6.128l16.673 2.297v5.194c0 .807-.652 1.454-1.449 1.454z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' d='M0 0h25v25H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  color: #55B443;
}

.homepage .header__cart-link {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 25 25'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath fill='%23FFF' d='M5.838 16.46h13.775a2.842 2.842 0 002.837-2.836V7.83v-.02-.042c0-.01 0-.02-.006-.03 0-.011-.005-.026-.005-.037 0-.01-.005-.02-.005-.03-.005-.01-.005-.021-.01-.037-.005-.01-.005-.02-.01-.03-.006-.01-.006-.02-.01-.031-.006-.01-.011-.02-.016-.036a.112.112 0 00-.016-.026l-.015-.03-.015-.026c-.005-.01-.016-.02-.02-.031-.006-.01-.011-.016-.021-.026-.006-.01-.016-.015-.021-.026-.005-.01-.015-.015-.02-.025-.006-.01-.016-.016-.021-.02l-.026-.026c-.01-.006-.015-.016-.026-.021-.01-.005-.02-.015-.03-.02l-.026-.016a.106.106 0 01-.03-.02l-.032-.016-.03-.015-.031-.016c-.01-.005-.02-.005-.031-.01a.095.095 0 00-.036-.01c-.01 0-.02-.005-.026-.005-.015-.006-.025-.006-.04-.006-.006 0-.011-.005-.021-.005L4.393 4.73V2.296c0-.026 0-.051-.005-.072 0-.005 0-.01-.005-.02 0-.016-.005-.031-.005-.047-.005-.015-.005-.025-.01-.04 0-.011-.005-.016-.005-.026l-.016-.047c0-.005-.005-.015-.005-.02a.154.154 0 00-.02-.041c-.006-.005-.006-.016-.01-.02a.108.108 0 00-.021-.032c-.005-.01-.01-.015-.016-.025l-.015-.026c-.005-.01-.015-.02-.02-.03a22.396 22.396 0 00-.062-.063c-.01-.01-.02-.02-.036-.03-.005-.006-.016-.01-.02-.016-.011-.01-.021-.015-.032-.026-.015-.01-.03-.02-.04-.025-.006-.005-.011-.005-.016-.01l-.067-.031L.181.055a.693.693 0 00-.909.37.693.693 0 00.37.91l3.36 1.417V17.951a2.84 2.84 0 002.472 2.81c-.252.421-.401.915-.401 1.439 0 1.546 1.259 2.8 2.8 2.8s2.8-1.259 2.8-2.8c0-.514-.139-1.002-.385-1.413h6.237c-.246.416-.385.899-.385 1.413 0 1.546 1.259 2.8 2.8 2.8 1.542 0 2.8-1.259 2.8-2.8 0-1.542-1.258-2.8-2.8-2.8H5.838a1.45 1.45 0 01-1.449-1.45v-1.88c.422.247.92.39 1.45.39zm3.453 5.735c0 .78-.637 1.413-1.413 1.413a1.419 1.419 0 01-1.413-1.413c0-.776.637-1.413 1.413-1.413s1.413.632 1.413 1.413zm11.067 0c0 .78-.637 1.413-1.413 1.413a1.419 1.419 0 01-1.413-1.413c0-.776.638-1.413 1.413-1.413.776 0 1.413.632 1.413 1.413zm-.745-7.122H5.838a1.45 1.45 0 01-1.449-1.449V6.128l16.673 2.297v5.194c0 .807-.652 1.454-1.449 1.454z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' d='M0 0h25v25H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  color: #FFF;
}

.header__cart-counter {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1px 6px;
  border-radius: 100px;
  background: #F5526D;
  color: #FFF;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 10px;
  font-size: 11px;
}

.header__cart-inner {
  position: absolute;
  top: 55px;
  right: 0;
  display: none;
  width: 480px;
  padding: 25px;
  background: #FFF;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
  color: #000;
}

.header__cart-inner ::-webkit-scrollbar {
  box-shadow: 0 0 0 1px #CFD6DB;
  -webkit-appearance: none;
}

.header__cart-inner ::-webkit-scrollbar:vertical {
  width: 14px;
}

.header__cart-inner ::-webkit-scrollbar:horizontal {
  height: 14px;
}

.header__cart-inner ::-webkit-scrollbar-thumb {
  border: 3px solid #FFF;
  border-radius: 10px;
  background: #CFD6DB;
}

.header__cart-inner ::-webkit-scrollbar-thumb:hover {
  background: #55B443;
}

.header__cart-inner ::-webkit-scrollbar-track {
  border-radius: 10px;
}

.header__cart-inner::before {
  content: '';
  position: absolute;
  top: -3px;
  right: 15px;
  width: 12px;
  height: 12px;
  background: #FFF;
  -webkit-transform: scale(1.5, 1) rotate(-45deg);
  transform: scale(1.5, 1) rotate(-45deg);
}

.header__cart-inner::after {
  content: '';
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  height: 10px;
}

.header__cart:hover .header__cart-inner,
.header__cart:focus .header__cart-inner {
  display: block;
}

.header__cart-container {
  overflow: auto;
  max-height: 330px;
  margin: 0 -24px 0 0;
  padding: 0 25px 0 0;
}

.header__cart-items {
  border-collapse: collapse;
}

.header__cart-item {
  font-family: "Jost-Medium", Arial, sans-serif;
}

.header__cart-cell {
  padding: 0 0 18px;
}

.header__cart-cell:not(:last-child) {
  padding-right: 17px;
}

.header__cart-title {
  width: 100%;
  font-size: 14px;
}

.header__cart-quantity {
  min-width: 50px;
}

.header__cart-price {
  min-width: 40px;
  white-space: nowrap;
}

.header__cart-image {
  border: 1px solid #CFD6DB;
  vertical-align: middle;
}

.header__cart-total {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 0 20px;
  padding: 20px 0 0;
  border-top: 1px solid #CFD6DB;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 16px;
}

.header__cart-total-amount {
  color: #55B443;
}

.header__cart-button {
  display: block;
  padding: 5px 15px 10px;
  background: #55B443;
  color: #FFF;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 18px;
  text-align: center;
}

.header__cart-button:hover,
.header__cart-button:focus {
  background: #2B9816;
}

.header__nav-toggle {
  position: relative;
  display: none;
  margin: 0 25px 0 auto;
  padding: 0 0 0 24px;
  border: none;
  background: none;
  font: inherit;
}

.header__nav-toggle::before,
.header__nav-toggle::after {
  content: '';
  position: absolute;
  top: 4px;
  left: 0;
  width: 16px;
  height: 11px;
  border: solid #000;
  border-width: 1px 0;
}

.homepage .header__nav-toggle::before,
.homepage .header__nav-toggle::after {
  border-color: #FFF;
}

.header__nav-toggle::after {
  height: 6px;
}

.header__nav-toggle:focus {
  outline: none;
  color: #55B443;
}

.header__nav-toggle:focus::before,
.header__nav-toggle:focus::after {
  border-color: #55B443;
}

.homepage .header__nav-toggle {
  color: #FFF;
}

.header-nav {
  position: relative;
  z-index: 20;
  margin: 0 27px 0 auto;
  font-size: 14px;
}

.header-nav__close {
  position: absolute;
  top: 13px;
  right: 0;
  display: none;
  padding: 0;
  border: none;
  background: none;
  color: #55B443;
  font: inherit;
}

.header-nav__close:focus {
  outline: none;
  color: #000;
}

.header-nav__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -14px;
  padding: 0;
  list-style: none;
}

.header-nav__item {
  position: relative;
  margin: 0 14px;
}

.header-nav__link {
  color: #000;
}

.header-nav__link:not(:last-child) {
  padding-right: 13px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 5'%3E%3Cpath stroke='%23000' d='M1 1l3 3 1.5-1.5L7 1'/%3E%3C/svg%3E") no-repeat 100% 8px/8px 5px;
}

.homepage .header-nav__link:not(:last-child) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 5'%3E%3Cpath stroke='%23FFF' d='M1 1l3 3 1.5-1.5L7 1'/%3E%3C/svg%3E");
}

.header-nav__item:hover .header-nav__link:not(:last-child),
.header-nav__item:focus .header-nav__link:not(:last-child) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 5'%3E%3Cpath stroke='%2355B443' d='M1 1l3 3 1.5-1.5L7 1'/%3E%3C/svg%3E");
  color: #55B443;
}

.header-nav__link:hover,
.header-nav__link:focus,
.homepage .header-nav__link:hover {
  color: #55B443;
}

.homepage .header-nav__link {
  color: #FFF;
}

.header-nav__toggle {
  display: none;
  width: 14px;
  height: 14px;
  margin: 3px 0 0;
  padding: 0;
  border: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 5'%3E%3Cpath stroke='%238A98A3' d='M1 .5l3 3L5.5 2 7 .5'/%3E%3C/svg%3E") no-repeat 50%/8px 5px;
  vertical-align: top;
  cursor: pointer;
}

.header-nav__toggle:focus {
  outline: none;
  background-color: #EFF2F4;
}

.header-nav__sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  min-width: 100%;
  margin: 5px 0 0;
  padding: 5px 0;
  list-style: none;
  background: #FFF;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
  white-space: nowrap;
}

.header-nav__sub-menu::before {
  content: '';
  position: absolute;
  top: -5px;
  left: 0;
  right: 0;
  height: 5px;
}

.header-nav__sub-menu .header-nav__item {
  margin: 0;
}

.header-nav__item:hover .header-nav__sub-menu,
.header-nav__item:focus .header-nav__sub-menu {
  display: block;
}

.header-nav__sub-menu .header-nav__link {
  display: block;
  padding: 7px 15px;
  color: #000;
}

.header-nav__sub-menu .header-nav__link:hover,
.header-nav__sub-menu .header-nav__link:focus {
  color: #55B443;
}

.social {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 -25px 0 0;
  padding: 0;
  list-style: none;
}

.social__item {
  margin: 0 25px 0 0;
}

.social__link {
  display: block;
  width: 14px;
  height: 14px;
}

.social__link--vk {
  width: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 12'%3E%3Cpath fill='%23000' d='M18.648 5.017c.3-.387.537-.697.712-.931 1.263-1.679 1.81-2.752 1.643-3.22l-.066-.109c-.044-.066-.158-.126-.34-.18-.182-.055-.416-.064-.7-.028l-3.154.022a.898.898 0 00-.362.038l-.054.028-.044.032a.485.485 0 00-.12.116.743.743 0 00-.11.191 17.864 17.864 0 01-1.172 2.464c-.27.453-.518.846-.744 1.177a5.626 5.626 0 01-.57.734 3.943 3.943 0 01-.416.378c-.124.095-.219.135-.284.12a5.377 5.377 0 01-.187-.044.723.723 0 01-.246-.268 1.203 1.203 0 01-.126-.427 4.598 4.598 0 01-.038-.444c-.004-.124-.002-.299.005-.525.008-.227.011-.38.011-.46 0-.277.006-.579.017-.904.01-.324.02-.582.027-.772.007-.19.011-.39.011-.602 0-.211-.013-.378-.038-.498a1.75 1.75 0 00-.115-.35.588.588 0 00-.225-.263 1.267 1.267 0 00-.367-.148C11.21.056 10.716.009 10.118 0 8.76-.013 7.888.075 7.5.265c-.154.08-.292.19-.416.328-.132.16-.15.249-.055.263.438.065.748.223.93.47l.066.132c.051.095.103.263.154.504.05.24.084.507.098.8.037.532.037.988 0 1.368-.036.38-.07.675-.104.887a1.776 1.776 0 01-.147.514c-.066.132-.11.212-.132.242a.193.193 0 01-.054.054.822.822 0 01-.296.055c-.102 0-.227-.051-.373-.154a2.59 2.59 0 01-.454-.421 5.604 5.604 0 01-.531-.75c-.197-.321-.402-.701-.613-1.139L5.399 3.1c-.11-.204-.26-.501-.45-.892-.19-.39-.357-.768-.503-1.133a.725.725 0 00-.263-.35L4.128.69a.745.745 0 00-.175-.093 1.18 1.18 0 00-.252-.07l-3 .02c-.307 0-.515.07-.624.21L.033.822A.353.353 0 000 .998c0 .08.022.179.066.296.438 1.03.914 2.022 1.429 2.978.515.957.962 1.727 1.341 2.31.38.585.767 1.136 1.161 1.654.394.519.655.85.783.997.128.146.228.255.301.328l.274.263c.175.175.432.385.772.63s.715.485 1.128.722c.412.238.892.431 1.44.581.547.15 1.08.21 1.598.18h1.26c.255-.021.449-.101.58-.24l.044-.055a.743.743 0 00.082-.202 1.12 1.12 0 00.038-.301 3.601 3.601 0 01.071-.849c.055-.252.117-.442.187-.57a1.398 1.398 0 01.421-.481.882.882 0 01.088-.039c.175-.058.381-.002.619.17.237.172.46.383.668.635.208.252.458.535.75.849.292.314.547.547.766.7l.22.132c.145.088.335.168.569.241.233.073.438.091.613.055l2.803-.044c.278 0 .493-.046.646-.137.154-.09.245-.192.274-.301a.85.85 0 00.006-.372 1.365 1.365 0 00-.077-.29c-.026-.055-.05-.1-.071-.137-.365-.657-1.063-1.464-2.092-2.42l-.022-.022-.01-.011-.012-.01h-.01c-.468-.446-.763-.745-.887-.899-.227-.292-.278-.587-.154-.887.087-.227.416-.705.985-1.435z'/%3E%3C/svg%3E") no-repeat 50%/22px 22px;
}

.social__link--vk:hover,
.social__link--vk:focus,
.homepage .social__link--vk:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 12'%3E%3Cpath fill='%2355B443' d='M18.648 5.017c.3-.387.537-.697.712-.931 1.263-1.679 1.81-2.752 1.643-3.22l-.066-.109c-.044-.066-.158-.126-.34-.18-.182-.055-.416-.064-.7-.028l-3.154.022a.898.898 0 00-.362.038l-.054.028-.044.032a.485.485 0 00-.12.116.743.743 0 00-.11.191 17.864 17.864 0 01-1.172 2.464c-.27.453-.518.846-.744 1.177a5.626 5.626 0 01-.57.734 3.943 3.943 0 01-.416.378c-.124.095-.219.135-.284.12a5.377 5.377 0 01-.187-.044.723.723 0 01-.246-.268 1.203 1.203 0 01-.126-.427 4.598 4.598 0 01-.038-.444c-.004-.124-.002-.299.005-.525.008-.227.011-.38.011-.46 0-.277.006-.579.017-.904.01-.324.02-.582.027-.772.007-.19.011-.39.011-.602 0-.211-.013-.378-.038-.498a1.75 1.75 0 00-.115-.35.588.588 0 00-.225-.263 1.267 1.267 0 00-.367-.148C11.21.056 10.716.009 10.118 0 8.76-.013 7.888.075 7.5.265c-.154.08-.292.19-.416.328-.132.16-.15.249-.055.263.438.065.748.223.93.47l.066.132c.051.095.103.263.154.504.05.24.084.507.098.8.037.532.037.988 0 1.368-.036.38-.07.675-.104.887a1.776 1.776 0 01-.147.514c-.066.132-.11.212-.132.242a.193.193 0 01-.054.054.822.822 0 01-.296.055c-.102 0-.227-.051-.373-.154a2.59 2.59 0 01-.454-.421 5.604 5.604 0 01-.531-.75c-.197-.321-.402-.701-.613-1.139L5.399 3.1c-.11-.204-.26-.501-.45-.892-.19-.39-.357-.768-.503-1.133a.725.725 0 00-.263-.35L4.128.69a.745.745 0 00-.175-.093 1.18 1.18 0 00-.252-.07l-3 .02c-.307 0-.515.07-.624.21L.033.822A.353.353 0 000 .998c0 .08.022.179.066.296.438 1.03.914 2.022 1.429 2.978.515.957.962 1.727 1.341 2.31.38.585.767 1.136 1.161 1.654.394.519.655.85.783.997.128.146.228.255.301.328l.274.263c.175.175.432.385.772.63s.715.485 1.128.722c.412.238.892.431 1.44.581.547.15 1.08.21 1.598.18h1.26c.255-.021.449-.101.58-.24l.044-.055a.743.743 0 00.082-.202 1.12 1.12 0 00.038-.301 3.601 3.601 0 01.071-.849c.055-.252.117-.442.187-.57a1.398 1.398 0 01.421-.481.882.882 0 01.088-.039c.175-.058.381-.002.619.17.237.172.46.383.668.635.208.252.458.535.75.849.292.314.547.547.766.7l.22.132c.145.088.335.168.569.241.233.073.438.091.613.055l2.803-.044c.278 0 .493-.046.646-.137.154-.09.245-.192.274-.301a.85.85 0 00.006-.372 1.365 1.365 0 00-.077-.29c-.026-.055-.05-.1-.071-.137-.365-.657-1.063-1.464-2.092-2.42l-.022-.022-.01-.011-.012-.01h-.01c-.468-.446-.763-.745-.887-.899-.227-.292-.278-.587-.154-.887.087-.227.416-.705.985-1.435z'/%3E%3C/svg%3E");
}

.homepage .social__link--vk {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 12'%3E%3Cpath fill='%23FFF' d='M18.648 5.017c.3-.387.537-.697.712-.931 1.263-1.679 1.81-2.752 1.643-3.22l-.066-.109c-.044-.066-.158-.126-.34-.18-.182-.055-.416-.064-.7-.028l-3.154.022a.898.898 0 00-.362.038l-.054.028-.044.032a.485.485 0 00-.12.116.743.743 0 00-.11.191 17.864 17.864 0 01-1.172 2.464c-.27.453-.518.846-.744 1.177a5.626 5.626 0 01-.57.734 3.943 3.943 0 01-.416.378c-.124.095-.219.135-.284.12a5.377 5.377 0 01-.187-.044.723.723 0 01-.246-.268 1.203 1.203 0 01-.126-.427 4.598 4.598 0 01-.038-.444c-.004-.124-.002-.299.005-.525.008-.227.011-.38.011-.46 0-.277.006-.579.017-.904.01-.324.02-.582.027-.772.007-.19.011-.39.011-.602 0-.211-.013-.378-.038-.498a1.75 1.75 0 00-.115-.35.588.588 0 00-.225-.263 1.267 1.267 0 00-.367-.148C11.21.056 10.716.009 10.118 0 8.76-.013 7.888.075 7.5.265c-.154.08-.292.19-.416.328-.132.16-.15.249-.055.263.438.065.748.223.93.47l.066.132c.051.095.103.263.154.504.05.24.084.507.098.8.037.532.037.988 0 1.368-.036.38-.07.675-.104.887a1.776 1.776 0 01-.147.514c-.066.132-.11.212-.132.242a.193.193 0 01-.054.054.822.822 0 01-.296.055c-.102 0-.227-.051-.373-.154a2.59 2.59 0 01-.454-.421 5.604 5.604 0 01-.531-.75c-.197-.321-.402-.701-.613-1.139L5.399 3.1c-.11-.204-.26-.501-.45-.892-.19-.39-.357-.768-.503-1.133a.725.725 0 00-.263-.35L4.128.69a.745.745 0 00-.175-.093 1.18 1.18 0 00-.252-.07l-3 .02c-.307 0-.515.07-.624.21L.033.822A.353.353 0 000 .998c0 .08.022.179.066.296.438 1.03.914 2.022 1.429 2.978.515.957.962 1.727 1.341 2.31.38.585.767 1.136 1.161 1.654.394.519.655.85.783.997.128.146.228.255.301.328l.274.263c.175.175.432.385.772.63s.715.485 1.128.722c.412.238.892.431 1.44.581.547.15 1.08.21 1.598.18h1.26c.255-.021.449-.101.58-.24l.044-.055a.743.743 0 00.082-.202 1.12 1.12 0 00.038-.301 3.601 3.601 0 01.071-.849c.055-.252.117-.442.187-.57a1.398 1.398 0 01.421-.481.882.882 0 01.088-.039c.175-.058.381-.002.619.17.237.172.46.383.668.635.208.252.458.535.75.849.292.314.547.547.766.7l.22.132c.145.088.335.168.569.241.233.073.438.091.613.055l2.803-.044c.278 0 .493-.046.646-.137.154-.09.245-.192.274-.301a.85.85 0 00.006-.372 1.365 1.365 0 00-.077-.29c-.026-.055-.05-.1-.071-.137-.365-.657-1.063-1.464-2.092-2.42l-.022-.022-.01-.011-.012-.01h-.01c-.468-.446-.763-.745-.887-.899-.227-.292-.278-.587-.154-.887.087-.227.416-.705.985-1.435z'/%3E%3C/svg%3E");
}

.social__link--in {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14'%3E%3Cpath fill='%23000' d='M1.797 0h10.406C13.191 0 14 .732 14 1.797v10.406C14 13.268 13.19 14 12.203 14H1.797C.808 14 0 13.268 0 12.203V1.797C0 .732.808 0 1.797 0zm8.401 1.555a.632.632 0 00-.63.63v1.51c0 .346.284.63.63.63h1.583c.346 0 .63-.284.63-.63v-1.51a.632.632 0 00-.63-.63h-1.583zm2.22 4.366h-1.232c.116.38.18.783.18 1.2 0 2.33-1.95 4.217-4.353 4.217-2.403 0-4.351-1.888-4.351-4.216 0-.418.063-.821.18-1.201H1.556v5.913c0 .306.25.557.556.557h9.75c.306 0 .556-.25.556-.557V5.921zM7.013 4.245c-1.553 0-2.811 1.22-2.811 2.725 0 1.504 1.258 2.724 2.811 2.724s2.812-1.22 2.812-2.724c0-1.505-1.259-2.725-2.812-2.725z'/%3E%3C/svg%3E");
}

.social__link--in:hover,
.social__link--in:focus,
.homepage .social__link--in:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14'%3E%3Cpath fill='%2355B443' d='M1.797 0h10.406C13.191 0 14 .732 14 1.797v10.406C14 13.268 13.19 14 12.203 14H1.797C.808 14 0 13.268 0 12.203V1.797C0 .732.808 0 1.797 0zm8.401 1.555a.632.632 0 00-.63.63v1.51c0 .346.284.63.63.63h1.583c.346 0 .63-.284.63-.63v-1.51a.632.632 0 00-.63-.63h-1.583zm2.22 4.366h-1.232c.116.38.18.783.18 1.2 0 2.33-1.95 4.217-4.353 4.217-2.403 0-4.351-1.888-4.351-4.216 0-.418.063-.821.18-1.201H1.556v5.913c0 .306.25.557.556.557h9.75c.306 0 .556-.25.556-.557V5.921zM7.013 4.245c-1.553 0-2.811 1.22-2.811 2.725 0 1.504 1.258 2.724 2.811 2.724s2.812-1.22 2.812-2.724c0-1.505-1.259-2.725-2.812-2.725z'/%3E%3C/svg%3E");
}

.homepage .social__link--in {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14'%3E%3Cpath fill='%23FFF' d='M1.797 0h10.406C13.191 0 14 .732 14 1.797v10.406C14 13.268 13.19 14 12.203 14H1.797C.808 14 0 13.268 0 12.203V1.797C0 .732.808 0 1.797 0zm8.401 1.555a.632.632 0 00-.63.63v1.51c0 .346.284.63.63.63h1.583c.346 0 .63-.284.63-.63v-1.51a.632.632 0 00-.63-.63h-1.583zm2.22 4.366h-1.232c.116.38.18.783.18 1.2 0 2.33-1.95 4.217-4.353 4.217-2.403 0-4.351-1.888-4.351-4.216 0-.418.063-.821.18-1.201H1.556v5.913c0 .306.25.557.556.557h9.75c.306 0 .556-.25.556-.557V5.921zM7.013 4.245c-1.553 0-2.811 1.22-2.811 2.725 0 1.504 1.258 2.724 2.811 2.724s2.812-1.22 2.812-2.724c0-1.505-1.259-2.725-2.812-2.725z'/%3E%3C/svg%3E");
}


.social__link--yo {
  width: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' transform='matrix(1.42 0 0 1.42 4 0)' fill='none' viewBox='0 0 440.42 310'%3E%3Cpath fill='%23000' d='M297.917,64.645c-11.19-13.302-31.85-18.728-71.306-18.728H83.386c-40.359,0-61.369,5.776-72.517,19.938C0,79.663,0,100.008,0,128.166v53.669c0,54.551,12.896,82.248,83.386,82.248h143.226c34.216,0,53.176-4.788,65.442-16.527C304.633,235.518,310,215.863,310,181.835v-53.669C310,98.471,309.159,78.006,297.917,64.645z M199.021,162.41l-65.038,33.991c-1.454,0.76-3.044,1.137-4.632,1.137c-1.798,0-3.592-0.484-5.181-1.446c-2.992-1.813-4.819-5.056-4.819-8.554v-67.764c0-3.492,1.822-6.732,4.808-8.546c2.987-1.814,6.702-1.938,9.801-0.328l65.038,33.772c3.309,1.718,5.387,5.134,5.392,8.861C204.394,157.263,202.325,160.684,199.021,162.41z'/%3E%3C/svg%3E");
}

.social__link--yo:hover,
.social__link--yo:focus,
.homepage .social__link--yo:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' transform='matrix(1.42 0 0 1.42 4 0)' fill='none' viewBox='0 0 440.42 310'%3E%3Cpath fill='%2355B443' d='M297.917,64.645c-11.19-13.302-31.85-18.728-71.306-18.728H83.386c-40.359,0-61.369,5.776-72.517,19.938C0,79.663,0,100.008,0,128.166v53.669c0,54.551,12.896,82.248,83.386,82.248h143.226c34.216,0,53.176-4.788,65.442-16.527C304.633,235.518,310,215.863,310,181.835v-53.669C310,98.471,309.159,78.006,297.917,64.645z M199.021,162.41l-65.038,33.991c-1.454,0.76-3.044,1.137-4.632,1.137c-1.798,0-3.592-0.484-5.181-1.446c-2.992-1.813-4.819-5.056-4.819-8.554v-67.764c0-3.492,1.822-6.732,4.808-8.546c2.987-1.814,6.702-1.938,9.801-0.328l65.038,33.772c3.309,1.718,5.387,5.134,5.392,8.861C204.394,157.263,202.325,160.684,199.021,162.41z'/%3E%3C/svg%3E");
}

.homepage .social__link--yo {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' transform='matrix(1.42 0 0 1.42 4 0)' fill='none' viewBox='0 0 440.42 310'%3E%3Cpath fill='%23FFF' d='M297.917,64.645c-11.19-13.302-31.85-18.728-71.306-18.728H83.386c-40.359,0-61.369,5.776-72.517,19.938C0,79.663,0,100.008,0,128.166v53.669c0,54.551,12.896,82.248,83.386,82.248h143.226c34.216,0,53.176-4.788,65.442-16.527C304.633,235.518,310,215.863,310,181.835v-53.669C310,98.471,309.159,78.006,297.917,64.645z M199.021,162.41l-65.038,33.991c-1.454,0.76-3.044,1.137-4.632,1.137c-1.798,0-3.592-0.484-5.181-1.446c-2.992-1.813-4.819-5.056-4.819-8.554v-67.764c0-3.492,1.822-6.732,4.808-8.546c2.987-1.814,6.702-1.938,9.801-0.328l65.038,33.772c3.309,1.718,5.387,5.134,5.392,8.861C204.394,157.263,202.325,160.684,199.021,162.41z'/%3E%3C/svg%3E");
}

.social__link--wa {
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M7.91.5a7.5 7.5 0 0 0-6.43 11.34l-1 3.66 3.73-.98A7.5 7.5 0 1 0 7.91.5Zm-2.56 4h.35c.13 0 .28.02.42.33.16.36.53 1.28.57 1.38.05.09.08.2.02.32-.06.13-.1.2-.19.31l-.28.32c-.09.1-.19.2-.08.38.1.19.48.8 1.03 1.29.71.63 1.31.83 1.5.92.18.1.3.08.4-.04.11-.13.46-.54.59-.73.12-.19.25-.16.42-.1.17.07 1.08.52 1.27.61.18.1.3.14.35.22.05.07.05.45-.1.88-.16.43-.92.85-1.26.88-.34.03-.66.15-2.23-.46-1.89-.75-3.08-2.68-3.17-2.8-.1-.13-.76-1.01-.76-1.93 0-.91.48-1.36.65-1.55a.68.68 0 0 1 .5-.23Z'/%3E%3C/svg%3E");
}

.social__link--wa:hover,
.social__link--wa:focus,
.homepage .social__link--wa:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%2355B443' d='M7.91.5a7.5 7.5 0 0 0-6.43 11.34l-1 3.66 3.73-.98A7.5 7.5 0 1 0 7.91.5Zm-2.56 4h.35c.13 0 .28.02.42.33.16.36.53 1.28.57 1.38.05.09.08.2.02.32-.06.13-.1.2-.19.31l-.28.32c-.09.1-.19.2-.08.38.1.19.48.8 1.03 1.29.71.63 1.31.83 1.5.92.18.1.3.08.4-.04.11-.13.46-.54.59-.73.12-.19.25-.16.42-.1.17.07 1.08.52 1.27.61.18.1.3.14.35.22.05.07.05.45-.1.88-.16.43-.92.85-1.26.88-.34.03-.66.15-2.23-.46-1.89-.75-3.08-2.68-3.17-2.8-.1-.13-.76-1.01-.76-1.93 0-.91.48-1.36.65-1.55a.68.68 0 0 1 .5-.23Z'/%3E%3C/svg%3E");
}

.homepage .social__link--wa {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M7.91.5a7.5 7.5 0 0 0-6.43 11.34l-1 3.66 3.73-.98A7.5 7.5 0 1 0 7.91.5Zm-2.56 4h.35c.13 0 .28.02.42.33.16.36.53 1.28.57 1.38.05.09.08.2.02.32-.06.13-.1.2-.19.31l-.28.32c-.09.1-.19.2-.08.38.1.19.48.8 1.03 1.29.71.63 1.31.83 1.5.92.18.1.3.08.4-.04.11-.13.46-.54.59-.73.12-.19.25-.16.42-.1.17.07 1.08.52 1.27.61.18.1.3.14.35.22.05.07.05.45-.1.88-.16.43-.92.85-1.26.88-.34.03-.66.15-2.23-.46-1.89-.75-3.08-2.68-3.17-2.8-.1-.13-.76-1.01-.76-1.93 0-.91.48-1.36.65-1.55a.68.68 0 0 1 .5-.23Z'/%3E%3C/svg%3E");
}

.social__link--tg {
  width: 16px;
  height: 15px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' fill='none' viewBox='0 0 16 15'%3E%3Cpath fill='%23000' d='M15.51.7c-.26-.23-.67-.26-1.1-.1L1.2 6.27c-.08.03-.87.32-.8.98.08.6.72.84.8.87l3.1 1.06 1.14 3.77c.1.34.28.78.58.87.26.1.52.01.7-.12l1.9-1.77 3.07 2.4.07.04c.21.1.41.14.6.14.15 0 .29-.03.43-.08.46-.2.64-.63.66-.68l2.3-11.93c.13-.63-.06-.96-.25-1.12ZM7.06 9.6l-1.05 2.8-1.05-3.5 8.05-5.95L7.06 9.6Z'/%3E%3C/svg%3E");
}

.social__link--tg:hover,
.social__link--tg:focus,
.homepage .social__link--tg:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' fill='none' viewBox='0 0 16 15'%3E%3Cpath fill='%2355B443' d='M15.51.7c-.26-.23-.67-.26-1.1-.1L1.2 6.27c-.08.03-.87.32-.8.98.08.6.72.84.8.87l3.1 1.06 1.14 3.77c.1.34.28.78.58.87.26.1.52.01.7-.12l1.9-1.77 3.07 2.4.07.04c.21.1.41.14.6.14.15 0 .29-.03.43-.08.46-.2.64-.63.66-.68l2.3-11.93c.13-.63-.06-.96-.25-1.12ZM7.06 9.6l-1.05 2.8-1.05-3.5 8.05-5.95L7.06 9.6Z'/%3E%3C/svg%3E");
}

.homepage .social__link--tg {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' fill='none' viewBox='0 0 16 15'%3E%3Cpath fill='%23FFF' d='M15.51.7c-.26-.23-.67-.26-1.1-.1L1.2 6.27c-.08.03-.87.32-.8.98.08.6.72.84.8.87l3.1 1.06 1.14 3.77c.1.34.28.78.58.87.26.1.52.01.7-.12l1.9-1.77 3.07 2.4.07.04c.21.1.41.14.6.14.15 0 .29-.03.43-.08.46-.2.64-.63.66-.68l2.3-11.93c.13-.63-.06-.96-.25-1.12ZM7.06 9.6l-1.05 2.8-1.05-3.5 8.05-5.95L7.06 9.6Z'/%3E%3C/svg%3E");
}

.header-catalog {
  position: relative;
  z-index: 21;
}

.header-catalog__heading {
  position: relative;
  z-index: 1;
  height: 42px;
  margin: 0;
  padding: 0 17px 2px 45px;
  border: 1px solid #55B443;
  border-right: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 15'%3E%3Cpath fill='%2355B443' d='M0 0h16v2.154H0zM0 6h12v2.154H0zM0 11.923h16v2.154H0z'/%3E%3C/svg%3E") no-repeat 13px 50%/16px 15px;
  color: #55B443;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 18px;
  line-height: 38px;
  text-align: left;
  cursor: pointer;
}

.header-catalog__heading::after {
  content: '';
  position: absolute;
  top: -1px;
  right: -11px;
  bottom: -1px;
  width: 11px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 196 42'%3E%3Cpath stroke='%2355B443' d='M.5.5h185.177l9.274 20.5-9.274 20.5H.5V.5z'/%3E%3C/svg%3E") no-repeat 100% 0/196px 42px;
}

.header-catalog__heading:focus {
  outline: none;
}

.header-catalog--active .header-catalog__heading {
  padding-right: 28px;
  background-color: #55B443;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 15'%3E%3Cpath fill='%23FFF' d='M0 0h16v2.154H0zM0 6h12v2.154H0zM0 11.923h16v2.154H0z'/%3E%3C/svg%3E");
  color: #FFF;
}

.header-catalog--active .header-catalog__heading::after {
  display: none;
}

.header-catalog__list {
  position: absolute;
  display: none;
  min-width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #AAD9A1;
  background: #FFF;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
}

.header-catalog--active .header-catalog__list {
  display: block;
  box-shadow: none;
}

.header-catalog__item {
  position: relative;
  border-top: 1px solid #AAD9A1;
}

.header-catalog__link {
  display: block;
  padding: 12px 15px 15px;
  background: #55B443;
  color: #FFF;
}

.header-catalog__toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 46px;
  border: none;
  background: none;
  cursor: pointer;
}

.header-catalog__toggle::before {
  content: '';
  position: absolute;
  top: 18px;
  left: 10px;
  width: 6px;
  height: 10px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 6 10'%3E%3Cpath stroke='%23fff' d='M1 9l4-4-2-2-2-2'/%3E%3C/svg%3E");
}

.header-catalog__toggle:focus {
  outline: none;
}

.header-catalog__toggle--active::before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.header-catalog__sub-menu {
  display: none;
  margin: 0;
  padding: 5px 0;
  list-style: none;
}

.header-catalog__sub-menu--active {
  display: block;
}

.header-catalog__sub-menu .header-catalog__item {
  border: none;
}

.header-catalog__sub-menu .header-catalog__link {
  padding-top: 8px;
  padding-bottom: 11px;
  background: #FFF;
  color: #55B443;
}

.header-catalog__sub-menu .header-catalog__link:hover,
.header-catalog__sub-menu .header-catalog__link:focus {
  color: #000;
}

.search-toggle {
  display: none;
  width: 26px;
  height: 25px;
  margin: 10px 25px 0 auto;
  border: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 26 25'%3E%3Cpath fill='%23000' d='M25.187 23.725L19.01 17.65a10.517 10.517 0 002.66-6.99C21.67 4.778 16.808 0 10.835 0 4.857 0 0 4.784 0 10.66c0 5.875 4.863 10.66 10.835 10.66 2.716 0 5.201-.987 7.106-2.617l6.175 6.075a.772.772 0 00.535.222.749.749 0 00.536-.222.74.74 0 000-1.053zM1.516 10.66c0-5.056 4.18-9.163 9.314-9.163 5.139 0 9.314 4.113 9.314 9.163s-4.175 9.168-9.314 9.168c-5.133 0-9.314-4.113-9.314-9.168z'/%3E%3C/svg%3E");
  cursor: pointer;
}

.search-toggle:focus {
  outline: none;
}

.search {
  position: relative;
  z-index: 20;
  width: 180px;
  margin: 0 40px 0 auto;
}

.search ::-webkit-scrollbar {
  box-shadow: 0 0 0 1px #CFD6DB;
  -webkit-appearance: none;
}

.search ::-webkit-scrollbar:vertical {
  width: 10px;
}

.search ::-webkit-scrollbar:horizontal {
  height: 10px;
}

.search ::-webkit-scrollbar-thumb {
  border: 3px solid #FFF;
  border-radius: 10px;
  background: #CFD6DB;
}

.search ::-webkit-scrollbar-thumb:hover {
  background: #55B443;
}

.search ::-webkit-scrollbar-track {
  border-radius: 10px;
}

.search--active .search__container,
.search--mobile-active .search__container {
  position: absolute;
  top: 0;
  left: -15px;
  width: 380px;
  padding: 0 8px 15px 15px;
  background: #FFF;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
}

.search--mobile-active .search__container {
  left: 0;
  width: 100%;
}

.search__form {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 180px;
  height: 42px;
}

.search--active .search__form,
.search--mobile-active .search__form {
  width: 100%;
}

.search__input {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  min-width: 0;
  padding: 0 30px 2px 0;
  border: none;
  border-bottom: 1px solid #8998A2;
  background: none;
  font: inherit;
  font-size: 18px;
  text-overflow: ellipsis;
}

.search__input::-webkit-input-placeholder {
  opacity: 1;
  color: #000;
}

.search__input:-ms-input-placeholder {
  opacity: 1;
  color: #000;
}

.search__input::-ms-input-placeholder {
  opacity: 1;
  color: #000;
}

.search__input::placeholder {
  opacity: 1;
  color: #000;
}

.homepage .search__input::-webkit-input-placeholder {
  color: #FFF;
}

.homepage .search__input:-ms-input-placeholder {
  color: #FFF;
}

.homepage .search__input::-ms-input-placeholder {
  color: #FFF;
}

.homepage .search__input::placeholder {
  color: #FFF;
}

.homepage .search--active .search__input::-webkit-input-placeholder {
  color: #000;
}

.homepage .search--active .search__input:-ms-input-placeholder {
  color: #000;
}

.homepage .search--active .search__input::-ms-input-placeholder {
  color: #000;
}

.homepage .search--active .search__input::placeholder {
  color: #000;
}

.search__input:focus {
  border-color: #55B443;
  outline: none;
}

.homepage .search__input {
  border-color: #FFF;
  color: #FFF;
}

.search--active .search__input,
.search--mobile-active .search__input {
  border-color: transparent;
  color: #000;
}

.search__button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 20px;
  border: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 21'%3E%3Cpath fill='%23000' d='M19.826 19.517l-4.86-4.84a8.438 8.438 0 002.093-5.57c0-4.685-3.827-8.492-8.528-8.492C3.826.615.003 4.427.003 9.108c0 4.681 3.827 8.492 8.528 8.492a8.514 8.514 0 005.592-2.084l4.86 4.84c.116.115.271.177.422.177a.595.595 0 00.421-1.016zM1.196 9.107c0-4.027 3.29-7.3 7.33-7.3 4.045 0 7.331 3.278 7.331 7.3 0 4.024-3.286 7.305-7.33 7.305-4.04 0-7.33-3.277-7.33-7.304z'/%3E%3C/svg%3E") no-repeat 50%/20px 21px;
  cursor: pointer;
}

.search__button:focus {
  outline: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 21'%3E%3Cpath fill='%2355B443' d='M19.826 19.517l-4.86-4.84a8.438 8.438 0 002.093-5.57c0-4.685-3.827-8.492-8.528-8.492C3.826.615.003 4.427.003 9.108c0 4.681 3.827 8.492 8.528 8.492a8.514 8.514 0 005.592-2.084l4.86 4.84c.116.115.271.177.422.177a.595.595 0 00.421-1.016zM1.196 9.107c0-4.027 3.29-7.3 7.33-7.3 4.045 0 7.331 3.278 7.331 7.3 0 4.024-3.286 7.305-7.33 7.305-4.04 0-7.33-3.277-7.33-7.304z'/%3E%3C/svg%3E");
}

.homepage .search__button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 21'%3E%3Cpath fill='%23FFF' d='M19.826 19.517l-4.86-4.84a8.438 8.438 0 002.093-5.57c0-4.685-3.827-8.492-8.528-8.492C3.826.615.003 4.427.003 9.108c0 4.681 3.827 8.492 8.528 8.492a8.514 8.514 0 005.592-2.084l4.86 4.84c.116.115.271.177.422.177a.595.595 0 00.421-1.016zM1.196 9.107c0-4.027 3.29-7.3 7.33-7.3 4.045 0 7.331 3.278 7.331 7.3 0 4.024-3.286 7.305-7.33 7.305-4.04 0-7.33-3.277-7.33-7.304z'/%3E%3C/svg%3E");
}

.homepage .search--active .search__button {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.search__inner {
  display: none;
  overflow: auto;
  max-height: 211px;
  margin-right: -7px;
}

.search--active .search__inner,
.search--mobile-active .search__inner {
  display: block;
}

.search__text {
  margin: 2px 0;
  color: #8A98A3;
}

.search__items {
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

.search__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 15px 0 0;
}

.search__item:not(:first-child) {
  margin-top: 15px;
}

.search__item-image {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin: 0 15px 0 0;
  border: 1px solid #CFD6DB;
}

.search__item-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-width: 0;
}

.search__item-title {
  overflow: hidden;
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  margin: 0 0 5px;
  color: #000;
  font-family: "Jost-Medium", Arial, sans-serif;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.search__item-title:hover,
.search__item-title:focus {
  color: #55B443;
}

.search__item-marked {
  color: #FFB345;
}

.search__item-price {
  margin: 0 10px 0 0;
  color: #55B443;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 18px;
}

.search__item-price--red {
  color: #F5526D;
}

.search__item-in-stock {
  color: #55B443;
  font-size: 14px;
}

.services {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 32px -2px 0 0;
  padding: 0;
  list-style: none;
}

.services__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 50%;
  padding: 15px;
  background: #EFF2F4;
}

.services__title {
  position: relative;
  margin: 0;
  padding: 0 24px 0 0;
  font-family: "Jost-Medium", Arial, sans-serif;
}

.services__title::after {
  content: '';
  position: absolute;
  top: 3px;
  right: 11px;
  width: 2px;
  height: 16px;
  background: #595B5B;
}

.services__desc {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  margin: 0;
}

.services__button {
  padding: 5px 20px 6px;
  border: 1px solid #55B443;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 14px;
}

.services__button:hover,
.services__button:focus {
  background: #55B443;
  color: #FFF;
}

.main-slider {
  margin: -182px calc(50% - 50vw) 0;
}

.main-slider__item {
  position: relative;
  height: 900px;
  background: rgba(0, 0, 0, 0.63);
  transform: none !important;
}

.main-slider__image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.main-slider__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
  padding: 120px 0 0;
  color: #FFF;
}

.main-slider__heading {
  margin: 0 0 30px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 70px;
}

.main-slider__text {
  margin: 0 0 45px;
  font-size: 32px;
}

.main-slider__button {
  -webkit-align-self: flex-start;
  align-self: flex-start;
  padding: 17px 28px 19px;
  background: #55B443;
  color: #FFF;
  font-size: 18px;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.main-slider__button:hover,
.main-slider__button:focus {
  background: #2B9816;
}

.main-slider__pagination {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-top: -80px;
  margin-bottom: 154px;
}

.main-slider__pagination .swiper-pagination-bullet {
  display: block;
  width: 100px;
  height: 6px;
  border-radius: 5px;
  background: #FFF;
  cursor: pointer;
}

.main-slider__pagination .swiper-pagination-bullet:not(:last-child) {
  margin-right: 30px;
}

.main-slider__pagination .swiper-pagination-bullet:focus {
  outline: none;
}

.main-slider__pagination .swiper-pagination-bullet:hover {
  background: #55B443;
}

.main-slider__pagination .swiper-pagination-bullet-active {
  background: #55B443;
}

.services-slider {
  overflow: hidden;
  margin: 0 0 55px;
}

.services-slider__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 17px 20px 17px 23px;
  background: #EFF2F4;
}

.services-slider__title {
  position: relative;
  margin: 0;
  padding: 0 37px 0 0;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 20px;
}

.services-slider__title::after {
  content: '';
  position: absolute;
  top: 3px;
  right: 17px;
  width: 2px;
  height: 19px;
  background: #595B5B;
}

.services-slider__desc {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  margin: 0 20px 0 0;
  font-size: 18px;
}

.services-slider__button {
  padding: 6px 35px 9px;
  background: #55B443;
  color: #FFF;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 18px;
}

.services-slider__button:hover,
.services-slider__button:focus {
  background: #2B9816;
}

.services-slider__pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 15px 0 0;
}

.services-slider__pagination .swiper-pagination-bullet {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #E0E0E0;
  cursor: pointer;
}

.services-slider__pagination .swiper-pagination-bullet:not(:last-child) {
  margin-right: 20px;
}

.services-slider__pagination .swiper-pagination-bullet:focus {
  outline: none;
}

.services-slider__pagination .swiper-pagination-bullet:hover {
  background: #55B443;
}

.services-slider__pagination .swiper-pagination-bullet-active {
  background: #55B443;
}

.parts {
  margin: 0 0 80px;
}

.parts__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -25px -25px 0;
  padding: 0;
  list-style: none;
}

.parts__item {
  position: relative;
  width: calc(16.66% - 25px);
  margin: 0 25px 25px 0;
  font-family: "Jost-Medium", Arial, sans-serif;
}

.parts__image {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 10px;
  border: 1px solid #EFF2F4;
}

.parts__title {
  display: block;
  color: #000;
  font-size: 20px;
}

.parts__title::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.parts__title:hover,
.parts__title:focus {
  color: #55B443;
}

.parts__price {
  margin: 7px 0 0;
  color: #55B443;
  font-size: 18px;
}

.design-project {
  display: flex;
  align-items: center;
  margin: -32px 0 85px;
  padding: 0 140px 0 100px;
  background: #f7f7f7;
  box-shadow: inset 0 48px #FFF, inset 0 -47px #FFF;
}

.doors__head {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 300px;
  background:  url('../img/doors/doors-head.jpg') no-repeat 50% / cover;
  color: #fff;
  font-family: 'Jost-Medium', Arial, sans-serif;
  margin: 0 0 60px;
  padding: 30px;
  text-align: center;
}

@media (max-width: 659px) {
  .doors__head {
    height: auto;
    min-height: 233px;
    margin-bottom: 40px;
  }
}

.doors__title {
  font-size: 44px;
  font-weight: 500;
  margin: 0 0 16px;
}

@media (max-width: 659px) {
  .doors__title {
    font-size: 34px;
  }
}

.doors__subtitle {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 659px) {
  .doors__subtitle {
    font-size: 14px;
  }
}

.doors__text {
  font-size: 20px;
  line-height: 1.3;
  text-align: center;
  font-family: 'Jost-Medium', Arial, sans-serif;
  max-width: 700px;
  margin: 0 auto 60px;
}

@media (max-width: 659px) {
  .doors__text {
    font-size: 14px;
    margin-bottom: 40px;
  }
}

.doors .photo-gallery {
  margin: 0 0 100px;
}

@media (max-width: 659px) {
  .doors .photo-gallery {
    margin-bottom: 40px;
  }
}

.doors .heading {
  text-align: center;
}

@media (max-width: 659px) {
  .doors .heading {
    font-size: 24px;
  }
}

.doors__types {
  margin: 0 0 100px;
}

@media (max-width: 659px) {
  .doors__types {
    margin-bottom: 40px;
  }
}

.doors__types .doors__text {
  max-width: 520px;
}

.doors__types-list {
  display: flex;
  margin: 0 -15px;
  padding: 0;
  list-style: none;
  font-size: 21px;
  line-height: 1.24;
  font-family: 'Jost-Medium', Arial, sans-serif;
  text-align: center;
}

@media (max-width: 1239px) {
  .doors__types-list {
    font-size: 20px;
  }
}

@media (max-width: 1023px) {
  .doors__types-list {
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: -30px;
  }
}

@media (max-width: 659px) {
  .doors__types-list {
    flex-wrap: nowrap;
    overflow: auto;
    justify-content: flex-start;
  }
}

.doors__types-item {
  flex-grow: 1;
  flex-basis: 0;
}

@media (max-width: 1023px) {
  .doors__types-item {
    min-width: 33%;
    flex-grow: 0;
    margin-bottom: 30px;
  }
}

@media (max-width: 659px) {
  .doors__types-item {
    flex-shrink: 0;
    flex-basis: 170px;
  }
}

@media (max-width: 1239px) {
  .doors__types-img {
    width: auto;
    max-height: 133px;
  }
}

@media (max-width: 1023px) {
  .doors__types-img {
    max-height: 170px;
  }
}

.doors__types-caption {
  margin: 28px 15px 0;
}

@media (max-width: 1239px) {
  .doors__types-caption {
    margin-top: 18px;
  }
}

@media (max-width: 659px) {
  .doors__types-caption {
    font-size: 14px;
    margin-top: 10px;
  }
}

.doors__design {
  margin: 0 0 100px;
}

@media (max-width: 659px) {
  .doors__design {
    margin-bottom: 0;
  }
}

.doors__design .doors__text {
  max-width: 600px;
}

.doors__design-list {
  margin: 0 0 60px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (max-width: 1023px) {
  .doors__design-list {
    justify-content: center;
  }
}

@media (max-width: 659px) {
  .doors__design-list {
    margin-bottom: 20px;
  }
}

@media (max-width: 1239px) {
  .doors__design-img {
    width: auto;
    height: 100px;
  }
}

@media (max-width: 1023px) {
  .doors__design-img {
    height: 175px;
    margin: 0 10px 30px;
  }
}

@media (max-width: 659px) {
  .doors__design-img {
    height: 155px;
  }
}

.doors__design-materials {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}

.doors__design-materials-item {
  width: 180px;
  font-size: 20px;
}

@media (max-width: 659px) {
  .doors__design-materials-item {
    font-size: 14px;
    margin-bottom: 25px;
  }
}

.doors__design-materials-caption {
  margin: 0 0 14px;
  font-family: 'Jost-Medium', Arial, sans-serif;
}

.doors__design-materials-img {
  border: 1px solid #DDEAE9;
  padding: 8px;
  box-sizing: content-box;
  margin: 0 0 17px;
}

.doors__design-materials-text {
  margin: 0;
  line-height: 1.3;
}

.doors__features {
  margin: 0 0 100px;
}

@media (max-width: 659px) {
  .doors__features {
    margin-bottom: 60px;
  }
}

.doors__features .heading {
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 38px;
}

.doors__features-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 20px;
  line-height: 1.3;
  font-family: 'Jost-Medium', Arial, sans-serif;
  text-align: center;
}

/* .doors__payment-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 20px;
  line-height: 1.3;
  font-family: 'Jost-Medium', Arial, sans-serif;
  text-align: center;
}

.doors__payment-item {
  width: 180px;
} */

.doors-popup__section {
  padding: 0 30px 40px 0;
}

.doors-popup__heading {
  margin: 0 0 23px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 24px;
  font-weight: normal;
  text-align: center;
  margin-bottom: 75px;
}

.doors-popup__payment {
  margin: 0 0 -22px;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.doors-popup__payment-item {
  margin: 0 10px 22px;
}

.doors-popup__payment-image {
  display: block;
}

@media (max-width: 1023px) {
  .doors__features-list {
    margin-bottom: -40px;
  }
}

@media (max-width: 659px) {
  .doors__features-list {
    font-size: 14px;
  }
}

@media (max-width: 1023px) {
  .doors__features-item {
    width: 50%;
    margin-bottom: 40px;
  }
}

@media (max-width: 659px) {
  .doors__features-item {
    margin-bottom: 25px;
  }
}

.doors__features-list > .doors__features-item > a {
  color: black;
  cursor: pointer;
}

.doors__features-icon {
  display: block;
  margin: 0 auto 22px;
}

@media (max-width: 659px) {
  .doors__features-icon {
    width: auto;
    height: 70px;
    margin-bottom: 10px;
  }
}

.doors__project {
  margin: 0 0 100px;
}

@media (max-width: 659px) {
  .doors__project {
    margin-bottom: 40px;
  }
}

.doors__project .doors__text {
  max-width: 380px;
}

.doors__project-button {
  display: table;
  margin: 0 auto;
  padding: 14px 27px;
  background: #55B443;
  color: #FFF;
  font-size: 18px;
  font-family: 'Jost-Medium', Arial, sans-serif;
}

.doors__project-button:hover,
.doors__project-button:focus {
  background: #2B9816;
}

.doors__form {
  background: #eff2f4;
  padding: 60px 30px;
}

@media (max-width: 1023px) {
  .doors__form {
    padding: 30px;
  }
}

@media (max-width: 659px) {
  .doors__form {
    padding: 20px;
  }
}

.doors__form-inner {
  max-width: 500px;
  margin: 0 auto;
}

.doors__form-text {
  max-width: 400px;
  margin: 0 auto 50px;
  font-size: 20px;
  line-height: 1.3;
  font-family: 'Jost-Medium', Arial, sans-serif;
  text-align: center;
}

.doors__form-text-hint {
  margin-bottom: 15px;
  text-align: justify;
}

.storage-system__form-text {
  max-width: unset;
}

.storage-system__form-text-hint {
  margin-bottom: 15px;
  text-align: justify;
}

@media (max-width: 659px) {
  .doors__form-text {
    font-size: 14px;
    margin-bottom: 20px;
  }
}

.doors__form-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.doors__form-field {
  width: calc(50% - 12px);
  margin: 0 0 24px;
}

@media (max-width: 659px) {
  .doors__form-field {
    width: 100%;
    margin-bottom: 15px;
  }
}

.doors__form-label {
  display: table;
  margin: 0 0 7px;
  font-size: 14px;
}

.doors__form-label-full-width {
  width: 100%;
}

.doors__form-input {
  display: block;
  width: 100%;
  height: 30px;
  border: 1px solid #CFD6DB;
  padding: 0 9px;
}

.doors__form-input:focus {
  border-color: #55B443;
  outline: none;
}

.doors__form-agree {
  padding: 5px 0 38px;
}

@media (max-width: 659px) {
  .doors__form-agree {
    padding: 10px 0 25px;
  }
}

.doors__form-agree .radio {
  font-size: 14px;
  line-height: 20px;
}

.doors__form-button {
  display: table;
  min-width: 200px;
  margin: 0 auto;
  padding: 14px 27px;
  background: #55B443;
  color: #FFF;
  font: inherit;
  font-size: 18px;
  font-family: 'Jost-Medium', Arial, sans-serif;
  border: none;
  cursor: pointer;
}

@media (max-width: 659px) {
  .doors__form-button {
    width: 100%;
  }
}

.doors__form-button:hover,
.doors__form-button:focus {
  background: #2B9816;
  outline: none;
}

@media (max-width: 1239px) {
  .design-project {
    padding-left: 70px;
    padding-right: 70px;
  }
}

@media (max-width: 1023px) {
  .design-project {
    padding-left: 20px;
    padding-right: 20px;
    box-shadow: inset 0 48px #FFF;
    flex-direction: column;
  }
}

@media (max-width: 539px) {
  .design-project {
    margin-top: 60px;
    margin-bottom: 40px;
  }
}

.design-project__inner {
  align-self: center;
  flex-grow: 1;
  padding: 54px 0 42px;
}

@media (max-width: 1023px) {
  .design-project__inner {
    padding-top: 35px;
    text-align: center;
  }
}

.design-project__heading {
  margin-bottom: 20px;
}

.design-project__button {
  display: inline-block;
  padding: 14px 27px;
  background: #55B443;
  color: #FFF;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 18px;
}

.design-project__button:hover,
.design-project__button:focus {
  background: #2B9816;
}

.design-project__img {
  margin: -25px 0 0;
  max-width: 100%;
  height: auto;
}

@media (max-width: 1023px) {
  .design-project__img {
    /* width: 180px; */
    /* height: auto; */
    order: -1;
  }
}

.solutions {
  margin: 0 0 55px;
}

.solutions__items {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.solutions__item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  width: 25%;
  height: 295px;
  padding: 25px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  font-family: "Jost-Medium", Arial, sans-serif;
}

.solutions__image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.solutions__title {
  display: block;
  color: #FFF;
  font-size: 28px;
}

.solutions__title::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.solutions__title:hover,
.solutions__title:focus {
  color: #55B443;
}

.solutions__price {
  margin: 10px 0 -7px;
  color: #55B443;
  font-size: 26px;
}

.solutions__pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 40px 0 0;
}

.solutions__pagination .swiper-pagination-bullet {
  display: block;
  width: 100px;
  height: 6px;
  border-radius: 5px;
  background: #CFD6DB;
  cursor: pointer;
}

.solutions__pagination .swiper-pagination-bullet:nth-last-child(-n + 3) {
  display: none;
}

.solutions__pagination .swiper-pagination-bullet:not(:last-child) {
  margin-right: 30px;
}

.solutions__pagination .swiper-pagination-bullet:focus {
  outline: none;
}

.solutions__pagination .swiper-pagination-bullet:hover {
  background: #55B443;
}

.solutions__pagination .swiper-pagination-bullet-active {
  background: #55B443;
}

.solutions__arrow {
  position: absolute;
  z-index: 1;
  top: calc(50% - 37px);
  opacity: 0;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.325) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 19 36'%3E%3Cpath stroke='%23fff' stroke-width='2' d='M17.71 34.41L1.8 18.5 18.252 1.372'/%3E%3C/svg%3E") no-repeat 26px 50%/19px 36px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}

.solutions__items:hover .solutions__arrow {
  opacity: 1;
}

.solutions__arrow:focus {
  outline: none;
  background-color: rgba(0, 0, 0, 0.45);
}

.solutions__arrow--prev {
  left: 10px;
}

.solutions__arrow--next {
  right: 10px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.recent-projects {
  margin: 0 0 70px;
}

.recent-projects__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -25px -25px 0;
  padding: 0;
  list-style: none;
}

.recent-projects__item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  width: calc(25% - 25px);
  height: 403px;
  margin: 0 25px 25px 0;
  padding: 25px;
  border-radius: 8px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), to(#000));
  background: linear-gradient(rgba(0, 0, 0, 0) 50%, #000);
}

.recent-projects__image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.recent-projects__title {
  display: block;
  color: #FFF;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 22px;
  line-height: 1.2;
}

.recent-projects__title::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.recent-projects__title:hover,
.recent-projects__title:focus {
  color: #55B443;
}

.recent-projects__more {
  display: table;
  margin: 40px auto 0;
  padding: 5px 17px 8px;
  border: 1px solid #55B443;
  background: none;
  color: #55B443;
  font: inherit;
  font-size: 20px;
  cursor: pointer;
}

.recent-projects__more:hover,
.recent-projects__more:focus {
  background: #55B443;
  color: #FFF;
}

.where-to-buy {
  position: relative;
  margin: 0 0 80px;
  padding: 75px 0;
}

.where-to-buy::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  margin: 0 calc(50% - 50vw);
  background: #EFF2F4;
}

.heading__where-to-buy {
  margin-bottom: 22px;
}

.where-to-buy__text {
  margin: 0 0 35px;
}

.addresses {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 650px;
  border: 1px solid #CFD6DB;
}

.addresses ::-webkit-scrollbar {
  box-shadow: 0 0 0 1px #CFD6DB;
  -webkit-appearance: none;
}

.addresses ::-webkit-scrollbar:vertical {
  width: 14px;
}

.addresses ::-webkit-scrollbar:horizontal {
  height: 14px;
}

.addresses ::-webkit-scrollbar-thumb {
  border: 3px solid #FFF;
  border-radius: 10px;
  background: #CFD6DB;
}

.addresses ::-webkit-scrollbar-thumb:hover {
  background: #55B443;
}

.addresses ::-webkit-scrollbar-track {
  border-radius: 10px;
}

.addresses__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 400px;
  border-right: 1px solid #CFD6DB;
  background: #FFF;
}

.addresses__search {
  padding: 15px;
  border-bottom: 1px solid #CFD6DB;
}

.addresses__search-input {
  width: 100%;
  padding: 3px 10px 6px;
  border: 1px solid #CFD6DB;
  font: inherit;
  font-size: 18px;
}

.addresses__search-input::-webkit-input-placeholder {
  opacity: 1;
  color: rgba(0, 0, 0, 0.5);
}

.addresses__search-input:-ms-input-placeholder {
  opacity: 1;
  color: rgba(0, 0, 0, 0.5);
}

.addresses__search-input::-ms-input-placeholder {
  opacity: 1;
  color: rgba(0, 0, 0, 0.5);
}

.addresses__search-input::placeholder {
  opacity: 1;
  color: rgba(0, 0, 0, 0.5);
}

.addresses__search-input:focus {
  border-color: #55B443;
  outline: none;
}

.addresses__list {
  overflow: auto;
  margin: 0;
  padding: 20px 25px;
  list-style: none;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.addresses__item {
  line-height: 21px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.addresses__item:not(:last-child) {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #CFD6DB;
}

.addresses__item p {
  margin: 0;
}

.addresses__item p:not(:last-child) {
  margin-bottom: 12px;
}

.addresses__item a:hover,
.addresses__item a:focus {
  text-decoration: underline;
}

.addresses__title {
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 18px;
}

.addresses__map {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
}

.addresses__map iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.news {
  margin: 0 0 80px;
}

.news__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -20px -20px 0;
  padding: 0;
  list-style: none;
}

.news__item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  width: calc(20% - 20px);
  height: 320px;
  margin: 0 20px 20px 0;
  padding: 25px 17px;
  border-radius: 8px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), to(#000));
  background: linear-gradient(rgba(0, 0, 0, 0) 50%, #000);
  color: #FFF;
}

.news__image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.news__date {
  margin: 0 0 5px;
  font-size: 14px;
}

.news__title {
  color: #FFF;
  font-size: 18px;
  line-height: 1.25;
}

.news__title::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.news__title:hover,
.news__title:focus {
  color: #55B443;
}

.gallery-recent__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -1px -1px 0;
  padding: 0;
  list-style: none;
}

.gallery-recent__item {
  width: calc(20% - 1px);
  border: solid #FFF;
  border-width: 0 1px 1px 0;
}

.gallery-recent__image {
  display: block;
  width: 100%;
  height: auto;
}

.breadcrumbs {
  margin: -5px 0 36px;
  font-size: 18px;
}

.breadcrumbs__link:hover,
.breadcrumbs__link:focus {
  text-decoration: underline;
}

.breadcrumbs__separator {
  position: relative;
  display: inline-block;
  width: 6px;
  height: 9px;
  margin: 8px 3px 0 4px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 6 9'%3E%3Cpath stroke='%238A98A3' d='M.5 8.5l4-4-2-2-2-2'/%3E%3C/svg%3E");
  font-size: 0;
  vertical-align: top;
}

.sidebar {
  width: 215px;
}

.sidebar__heading {
  margin: -5px 0 19px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 22px;
  font-weight: normal;
}

.sidebar-nav:not(:last-child) {
  margin-bottom: 35px;
}

.sidebar-nav__list {
  margin: -4px 0 -12px;
  padding: 0;
  list-style: none;
}

.sidebar-nav__item {
  margin: 0 0 12px;
}

.sidebar-nav__item--active {
  font-family: "Jost-Medium", Arial, sans-serif;
}

.sidebar-nav__link {
  color: #8A98A3;
}

.sidebar-nav__link[href]:hover,
.sidebar-nav__link:focus {
  color: #55B443;
}

.sidebar-nav__item--active .sidebar-nav__link {
  color: #55B443;
}

.sidebar-nav__toggle {
  width: 14px;
  height: 14px;
  margin: 3px 0 0;
  padding: 0;
  border: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 5'%3E%3Cpath stroke='%2355B443' d='M1 1.28l3.086 3 1.543-1.5 1.543-1.5'/%3E%3C/svg%3E") no-repeat 50%/8px 5px;
  vertical-align: top;
  cursor: pointer;
}

.sidebar-nav__toggle:focus {
  outline: none;
  background-color: #EFF2F4;
}

.sidebar-nav__sub-menu {
  display: none;
  margin: 0;
  padding: 12px 0 0 11px;
  list-style: none;
}

.sidebar-nav__sub-menu--active {
  display: block;
}

.d3-project__text {
  margin: 0 0 35px;
  font-size: 18px;
  line-height: 23px;
}

.d3-project__heading {
  margin: 0 0 27px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 22px;
  font-weight: normal;
}

.d3-project__shape {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -25px 25px 0;
  padding: 0;
  list-style: none;
}

.d3-project__shape-item {
  width: calc(25% - 25px);
  margin: 0 25px 25px 0;
  background-repeat: no-repeat;
  background-position: 19px 50%;
  background-size: 62px 62px;
  color: #55B443;
  font-size: 14px;
  line-height: 18px;
}

.d3-project__shape-item--1 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 62 62'%3E%3Cpath fill='%2355B443' fill-opacity='.15' stroke='%2355B443' d='M61 1H1v60h18.997v-6.893H7.987V7.796h46.271v46.31H42.003V61H61V1z'/%3E%3C/svg%3E");
}

.d3-project__shape-item--2 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 62 62'%3E%3Cpath fill='%2355B443' fill-opacity='.15' stroke='%2355B443' d='M61 1H1v60h6.987V7.796h46.271V61H61V1z'/%3E%3C/svg%3E");
}

.d3-project__shape-item--3 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 62 62'%3E%3Cpath fill='%2355B443' fill-opacity='.15' stroke='%2355B443' d='M61 1H1v60h6.987V7.796H61V1z'/%3E%3C/svg%3E");
}

.d3-project__shape-item--4 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 62 62'%3E%3Cpath fill='%2355B443' fill-opacity='.15' stroke='%2355B443' d='M53.929 61h6.857V9.571L31 1 1 9.571V61h6.987V13.796L31 7.643l22.929 6.153V61z'/%3E%3C/svg%3E");
}

.d3-project__shape-label {
  display: block;
  height: 100%;
  cursor: pointer;
}

.d3-project__shape-value {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  padding: 18px 18px 18px 98px;
  border: 1px solid #CFD6DB;
}

.d3-project__shape-input:checked + .d3-project__shape-value {
  border-color: #55B443;
}

.d3-project__params {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.d3-project__scheme {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 335px;
  margin: 0 25px 0 0;
}

.d3-project__scheme-image {
  display: block;
  max-width: 100%;
  height: auto;
}

.d3-project__fields {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  max-width: 580px;
}

.d3-project__caption {
  margin: 0 0 15px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
}

.d3-project__caption:not(:first-child) {
  margin-top: 20px;
}

.d3-project__caption span {
  font-family: "Jost-Regular", Arial, sans-serif;
}

.d3-project__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -30px 0 0;
}

.d3-project__field {
  margin: 0 30px 20px 0;
}

.d3-project__label {
  display: block;
  margin: 5px 0 8px;
  font-size: 14px;
}

.d3-project__field--error .d3-project__label {
  color: #F5526D;
}

.d3-project__input {
  padding: 6px 9px;
  border: 1px solid #CFD6DB;
  font: inherit;
  font-size: 14px;
}

.d3-project__input:focus {
  border-color: #55B443;
  outline: none;
}

.d3-project__input--size {
  width: 60px;
}

.d3-project__input--type {
  width: 180px;
  margin: 0 25px 0 0;
}

.d3-project__input--textarea {
  width: 100%;
}

.d3-project__input--contact {
  width: 240px;
}

.d3-project__input--error,
.d3-project__field--error .d3-project__input {
  border-color: #F5526D;
}

.d3-project__type {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.d3-project__note {
  margin: 0;
  font-size: 14px;
}

.d3-project__files {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.d3-project__add-file {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  margin: 0 0 47px;
}

.d3-project__files-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

.d3-project__files-item {
  margin: 0 20px 20px 0;
  font-size: 12px;
  text-align: center;
}

.d3-project__files-image {
  display: block;
  box-sizing: content-box;
  margin: 0 0 3px;
  border: 1px solid #CFD6DB;
}

.d3-project__files-delete:hover,
.d3-project__files-delete:focus {
  text-decoration: underline;
}

.d3-project__doors {
  margin: 40px 0 37px;
}

.d3-project__additional {
  margin: 33px 0 35px;
}

.d3-project__additional .d3-project__input {
  margin: 0 0 10px;
}

.d3-project__contacts {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.d3-project__contacts > .d3-project__heading {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 335px;
  margin: 0 25px 0 0;
}

.d3-project__agree {
  margin: 10px 0 40px;
}

.d3-project__agree a:hover,
.d3-project__agree a:focus {
  text-decoration: underline;
}

.d3-project__bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.d3-project__button {
  margin: 0 17px 0 0;
  padding: 8px 23px 11px;
  border: none;
  background: #55B443;
  color: #FFF;
  font: inherit;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 18px;
  cursor: pointer;
}

.d3-project__button:hover,
.d3-project__button:focus {
  background: #2B9816;
}

.d3-project__error-text {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  color: #F5526D;
}

.d3-project__sent {
  margin: 50px 0 0;
  color: #55B443;
}

.test__text {
  margin: 0 0 28px;
  line-height: 21px;
}

.test__inner {
  padding: 40px;
  background: #EEF2F5;
}

.test__start {
  padding: 285px 0 110px;
  background: url("../img/test-start.png") no-repeat 50% 110px;
}

.test__start--quiz {
  padding: 152px 0;
  background: none;
}

.test__start-logo {
  display: block;
  margin: 0 auto 35px;
}

.test__start-text {
  display: table;
  max-width: 600px;
  margin: 0 auto 37px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 34px;
  line-height: 1.3;
  text-align: center;
}

.test__start-button {
  display: table;
  margin: 0 auto;
  padding: 8px 22px 11px;
  background: #55B443;
  color: #FFF;
  font-size: 18px;
  font-weight: 500;
}

.test__start-button:hover,
.test__start-button:focus {
  background: #2B9816;
}

.test__scale {
  overflow: hidden;
  margin: 0 0 40px;
  border-radius: 13px;
  background: #CFD6DC;
}

.test__scale-value {
  height: 26px;
  border-radius: 13px;
  background: #55B443;
  color: #FFF;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
}

.test__inside {
  border: 1px solid #CED5DB;
  background: #FFF;
}

.test__heading {
  margin: 0 15px 35px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 26px;
  font-weight: normal;
  line-height: 33px;
  text-align: center;
}

.test__step-1 {
  padding: 45px 0 30px;
}

.test__color {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin: 0 -1px 0 0;
}

.test__color-item {
  width: calc(50% - 1px);
  margin: 0 1px 0 0;
}

.test__color-image {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 30px;
}

.test__color-radio {
  display: table;
  margin: 0 auto;
  cursor: pointer;
}

.test__color-radio-button {
  padding: 7px 15px 8px;
  border: 1px solid #55B443;
  color: #55B443;
}

.test__color-radio-input:checked + .test__color-radio-button {
  background: #55B443;
  color: #FFF;
}

.test__door-type {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 75px 24px 85px;
}

.test__door-type::-webkit-scrollbar {
  border-top: 1px solid #CFD6DB;
  -webkit-appearance: none;
}

.test__door-type::-webkit-scrollbar:vertical {
  width: 16px;
}

.test__door-type::-webkit-scrollbar:horizontal {
  height: 16px;
}

.test__door-type::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  border-radius: 10px;
  background: #CFD6DB;
  background-clip: content-box;
}

.test__door-type::-webkit-scrollbar-thumb:hover {
  background: #55B443;
}

.test__door-type::-webkit-scrollbar-track {
  border-radius: 10px;
}

@media (max-width: 1239px) {
  .test__door-type {
    padding: 50px 10px;
  }
}

@media (max-width: 1023px) {
  .test__door-type {
    overflow: auto;
    padding: 15px 5px 50px 20px;
    margin: 0 0 -31px;
  }
}

.test__door-type-item {
  width: calc(20% - 32px);
  margin: 0 16px;
}

@media (max-width: 1239px) {
  .test__door-type-item {
    width: 20%;
    margin: 0;
  }
}

@media (max-width: 1023px) {
  .test__door-type-item {
    flex-shrink: 0;
    width: 145px;
    margin: 0 15px 0 0;
  }
}

.test__door-type .radio {
  display: table;
  margin: 0 auto 17px;
  font-family: "Jost-Medium", Arial, sans-serif;
}

@media (max-width: 539px) {
  .test__door-type .radio {
    padding-top: 4px;
    font-size: 12px;
  }
}

.test__door-type-img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

@media (max-width: 1239px) {
  .test__door-type-img {
    max-width: 110px;
  }
}

@media (max-width: 1023px) {
  .test__door-type-img {
    max-width: 100%;
  }
}

.test__step-2 {
  padding: 50px 35px 90px;
}

.test__type {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 48px -35px -35px 0;
}

.test__type-item {
  width: calc(25% - 35px);
  margin: 0 35px 35px 0;
  line-height: 1.14;
  text-align: center;
  cursor: pointer;
}

.test__type-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
  border: 1px solid #CED5DB;
}

.test__type-input:checked + .test__type-inner {
  border-color: #55B443;
  box-shadow: 0 0 0 1px #55B443;
}

.test__type-image {
  display: block;
  width: 100%;
  height: auto;
}

.test__type-caption {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 15px 10px;
}

.test__type-input:checked + .test__type-inner .test__type-caption {
  color: #55B443;
  font-family: "Jost-Medium", Arial, sans-serif;
}

.test__door-size {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0 0 -35px;
}

@media (max-width: 1239px) {
  .test__door-size {
    margin: -10px 0 -25px;
  }
}

@media (max-width: 539px) {
  .test__door-size {
    margin-bottom: 15px;
  }
}

.test__door-size-img {
  flex-shrink: 0;
  margin: 0 40px 0 0;
}

@media (max-width: 1239px) {
  .test__door-size-img {
    max-width: 330px;
    height: auto;
    margin-right: 30px;
  }
}

@media (max-width: 1023px) {
  .test__door-size-img {
    max-width: 100%;
    margin: 0 0 25px;
  }
}

.test__door-size-content {
  width: 250px;
  font-size: 14px;
}

@media (max-width: 1023px) {
  .test__door-size-content {
    text-align: center;
  }
}

@media (max-width: 539px) {
  .test__door-size-content {
    width: 220px;
    font-size: 12px;
  }
}

.test__door-size-text {
  line-height: 1.43;
  margin: 0 0 25px;
}

.test__door-size-row {
  display: flex;
}

@media (max-width: 1023px) {
  .test__door-size-row {
    justify-content: center;
  }
}

.test__door-size-field:not(:last-child) {
  margin-right: 18px;
}

.test__door-size-label {
  display: block;
  margin: 0 0 8px;
}

.test__door-size-input {
  width: 60px;
  padding: 6px 9px;
  border: 1px solid #CFD6DB;
  font: inherit;
  font-size: 14px;
  -moz-appearance: textfield;
  text-align: center;
}

.test__door-size-input::-webkit-inner-spin-button,
.test__door-size-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.test__door-size-input:focus {
  border-color: #55B443;
  outline: none;
}

.test__doors-num {
  margin: 0 0 50px;
  font-size: 14px;
  text-align: center;
}

@media (max-width: 1239px) {
  .test__doors-num {
    margin-bottom: -50px;
  }
}

@media (max-width: 1023px) {
  .test__doors-num {
    margin-bottom: 0;
  }
}

.test__doors-num-text {
  max-width: 200px;
  margin: 0 auto 38px;
}

@media (max-width: 539px) {
  .test__doors-num-text {
    margin-bottom: 20px;
  }
}

.test__doors-num-label {
  display: table;
  margin: 0 auto 7px;
}

.test__doors-num-input {
  display: block;
  width: 53px;
  height: 48px;
  margin: 0 auto;
  font-size: 22px;
  border: 2px solid #CFD6DB;
  -moz-appearance: textfield;
  text-align: center;
}

.test__doors-num-input::-webkit-inner-spin-button,
.test__doors-num-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.test__doors-num-input:focus {
  border-color: #55B443;
  outline: none;
}

.handle-profile {
  display: flex;
  flex-wrap: wrap;
  padding: 50px 47px 60px;
}

.handle-profile ::-webkit-scrollbar {
  border-top: 1px solid #CFD6DB;
  -webkit-appearance: none;
}

.handle-profile ::-webkit-scrollbar:vertical {
  width: 16px;
}

.handle-profile ::-webkit-scrollbar:horizontal {
  height: 16px;
}

.handle-profile ::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  border-radius: 10px;
  background: #CFD6DB;
  background-clip: content-box;
}

.handle-profile ::-webkit-scrollbar-thumb:hover {
  background: #55B443;
}

.handle-profile ::-webkit-scrollbar-track {
  border-radius: 10px;
}

@media (max-width: 1239px) {
  .handle-profile {
    padding: 20px 30px 30px;
  }
}

@media (max-width: 539px) {
  .handle-profile {
    padding: 20px 0 0;
  }
}

@media (max-width: 1023px) {
  .handle-profile__inner {
    margin: 0 auto 30px;
    text-align: center;
  }
}

.handle-profile .test__heading {
  text-align: left;
  margin: 0 0 53px;
}

@media (max-width: 1239px) {
  .handle-profile .test__heading {
    margin-bottom: 25px;
  }
}

@media (max-width: 1023px) {
  .handle-profile .test__heading {
    text-align: center;
  }
}

@media (max-width: 539px) {
  .handle-profile .test__heading {
    margin-bottom: 15px;
  }
}

.handle-profile__text {
  margin: 0 0 25px;
  font-size: 14px;
}

@media (max-width: 539px) {
  .handle-profile__text {
    margin-bottom: 15px;
    font-size: 12px;
  }
}

.handle-profile__img {
  display: block;
}

@media (max-width: 539px) {
  .handle-profile__img {
    max-width: 165px;
    height: auto;
  }
}

.handle-profile__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-self: center;
  width: 376px;
  margin: 0 0 -40px auto;
  padding: 0;
  list-style: none;
}

@media (max-width: 1239px) {
  .handle-profile__items {
    width: 330px;
    margin-right: -8px;
  }
}

@media (max-width: 1023px) {
  .handle-profile__items {
    margin: 0 auto -30px;
  }
}

@media (max-width: 539px) {
  .handle-profile__items {
    flex-wrap: nowrap;
    overflow: auto;
    margin: -10px 0 -1px;
    padding: 0 0 0 20px;
  }
}

.handle-profile__item {
  margin: 0 0 30px;
}

@media (max-width: 539px) {
  .handle-profile__item {
    margin: 0 20px 20px 0;
  }
}

.handle-profile__item .radio {
  display: table;
  margin: 0 auto 16px;
  font-family: "Jost-Medium", Arial, sans-serif;
}

@media (max-width: 539px) {
  .handle-profile__item .radio {
    padding-top: 3px;
    font-size: 12px;
  }
}

.handle-profile__item-img {
  display: block;
}

.handle-profile-color {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 40px 47px;
  min-height: 460px;
}

@media (max-width: 1239px) {
  .handle-profile-color {
    min-height: 0;
  }
}

@media (max-width: 1023px) {
  .handle-profile-color {
    padding: 20px 0 0;
  }
}

.handle-profile-color ::-webkit-scrollbar {
  background: #CFD6DB;
  -webkit-appearance: none;
  border-radius: 10px;
}

.handle-profile-color ::-webkit-scrollbar:vertical {
  width: 10px;
}

.handle-profile-color ::-webkit-scrollbar:horizontal {
  height: 10px;
}

.handle-profile-color ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #55B443;
}

.handle-profile-color ::-webkit-scrollbar-track {
  border-radius: 10px;
}

@media (max-width: 1023px) {
  .handle-profile-color ::-webkit-scrollbar {
    border-top: 1px solid #CFD6DB;
    background: none;
    border-radius: 0;
  }
  .handle-profile-color ::-webkit-scrollbar-thumb {
    background: #CFD6DB;
  }
  .handle-profile-color ::-webkit-scrollbar:vertical {
    width: 16px;
  }
  .handle-profile-color ::-webkit-scrollbar:horizontal {
    height: 16px;
  }
  .handle-profile-color ::-webkit-scrollbar-thumb {
    border: 4px solid transparent;
    border-radius: 10px;
    background: #CFD6DB;
    background-clip: content-box;
  }
}

.handle-profile-color__inner {
  width: 270px;
}

@media (max-width: 1239px) {
  .handle-profile-color__inner {
    width: 200px;
  }
}

@media (max-width: 1023px) {
  .handle-profile-color__inner {
    width: 100%;
    text-align: center;
    padding: 0 20px 20px;
  }
}

.handle-profile-color .test__heading {
  margin: 0 0 35px;
  text-align: left;
}

@media (max-width: 1023px) {
  .handle-profile-color .test__heading {
    text-align: center;
    margin-bottom: 15px;
  }
}

.handle-profile-color__text {
  margin: 0;
  font-size: 14px;
}

.materials {
  overflow-x: hidden;
  overflow-y: auto;
  margin: -13px -27px -13px 0;
  max-height: 432px;
}

@media (max-width: 1239px) {
  .materials {
    max-height: 315px;
  }
}

@media (max-width: 1023px) {
  .materials {
    overflow-x: auto;
    overflow-y: hidden;
    flex-basis: 100%;
    margin: 0 0 -1px;
  }
}

.materials__list {
  display: flex;
  flex-wrap: wrap;
  width: 500px;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (max-width: 1239px) {
  .materials__list {
    width: 375px;
  }
}

@media (max-width: 1023px) {
  .materials__list {
    width: 100%;
    max-height: 300px;
    flex-direction: column;
  }

  .materials__list::after {
    content: '';
    width: 1px;
    margin: 0 0 0 -11px;
    height: 200px;
  }
}

@media (max-width: 539px) {
  .materials__list::after {
    width: 11px;
  }
}

.materials__item {
  width: 95px;
  margin: 13px 20px 13px 10px;
  text-align: center;
  font-size: 14px;
  font-family: "Jost-Medium", Arial, sans-serif;
}

@media (max-width: 1023px) {
  .materials__item {
    min-height: 123px;
  }
}

@media (max-width: 539px) {
  .materials__item {
    margin-right: 10px;
  }
}

.materials__item .radio {
  width: 100%;
  padding: 0;
}

.materials__image {
  display: block;
  width: 75px;
  position: relative;
  margin: 0 auto 8px;
}

.materials__image::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #F6F7F9;
}

.materials__item .radio__input:checked + .materials__image::after {
  border-color: #55b443;
  border-width: 2px;
}

.materials__img {
  display: block;
  margin: 0 auto;
}

.materials__item .radio__input:checked ~ .materials__name {
  color: #55b443;
}

.test__doors-types {
  overflow: auto;
}

.test__doors-types-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 20px;
  padding: 0;
  list-style: none;
  width: 660px;
}

@media (max-width: 1239px) {
  .test__doors-types-list {
    width: 528px;
  }
}

@media (max-width: 1023px) {
  .test__doors-types-list {
    width: 448px;
  }
}

@media (max-width: 539px) {
  .test__doors-types-list {
    width: 472px;
    margin-bottom: 0;
    padding-left: 20px;
  border-bottom: 1px solid #CFD6DB;
  }
}

.test__doors-type {
  margin: 0 20px 30px;
}

@media (max-width: 1239px) {
  .test__doors-type {
    margin: 0 17px 20px;
  }
}

@media (max-width: 1023px) {
  .test__doors-type {
    margin-left: 8px;
    margin-right: 8px;
  }
}

@media (max-width: 539px) {
  .test__doors-type {
    margin-left: 0;
    margin-right: 16px;
  }
}

.test__doors-type .radio {
  padding: 0;
}

.test__doors-type-img {
  display: block;
  color: #8a98a3;
}

@media (max-width: 1239px) {
  .test__doors-type-img {
    width: 32px;
    height: auto;
  }
}

@media (max-width: 1023px) {
  .test__doors-type-img {
    width: 40px;
  }
}

.radio__input:checked + .test__doors-type-img {
  color: #55b443;
  stroke-width: 1.6;
}

.door-material {
  display: flex;
  flex-wrap: wrap;
  padding: 40px;
}

@media (max-width: 1239px) {
  .door-material {
    padding: 30px;
  }
}

@media (max-width: 1023px) {
  .door-material {
    padding: 30px 0 0;
  }
}

.door-material ::-webkit-scrollbar {
  background: #CFD6DB;
  -webkit-appearance: none;
  border-radius: 10px;
}

.door-material ::-webkit-scrollbar:vertical {
  width: 10px;
}

.door-material ::-webkit-scrollbar:horizontal {
  height: 10px;
}

.door-material ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #55B443;
}

.door-material ::-webkit-scrollbar-track {
  border-radius: 10px;
}

@media (max-width: 1023px) {
  .door-material ::-webkit-scrollbar {
    border-top: 1px solid #CFD6DB;
    background: none;
    border-radius: 0;
  }
  .door-material ::-webkit-scrollbar-thumb {
    background: #CFD6DB;
  }
  .door-material ::-webkit-scrollbar:vertical {
    width: 16px;
  }
  .door-material ::-webkit-scrollbar:horizontal {
    height: 16px;
  }
  .door-material ::-webkit-scrollbar-thumb {
    border: 4px solid transparent;
    border-radius: 10px;
    background: #CFD6DB;
    background-clip: content-box;
  }
}

.door-material__inner {
  width: 280px;
}

@media (max-width: 1239px) {
  .door-material__inner {
    width: 260px;
  }
}

@media (max-width: 1023px) {
  .door-material__inner {
    flex-basis: 100%;
    padding: 0 20px 30px;
    text-align: center;
  }
}

.door-material .test__heading {
  margin: 0 0 35px;
  text-align: left;
}

@media (max-width: 1239px) {
  .door-material .test__heading {
    margin-top: -7px;
    margin-bottom: 12px;
  }
}

@media (max-width: 1023px) {
  .door-material .test__heading {
    text-align: center;
  }
}

.door-material__sections {
  display: flex;
  justify-content: flex-start;
  margin: 0 0 20px;
}

@media (max-width: 1023px) {
  .door-material__sections {
    justify-content: center;
  }
}

@media (max-width: 539px) {
  .door-material__sections {
    display: none;
  }
}

.door-material .section {
  margin: 0 1px 0 0;
}

.door-material__section-img {
  display: block;
  width: 64px;
  height: auto;
  color: #c4cbd0;
}

.door-material__text {
  margin: 0;
  font-size: 14px;
}

@media (max-width: 539px) {
  .door-material__text {
    display: none;
  }
}

@media (max-width: 1023px) {
  .door-material__options {
    flex-basis: 100%;
  }
}

.door-material__type {
  margin: 0 0 27px 20px;
}

@media (max-width: 1239px) {
  .door-material__type {
    width: 200px;
    margin-bottom: 15px;
  }
}

@media (max-width: 539px) {
  .door-material__type {
    display: none;
  }
}

.door-material__type-mobile {
  display: none;
  max-width: 160px;
  margin: -20px auto 30px;
  font-size: 12px;
}

@media (max-width: 539px) {
  .door-material__type-mobile {
    display: block;
  }
}

.door-material__type-mobile .radio {
  margin: 0 0 20px;
  padding-top: 3px;
}

.door-material .materials {
  margin-top: 0;
  margin-bottom: 0;
}

@media (max-width: 1239px) {
  .door-material .materials {
    max-height: 250px;
  }
}

@media (max-width: 539px) {
  .door-material .materials {
    display: none;
  }
}

.test__wishes {
  max-width: 400px;
  margin: 0 auto -15px;
}

@media (max-width: 539px) {
  .test__wishes {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.test__wishes-text {
  max-width: 215px;
  margin: -3px auto 16px;
  text-align: center;
  font-size: 14px;
  line-height: 1.43;
}

@media (max-width: 539px) {
  .test__wishes-text {
    font-size: 12px;
  }
}

.test__wishes-input {
  display: block;
  width: 100%;
  border: 1px solid #CFD6DB;
  font: inherit;
  padding: 7px 10px;
}

.test__wishes-input:focus {
  border-color: #55B443;
  outline: none;
}

.section {
  position: relative;
}

.section__btn {
  position: absolute;
  border: 1px solid transparent;
  background: none;
  padding: 0;
  cursor: pointer;
}

.section__btn:focus {
  outline: none;
}

.section__btn.active {
  z-index: 1;
  border-color: #55B443;
  box-shadow: inset 0 0 0 1px #55B443;
  background: #fff;
}

.section-2 .section__btn:nth-child(1) {
  top: 0;
  left: 0;
  right: 0;
  height: 98px;
}

.section-2 .section__btn:nth-child(2) {
  bottom: 0;
  left: 0;
  right: 0;
  height: 99px;
}

.section-3 .section__btn:nth-child(1) {
  top: 0;
  left: 0;
  right: 0;
  height: 66px;
}

.section-3 .section__btn:nth-child(2) {
  top: 64px;
  left: 0;
  right: 0;
  height: 66px;
}

.section-3 .section__btn:nth-child(3) {
  bottom: 0;
  left: 0;
  right: 0;
  height: 67px;
}

.test__step-3 {
  padding: 50px 55px 120px;
}

.test__options {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 90px -35px 0 0;
}

.test__options-section {
  margin: 0 35px 0 0;
}

.test__option {
  margin: 0 0 12px;
}

.test__another {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: -4px 0 0;
}

.test__another-label {
  margin: 0 9px 0 0;
  font-size: 14px;
}

.test__another-input {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  min-width: 0;
  max-width: 250px;
  padding: 3px 10px 6px;
  border: 1px solid #CFD6DB;
  font: inherit;
}

.test__another-input:focus {
  border-color: #55B443;
  outline: none;
}

.test__step-4 {
  padding: 120px 30px;
}

.test__size-fields {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 55px 0 0;
}

.test__size-field {
  margin: 0 15px;
}

.test__size-label {
  display: block;
  margin: 0 0 8px;
  font-size: 14px;
  text-align: center;
}

.test__size-input {
  display: table;
  width: 60px;
  height: 30px;
  margin: 0 auto;
  padding: 0 10px;
  border: 1px solid #CFD6DB;
  font: inherit;
  font-size: 14px;
  text-align: center;
}

.test__size-input:focus {
  border-color: #55B443;
  outline: none;
}

.test__size-text {
  max-width: 210px;
  margin: 35px auto 0;
  color: #8A98A3;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}

.test__step-5 {
  position: relative;
  padding: 45px 0 0;
}

.test__step-5 ::-webkit-scrollbar {
  box-shadow: 0 0 0 1px #CFD6DB;
  -webkit-appearance: none;
}

.test__step-5 ::-webkit-scrollbar:vertical {
  width: 14px;
}

.test__step-5 ::-webkit-scrollbar:horizontal {
  height: 14px;
}

.test__step-5 ::-webkit-scrollbar-thumb {
  border: 3px solid #FFF;
  border-radius: 10px;
  background: #CFD6DB;
}

.test__step-5 ::-webkit-scrollbar-thumb:hover {
  background: #55B443;
}

.test__step-5 ::-webkit-scrollbar-track {
  border-radius: 10px;
}

.test__elements {
  overflow: auto;
  padding: 1px 38px 70px;
}

.test__elements .test__type {
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 0;
  display: flex;
  justify-content: center;
  min-width: 100%;
  width: max-content;
}

.test__elements .test__type::after {
  content: '';
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 1px;
  margin: 0 0 0 -1px;
}

.test__elements .test__type-item {
  position: relative;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 170px;
}

.test__elements-text {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 50px;
  max-width: 370px;
  margin: auto;
  color: #8A98A3;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}

.test__finish {
  padding: 50px 45px 40px;
}

.test__finish--alt {
  padding-bottom: 60px;
}

.test__finish-text {
  max-width: 360px;
  margin: 0 auto 38px;
  padding: 114px 0 0;
  background: url("../img/test-finish.png") no-repeat 50% -10px;
  color: #8A98A3;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}

.test__finish--alt .test__finish-text {
  color: #000000;
  background: none;
  padding: 0;
  margin-top: -5px;
}

.test__finish-fields {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px 12px 0;
}

.test__finish-field {
  flex-grow: 1;
  flex-basis: 132px;
  margin: 0 20px 20px 0;
}

.test__finish-label {
  display: block;
  margin: 0 0 8px;
  font-size: 14px;
  text-align: center;
}

.test__finish-input {
  width: 100%;
  height: 30px;
  padding: 0 10px 2px;
  border: 1px solid #CED5DB;
  font: inherit;
  font-size: 14px;
  text-align: center;
}

.test__finish-input:focus {
  border-color: #55B443;
  outline: none;
}

.test__agree {
  display: table;
  margin: 0 auto;
}

.test__agree a:hover,
.test__agree a:focus {
  text-decoration: underline;
}

.test__bottom {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 40px 0 0;
}

.test__back {
  padding: 7px 32px 10px;
  border: 1px solid #55B443;
  background: none;
  color: #55B443;
  font: inherit;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 18px;
  cursor: pointer;
}

.test__back:hover,
.test__back:focus {
  background: #55B443;
  color: #FFF;
}

.test__current-step {
  margin: 0 auto;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 22px;
}

.test__skip {
  position: absolute;
  top: 10px;
  right: 130px;
  padding: 0;
  border: none;
  background: none;
  color: #55B443;
  font: inherit;
  cursor: pointer;
}

.test__skip:hover,
.test__skip:focus {
  text-decoration: underline;
}

.test__next {
  padding: 7px 27px 10px;
  border: none;
  background: #55B443;
  color: #FFF;
  font: inherit;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 18px;
  cursor: pointer;
}

.test__next:only-child {
  margin-right: auto;
  margin-left: auto;
}

.test__next:hover,
.test__next:focus {
  background: #2B9816;
}

.test__end {
  padding: 305px 0 130px;
  background: url("../img/test-end.png") no-repeat 50% 130px;
}

.test__end-text {
  display: table;
  max-width: 600px;
  margin: 0 auto 25px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 34px;
  line-height: 1.3;
  text-align: center;
}

.test__end-button {
  display: table;
  margin: 0 auto;
  padding: 9px 16px 10px;
  background: #55B443;
  color: #FFF;
  font-size: 18px;
  font-weight: 500;
}

.test__end-button:hover,
.test__end-button:focus {
  background: #2B9816;
}

.test__selects {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 -68px -20px 0;
}

.test__select {
  width: 210px;
  margin: 0 68px 20px 0;
}

.test__success {
  text-align: center;
  padding: 135px 0;
}

@media (max-width: 1239px) {
  .test__success {
    padding: 40px 0;
  }
}

.test__success-img {
  margin: 0 0 30px;
}

.test__success-text {
  max-width: 475px;
  margin: 0 auto 50px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 26px;
  line-height: 1.27;
  text-align: center;
}

@media (max-width: 539px) {
  .test__success-text {
    font-size: 18px;
    margin: 0 0 35px;
  }
}

.test__success-button {
  display: table;
  margin: 0 auto;
  padding: 9px 30px 10px;
  background: #55B443;
  color: #FFF;
  font-size: 18px;
}

.test__success-button:hover,
.test__success-button:focus {
  background: #2B9816;
}

.projects {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -25px -25px 0;
  padding: 0;
  list-style: none;
}

.picked-filter + .projects {
  margin-top: 25px;
}

.projects__item {
  position: relative;
  width: calc(33.33% - 25px);
  margin: 0 25px 25px 0;
  /* box-shadow: inset 0 0 0 1px #CED5DB; */
  border: 1px solid #ced5db;
}

.projects__image {
  display: block;
  width: 100%;
  height: auto;
}

.projects__title {
  display: block;
  padding: 17px 21px 19px;
  color: #000;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 20px;
  line-height: 26px;
}

.projects__title::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.projects__title:hover,
.projects__title:focus {
  color: #55B443;
}

.addresses-page__text {
  margin: 0 0 35px;
  font-size: 18px;
  line-height: 23px;
}

.addresses-page .addresses {
  height: 480px;
}

.addresses-page .addresses__inner {
  width: 360px;
}

.gallery {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -26px -26px 0;
  padding: 0;
  list-style: none;
}

.gallery__item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  width: calc(25% - 26px);
  height: 215px;
  margin: 0 26px 26px 0;
  padding: 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  color: #FFF;
  font-size: 20px;
  line-height: 1.2;
}

.gallery__image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.gallery__title {
  color: #FFF;
  font-family: "Jost-Medium", Arial, sans-serif;
}

.gallery__counter {
  margin: 0;
  font-family: "Jost-Light", Arial, sans-serif;
}

.album {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -26px -26px 0;
  padding: 0;
  list-style: none;
}

.album__item {
  width: calc(25% - 26px);
  margin: 0 26px 26px 0;
}

.album__image {
  display: block;
  width: 100%;
  height: auto;
}

.mfp-bg {
  background: #000;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.7;
}

.mfp-figure::after {
  display: none;
}

.mfp-image-holder button.mfp-close {
  top: 15px;
  right: -55px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.325) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' d='M1.193.727L22.407 21.94M22.753.832L.833 22.752'/%3E%3C/svg%3E") no-repeat 50%/24px 24px;
  font-size: 0;
}

.mfp-image-holder button.mfp-close:hover,
.mfp-image-holder button.mfp-close:focus {
  background-color: rgba(0, 0, 0, 0.5);
}

button.mfp-arrow {
  width: 50px;
  height: 50px;
  margin: 0 20px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.325);
}

button.mfp-arrow::before {
  display: none;
}

button.mfp-arrow::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  margin: 0;
  border: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' d='M11.807 23.273L1.2 12.667l10.968-11.42'/%3E%3C/svg%3E") no-repeat 18px 50%/24px 24px;
}

button.mfp-arrow:active {
  margin-top: 0;
}

button.mfp-arrow:hover,
button.mfp-arrow:focus {
  background-color: rgba(0, 0, 0, 0.5);
}

.mfp-arrow-right::after {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

img.mfp-img {
  padding: 70px 0 40px;
}

.dealer-form__text {
  margin: 0 0 45px;
  line-height: 21px;
}

.dealer-form__text p {
  margin: 0;
}

.dealer-form__text p:not(:last-child) {
  margin-bottom: 21px;
}

.dealer-form__text a:hover,
.dealer-form__text a:focus {
  text-decoration: underline;
}

.dealer-form__heading {
  margin: 0 0 32px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 22px;
  line-height: 28px;
}

.dealer-form__fields {
  max-width: 700px;
}

.dealer-form__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -25px 0 0;
}

.dealer-form__field {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 200px;
  flex-basis: 200px;
  margin: 0 0 25px;
}

.dealer-form__row .dealer-form__field {
  margin-right: 25px;
}

.dealer-form__label {
  display: block;
  margin: 0 0 20px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 18px;
}

.dealer-form__label span {
  font-family: "Jost-Regular", Arial, sans-serif;
}

.dealer-form__field--error .dealer-form__label {
  color: #F5526D;
}

.dealer-form__input {
  width: 100%;
  height: 30px;
  padding: 0 10px 3px;
  border: 1px solid #CFD6DB;
  font: inherit;
}

.dealer-form__input:focus {
  border-color: #55B443;
  outline: none;
}

.dealer-form__input--phone {
  max-width: 150px;
}

.dealer-form__input--site {
  max-width: 337px;
}

.dealer-form__input--textarea {
  height: auto;
}

.dealer-form__input--error,
.dealer-form__field--error .dealer-form__input {
  border-color: #F5526D;
}

.dealer-form__agree {
  margin: 40px 0;
  font-size: 14px;
}

.dealer-form__row + .dealer-form__agree {
  margin-top: 10px;
}

.dealer-form__agree .radio {
  padding-top: 2px;
}

.dealer-form__agree a:hover,
.dealer-form__agree a:focus {
  text-decoration: underline;
}

.dealer-form__button {
  padding: 8px 23px 11px;
  border: none;
  background: #55B443;
  color: #FFF;
  font: inherit;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 18px;
  cursor: pointer;
}

.dealer-form__button:hover,
.dealer-form__button:focus {
  background: #2B9816;
}

.price__text {
  margin: 0 0 22px;
  line-height: 21px;
}

.price__link {
  position: relative;
  display: table;
  padding: 22px 0 22px 66px;
}

.price__link::before {
  content: '';
  position: absolute;
  top: calc(50% - 33px);
  left: -4px;
  width: 66px;
  height: 66px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23e2e5e7' d='M128 0c-17.6 0-32 14.4-32 32v448c0 17.6 14.4 32 32 32h320c17.6 0 32-14.4 32-32V128L352 0H128z'/%3E%3Cpath fill='%23b0b7bd' d='M384 128h96L352 0v96c0 17.6 14.4 32 32 32z'/%3E%3Cpath fill='%23cad1d8' d='M480 224l-96-96h96z'/%3E%3Cpath fill='%23f15642' d='M416 416c0 8.8-7.2 16-16 16H48c-8.8 0-16-7.2-16-16V256c0-8.8 7.2-16 16-16h352c8.8 0 16 7.2 16 16v160z'/%3E%3Cg fill='%23fff'%3E%3Cpath d='M101.744 303.152c0-4.224 3.328-8.832 8.688-8.832h29.552c16.64 0 31.616 11.136 31.616 32.48 0 20.224-14.976 31.488-31.616 31.488h-21.36v16.896c0 5.632-3.584 8.816-8.192 8.816-4.224 0-8.688-3.184-8.688-8.816v-72.032zm16.88 7.28v31.872h21.36c8.576 0 15.36-7.568 15.36-15.504 0-8.944-6.784-16.368-15.36-16.368h-21.36zM196.656 384c-4.224 0-8.832-2.304-8.832-7.92v-72.672c0-4.592 4.608-7.936 8.832-7.936h29.296c58.464 0 57.184 88.528 1.152 88.528h-30.448zm8.064-72.912V368.4h21.232c34.544 0 36.08-57.312 0-57.312H204.72zM303.872 312.112v20.336h32.624c4.608 0 9.216 4.608 9.216 9.072 0 4.224-4.608 7.68-9.216 7.68h-32.624v26.864c0 4.48-3.184 7.92-7.664 7.92-5.632 0-9.072-3.44-9.072-7.92v-72.672c0-4.592 3.456-7.936 9.072-7.936h44.912c5.632 0 8.96 3.344 8.96 7.936 0 4.096-3.328 8.704-8.96 8.704h-37.248v.016z'/%3E%3C/g%3E%3Cpath fill='%23cad1d8' d='M400 432H96v16h304c8.8 0 16-7.2 16-16v-16c0 8.8-7.2 16-16 16z'/%3E%3C/svg%3E") no-repeat 50%;
}

.price__link:hover {
  text-decoration: underline;
}

.photo-gallery {
  overflow: hidden;
  background: #EFF2F4;
}

.photo-gallery__images {
  position: relative;
}

.photo-gallery__image {
  display: block;
  width: 100%;
  height: auto;
}

.photo-gallery__thumbs-wrap {
  position: relative;
  margin: 25px 0;
  padding: 0 55px;
}

.photo-gallery__thumb-active {
  border: 1px solid black;
}

.photo-gallery__thumbs {
  overflow: hidden;
}

.photo-gallery__thumbs .swiper-slide {
  position: relative;
}

.photo-gallery__thumbs .swiper-slide::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #CFD6DB;
}

.photo-gallery__thumb {
  display: block;
  width: 100%;
  height: auto;
}

.photo-gallery__arrow {
  position: absolute;
  top: calc(50% - 15px);
  z-index: 1;
  width: 17px;
  height: 31px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 17 31'%3E%3Cpath stroke='%23000' stroke-width='2' d='M16.143 1.284L2 15.426 16.143 29.57'/%3E%3C/svg%3E");
  cursor: pointer;
}

.photo-gallery__images .photo-gallery__arrow {
  top: calc(50% - 37px);
  opacity: 0;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.325) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 19 36'%3E%3Cpath stroke='%23fff' stroke-width='2' d='M17.71 34.41L1.8 18.5 18.252 1.372'/%3E%3C/svg%3E") no-repeat 26px 50%/19px 36px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.photo-gallery:hover .photo-gallery__images .photo-gallery__arrow {
  opacity: 1;
}

.photo-gallery__arrow:focus {
  outline: none;
}

.photo-gallery__images .photo-gallery__arrow:focus {
  background-color: rgba(0, 0, 0, 0.45);
}

.photo-gallery__arrow--prev {
  left: 18px;
}

.photo-gallery__images .photo-gallery__arrow--prev {
  left: 10px;
}

.photo-gallery__arrow--next {
  left: auto;
  right: 18px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.photo-gallery__images .photo-gallery__arrow--next {
  right: 10px;
}

.project h2 {
  margin: 0 0 23px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 22px;
  font-weight: normal;
  line-height: 28px;
}

.project h3 {
  margin: 0 0 22px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 23px;
}

.project__cost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 15px 0 0 20px;
  background: #EFF2F4;
}

.project__cost--top {
  margin-bottom: 35px;
  border-top: 2px solid #F7F8F9;
}

h2 + .project__cost {
  margin-top: 33px;
}

.project__cost-text {
  margin: 0 15px 15px 0;
  font-size: 20px;
  line-height: 26px;
}

.project__cost--top .project__cost-text {
  font-size: 18px;
  line-height: 23px;
}

.project__cost-price {
  color: #55B443;
}

.project__cost-button {
  margin: 0 15px 15px 0;
  padding: 6px 15px 8px;
  background: #55B443;
  color: #FFF;
  font-size: 14px;
}

.project__cost-button:hover,
.project__cost-button:focus {
  background: #2B9816;
}

.project__entry {
  margin: 0 0 45px;
  font-size: 18px;
  line-height: 23px;
}

.project__entry ::-webkit-scrollbar {
  box-shadow: 0 0 0 1px #CFD6DB;
  -webkit-appearance: none;
}

.project__entry ::-webkit-scrollbar:vertical {
  width: 14px;
}

.project__entry ::-webkit-scrollbar:horizontal {
  height: 14px;
}

.project__entry ::-webkit-scrollbar-thumb {
  border: 3px solid #FFF;
  border-radius: 10px;
  background: #CFD6DB;
}

.project__entry ::-webkit-scrollbar-thumb:hover {
  background: #55B443;
}

.project__entry ::-webkit-scrollbar-track {
  border-radius: 10px;
}

.project__entry h2:not(:first-child) {
  margin-top: 40px;
}

.project__entry a {
  text-decoration: underline;
}

.project__entry a:hover,
.project__entry a:focus {
  text-decoration: none;
}

.project__entry p {
  margin: 0;
}

.project__entry p:not(:last-child) {
  margin-bottom: 23px;
}

.project__entry img {
  max-width: 100%;
  height: auto;
}

.project__image {
  display: block;
  margin: 35px 0;
}

.toc {
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
  font-size: 20px;
}

.toc__item {
  margin: 0 0 10px;
}

.toc__link:hover,
.toc__link:focus {
  text-decoration: underline;
}

.table {
  overflow: auto;
  margin: 32px 0;
  font-size: 16px;
  line-height: 18px;
  -webkit-overflow-scrolling: touch;
}

.table table {
  width: 100%;
  border-spacing: 1px;
}

.table th {
  padding: 8px 17px 10px;
  background: #EFF2F4;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-weight: normal;
  text-align: left;
}

.table td {
  padding: 12px 17px 14px;
  border-bottom: 2px solid #F7F8F9;
  font-size: 14px;
}

.table a {
  text-decoration: underline;
}

.table a:hover,
.table a:focus {
  text-decoration: none;
}

th.table__center,
td.table__center {
  text-align: center;
}

.filter-toggle {
  display: none;
  margin: -10px 0 30px;
  padding: 0 0 0 30px;
  border: none;
  background: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 8'%3E%3Cpath stroke='%23000' d='M0 6.5h10M0 1.5h10'/%3E%3Cpath fill='%23000' d='M5 1.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM8 6.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z'/%3E%3C/svg%3E") no-repeat 0 50%/10px 8px;
  font: inherit;
}

.filter-toggle:focus {
  outline: none;
  color: #55B443;
}

.content .filter {
  display: none;
  margin: 0 0 40px;
}

.filter__filedset {
  display: block;
  margin: 0 0 37px;
}

.filter__heading {
  padding: 0;
}

.filter__option:not(:last-child) {
  margin-bottom: 12px;
}

.filter__button {
  padding: 6px 30px 9px;
  border: 1px solid #55B443;
  background: none;
  color: #55B443;
  font: inherit;
  font-family: "Jost-Medium", Arial, sans-serif;
  cursor: pointer;
}

.filter__button:hover,
.filter__button:focus {
  background: #55B443;
  color: #FFF;
}

.filter__color {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 0 12px;
}

.filter__color-caption {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin: 0;
}

.filter__color-options {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -18px -18px 0;
}

.filter__color-option {
  margin: 0 18px 18px 0;
  cursor: pointer;
}

.filter__color-black {
  display: block;
  width: 36px;
  height: 36px;
  border: 1px solid #CFD6DB;
  border-radius: 50%;
  background: black;
}
.filter__color-indicator {
  display: block;
  border-radius: 50%;
}

.filter__color-input:checked + .filter__color-indicator {
  box-shadow: 0 0 0 2px #55B443;
}

.filter__color-image {
  display: block;
}

.filter__color-white {
  display: block;
  width: 36px;
  height: 36px;
  border: 1px solid #CFD6DB;
  border-radius: 50%;
}
.filter__color-black {
  display: block;
  width: 36px;
  height: 36px;
  border: 1px solid #CFD6DB;
  border-radius: 50%;
  background: black;
}

.items-options {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 0 30px;
}

.sort {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.sort__caption {
  margin: 0 32px 0 0;
}

.sort__option {
  position: relative;
  padding: 0 15px 0 0;
  color: #000;
}

.sort__option::after {
  content: '';
  position: absolute;
  top: 8px;
  right: 0;
  width: 10px;
  height: 6px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3E%3Cpath stroke='%23000' d='M9 5.5l-4-4-2 2-2 2'/%3E%3C/svg%3E");
}

.sort__option:not(:last-child) {
  margin-right: 24px;
}

.sort__option:hover,
.sort__option:focus,
.sort__option--active {
  color: #55B443;
}

.sort__option:hover::after,
.sort__option:focus::after,
.sort__option--active::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3E%3Cpath stroke='%2355B443' d='M9 5.5l-4-4-2 2-2 2'/%3E%3C/svg%3E");
}

.sort__option--down::after {
  top: 9px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.layout:first-child {
  display: table;
  margin: -70px 0 45px auto;
}

.layout__button {
  position: relative;
  width: 30px;
  height: 30px;
  border: 1px solid #CED5DB;
  outline: none;
  background: none;
  cursor: pointer;
}

.layout__button:not(:last-child) {
  margin-right: -1px;
}

.layout__button--cards::before {
  content: '';
  position: absolute;
  top: 6px;
  left: 6px;
  right: 6px;
  bottom: 6px;
  border: solid #CED5DB;
  border-width: 6px 0;
}

.layout__button--cards::after {
  content: '';
  position: absolute;
  top: 6px;
  left: 12px;
  width: 4px;
  height: 16px;
  background: #FFF;
}

.layout__button--list::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 7px;
  right: 7px;
  bottom: 8px;
  border-left: 14px solid #CED5DB;
}

.layout__button--list::after {
  content: '';
  position: absolute;
  top: 10px;
  left: 7px;
  right: 7px;
  height: 8px;
  border: solid #FFF;
  border-width: 3px 0;
}

.layout__button--active {
  position: relative;
  z-index: 1;
  border-color: #55B443;
}

.layout__button--active::before {
  border-color: #55B443;
}

.picked-filter {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 -15px 3px 0;
}

.picked-filter__item {
  margin: 0 15px 15px 0;
  padding: 8px 39px 9px 13px;
  border: none;
  background: #EFF2F4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%238A98A3' d='M14.789 1L1 14.789m13.789 0L1 1'/%3E%3C/svg%3E") no-repeat right 12px top 50%/16px 16px;
  font: inherit;
  cursor: pointer;
}

.picked-filter__item:hover,
.picked-filter__item:focus {
  outline: none;
  background-color: #55B443;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23FFF' d='M14.789 1L1 14.789m13.789 0L1 1'/%3E%3C/svg%3E");
  color: #FFF;
}

.picked-filter__clear {
  margin: 0 15px 15px 0;
  padding: 6px 30px 9px;
  border: 1px solid #2B9816;
  background: none;
  color: #2B9816;
  font: inherit;
  font-family: "Jost-Medium", Arial, sans-serif;
  cursor: pointer;
}

.picked-filter__clear:hover,
.picked-filter__clear:focus {
  background: #2B9816;
  color: #FFF;
}

.items-solution {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -25px -25px 0;
}

.item-solution {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: calc(33.33% - 25px);
  margin: 0 25px 25px 0;
  box-shadow: inset 0 0 0 1px #CFD6DB;
}

.item-solution__image {
  display: block;
  width: 100%;
  height: auto;
}

.item-solution__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 13px 21px 21px;
  font-family: "Jost-Medium", Arial, sans-serif;
}

.item-solution__title {
  width: 100%;
  margin: 0 0 16px;
  font-size: 20px;
  line-height: 26px;
}

.items-solution__bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  margin-top: auto;
}

.item-solution__price {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin: 0;
  color: #55B443;
  font-size: 18px;
}

.item-solution__price-new {
  margin: 0 6px 0 0;
  color: #F5526D;
}

.item-solution__price-old {
  color: #8A98A3;
  font-size: 14px;
  text-decoration: line-through;
}

.item-solution__button {
  padding: 5px 13px 7px;
  background: #55B443;
  color: #FFF;
}

.item-solution__button:hover,
.item-solution__button:focus {
  background: #2B9816;
}

.items-accessory {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -25px -25px 0;
}

.item-accessory {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: calc(25% - 25px);
  margin: 0 25px 25px 0;
  padding: 15px;
  border: 1px solid #CFD6DB;
}

.items-accessory--list .item-accessory {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: calc(100% - 25px);
}

.item-accessory__image {
  width: 100%;
  height: auto;
  margin: 0 0 10px;
}

.items-accessory--list .item-accessory__image {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 90px;
  margin: -10px 15px -10px -10px;
}

.item-accessory__title {
  margin: 0 0 20px;
  color: #000;
  font-family: "Jost-Medium", Arial, sans-serif;
  line-height: 21px;
}

.item-accessory__title:hover,
.item-accessory__title:focus {
  color: #2B9816;
}

.items-accessory--list .item-accessory__title {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  margin: 0 20px 0 0;
  font-size: 20px;
}

.item-accessory__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: auto -10px -10px 0;
}

.items-accessory--list .item-accessory__inner {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 192px;
  margin-top: 0;
}

.item-accessory__price {
  width: calc(100% - 10px);
  margin: 0 0 11px;
  color: #2B9816;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 18px;
}

.items-accessory--list .item-accessory__price {
  margin-top: -5px;
  font-size: 26px;
}

.item-accessory__price-new {
  margin: 0 6px 0 0;
  color: #F5526D;
}

.item-accessory__price-old {
  color: #8A98A3;
  font-size: 14px;
  text-decoration: line-through;
}

.items-accessory--list .item-accessory__price-old {
  font-size: 18px;
}

.item-accessory__quantity {
  width: 60px;
  height: 30px;
  margin: 0 10px 10px 0;
  padding: 0 6px;
  border: 1px solid #CFD6DB;
  font: inherit;
  font-size: 14px;
}

.item-accessory__quantity:focus {
  border-color: #2B9816;
  outline: none;
}

.item-accessory__button {
  margin: 0 10px 10px auto;
  padding: 4px 22px 7px;
  border: none;
  background: #55B443;
  color: #FFF;
  font: inherit;
  font-family: "Jost-Medium", Arial, sans-serif;
  cursor: pointer;
}

.item-accessory__button:hover,
.item-accessory__button:focus {
  background: #2B9816;
}

.more {
  display: table;
  width: 45px;
  height: 40px;
  margin: 40px auto 0;
  border: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 45 40'%3E%3Cpath fill='%2355B443' d='M20 39.531c-11.028 0-20-8.866-20-19.765C0 8.865 8.972 0 20 0s20 8.868 20 19.765c0 .624-.511 1.13-1.144 1.13a1.137 1.137 0 01-1.143-1.13c0-9.652-7.947-17.507-17.714-17.507-9.77 0-17.716 7.855-17.716 17.508 0 9.653 7.947 17.506 17.716 17.506 6.249 0 12.102-3.31 15.277-8.639a1.15 1.15 0 011.565-.4c.543.316.724 1.009.405 1.547-3.581 6.014-10.19 9.751-17.246 9.751z'/%3E%3Cpath fill='%2355B443' d='M38.856 20.896c-.197 0-.398-.051-.58-.157l-7.161-4.18a1.122 1.122 0 01-.403-1.546 1.15 1.15 0 011.566-.397l6.249 3.646 4.022-5.693a1.151 1.151 0 011.59-.28 1.12 1.12 0 01.284 1.572l-4.63 6.55a1.145 1.145 0 01-.937.485z'/%3E%3C/svg%3E") no-repeat 50%;
  cursor: pointer;
}

.show-more {
  display: table;
  margin: 50px auto 0;
  padding: 6px 17px 9px;
  border: 1px solid #55B443;
  background: none;
  color: #55B443;
  font: inherit;
  font-size: 20px;
  cursor: pointer;
}

.show-more:hover,
.show-more:focus {
  outline: none;
  background: #55B443;
  color: #FFF;
}

.items-news--list + .show-more {
  margin-left: 0;
}

.description {
  line-height: 21px;
}

.description:not(:first-child) {
  margin-top: 75px;
}

.description p {
  margin: 0;
}

.description p:not(:last-child) {
  margin-bottom: 21px;
}

.catalog {
  margin: -2px 0 0;
}

.catalog .headline {
  margin-bottom: 0;
}

.catalog .heading {
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 22px;
}

.catalog .headline__all {
  font-size: 18px;
}

.catalog .items-solution {
  margin-bottom: 18px;
}

.error-404 {
  margin: 0 0 80px;
  padding: 423px 0 0;
  background: url("../img/error-404.svg") no-repeat 50% 0/636px 384px;
  text-align: center;
}

.error-404 .search {
  width: 335px;
  margin: 0 auto;
}

.error-404 .search__form {
  width: 100%;
}

.error-404__text {
  margin: 0 0 27px;
}

.search-results {
  margin: -15px 0 50px;
  font-size: 20px;
}

.search-results__query {
  font-family: "Jost-Medium", Arial, sans-serif;
}

.cart-items {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  margin: 0 25px 30px 0;
}

.cart-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 0 15px;
  padding: 15px;
  border: 1px solid #CFD6DB;
}

.cart-item__image {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  margin: -10px 25px -10px -10px;
}

.cart-item__title {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  margin: 0 25px 0 0;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 20px;
  line-height: 1.3;
}

.cart-item__price {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 135px;
  margin: 0;
  color: #2B9816;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 22px;
  line-height: 1;
}

.cart-item__price-new {
  display: block;
  margin: 0 0 2px;
  color: #F5526D;
}

.cart-item__price-per-item {
  display: block;
  font-size: 14px;
  color: #000;
  margin: 4px 0 0;
}

.cart-item__price-per-item-old {
  display: block;
  margin: 3px 0 0;
  color: #8A98A3;
  font-size: 14px;
  text-decoration: line-through;
}

.cart-item__bottom {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 60px;
}

.cart-item__quantity {
  width: 60px;
  height: 30px;
  margin: 0 0 4px;
  padding: 0 6px;
  border: 1px solid #CFD6DB;
  font: inherit;
  font-size: 14px;
}

.cart-item__quantity:focus {
  border-color: #2B9816;
  outline: none;
}

.cart-item__del {
  padding: 0;
  border: none;
  background: none;
  color: #F5526D;
  font: inherit;
  font-size: 12px;
}

.cart-order {
  -webkit-align-self: flex-start;
  align-self: flex-start;
  width: 335px;
  margin: 0 0 45px;
  padding: 15px;
  background: #EEF2F5;
}

.cart-order__total {
  margin: 0 0 17px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 24px;
}

.cart-order__amount {
  margin: 0 0 20px;
  padding: 0 0 18px;
  border-bottom: 1px solid #CED5DB;
  color: #55B443;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 32px;
}

.cart-order__submit {
  width: 100%;
  padding: 8px 20px 12px;
  border: none;
  background: #55B443;
  color: #FFF;
  font: inherit;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 18px;
  cursor: pointer;
}

.cart-order__submit:hover,
.cart-order__submit:focus {
  outline: none;
  background: #2B9816;
}

.cart-order__promo {
  margin: 20px 0 0;
  padding: 15px 0 0;
  border-top: 1px solid #CED5DB;
}

.cart-order__promo-caption {
  display: block;
  margin: 0 0 12px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 18px;
}

.cart-order__promo-fields {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.cart-order__promo-input {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  min-width: 0;
  height: 30px;
  margin: 0 13px 0 0;
  padding: 0 7px;
  border: 1px solid #CED5DB;
  font: inherit;
  font-size: 14px;
}

.cart-order__promo-input:focus {
  border-color: #55B443;
  outline: none;
}

.cart-order__promo-button {
  height: 30px;
  padding: 0 17px 2px;
  border: 1px solid #55B443;
  background: none;
  color: #55B443;
  font: inherit;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 14px;
  cursor: pointer;
}

.cart-order__promo-button:hover,
.cart-order__promo-button:focus {
  outline: none;
  background: #55B443;
  color: #FFF;
}

.cart-order__promo-info {
  margin: 8px 0 2px;
  color: #55B443;
  font-size: 14px;
}

.recommend--cart {
  max-width: 820px;
}

.recommend__heading {
  margin: -5px 0 34px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 22px;
  font-weight: normal;
}

.recommend__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -25px -25px 0;
}

.recommend__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: calc(14.28% - 25px);
  margin: 0 25px 25px 0;
}

.recommend__image {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 10px;
}

.recommend__title {
  display: inline;
  margin: 0 0 12px;
  color: #000;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  overflow-wrap: break-word;
}

.recommend__title:hover,
.recommend__title:focus {
  color: #55B443;
}

.recommend__bottom {
  margin: auto 0 0;
}

.recommend__price {
  margin: 0 0 11px;
  color: #55B443;
  font-family: "Jost-Medium", Arial, sans-serif;
}

.recommend__price-new {
  margin: 0 2px 0 0;
  color: #F5526D;
}

.recommend__price-old {
  color: #8A98A3;
  font-size: 12px;
  text-decoration: line-through;
}

.recommend__button {
  width: 100%;
  padding: 4px 10px 7px;
  border: none;
  background: #55B443;
  color: #FFF;
  font: inherit;
  font-family: "Jost-Medium", Arial, sans-serif;
  cursor: pointer;
}

.recommend__button:hover,
.recommend__button:focus {
  outline: none;
  background: #2B9816;
}

.user-nav {
  margin: 0 0 45px;
}

.user-nav__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -25px -25px 0;
  padding: 0;
  list-style: none;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 18px;
  line-height: 23px;
}

.user-nav__item {
  width: calc(25% - 25px);
  margin: 0 25px 25px 0;
}

.user-nav__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  padding: 25px 15px 27px;
  border: 2px solid #EFF2F4;
  color: #000;
}

.user-nav__link:hover,
.user-nav__link:focus,
.user-nav__link--active {
  border-color: #55B443;
}

.user-nav__link--cart {
  padding-left: 78px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 50 50'%3E%3Cpath fill='%2355B443' d='M17.924 36.792a4.722 4.722 0 00-4.716 4.717c0 2.6 2.116 4.717 4.716 4.717 2.601 0 4.718-2.116 4.718-4.717 0-2.6-2.117-4.717-4.718-4.717zm0 7.547c-1.56 0-2.83-1.27-2.83-2.83s1.27-2.83 2.83-2.83c1.561 0 2.83 1.27 2.83 2.83s-1.269 2.83-2.83 2.83zM37.736 36.792a4.722 4.722 0 00-4.717 4.717c0 2.6 2.116 4.717 4.717 4.717 2.6 0 4.717-2.116 4.717-4.717 0-2.6-2.116-4.717-4.717-4.717zm0 7.547c-1.56 0-2.83-1.27-2.83-2.83s1.27-2.83 2.83-2.83 2.83 1.27 2.83 2.83-1.27 2.83-2.83 2.83zM49.81 13.583a.944.944 0 00-.753-.376H8.249L5.621 4.446a.943.943 0 00-.904-.673H.943a.943.943 0 000 1.887h3.072l2.627 8.756L12.3 34.22a.943.943 0 00.907.685h30.19c.42 0 .79-.28.906-.685l5.66-19.811a.944.944 0 00-.153-.827zm-7.125 19.436H13.919L8.798 15.094h39.008L42.685 33.02z'/%3E%3C/svg%3E") no-repeat 16px 50%/50px 50px;
}

.user-nav__link--orders {
  padding-left: 76px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 50 50'%3E%3Cpath fill='%2355B443' d='M37.963 33.333c-4.595 0-8.333 3.738-8.333 8.333 0 4.595 3.738 8.334 8.333 8.334 4.595 0 8.333-3.739 8.333-8.334s-3.738-8.333-8.333-8.333zm0 14.815a6.489 6.489 0 01-6.482-6.482 6.489 6.489 0 016.482-6.481 6.489 6.489 0 016.481 6.481 6.489 6.489 0 01-6.481 6.482z'/%3E%3Cpath fill='%2355B443' d='M42.26 38.177a.926.926 0 00-1.305.12l-3.98 4.776-2.06-2.061a.926.926 0 10-1.31 1.31l2.778 2.777a.926.926 0 001.365-.062l4.63-5.556a.926.926 0 00-.118-1.304zM37.963 0H4.63a.926.926 0 00-.926.926v46.296a.926.926 0 001.402.794l4.096-2.457 3.205 2.404a.925.925 0 001.032.053l4.096-2.457 3.206 2.404a.926.926 0 001.032.053l4.629-2.777a.926.926 0 10-.953-1.588l-4.096 2.457-3.205-2.404a.925.925 0 00-1.032-.053l-4.096 2.457-3.205-2.404a.925.925 0 00-1.032-.053l-3.227 1.936V1.852h31.481v28.704a.926.926 0 001.852 0V.926A.926.926 0 0037.963 0z'/%3E%3Cpath fill='%2355B443' d='M13.889 8.333h-4.63a.926.926 0 000 1.852h4.63a.926.926 0 000-1.852zM31.482 12.963h-4.63a.926.926 0 000 1.852h4.63a.926.926 0 100-1.852zM31.482 17.593h-4.63a.926.926 0 000 1.852h4.63a.926.926 0 100-1.852zM31.482 22.222h-4.63a.926.926 0 000 1.851h4.63a.926.926 0 100-1.851zM31.482 26.852h-4.63a.926.926 0 000 1.851h4.63a.926.926 0 100-1.851zM31.482 31.481h-4.63a.926.926 0 000 1.852h4.63a.926.926 0 000-1.852zM22.222 12.963H9.26a.926.926 0 000 1.852h12.963a.926.926 0 100-1.852zM22.222 17.593H9.26a.926.926 0 100 1.852h12.963a.926.926 0 100-1.852zM22.222 22.222H9.26a.926.926 0 000 1.851h12.963a.926.926 0 100-1.851zM22.222 26.852H9.26a.926.926 0 100 1.851h12.963a.926.926 0 100-1.851zM22.222 31.481H9.26a.926.926 0 000 1.852h12.963a.926.926 0 000-1.852z'/%3E%3C/svg%3E") no-repeat 19px 50%/50px 50px;
}

.user-nav__link--data {
  padding-left: 67px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 50 50'%3E%3Cpath fill='%2355B443' d='M43.092 23.684h-4.496v-10.95C38.596 5.713 33.017 0 26.002 0h-1.766C17.22 0 11.403 5.71 11.403 12.728v1.307h5.263v-1.307c0-4.116 3.456-7.465 7.57-7.465h1.766c4.113 0 7.331 3.352 7.331 7.471v10.95H7.127c-.485 0-.987.393-.987.877V40.36c0 5.316 4.44 9.641 9.762 9.641h18.415c5.322 0 9.542-4.325 9.542-9.64V24.56c0-.484-.282-.877-.767-.877zM26.002 3.51h-1.766c-4.785 0-8.73 3.509-9.173 8.772h-1.76c.447-6.14 5.18-10.527 10.933-10.527h1.766c6.048 0 10.84 4.926 10.84 10.98v10.95h-1.755v-10.95c0-5.087-4.005-9.225-9.085-9.225zm16.103 36.85c0 4.349-3.433 7.887-7.788 7.887H15.902c-4.355 0-8.007-3.538-8.007-7.887V25.44h34.21v14.92z'/%3E%3Cpath fill='%2355B443' d='M24.671 29.824c-2.418 0-4.44 1.968-4.44 4.386 0 1.384.822 2.687 1.699 3.509v5.263c0 .485.502.877.987.877h3.508c.485 0 .768-.392.768-.877V37.72c1.096-.822 1.81-2.125 1.81-3.509 0-2.418-1.914-4.386-4.332-4.386zm1.26 6.666c-.27.157-.492.446-.492.76v4.855h-1.755V37.25c0-.314-.112-.603-.383-.76a2.618 2.618 0 01-1.289-2.28c0-1.451 1.194-2.631 2.645-2.631a2.617 2.617 0 012.611 2.631c0 .936-.525 1.81-1.337 2.28z'/%3E%3C/svg%3E") no-repeat 10px 50%/50px 50px;
}

.user-nav__link--help {
  padding-left: 73px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 50 50'%3E%3Cpath fill='%2355B443' d='M22.115 1.923C9.921 1.923 0 11.843 0 24.038a21.96 21.96 0 003.819 12.427L1.01 44.888a.962.962 0 001.195 1.223l9.071-2.791a22.102 22.102 0 0010.838 2.834c3.301 0 6.477-.71 9.44-2.11a.961.961 0 10-.822-1.74 20.015 20.015 0 01-8.618 1.926c-3.606 0-7.144-.961-10.233-2.78a.963.963 0 00-.77-.091l-7.686 2.364 2.37-7.108a.962.962 0 00-.13-.863 20.053 20.053 0 01-3.743-11.714c0-11.134 9.058-20.192 20.192-20.192s20.192 9.058 20.192 20.192c0 1.225-.11 2.452-.328 3.647a.962.962 0 001.892.345c.239-1.308.36-2.652.36-3.992 0-12.194-9.921-22.115-22.116-22.115z'/%3E%3Cpath fill='%2355B443' d='M34.334 13.589a.962.962 0 00-1.36 0c-3.534 3.534-7.412 3.505-12.205-.09-4.412-3.308-11.48 2.668-11.78 2.925a.962.962 0 001.252 1.46c1.711-1.464 6.732-4.828 9.374-2.846 2.454 1.84 4.693 2.845 6.847 3.072.31.032.617.049.922.049 2.483 0 4.816-1.077 6.95-3.21a.961.961 0 000-1.36zM34.334 21.282a.962.962 0 00-1.36 0c-3.534 3.533-7.412 3.505-12.205-.09-4.412-3.31-11.48 2.668-11.78 2.924a.962.962 0 001.252 1.46c1.711-1.463 6.732-4.828 9.374-2.845 2.454 1.84 4.693 2.845 6.847 3.071.31.033.617.049.922.049 2.483 0 4.816-1.077 6.95-3.21a.961.961 0 000-1.36zM34.334 28.975a.961.961 0 00-1.36 0c-3.534 3.533-7.412 3.505-12.205-.09-4.412-3.308-11.48 2.668-11.78 2.924a.962.962 0 001.252 1.46c1.711-1.463 6.732-4.828 9.374-2.845 2.454 1.84 4.693 2.845 6.847 3.071.31.033.617.05.922.05 2.483 0 4.816-1.078 6.95-3.21a.961.961 0 000-1.36zM41.346 30.77c-4.772 0-8.654 3.882-8.654 8.653 0 4.772 3.882 8.654 8.654 8.654S50 44.195 50 39.423c0-4.771-3.882-8.654-8.654-8.654zm0 15.384a6.738 6.738 0 01-6.73-6.73c0-3.712 3.019-6.731 6.73-6.731 3.712 0 6.731 3.019 6.731 6.73 0 3.712-3.02 6.731-6.73 6.731z'/%3E%3Cpath fill='%2355B443' d='M41.346 33.653A3.85 3.85 0 0037.5 37.5a.962.962 0 001.923 0c0-1.06.863-1.922 1.923-1.922s1.923.862 1.923 1.922-.863 1.924-1.923 1.924a.961.961 0 00-.961.961v.962a.961.961 0 101.923 0v-.122a3.853 3.853 0 002.884-3.724 3.85 3.85 0 00-3.846-3.847zM42.026 43.55a1.177 1.177 0 00-.146-.12 1.102 1.102 0 00-.166-.086.925.925 0 00-.18-.056.892.892 0 00-.376 0 .924.924 0 00-.18.056 1.107 1.107 0 00-.166.086.977.977 0 00-.409.988.928.928 0 00.056.18c.024.058.053.114.087.166a.978.978 0 00.988.409.916.916 0 00.346-.144.99.99 0 00.146-.118.98.98 0 00.207-.312 1.004 1.004 0 00.075-.368c0-.253-.104-.5-.282-.68z'/%3E%3C/svg%3E") no-repeat 14px 50%/50px 50px;
}

.order__heading {
  margin: 0 0 20px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
}

.order__data {
  margin: 0 0 15px;
  border-collapse: collapse;
  font-size: 14px;
}

.order__data-row {
  display: block;
  margin: 0 0 12px;
}

.order__data-caption {
  padding: 0 3px 0 0;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-weight: normal;
}

.order__data-value {
  padding: 0;
}

.order__buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px 15px 0;
}

.order__button {
  margin: 0 15px 15px 0;
  padding: 3px 8px 5px;
  background: none;
  font: inherit;
  font-size: 14px;
  cursor: pointer;
}

.order__button:hover,
.order__button:focus {
  outline: none;
  color: #FFF;
}

.order__button--pay {
  border: 1px solid #55B443;
  color: #55B443;
}

.order__button--pay:hover,
.order__button--pay:focus {
  background: #55B443;
}

.order__button--cancel {
  border: 1px solid #F5526D;
  color: #F5526D;
}

.order__button--cancel:hover,
.order__button--cancel:focus {
  background: #F5526D;
}

.order-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 0 17px;
  padding: 15px;
  border: 1px solid #CFD6DB;
}

.order-item__image {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  margin: -10px 25px -10px -10px;
}

.order-item__title {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  margin: 0 25px 0 0;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 20px;
  line-height: 1.3;
}

.order-item__price {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin: 0 10px 0 0;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 22px;
  text-align: right;
}

.order-item__quantity {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 60px;
  margin: 0;
  text-align: center;
  text-align: right;
}

.order__total {
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 24px;
  text-align: right;
}

.orders {
  width: 100%;
  border-collapse: collapse;
}

.orders__th {
  padding: 8px 15px 9px;
  border-right: 1px solid #FFF;
  background: #EFF2F4;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-weight: normal;
  text-align: left;
}

.orders__th--number {
  min-width: 100px;
}

.orders__th--goods {
  width: 100%;
}

.orders__th--status {
  min-width: 107px;
}

.orders__th--amount {
  text-align: center;
}

.orders__td {
  padding: 11px 15px;
  border-bottom: 2px solid #F7F8F9;
  font-size: 14px;
}

.orders__td--processing {
  color: #FFB345;
}

.orders__td--canceled {
  color: #F5526D;
}

.orders__td--completed {
  color: #55B443;
}

.orders__td--amount {
  white-space: nowrap;
}

.orders__date {
  margin: 4px 0 0;
  color: #8A98A3;
  font-size: 10px;
}

.orders__goods {
  display: inline-block;
  min-width: 85px;
  vertical-align: middle;
}

.orders__button {
  display: inline-block;
  margin: 0 11px 0 0;
  padding: 3px 8px 5px;
  border: 1px solid #55B443;
  background: none;
  color: #55B443;
  font: inherit;
  vertical-align: middle;
  cursor: pointer;
}

.orders__button:not(:last-child) {
  margin-right: 11px;
}

.orders__button:hover,
.orders__button:focus {
  outline: none;
  background: #55B443;
  color: #FFF;
}

.orders__button--cancel {
  border-color: #F5526D;
  color: #F5526D;
}

.orders__button--cancel:hover,
.orders__button--cancel:focus {
  background: #F5526D;
}

.user-data__items {
  border-collapse: collapse;
  font-size: 14px;
}

.user-data__item {
  display: block;
  margin: 0 0 20px;
}

.user-data__caption {
  padding: 0 4px 0 0;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-weight: normal;
}

.user-data__value {
  padding: 0;
}

.user-data__button {
  display: table;
  margin: 0 0 37px;
  padding: 3px 8px 5px;
  border: 1px solid #55B443;
  background: none;
  color: #55B443;
  font: inherit;
  font-size: 14px;
  cursor: pointer;
}

.user-data__button:hover,
.user-data__button:focus {
  outline: none;
  background: #55B443;
  color: #FFF;
}

.help__text {
  margin: 0 0 23px;
  font-size: 18px;
  line-height: 23px;
}

.help__phone {
  display: block;
  margin: 12px 0 0;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 21px;
}

.help__label {
  display: block;
  margin: 40px 0 20px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 18px;
  line-height: 23px;
}

.help__textarea {
  display: block;
  width: 100%;
  margin: 0 0 32px;
  border: 1px solid #CFD6DB;
  font: inherit;
}

.help__textarea:focus {
  border-color: #55B443;
  outline: none;
}

.help__button {
  padding: 8px 23px 11px;
  border: none;
  background: #55B443;
  color: #FFF;
  font: inherit;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 18px;
  cursor: pointer;
}

.help__button:hover,
.help__button:focus {
  outline: none;
  background: #2B9816;
}

.items-news {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -25px -25px 0;
}

.item-news {
  position: relative;
  overflow: hidden;
  width: calc(25% - 25px);
  height: 320px;
  margin: 0 25px 25px 0;
  border-radius: 8px;
  font-family: "Jost-Medium", Arial, sans-serif;
}

.items-news--list .item-news {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: calc(100% - 25px);
  height: auto;
  border-radius: 0;
}

.item-news__image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.items-news--list .item-news__image {
  position: static;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  width: 95px;
  height: 95px;
  border-radius: 8px;
}

.item-news__no-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: #EEF2F5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 89 113'%3E%3Cpath fill='%23CFD6DB' d='M85.032 14.74H73.608C71.896 6.34 64.451 0 55.554 0a3.685 3.685 0 00-3.685 3.685v11.054H3.967a3.685 3.685 0 00-3.685 3.685v90.891A3.685 3.685 0 003.967 113h81.066a3.685 3.685 0 003.684-3.685V18.424a3.685 3.685 0 00-3.684-3.685zm-77.38 7.369h44.217v22.108H18.706a3.685 3.685 0 000 7.37H51.87v24.826a25.45 25.45 0 00-10.543 4.005 33.476 33.476 0 00-9.816-12.165c-5.83-4.475-12.806-6.84-20.173-6.84-1.234 0-2.464.072-3.685.207V22.11zm51.587 83.522H7.652V69.047a26.063 26.063 0 013.685-.264c11.49 0 21.697 7.711 24.822 18.753.776 2.743 4.221 3.586 6.187 1.566 2.625-2.7 5.922-4.49 9.523-5.215v3.32a3.685 3.685 0 003.685 3.684h3.685c4.064 0 7.37 3.306 7.37 7.37 0 4.063-3.306 7.37-7.37 7.37zM66.61 85.5a14.65 14.65 0 00-7.37-1.978V8c4.29 1.52 7.37 5.619 7.37 10.423V85.5zm14.739 20.131h-9.353a14.644 14.644 0 001.983-7.37V22.109h7.37v83.522z'/%3E%3C/svg%3E") no-repeat right 30px top 25px/89px 113px;
}

.items-news--list .item-news__no-image {
  position: static;
  width: 95px;
  height: 95px;
  border-radius: 8px;
  background-position: 50%;
  background-size: 47px 60px;
}

.item-news__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  height: 100%;
  padding: 25px 20px;
}

.items-news--list .item-news__inner {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  height: auto;
  padding: 0 0 0 30px;
}

.item-news__image + .item-news__inner {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), to(#000));
  background: linear-gradient(rgba(0, 0, 0, 0) 50%, #000);
  color: #FFF;
}

.items-news--list .item-news__image + .item-news__inner {
  background: none;
  color: #000;
}

.item-news__date {
  display: block;
  margin: 0 0 5px;
  font-size: 14px;
}

.item-news__title {
  color: #000;
  font-size: 20px;
}

.item-news__title::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.item-news__title:hover,
.item-news__title:focus {
  color: #2B9816;
}

.items-news--list .item-news__title {
  font-size: 24px;
}

.items-news--list .item-news__title::after {
  content: '';
  right: auto;
  width: 95px;
}

.item-news__image + .item-news__inner .item-news__title {
  color: #FFF;
}

.item-news__image + .item-news__inner .item-news__title:hover,
.item-news__image + .item-news__inner .item-news__title:focus {
  color: #2B9816;
}

.items-news--list .item-news__image + .item-news__inner .item-news__title {
  color: #000;
}

.items-news--list .item-news__image + .item-news__inner .item-news__title:hover,
.items-news--list .item-news__image + .item-news__inner .item-news__title:focus {
  color: #2B9816;
}

.news-page__headline {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 -30px 16px 0;
}

.news-page__title {
  margin-right: 30px;
  margin-bottom: 15px;
}

.news-page__date {
  margin: 0 30px 15px 0;
  color: #8A98A3;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 18px;
}

.news-page__entry {
  font-size: 18px;
  line-height: 23px;
}

.news-page__entry strong {
  font-family: "Jost-Medium", Arial, sans-serif;
}

.news-page__entry p {
  margin: 0;
}

.news-page__entry p:not(:last-child) {
  margin-bottom: 23px;
}

.news-page__entry .photo-gallery {
  margin: 35px 0;
}

.news-page__entry .photo-gallery:first-child {
  margin-top: 0;
}

.news-page__entry .photo-gallery:last-child {
  margin-bottom: 0;
}

.news-page__image {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 38px 0;
}

.news-page__image:first-child {
  margin-top: 0;
}

.news-page__image:last-child {
  margin-bottom: 0;
}

.ordering {
  max-width: 580px;
  padding: 40px;
  border: 1px solid #CED5DB;
  font-size: 14px;
}

.ordering a:hover,
.ordering a:focus {
  text-decoration: underline;
}

.ordering strong {
  font-family: "Jost-Medium", Arial, sans-serif;
}

.ordering__heading {
  margin: 35px 0 25px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 22px;
  font-weight: normal;
}

.ordering__step {
  display: inline-block;
  width: 33px;
  height: 33px;
  margin: -3px 4px -3px 0;
  border-radius: 50%;
  background: #8A98A3;
  color: #FFF;
  line-height: 33px;
  text-align: center;
  vertical-align: top;
}

.ordering__text {
  margin: 0 0 20px;
  line-height: 18px;
}

.ordering__text-highlight {
  font-size: 15pt;
  color: #b71c1c;
}

.ordering__label {
  display: block;
  margin: 0 0 8px;
}

.ordering__input {
  display: block;
  width: 100%;
  max-width: 240px;
  height: 30px;
  margin: 0 0 25px;
  padding: 0 7px 2px;
  border: 1px solid #CED5DB;
  font: inherit;
}

.ordering__input:focus {
  border-color: #55B443;
  outline: none;
}

.ordering__tabs .ordering__input {
  max-width: 335px;
  margin-bottom: 23px;
}

.ordering__tabs .ordering__input + .ordering__label {
  margin-top: -7px;
}

.ordering__agree {
  margin: 35px 0 33px;
  padding-top: 2px;
}

.ordering__manager {
  margin: 22px 0 40px;
  font-size: 16px;
}

.ordering__manager + .ordering__manager {
  margin-top: -18px;
}

.ordering__button {
  display: table;
  margin: 36px 0 0;
  padding: 8px 18px 11px;
  border: none;
  background: #55B443;
  color: #FFF;
  font: inherit;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 18px;
  cursor: pointer;
}

.ordering__button:hover,
.ordering__button:focus {
  outline: none;
  background: #2B9816;
}

.ordering__button--pay {
  padding-right: 28px;
  padding-left: 28px;
}

.ordering__tabs {
  margin: 30px 0 35px;
}

.ordering__tabs-captions {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -30px 15px 0;
  padding: 0;
  list-style: none;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 16px;
}

.ordering__tabs-caption {
  margin: 0 30px 15px 0;
}

.ordering__tabs-link {
  position: relative;
  display: table;
  padding: 0 0 0 25px;
  color: #000;
}

.ordering__tabs-link::before {
  content: '';
  position: absolute;
  top: 1px;
  left: 0;
  width: 18px;
  height: 18px;
  border: 2px solid #CFD6DC;
  border-radius: 50%;
}

.ordering__tabs-link::after {
  content: '';
  position: absolute;
  top: 6px;
  left: 5px;
  width: 8px;
  height: 8px;
  opacity: 0;
  border-radius: 50%;
  background: #55B443;
}

.ordering__tabs-link[aria-selected]::before {
  border-color: #55B443;
}

.ordering__tabs-link[aria-selected]::after {
  opacity: 1;
}

a.ordering__tabs-link:hover,
a.ordering__tabs-link:focus {
  text-decoration: none;
}

.ordering__tabs-content {
  max-width: 420px;
  padding: 0 0 0 25px;
  outline: none;
}

.ordering__list {
  margin: 0 0 33px;
  padding: 0 0 0 28px;
  list-style: none;
  line-height: 18px;
}

.ordering__list-item {
  position: relative;
  margin: 0 0 11px;
}

.ordering__list-item::before {
  content: '';
  position: absolute;
  top: 8px;
  left: -12px;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background: #000;
}

.ordering__list-note {
  color: #8A98A3;
}

.ordering__option {
  margin: 0 0 32px;
  padding-top: 1px;
}

.ordering__option + .ordering__option {
  margin-top: -12px;
}

.ordering__option .checkbox__indicator {
  border-color: #CED5DB;
}

.ordering__note {
  margin: 0 0 20px;
  color: #8A98A3;
  line-height: 18px;
}

.ordering__option + .ordering__note {
  margin-top: -15px;
}

.ordering__delivery-cost {
  margin: 0 0 18px;
  font-size: 20px;
}

.ordering__total {
  margin: 0 0 28px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 20px;
}

.ordering__total + .ordering__button {
  margin-top: 0;
}

.ordering__light {
  color: #8A98A3;
}

.ordering__calc {
  margin: -20px 0 25px 23px;
}

.ordering__calc-input {
  width: 30px;
  height: 27px;
  padding: 0 7px 2px;
  border: 1px solid #CED5DB;
  font: inherit;
  text-align: center;
}

.ordering__calc-input:focus {
  border-color: #55B443;
  outline: none;
}

.ordering__payment {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 37px -18px -14px 0;
  color: #8A98A3;
  font-size: 16px;
}

.ordering__payment-item {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  margin: 0 18px 18px 0;
  cursor: pointer;
}

.ordering__payment-item-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 74px;
  padding-right: 15px;
  border: 1px solid #CED5DB;
}

.ordering__payment-item--card .ordering__payment-item-inner {
  padding-left: 91px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 58 42'%3E%3Cpath fill='%236BBEA1' d='M54.783 42H3.217A3.216 3.216 0 010 38.783V3.217A3.216 3.216 0 013.217 0h51.566A3.217 3.217 0 0158 3.217v35.566A3.217 3.217 0 0154.783 42z'/%3E%3Cpath fill='%23498679' d='M14 29H5v6h9v-6zM27 29h-9v6h9v-6zM40 29h-9v6h9v-6zM53 29h-9v6h9v-6z'/%3E%3Cpath fill='%23F0C41B' d='M19.745 18H6.255A1.256 1.256 0 015 16.745v-9.49C5 6.562 5.563 6 6.255 6h13.49C20.438 6 21 6.562 21 7.255v9.49c0 .693-.562 1.255-1.255 1.255z'/%3E%3Cpath fill='%23F3D55C' d='M19.745 19H6.255A2.258 2.258 0 014 16.745v-9.49A2.258 2.258 0 016.255 5h13.49A2.258 2.258 0 0122 7.255v9.49A2.258 2.258 0 0119.745 19zM6.255 7A.254.254 0 006 7.255v9.49c0 .141.113.255.255.255h13.49a.255.255 0 00.255-.255v-9.49A.255.255 0 0019.745 7H6.255z'/%3E%3Cpath fill='%23F0C41B' d='M21 7.255C21 6.561 20.438 6 19.745 6h-7.49C11.561 6 11 6.561 11 7.255v9.49c0 .693.561 1.255 1.255 1.255h1.49c.693 0 1.255-.562 1.255-1.255v-5.49c0-.693.561-1.255 1.255-1.255h3.49C20.438 10 21 9.438 21 8.745v-1.49z'/%3E%3Cpath fill='%23F3D55C' d='M13.745 19h-1.49A2.258 2.258 0 0110 16.745v-9.49A2.258 2.258 0 0112.255 5h7.49A2.258 2.258 0 0122 7.255v1.49A2.258 2.258 0 0119.745 11h-3.49a.254.254 0 00-.255.255v5.49A2.258 2.258 0 0113.745 19zm-1.49-12a.254.254 0 00-.255.255v9.49c0 .141.113.255.255.255h1.49a.255.255 0 00.255-.255v-5.49A2.258 2.258 0 0116.255 9h3.49A.255.255 0 0020 8.745v-1.49A.255.255 0 0019.745 7h-7.49z'/%3E%3Cpath fill='%23F3D55C' d='M21 15h-6a1 1 0 110-2h6a1 1 0 110 2zM11 11H5a1 1 0 110-2h6a1 1 0 110 2zM11 15H5a1 1 0 110-2h6a1 1 0 110 2z'/%3E%3Cpath fill='%23498679' d='M40 5h-9a1 1 0 100 2h9a1 1 0 100-2zM54 6a1 1 0 00-1-1h-9a1 1 0 100 2h9a1 1 0 001-1zM32 10h-1a1 1 0 100 2h1a1 1 0 100-2zM38 10h-2a1 1 0 100 2h2a1 1 0 100-2zM43 10h-1a1 1 0 100 2h1a1 1 0 100-2zM49 10h-2a1 1 0 100 2h2a1 1 0 100-2zM52.29 10.29c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.439.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0z'/%3E%3C/svg%3E") no-repeat 17px 50%/58px 42px;
}

.ordering__payment-item--cash .ordering__payment-item-inner {
  padding-left: 74px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 50 50'%3E%3Cpath fill='%23A86A3F' d='M3.906 8.232H42.97a3.918 3.918 0 013.906 3.907v4.687a3.918 3.918 0 01-3.906 3.907H3.906A3.918 3.918 0 010 16.826V12.14a3.918 3.918 0 013.906-3.907z'/%3E%3Cpath fill='%233DB39E' d='M12.46 12.412l24.454-6.485c.82-.234 1.68.274 1.914 1.094l4.063 15c.234.82-.274 1.68-1.094 1.914L9.96 32.412c-.82.234-1.68-.274-1.914-1.094L5.078 20.302l7.383-7.89z'/%3E%3Cpath fill='%2378CABB' d='M38.634 21.552L33.36 22.96c-.43.117-.86-.118-.937-.547-.118-.43.117-.86.547-.938l4.53-1.21L35.08 11.2l-4.531 1.21c-.43.118-.86-.116-.938-.546-.117-.43.117-.86.547-.938l5.274-1.406c.43-.117.859.118.937.547l2.813 10.547c.117.43-.118.86-.547.938zm-21.875 5.899l-5.274 1.406c-.43.117-.86-.117-.937-.547L7.735 17.763c-.117-.43.117-.859.547-.937l5.274-1.406c.43-.117.859.117.937.547.117.43-.117.86-.547.937l-4.531 1.211 2.422 9.063 4.53-1.211c.43-.118.86.117.938.547.118.39-.117.82-.546.937z'/%3E%3Cpath fill='%235ABEAC' d='M.313 17.88C7.266 13.896 26.016 2.92 26.016 2.92c.742-.43 1.719-.196 2.148.546l7.813 13.438c.43.742.156 1.68-.586 2.109L6.797 35.419c-.742.43-1.719.196-2.149-.547 0 0-2.187-4.453-4.375-8.203 0-8.789.04-5.898.04-8.789z'/%3E%3Cpath fill='%238CD2C5' d='M31.991 16.475l-5.468-9.453c-.235-.391-.703-.508-1.055-.274L20.74 9.483c-.39.234-.507.703-.273 1.054.234.39.703.508 1.055.274l4.062-2.344 4.688 8.125-4.063 2.344c-.39.234-.508.703-.273 1.054.234.391.703.508 1.054.274l4.727-2.735a.757.757 0 00.273-1.054zM11.288 27.529l-4.062 2.344-4.688-8.125 4.063-2.344c.39-.234.508-.703.273-1.054-.234-.39-.703-.508-1.055-.274l-4.726 2.735c-.39.234-.508.703-.274 1.054l5.47 9.454c.234.39.702.507 1.054.273l4.726-2.734c.391-.235.508-.704.274-1.055a.757.757 0 00-1.055-.274zM13.28 13.74c-3.007 1.72-4.023 5.547-2.304 8.555A6.269 6.269 0 0019.53 24.6c3.008-1.719 4.024-5.547 2.305-8.555-1.758-2.969-5.547-4.023-8.555-2.305zm18.711 2.735l-5.468-9.453c-.235-.391-.703-.508-1.055-.274L20.74 9.483c-.39.234-.507.703-.273 1.054.234.39.703.508 1.055.274l4.062-2.344 4.688 8.125-4.063 2.344c-.39.234-.508.703-.273 1.054.234.391.703.508 1.054.274l4.727-2.735a.757.757 0 00.273-1.054zM11.288 27.529l-4.062 2.344-4.688-8.125 4.063-2.344c.39-.234.508-.703.273-1.054-.234-.39-.703-.508-1.055-.274l-4.726 2.735c-.39.234-.508.703-.274 1.054l5.47 9.454c.234.39.702.507 1.054.273l4.726-2.734c.391-.235.508-.704.274-1.055a.757.757 0 00-1.055-.274zM13.28 13.74c-3.007 1.72-4.023 5.547-2.304 8.555A6.269 6.269 0 0019.53 24.6c3.008-1.719 4.024-5.547 2.305-8.555-1.758-2.969-5.547-4.023-8.555-2.305z'/%3E%3Cpath fill='%23C47E4D' d='M44.531 47.295H3.906A3.918 3.918 0 010 43.389V15.264h44.531a3.918 3.918 0 013.907 3.906v24.219a3.918 3.918 0 01-3.907 3.906zM3.125 15.264H0v-3.125a3.134 3.134 0 003.125 3.125z'/%3E%3Cpath fill='%23A86A3F' d='M48.437 37.53h-6.25c-3.007 0-5.468-2.462-5.468-5.47 0-3.007 2.46-5.468 5.468-5.468h6.25c.86 0 1.563.703 1.563 1.562v7.813c0 .86-.703 1.562-1.563 1.562z'/%3E%3Cpath fill='%23EFC75E' d='M42.188 28.936a3.134 3.134 0 013.125 3.125 3.134 3.134 0 01-3.126 3.125 3.134 3.134 0 01-3.124-3.125 3.134 3.134 0 013.124-3.125z'/%3E%3Cpath fill='%23D7B354' d='M42.969 34.404a3.134 3.134 0 01-3.125-3.125c0-.664.195-1.289.547-1.797-.82.547-1.328 1.485-1.328 2.579a3.134 3.134 0 003.124 3.125c1.055 0 1.993-.547 2.579-1.329a3.15 3.15 0 01-1.797.547z'/%3E%3Cpath fill='%23B27245' d='M44.531 45.733H3.906A3.918 3.918 0 010 41.826v1.563a3.918 3.918 0 003.906 3.906h40.625a3.918 3.918 0 003.907-3.906v-1.563a3.918 3.918 0 01-3.907 3.907z'/%3E%3Cpath fill='%23CA8B5F' d='M44.531 15.264H3.125A3.134 3.134 0 010 12.139V13.7a3.134 3.134 0 003.125 3.125h41.406a3.918 3.918 0 013.907 3.907V19.17a3.918 3.918 0 00-3.907-3.906z'/%3E%3C/svg%3E") no-repeat 15px 50%/50px 50px;
}

.ordering__payment-input:checked + .ordering__payment-item-inner {
  border-color: #55B443;
  color: #55B443;
}

.ordering__thanks {
  margin: 30px 0 0;
  font-size: 20px;
  line-height: 26px;
}

.ordering__buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 38px -23px -23px 0;
}

.ordering__buttons .ordering__button {
  margin: 0 23px 23px 0;
  padding-right: 22px;
  padding-left: 22px;
}

.ordering__user-area {
  margin: 0 23px 23px 0;
  padding: 8px 22px 11px;
  border: 1px solid #55B443;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 18px;
}

.ordering__user-area:hover,
.ordering__user-area:focus {
  background: #55B443;
  color: #FFF;
}

a.ordering__user-area:hover,
a.ordering__user-area:focus {
  text-decoration: none;
}

.bottom-sheet {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.65);
  padding: 43px 30px;
  text-align: center;
  color: #FFF;
  font-size: 18px;
  font-weight: 500;
}

@media (max-width: 600px) {
  .bottom-sheet {
    padding: 25px 15px;
    font-size: 11px;
  }
}

.bottom-sheet__btn {
  display: inline-block;
  vertical-align: middle;
  margin-right: 25px;
  padding: 18px 65px;
  background: #55B443;
  color: #fff;
  font-size: 16px;
}

@media (max-width: 600px) {
  .bottom-sheet__btn {
    margin-right: 10px;
    padding: 9px 28px;
    font-size: 10px;
  }
}

.bottom-sheet__btn:hover,
.bottom-sheet__btn:focus {
  background: #2B9816;
}

.bottom-sheet__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' d='M1.193.727L22.407 21.94M22.753.832L.833 22.752'/%3E%3C/svg%3E") no-repeat 50% / 100%;
  border: none;
  cursor: pointer;
}

@media (max-width: 600px) {
  .bottom-sheet__close {
    top: 9px;
    right: 9px;
    width: 14px;
    height: 14px;
  }
}

.bottom-sheet__close:hover {
  opacity: 0.7;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7);
}

.modal--product {
  background: rgba(0, 0, 0, 0.5);
}

.modal__close {
  position: absolute;
  top: 30px;
  right: 25px;
  width: 44px;
  height: 44px;
  border: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000' d='M1.193.727L22.407 21.94M22.753.832L.833 22.752'/%3E%3C/svg%3E") no-repeat 50%/24px 24px;
  cursor: pointer;
}

.modal--product .modal__close {
  top: 12px;
  right: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%238A98A3' stroke-width='2' d='M1.485 1.485l8.486 8.486m0 0l8.485-8.486M9.97 9.971l-8.486 8.485M9.971 9.97l8.485 8.485'/%3E%3C/svg%3E");
  background-size: 20px 20px;
}

.modal__close:hover,
.modal__close:focus {
  outline: none;
  background-color: rgba(0, 0, 0, 0.07);
}

.modal__container {
  position: relative;
  width: 465px;
  max-width: calc(100% - 20px);
  max-height: calc(100% - 20px);
  background: #FFF;
}

.modal--reg .modal__container {
  width: 515px;
}

.modal--product .modal__container {
  width: 500px;
}

.modal--review .modal__container,
.modal--thanks .modal__container,
.modal--order .modal__container {
  width: 640px;
}

.modal__inner {
  overflow-y: auto;
  max-height: calc(100vh - 20px);
  padding: 40px;
}

.modal--product .modal__inner {
  padding: 25px;
}

.modal--thanks .modal__inner {
  padding-top: 105px;
  padding-bottom: 110px;
}

.modal__heading {
  margin: -5px 50px 40px 0;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 22px;
  font-weight: normal;
}

.modal--product .modal__heading {
  font-size: 30px;
  margin-top: -3px;
  margin-bottom: 20px;
}

.modal__label {
  display: block;
  margin: 0 0 8px;
  font-size: 14px;
}

.modal__input {
  display: block;
  width: 100%;
  height: 30px;
  margin: 0 0 25px;
  padding: 0 7px 2px;
  border: 1px solid #CED5DB;
  font: inherit;
  font-size: 14px;
}

.modal__input:focus {
  border-color: #55B443;
  outline: none;
}

.modal__remember-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: -10px -20px 0px 0;
}

.modal__remember {
  margin: 0 20px 20px 0;
}

.modal__remember .checkbox__indicator {
  border-color: #CFD6DC;
}

.modal__forgot {
  margin: 0 20px 20px 0;
  font-size: 14px;
}

.modal__forgot:hover,
.modal__forgot:focus {
  text-decoration: underline;
}

.modal__action {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 -25px 50px 0;
}

.modal__button {
  padding: 8px 28px 11px;
  border: none;
  background: #55B443;
  color: #FFF;
  font: inherit;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 18px;
  cursor: pointer;
}

.modal__button:hover,
.modal__button:focus {
  outline: none;
  background: #2B9816;
}

.modal__action .modal__button {
  margin: 0 25px 15px 0;
}

.modal__reg {
  margin: 0 25px 15px 0;
}

.modal__reg:hover,
.modal__reg:focus {
  text-decoration: underline;
}

.modal__agree {
  margin: 32px 0 45px;
  padding-top: 2px;
  font-size: 14px;
}

.modal__agree a:hover,
.modal__agree a:focus {
  text-decoration: underline;
}

.modal__text {
  font-size: 18px;
  line-height: 23px;
}

.modal__text p {
  margin: 0;
}

.modal__text p:not(:last-child) {
  margin-bottom: 23px;
}

.modal__text strong {
  font-family: "Jost-Medium", Arial, sans-serif;
}

.modal__text a:hover {
  text-decoration: underline;
}

.modal__note {
  font-size: 14px;
  line-height: 18px;
  margin: 33px 0 0;
  color: #8A98A3;
}

.modal__note a:hover {
  text-decoration: underline;
}

.modal__thanks {
  text-align: center;
  font-size: 30px;
  line-height: 38px;
  margin: 0 0 30px;
}

.modal__continue {
  display: table;
  margin: 0 auto;
  padding: 8px 17px 11px;
  background: #55B443;
  color: #FFF;
  font-size: 18px;
  font-family: "Jost-Medium", Arial, sans-serif;
}

.modal__continue:hover {
  background: #2B9816;
}

.social-login {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -22px -24px -24px 0;
  padding: 0;
  list-style: none;
}

.social-login__item {
  margin: 0 24px 24px 0;
}

.social-login__link {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 50%;
}

.social-login__link::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 50%;
}

.social-login__link:hover::before,
.social-login__link:focus::before {
  opacity: 0.8;
}

.social-login__link--vk {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 27 16'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M13.245 15.772h1.57s.474-.052.716-.313c.223-.24.215-.69.215-.69s-.03-2.106.947-2.416c.964-.306 2.201 2.035 3.513 2.936.992.68 1.746.531 1.746.531l3.507-.048s1.834-.113.965-1.556c-.072-.118-.507-1.067-2.608-3.017-2.2-2.041-1.905-1.711.744-5.242 1.614-2.15 2.259-3.462 2.057-4.025-.192-.535-1.379-.394-1.379-.394l-3.948.025s-.293-.04-.51.09c-.212.127-.349.424-.349.424s-.625 1.664-1.458 3.079c-1.759 2.985-2.462 3.143-2.75 2.958-.668-.433-.5-1.736-.5-2.663 0-2.893.438-4.1-.855-4.412-.43-.104-.745-.172-1.843-.183-1.41-.015-2.602.004-3.277.335-.45.22-.796.71-.585.738.261.035.852.16 1.166.587.404.55.39 1.786.39 1.786s.233 3.407-.543 3.83c-.532.29-1.262-.303-2.83-3.011-.803-1.388-1.41-2.922-1.41-2.922s-.116-.286-.325-.44c-.253-.185-.607-.245-.607-.245l-3.752.025s-.563.016-.77.26c-.184.218-.015.67-.015.67S3.405 9.34 6.731 12.804c3.05 3.175 6.514 2.967 6.514 2.967z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-position: 6px 13px;
  background-size: 27px 16px;
}

.social-login__link--vk::before {
  background: #4D77A1;
}

.social-login__link--fb {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 13 27'%3E%3Cpath fill='%23fff' d='M12.028 13.783H8.459v13.074H3.052V13.783H.48V9.188h2.572V6.215c0-2.127 1.01-5.456 5.455-5.456l4.005.017v4.46H9.606c-.476 0-1.147.238-1.147 1.252v2.704H12.5l-.472 4.59z'/%3E%3C/svg%3E");
  background-size: 13px 27px;
}

.social-login__link--fb::before {
  background: #3B5999;
}

.social-login__link--ya {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 24'%3E%3Cpath fill='%23fff' d='M12.039 0h-3.41C5.174 0 1.688 2.551 1.688 8.25c0 2.952 1.251 5.252 3.545 6.56l-4.198 7.597c-.2.36-.204.767-.014 1.09.186.315.525.503.908.503h2.124c.482 0 .858-.233 1.039-.642l3.936-7.698h.287v7.38c0 .52.439.96.958.96h1.855c.583 0 .99-.407.99-.99V1.05c0-.618-.444-1.05-1.08-1.05zM9.315 12.24h-.507c-1.965 0-3.138-1.604-3.138-4.29 0-3.34 1.482-4.53 2.869-4.53h.776v8.82z'/%3E%3C/svg%3E");
  background-position: 12px 50%;
  background-size: 14px 24px;
}

.social-login__link--ya::before {
  background: #F6526D;
}

.social-login__link--ok {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 24'%3E%3Cpath fill='%23fff' d='M8 12.988a6.494 6.494 0 10-6.494-6.494A6.502 6.502 0 008 12.988zm0-9.99A3.497 3.497 0 118 9.99a3.497 3.497 0 010-6.994z'/%3E%3Cpath fill='%23fff' d='M14.361 16.065a2.516 2.516 0 001.132-2.098 1.812 1.812 0 00-1.016-1.654 1.898 1.898 0 00-1.998.188 7.602 7.602 0 01-8.957 0 1.908 1.908 0 00-1.998-.188 1.814 1.814 0 00-1.017 1.653 2.519 2.519 0 001.132 2.098c.905.602 1.89 1.073 2.927 1.399.176.054.358.105.545.151l-3.02 2.953a1.998 1.998 0 102.832 2.819L8 20.201l3.083 3.191a1.998 1.998 0 102.822-2.83l-3.015-2.949c.188-.048.37-.098.547-.152a11.49 11.49 0 002.924-1.396z'/%3E%3C/svg%3E");
  background-size: 16px 24px;
}

.social-login__link--ok::before {
  background: #FF9801;
}

.social-login__link--mail {
  color: #FAA61A;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 30px;
  line-height: 40px;
  text-align: center;
}

.social-login__link--mail::before {
  background: #0076CE;
}

.social-login__link--in {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 169.063 169.063'%3E%3Cpath d='M122.406 0H46.654C20.929 0 0 20.93 0 46.655v75.752c0 25.726 20.929 46.655 46.654 46.655h75.752c25.727 0 46.656-20.93 46.656-46.655V46.655C169.063 20.93 148.133 0 122.406 0zm31.657 122.407c0 17.455-14.201 31.655-31.656 31.655H46.654C29.2 154.063 15 139.862 15 122.407V46.655C15 29.201 29.2 15 46.654 15h75.752c17.455 0 31.656 14.201 31.656 31.655v75.752z'/%3E%3Cpath d='M84.531 40.97c-24.021 0-43.563 19.542-43.563 43.563 0 24.02 19.542 43.561 43.563 43.561s43.563-19.541 43.563-43.561c0-24.021-19.542-43.563-43.563-43.563zm0 72.123c-15.749 0-28.563-12.812-28.563-28.561 0-15.75 12.813-28.563 28.563-28.563s28.563 12.813 28.563 28.563c0 15.749-12.814 28.561-28.563 28.561zM129.921 28.251c-2.89 0-5.729 1.17-7.77 3.22a11.053 11.053 0 0 0-3.23 7.78c0 2.891 1.18 5.73 3.23 7.78 2.04 2.04 4.88 3.22 7.77 3.22 2.9 0 5.73-1.18 7.78-3.22 2.05-2.05 3.22-4.89 3.22-7.78 0-2.9-1.17-5.74-3.22-7.78-2.04-2.05-4.88-3.22-7.78-3.22z'/%3E%3C/svg%3E") no-repeat 50%/24px 24px;
}

.social-login__link--in::before {
  background: radial-gradient(circle at 30% 107%, #FDF497 0%, #FDF497 5%, #FD5949 45%, #D6249F 60%, #285AEB 90%);
}

.product__content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  min-width: 0;
  margin: 0 25px 0 0;
}

.product__content ::-webkit-scrollbar {
  box-shadow: 0 0 0 1px #CFD6DB;
  -webkit-appearance: none;
}

.product__content ::-webkit-scrollbar:vertical {
  width: 14px;
}

.product__content ::-webkit-scrollbar:horizontal {
  height: 14px;
}

.product__content ::-webkit-scrollbar-thumb {
  border: 3px solid #FFF;
  border-radius: 10px;
  background: #CFD6DB;
}

.product__content ::-webkit-scrollbar-thumb:hover {
  background: #55B443;
}

.product__content ::-webkit-scrollbar-track {
  border-radius: 10px;
}

.product__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 40px;
}

.product__heading {
  margin: 0 0 20px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 22px;
  font-weight: normal;
}

.product__desc {
  line-height: 20px;
}

.product__head .product__desc {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  padding: 0 0 0 25px;
}

.product__desc p {
  margin: 0;
  margin-bottom: 20px;
}

.product__params {
  margin: 0;
  padding: 0;
  list-style: none;
}

.product__params-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}

.product__params-item:not(:last-child) {
  margin-bottom: 6px;
}

.product__params-item::before {
  content: '';
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  height: 2px;
  margin: 0 5px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAACBAMAAABxk0uaAAAAGFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABWNxwqAAAACHRSTlMAIQMzEAccFvnNeWcAAAAYSURBVAjXYyhUCHRgEWJgEFYITmA0YgAAFTcCUptN3qQAAAAASUVORK5CYII=");
}

.product__params-caption {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  order: -1;
  font-family: "Jost-Medium", Arial, sans-serif;
}

.product__sidebar {
  width: 335px;
}

.product .recommend__item {
  width: calc(33.33% - 25px);
}

.product__order {
  margin: 0 0 37px;
  padding: 15px;
  border: 1px solid #CED5DB;
}

.product__order--content {
  display: none;
}

.product__price {
  margin: 0 0 7px;
  color: #55B443;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 32px;
}

.product__price-old {
  margin: 0 0 0 10px;
  color: #8A98A3;
  font-size: 20px;
  text-decoration: line-through;
}

.product__sku {
  margin: 0 0 20px;
  font-size: 14px;
}

.product__fields {
  padding: 23px 0;
  border: solid #CED5DB;
  border-width: 1px 0;
}

.product__fields:not(:last-child) {
  margin-bottom: 20px;
}

.product__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 0 15px;
}

.product__label {
  min-width: 70px;
  padding: 0 15px 0 0;
  font-family: "Jost-Medium", Arial, sans-serif;
}

.product__options {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -20px -10px 0;
}

.product__option {
  margin: 0 20px 10px 0;
}

.product__select {
  padding: 0 30px 0 8px;
  background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) no-repeat top 18px right 11px/7px 1px, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) no-repeat top 19px right 12px/5px 1px, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) no-repeat top 20px right 13px/3px 1px, #FFF -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) no-repeat top 21px right 14px/1px 1px;
  background: linear-gradient(#000, #000) no-repeat top 18px right 11px/7px 1px, linear-gradient(#000, #000) no-repeat top 19px right 12px/5px 1px, linear-gradient(#000, #000) no-repeat top 20px right 13px/3px 1px, #FFF linear-gradient(#000, #000) no-repeat top 21px right 14px/1px 1px;
  font-size: 14px;
}

.product__quantity {
  width: 60px;
  height: 40px;
  padding: 0 8px;
  border: 1px solid #CFD6DB;
  font: inherit;
  font-size: 14px;
}

.product__quantity:focus {
  border-color: #55B443;
  outline: none;
}

.product__to-cart {
  display: block;
  width: 100%;
  margin: 0 0 16px;
  padding: 8px 20px 11px;
  border: none;
  background: #55B443;
  color: #FFF;
  font: inherit;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 18px;
  cursor: pointer;
}

.product__to-cart:hover,
.product__to-cart:focus {
  background: #2B9816;
}

.product__fast-order {
  display: block;
  width: 100%;
  padding: 8px 20px 11px;
  border: 1px solid #55B443;
  background: none;
  color: #55B443;
  font: inherit;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 18px;
  cursor: pointer;
}

.product__fast-order:hover,
.product__fast-order:focus {
  background: #55B443;
  color: #FFF;
}

.product__order-text {
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 20px;
}

.product-nav__list {
  margin: 0 0 -13px;
  padding: 0;
  list-style: none;
}

.product-nav__item {
  position: relative;
  margin: 0 0 15px;
}

.product-nav__item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.product-nav__item--1::before {
  top: 2px;
  width: 18px;
  height: 15px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 15'%3E%3Cpath fill='%2355B443' d='M.198.198A.641.641 0 01.666 0h10.667a.64.64 0 01.469.198.642.642 0 01.198.47v2h1.667c.187 0 .39.046.61.136.218.09.393.201.525.333l2.063 2.064c.09.09.168.195.234.313s.115.224.146.318c.031.093.054.222.067.385.014.164.023.284.027.36.003.076.003.208 0 .396l-.006.365v3.335a.64.64 0 01.47.198.64.64 0 01.197.47.839.839 0 01-.042.276.394.394 0 01-.14.192 3.39 3.39 0 01-.172.12.575.575 0 01-.245.063l-.234.02c-.042.004-.13.004-.266 0a16.63 16.63 0 00-.234-.005H16c0 .737-.26 1.366-.781 1.887-.521.521-1.15.782-1.886.782s-1.364-.26-1.885-.782a2.572 2.572 0 01-.781-1.886h-4c0 .736-.26 1.365-.782 1.886-.52.521-1.149.782-1.885.782s-1.364-.26-1.885-.782a2.572 2.572 0 01-.782-1.886c-.02 0-.099.001-.234.005a3.317 3.317 0 01-.266 0 42.22 42.22 0 01-.234-.021.575.575 0 01-.245-.063 3.307 3.307 0 01-.172-.12.395.395 0 01-.14-.192A.832.832 0 010 11.34V.667C0 .487.066.33.198.198zm12.198 12.747c.264.264.576.397.937.397.361 0 .674-.132.938-.397.264-.263.396-.576.396-.937 0-.362-.132-.675-.396-.939a1.282 1.282 0 00-.938-.396 1.28 1.28 0 00-.937.396 1.283 1.283 0 00-.396.939c0 .36.132.674.396.938zM12 6.671h4v-.313a.312.312 0 00-.094-.23l-2.03-2.032a.311.311 0 00-.23-.093H12V6.67zm-8.937 6.274c.263.264.576.397.937.397.361 0 .674-.132.938-.397.263-.263.395-.576.395-.937 0-.362-.131-.675-.395-.939A1.282 1.282 0 004 10.673a1.28 1.28 0 00-.937.396 1.284 1.284 0 00-.396.939c0 .36.131.674.396.938z'/%3E%3C/svg%3E");
}

.product-nav__item--2::before {
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%2355B443' d='M14.378 10.765c-.358 0-.627.09-.896.09l-2.6-2.6 2.152-2.15 2.778-.986 2.062-3.316c.09-.18.09-.448 0-.538L16.798.189a.552.552 0 00-.627-.09l-3.406 1.973-1.076 2.868-2.15 2.15-2.42-2.599c0-.268.089-.537.089-.896 0-2.33-2.24-4.033-4.481-3.495L4.07 1.444c.717.717.717 1.793 0 2.51-.717.717-1.792.717-2.51 0L.129 2.699C-.59 5.299 1.83 7.808 4.519 7l2.6 2.6-1.076 1.075c-.627-.18-1.255 0-1.703.448L.665 14.799c-.717.716-.806 1.792-.179 2.509a1.766 1.766 0 002.6.09l3.764-3.765c.448-.448.627-1.165.448-1.703l1.075-1.075 2.6 2.6c-.09.268-.09.627-.09.895 0 2.33 2.24 4.034 4.481 3.496L14.02 16.5c-.717-.717-.717-1.792 0-2.51.717-.716 1.792-.716 2.51 0l1.344 1.345c.627-2.33-1.166-4.57-3.496-4.57z'/%3E%3C/svg%3E");
}

.product-nav__item--3::before {
  top: 3px;
  width: 18px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 16'%3E%3Cpath fill='%2355B443' d='M12.152 15.117a.486.486 0 01.435 0l.709.355a.232.232 0 00.335-.208v-3.319a3.393 3.393 0 01-2.523 0v3.32c0 .171.181.284.335.207l.709-.355zM12.37 6.34a2.44 2.44 0 00-2.438 2.438 2.44 2.44 0 002.438 2.438 2.44 2.44 0 002.437-2.438A2.44 2.44 0 0012.37 6.34z'/%3E%3Cpath fill='%2355B443' d='M17.392 0H.608A.608.608 0 000 .608v12.588c0 .336.272.608.608.608h9.527v-2.453a3.403 3.403 0 01-1.176-2.574c0-1.88 1.53-3.41 3.41-3.41 1.881 0 3.411 1.53 3.411 3.41a3.403 3.403 0 01-1.176 2.574v2.453h2.788a.608.608 0 00.608-.608V.608A.608.608 0 0017.392 0zM5.853 10.536H2.706a.486.486 0 010-.973h3.147a.486.486 0 010 .973zm1.049-3.147H2.706a.486.486 0 010-.973h4.196a.486.486 0 010 .973zm3.147-3.147H2.706a.486.486 0 010-.973h7.343a.487.487 0 010 .973z'/%3E%3C/svg%3E");
}

.product-nav__link {
  padding: 0 0 0 26px;
}

.product-nav__link:hover,
.product-nav__link:focus {
  text-decoration: underline;
}

.product-gallery {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 456px;
  height: 375px;
}

.product-gallery__images {
  position: relative;
  overflow: hidden;
  width: 375px;
  height: 375px;
}

.product-gallery__image {
  display: block;
  width: 100%;
  height: auto;
}

.product-gallery__images-arrow {
  position: absolute;
  z-index: 1;
  top: calc(50% - 37px);
  opacity: 0;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.325) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 19 36'%3E%3Cpath stroke='%23fff' stroke-width='2' d='M17.71 34.41L1.8 18.5 18.252 1.372'/%3E%3C/svg%3E") no-repeat 26px 50%/19px 36px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}

.product-gallery__images:hover .product-gallery__images-arrow {
  opacity: 1;
}

.product-gallery__images-arrow:focus {
  outline: none;
  background-color: rgba(0, 0, 0, 0.45);
}

.product-gallery__images-arrow--prev {
  left: 10px;
}

.product-gallery__images-arrow--next {
  right: 10px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.product-gallery__thumbs-wrap {
  position: relative;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  order: -1;
  margin: 0 13px 0 0;
  padding: 29px 0 28px;
}

.product-gallery__thumbs {
  overflow: hidden;
  width: 68px;
  height: 317px;
}

.product-gallery__thumb {
  display: block;
  width: 100%;
  height: auto;
}

.product-gallery__arrow {
  position: absolute;
  left: 0;
  right: 0;
  height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 25 15'%3E%3Cpath stroke='%23000' stroke-width='2' d='M23.627 13.314L12.314 2 1 13.314'/%3E%3C/svg%3E") no-repeat 50% 0/25px 15px;
  cursor: pointer;
}

.product-gallery__arrow:focus {
  outline: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 25 15'%3E%3Cpath stroke='%2356B444' stroke-width='2' d='M23.627 13.314L12.314 2 1 13.314'/%3E%3C/svg%3E");
}

.product-gallery__arrow--prev {
  top: 0;
}

.product-gallery__arrow--next {
  bottom: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.reviews__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.reviews__counter {
  font-family: "Jost-Regular", Arial, sans-serif;
  font-weight: normal;
}

.reviews__total {
  margin: 25px 0 15px;
}

.reviews__rating {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 0 20px;
}

.reviews__rating-stars {
  margin: 0 20px 0 0;
}

.reviews__rating-value {
  margin: 3px 0 -3px;
  font-size: 22px;
  line-height: 1;
}

.reviews__add {
  width: 100%;
  padding: 8px 30px 12px;
  border: none;
  background: #55B443;
  color: #FFF;
  font: inherit;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 18px;
  cursor: pointer;
}

.reviews__add:hover,
.reviews__add:focus {
  background: #2B9816;
}

.reviews__items {
  max-width: 577px;
  border-top: 2px solid #E6EAED;
}

.reviews__item {
  padding: 20px 0 22px;
  border-bottom: 2px solid #E6EAED;
}

.reviews__item-meta {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  margin: 0 -15px 0 0;
}

.reviews__item-name {
  margin: 0 15px 10px 0;
  font-family: "Jost-Medium", Arial, sans-serif;
}

.reviews__item-date {
  margin: 0 15px 10px auto;
  font-size: 14px;
}

.reviews__item-stars {
  margin: 4px 15px 6px 0;
}

.reviews__item-text {
  line-height: 21px;
}

.reviews__item-text p {
  margin: 0;
}

.reviews__item-text p:not(:last-child) {
  margin-bottom: 21px;
}

.delivery {
  font-size: 18px;
  line-height: 1.28;
}

.delivery h2 {
  font-size: 18px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-weight: normal;
  margin: 0 0 23px;
}

.delivery p {
  margin: 0 0 23px;
}

.delivery a {
  text-decoration: underline;
}

.delivery a:hover {
  text-decoration: none;
}

.delivery img {
  margin: 0 0 20px;
}

.delivery__table {
  width: 100%;
  max-width: 700px;
  border-collapse: collapse;
  margin: 43px 0 50px;
}

.delivery__table th {
  font-weight: normal;
  font-family: "Jost-Medium", Arial, sans-serif;
  text-align: left;
  background: #EFF2F4;
  padding: 9px 20px 12px;
}

.delivery__table td {
  border-bottom: 1px solid #CFD6DB;
  padding: 25px 20px;
  font-size: 16px;
  vertical-align: top;
}

.delivery__table .delivery__no-border {
  border: none;
}

.delivery__table strong {
  font-family: "Jost-Medium", Arial, sans-serif;
  font-weight: normal;
}

.delivery__cost {
  min-width: 210px;
  max-width: 210px;
}

.add-review {
  margin: 30px 0 0;
}

.add-review__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.add-review__field {
  margin: 0 0 20px;
}

.add-review__field--name {
  width: 260px;
  margin-right: 17px;
}

.add-review__label {
  display: block;
  margin: -4px 0 9px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 16px;
}

.add-review__field--error .add-review__label {
  color: #F5526D;
}

.add-review__required {
  color: #F5526D;
}

.add-review__input {
  display: block;
  width: 100%;
  border: 1px solid #CFD6DB;
  font: inherit;
  font-size: 18px;
  padding: 7px 10px 10px;
}

.add-review__field--error .add-review__input {
  border-color: #F5526D;
}

.add-review__input:focus {
  outline: none;
  border-color: #55B443;
}

.add-review__stars {
  margin: 30px 0 0 -4px;
}

.add-review__button {
  font: inherit;
  background: #55B443;
  color: #FFF;
  border: none;
  font-size: 18px;
  font-family: "Jost-Medium", Arial, sans-serif;
  padding: 8px 25px 11px;
  margin: 10px 0 0;
  cursor: pointer;
}

.add-review__button:hover,
.add-review__button:focus {
  outline: none;
  background: #2B9816;
}

.form-stars {
  position: relative;
  z-index: 1;
  width: 160px;
  height: 23px;
}

.form-stars__star {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-size: 32px 100%;
  cursor: pointer;
}

.form-stars__input {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: 20px 0 0 15px;
  padding: 0;
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  border: 0;
  white-space: nowrap;
}

.form-stars,
.form-stars__star {
  background-position: 4px 0;
}

.form-stars__star:hover,
.form-stars__input:checked + .form-stars__star {
  background-color: #FFF;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='23'%3E%3Cpath fill='%23FFB345' d='M23.979 8.704a.43.43 0 00-.347-.293l-7.772-1.13L12.385.24a.429.429 0 00-.77 0L8.14 7.282.37 8.412a.43.43 0 00-.24.732l5.624 5.481-1.327 7.74a.43.43 0 00.622.454L12 19.165l6.95 3.654a.43.43 0 00.624-.453l-1.327-7.74 5.624-5.482a.43.43 0 00.108-.44z'/%3E%3C/svg%3E");
}

.form-stars,
.form-stars__star:hover ~ .form-stars__star {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='23'%3E%3Cpath fill='%23CFD6DB' d='M23.979 8.704a.43.43 0 00-.347-.293l-7.772-1.13L12.385.24a.429.429 0 00-.77 0L8.14 7.282.37 8.412a.43.43 0 00-.24.732l5.624 5.481-1.327 7.74a.43.43 0 00.622.454L12 19.165l6.95 3.654a.43.43 0 00.624-.453l-1.327-7.74 5.624-5.482a.43.43 0 00.108-.44z'/%3E%3C/svg%3E");
}

.form-stars__star:nth-of-type(1) {
  z-index: 5;
  width: 32px;
}

.form-stars__star:nth-of-type(2) {
  z-index: 4;
  width: 64px;
}

.form-stars__star:nth-of-type(3) {
  z-index: 3;
  width: 96px;
}

.form-stars__star:nth-of-type(4) {
  z-index: 2;
  width: 128px;
}

.form-stars__star:nth-of-type(5) {
  z-index: 1;
  width: 160px;
}

.quick-order__item {
  border: 1px solid #CFD6DB;
  padding: 7px;
  margin: 0 0 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.quick-order__image {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  margin: 0 17px 0 0;
}

.quick-order__headline {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  margin: 0 25px 0 0;
}

.quick-order__heading {
  font-size: 20px;
  font-family: "Jost-Medium", Arial, sans-serif;
  line-height: 26px;
  margin: 0;
}

.quick-order__sku {
  margin: 10px 0 0;
  font-size: 14px;
}

.quick-order__bottom {
  margin: 0 18px 0 0;
}

.quick-order__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.quick-order__row:not(:last-child) {
  margin-bottom: 15px;
}

.quick-order__row .product__label {
  min-width: 0;
  padding-right: 20px;
}

.quick-order__quantity {
  width: 60px;
  height: 30px;
  border: 1px solid #CFD6DB;
  font: inherit;
  font-size: 14px;
  padding: 0 6px;
  margin: 0 12px 0 0;
}

.quick-order__quantity:focus {
  border-color: #55B443;
  outline: none;
}

.quick-order__price {
  font-size: 22px;
  font-weight: 500;
  color: #55B443;
  margin: 0;
}

.quick-order__price-old {
  font-size: 18px;
  text-decoration: line-through;
  color: #8A98A3;
  margin: 0 0 0 5px;
  white-space: nowrap;
}

.quick-order__text {
  margin: 0 0 27px;
}

.quick-order__field {
  margin: 0 0 20px;
  max-width: 260px;
}

.quick-order__label {
  display: block;
  margin: -4px 0 9px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 16px;
}

.quick-order__field--error .quick-order__label {
  color: #F5526D;
}

.quick-order__required {
  color: #F5526D;
}

.quick-order__input {
  display: block;
  width: 100%;
  border: 1px solid #CFD6DB;
  font: inherit;
  font-size: 18px;
  padding: 7px 10px 10px;
}

.quick-order__field--error .quick-order__input {
  border-color: #F5526D;
}

.quick-order__input:focus {
  outline: none;
  border-color: #55B443;
}

.quick-order__button {
  font: inherit;
  background: #55B443;
  color: #FFF;
  border: none;
  font-size: 18px;
  font-family: "Jost-Medium", Arial, sans-serif;
  padding: 8px 25px 11px;
  margin: 5px 0 0;
  cursor: pointer;
}

.quick-order__button:hover,
.quick-order__button:focus {
  outline: none;
  background: #2B9816;
}

.authoriz {
  max-width: 380px;
}

.footer {
  margin: 80px 0 0;
}

.footer__top {
  position: relative;
  padding: 45px 0;
}

.footer__top::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  margin: 0 calc(50% - 50vw);
  background: #EFF2F4;
}

.footer__bottom {
  position: relative;
  padding: 45px 200px 45px 0;
  background: url("../img/logo-b.png") no-repeat 100% 47px/182px 76px;
  color: rgba(0, 0, 0, 0.75);
}

.footer__bottom::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  margin: 0 calc(50% - 50vw);
  background: #CFD6DB;
}

.footer__bottom p {
  margin: 0;
}

.footer__bottom p:not(:last-child) {
  margin-bottom: 13px;
}

.footer__company {
  font-family: "Jost-Medium", Arial, sans-serif;
}

.footer-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -30px -40px 0;
}

.footer-nav__section {
  width: 16.66%;
  padding: 0 30px 40px 0;
}

.footer-nav__heading {
  margin: 0 0 23px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 24px;
  font-weight: normal;
}

.footer-nav__list {
  margin: 0 0 -13px;
  padding: 0;
  list-style: none;
}

.footer-nav__item {
  margin: 0 0 13px;
}

.footer-nav__link {
  color: #000;
}

.footer-nav__link[href]:hover,
.footer-nav__link:focus {
  color: #55B443;
}

.footer-nav__soc {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -12px -12px 0;
  padding: 0;
  list-style: none;
}

.footer-nav__soc-item {
  margin: 0 12px 12px 0;
}

.footer-nav__soc-link {
  display: block;
  width: 30px;
  height: 30px;
}

.footer-nav__soc-link:hover,
.footer-nav__soc-link:focus {
  opacity: 0.8;
}

.footer-nav__soc-link--yo {
  /* background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 30 30'%3E%3Cpath fill='url(%23paint0_linear)' d='M27.273 0H2.727A2.735 2.735 0 000 2.727v24.546C0 28.773 1.227 30 2.727 30h24.546c1.5 0 2.727-1.227 2.727-2.727V2.727C30 1.227 28.773 0 27.273 0z'/%3E%3Cpath fill='%23fff' d='M15 9.545C12 9.545 9.545 12 9.545 15S12 20.454 15 20.454 20.455 18 20.455 15c0-3-2.455-5.455-5.455-5.455zm0 8.182A2.735 2.735 0 0112.273 15c0-1.5 1.227-2.727 2.727-2.727 1.5 0 2.727 1.227 2.727 2.727 0 1.5-1.227 2.727-2.727 2.727zm5.455-13.636H9.545c-3 0-5.454 2.454-5.454 5.454v10.91c0 3 2.454 5.454 5.454 5.454h10.91c3 0 5.454-2.454 5.454-5.454V9.544c0-3-2.454-5.454-5.454-5.454zm2.727 15c0 2.318-1.773 4.09-4.091 4.09h-8.182c-2.318 0-4.09-1.772-4.09-4.09v-8.182c0-2.318 1.772-4.09 4.09-4.09h8.182c2.318 0 4.09 1.772 4.09 4.09v8.182zM20.455 8.18c-.819 0-1.364.546-1.364 1.364 0 .819.545 1.364 1.364 1.364.818 0 1.363-.546 1.363-1.364 0-.818-.545-1.363-1.363-1.363z'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='.799' x2='29.201' y1='29.201' y2='.799' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FDE08D'/%3E%3Cstop offset='.26' stop-color='%23F17836'/%3E%3Cstop offset='.49' stop-color='%23CF2E93'/%3E%3Cstop offset='1' stop-color='%239337BC'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"); */
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 310 310'%3E%3Cpath fill='%23f00' d='M297.917,64.645c-11.19-13.302-31.85-18.728-71.306-18.728H83.386c-40.359,0-61.369,5.776-72.517,19.938C0,79.663,0,100.008,0,128.166v53.669c0,54.551,12.896,82.248,83.386,82.248h143.226c34.216,0,53.176-4.788,65.442-16.527C304.633,235.518,310,215.863,310,181.835v-53.669C310,98.471,309.159,78.006,297.917,64.645z M199.021,162.41l-65.038,33.991c-1.454,0.76-3.044,1.137-4.632,1.137c-1.798,0-3.592-0.484-5.181-1.446c-2.992-1.813-4.819-5.056-4.819-8.554v-67.764c0-3.492,1.822-6.732,4.808-8.546c2.987-1.814,6.702-1.938,9.801-0.328l65.038,33.772c3.309,1.718,5.387,5.134,5.392,8.861C204.394,157.263,202.325,160.684,199.021,162.41z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 43px;
}

.footer-nav__soc-link--vk {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 30 30'%3E%3Cpath fill='%23718EB0' d='M27.273 0H2.727A2.735 2.735 0 000 2.727v24.546C0 28.773 1.227 30 2.727 30h24.546c1.5 0 2.727-1.227 2.727-2.727V2.727C30 1.227 28.773 0 27.273 0z'/%3E%3Cpath fill='%23fff' d='M25.636 9.682s-.136-.137-.409-.137H21s-.136 0-.136.137l-.137.136c-.409.955-.681 1.773-1.227 2.455-.41.545-.545.954-.818 1.363-.273.273-.41.546-.546.682l-.409.41c-.136.136-.272.136-.272.136h-.137c-.136 0-.136-.137-.273-.273 0-.136-.136-.273-.136-.41V9.956c0-.137 0-.273-.136-.41 0-.136-.137-.136-.273-.272-.136 0-.273-.137-.41-.137C15.683 9 15.137 9 14.59 9c-1.363 0-2.317.136-2.59.273-.273 0-.41.136-.545.272-.137.137-.137.273 0 .273.409 0 .818.273.954.546v.136c0 .136.136.273.136.546 0 .272.137.545.137.818v1.363c0 .41-.136.682-.136.955 0 .272-.137.409-.137.545 0 .137-.136.273-.136.273H12c-.136 0-.273 0-.41-.136l-.408-.41c-.136-.136-.273-.409-.546-.818-.272-.409-.409-.818-.681-1.227L9.818 12c-.136-.136-.273-.41-.409-.818-.273-.41-.409-.818-.545-1.227 0-.137-.137-.273-.273-.41 0 0-.136 0-.136-.136-.137.136-.273 0-.41 0h-3c-.272 0-.545.136-.681.273v.409c.409 1.227.954 2.182 1.5 3.136.545.955.954 1.773 1.363 2.319l1.228 1.636c.409.545.681.818.818.954l.272.273.273.273c.137.136.41.409.818.682.41.272.682.545 1.091.681.41.273.955.41 1.5.546.546.136 1.091.273 1.637.136h1.227c.273 0 .409-.136.545-.273 0 0 0-.136.137-.272v-.273c0-.273 0-.545.136-.818 0-.273.137-.41.137-.546.136-.136.136-.272.272-.272l.137-.137h.136c.136 0 .409 0 .682.137.273.136.409.409.682.681.272.273.409.546.818.819.273.273.545.545.818.681l.273.137c.136.136.272.136.545.273.273.136.41.136.682 0h2.864c.272 0 .545 0 .681-.137.137-.136.273-.136.273-.273v-.409c0-.136 0-.272-.136-.272 0 0 0-.137-.137-.137-.409-.681-1.09-1.5-2.181-2.454l-.955-.955c-.273-.273-.273-.545-.136-.954.136-.273.409-.682.954-1.5.273-.41.546-.682.682-.955 1.227-1.5 1.773-2.59 1.636-3.136z'/%3E%3C/svg%3E");
}

.footer-nav__payment {
  margin: 0 0 -22px;
  padding: 0;
  list-style: none;
}

.footer-nav__payment-item {
  margin: 0 0 22px;
}

.footer-nav__payment-image {
  display: block;
}

@media (max-width: 1239px) {
  .wrapper {
    max-width: 980px;
  }

  .header__buy {
    margin-right: 20px;
  }

  .header__phone {
    margin-right: 20px;
  }

  .header__user-area {
    margin-right: 15px;
  }

  .header-catalog {
    margin-right: -40px;
  }

  .header-catalog__heading span {
    display: none;
  }

  .header-catalog--active .header-catalog__heading {
    min-width: 195px;
  }

  .search {
    width: 155px;
    margin-right: 20px;
  }

  .search__form {
    width: 155px;
  }

  .main-slider__item {
    height: 590px;
  }

  .main-slider__pagination {
    margin-top: -46px;
    margin-bottom: 120px;
  }

  .main-slider__pagination .swiper-pagination-bullet {
    height: 4px;
  }

  .solutions__item {
    padding: 20px;
  }

  .solutions__pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }

  .solutions__pagination .swiper-pagination-bullet:not(:last-child) {
    margin-right: 20px;
  }

  .recent-projects__item {
    height: 335px;
  }

  .addresses__inner {
    width: 335px;
  }

  .news__item {
    height: 265px;
    padding: 15px 13px;
  }

  .gallery-recent__item {
    width: calc(25% - 1px);
  }

  .gallery-recent__item:nth-child(n + 9) {
    display: none;
  }

  .d3-project__shape {
    margin: 0 -20px 20px 0;
  }

  .d3-project__shape-item {
    width: calc(25% - 20px);
    margin: 0 20px 20px 0;
    background-position: 14px 50%;
    background-size: 47px 47px;
    font-size: 12px;
    line-height: 15px;
  }

  .d3-project__shape-value {
    padding: 14px 14px 14px 73px;
  }

  .d3-project__scheme {
    width: 310px;
  }

  .d3-project__row {
    margin-right: -23px;
  }

  .d3-project__field {
    margin-right: 23px;
  }

  .d3-project__input--contact {
    width: 190px;
  }

  .d3-project__contacts > .d3-project__heading {
    width: 310px;
  }

  .test__inner {
    padding: 30px;
  }

  .test__start {
    padding: 235px 0 60px;
    background-position-y: 60px;
  }

  .test__start--quiz {
    padding: 92px 0;
  }

  .test__scale {
    margin-bottom: 30px;
  }

  .test__scale-value {
    height: 20px;
    line-height: 20px;
  }

  .test__step-2 {
    padding: 40px 25px 60px;
  }

  .test__type {
    margin: 0 -25px -25px 0;
  }

  .test__type-item {
    width: calc(25% - 25px);
    margin: 0 25px 25px 0;
    font-size: 14px;
  }

  .test__elements {
    padding-right: 25px;
    padding-left: 25px;
  }

  .test__elements .test__type-item {
    width: 139px;
  }

  .test__finish-fields {
    margin-right: -20px;
  }

  .test__finish-field {
    margin-right: 20px;
  }

  .test__bottom {
    margin-top: 30px;
  }

  .test__end {
    padding: 215px 0 40px;
    background-position-y: 40px;
  }

  .item-solution__inner {
    padding: 8px 16px 16px;
  }

  .item-solution__price-new {
    display: block;
    margin: 0 0 -5px;
  }

  .item-solution__price-old {
    font-size: 12px;
  }

  .item-accessory {
    width: calc(33.33% - 25px);
  }

  .cart-item__price {
    width: 95px;
  }

  .cart-order {
    width: 310px;
  }

  .recommend--cart {
    max-width: 645px;
  }

  .recommend__item {
    width: calc(20% - 25px);
  }

  .recommend--cart .recommend__item:nth-child(n + 6) {
    display: none;
  }

  .user-nav__list {
    margin: 0 -20px -20px 0;
  }

  .user-nav__item {
    width: calc(25% - 20px);
    margin: 0 20px 20px 0;
  }

  .user-nav__link {
    padding-top: 15px;
    padding-bottom: 17px;
  }

  .orders__th {
    padding-right: 13px;
    padding-left: 13px;
  }

  .orders__td {
    padding-right: 13px;
    padding-left: 13px;
  }

  .orders__goods {
    min-width: 70px;
  }

  .orders__button:not(:last-child) {
    margin-right: 3px;
  }

  .item-news {
    width: calc(33.33% - 25px);
  }

  .product__sidebar {
    width: 310px;
  }

  .product .recommend__item {
    width: calc(50% - 25px);
  }

  .product .recommend__item:nth-child(n + 5) {
    display: none;
  }

  .product-gallery {
    width: 395px;
    height: 310px;
  }

  .product-gallery__images {
    width: 310px;
    height: 310px;
  }

  .product-gallery__thumbs-wrap {
    margin-right: 25px;
    padding: 21px 0;
  }

  .product-gallery__thumbs {
    width: 60px;
    height: 268px;
  }

  .product-gallery__arrow {
    background-size: 19px 12px;
  }

  .reviews__head {
    margin: 0 0 23px;
  }

  .reviews__items {
    max-width: 100%;
  }
}

@media (max-width: 1023px) {
  .wrapper {
    max-width: 540px;
  }

  .content {
    width: 100%;
    padding: 0;
  }

  .heading {
    margin-top: -8px;
    font-size: 30px;
  }

  .header__top {
    margin-bottom: 20px;
  }

  .header__mid {
    padding: 0 0 20px;
  }

  .header__buy {
    position: absolute;
    bottom: -15px;
    margin: 0;
  }

  .header__buy-accent {
    font-size: 18px;
  }

  .header__buy-info {
    display: none;
  }

  .header__phone {
    position: absolute;
    right: 0;
    bottom: -40px;
    margin: 0;
  }

  .header__phone-number {
    font-size: 18px;
  }

  .header__phone-time {
    display: none;
  }

  .header__cart:hover .header__cart-inner,
  .header__cart:focus .header__cart-inner {
    display: none;
  }

  .header__nav-toggle {
    display: block;
  }

  .header-nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 30;
    display: none;
    margin: 0;
    padding: 57px 0 1px;
  }

  .header-nav::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    margin: 0 calc(50% - 50vw);
    background: #FFF;
    box-shadow: inset 0 44px #FFF, inset 0 45px #CFD6DB;
  }

  .header-nav--active {
    display: block;
  }

  .homepage .header-nav {
    color: #000;
  }

  .header-nav__close {
    display: block;
  }

  .header-nav__list {
    display: block;
    margin: 0;
  }

  .header-nav__list::before {
    content: 'Информация';
    position: absolute;
    top: 13px;
    left: 0;
  }

  .header-nav__item {
    margin: 0 0 10px;
  }

  .header-nav__link:not(:last-child) {
    padding-right: 0;
    background: none;
  }

  .header-nav__item:hover .header-nav__link:not(:last-child),
  .header-nav__item:focus .header-nav__link:not(:last-child) {
    background: none;
  }

  .homepage .header-nav__link {
    color: #000;
  }

  .header-nav__toggle {
    display: inline-block;
  }

  .header-nav__sub-menu {
    position: static;
    margin: 10px 0 0 10px;
    padding: 0;
    box-shadow: none;
  }

  .header-nav__sub-menu .header-nav__item {
    margin-bottom: 10px;
  }

  .header-nav__item:hover .header-nav__sub-menu,
  .header-nav__item:focus .header-nav__sub-menu {
    display: none;
  }

  .header-nav__item:hover .header-nav__sub-menu--active,
  .header-nav__item:focus .header-nav__sub-menu--active {
    display: block;
  }

  .header-nav__sub-menu .header-nav__link {
    padding: 0;
    color: #8A98A3;
  }

  .search-toggle {
    display: block;
  }

  .homepage .search-toggle {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 26 25'%3E%3Cpath fill='%23FFF' d='M25.187 23.725L19.01 17.65a10.517 10.517 0 002.66-6.99C21.67 4.778 16.808 0 10.835 0 4.857 0 0 4.784 0 10.66c0 5.875 4.863 10.66 10.835 10.66 2.716 0 5.201-.987 7.106-2.617l6.175 6.075a.772.772 0 00.535.222.749.749 0 00.536-.222.74.74 0 000-1.053zM1.516 10.66c0-5.056 4.18-9.163 9.314-9.163 5.139 0 9.314 4.113 9.314 9.163s-4.175 9.168-9.314 9.168c-5.133 0-9.314-4.113-9.314-9.168z'/%3E%3C/svg%3E");
  }

  .search {
    display: none;
  }

  .search--mobile-active {
    position: static;
    z-index: 30;
    display: block;
    width: auto;
  }

  .services {
    margin-top: 50px;
    margin-right: 0;
    margin-bottom: -5px;
  }

  .services__item {
    width: 100%;
    margin: 0 0 5px;
    padding: 10px;
    border: none;
  }

  .main-slider {
    margin-top: -175px;
  }

  .main-slider__item {
    height: 480px;
  }

  .main-slider__heading {
    margin-bottom: 18px;
    font-size: 40px;
  }

  .main-slider__text {
    margin-bottom: 35px;
    font-size: 22px;
  }

  .main-slider__button {
    padding: 12px 22px 14px;
  }

  .main-slider__pagination {
    margin-bottom: 100px;
  }

  .main-slider__pagination .swiper-pagination-bullet {
    width: 50px;
  }

  .main-slider__pagination .swiper-pagination-bullet:not(:last-child) {
    margin-right: 10px;
  }

  .services-slider__title {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    padding: 0;
  }

  .services-slider__title::after {
    display: none;
  }

  .parts__item {
    width: calc(33.33% - 25px);
  }

  .solutions__item {
    width: 50%;
  }

  .recent-projects__item {
    width: calc(50% - 25px);
  }

  .addresses {
    display: block;
    height: auto;
  }

  .addresses__inner {
    width: 100%;
    height: 420px;
    border-right: none;
    border-bottom: 1px solid #CFD6DB;
  }

  .addresses__map {
    height: 400px;
  }

  .news__item {
    width: calc(50% - 20px);
  }

  .news__item:nth-child(n + 5) {
    display: none;
  }

  .gallery-recent__item {
    width: calc(33.33% - 1px);
  }

  .gallery-recent__item:nth-child(n + 9) {
    display: block;
  }

  .gallery-recent__item:nth-child(n + 10) {
    display: none;
  }

  .sidebar {
    display: none;
  }

  .sidebar-nav {
    margin: 0 -15px 15px;
    padding: 15px 15px 15px;
    border-top: 1px solid #CFD6DB;
    border-bottom: 1px solid #CFD6DB;
  }

  .sidebar-nav:not(:last-child) {
    margin-bottom: 15px;
  }

  .d3-project__shape-item {
    width: calc(50% - 20px);
  }

  .d3-project__params {
    display: block;
  }

  .d3-project__scheme {
    width: auto;
    margin: 0 auto 20px;
  }

  .d3-project__scheme-image {
    margin: 0 auto;
  }

  .d3-project__contacts {
    display: block;
  }

  .d3-project__contacts > .d3-project__heading {
    width: auto;
    margin: 0 0 27px;
  }

  .test__start-text {
    font-size: 26px;
  }

  .test__type-item {
    width: calc(50% - 25px);
  }

  .test__step-3 {
    padding-bottom: 50px;
  }

  .test__options {
    margin-top: 40px;
  }

  .test__skip {
    top: 35px;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }

  .test__end-text {
    font-size: 26px;
  }

  .test__selects {
    margin-right: -30px;
  }

  .test__select {
    margin-right: 30px;
  }

  .projects__item {
    width: calc(50% - 25px);
  }

  .addresses-page .addresses {
    height: auto;
  }

  .addresses-page .addresses__inner {
    width: 100%;
  }

  .gallery__item {
    width: calc(50% - 26px);
  }

  .album__item {
    width: calc(33.33% - 26px);
  }

  .mfp-image-holder button.mfp-close {
    top: 0;
    right: -10px;
    -webkit-transform: scale(0.65);
    transform: scale(0.65);
  }

  img.mfp-img {
    padding-top: 50px;
  }

  .dealer-form__field {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
  }

  .dealer-form__input--phone {
    max-width: 100%;
  }

  .dealer-form__input--site {
    max-width: 100%;
  }

  .filter-toggle {
    display: table;
  }

  .content .filter--active {
    display: block;
  }

  .filter__filedset {
    margin: 0 -15px 15px;
    padding: 0 15px 15px;
    border-bottom: 1px solid #CFD6DB;
  }

  .picked-filter--hidden {
    display: none;
  }

  .item-solution {
    width: calc(50% - 25px);
  }

  .item-accessory {
    width: calc(50% - 25px);
  }

  .error-404 {
    padding-top: 280px;
    background-size: 400px 240px;
  }

  .cart-items {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .cart-order {
    width: 100%;
    margin: 0;
  }

  .recommend--cart {
    display: none;
  }

  .user-nav__item {
    width: calc(50% - 20px);
  }

  .user-nav__link {
    padding-top: 20px;
    padding-bottom: 22px;
  }

  .orders__button {
    margin-top: 3px;
    margin-bottom: 3px;
  }

  .item-news {
    width: calc(50% - 25px);
  }

  .product__content {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    margin: 0;
  }

  .product__head .product__desc {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    order: -1;
    margin: 0 0 15px;
    padding: 0;
  }

  .product__sidebar {
    display: none;
  }

  .product__order--content {
    display: block;
  }

  .product-gallery {
    width: 456px;
    height: 375px;
    margin: 0 auto;
  }

  .product-gallery__images {
    width: 375px;
    height: 375px;
  }

  .product-gallery__thumbs-wrap {
    margin: 0 13px 0 0;
    padding: 29px 0 28px;
  }

  .product-gallery__thumbs {
    width: 68px;
    height: 317px;
  }

  .product-gallery__arrow {
    background-size: 25px 15px;
  }

  .footer__bottom {
    padding-right: 0;
    background: none !important;
  }

  .footer-nav__section {
    width: 33.33%;
  }

  .footer-nav__payment {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 -10px -10px 0;
  }

  .footer-nav__payment-item {
    margin: 0 10px 10px 0;
  }
}

@media (max-width: 1023px) and (max-width: 539px) {
  .orders__button {
    margin-bottom: 13px;
  }
}

@media (max-width: 659px) {
  .quick-order__headline {
    -webkit-flex-basis: calc(100% - 130px);
    flex-basis: calc(100% - 130px);
    margin-right: 18px;
  }

  .quick-order__bottom {
    margin: 20px 10px 10px;
  }
}

@media (max-width: 539px) {
  .headline {
    margin-bottom: 0;
  }

  .headline__all {
    margin-bottom: 11px;
    font-size: 12px;
  }

  .heading {
    margin: -5px 0 11px;
    font-size: 18px;
  }

  .headline .heading {
    margin-bottom: 11px;
  }

  .page-title {
    margin: -7px 0 15px;
    font-size: 24px;
  }

  .header {
    margin-bottom: 60px;
    padding: 12px 0 0;
  }

  .header__top {
    margin-bottom: 9px;
  }

  .header__logo {
    width: 59px;
    height: 25px;
    margin-right: 11px;
    background-size: 59px 25px;
  }

  .header__mid {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-bottom: 13px;
  }

  .header__user-area {
    width: 25px;
    font-size: 0;
  }

  .header__cart-link {
    width: 25px;
    font-size: 0;
  }

  .header__nav-toggle {
    position: absolute;
    top: 11px;
    right: 0;
    overflow: hidden;
    width: 16px;
    margin: 0;
    padding-left: 16px;
  }

  .social {
    margin-right: 17px;
    margin-left: auto;
  }

  .social__item {
    margin-right: 15px;
  }

  .header-catalog {
    margin-right: 0;
  }

  .header-catalog--active {
    position: absolute;
    top: -40px;
    left: -15px;
    right: -15px;
  }

  .header-catalog__heading {
    height: 25px;
    padding-right: 3px;
    padding-left: 28px;
    background-position: 6px 50%;
    background-size: 13px 11px;
    font-size: 14px;
    line-height: 21px;
  }

  .header-catalog__heading::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 88 25'%3E%3Cpath stroke='%2355B443' d='M.5.5h77.79l9.083 12-9.083 12H.5V.5z'/%3E%3C/svg%3E") no-repeat 100% 0/88px 25px;
  }

  .header-catalog--active .header-catalog__heading {
    width: 100%;
    height: 42px;
    padding-bottom: 3px;
    padding-left: 39px;
    background-position: 15px 50%;
    background-size: 16px 15px;
    font-size: 18px;
  }

  .search-toggle {
    margin-top: 0;
    margin-right: 15px;
  }

  .search--mobile-active .search__container {
    left: -15px;
    right: -15px;
    width: auto;
  }

  .services__title {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    margin-bottom: 5px;
    padding: 0;
    font-size: 14px;
  }

  .services__title::after {
    display: none;
  }

  .services__desc {
    margin-right: 10px;
    font-size: 12px;
    line-height: 15px;
  }

  .services__button {
    padding: 4px 15px 5px;
    font-size: 12px;
  }

  .main-slider {
    margin-top: -150px;
  }

  .main-slider__item {
    height: 410px;
    padding-right: 15px;
    padding-left: 15px;
  }

  .main-slider__inner {
    padding-bottom: 30px;
  }

  .main-slider__heading {
    font-size: 30px;
  }

  .main-slider__text {
    margin-bottom: 25px;
    font-size: 20px;
  }

  .main-slider__button {
    width: 100%;
    max-width: 290px;
    margin: 0 auto;
    padding-bottom: 12px;
    font-size: 14px;
  }

  .main-slider__pagination {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: -20px;
    margin-bottom: 31px;
  }

  .services-slider {
    margin-bottom: 25px;
  }

  .services-slider__item {
    padding: 10px;
  }

  .services-slider__title {
    margin-bottom: 5px;
    font-size: 14px;
  }

  .services-slider__desc {
    font-size: 12px;
    line-height: 15px;
  }

  .services-slider__button {
    padding: 5px 15px 7px;
    font-size: 12px;
  }

  .services-slider__pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
  }

  .services-slider__pagination .swiper-pagination-bullet:not(:last-child) {
    margin-right: 13px;
  }

  .parts {
    margin-bottom: 25px;
  }

  .parts__list {
    margin-right: -15px;
    margin-bottom: -20px;
  }

  .parts__item {
    width: calc(50% - 15px);
    margin-right: 15px;
    margin-bottom: 20px;
  }

  .parts__title {
    font-size: 14px;
  }

  .parts__price {
    font-size: 14px;
  }

  .solutions {
    margin-bottom: 25px;
  }

  .solutions__title {
    font-size: 16px;
  }

  .solutions__price {
    font-size: 16px;
  }

  .solutions__pagination {
    margin-top: 15px;
  }

  .solutions__pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
  }

  .solutions__pagination .swiper-pagination-bullet:not(:last-child) {
    margin-right: 13px;
  }

  .recent-projects {
    margin-bottom: 25px;
  }

  .recent-projects__list {
    margin-right: -10px;
    margin-bottom: -10px;
  }

  .recent-projects__item {
    width: calc(50% - 10px);
    height: 165px;
    margin: 0 10px 10px 0;
    padding: 10px;
  }

  .recent-projects__title {
    font-family: "Jost-Regular", Arial, sans-serif;
    font-size: 14px;
  }

  .recent-projects__more {
    margin-top: 20px;
    font-size: 14px;
  }

  .where-to-buy {
    margin-bottom: 25px;
    padding: 25px 0;
  }

  .where-to-buy__text {
    margin: 0 0 15px;
    font-size: 12px;
    line-height: 15px;
  }

  .addresses__inner {
    height: 320px;
  }

  .addresses__search {
    padding: 8px;
  }

  .addresses__search-input {
    padding: 4px 8px 5px;
    font-size: 12px;
  }

  .addresses__list {
    padding: 10px;
  }

  .addresses__item {
    font-size: 12px;
    line-height: 15px;
  }

  .addresses__title {
    font-size: 12px;
  }

  .addresses__map {
    height: 240px;
  }

  .news {
    margin-bottom: 25px;
  }

  .news__list {
    margin: 0 -10px -10px 0;
  }

  .news__item {
    width: calc(50% - 10px);
    height: 165px;
    margin: 0 10px 10px 0;
    padding: 10px;
  }

  .news__date {
    font-size: 12px;
  }

  .news__title {
    font-size: 12px;
  }

  .gallery-recent__item {
    width: calc(50% - 1px);
  }

  .gallery-recent__item:nth-child(n + 10) {
    display: block;
  }

  .breadcrumbs {
    margin-bottom: 20px;
    font-size: 14px;
  }

  .breadcrumbs__separator {
    width: 5px;
    height: 7px;
    margin-top: 6px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 5 7'%3E%3Cpath stroke='%238A98A3' d='M.5 6.5l3-3L2 2 .5.5'/%3E%3C/svg%3E");
  }

  .sidebar__heading {
    font-size: 16px;
  }

  .sidebar-nav__list {
    font-size: 14px;
  }

  .d3-project__text {
    margin: 0 0 20px;
    font-size: 12px;
    line-height: 15px;
  }

  .d3-project__heading {
    margin: 0 0 15px;
    font-size: 14px;
  }

  .d3-project__shape-item {
    width: calc(100% - 20px);
    min-height: 70px;
    margin-bottom: 10px;
  }

  .d3-project__caption {
    margin-bottom: 10px;
    font-size: 14px;
  }

  .d3-project__field {
    margin-bottom: 10px;
  }

  .d3-project__contacts .d3-project__field {
    width: 100%;
  }

  .d3-project__label {
    font-size: 12px;
  }

  .d3-project__input {
    font-size: 12px;
  }

  .d3-project__contacts .d3-project__input {
    width: 100%;
  }

  .d3-project__input--type {
    margin-right: 10px;
  }

  .d3-project__note {
    font-size: 12px;
  }

  .d3-project__agree {
    margin-bottom: 20px;
    font-size: 12px;
  }

  .d3-project__button {
    padding: 3px 13px 6px;
    font-size: 14px;
  }

  .d3-project__error-text {
    font-size: 12px;
  }

  .d3-project__sent {
    margin-top: 20px;
    font-size: 14px;
  }

  .test__text {
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 15px;
  }

  .test__inner {
    padding: 15px;
  }

  .test__start-text {
    font-size: 18px;
  }

  .test__scale {
    margin-bottom: 15px;
  }

  .test__scale-value {
    height: 16px;
    font-size: 12px;
    line-height: 16px;
  }

  .test__heading {
    margin: 0 10px 20px;
    font-size: 18px;
    line-height: 23px;
  }

  .test__step-1 {
    padding: 20px 0 30px;
  }

  .test__color-radio-button {
    padding: 2px 10px 3px;
    font-size: 14px;
  }

  .test__step-2 {
    padding: 15px;
  }

  .test__type {
    margin: 0 -10px -10px 0;
  }

  .test__type-item {
    width: calc(50% - 10px);
    margin: 0 10px 10px 0;
  }

  .test__type-caption {
    padding: 10px 5px;
    font-size: 12px;
  }

  .test__step-3 {
    padding: 20px;
  }

  .test__options {
    margin-top: 0;
    font-size: 12px;
  }

  .test__option {
    padding-top: 3px;
  }

  .test__another-label {
    font-size: 12px;
  }

  .test__step-4 {
    padding: 20px;
  }

  .test__size-fields {
    margin: 0;
  }

  .test__size-field {
    margin: 0 8px;
  }

  .test__size-label {
    font-size: 12px;
  }

  .test__size-input {
    width: 65px;
  }

  .test__size-text {
    margin-top: 20px;
    font-size: 12px;
    line-height: 15px;
  }

  .test__step-5 {
    padding-top: 20px;
  }

  .test__elements {
    padding-right: 10px;
    padding-left: 10px;
  }

  .test__elements-text {
    left: 10px;
    right: 10px;
    bottom: 30px;
    font-size: 12px;
    line-height: 15px;
  }

  .test__finish {
    padding: 20px;
  }

  .test__finish-text {
    margin: 0 0 20px;
    padding: 50px 0 0;
    background-size: 50px 50px;
    font-size: 12px;
    line-height: 15px;
  }

  .test__finish-fields {
    margin-bottom: 0;
  }

  .test__finish-field {
    margin-bottom: 15px;
  }

  .test__finish-label {
    font-size: 12px;
  }

  .test__finish-input {
    font-size: 12px;
  }

  .test__agree {
    font-size: 12px;
  }

  .test__bottom {
    margin-top: 15px;
  }

  .test__back {
    padding: 3px 10px 5px;
    font-size: 14px;
  }

  .test__current-step {
    font-size: 14px;
  }

  .test__skip {
    top: 21px;
    font-size: 12px;
  }

  .test__next {
    padding: 3px 10px 5px;
    font-size: 14px;
  }

  .test__end-text {
    font-size: 18px;
  }

  .projects__item {
    width: calc(100% - 25px);
  }

  .gallery {
    margin-bottom: -15px;
  }

  .gallery__item {
    width: calc(100% - 26px);
    margin-bottom: 15px;
  }

  .album {
    margin-bottom: -15px;
  }

  .album__item {
    width: calc(100% - 26px);
    margin-bottom: 15px;
  }

  .dealer-form__label {
    font-size: 14px;
  }

  .dealer-form__agree {
    margin: 20px 0 30px;
  }

  .photo-gallery__thumbs-wrap {
    margin: 10px 0;
    padding: 0 35px;
  }

  .photo-gallery__arrow {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 21px 21px;
  }

  .photo-gallery__arrow--prev {
    left: 8px;
  }

  .photo-gallery__arrow--next {
    right: 8px;
  }

  .project__cost-text {
    font-size: 14px;
    line-height: 18px;
  }

  .project__cost--top .project__cost-text {
    font-size: 14px;
    line-height: 18px;
  }

  .filter-toggle {
    margin: -5px 0 20px;
  }

  .filter__filedset {
    font-size: 14px;
  }

  .filter__heading {
    font-size: 16px;
  }

  .items-options {
    margin-bottom: 20px;
  }

  .layout {
    display: none;
  }

  .layout:first-child {
    display: none;
  }

  .picked-filter {
    font-size: 14px;
  }

  .item-solution {
    width: calc(100% - 25px);
  }

  .item-accessory {
    width: calc(100% - 25px);
  }

  .show-more {
    margin-top: 25px;
    font-size: 14px;
  }

  .description:not(:first-child) {
    margin-top: 25px;
  }

  .catalog .headline {
    margin-bottom: 10px;
  }

  .catalog .heading {
    font-size: 18px;
  }

  .catalog .headline__all {
    font-size: 12px;
  }

  .error-404 {
    margin-bottom: 40px;
    padding-top: 200px;
    background-size: 300px 170px;
  }

  .cart-items {
    margin-bottom: 10px;
  }

  .cart-item {
    padding: 5px;
  }

  .cart-item__image {
    width: 60px;
    height: auto;
    margin: 0 15px 10px 0;
  }

  .cart-item__title {
    -webkit-flex-basis: calc(100% - 75px);
    flex-basis: calc(100% - 75px);
    margin: 0;
    font-size: 16px;
  }

  .cart-item__price {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }

  .cart-order__total {
    font-size: 18px;
  }

  .user-nav {
    margin-bottom: 25px;
  }

  .user-nav__list {
    margin-bottom: -12px;
  }

  .user-nav__item {
    width: calc(100% - 20px);
    margin-bottom: 12px;
  }

  .user-nav__link {
    padding-top: 12px;
    padding-bottom: 14px;
    padding-left: 54px;
    background-size: 30px 30px;
    font-size: 14px;
  }

  .user-nav__link--cart {
    background-position: 12px 50%;
  }

  .user-nav__link--orders {
    background-position: 13px 50%;
  }

  .user-nav__link--data {
    background-position: 12px 50%;
  }

  .order-item {
    padding: 5px;
  }

  .order-item__image {
    width: 60px;
    height: auto;
    margin: 0 15px 10px 0;
  }

  .order-item__title {
    -webkit-flex-basis: calc(100% - 75px);
    flex-basis: calc(100% - 75px);
    margin: 0;
    font-size: 16px;
  }

  .order-item__price {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    text-align: left;
  }

  .order__total {
    font-size: 18px;
  }

  .orders {
    display: block;
  }

  .orders tbody {
    display: block;
  }

  .orders__row {
    display: block;
    margin: 0 0 10px;
    padding: 10px 10px 13px;
    border: 1px solid #CFD6DB;
  }

  .orders__row--th {
    display: none;
  }

  .orders__td {
    display: block;
    padding: 0;
    border: none;
    font-size: 12px;
  }

  .orders__td--number {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 0 10px;
    font-size: 16px;
  }

  .orders__td--number::before {
    content: attr(data-label);
    margin: 0 5px 0 0;
    font-family: "Jost-Medium", Arial, sans-serif;
    font-size: 12px;
  }

  .orders__td--delivery {
    margin: 0 0 10px;
  }

  .orders__td--delivery::before {
    content: attr(data-label);
    margin: 0 5px 0 0;
    font-family: "Jost-Medium", Arial, sans-serif;
    font-size: 12px;
  }

  .orders__td--status {
    margin: 0 0 10px;
  }

  .orders__td--status::before {
    content: attr(data-label);
    margin: 0 5px 0 0;
    color: #000;
    font-family: "Jost-Medium", Arial, sans-serif;
    font-size: 12px;
  }

  .orders__td--amount::before {
    content: attr(data-label);
    margin: 0 5px 0 0;
    color: #000;
    font-family: "Jost-Medium", Arial, sans-serif;
    font-size: 12px;
  }

  .orders__date {
    margin: 0 0 0 auto;
    font-size: 14px;
  }

  .orders__goods {
    display: block;
    width: 100%;
    margin: 0 0 10px;
  }

  .orders__goods::before {
    content: attr(data-label);
    margin: 0 5px 0 0;
    font-family: "Jost-Medium", Arial, sans-serif;
    font-size: 12px;
  }

  .orders__button:not(:last-child) {
    margin-right: 8px;
  }

  .items-news {
    margin: 0 -10px -10px 0;
  }

  .item-news {
    width: calc(50% - 10px);
    height: 200px;
    margin: 0 10px 10px 0;
  }

  .item-news__no-image {
    background-position: right 20px top 15px;
    background-size: 56px 72px;
  }

  .item-news__inner {
    padding: 10px;
  }

  .item-news__date {
    font-size: 12px;
  }

  .item-news__title {
    font-size: 12px;
  }

  .ordering {
    padding: 15px;
    font-size: 12px;
  }

  .ordering__heading {
    margin: 0 0 20px;
    font-size: 14px;
  }

  .ordering__step {
    width: 22px;
    height: 22px;
    font-size: 16px;
    line-height: 22px;
  }

  .ordering__text {
    line-height: 15px;
  }

  .ordering__input {
    margin-bottom: 15px;
  }

  .ordering__agree {
    margin: 20px 0;
  }

  .ordering__manager {
    margin-bottom: 30px;
    padding-top: 3px;
    font-size: 12px;
  }

  .ordering__manager + .ordering__manager {
    margin-top: -10px;
  }

  .ordering__button {
    margin: 0;
    padding: 5px 15px 8px;
    font-size: 14px;
  }

  .ordering__tabs {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .ordering__tabs-captions {
    font-size: 14px;
  }

  .ordering__tabs-caption {
    margin-bottom: 10px;
  }

  .ordering__tabs-link {
    padding-top: 1px;
  }

  .ordering__tabs-content {
    padding: 0;
  }

  .ordering__list {
    margin-bottom: 22px;
  }

  .ordering__option {
    padding-top: 3px;
  }

  .ordering__delivery-cost {
    font-size: 16px;
  }

  .ordering__total {
    font-size: 16px;
  }

  .ordering__payment {
    margin-bottom: 0;
  }

  .ordering__thanks {
    margin: 0;
    font-size: 12px;
    line-height: 15px;
  }

  .ordering__buttons {
    margin-top: 25px;
  }

  .ordering__user-area {
    padding: 4px 15px 6px;
    font-size: 14px;
  }

  .modal__close {
    top: 10px;
    right: 5px;
    background-size: 20px 20px;
  }

  .modal__inner {
    padding: 25px;
  }

  .modal__heading {
    margin-bottom: 35px;
    font-size: 18px;
  }

  .modal__action + .modal__heading {
    margin-top: -40px;
  }

  .modal__remember {
    padding-top: 1px;
    font-size: 14px;
  }

  .modal__button {
    padding: 5px 25px 8px;
    font-size: 14px;
  }

  .modal__reg {
    margin-left: auto;
    font-size: 14px;
  }

  .modal__agree {
    margin: 17px 0 30px;
  }

  .social-login {
    margin-right: -12px;
    margin-bottom: -12px;
  }

  .social-login__item {
    margin: 0 12px 12px 0;
  }

  .product__head .product__desc {
    margin-bottom: 0;
  }

  .product-gallery {
    display: block;
    width: 100%;
    height: auto;
  }

  .product-gallery__images {
    width: auto;
    height: auto;
  }

  .product-gallery__thumbs-wrap {
    margin: 15px 0 0;
    padding: 0 25px;
  }

  .product-gallery__thumbs {
    width: 100%;
    height: auto;
  }

  .product-gallery__arrow::before {
    content: '';
    position: absolute;
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 25 15'%3E%3Cpath stroke='%23000' stroke-width='2' d='M23.627 13.314L12.314 2 1 13.314'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: 16px 16px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }

  .product-gallery__arrow:focus {
    background: none;
  }

  .product-gallery__arrow--prev {
    right: auto;
    bottom: 0;
    width: 20px;
    height: auto;
    background: none;
  }

  .product-gallery__arrow--next {
    top: 0;
    left: auto;
    width: 20px;
    height: auto;
    background: none;
  }

  .reviews__total {
    display: none;
  }

  .reviews__item-name {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    margin-bottom: 5px;
  }

  .reviews__item-date {
    margin-left: 0;
  }

  .reviews__item-stars {
    position: absolute;
    top: 0;
    right: 0;
  }

  .delivery__table td {
    font-size: 14px;
    padding: 15px 15px 15px 0;
  }

  .delivery__table td.delivery__cost {
    padding-right: 0;
  }

  .delivery__table br {
    display: none;
  }

  .delivery__cost {
    min-width: 120px;
    max-width: 120px;
  }

  .add-review__field--name {
    width: 100%;
    margin-right: 0;
  }

  .add-review__stars {
    margin-top: 0;
  }

  .footer {
    margin-top: 25px;
  }

  .footer__top {
    padding: 20px 0;
  }

  .footer__bottom {
    padding: 20px 0;
    font-size: 12px;
    line-height: 15px;
  }

  .footer-nav {
    margin: 0 -20px -30px 0;
  }

  .footer-nav__section {
    width: 50%;
    padding: 0 20px 30px 0;
  }

  .footer-nav__heading {
    margin-bottom: 15px;
    font-size: 14px;
  }

  .footer-nav__list {
    font-size: 12px;
  }

  .footer-nav__soc {
    margin: 0 -6px -6px 0;
  }

  .footer-nav__soc-item {
    margin: 0 6px 6px 0;
  }

  .footer-nav__soc-link {
    width: 16px;
    height: 16px;
  }

  .footer-nav__soc-link--yo {
    width: 23px;
  }

  .footer-nav__payment-image {
    max-width: 35px;
    max-height: 20px;
  }
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .header__logo {
    background-image: url("../img/logo@2x.png");
  }

  .homepage .header__logo {
    background-image: url("../img/logo-homepage@2x.png");
  }

  .footer__bottom {
    background-image: url("../img/logo-b@2x.png");
  }
}

.test .hidden {
  display: none;
}

.storage__quiz-inner > .content {
  padding: 0;
  width: 100%;
}

.custom-popup {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #0007;
  z-index: 1000;
}

.custom-popup-hidden {
  display: none;
}

.custom-popup__inner {
  width: 800px;
  min-height: 400px;
  background: white;
  box-sizing: border-box;
  padding: 2px;
  position: relative;
}

.custom-popup__close-button {
  position: absolute;
  right: 2px;
  top: 2px;
  width: 50px;
  height: 50px;
  cursor: pointer;
}

.custom-popup__close-button:hover {
  background: #8885;
}

.custom-popup__close-button::before {
  content: "";
  display: block;
  width: 30px;
  height: 2px;
  background: black;
  position: relative;
  transform: rotate(-45deg);
  top: 23px;
  left: 10px;
}
.custom-popup__close-button::after {
  content: "";
  display: block;
  width: 30px;
  height: 2px;
  background: black;
  transform: rotate(45deg);
  position: relative;
  top: 21px;
  left: 10px;
}

.custom-popup__inner-content {
  padding: 50px;
  box-sizing: border-box;
}

.doors-popup__payment-wrapper {
  display: flex;

}

.display-none {
  display: none;
}

.doors-subheader-buttons-wrapper {
  justify-content: center;
  display: flex;
  align-items: center;
  margin-bottom: 50px;
}

.doors-subheader-buttons-wrapper > .doors__project-button {
  margin: 0;
  width: 240px;
  text-align: center;
}

.doors-subheader-buttons-wrapper > .doors__project-button:first-of-type {
  margin-right: 60px;
}

@media (max-width: 659px) {

  .doors-subheader-buttons-wrapper {
    flex-direction: column;
  }
  .doors-subheader-buttons-wrapper > .doors__project-button {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .doors-subheader-buttons-wrapper > .doors__project-button:first-of-type {
    margin-right: 0;
  }
  
}

.geosuggest-input.geosuggest-input-valid {
  border: 1px solid #55B443;
}

.geosuggest-input.geosuggest-input-not-valid {
  border: 1px solid red;
}

.geosuggest-option-province {
  font-size: 10pt;
  color: gray;
}

.geosuggest-options {
  position: absolute;
  background: white;
  border: 1px solid #CFD6DB;
  z-index: 9999;
  min-width: 250px;
}

.geosuggest-options.geosuggest-options-empty {
  border: 0;
}

.geosuggest-option {
  cursor: pointer;
  padding: 5px;
}

.geosuggest-option:hover {
  background: #f6f6f6;
}