/* Start:/local/templates/stepmetall/assets/css/libs.min.css?162376469213410*/
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translateZ(0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0)}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:none;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:a}@keyframes a{0%{opacity:1}to{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/stepmetall/assets/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{transform:scale(1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:50%;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-overlay-pane svg,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-width:none!important;max-height:none!important}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;box-sizing:border-box;z-index:9}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:4}.leaflet-tile-pane{z-index:3}.leaflet-overlay-pane{z-index:4}.leaflet-shadow-pane{z-index:5}.leaflet-marker-pane{z-index:6}.leaflet-tooltip-pane{z-index:7}.leaflet-popup-pane{z-index:8}.leaflet-map-pane canvas{z-index:2}.leaflet-map-pane svg{z-index:3}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:9;pointer-events:visiblePainted;pointer-events:auto}.leaflet-bottom,.leaflet-top{position:absolute;z-index:10;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-tile{will-change:opacity}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}.leaflet-zoom-anim .leaflet-zoom-animated{will-change:transform;transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline:0}.leaflet-container a{color:#0078a8}.leaflet-container a.leaflet-active{outline:2px solid orange}.leaflet-zoom-box{border:2px dotted #38f;background:hsla(0,0%,100%,.5)}.leaflet-container{font:12px/1.5 Helvetica Neue,Arial,Helvetica,sans-serif}.leaflet-bar{box-shadow:0 1px 5px rgba(0,0,0,.65);border-radius:4px}.leaflet-bar a,.leaflet-bar a:hover{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px rgba(0,0,0,.4);background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(/local/templates/stepmetall/assets/css/images/layers.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(/local/templates/stepmetall/assets/css/images/layers-2x.png);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers-expanded .leaflet-control-layers-toggle,.leaflet-control-layers .leaflet-control-layers-list{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(/local/templates/stepmetall/assets/css/images/marker-icon.png)}.leaflet-container .leaflet-control-attribution{background:#fff;background:hsla(0,0%,100%,.7);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-container .leaflet-control-attribution,.leaflet-container .leaflet-control-scale{font-size:11px}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;font-size:11px;white-space:nowrap;overflow:hidden;box-sizing:border-box;background:#fff;background:hsla(0,0%,100%,.5)}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 19px;line-height:1.4}.leaflet-popup-content p{margin:18px 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px rgba(0,0,0,.4)}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;padding:4px 4px 0 0;border:none;text-align:center;width:18px;height:14px;font:16px/14px Tahoma,Verdana,sans-serif;color:#c3c3c3;text-decoration:none;font-weight:700;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover{color:#999}.leaflet-popup-scrolled{overflow:auto;border-bottom:1px solid #ddd;border-top:1px solid #ddd}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678)}.leaflet-oldie .leaflet-popup-tip-container{margin-top:-1px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,.4)}.leaflet-tooltip.leaflet-clickable{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}
/* End */


/* Start:/local/templates/stepmetall/assets/css/main.css?1750860992112016*/
@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-family: "Ubuntu", Arial, sans-serif; }

body {
  line-height: 1;
  font-family: "Ubuntu", Arial, sans-serif; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

:focus {
  outline: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a, a:hover {
  text-decoration: none; }

@font-face {
  font-family: 'Ubuntu';
  src: url("/local/templates/stepmetall/assets/css/../fonts/Ubuntu-Regular.eot");
  src: local("Ubuntu Regular"), local("Ubuntu-Regular"), url("/local/templates/stepmetall/assets/css/../fonts/Ubuntu-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/stepmetall/assets/css/../fonts/Ubuntu-Regular.woff") format("woff"), url("/local/templates/stepmetall/assets/css/../fonts/Ubuntu-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Ubuntu';
  src: url("/local/templates/stepmetall/assets/css/../fonts/Ubuntu-Light.eot");
  src: local("Ubuntu Light"), local("Ubuntu-Light"), url("/local/templates/stepmetall/assets/css/../fonts/Ubuntu-Light.eot?#iefix") format("embedded-opentype"), url("/local/templates/stepmetall/assets/css/../fonts/Ubuntu-Light.woff") format("woff"), url("/local/templates/stepmetall/assets/css/../fonts/Ubuntu-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Ubuntu';
  src: url("/local/templates/stepmetall/assets/css/../fonts/Ubuntu-LightItalic.eot");
  src: local("Ubuntu Light Italic"), local("Ubuntu-LightItalic"), url("/local/templates/stepmetall/assets/css/../fonts/Ubuntu-LightItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/stepmetall/assets/css/../fonts/Ubuntu-LightItalic.woff") format("woff"), url("/local/templates/stepmetall/assets/css/../fonts/Ubuntu-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'Ubuntu';
  src: url("/local/templates/stepmetall/assets/css/../fonts/Ubuntu-Medium.eot");
  src: local("Ubuntu Medium"), local("Ubuntu-Medium"), url("/local/templates/stepmetall/assets/css/../fonts/Ubuntu-Medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/stepmetall/assets/css/../fonts/Ubuntu-Medium.woff") format("woff"), url("/local/templates/stepmetall/assets/css/../fonts/Ubuntu-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Ubuntu';
  src: url("/local/templates/stepmetall/assets/css/../fonts/Ubuntu-Italic.eot");
  src: local("Ubuntu Italic"), local("Ubuntu-Italic"), url("/local/templates/stepmetall/assets/css/../fonts/Ubuntu-Italic.eot?#iefix") format("embedded-opentype"), url("/local/templates/stepmetall/assets/css/../fonts/Ubuntu-Italic.woff") format("woff"), url("/local/templates/stepmetall/assets/css/../fonts/Ubuntu-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Ubuntu';
  src: url("/local/templates/stepmetall/assets/css/../fonts/Ubuntu-Bold.eot");
  src: local("Ubuntu Bold"), local("Ubuntu-Bold"), url("/local/templates/stepmetall/assets/css/../fonts/Ubuntu-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/stepmetall/assets/css/../fonts/Ubuntu-Bold.woff") format("woff"), url("/local/templates/stepmetall/assets/css/../fonts/Ubuntu-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Ubuntu';
  src: url("/local/templates/stepmetall/assets/css/../fonts/Ubuntu-BoldItalic.eot");
  src: local("Ubuntu Bold Italic"), local("Ubuntu-BoldItalic"), url("/local/templates/stepmetall/assets/css/../fonts/Ubuntu-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/stepmetall/assets/css/../fonts/Ubuntu-BoldItalic.woff") format("woff"), url("/local/templates/stepmetall/assets/css/../fonts/Ubuntu-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'Ubuntu';
  src: url("/local/templates/stepmetall/assets/css/../fonts/Ubuntu-MediumItalic.eot");
  src: local("Ubuntu Medium Italic"), local("Ubuntu-MediumItalic"), url("/local/templates/stepmetall/assets/css/../fonts/Ubuntu-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/stepmetall/assets/css/../fonts/Ubuntu-MediumItalic.woff") format("woff"), url("/local/templates/stepmetall/assets/css/../fonts/Ubuntu-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic; }

.clr_blue {
  color: #0561FC; }

.clr_black {
  color: #000000; }

.clr_red {
  color: #EC002A; }

.clr_dark-grey {
  color: #727272; }

.clr_grey {
  color: #C0C0C0; }

.clr_light-grey {
  color: #F6F6F6; }

.bg_blue {
  background-color: #0561FC;
  color: white;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }
  .bg_blue:hover {
    background-color: black;
    -webkit-box-shadow: none;
            box-shadow: none; }

.bg_blue:disabled {
  background: #C4C4C4;
  -webkit-box-shadow: 0px 35px 43px -22px rgba(153, 153, 153, 0.4);
          box-shadow: 0px 35px 43px -22px rgba(153, 153, 153, 0.4); }
  .bg_blue:disabled:hover {
    background: #C4C4C4; }

body {
  background-color: #F6F6F6;
  max-width: 100%;
  width: 100%; }

textarea, input {
  font-family: "Ubuntu", Arial, sans-serif; }

button {
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
  font-family: "Ubuntu", Arial, sans-serif; }

button:disabled {
  cursor: auto; }

.h1 {
  font-size: 50px;
  font-weight: bold;
  color: black;
  line-height: 57px; }

.d-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.form-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative; }

.input-label {
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 9px; }

input {
  position: relative; }

.input {
  background-color: #F6F6F6;
  padding: 0 14px;
  height: 44px;
  border: none;
  border-bottom: 2px solid  #C4C4C4;
  font-size: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%; }

.input:focus {
  border-bottom: 2px solid #000000; }

.input::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: 300;
  color: #C4C4C4; }

.input::-moz-placeholder {
  font-size: 14px;
  font-weight: 300;
  color: #C4C4C4; }

.input:-ms-input-placeholder {
  font-size: 14px;
  font-weight: 300;
  color: #C4C4C4; }

.input::-ms-input-placeholder {
  font-size: 14px;
  font-weight: 300;
  color: #C4C4C4; }

.input::placeholder {
  font-size: 14px;
  font-weight: 300;
  color: #C4C4C4; }

textarea {
  border: none;
  border-bottom: 2px solid  #C4C4C4;
  resize: none;
  width: 100%;
  padding: 15px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

textarea:focus {
  border-bottom: 2px solid #000000; }

textarea::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: 300;
  color: #C4C4C4; }

textarea::-moz-placeholder {
  font-size: 14px;
  font-weight: 300;
  color: #C4C4C4; }

textarea:-ms-input-placeholder {
  font-size: 14px;
  font-weight: 300;
  color: #C4C4C4; }

textarea::-ms-input-placeholder {
  font-size: 14px;
  font-weight: 300;
  color: #C4C4C4; }

textarea::placeholder {
  font-size: 14px;
  font-weight: 300;
  color: #C4C4C4; }

input.error {
  border-color: #EC002A; }

.error-text {
  color: #EC002A;
  font-size: 12px;
  font-weight: 300;
  display: none;
  margin-top: 7px;
  position: absolute;
  left: 0px;
  bottom: -18px; }

.error + .error-text {
  display: block; }

.noscroll {
  overflow: hidden; }

.leaflet-control-container {
  display: none; }

.close-icon {
  position: relative;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  height: 100%;
  width: 100%;
  display: block; }
  .close-icon:before {
    content: "";
    background-color: black;
    height: 100%;
    width: 3px;
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0px;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
  .close-icon:after {
    content: "";
    background-color: black;
    width: 100%;
    height: 3px;
    display: block;
    position: absolute;
    left: 0px;
    bottom: 50%;
    -webkit-transform: translate(0, 50%);
        -ms-transform: translate(0, 50%);
            transform: translate(0, 50%); }

.plus-icon {
  position: relative;
  height: 100%;
  width: 100%;
  display: block; }
  .plus-icon:before {
    content: "";
    background-color: #727272;
    height: 100%;
    width: 1px;
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0px;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
  .plus-icon:after {
    content: "";
    background-color: #727272;
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    left: 0px;
    bottom: 50%;
    -webkit-transform: translate(0, 50%);
        -ms-transform: translate(0, 50%);
            transform: translate(0, 50%);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }

.page-bg {
  position: absolute;
  bottom: 0px;
  right: 0px; }
  .page-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

.container {
  padding-left: 327px;
  padding-right: 80px; }

.full {
  height: calc(100vh - 118px);
  overflow: hidden; }

.footer_full {
  display: none; }

.body_full {
  overflow-y: hidden;
  max-height: 100vh; }

@media (max-width: 1360px) {
  .full {
    height: calc(100vh - 79px); } }

@media (max-width: 768px) {
  .full {
    height: auto;
    min-height: calc(100vh - 165px);
    padding-bottom: 55px; }
  .footer_full {
    display: block; }
  .body_full {
    max-height: auto;
    overflow-y: auto; } }

@media (max-height: 700px) {
  .full {
    height: auto;
    min-height: calc(100vh - 78px);
    padding-bottom: 55px; }
  .body_full {
    max-height: auto;
    overflow-y: auto; } }

@media (max-width: 1600px) {
  .container {
    padding-left: 276px; } }

@media (max-width: 1280px) {
  .container {
    padding-left: 244px; } }

@media (max-width: 1024px) {
  .container {
    padding-left: 222px; } }

@media (max-width: 900px) {
  .container {
    padding-left: 187px; } }

@media (max-width: 768px) {
  .container {
    padding-left: 29px; } }

@media (max-width: 575px) {
  .container {
    padding-left: 20px;
    padding-right: 20px; } }

@media (max-width: 340px) {
  .container {
    padding-left: 10px;
    padding-right: 10px; } }

.breadcrumbs__link {
  font-size: 16px;
  font-weight: 400;
  color: #C4C4C4;
  margin-right: 11px;
  position: relative; }
  .breadcrumbs__link:after {
    content: "→";
    margin-left: 9px; }

.breadcrumbs__item:last-child .breadcrumbs__link:after {
  display: none; }

@media (max-width: 768px) {
  .breadcrumbs {
    margin-top: 30px; } }

@media (max-width: 375px) {
  .breadcrumbs__item {
    display: none; }
    .breadcrumbs__item:nth-last-child(2) {
      display: block; }
  .breadcrumbs__link:after {
    display: none; }
  .breadcrumbs__link:before {
    content: "←";
    margin-right: 9px; } }

.header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 327px;
  padding-top: 34px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }
  .header:after {
    content: "";
    height: 1px;
    background-color: #C4C4C4;
    display: block;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 3px;
    z-index: 0; }
  .header__logo {
    display: none; }
  .header__menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 857px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .header__menu.owl-carousel {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      overflow: hidden; }
    .header__menu .owl-stage {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
  .header__popup-menu {
    display: none; }
  .header__menu-item {
    z-index: 2; }
  .header__menu-link {
    padding-top: 34px;
    padding-bottom: 26px;
    border-bottom: 8px solid transparent;
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
    color: black;
    font-size: 16px;
    z-index: 1; }
    .header__menu-link:hover {
      color: #0561FC; }
  .header__menu-link.active {
    border-bottom: 8px solid black;
    font-weight: bold; }
  .header__phone {
    font-size: 20px;
    font-weight: bold;
    color: black;
    white-space: nowrap; }
  .header__cart {
    margin-left: 68px;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    position: relative; }
    .header__cart:after {
      content: "";
      position: absolute;
      top: -4px;
      right: -3px;
      height: 17px;
      width: 17px;
      background-color: #D2113A;
      border-radius: 50%;
      background-image: url(/local/templates/stepmetall/assets/css/../img/svg/cart-after.svg);
      background-position: center;
      background-repeat: no-repeat; }
    .header__cart:disabled:after {
      display: none; }
  .header__cart-icon {
    height: 45px;
    width: 45px; }
  .header__popup-menu-open {
    cursor: pointer;
    height: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-left: 61px;
    margin-right: 82px; }
  .header__popup-open-line {
    height: 3px;
    width: 53px;
    background-color: black;
    display: block; }
  .header__add-contacnts {
    display: grid;
    row-gap: 5px;
    padding-left: 30px;
    margin-left: auto; }
  .header__mail {
    font-size: 14px;
    font-weight: 400;
    color: #0561FC; }
  .header__work-time {
    font-size: 14px;
    font-weight: 700;
    color: #0561FC; }
  .header__work-time b {
    color: black; }

@media (max-width: 1600px) {
  .header {
    margin-left: 276px; }
  .header__menu {
    max-width: 660px; }
  .header__popup-menu-open {
    margin-right: 70px;
    margin-left: 80px; }
  .header__cart {
    margin-left: 108px; } }

@media (max-width: 1421px) {
  .header__cart {
    margin-left: 50px; } }

@media (max-width: 1360px) {
  .header__popup-menu-open {
    margin-right: 38px;
    margin-left: 53px; }
  .header__cart {
    margin-left: 29px; }
  .header__phone {
    font-size: 16px; }
  .header__menu-link {
    font-size: 14px; }
  .header__menu {
    max-width: 581px; }
  .header__cart-icon {
    height: 31px;
    width: 31px; }
  .header__popup-open-line {
    width: 37px;
    height: 2px; }
  .header__popup-menu-open {
    height: 10px; }
  .header {
    padding-top: 3px; }
  .header__menu-link {
    padding-bottom: 20px; } }

@media (max-width: 1280px) {
  .header {
    margin-left: 244px; } }

@media (max-width: 1100px) {
  .header__menu-item:nth-child(5) {
    display: none; } }

@media (max-width: 1024px) {
  .header {
    margin-left: 222px; }
  .header__popup-menu-open {
    margin-right: 23px;
    margin-left: 38px; } }

@media (max-width: 930px) {
  .header__cart {
    margin-left: 12px; }
  .header__popup-menu-open {
    margin-left: 16px; } }

@media (max-width: 900px) {
  .header {
    margin-left: 187px; }
  .header__phone {
    font-size: 14px; }
  .header__add-contacnts {
    padding-left: 12px; }
  .header__menu-link {
    font-size: 12px; }
  .header__cart {
    margin-left: 12px; }
  .header__popup-menu-open {
    margin-right: 17px;
    margin-left: 16px; } }

@media (max-width: 768px) {
  .header {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-left: 0px;
    background-color: white; }
  .header__logo {
    display: block;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    padding-left: 29px;
    margin-top: 24px;
    margin-bottom: 24px; }
  .header__phone {
    font-size: 24px; }
  .header__add-contacnts {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .header__work-time {
    display: none; }
  .header__cart {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
    margin-left: 45px; }
  .header__popup-menu-open {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
    margin-right: 32px;
    margin-left: 27px; }
  .header__menu {
    width: 100%;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
    background: #F6F6F6;
    max-width: 100%;
    padding: 0 26px; }
  .header__cart-icon {
    height: 38px;
    width: 38px; }
  .header__menu-link {
    font-size: 16px;
    padding-left: 0px;
    padding-right: 0px; }
  .header__menu-link.active {
    border-bottom: 2px solid black;
    padding-bottom: 8px; }
  .header:after {
    bottom: -3px; } }

@media (max-width: 575px) {
  .header__phone {
    font-size: 15px; }
  .header__cart {
    margin-left: 19px; }
  .header__popup-menu-open {
    margin-right: 15px;
    margin-left: 13px; }
  .header__popup-open-line {
    width: 25px; }
  .header__logo {
    padding-left: 20px; }
  .header__logo-img {
    width: 91px; } }

@media (max-width: 480px) {
  .header__menu {
    padding-right: 0px; } }

@media (max-width: 375px) {
  .header__add-contacnts {
    display: none; }
  .header__cart {
    margin-left: auto; }
  .header__logo-img {
    width: 128px; }
  .header__menu {
    padding: 0 20px; }
  .header__popup-menu-open {
    padding-right: 20px; } }

@media (max-width: 340px) {
  .header__logo {
    padding-left: 10px; }
  .header__menu {
    padding: 0 10px; }
  .header__popup-menu-open {
    padding-right: 0px; } }

.footer {
  background-color: black;
  padding-top: 70px;
  padding-bottom: 80px; }
  .footer__content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px; }
  .footer__header-link {
    font-size: 24px;
    font-weight: 700;
    color: white;
    margin-bottom: 17px;
    display: block; }
  .footer__about {
    grid-row: 1/2;
    grid-column: 3/4;
    display: grid;
    row-gap: 27px;
    padding-left: 55px;
    grid-template-rows: auto auto 1fr; }
    .footer__about .footer__header-link {
      margin-bottom: 0px; }
  .footer__cat {
    justify-self: center; }
  .footer__info {
    align-self: end;
    grid-column: 3/5;
    grid-row: 1/2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 55px; }
  .footer__adress {
    font-size: 18px;
    font-weight: 300;
    color: white;
    margin-bottom: 16px;
    line-height: 20px; }
  .footer__mail {
    display: block;
    height: 50px;
    color: #0561FC; }
  .footer__tel {
    color: white;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 34px;
    display: block; }
  .footer__form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
  .footer__form-text {
    line-height: 16px;
    margin-bottom: 16px;
    font-size: 14px;
    color: white;
    font-weight: 300; }
  .footer__inp {
    background-color: #2B2B2B;
    border: none;
    padding: 10px 19px 14px;
    width: 309px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: white;
    font-size: 14px;
    font-weight: 300; }
  .footer__form-submit {
    width: 42px;
    height: 42px;
    margin-left: 13px; }
  .footer__form-submit-icon {
    max-width: 100%;
    max-height: 100%; }
  .footer__cat-list {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 19px; }
  .footer__cat-item a {
    font-size: 18px;
    color: white; }
  .footer__policy-text {
    font-size: 14px;
    font-weight: 300;
    color: white;
    margin-bottom: 4px; }
  .footer__policy-link {
    color: #0561FC;
    font-size: 14px;
    font-weight: 300; }
  .footer__adwin {
    text-align: right; }
  .footer__adwin-text {
    color: white;
    font-size: 11px;
    font-weight: 300;
    line-height: 13px;
    margin-bottom: 8px; }
  .footer__adwin-text a {
    color: white;
    font-size: 11px;
    text-decoration: underline; }

@media (max-width: 1600px) {
  .footer__content {
    grid-template-columns: repeat(3, 1fr); }
  .footer__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .footer__adwin {
    text-align: left; }
  .footer__policy {
    margin-bottom: 40px; }
  .footer__about {
    padding-left: 35px; }
  .footer__info {
    padding-left: 35px; } }

@media (max-width: 1280px) {
  .footer__content {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 40px; }
  .footer__cat {
    grid-column: 1;
    grid-row: 1;
    justify-self: left; }
  .footer__about {
    grid-row: auto;
    grid-column: auto;
    padding-left: 0px; }
  .footer__info {
    padding-left: 0px;
    grid-row: auto;
    grid-column: 1/3;
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px; }
  .footer__policy {
    margin-bottom: 0px; } }

@media (max-width: 1024px) {
  .footer {
    padding-bottom: 60px; }
  .footer__content {
    row-gap: 65px;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px; }
  .footer__inp {
    width: calc(100% - 55px); } }

@media (max-width: 768px) {
  .footer {
    padding-bottom: 142px; }
  .footer__content {
    grid-template-columns: 45% 55%; } }

@media (max-width: 575px) {
  .footer__content {
    grid-template-columns: 100%;
    max-width: 300px;
    margin: 0 auto;
    row-gap: 34px; }
  .footer {
    padding-top: 43px; }
  .footer__info {
    grid-column: 1;
    grid-template-columns: 1fr; }
  .footer__header-link {
    margin-bottom: 34px; }
  .footer__about {
    row-gap: 34px; }
  .footer__policy {
    margin-bottom: 30px; } }

h1 {
  color: #5016bb; }

.menu-l {
  position: fixed;
  width: 225px;
  background: #FFFFFF;
  -webkit-box-shadow: -4px 4px 29px rgba(0, 0, 0, 0.25);
          box-shadow: -4px 4px 29px rgba(0, 0, 0, 0.25);
  left: 0px;
  top: 0px;
  max-height: 100vh;
  height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 49px;
  z-index: 9; }
  .menu-l__link {
    padding-left: 40px;
    padding-top: 51px;
    padding-bottom: 45px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative; }
  .menu-l__link:hover {
    background-color: #F6F6F6; }
  .menu-l__links-item:nth-child(2) .menu-l__link {
    padding-top: 67px;
    padding-bottom: 57px; }
  .menu-l__links-text {
    font-size: 16px;
    line-height: 137.4%;
    color: #000000;
    font-weight: 700; }
  .menu-l__links-img {
    margin-right: 14px; }
  .menu-l__question {
    position: relative; }
  .menu-l__question-link {
    font-size: 16px;
    line-height: 137.4%;
    color: #727272;
    font-weight: 400;
    padding-bottom: 49px;
    padding-top: 33px;
    padding-left: 29px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .menu-l .hr {
    width: 135px;
    height: 1px;
    background-color: #DBDBDB;
    margin-left: 36px; }
  .menu-l__question-icon {
    margin-right: 10px; }

.logo {
  padding-left: 40px; }

.menu-l__links-img, .menu-l__question-icon {
  height: 36px;
  width: 36px; }

.question__form {
  position: absolute;
  background-color: #E3E3E3;
  right: 300px;
  bottom: 10px;
  width: 554px;
  padding: 24px 17px 24px 53px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }
  .question__form.active {
    right: -554px; }
  .question__form::after {
    content: "";
    width: 25px;
    height: 25px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    background-color: #E3E3E3;
    left: -11px;
    top: 87px;
    position: absolute; }

.question__close {
  position: absolute;
  height: 30px;
  width: 30px;
  top: 19px;
  right: 24px; }
  .question__close .close-icon:after, .question__close .close-icon:before {
    background-color: #727272; }
  .question__close .close-icon:after {
    height: 2px; }
  .question__close .close-icon:before {
    width: 2px; }

.question__form-fields {
  display: grid;
  grid-template-columns: 422px 42px;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  row-gap: 14px; }

.question__form-submit {
  height: 42px;
  width: 42px;
  grid-column: 2/3;
  grid-row: 2/3; }

.question__form-submit-icon {
  height: 42px;
  width: 42px; }

.question__form-input {
  grid-column: 1/2; }

.question__input {
  background-color: white; }

@media (max-width: 1600px) {
  .menu-l {
    width: 202px;
    padding-top: 45px; }
    .menu-l .hr {
      width: 121px; }
    .menu-l__link {
      padding-left: 35px;
      padding-top: 40px;
      padding-bottom: 40px; }
    .menu-l__links-item:nth-child(2) .menu-l__link {
      padding-top: 60px;
      padding-bottom: 57px; }
  .logo {
    padding-left: 35px; }
  .logo-img {
    width: 114px; }
  .menu-l__links-img, .menu-l__question-icon {
    height: 26px;
    width: 26px; } }

@media (max-width: 1280px) {
  .menu-l {
    width: 162px;
    padding-top: 36px; }
    .menu-l .hr {
      width: 97px;
      margin-left: 25px; }
    .menu-l__link {
      padding-left: 25px;
      padding-top: 40px;
      padding-bottom: 32px; }
    .menu-l__links-item:nth-child(2) .menu-l__link {
      padding-top: 51px;
      padding-bottom: 45px; }
    .menu-l__question-link {
      padding-bottom: 30px;
      padding-top: 25px;
      padding-left: 21px;
      font-size: 14px; }
    .menu-l__question-icon {
      margin-right: 8px; }
    .menu-l__links-text {
      font-size: 14px; }
  .logo {
    padding-left: 28px; }
  .logo-img {
    width: 92px; }
  .menu-l__links-img, .menu-l__question-icon {
    height: 26px;
    width: 26px; }
  .menu-l__links-img {
    margin-right: 10px; }
  .question__form::after {
    left: -3px;
    top: 106px; } }

@media (max-width: 768px) {
  .menu-l .logo {
    display: none; }
  .menu-l__question {
    display: none; }
  .menu-l {
    width: 100%;
    height: 98px;
    bottom: 0px;
    top: auto;
    background-color: #E3E3E3;
    border-radius: 30px 30px 0px 0px;
    padding-top: 0px; }
  .menu-l__links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    padding-left: 44px;
    padding-right: 22px; }
  .menu-l__link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 20px;
    height: 98px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .menu-l__links-item:nth-child(2) .menu-l__link {
    padding: 0 20px; }
  .menu-l__links-img, .menu-l__question-icon {
    height: 27px;
    width: 27px;
    margin: 0 auto; }
  .menu-l__links-text {
    font-size: 12px;
    color: #0561FC; }
  .menu-l__link:hover {
    background-color: transparent; } }

@media (max-width: 375px) {
  .menu-l__links {
    padding-left: 27px;
    padding-right: 7px; } }

.main-page__content {
  position: relative;
  height: 100%;
  width: 100%; }

.main-page__bg {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 41%;
  height: 87%; }
  .main-page__bg:before {
    content: "";
    background-color: #0561FC;
    position: absolute;
    height: 303px;
    width: 146px;
    top: -38px;
    left: -51px;
    z-index: -1; }

.main-page__bg-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; }

.main-page__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%; }

.main-page__header {
  margin-bottom: 17px;
  font-size: 80px; }

.main-page__text {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2;
  max-width: 670px; }

.main-page__info {
  font-size: 32px;
  line-height: 43px;
  font-weight: 300;
  margin-bottom: 29px; }

.main-page__quastions {
  font-size: 16px;
  line-height: 21px;
  font-weight: 300;
  margin-bottom: 38px;
  max-width: 384px; }
  .main-page__quastions-form {
    font-size: 16px;
    line-height: 21px;
    font-weight: 300;
    text-decoration: underline;
    color: #0561FC; }

.main-page__btn {
  padding: 23px 65px 25px;
  -webkit-box-shadow: 0px 35px 43px -22px rgba(5, 97, 252, 0.4);
          box-shadow: 0px 35px 43px -22px rgba(5, 97, 252, 0.4);
  border-radius: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 21px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content; }

.main-page__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 1040px;
  padding-bottom: 62px;
  -webkit-column-gap: 39px;
     -moz-column-gap: 39px;
          column-gap: 39px; }

.main-page__list-item {
  background-color: white;
  position: relative;
  -webkit-box-shadow: 0px 35px 30px -28px rgba(5, 97, 252, 0.3);
          box-shadow: 0px 35px 30px -28px rgba(5, 97, 252, 0.3);
  border-radius: 8px;
  padding: 52px 33px 41px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.main-page__item-link {
  height: 50px;
  width: 50px;
  border-radius: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: 24px;
  top: -24px;
  z-index: 2; }
  .main-page__item-link:hover {
    width: 147px; }
    .main-page__item-link:hover .main-page__link-text {
      width: auto;
      margin-right: 12px;
      opacity: 1; }

.main-page__link-icon {
  height: 12px;
  width: 21px; }

.main-page__link-text {
  width: 0px;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  white-space: nowrap; }

.main-page__item-header {
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 12px; }

.main-page__item-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 12px; }

.main-page__price {
  color: #0561FC;
  font-size: 16px;
  line-height: 22px;
  margin-top: auto; }

@media (max-width: 1600px) {
  .main-page__list-item {
    padding: 28px 25px 33px; }
  .main-page__list {
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 772px;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px; } }

@media (max-width: 1280px) {
  .main-page__header {
    margin-bottom: 21px;
    font-size: 50px;
    line-height: 57px; }
  .main-page__info {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 21px;
    max-width: 540px; }
  .main-page__quastions {
    font-size: 14px;
    line-height: 18px;
    max-width: 345px;
    margin-bottom: 25px; }
  .main-page__quastions-form {
    font-size: 14px; }
  .main-page__item-link {
    height: 38px;
    width: 38px;
    top: -19px; }
  .main-page__bg {
    width: 396px;
    height: 387px; }
    .main-page__bg:before {
      top: -19px;
      left: -25px; }
  .main-page__btn {
    padding: 23px 47px 25px; } }

@media (max-width: 1024px) {
  .main-page__list {
    margin-right: -62px; }
  .main-page__item-text {
    font-size: 14px; } }

@media (max-width: 900px) {
  .main-page__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    .main-page__list .owl-stage {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; }
    .main-page__list .main-page__list-item {
      width: 320px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .main-page__list-item {
      height: 100%; } }

@media (max-height: 700px) {
  .main-page__header {
    margin-top: 49px; }
  .main-page__btn {
    margin-bottom: 72px; } }

@media (max-width: 768px) {
  .main-page__header {
    margin-top: 49px;
    font-size: 40px; }
  .main-page__btn {
    margin-bottom: 72px; }
  .main-page__bg {
    width: 283px;
    height: 383px;
    bottom: auto;
    top: 93px; }
    .main-page__bg:before {
      height: 151px;
      width: 72px; }
  .main-page__info {
    font-size: 22px;
    max-width: 272px; }
  .main-page__quastions {
    max-width: 272px;
    margin-bottom: 35px; }
  .main-page__content {
    height: auto; }
  .main-page__container {
    height: auto; } }

@media (max-width: 589px) {
  .main-page__bg {
    width: 100%;
    height: 366px;
    top: 440px; }
    .main-page__bg:before {
      display: none; } }

@media (max-width: 375px) {
  .main-page__list {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 62px; }
  .main-page__list .main-page__list-item {
    width: 100%;
    padding: 36px 33px 28px; }
  .main-page__header {
    margin-top: 44px; }
  .main-page__btn {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    padding-left: 0px;
    padding-right: 0px; } }

@media (max-width: 340px) {
  .main-page__header {
    font-size: 35px;
    margin-top: 30px;
    margin-bottom: 15px; } }

.cart {
  position: fixed;
  right: -1000px;
  top: 0px;
  background-color: white;
  z-index: 10;
  width: 860px;
  padding: 39px 0 100px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-height: 100vh;
  overflow-y: auto;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }
  .cart.active {
    right: 0px; }
  .cart__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 115px 16px 80px;
    border-bottom: 1px solid #C4C4C4; }
  .cart__close {
    width: 40px;
    height: 40px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .cart__header {
    font-size: 50px;
    line-height: 68px; }
  .cart__goods {
    padding: 45px 57px 50px 80px;
    border-bottom: 1px solid #C4C4C4; }
  .cart__goods-list {
    display: grid;
    row-gap: 66px; }
  .cart__goods-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
  .cart__good-num {
    font-size: 32px;
    font-weight: bold;
    margin-right: 22px; }
  .cart__present-img {
    background-color: yellowgreen; }
  .cart__good-category {
    font-size: 20px;
    font-weight: bold;
    margin-right: 27px; }
  .cart__good-name {
    font-size: 20px;
    font-weight: 300;
    margin-right: 10px; }
  .cart__quantity {
    margin-left: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .cart__quantity-input {
    height: 38px;
    width: 91px;
    font-size: 20px;
    font-weight: 300;
    border: 1px solid #B4B4B4;
    margin-left: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 30px;
    text-align: center; }
  .cart__quantity-input::-webkit-inner-spin-button, .cart__quantity-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; }
  .cart__quantity-input {
    -moz-appearance: textfield; }
  .cart__quantity-input:focus {
    border: 1px solid black; }
  .cart__quantity-more, .cart__quantity-less {
    height: 18px;
    width: 29px;
    position: absolute;
    right: 1px;
    background-color: white; }
    .cart__quantity-more:before, .cart__quantity-less:before {
      content: '';
      position: absolute;
      height: 5px;
      width: 5px;
      display: block;
      border-left: 1px solid #0561FC;
      border-top: 1px solid #0561FC;
      left: 12px; }
    .cart__quantity-more:hover, .cart__quantity-less:hover {
      background-color: #0561FC; }
      .cart__quantity-more:hover:before, .cart__quantity-less:hover:before {
        border-color: white; }
  .cart__quantity-more {
    top: 1px; }
    .cart__quantity-more:before {
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      top: 8px; }
  .cart__quantity-less {
    bottom: 1px; }
    .cart__quantity-less:before {
      -webkit-transform: rotate(225deg);
          -ms-transform: rotate(225deg);
              transform: rotate(225deg);
      bottom: 8px; }
  .cart__quantity-type {
    font-size: 11px;
    font-weight: 400;
    color: #727272;
    position: absolute;
    left: 0px;
    bottom: -20px; }
  .cart__delete {
    width: 27px;
    height: 27px;
    margin-left: 20px;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
    .cart__delete .close-icon:before {
      width: 1px; }
    .cart__delete .close-icon:after {
      height: 1px; }
  .cart__present {
    padding-right: 35px;
    height: 34px;
    background: #F6F6F6;
    border-radius: 61px;
    font-size: 16px;
    font-weight: bold;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .cart__present-img {
    width: 34px;
    height: 34px;
    background-color: #0561FC;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    margin-right: 9px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .cart__present-ico {
    width: 14px;
    height: 15px; }
  .cart__send-calc {
    padding: 41px 129px 52px 81px;
    border-bottom: 1px solid #C4C4C4; }
  .cart__send-calc-header {
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 24px; }
  .cart__form-input-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 27px;
       -moz-column-gap: 27px;
            column-gap: 27px;
    margin-bottom: 23px; }
  .cart__delivery {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 29px; }
  .cart__delivery-method {
    display: grid;
    grid-template-columns: auto auto;
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px; }
  .cart__delivery-text {
    font-size: 12px;
    font-weight: 300; }
  .cart__delivery-radio {
    display: none; }
  .cart__delivery-radio + label {
    font-size: 20px;
    font-weight: 500;
    text-decoration: underline;
    color: #0561FC;
    height: 42px;
    background-color: #F6F6F6;
    border-radius: 33px;
    padding: 0 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
    .cart__delivery-radio + label:hover {
      background-color: #0561FC;
      color: white; }
  .cart__delivery-radio:checked + label {
    background-color: black;
    color: white; }
  .cart__send-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    -webkit-box-shadow: 0px 35px 43px -22px rgba(5, 97, 252, 0.4);
            box-shadow: 0px 35px 43px -22px rgba(5, 97, 252, 0.4);
    border-radius: 45px;
    height: 70px;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 38px; }
  .cart__policy {
    font-size: 11px;
    font-weight: 400;
    color: #727272; }
  .cart__save {
    padding: 49px 105px 0 81px; }
  .cart__save-header {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 28px; }
  .cart__save-fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 52px;
       -moz-column-gap: 52px;
            column-gap: 52px; }
  .cart__save-btn {
    font-weight: 500;
    font-size: 16px;
    -webkit-box-shadow: 0px 36px 43px -17px rgba(5, 97, 252, 0.4);
            box-shadow: 0px 36px 43px -17px rgba(5, 97, 252, 0.4);
    border-radius: 45px; }
  .cart__logo {
    display: none; }
  .cart__clear {
    font-size: 16px;
    font-weight: 400;
    text-decoration: underline;
    margin-bottom: 40px;
    padding: 9px 29px 11px 26px;
    background-color: #F6F6F6;
    border-radius: 61px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .cart__clear-ico {
    height: 20px;
    width: 20px;
    margin-right: 10px; }
  .cart__textarea {
    margin: 0px 0 23px;
    background-color: #F6F6F6;
    height: 80px; }
  .cart__units {
    position: absolute;
    left: 0px;
    bottom: -24px;
    width: 100%;
    background-color: #E3E3E3;
    color: #0561FC;
    border: none;
    height: 20px;
    font-size: 11px;
    padding-left: 15px; }

@media (max-width: 1600px) {
  .cart {
    width: 808px;
    padding: 58px 0; }
    .cart__top {
      padding: 0 30px 27px 68px; }
    .cart__header {
      font-size: 40px;
      line-height: 54px; }
    .cart__goods {
      padding: 50px 35px 50px 68px; }
    .cart__send-calc {
      padding: 41px 88px 50px 68px; }
    .cart__save {
      padding: 49px 88px 0 81px; } }

@media (max-width: 1024px) {
  .cart {
    width: 768px;
    padding: 20px 0 58px; }
    .cart__top {
      padding: 0 30px 20px 30px; }
    .cart__goods {
      padding: 50px 28px 50px 30px; }
    .cart__send-calc {
      padding: 41px 88px 50px 30px; }
    .cart__save {
      padding: 49px 64px 0 30px; } }

@media (max-width: 768px) {
  .cart {
    width: 100%; }
    .cart__delivery-method {
      display: grid;
      grid-template-columns: 1fr;
      -webkit-column-gap: 0;
         -moz-column-gap: 0;
              column-gap: 0;
      row-gap: 12px; }
  .cart__delivery-radio + label {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; } }

@media (max-width: 580px) {
  .cart {
    padding: 20px 0 58px; }
    .cart__top {
      padding: 0 20px 20px 20px; }
    .cart__goods {
      padding: 20px 20px 30px 20px; }
    .cart__send-calc {
      padding: 30px 20px 40px 20px; }
    .cart__save {
      padding: 30px 20px 0 20px; }
    .cart__delivery {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .cart__delivery-text {
      margin-bottom: 13px; }
    .cart__send-calc-header, .cart__save-header {
      font-size: 20px;
      line-height: 27px; }
  .cart__delivery-radio + label {
    justify-self: left; } }

@media (max-width: 478px) {
  .cart__present {
    height: 63px; }
  .cart__present-img {
    height: 63px;
    width: 63px; }
  .cart__present-ico {
    width: 26px;
    height: 28px; }
  .cart__save-fields {
    grid-template-columns: 1fr; }
  .cart__save-btn {
    height: 50px;
    margin-top: 20px; }
  .cart__goods-item {
    display: grid;
    grid-template-columns: 40px auto auto; }
  .cart__good-category {
    grid-column: 2/3;
    margin-bottom: 16px; }
  .cart__good-name {
    grid-column: 2/3;
    margin-bottom: 19px; }
  .cart__quantity {
    grid-column: 2/3;
    margin-left: 0px;
    justify-self: left; }
  .cart__quantity-input {
    margin-left: 0px; }
  .cart__delete {
    grid-row: 1/4;
    grid-column: 3/3;
    justify-self: right; }
  .cart__quantity-type {
    bottom: -13px; }
  .cart__good-num + .cart__present {
    grid-column: 2/4; }
  .cart__present {
    grid-column: 1/4; }
  .cart__goods-list {
    row-gap: 35px; }
  .cart__form-input-row {
    grid-template-columns: 1fr;
    row-gap: 20px; }
  .cart__present {
    padding-right: 13px; } }

@media (max-width: 375px) {
  .cart__top {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .cart__logo {
    display: block;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .cart__close {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .cart__header {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
    width: 100%;
    margin-top: 36px; } }

.popup-menu {
  background-color: white;
  padding: 59px 85px 46px 67px;
  width: 557px;
  position: fixed;
  top: 0px;
  right: -1000px;
  z-index: 10;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-height: 100vh;
  overflow-y: auto;
  height: 100vh;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  opacity: 0; }
  .popup-menu.active {
    right: 0px;
    opacity: 1; }
  .popup-menu__close {
    height: 40px;
    width: 40px; }
  .popup-menu__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 17px; }
  .popup-menu__link_b {
    font-size: 24px;
    color: black;
    font-weight: 700; }
  .popup-menu__links {
    display: grid;
    row-gap: 16px;
    margin-bottom: 23px; }
  .popup-menu__link {
    font-weight: 300;
    font-size: 18px;
    color: black;
    line-height: 20px; }
  .popup-menu__b-links {
    display: grid;
    row-gap: 20px;
    margin-bottom: 26px; }
  .popup-menu__adress {
    font-size: 18px;
    margin-bottom: 16px;
    line-height: 21px;
    font-weight: 300; }
  .popup-menu__mail {
    color: #0561FC;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 25px;
    display: block; }
  .popup-menu__tel {
    font-weight: 700;
    font-size: 24px;
    color: black; }

@media (max-width: 557px) {
  .popup-menu {
    width: 100%;
    min-height: 100vh; } }

@media (max-width: 375px) {
  .popup-menu {
    padding: 59px 38px 46px 38px; }
  .popup-menu__top {
    margin-bottom: 30px; }
  .popup-menu__links {
    row-gap: 26px;
    margin-bottom: 30px; }
  .popup-menu__b-links {
    row-gap: 30px;
    margin-bottom: 42px; } }

.services__content {
  position: relative;
  height: 100%;
  width: 100%; }

.services__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.services__bg {
  height: 77%;
  width: 633px; }
  .services__bg:after {
    height: 48px;
    width: 150px;
    background-color: #0561FC;
    position: absolute;
    top: -48px;
    right: 0px;
    content: ""; }

.services__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 80px;
  color: black;
  margin: 30px 0 10px; }

.services__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  max-width: 1263px;
  row-gap: 3px;
  -webkit-column-gap: 3px;
     -moz-column-gap: 3px;
          column-gap: 3px;
  z-index: 2;
  margin-bottom: 37px;
  max-height: 607px;
  height: 100%; }

.services__item {
  position: relative;
  padding: 104px 48px 48px 38px;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto; }

.services__item.small {
  padding: 61px 48px 48px 38px;
  grid-template-columns: auto;
  grid-template-rows: auto auto auto; }

.services_blue {
  background-color: #0561FC; }

.services_dark-blue {
  background-color: #0C59DB; }

.services_light-blue {
  background-color: #4484EF; }

.services__link {
  font-size: 14px;
  text-decoration: underline;
  font-weight: 400;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  position: absolute;
  top: 35px;
  right: 33px; }

.services__link-icon {
  width: 21px;
  height: 14px;
  margin-left: 12px; }

.services__item-header {
  font-size: 32px;
  font-weight: 500;
  color: white;
  grid-column: 1/3;
  margin-bottom: auto; }

.services__item.small .services__item-header {
  font-size: 22px;
  line-height: 25px;
  grid-column: 1/2;
  margin-bottom: auto;
  grid-row: 2; }

.services__item.small .services__text {
  grid-row: 3; }

.services__text {
  font-size: 16px;
  font-weight: 400;
  color: white;
  line-height: 21px;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center; }

.services__item-icon {
  width: 65px;
  height: 65px;
  margin-left: 40px; }

.services__item.small .services__item-icon {
  width: 30px;
  height: 32px;
  grid-row: 1;
  margin-left: 0px; }

@media (max-width: 1600px) {
  .services__container {
    padding-right: 40px; }
  .services__list {
    max-width: 1043px;
    max-height: 500px; }
  .services__item {
    padding: 65px 40px 39px 30px; }
  .services__item.small {
    padding: 51px 14px 26px 31px; }
  .services__item-icon {
    height: 58px;
    width: 58px;
    margin-left: 23px; }
  .services__item.small .services__item-icon {
    width: 18px;
    height: 23px;
    margin-left: 0px; }
  .services__link {
    top: 28px;
    right: 27px; }
  .services__bg {
    width: 521px; }
    .services__bg:after {
      height: 39px;
      width: 123px;
      top: -39px; } }

@media (max-width: 1280px) {
  .services__header {
    font-size: 50px; }
  .services__list {
    margin-bottom: 44px;
    max-width: 902px;
    max-height: 430px;
    row-gap: 2px;
    -webkit-column-gap: 2px;
       -moz-column-gap: 2px;
            column-gap: 2px; }
  .services__item-header {
    font-size: 22px;
    line-height: 25px; }
  .services__text {
    font-size: 16px;
    line-height: 21px; }
  .services__item.small .services__item-header {
    font-size: 18px;
    line-height: 20px; }
  .services__item.small .services__text {
    font-size: 14px;
    line-height: 18px; }
  .services__item {
    padding: 65px 34px 39px 26px; }
  .services__item.small {
    padding: 40px 14px 18px 26px; }
  .services__bg {
    width: 508px; }
    .services__bg:after {
      height: 38px;
      width: 77px;
      top: -38px; } }

@media (max-width: 1024px) {
  .services__list {
    grid-template-rows: 228px 180px;
    row-gap: 4px;
    -webkit-column-gap: 4px;
       -moz-column-gap: 4px;
            column-gap: 4px; }
  .services__item {
    grid-template-columns: auto; }
  .services__item-header {
    grid-column: 1;
    grid-row: 2; }
  .services__text {
    grid-row: 3; }
  .services__item {
    padding: 24px 47px 30px 20px; }
  .services__item.small {
    padding: 28px 14px 65px 20px; }
  .services__item.small .services__text {
    display: none; }
  .services__item.small .services__link {
    right: auto;
    left: 21px;
    bottom: 17px;
    top: auto; }
  .services__link-icon {
    margin-left: 5px; }
  .services__item-icon {
    height: 31px;
    width: 31px;
    margin-left: 0px; }
  .services__item.small .services__item-icon {
    width: 20px;
    height: 23px; }
  .services__bg {
    width: 396px; }
    .services__bg:after {
      height: 29px;
      width: 60px;
      top: -29px; } }

@media (max-height: 700px) {
  .services__header {
    margin-top: 62px;
    margin-bottom: 50px; } }

@media (max-width: 850px) {
  .services__item.small .services__item-header {
    font-size: 14px; } }

@media (max-width: 768px) {
  .services__container {
    padding-right: 29px;
    height: auto; }
  .services__header {
    margin-top: 47px;
    margin-bottom: 26px;
    font-size: 40px; }
  .services__content {
    height: auto; }
  .services__bg {
    display: none; }
  .services__list {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(2, 230px);
    row-gap: 3px;
    -webkit-column-gap: 3px;
       -moz-column-gap: 3px;
            column-gap: 3px;
    max-height: 100%;
    height: auto; }
  .services__item {
    padding: 24px; }
  .services__item.small {
    padding: 24px; }
  .services__item:first-child {
    grid-column: 1/2; }
  .services__item:nth-child(2) {
    grid-column: 2/3; }
  .services__item.small .services__text {
    display: block;
    font-size: 16px;
    line-height: 21px; }
  .services__item.small .services__item-header {
    font-size: 22px; }
  .services__item.small .services__item-icon {
    width: 32px;
    height: 32px; }
  .services__item.small .services__link {
    right: 22px;
    left: auto;
    bottom: auto;
    top: 32px; } }

@media (max-width: 575px) {
  .services__item-header, .services__item.small .services__item-header {
    font-size: 14px;
    line-height: 18px; }
  .services__container {
    padding-right: 20px; }
  .services__text, .services__item.small .services__text {
    font-size: 13px;
    line-height: 15px; }
  .services__item.small, .services__item {
    padding-top: 55px; } }

@media (max-width: 375px) {
  .services__header {
    margin-left: 17px; }
  .services__container {
    padding-left: 4px;
    padding-right: 4px; }
  .services__list {
    grid-template-columns: 1fr;
    row-gap: 5px;
    -webkit-column-gap: 4px;
       -moz-column-gap: 4px;
            column-gap: 4px; }
  .services__item {
    padding: 26px 13px 37px 22px; }
  .services__item-icon {
    margin-bottom: 16px;
    width: 34px;
    height: 34px; }
  .services__item-header {
    margin-bottom: 16px;
    font-size: 22px;
    line-height: 24px; }
  .services__text {
    font-size: 16px;
    line-height: 21px; }
  .services__item {
    grid-column: 1/2; }
  .services__item:nth-child(2) {
    grid-column: 1/2; }
  .services__item.small .services__link {
    right: auto;
    left: 22px;
    bottom: 18px;
    top: auto; }
  .services__item.small .services__item-icon {
    height: 22px;
    width: 22px;
    margin-bottom: 10px; }
  .services__item.small .services__text {
    display: none; }
  .services__item.small .services__item-header {
    font-size: 17px;
    line-height: 19px; }
  .services__item.small {
    padding: 26px 13px 37px 22px;
    grid-template-rows: auto auto 1fr; } }

.service__content {
  height: 100%;
  z-index: 2; }

.service__bg {
  max-height: 70%; }

.service__header {
  font-size: 80px;
  line-height: 90px;
  color: black;
  margin-bottom: 26px; }

.service__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%; }

.service__top {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 2; }

.service__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #727272;
  max-width: 630px; }

.service__form-hedaer {
  font-size: 16px;
  margin-bottom: 22px; }

.service__form-row {
  display: grid;
  grid-template-columns: 226px 226px 350px 205px;
  -webkit-column-gap: 13px;
     -moz-column-gap: 13px;
          column-gap: 13px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-bottom: 40px;
  border-bottom: 1px solid #C4C4C4;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content; }

.service__form-input input {
  background-color: white; }

.service__btn {
  color: white;
  border-radius: 45px;
  height: 50px;
  margin-left: 10px;
  font-weight: 500;
  font-size: 16px; }

.service__another-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -webkit-column-gap: 3px;
     -moz-column-gap: 3px;
          column-gap: 3px;
  max-width: 1257px; }

.service__another {
  z-index: 2;
  padding-bottom: 40px; }

.service__another-header {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 22px; }

.service__another-item {
  background-color: #0C59DB;
  position: relative;
  padding: 63px 43px 59px; }
  .service__another-item:nth-child(2n) {
    background-color: #4483EF; }

.service__another-link {
  font-size: 14px;
  text-decoration: underline;
  font-weight: 400;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  position: absolute;
  top: 29px;
  right: 33px; }

.service__another-link-icon {
  width: 21px;
  height: 14px;
  margin-left: 12px; }

.service__another-icon {
  width: 18px;
  height: 18px;
  margin-bottom: 15px; }

.service__another-item-header {
  font-size: 22px;
  line-height: 25px;
  font-weight: 500;
  color: white;
  max-width: 180px; }

.service__bg-mob {
  display: none; }

@media (max-width: 1600px) {
  .service__bg {
    width: 323px;
    height: 563px; }
  .service__another-item {
    padding: 60px 27px 48px; }
  .service__header {
    font-size: 60px; }
  .service__form-row {
    grid-template-columns: 208px 208px 305px 195px; }
  .service__btn {
    margin-left: 0px; } }

@media (max-width: 1280px) {
  .service__bg {
    display: none; }
  .service__container {
    padding-right: 50px; }
  .service__form-row {
    grid-template-columns: 19% 19% 37% 19%;
    width: 100%; }
  .service__another-item {
    padding: 30px; }
  .service__another-link {
    top: 27px;
    right: 25px; }
  .service__another-item-header {
    font-size: 17px;
    line-height: 20px; } }

@media (max-width: 1024px) {
  .service__header {
    font-size: 40px;
    line-height: 40px; }
  .service__form-row {
    grid-template-columns: 36% 36% 28%;
    width: 100%;
    row-gap: 23px; }
  .service__form-input.input_wide {
    grid-column: 1/3; }
  .service__btn {
    grid-column: 3/4;
    grid-row: 2/3; }
  .service__another-link {
    top: auto;
    right: auto;
    left: 20px;
    bottom: 16px; }
    .service__another-link span {
      font-size: 13px; }
  .service__another-item {
    padding: 28px 20px 35px; }
  .service__another-icon {
    margin-bottom: 10px; }
  .service__another-link-icon {
    width: 20px;
    height: 13px;
    margin-left: 3px; }
  .service__container {
    padding-right: 25px; } }

@media (max-width: 768px) {
  .service__header {
    margin-top: 40px; }
  .service__text {
    margin-bottom: 40px; }
  .service__form-row {
    grid-template-columns: 50% 50%;
    max-width: 524px;
    row-gap: 23px;
    border-bottom: none;
    width: calc(100% - 13px); }
  .service__container {
    padding-right: 29px; }
  .service__btn {
    grid-column: 1/2;
    grid-row: 3/4; }
  .service__bg-mob {
    display: block;
    width: calc(100% + 58px);
    margin-left: -29px;
    margin-right: -29px;
    margin-bottom: 36px; }
  .service__bg-mob-img {
    height: 330px;
    max-width: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .service__another-header {
    margin-bottom: 10px; }
  .service__another-list {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 8px;
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px; }
  .service__another-item {
    padding: 62px 42px 48px; }
  .service__another-item-header {
    font-size: 22px; }
  .service__another-link {
    top: 34px;
    right: 28px;
    left: auto;
    bottom: auto; }
  .service__another-icon {
    margin-bottom: 21px; } }

@media (max-width: 575px) {
  .service__container {
    padding-right: 20px; }
  .service__another-item {
    padding: 62px 20px 48px; } }

@media (max-width: 375px) {
  .service__header {
    margin-top: 26px;
    margin-bottom: 15px; }
  .service__text {
    margin-bottom: 25px; }
  .service__form-hedaer {
    line-height: 26px;
    margin-bottom: 15px; }
  .service__form-row {
    grid-template-columns: 1fr;
    width: 100%;
    padding-bottom: 50px; }
  .service__form-input.input_wide {
    grid-column: auto; }
  .service__btn {
    grid-column: auto;
    grid-row: auto; }
  .service__bg-mob {
    margin-bottom: 25px; }
  .service__another-header {
    margin-bottom: 22px; }
  .service__another {
    padding-bottom: 0px; }
  .service__another-list {
    grid-template-columns: 1fr;
    row-gap: 10px; }
  .service__another-item {
    padding: 62px 41px 48px; } }

@media (max-width: 340px) {
  .service__container {
    padding-right: 10px; } }

.questions__header {
  font-size: 80px;
  font-weight: 700;
  margin-top: 90px;
  margin-bottom: 60px;
  color: black; }

.questions__row {
  display: grid;
  grid-template-columns: 630px auto;
  -webkit-column-gap: 180px;
     -moz-column-gap: 180px;
          column-gap: 180px; }

.questions__list {
  display: grid;
  row-gap: 29px;
  align-self: flex-start; }

.questions__item {
  position: relative; }

.questions__item.active .questions__item-text {
  height: auto;
  padding-bottom: 24px;
  padding-top: 21px;
  border-bottom: 1px solid #C4C4C4; }

.questions__item.active .questions__item-header:after {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }

.questions__item:first-child .questions__item-header {
  font-size: 32px; }

.questions__item-header {
  font-size: 24px;
  font-weight: 500;
  position: relative;
  cursor: pointer; }
  .questions__item-header:after {
    content: "";
    background-image: url(/local/templates/stepmetall/assets/css/../img/svg/arrqu.svg);
    position: absolute;
    right: -10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    height: 22px;
    background-repeat: no-repeat;
    width: 22px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }

.questions__item-text {
  height: 0px;
  overflow: hidden;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: #727272;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }
  .questions__item-text a {
    color: #0561FC;
    text-decoration: underline; }

.questions__form {
  z-index: 2;
  max-width: 460px; }

.questions__form-text {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  margin-bottom: 40px; }

.questions__form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 14px;
     -moz-column-gap: 14px;
          column-gap: 14px;
  margin-bottom: 23px; }

.questions__input {
  background-color: white; }

.questions__textarea {
  margin-bottom: 43px;
  height: 80px; }

.questions__form-btn {
  width: 100%;
  height: 70px;
  -webkit-box-shadow: 0px 35px 43px -22px rgba(5, 97, 252, 0.4);
          box-shadow: 0px 35px 43px -22px rgba(5, 97, 252, 0.4);
  border-radius: 45px;
  font-size: 16px;
  font-weight: 500; }

.questions__bg {
  height: 70%;
  z-index: 1; }

.questions__bg:after {
  content: "";
  background-color: #0561FC;
  height: 133px;
  width: 96px;
  right: 102px;
  bottom: 0px;
  position: absolute;
  z-index: -1; }

.questions__form-open-btn {
  font-size: inherit;
  font-weight: inherit; }

@media (max-width: 1800px) {
  .questions__bg {
    display: none; } }

@media (max-width: 1600px) {
  .questions__header {
    margin-top: 76px;
    margin-bottom: 50px; }
  .questions__row {
    -webkit-column-gap: 60px;
       -moz-column-gap: 60px;
            column-gap: 60px; } }

@media (max-width: 1280px) {
  .questions__header {
    font-size: 50px;
    margin-bottom: 27px; }
  .questions__item:first-child .questions__item-header, .questions__item-header {
    font-size: 20px;
    line-height: 26px; }
  .questions__list {
    row-gap: 25px; }
  .questions__item-text {
    font-size: 16px;
    line-height: 26px; }
  .questions__item.active .questions__item-text {
    padding: 10px 0 15px; }
  .questions__row {
    grid-template-columns: 50% 40%; }
  .questions__form {
    max-width: 310px; }
  .questions__form-text {
    margin-bottom: 20px; }
  .questions__form-row {
    grid-template-columns: 1fr;
    row-gap: 21px; }
  .questions .input-label {
    display: none; }
  .questions__textarea {
    margin-bottom: 26px; }
  .questions__form-btn {
    height: 50px; }
  .questions__item-header:after {
    right: -20px; } }

@media (max-width: 1024px) {
  .questions__header {
    margin-top: 62px; }
  .questions__row {
    grid-template-columns: 60% calc(40% - 30px); }
  .questions__item-header:after {
    right: -20px; }
  .questions__row {
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px; }
  .questions__container {
    padding-right: 29px; }
  .questions__form-text {
    font-size: 15px;
    line-height: 23px; } }

@media (max-height: 800px) {
  .questions__header {
    margin-top: 40px;
    margin-bottom: 27px; } }

@media (max-width: 768px) {
  .questions__header {
    margin-top: 50px;
    font-size: 40px;
    margin-bottom: 30px; }
  .questions__item:first-child .questions__item-header {
    font-size: 32px;
    line-height: 36px; }
  .questions__item-header {
    font-size: 24px;
    line-height: 27px; }
  .questions__item.active .questions__item-text {
    padding: 21px 0 24px; }
  .questions__row {
    grid-template-columns: 1fr; }
  .questions__list {
    margin-bottom: 60px; }
  .questions__form {
    max-width: 100%; }
  .questions .input-label {
    display: block; }
  .questions__form-row {
    grid-template-columns: 1fr 1fr;
    row-gap: 22px; }
  .questions__form-btn {
    max-width: 468px;
    margin: 0 auto;
    height: 70px;
    display: block; }
  .questions__form-text {
    font-size: 18px;
    line-height: 25px; } }

@media (max-width: 575px) {
  .questions__container {
    padding-right: 20px; }
  .questions__item:first-child .questions__item-header, .questions__item-header {
    font-size: 20px;
    line-height: 26px; } }

@media (max-width: 375px) {
  .questions__form-row {
    grid-template-columns: 1fr; } }

@media (max-width: 340px) {
  .questions__container {
    padding-right: 10px; }
  .questions__item-header:after {
    right: 0px; } }

.contacts__content {
  position: relative;
  height: 100%;
  width: 100%; }

.contacts__bg {
  height: 794px;
  width: 708px;
  max-height: 75%;
  max-width: 45%; }
  .contacts__bg:after {
    content: "";
    position: absolute;
    height: 133px;
    width: 96px;
    background-color: #0561FC;
    bottom: 0px;
    left: -45px;
    z-index: 5; }

.contacts__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  height: 100%;
  min-height: calc(100vh - 118px);
  max-width: 35%; }

.contacts__map-icon {
  height: 62px;
  width: 50x;
  background-image: url(/local/templates/stepmetall/assets/css/../img//svg/marker.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat; }

.contacts__map {
  height: 100%;
  width: 100%; }

.contacts__header {
  font-size: 60px;
  font-weight: 700;
  color: black;
  padding-top: 20px; }

.contacts__h3 {
  font-size: 32px;
  font-weight: 300;
  line-height: 36px;
  margin-bottom: 15px; }

.contacts__adress-text {
  font-size: 18px;
  font-weight: 300;
  color: #727272; }

.contacts__mail-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #0561FC;
  text-decoration: underline; }

.contacts__row {
  display: grid;
  grid-template-columns: auto auto;
  -webkit-column-gap: auto;
     -moz-column-gap: auto;
          column-gap: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 544px; }

.contacts__tel-link {
  font-size: 24px;
  font-weight: 700;
  color: #0561FC; }

.contacts__time-text {
  font-size: 18px;
  font-weight: 300; }

.contacts__req {
  display: grid;
  row-gap: 10px; }

.contacts__req-item {
  color: #727272;
  font-weight: 300;
  font-size: 16px; }

.contacts__fields {
  display: grid;
  grid-template-columns: auto auto;
  row-gap: 30px;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px; }

.contacts__team {
  margin-bottom: 30px; }

.contacts__team-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  row-gap: 20px;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px; }

.contacts__team-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: white;
  height: 109px;
  z-index: 1; }

.contacts__team-header {
  font-size: 32px;
  font-weight: 300;
  margin-bottom: 30px; }

.contacts__team-img {
  width: 74px;
  height: 100%;
  margin-right: 0px;
  -o-object-fit: cover;
     object-fit: cover; }

.contacts__team-dep {
  font-size: 14px;
  font-weight: 700;
  color: #0561FC;
  margin-bottom: 10px; }

.contacts__team-name {
  color: #727272;
  font-size: 14px;
  font-weight: 300; }

.contacts__team-text {
  padding: 0 10px 0; }

.contacts__time-text b {
  font-weight: 300; }

@media (max-width: 1700px) {
  .contacts__bg {
    width: 600px;
    height: 583px;
    max-width: 40%; }
    .contacts__bg:after {
      height: 109px;
      width: 79px; } }

@media (max-width: 1600px) {
  .contacts__bg {
    width: 350px;
    height: 583px;
    max-width: 40%; }
    .contacts__bg:after {
      height: 109px;
      width: 79px; }
  .contacts__container {
    max-width: 45%; } }

@media (max-width: 1280px) {
  .contacts__bg {
    width: 250px;
    height: 451px; }
    .contacts__bg:after {
      height: 84px;
      width: 62px;
      left: -31px; }
  .contacts__header {
    font-size: 50px; }
  .contacts__row {
    grid-template-columns: auto;
    row-gap: 24px; }
  .contacts__container {
    max-width: 50%; } }

@media (max-width: 1024px) {
  .contacts__bg {
    width: 200px;
    height: 363px;
    max-width: 40%; }
    .contacts__bg:after {
      height: 68px;
      width: 50px;
      left: -25px; } }

@media (max-width: 1000px) {
  .contacts__tel-link {
    font-size: 20px; }
  .contacts__h3 {
    font-size: 25px; }
  .contacts__team-img {
    width: 74px;
    height: 100%; }
  .contacts__team-name, .contacts__team-dep {
    font-size: 12px; }
  .contacts__bg:after {
    display: none; }
  .contacts__req-item {
    font-size: 13px; } }

@media (max-width: 768px) {
  .contacts__container {
    display: grid;
    height: auto;
    min-height: auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    max-width: 100%;
    padding-right: 29px;
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -webkit-flex-direction: unset;
        -ms-flex-direction: unset;
            flex-direction: unset;
    margin-bottom: 50px;
    grid-template-columns: 1fr;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    row-gap: 30px; }
  .contacts__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto; }
  .contacts__bg {
    position: relative;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    max-width: 80%;
    margin-left: auto;
    width: 611px;
    height: 545px;
    margin-bottom: -55px; }
    .contacts__bg:after {
      height: 102px;
      width: 74px;
      left: -37px;
      display: block; }
  .contacts__header {
    margin-top: 50px;
    margin-bottom: 20px;
    padding-top: 0px;
    grid-column: 1/3; }
  .contacts__h3 {
    font-size: 22px;
    margin-bottom: 7px;
    line-height: 25px; }
  .contacts__adress-text {
    font-size: 16px; }
  .contacts__adress {
    margin-bottom: 20px; }
  .contacts__mail {
    margin-bottom: 20px; }
  .contacts__req {
    grid-column: 2/3;
    grid-row: 2/5;
    padding-left: 10px; }
  .contacts__tel-link {
    font-size: 22px; }
  .contacts__req-item {
    font-size: 16px; }
  .contacts__team {
    grid-column: 1/2; }
  .contacts__team-img {
    width: 74px;
    height: 109px; } }

@media (max-width: 575px) {
  .contacts__container {
    padding-right: 20px; }
  .contacts__team-list {
    grid-template-columns: 1fr 1fr; } }

@media (max-width: 435px) {
  .contacts__fields {
    grid-template-columns: 1fr; }
  .contacts__adress, .contacts__mail, .contacts__row-phone, .contacts__row-time, .contacts__req {
    grid-column: auto;
    grid-row: auto;
    padding-left: 0px; }
  .contacts__team-list {
    row-gap: 30px; }
  .contacts__team-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto; }
  .contacts__team-img {
    margin-bottom: 0px;
    width: 100%;
    height: 200px; }
  .contacts__team-text {
    padding: 10px 10px; } }

@media (max-width: 375px) {
  .contacts__container {
    grid-template-columns: 1fr;
    margin-bottom: 30px; }
  .contacts__req {
    grid-column: 1/2;
    grid-row: 5/6;
    padding-left: 0px; }
  .contacts__header {
    grid-column: 1/2; }
  .contacts__row {
    margin-bottom: 28px; }
  .contacts__bg {
    max-width: calc(100% - 20px);
    margin-left: auto;
    width: calc(100% - 20px);
    height: 315px;
    margin-bottom: -55px; }
    .contacts__bg:after {
      height: 59px;
      width: 42px;
      left: -20px; } }

@media (max-width: 340px) {
  .contacts__container {
    padding-right: 10px; }
  .contacts__bg {
    max-width: calc(100% - 10px);
    width: calc(100% - 10px); }
    .contacts__bg:after {
      height: 59px;
      width: 22px;
      left: -10px; } }

.goods__container {
  position: relative;
  padding-top: 28px; }

.goods__content {
  display: grid;
  grid-template-columns: auto 430px;
  -webkit-column-gap: 70px;
     -moz-column-gap: 70px;
          column-gap: 70px;
  margin-bottom: 76px; }

.goods__bg {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: -1;
  -o-object-fit: contain;
     object-fit: contain;
  width: 397px;
  height: 298px;
  -o-object-position: top right;
     object-position: top right; }

.goods__header {
  font-size: 50px;
  line-height: 68px;
  font-weight: 700;
  margin-bottom: 45px;
  margin-top: 16px;
  color: black; }

.goods__add-icon {
  stroke: #727272;
  height: 26px;
  width: 26px; }

.goods__item-header {
  font-size: 32px;
  font-weight: 700;
  line-height: 44px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  padding-top: 36px;
  padding-bottom: 20px;
  border-bottom: 1px solid #C4C4C4; }
  .goods__item-header:after {
    content: "";
    background-color: black;
    height: 27px;
    width: 27px;
    background-image: url(/local/templates/stepmetall/assets/css/../img/svg/arr-goods.svg);
    background-repeat: no-repeat;
    border-radius: 50%;
    background-position: center;
    right: 0px;
    position: absolute;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }

.goods__item.active .goods__item-header:after {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg); }

.goods__sub-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
  -webkit-transition: padding .4s, opacity .4s, -webkit-transform .4s;
  transition: padding .4s, opacity .4s, -webkit-transform .4s;
  -o-transition: padding .4s, transform .4s, opacity .4s;
  transition: padding .4s, transform .4s, opacity .4s;
  transition: padding .4s, transform .4s, opacity .4s, -webkit-transform .4s;
  position: relative;
  height: 0px;
  overflow: hidden;
  opacity: 0;
  padding-right: 40px;
  -webkit-transform: scale3d(1, 0, 1);
          transform: scale3d(1, 0, 1); }
  .goods__sub-item:before {
    content: "";
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    content: "";
    position: absolute;
    height: 100%;
    width: calc(100% + 200px);
    right: 0px;
    top: 0px;
    z-index: -1; }
  .goods__sub-item.active:before {
    background-color: #E3E3E3; }
  .goods__sub-item:hover:before {
    background-color: #0561FC; }
  .goods__sub-item:hover .goods__add-btn:before, .goods__sub-item:hover .goods__add-btn:after {
    background-color: white; }
  .goods__sub-item:hover .goods__sub-title {
    color: white; }

.goods__item.active .goods__sub-item {
  padding-top: 18px;
  padding-bottom: 28px;
  height: auto;
  opacity: 1;
  overflow: visible;
  border-bottom: 1px solid #C4C4C4;
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1); }

.goods__sub-title {
  font-size: 20px;
  font-weight: 300; }

.goods__category {
  font-size: 14px;
  font-weight: 300;
  color: #C4C4C4;
  margin-bottom: 10px; }

.goods__add-btn {
  width: 26px;
  height: 26px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }

.goods__add-btn:after, .goods__add-btn:before {
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s; }

.goods__add-btn.added:before {
  left: 100%;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  background-color: #0561FC;
  width: 2px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }

.goods__add-btn.added:after {
  width: 50%;
  left: auto;
  right: 0px;
  bottom: 0%;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  background-color: #0561FC;
  height: 2px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }

.goods__add-btn.added.plus-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }

.goods__banner {
  position: relative;
  padding-top: 30px;
  padding-bottom: 45px;
  background-size: cover;
  background-repeat: no-repeat; }

.goods__container_spec {
  padding-top: 0px; }

.goods__header-spec {
  font-size: 50px;
  color: white;
  font-weight: 700;
  line-height: 68px;
  margin: 15px 0; }

.goods__subheader {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 37px;
  color: white;
  max-width: 630px; }

.goods__utp {
  color: white;
  font-size: 32px;
  font-weight: 700;
  line-height: 35px; }
  .goods__utp:before {
    content: "";
    background-image: url(/local/templates/stepmetall/assets/css/../img/svg/quote.svg);
    height: 20px;
    width: 24px;
    display: inline-block;
    margin-right: 14px; }

.goods__banner-container {
  padding-right: 0px; }

.goods__content-text {
  max-width: 1280px;
  margin-bottom: 30px; }
  .goods__content-text p {
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    margin-bottom: 15px; }
  .goods__content-text h2 {
    font-size: 24px;
    margin-bottom: 15px;
    margin-top: 35px; }

.goods__container_spec .goods__item.active .goods__sub-item {
  padding-top: 36px;
  padding-bottom: 36px; }

@media (max-width: 1600px) {
  .goods__header {
    font-size: 40px;
    margin-top: 14px;
    margin-bottom: 10px; }
  .goods__content {
    grid-template-columns: auto 380px; } }

@media (max-width: 1280px) {
  .goods__container {
    padding-right: 40px; }
  .goods__content {
    grid-template-columns: auto 330px; }
  .goods__bg {
    height: 204px;
    width: 278px; }
  .goods__banner {
    padding-right: 10px; } }

@media (max-width: 1024px) {
  .goods__container {
    padding-right: 29px; }
  .goods__list {
    max-width: 592px; }
  .goods__content {
    grid-template-columns: auto;
    margin-bottom: 45px; }
  .goods__sub-item {
    padding-right: 20px; } }

@media (max-width: 768px) {
  .goods__container {
    padding-top: 0px; }
  .goods__header {
    line-height: 54px;
    margin-top: 40px; }
  .goods__bg {
    display: none; }
  .goods__list {
    max-width: 100%; } }

@media (max-width: 575px) {
  .goods__container {
    padding-right: 20px; }
  .goods__item-header {
    font-size: 22px;
    padding-top: 25px;
    padding-bottom: 20px;
    line-height: 30px;
    padding-right: 30px; }
  .goods__item.active .goods__sub-item {
    padding-top: 14px;
    padding-bottom: 20px; }
  .goods__utp {
    font-size: 22px; }
  .goods__container_spec .goods__item.active .goods__sub-item {
    padding-top: 28px;
    padding-bottom: 24px; } }

@media (max-width: 340px) {
  .goods__container {
    padding-right: 10px; } }

.offers {
  background-color: white; }
  .offers__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    -webkit-column-gap: 50px;
       -moz-column-gap: 50px;
            column-gap: 50px;
    padding: 58px 0 68px; }
  .offers__icon {
    height: 25px;
    width: 29px;
    margin-bottom: 17px; }
  .offers__header {
    font-size: 22px;
    font-weight: 500;
    color: #0561FC;
    line-height: 25px;
    margin-bottom: 10px; }
  .offers__text {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #727272; }

@media (max-width: 1600px) {
  .offers__text {
    font-size: 16px; } }

@media (max-width: 1280px) {
  .offers__list {
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 96px;
       -moz-column-gap: 96px;
            column-gap: 96px;
    padding: 58px 0 50px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    row-gap: 57px; }
  .offers__item {
    max-width: 320px; } }

@media (max-width: 768px) {
  .offers__list {
    -webkit-column-gap: 42px;
       -moz-column-gap: 42px;
            column-gap: 42px; } }

@media (max-width: 375px) {
  .offers__list {
    -webkit-column-gap: 42px;
       -moz-column-gap: 42px;
            column-gap: 42px;
    grid-template-columns: 1fr;
    padding-bottom: 75px;
    row-gap: 33px; } }

.sidebar__icon {
  width: 25px;
  height: 25px;
  margin-left: 10px; }

.sidebar__top-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 32px;
  font-weight: 500;
  color: #0561FC;
  margin-bottom: 10px;
  line-height: 36px; }

.sidebar__top-text {
  font-size: 16px;
  line-height: 21px;
  color: #727272; }

.sidebar__top {
  display: grid;
  row-gap: 78px;
  margin-bottom: 80px; }

.sidebar__form {
  max-width: 310px; }

.sidebar__open-fields {
  font-size: inherit;
  font-weight: inherit;
  color: black;
  text-decoration: underline; }

.sidebar__form-header {
  color: #0561FC;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 1px; }

.sidebar__form-text {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #727272;
  margin-bottom: 20px; }

.sidebar__input {
  background-color: white;
  margin-bottom: 22px; }

.sidebar__send-btn {
  width: 100%;
  height: 50px;
  background-color: #0561FC;
  -webkit-box-shadow: 0px 23px 43px -14px rgba(5, 97, 252, 0.4);
          box-shadow: 0px 23px 43px -14px rgba(5, 97, 252, 0.4);
  border-radius: 45px;
  font-size: 16px;
  font-weight: 500; }

.sidebar__container {
  display: grid; }

.sidebar__content {
  max-width: 430px;
  padding-top: 100px;
  border-radius: 50px;
  padding-bottom: 20px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box; }

.sidebar__content.fixed {
  position: fixed;
  bottom: 0px; }

.sidebar__content.top {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start; }

.sidebar__content.bottom {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end; }

.sidebar__fields {
  height: 0px;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

.sidebar__fields.active {
  height: 270px;
  opacity: 1; }

@media (max-width: 1600px) {
  .sidebar__content {
    max-width: 380px; }
  .sidebar__top-header {
    font-size: 27px; }
  .sidebar__top {
    row-gap: 43px;
    margin-bottom: 48px; } }

@media (max-width: 1280px) {
  .sidebar__content {
    max-width: 325px; }
  .sidebar__top-header {
    font-size: 22px;
    line-height: 23px; } }

@media (max-width: 1024px) {
  .sidebar__content {
    padding-top: 58px;
    max-width: 100%; }
  .sidebar__top {
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 50px;
       -moz-column-gap: 50px;
            column-gap: 50px;
    margin-bottom: 30px; }
  .sidebar__form {
    max-width: 100%; }
  .sidebar__fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    row-gap: 24px; }
  .sidebar__input {
    margin-bottom: 0px; }
  .sidebar__fields.active {
    height: 118px; }
  .sidebar__spec .sidebar__top {
    grid-template-columns: auto;
    max-width: 370px; } }

@media (max-width: 575px) {
  .sidebar__top {
    grid-template-columns: 1fr;
    margin-bottom: 60px; }
  .sidebar__content {
    padding-top: 48px; }
  .sidebar__fields {
    grid-template-columns: 1fr; }
  .sidebar__fields.active {
    height: 250px; } }

.catalog__container {
  padding-top: 30px; }

.catalog__list {
  margin-top: 60px;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  row-gap: 20px;
  max-width: 1274px;
  display: grid;
  margin-bottom: 70px; }

.catalog__item {
  background-color: #E3E3E3;
  border-radius: 8px;
  padding: 68px 32px 40px 46px;
  position: relative;
  z-index: 1; }

.catalog__item:last-child {
  grid-column: 1/3; }

.catalog__item:last-child .catalog__item-bg {
  width: 300px; }

.catalog__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: black;
  text-decoration: underline;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  right: 32px;
  top: 44px; }

.catalog__link-icon {
  width: 14px;
  height: 22px;
  margin-left: 12px; }

.catalog__icon {
  width: 30px;
  height: 30px;
  margin-bottom: 23px;
  fill: #0561FC; }

.catalog__header {
  font-size: 32px;
  font-weight: 500;
  color: #0561FC;
  margin-bottom: 9px; }

.catalog__subheader {
  color: #727272;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px; }

.catalog__item-bg {
  position: absolute;
  right: 0px;
  bottom: 0px;
  display: none;
  z-index: -1;
  width: 247px;
  height: 136px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom right;
     object-position: bottom right; }

.catalog__item:hover {
  background-color: #0561FC; }
  .catalog__item:hover .catalog__link {
    color: white; }
  .catalog__item:hover .catalog__icon {
    fill: white; }
  .catalog__item:hover .catalog__link-icon {
    fill: white; }
  .catalog__item:hover .catalog__header {
    color: white; }
  .catalog__item:hover .catalog__subheader {
    color: white; }
  .catalog__item:hover .catalog__item-bg {
    display: block; }

@media (max-width: 1600px) {
  .catalog__list {
    max-width: 1024px;
    row-gap: 16px;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px; }
  .catalog__item {
    padding: 32px 38px 38px; }
  .catalog__header {
    font-size: 28px; }
  .catalog__item-bg {
    width: 204px;
    height: 116px; }
  .catalog__link {
    right: 39px;
    top: 29px; }
  .catalog__item:last-child .catalog__item-bg {
    width: 250px; } }

@media (max-width: 1280px) {
  .catalog__list {
    max-width: 772px;
    row-gap: 20px;
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px; }
  .catalog__item {
    padding: 38px 36px 34px; }
  .catalog__header {
    font-size: 22px; }
  .catalog__item-bg {
    width: 155px;
    height: 114px; }
  .catalog__link {
    top: 23px; }
  .catalog__subheader {
    max-width: 165px;
    font-size: 12px; }
  .catalog__item:last-child .catalog__item-bg {
    width: 250px; } }

@media (max-width: 1024px) {
  .catalog__list {
    max-width: 708px;
    margin-top: 50px;
    margin-bottom: 50px; }
  .catalog__item {
    padding: 38px 36px 34px; }
  .catalog__item:hover .catalog__item-bg {
    display: none; }
  .catalog__link {
    top: 29px;
    right: 23px; } }

@media (max-width: 768px) {
  .catalog__container {
    padding-right: 29px; }
  .catalog__list {
    max-width: 100%;
    row-gap: 22px;
    -webkit-column-gap: 22px;
       -moz-column-gap: 22px;
            column-gap: 22px; }
  .catalog__header {
    font-size: 25px; }
  .catalog__subheader {
    font-size: 14px; }
  .catalog__item {
    background-color: #0561FC;
    padding: 68px 25px 40px; }
  .catalog__icon, .catalog__header, .catalog__subheader, .catalog__link, .catalog__link-icon {
    color: white;
    fill: white; } }

@media (max-width: 575px) {
  .catalog__container {
    padding-right: 20px; }
  .catalog__list {
    grid-template-columns: 1fr; }
  .catalog__item:last-child {
    grid-column: 1/2; }
  .catalog__header {
    font-size: 32px; } }

@media (max-width: 375px) {
  .catalog__list {
    row-gap: 20px; } }

@media (max-width: 340px) {
  .catalog__container {
    padding-right: 10px; }
  .catalog__list {
    grid-template-columns: 1fr; }
  .catalog__item:last-child {
    grid-column: 1/2; }
  .catalog__header {
    font-size: 32px; } }

.shadow {
  opacity: 0;
  background-color: black;
  width: 0%;
  height: 100%;
  position: fixed;
  top: -9999px;
  left: 0px;
  z-index: 9;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s; }

.shadow.active {
  opacity: 0.2;
  top: 0px;
  width: 100%; }

.callback-form {
  position: fixed;
  top: 50%;
  left: -1000px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 10;
  width: 557px;
  background-color: #F6F6F6;
  padding: 45px 0 38px;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
  opacity: 0;
  max-height: 100vh;
  overflow: auto; }
  .callback-form.active {
    opacity: 1;
    left: 50%; }
  .callback-form__header {
    padding: 0 53px 0 47px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 38px;
    border-bottom: 1px solid #C4C4C4;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .callback-form__title {
    font-size: 32px;
    font-weight: 500; }
  .callback-form__close {
    height: 30px;
    width: 30px; }
    .callback-form__close .close-icon:before {
      width: 2px; }
    .callback-form__close .close-icon:after {
      height: 2px; }
  .callback-form__fields {
    padding: 24px 53px 0 47px;
    display: grid;
    row-gap: 29px; }
  .callback-form__text {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px; }
  .callback-form__input {
    background-color: white;
    height: 59px; }
  .callback-form__send-btn {
    height: 70px;
    border-radius: 45px;
    font-size: 16px;
    font-weight: 500;
    color: white; }
  .callback-form__notice {
    padding: 36px 53px 0 47px;
    font-size: 11px;
    font-weight: 400;
    color: #C4C4C4; }
  .callback-form__textarea {
    height: 80px; }

@media (max-width: 600px) {
  .callback-form {
    width: 100vw;
    height: 100vh;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    top: 0;
    left: -1000px; }
    .callback-form.active {
      left: 0px; }
    .callback-form__title {
      font-size: 22px; }
    .callback-form__text {
      font-size: 16px;
      line-height: 19px; }
    .callback-form__fields {
      padding: 24px 20px 0 20px; }
    .callback-form__header {
      padding: 0 20px 38px 20px; } }

.success {
  position: fixed;
  left: 9999px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: white;
  width: 550px;
  max-width: 100%;
  text-align: center;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 0; }
  .success.active {
    opacity: 1;
    left: 50%;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 20; }
  .success_order, .success.subscribe {
    padding: 83px 0 62px; }
  .success__icon {
    height: 30px;
    width: 49px;
    margin: 0 auto 30px;
    display: block; }
  .success__header {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 8px; }
  .success__text {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 11px; }
  .success__close {
    color: #0561FC;
    font-size: 16px;
    font-weight: 400;
    text-decoration: underline;
    margin-bottom: 30px; }
  .success__img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

.error-message {
  padding-top: 20px; }

.cart-add {
  position: fixed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 79px;
  width: 326px;
  background: #0561FC;
  -webkit-box-shadow: 0px 35px 20px -29px rgba(5, 97, 252, 0.36);
          box-shadow: 0px 35px 20px -29px rgba(5, 97, 252, 0.36);
  border-radius: 17px;
  top: 144px;
  right: -1000px;
  font-size: 18px;
  font-weight: 300;
  color: white;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 10;
  opacity: 0;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s; }
  .cart-add.active {
    right: 202px;
    -webkit-transition: right .3s;
    -o-transition: right .3s;
    transition: right .3s;
    opacity: 1; }
  .cart-add__ico {
    height: 16px;
    width: 23px;
    margin-right: 14px; }

@media (max-width: 1360px) {
  .cart-add {
    top: 94px; }
    .cart-add.active {
      right: 130px; } }

@media (max-width: 1024px) {
  .cart-add {
    top: 94px; }
    .cart-add.active {
      right: 98px; } }

@media (max-width: 900px) {
  .cart-add {
    top: 94px; }
    .cart-add.active {
      right: 75px; } }

@media (max-width: 575px) {
  .cart-add {
    height: 66px;
    width: 250px;
    font-size: 15px; }
    .cart-add.active {
      right: 46px; }
    .cart-add__ico {
      height: 11px;
      width: 16px;
      margin-right: 8px; } }

.header.animate_once {
  -webkit-transform: translate(0, -100px);
      -ms-transform: translate(0, -100px);
          transform: translate(0, -100px);
  opacity: 0; }

.header {
  top: 0px;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1; }

/*menu*/
.menu-l {
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1; }

.menu-l.animate_once {
  -webkit-transform: translate(-250px, 0);
      -ms-transform: translate(-250px, 0);
          transform: translate(-250px, 0);
  opacity: 0; }

.animate_none {
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  left: 0px; }

/*h1*/
.main-page__header {
  opacity: 1;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  -webkit-transition-delay: .4s;
       -o-transition-delay: .4s;
          transition-delay: .4s;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0); }

.main-page__header.animate {
  opacity: 0;
  -webkit-transform: translate(0, 100px);
      -ms-transform: translate(0, 100px);
          transform: translate(0, 100px); }

/*image*/
.main-page__bg {
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0); }

.main-page__bg.animate {
  -webkit-transform: translate(1000px, 0);
      -ms-transform: translate(1000px, 0);
          transform: translate(1000px, 0); }

/*text*/
.main-page__info, .main-page__quastions {
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-transition-delay: .7s;
       -o-transition-delay: .7s;
          transition-delay: .7s;
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0); }

.main-page__info.animate, .main-page__quastions.animate {
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-transition-delay: .7s;
       -o-transition-delay: .7s;
          transition-delay: .7s;
  -webkit-transform: translate(0, 100px);
      -ms-transform: translate(0, 100px);
          transform: translate(0, 100px);
  opacity: 0; }

/*btn*/
.main-page__btn {
  opacity: 1;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  -webkit-transition-delay: .9s;
       -o-transition-delay: .9s;
          transition-delay: .9s;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: opacity .5s ease .9s, background-color .3s ease 0s, -webkit-transform .5s ease .9s;
  transition: opacity .5s ease .9s, background-color .3s ease 0s, -webkit-transform .5s ease .9s;
  -o-transition: transform .5s ease .9s, opacity .5s ease .9s, background-color .3s ease 0s;
  transition: transform .5s ease .9s, opacity .5s ease .9s, background-color .3s ease 0s;
  transition: transform .5s ease .9s, opacity .5s ease .9s, background-color .3s ease 0s, -webkit-transform .5s ease .9s; }

.main-page__btn.animate {
  opacity: 0;
  -webkit-transform: translate(0, 100px);
      -ms-transform: translate(0, 100px);
          transform: translate(0, 100px); }

/*list*/
.main-page__list-item {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
  -webkit-transition: .7s;
  -o-transition: .7s;
  transition: .7s; }

.main-page__list-item:first-child {
  -webkit-transition-delay: 1.0s;
       -o-transition-delay: 1.0s;
          transition-delay: 1.0s; }

.main-page__list-item:nth-child(2) {
  -webkit-transition-delay: 1.2s;
       -o-transition-delay: 1.2s;
          transition-delay: 1.2s; }

.main-page__list-item:nth-child(3) {
  -webkit-transition-delay: 1.4s;
       -o-transition-delay: 1.4s;
          transition-delay: 1.4s; }

.main-page__list.animate .main-page__list-item {
  opacity: 0;
  -webkit-transform: translate(150px, 0);
      -ms-transform: translate(150px, 0);
          transform: translate(150px, 0); }

/*services header*/
.services__header {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s; }

.services__header.animate {
  -webkit-transform: translate(0, 100px);
      -ms-transform: translate(0, 100px);
          transform: translate(0, 100px);
  opacity: 0; }

/*services list*/
.services__list .services__item {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

.services__list.animate .services__item {
  -webkit-transform: translate(0, 40px);
      -ms-transform: translate(0, 40px);
          transform: translate(0, 40px);
  opacity: 0; }

.services__item:nth-child(1) {
  -webkit-transition-delay: .5s;
       -o-transition-delay: .5s;
          transition-delay: .5s; }

.services__item:nth-child(2) {
  -webkit-transition-delay: .7s;
       -o-transition-delay: .7s;
          transition-delay: .7s; }

.services__item:nth-child(3) {
  -webkit-transition-delay: .9s;
       -o-transition-delay: .9s;
          transition-delay: .9s; }

.services__item:nth-child(4) {
  -webkit-transition-delay: 1.1s;
       -o-transition-delay: 1.1s;
          transition-delay: 1.1s; }

.services__item:nth-child(5) {
  -webkit-transition-delay: 1.3s;
       -o-transition-delay: 1.3s;
          transition-delay: 1.3s; }

.services__item:nth-child(6) {
  -webkit-transition-delay: 1.5s;
       -o-transition-delay: 1.5s;
          transition-delay: 1.5s; }

/*service bg*/
.services__bg {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  opacity: 1; }

.services__bg.animate {
  -webkit-transform: translate(1000px, 0);
      -ms-transform: translate(1000px, 0);
          transform: translate(1000px, 0);
  opacity: 0; }

/*questions*/
.questions__bg {
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  opacity: 1; }

.questions__bg.animate {
  opacity: 0; }

.questions__header {
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0); }

.questions__header.animate {
  opacity: 0;
  -webkit-transform: translate(0, 100px);
      -ms-transform: translate(0, 100px);
          transform: translate(0, 100px); }

.questions__list {
  -webkit-transition-delay: .5s;
       -o-transition-delay: .5s;
          transition-delay: .5s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1; }

.questions__list.animate {
  opacity: 0;
  -webkit-transform: translate(0, 500px);
      -ms-transform: translate(0, 500px);
          transform: translate(0, 500px); }

.questions__form {
  -webkit-transition-delay: .5s;
       -o-transition-delay: .5s;
          transition-delay: .5s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1; }

.questions__form.animate {
  opacity: 0;
  -webkit-transform: translate(500px, 0);
      -ms-transform: translate(500px, 0);
          transform: translate(500px, 0); }

/*contacts*/
.contacts__bg {
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1; }

.contacts__bg.animate {
  -webkit-transform: translate(100px, 0);
      -ms-transform: translate(100px, 0);
          transform: translate(100px, 0);
  opacity: 0; }

.contacts__header {
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1; }

.contacts__header.animate {
  -webkit-transform: translate(0, 100px);
      -ms-transform: translate(0, 100px);
          transform: translate(0, 100px);
  opacity: 0; }

.contacts__adress, .contacts__mail, .contacts__row, .contacts__time, .contacts__req {
  -webkit-transition: .7s;
  -o-transition: .7s;
  transition: .7s;
  -webkit-transition-delay: .3s;
       -o-transition-delay: .3s;
          transition-delay: .3s;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1; }

.contacts__adress.animate, .contacts__mail.animate, .contacts__row.animate, .contacts__time.animate, .contacts__req.animate {
  -webkit-transform: translate(0, 150px);
      -ms-transform: translate(0, 150px);
          transform: translate(0, 150px);
  opacity: 0; }

@media (max-width: 1279px) {
  .animate, .animate_once, .animate .services__item, .animate .main-page__list-item {
    opacity: 1 !important;
    -webkit-transform: translate(0, 0) !important;
        -ms-transform: translate(0, 0) !important;
            transform: translate(0, 0) !important;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s; } }

/* End */


/* Start:/local/templates/stepmetall/assets/css/add.css?17507843361697*/
.sidebar__popup{
    font-size: 16px;
    line-height: 21px;
    color: black;
    text-decoration: underline;
}
.service__text-btn{
    text-decoration: underline;
    cursor: pointer;
    font-size: 16px;
}
.cart__message .input-label{
    display: block;
}
.contacts__team-img{
    flex-shrink: 0;
    object-position: top;
}
.service__content{
    position: relative;
}
@media(max-width:768px){
    .service__content, .service__container{
        height: auto;
    }

}
@media (max-width: 768px){
    .main-page__list-item {
        height: 100%;
        max-height: 170px;
    }
    .service__bg-mob-img{
        width: 100%;
    }
}
.goods__category::selection{
    background: red;
}
.goods__sub-title::selection{
    background: red;
}
.goods__sub-title::-moz-selection{
    background: red;
}
.goods__category::-moz-selection{
    background: red;
}


.callback-form__file-input{
    display: none;
}
.callback-form__file{
    display: flex;
    align-items: center;
}
.callback-form__file-img{
    margin-right: 10px;
    width: 13px;
    height: 21px;

}
.callback-form__file-label{
    text-decoration: underline;
    color:#0561FC;
    display:flex;
    align-items: center;
    cursor: pointer;
}
.callback-form__file-label:hover{
    opacity: 0.7;
}

/* контейнер политики конфиденциальности */
.content_wrapper{
	padding: 36px 24px 0 326px;
	max-width: 960px;
	line-height: 1.5rem;
}
.content_wrapper > *{
	padding-bottom: 14px;
}
@media(max-width:1360px){
	.content_wrapper{
		padding-left: 240px;
	}
}
@media(max-width:900px){
	.content_wrapper{
		padding-left: 190px;
	}
}
@media(max-width:768px){
	.content_wrapper{
		padding-left: 24px;
	}
}
/* End */


/* Start:/local/templates/stepmetall/components/bitrix/menu/main/style.min.css?1623764692490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/stepmetall/components/bitrix/menu/main/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/stepmetall/components/bitrix/menu/footer-menu/style.min.css?1623764692490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/stepmetall/components/bitrix/menu/footer-menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/stepmetall/components/bitrix/menu/popup-menu/style.min.css?1623764692490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/stepmetall/components/bitrix/menu/popup-menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/bitrix/components/niges/cookiesaccept/templates/.default/style.css?17508450992729*/
/* NIGES.COOKIESACCEPT */

.nca-cookiesaccept-line {
    font-size: inherit;
    font-family: inherit;
    line-height: 1;
    padding: 10px;
}


.nca-cookiesaccept-line.style-1 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-3 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-5 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-7 .nca-cookiesaccept-line-text {
    color:#111;
}
.nca-cookiesaccept-line.style-2 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-4 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-6 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-8 .nca-cookiesaccept-line-text {
    color:#eee;
}

.nca-cookiesaccept-line.style-1 {
    /* background-position: center;
    background-repeat: repeat-x;
	background-image: url(/bitrix/components/niges/cookiesaccept/templates/.default/images/style-1-2.svg);
    background-size: contain; */
    background-color: rgb(61, 168, 255); 
}

.nca-cookiesaccept-line.style-2 {
    background-color: rgb(13, 62, 102);
}


.nca-cookiesaccept-line.style-3 {
    background-color: rgb(197, 197, 197);
}

.nca-cookiesaccept-line.style-4 {
    background-color: rgb(71, 71, 71);
}

.nca-cookiesaccept-line.style-5 {
    background-color: rgb(61, 255, 158);
}

.nca-cookiesaccept-line.style-6 {
    background-color: rgb(9, 92, 50);
}

.nca-cookiesaccept-line.style-7 {
    background-color: rgb(84, 255, 61);
}

.nca-cookiesaccept-line.style-8 {
    background-color: rgb(92, 5, 5);
}

.nca-cookiesaccept-line.style-9 {
    background-color: rgb(203, 255, 61);
}

.nca-cookiesaccept-line.style-10 {
    background-color: rgb(70, 94, 4);
}

.nca-cookiesaccept-line.style-11 {
    background-color: rgb(255, 148, 61);
}

.nca-cookiesaccept-line.style-12 {
    background-color: rgb(138, 70, 14);
}

.nca-cookiesaccept-line.style-13 {
    background-color: rgb(255, 61, 61);
}

.nca-cookiesaccept-line.style-14 {
    background-color: rgb(119, 22, 22);
}

.nca-cookiesaccept-line.style-15 {
    background-color: rgb(255, 61, 152);
}

.nca-cookiesaccept-line.style-16 {
    background-color: rgb(85, 10, 45);
}

.nca-cookiesaccept-line.style-17 {
    background-color: rgb(83, 129, 255);
}

.nca-cookiesaccept-line.style-18 {
    background-color: rgb(6, 37, 122);
}

 
.nca-cookiesaccept-line.style-19 {
    background-color: rgb(255, 255, 255);
}

.nca-cookiesaccept-line.style-20 {
    background-color: rgb(0, 0, 0);
}
 

@media screen and (min-width:767.01px) {
	.nca-hidden-pc {display: none !important;}
}
@media screen and (max-width:767px) {
	.nca-hidden-mobile {display: none !important;}
}
/* End */
/* /local/templates/stepmetall/assets/css/libs.min.css?162376469213410 */
/* /local/templates/stepmetall/assets/css/main.css?1750860992112016 */
/* /local/templates/stepmetall/assets/css/add.css?17507843361697 */
/* /local/templates/stepmetall/components/bitrix/menu/main/style.min.css?1623764692490 */
/* /local/templates/stepmetall/components/bitrix/menu/footer-menu/style.min.css?1623764692490 */
/* /local/templates/stepmetall/components/bitrix/menu/popup-menu/style.min.css?1623764692490 */
/* /bitrix/components/niges/cookiesaccept/templates/.default/style.css?17508450992729 */