/* Start:/local/fix_adm.css?1764936438845*/
#tr_PROPERTY_11 .adm-detail-content-cell-l{
	display: block;
	font-weight: bold;
	width: 100%;
	text-align: center;
}

#tr_PROPERTY_11 .adm-detail-content-cell-r{
	width: 100%;
	display: block;
	max-width: 1000px;
}


#tr_PROPERTY_19 .adm-detail-content-cell-l{
	display: block;
	font-weight: bold;
	width: 100%;
	text-align: center;
}

#tr_PROPERTY_19 .adm-detail-content-cell-r{
	width: 100%;
	display: block;
	max-width: 1000px;
}




#tr_PROPERTY_30 .adm-detail-content-cell-l{
	display: block;
	font-weight: bold;
	width: 100%;
	text-align: center;
}

#tr_PROPERTY_30 .adm-detail-content-cell-r{
	width: 100%;
	display: block;
	max-width: 1000px;
}


td .hider{
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}

td span.unknown{
	background-color: red;	
}
td.error{
	
}
/* End */


/* Start:/local/templates/Main/assets/css/lib/lightbox.css?17655469193604*/
html.lb-disable-scrolling {
  overflow: hidden;
  /* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */
  position: fixed;
  height: 100vh;
  width: 100vw;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=45);
  opacity: 0.45;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lb-container{
	 
}
.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 0px;
 box-shadow: 0 19px 14px 0 rgba(0, 0, 0, 0.17);
  /* Image border */
  border: 2px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/local/templates/Main/assets/css/lib/../../../i/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(/local/templates/Main/assets/css/lib/../../../i/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(/local/templates/Main/assets/css/lib/../../../i/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
  display: none;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: none;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 27px;
  height: 27px;
  background: url(/local/templates/Main/assets/css/lib/../../../i/close_cross.png) top right no-repeat;
  text-align: right;
  outline: none;
  position: absolute;
  right: 30px;
  top: 30px;
  z-index: 20;
  cursor: pointer;
}


.lb-dataContainer{
	position: relative;	
}


/* End */


/* Start:/local/templates/Main/assets/css/lib/nice-select2.css?17655469193539*/
.nice-select{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#fff;border-radius:5px;border:solid 1px #e8e8e8;box-sizing:border-box;clear:both;cursor:pointer;display:block;float:left;font-family:inherit;font-size:14px;font-weight:normal;height:38px;line-height:36px;outline:none;padding-left:18px;padding-right:30px;position:relative;text-align:left !important;transition:all .2s ease-in-out;user-select:none;white-space:nowrap;width:auto}.nice-select:hover{border-color:#dbdbdb}.nice-select:active,.nice-select.open,.nice-select:focus{border-color:#999}.nice-select:after{border-bottom:2px solid #999;border-right:2px solid #999;content:"";display:block;height:5px;margin-top:-4px;pointer-events:none;position:absolute;right:12px;top:50%;transform-origin:66% 66%;transform:rotate(45deg);transition:all .15s ease-in-out;width:5px}.nice-select.open:after{transform:rotate(-135deg)}.nice-select.open .nice-select-dropdown{opacity:1;pointer-events:auto;transform:scale(1) translateY(0)}.nice-select.disabled{border-color:#ededed;color:#999;pointer-events:none}.nice-select.disabled:after{border-color:#ccc}.nice-select.wide{width:100%}.nice-select.wide .nice-select-dropdown{left:0 !important;right:0 !important}.nice-select.right{float:right}.nice-select.right .nice-select-dropdown{left:auto;right:0}.nice-select.small{font-size:12px;height:36px;line-height:34px}.nice-select.small:after{height:4px;width:4px}.nice-select.small .option{line-height:34px;min-height:34px}.nice-select .nice-select-dropdown{margin-top:4px;background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,68,68,.11);pointer-events:none;position:absolute;top:100%;left:0;transform-origin:50% 0;transform:scale(0.75) translateY(19px);transition:all .2s cubic-bezier(0.5, 0, 0, 1.25),opacity .15s ease-out;z-index:9;opacity:0}.nice-select .list{border-radius:5px;box-sizing:border-box;overflow:hidden;padding:0;max-height:210px;overflow-y:auto}.nice-select .list:hover .option:not(:hover){background-color:rgba(0,0,0,0) !important}.nice-select .option{cursor:pointer;font-weight:400;line-height:40px;list-style:none;outline:none;padding-left:18px;padding-right:29px;text-align:left;transition:all .2s}.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{background-color:#f6f6f6}.nice-select .option.selected{font-weight:bold}.nice-select .option.disabled{background-color:rgba(0,0,0,0);color:#999;cursor:default}.nice-select .optgroup{font-weight:bold}.no-csspointerevents .nice-select .nice-select-dropdown{display:none}.no-csspointerevents .nice-select.open .nice-select-dropdown{display:block}.nice-select .list::-webkit-scrollbar{width:0}.nice-select .has-multiple{white-space:inherit;height:auto;padding:7px 12px;min-height:36px;line-height:22px}.nice-select .has-multiple span.current{border:1px solid #ccc;background:#eee;padding:0 10px;border-radius:3px;display:inline-block;line-height:24px;font-size:14px;margin-bottom:3px;margin-right:3px}.nice-select .has-multiple .multiple-options{display:block;line-height:24px;padding:0}.nice-select .nice-select-search-box{box-sizing:border-box;width:100%;padding:5px;pointer-events:none;border-radius:5px 5px 0 0}.nice-select .nice-select-search{box-sizing:border-box;background-color:#fff;border:1px solid #e8e8e8;border-radius:3px;color:#444;display:inline-block;vertical-align:middle;padding:7px 12px;margin:0 10px 0 0;width:100%;min-height:36px;line-height:22px;height:auto;outline:0 !important;font-size:14px}

/*# sourceMappingURL=nice-select2.css.map*/
/* End */


/* Start:/local/templates/Main/assets/css/lib/owl.carousel.css?17655469194046*/
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .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;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 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-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {

    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .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 {
    -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 */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  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: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.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/Main/assets/css/lib/../../../../../Downloads/OwlCarousel2-2.2.1/dist/assets/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/* End */


/* Start:/local/templates/Main/assets/css/lib/sumoselect.css?17755445458966*/
.SumoSelect p {margin: 0;}
.SumoSelect{width: 200px;}



.sumoStopScroll{overflow:hidden;}

/* Filtering style */
.SumoSelect .hidden { display:none; }
.SumoSelect .search-txt{display:none;outline:none;}
.SumoSelect .no-match{display:none;padding: 6px;}
.SumoSelect.open .search-txt{display: inline-block;position: absolute;top: 0;left: 0;width: 100%;margin: 0;padding: 5px 8px;border: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 5px;}
.SumoSelect.open>.search>span, .SumoSelect.open>.search>label{visibility:hidden;}

/*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */
.SelectClass,.SumoUnder {cursor: pointer; position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.SelectClass{z-index: 1;}

    .SumoSelect > .optWrapper > .options  li.opt label, .SumoSelect > .CaptionCont,.SumoSelect .select-all > label { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

.SumoSelect { display: inline-block; position: relative;outline:none;cursor: pointer;}

    .SumoSelect > .CaptionCont { position: relative;  min-height:29px; margin:0;cursor: pointer;}
        .SumoSelect > .CaptionCont > span { display: block;font-size: 15px; line-height:29px; padding-left:11px;padding-right: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;border-bottom:1px solid #b2aac5;}
            /*placeholder style*/
            .SumoSelect > .CaptionCont > span.placeholder { color: #ccc; font-style: italic; }

        .SumoSelect > .CaptionCont > label { position: absolute; top: 0; right: 0; bottom: 0; width: 50px;}
            .SumoSelect > .CaptionCont > label > i {

                background-position: center center; width: 11px; height: 7px; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;background-repeat: no-repeat;}

    .SumoSelect > .optWrapper {display:none; z-index: 1000; top: 29px; width: 100%; position: absolute; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff;overflow: hidden;}
        .SumoSelect.open > .optWrapper {top:29px; display:block;}
        .SumoSelect.open > .optWrapper.up {top: auto;bottom: 100%;margin-bottom: 5px;}

        .SumoSelect > .optWrapper ul {list-style: none; display: block; padding: 0; margin: 0; overflow: auto;}
        .SumoSelect > .optWrapper > .options { border-radius: 2px;position:relative;
         /*Set the height of pop up here (only for desktop mode)*/
            max-height: 250px;
             /*height*/ }
         .SumoSelect > .optWrapper.okCancelInMulti > .options { border-radius: 2px 2px 0 0;}
         .SumoSelect > .optWrapper.selall > .options { border-radius: 0 0 2px 2px;}
         .SumoSelect > .optWrapper.selall.okCancelInMulti > .options { border-radius: 0;}
        .SumoSelect > .optWrapper > .options li.group.disabled > label{opacity:0.5;}
        .SumoSelect > .optWrapper > .options li ul li.opt{padding-left: 22px;}
        .SumoSelect > .optWrapper.multiple > .options li ul li.opt{padding-left: 50px;}
        .SumoSelect > .optWrapper.isFloating > .options {max-height: 100%;box-shadow: 0 0 100px #282828;}
        .SumoSelect > .optWrapper > .options  li.opt { padding: 6px 6px; position: relative;border-bottom: 1px solid #f5f5f5;}
            .SumoSelect > .optWrapper > .options > li.opt:first-child { border-radius: 2px 2px 0 0; }
            .SumoSelect > .optWrapper.selall > .options > li.opt:first-child { border-radius:0; }
            .SumoSelect > .optWrapper > .options > li.opt:last-child {border-radius: 0 0 2px 2px; border-bottom: none;}
            .SumoSelect > .optWrapper.okCancelInMulti > .options > li.opt:last-child {border-radius: 0;}
            .SumoSelect > .optWrapper > .options li.opt:hover { background-color: #E4E4E4; }
            .SumoSelect > .optWrapper > .options li.opt.sel, .SumoSelect .select-all.sel{background-color: #a1c0e4;}

            .SumoSelect > .optWrapper > .options li label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block;cursor: pointer;font-size: 15px;}
            .SumoSelect > .optWrapper > .options li span { display: none; }
            .SumoSelect > .optWrapper > .options li.group > label {cursor: default;padding: 8px 6px;font-weight: bold;}

        /*Floating styles*/
        .SumoSelect > .optWrapper.isFloating { position: fixed; top: 0; left: 0; right: 0; width: 90%; bottom: 0; margin: auto; max-height: 90%; }

    /*disabled state*/
    .SumoSelect > .optWrapper > .options li.opt.disabled { background-color: inherit;pointer-events: none;}
        .SumoSelect > .optWrapper > .options li.opt.disabled * { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; }


    /*styling for multiple select*/
    .SumoSelect > .optWrapper.multiple > .options li.opt { padding-left: 35px;cursor: pointer;}
        .SumoSelect > .optWrapper.multiple > .options li.opt span,
        .SumoSelect .select-all > span{position:absolute;display:block;width:30px;top:0;bottom:0;margin-left:-35px;}
            .SumoSelect > .optWrapper.multiple > .options li.opt span i,
            .SumoSelect .select-all > span i{position: absolute;margin: auto;left: 0;right: 0;top: 0;bottom: 0;width: 14px;height: 14px;border: 1px solid #AEAEAE;border-radius: 2px;box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);background-color: #fff;}
.SumoSelect > .optWrapper > .MultiControls { display: none; border-top: 1px solid #ddd; background-color: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.13); border-radius: 0 0 3px 3px; }
    .SumoSelect > .optWrapper.multiple.isFloating > .MultiControls { display: block; margin-top: 5px; position: absolute; bottom: 0; width: 100%; }

    .SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls { display: block; }
        .SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p { padding: 6px; }
        .SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p:focus {box-shadow: 0 0 2px #a1c0e4;border-color: #a1c0e4;outline: none;background-color: #a1c0e4;}

    .SumoSelect > .optWrapper.multiple > .MultiControls > p { display: inline-block; cursor: pointer; padding: 12px; width: 50%; box-sizing: border-box; text-align: center; }
        .SumoSelect > .optWrapper.multiple > .MultiControls > p:hover { background-color: #f1f1f1; }
        .SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk { border-right: 1px solid #DBDBDB; border-radius: 0 0 0 3px; }
        .SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel { border-radius: 0 0 3px 0; }
    /*styling for select on popup mode*/
    .SumoSelect > .optWrapper.isFloating > .options li.opt { padding: 12px 6px; }

    /*styling for only multiple select on popup mode*/
    .SumoSelect > .optWrapper.multiple.isFloating > .options li.opt { padding-left: 35px; }
    .SumoSelect > .optWrapper.multiple.isFloating { padding-bottom: 43px; }

    .SumoSelect > .optWrapper.multiple > .options li.opt.selected span i,
    .SumoSelect .select-all.selected > span i,
    .SumoSelect .select-all.partial > span i{background-color: rgb(17, 169, 17);box-shadow: none;border-color: transparent;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');background-repeat: no-repeat;background-position: center center;}
    /*disabled state*/
    .SumoSelect.disabled { opacity: 0.7;cursor: not-allowed;}
     .SumoSelect.disabled > .CaptionCont{border-color:#ccc;box-shadow:none;}

    /**Select all button**/
    .SumoSelect .select-all{border-radius: 3px 3px 0 0;position: relative;border-bottom: 1px solid #ddd;background-color: #fff;padding: 8px 0 3px 35px;height: 20px;cursor: pointer;}
    .SumoSelect .select-all > label, .SumoSelect .select-all > span i{cursor: pointer;}
    .SumoSelect .select-all.partial > span i{background-color:#ccc;}


     /*styling for optgroups*/
    .SumoSelect > .optWrapper > .options li.optGroup { padding-left: 5px; text-decoration: underline; }


.SumoSelect.open{
    background-color: #fff;
}
/* End */


/* Start:/local/templates/Main/assets/css/lib/swiper-bundle.min.css?176589747013871*/
/**
 * Swiper 12.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Released under the MIT License
 *
 * Released on: October 21, 2025
 */

:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}
/* End */


/* Start:/local/templates/Main/assets/css/bundle/main.1d036587c7.css?177572782438859*/
:root{--color-main:#333333;--color-black:#000;--color-white:#FFF;--color-gray-superlight:#F9FAFA;--color-gray-lighter:#F3F3F3;--color-gray-light:#909090;--color-gray-dark:#262824;--color-orange:#FF6600;--color-orange-hover:#F55A00;--transition-duration:0.3s}@font-face{font-family:icomoon;src:url(/local/templates/Main/assets/fonts/Icomoon/IcomoonAction.woff?947k91) format("woff");font-weight:400;font-style:normal}@font-face{font-family:icomoon_icon;src:url(/local/templates/Main/assets/fonts/Icomoon/IcomoonIcon.woff?812vmk) format("woff");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Circe;src:url(/local/templates/Main/assets/fonts/Circe/Circe-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Circe;src:url(/local/templates/Main/assets/fonts/Circe/Circe-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Circe;src:url(/local/templates/Main/assets/fonts/Circe/Circe-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Circe;src:url(/local/templates/Main/assets/fonts/Circe/Circe-ExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:"Gotham Pro";src:url(/local/templates/Main/assets/fonts/GothamPro/GothamPro.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Gotham Pro";src:url(/local/templates/Main/assets/fonts/GothamPro/GothamPro-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Gotham Pro";src:url(/local/templates/Main/assets/fonts/GothamPro/GothamPro-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Gotham Pro";src:url(/local/templates/Main/assets/fonts/GothamPro/GothamPro-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}a:active,a:hover{outline:0}table{border-collapse:collapse;border-spacing:0}html{scroll-behavior:smooth}button{cursor:pointer}:root{--color-main:#333333;--color-black:#000;--color-white:#FFF;--color-gray-superlight:#F9FAFA;--color-gray-lighter:#F3F3F3;--color-gray-light:#909090;--color-gray-dark:#262824;--color-orange:#FF6600;--color-orange-hover:#F55A00;--transition-duration:0.3s}.accent{font-family:Circe,sans-serif;font-weight:400;font-size:40px;line-height:normal}@media (max-width:1023px){.accent{font-size:36px}}@media (max-width:767px){.accent{font-size:28px}}.headline1{font-family:Circe,sans-serif;font-weight:400;font-size:24px;line-height:100%}.headline2{font-family:Circe,sans-serif;font-weight:400;font-size:19px;line-height:120%;letter-spacing:.1px}.headline3{font-family:Circe,sans-serif;font-weight:400;font-size:17px;line-height:120%;letter-spacing:.1px}.headline4{font-family:Circe,sans-serif;font-weight:700;font-size:15px;line-height:normal;letter-spacing:.1px}.paragraph{font-family:Circe,sans-serif;font-weight:400;font-size:15px;line-height:normal;letter-spacing:.1px}.paragraph-lead{font-family:Circe,sans-serif;font-weight:400;font-size:17px;line-height:normal;letter-spacing:.1px}.small{font-family:Circe,sans-serif;font-weight:400;font-size:13px;line-height:normal;letter-spacing:.1px}#element_detail:after{display:none!important}.product-detail{--border-bottom:2px solid rgba(151, 151, 151, 0.2);display:flex;justify-content:space-between;gap:50px}.product-detail *{letter-spacing:0;line-height:normal}@media (max-width:1023px){.product-detail{flex-direction:column;gap:36px}}.product-detail:has(+.product-detail-more){margin-bottom:50px}@media (max-width:1023px){.product-detail:has(+.product-detail-more){margin-bottom:20px}}.product-detail__left{flex:0 0 550px;min-width:0}@media (max-width:1023px){.product-detail__left{position:relative;flex-basis:auto}}.product-detail__left .works{text-align:center;margin-top:20px}@media (max-width:1023px){.product-detail__left .works{position:absolute;z-index:1;width:100%;bottom:10px;margin-top:0;padding:0 10px}}.product-detail__right{flex:1 1 auto}@media (max-width:1023px){.product-detail__right{display:flex;flex-direction:column}}.product-detail__title{font-size:24px;font-weight:700;font-style:normal;line-height:normal;letter-spacing:normal;text-wrap:balance;color:var(--color-main)}.product-detail__title:not(:last-child){margin-bottom:20px}@media (max-width:1023px){.product-detail__title{order:1}}.product-detail__button-slider.achieve-button{padding-right:5px}.product-detail__icon-button-slider{display:flex;align-items:center;justify-content:center;flex:0 0 16px;width:16px;height:16px}.product-detail__row-slice{display:flex;flex-wrap:wrap;gap:30px}.product-detail__row-slice:not(:last-child){margin-bottom:30px}@media (max-width:1023px){.product-detail__row-slice{order:3;flex-direction:column-reverse;gap:20px}.product-detail__row-slice:not(:last-child){margin-bottom:0}}.product-detail__left-slice{flex:1 1 calc((100% - 30px)/ 2)}@media (max-width:1023px){.product-detail__left-slice{display:none}}.product-detail__right-slice{flex:1 1 calc((100% - 30px)/ 2);padding:20px;border-radius:2px;background-color:var(--color-gray-lighter)}.product-detail__title-slice-left{font-weight:700;font-size:14px;color:var(--color-main)}.product-detail__title-slice-left:not(:last-child){margin:0 0 8px 0}.product-detail__list:not(:last-child){margin-bottom:20px}.product-detail__info{display:inline-flex;flex-direction:column;align-items:flex-start;gap:10px}.product-detail__button-info{min-width:260px}.product-detail__button-info.achieve-button{padding-right:5px;text-align:left;justify-content:space-between}.product-detail__text-button-info{line-height:100%}.product-detail__icon-button-info{display:flex;align-items:center;justify-content:center;flex:0 0 16px;width:16px;height:16px}.product-detail__title-slice-right{font-weight:700;font-size:18px;text-align:center}.product-detail__title-slice-right.orange{color:var(--color-orange)}.product-detail__title-slice-right .orange{color:var(--color-orange)}.product-detail__order-button{width:100%;min-width:200px}.product-detail__order-button.button{font-weight:400}.product-detail__order-button:not(:first-child){margin-top:15px}.product-detail__order-button:not(:last-child){margin-bottom:15px}@media (max-width:1023px){.product-detail__order-button{margin-left:auto;margin-right:auto}}.product-detail__contact-button{width:100%}.product-detail__contact-button:not(:last-child){margin-bottom:20px}@media (max-width:1023px){.product-detail__group-slice{order:2;margin-bottom:20px}}.product-detail__spoiler-slice.open .product-detail__icon-button-spoiler{transform:rotate(90deg) scaleX(-1)}.product-detail__spoiler-slice.open .product-detail__hidden-text-button{opacity:0}.product-detail__spoiler-slice.open .product-detail__visible-text-button{opacity:1}.product-detail__spoiler-slice:not(:last-child){margin-bottom:15px}.product-detail__slice{position:relative}.product-detail__slice:not(:last-child){margin-bottom:15px}.product-detail__slice--hidden{display:none}.product-detail__title-slice{font-size:14px;font-weight:400;font-style:normal;font-stretch:normal;letter-spacing:.3px}.product-detail__title-slice:not(:last-child){margin-bottom:5px}@media (max-width:1023px){.product-detail__title-slice:not(:last-child){margin-bottom:5px}}.product-detail__row.swiper{overflow:visible}.product-detail__row>.swiper-wrapper{display:flex;flex-wrap:wrap;gap:10px}@media (max-width:1023px){.product-detail__row>.swiper-wrapper{flex-wrap:nowrap;gap:0}}.product-detail__row .achieve-button{width:auto;padding:5px 16px;line-height:100%}@media (max-width:1023px){.product-detail__row .achieve-button:not(:last-child){margin-right:10px}}.product-detail__wrap-img{width:auto}@media (max-width:1023px){.product-detail__wrap-img{margin-right:10px}}.product-detail__wrap-img .product-detail__img:not(:last-child){margin-right:0}.product-detail__wrap-img .product-detail__img.active{position:static}.product-detail__img-button{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;background-color:transparent;cursor:pointer;transform:translateY(-22px)}.product-detail__img-button>span{display:flex;align-items:center;justify-content:center;width:12px;height:12px;border:1px solid #656668;border-radius:50%}.product-detail__img{display:block;flex:0 0 82px;width:82px;height:62px;cursor:pointer}.product-detail__img.active{position:relative}.product-detail__img.active::before{content:"";position:absolute;top:50%;left:50%;width:calc(100% + 5px);height:calc(100% + 5px);border:2px solid var(--color-gray-light);border-radius:2px;transform:translate(-50%,-50%)}@media (max-width:1023px){.product-detail__img:not(:last-child){margin-right:10px}}.product-detail__img img{width:82px;height:62px;-o-object-fit:cover;object-fit:cover;border-radius:2px}.product-detail__img:has(+.product-detail__more--desktop){margin-right:0}.product-detail__description-slice{font-size:14px;font-weight:400;font-style:normal;font-stretch:normal;letter-spacing:.2px}.product-detail__description-slice:not(:last-child){margin-bottom:10px}.product-detail__param-title{font-size:19px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.47;letter-spacing:.3px;margin-bottom:4px}.product-detail__button-spoiler{position:relative}.product-detail__button-spoiler.achieve-button{padding:5px 16px;text-align:left}.product-detail__text-button-spoiler{position:relative;line-height:100%}.product-detail__hidden-text-button{display:inline-block;min-width:190px;line-height:100%}.product-detail__visible-text-button{position:absolute;left:0;line-height:100%;opacity:0}.product-detail__icon-button-spoiler{display:flex;align-items:center;justify-content:center;flex:0 0 16px;width:16px;height:16px;transform:rotate(90deg);transition:transform .3s ease 0s}.product-detail-mark{display:flex;flex-direction:column;gap:5px}.product-detail-mark__item{display:flex;gap:5px;align-items:center}.product-detail-mark__icon{flex:0 0 16px;height:16px;display:flex;align-items:center;justify-content:center}.product-detail-mark__text{font-weight:400;line-height:100%;font-size:14px;letter-spacing:unset}.product-detail-more{--gap:50px;--column-count:3;padding:30px 0;border-top:1px solid var(--color-main)}@media (max-width:1023px){.product-detail-more{--gap:20px;--column-count:1;padding:20px 0}}.product-detail-more__scroll-block{position:relative;top:-100px}@media (max-width:1023px){.product-detail-more__scroll-block{top:-130px}}.product-detail-more__wrap{display:flex;flex-wrap:wrap;gap:var(--gap)}.product-detail-more__spoiler{flex:0 0 calc((100% - var(--gap) * (var(--column-count) - 1))/ var(--column-count))}.product-detail-more__spoiler.open .product-detail-more__icon-button{transform:rotate(90deg) scale(-1)}.product-detail-more__spoiler.open .product-detail-more__content--paragraph{max-height:2000px}.product-detail-more__spoiler.open .product-detail-more__hidden-text-button{opacity:0}.product-detail-more__spoiler.open .product-detail-more__visible-text-button{opacity:1}.product-detail-more__title{font-weight:700;letter-spacing:.3px;line-height:150%;font-size:19px}.product-detail-more__title:not(:last-child){margin-bottom:20px}@media (max-width:1023px){.product-detail-more__title{font-size:16px}.product-detail-more__title:not(:last-child){margin-bottom:10px}}.product-detail-more__content{font-weight:400;line-height:150%;letter-spacing:.2px;font-size:14px}.product-detail-more__content--paragraph{max-height:63px;overflow:hidden}.product-detail-more__content .dotted-row__left,.product-detail-more__content .dotted-row__right{line-height:100%;letter-spacing:-.3px}.product-detail-more__hidden{display:none}.product-detail-more__hidden:not(:first-child){padding:5px 0 0 0}.product-detail-more__hidden--dotted:not(:first-child){padding:10px 0 0 0}.product-detail-more__button:not(:first-child){margin-top:10px}.product-detail-more__button--text.achieve-button{display:none}.product-detail-more__button.achieve-button{padding-right:5px}.product-detail-more__text-button{position:relative;line-height:100%}.product-detail-more__hidden-text-button{line-height:100%}.product-detail-more__visible-text-button{position:absolute;left:0;line-height:100%;opacity:0}.product-detail-more__icon-button{display:flex;align-items:center;justify-content:center;flex:0 0 16px;width:16px;height:16px;transform:rotate(90deg)}.swiper{--swiper-pagination-color:#909090;--swiper-pagination-bullet-inactive-color:#E6E6E6;--swiper-pagination-bullet-inactive-opacity:1}.swiper-part{position:absolute;inset:0;display:flex;z-index:2}@media (max-width:767px){.swiper-part{pointer-events:none}}.swiper-part__item{flex:1}.product-swiper{--swiper-pagination-bottom:-25px;width:100%;height:220px;margin-bottom:30px;overflow:visible}.product-swiper.swiper{overflow:visible}.product-swiper:not(.swiper-initialized){overflow:hidden}.product-swiper img{display:flex;align-items:center;justify-content:center;background:var(--color-white);width:100%;height:100%;color:var(--color-gray-dark);-o-object-fit:cover;object-fit:cover}.other-slider{--swiper-pagination-color:#FF6600;--swiper-pagination-bullet-inactive-color:#E6E6E6;--swiper-pagination-bullet-inactive-opacity:1;position:relative;width:920px;margin:0 auto 30px auto}@media (max-width:1367px){.other-slider{width:800px}}@media (max-width:1023px){.other-slider{width:500px}}@media (max-width:767px){.other-slider{width:100%;max-width:290px}}.other-slider__pagination.other-slider__pagination{position:absolute;bottom:-45px}.other-slider>.swiper-button{position:absolute;top:50%;z-index:11;transform:translateY(-50%);cursor:pointer;transition:opacity .3s ease}@media (max-width:767px){.other-slider>.swiper-button{top:auto;bottom:-62px}}.other-slider__button-prev{left:-100px}@media (max-width:1367px){.other-slider__button-prev{left:-70px}}@media (max-width:767px){.other-slider__button-prev{left:0}}.other-slider__button-next{right:-100px}@media (max-width:1367px){.other-slider__button-next{right:-70px}}@media (max-width:767px){.other-slider__button-next{right:0}}.other-slider>.swiper-button-disabled{opacity:0;pointer-events:none}.other-swiper{width:100%}.other-swiper>.swiper-wrapper{align-items:stretch}.other-swiper>.swiper-wrapper>.swiper-slide{height:auto}.other-swiper>.swiper-wrapper>.swiper-slide>div{height:100%}.other-swiper:not(.swiper-initialized)~.swiper-button{opacity:0;pointer-events:none}.other-swiper:not(.swiper-initialized)>.swiper-wrapper>.swiper-slide{width:calc((100% - 50px)/ 3);margin-right:25px}@media (max-width:1023px){.other-swiper:not(.swiper-initialized)>.swiper-wrapper>.swiper-slide{width:calc((100% - 25px)/ 2)}}@media (max-width:767px){.other-swiper:not(.swiper-initialized)>.swiper-wrapper>.swiper-slide{width:100%}}.detail-slider{position:relative;margin-bottom:15px}@media (max-width:1023px){.detail-slider{margin-bottom:0}}.detail-slider .swiper-button{position:absolute;top:50%;width:30px;height:30px;z-index:1;transform:translateY(-50%);cursor:pointer;opacity:1;transition:opacity var(--transition-duration) ease,background-color var(--transition-duration)}.detail-slider__button-next,.detail-slider__button-prev{display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border:.5px solid var(--color-gray-lighter);border-radius:50%;background-color:var(--color-white);overflow:hidden;box-shadow:0 3px 6px 0 rgba(0,0,0,.1)}@media (any-hover:hover){.detail-slider__button-next:hover,.detail-slider__button-prev:hover{background-color:var(--color-gray-lighter)}}.detail-slider__button-prev{left:10px}.detail-slider__button-prev img{transform:rotate(180deg)}@media (max-width:1023px){.detail-slider__button-prev{display:none}}.detail-slider__button-next{right:10px}@media (max-width:1023px){.detail-slider__button-next{display:none}}.detail-slider .swiper-button-disabled{opacity:0;pointer-events:none}.detail-swiper{width:100%;height:420px}@media (max-width:1023px){.detail-swiper{height:300px;overflow:visible}}@media (max-width:767px){.detail-swiper{height:270px}}.detail-swiper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.detail-swiper:not(.swiper-initialized)~.swiper-button{opacity:0;pointer-events:none}@media (max-width:1023px){.detail-swiper .swiper-slide{border:1px solid #e7e7e7}}.detail-swiper__thumbnail{--card-col:5;display:flex;justify-content:center;width:100%;height:106px}@media (max-width:1023px){.detail-swiper__thumbnail{display:none}}.detail-swiper__thumbnail .swiper-wrapper{width:auto;max-width:100%}.detail-swiper__thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;cursor:pointer;position:relative;z-index:2}.detail-swiper__thumbnail .swiper-slide{padding:5px}.detail-swiper__thumbnail .swiper-slide::before{border:2px solid var(--swiper-pagination-color);border-radius:2px;opacity:0;content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;box-sizing:border-box;transition:opacity .3s ease}.detail-swiper__thumbnail .swiper-slide-thumb-active::before{opacity:1}.detail-swiper__thumbnail:not(.swiper-initialized) .swiper-slide{padding:8px;width:calc((546px - (var(--card-col) - 1) * 4px)/ var(--card-col));margin-right:4px}@media (max-width:1023px){.detail-swiper__thumbnail:not(.swiper-initialized) .swiper-slide{width:calc((400px - (var(--card-col) - 1) * 4px)/ var(--card-col))}}@media (max-width:767px){.detail-swiper__thumbnail:not(.swiper-initialized) .swiper-slide{width:calc((100vw - 40px - (var(--card-col) - 1) * 4px)/ var(--card-col))}}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:5px 10px;border:none;border-radius:2px;background-color:var(--color-orange);font-weight:700;font-family:inherit;font-size:16px;letter-spacing:0;text-align:center;color:var(--color-white);transition:all .3s ease 0s;cursor:pointer}@media (any-hover:hover){.button:hover{background-color:var(--color-orange-hover);color:var(--color-white)}}.button:disabled{opacity:0;pointer-events:none}.button--outline-gray{border:1px solid var(--color-gray-lighter);background-color:var(--color-white);color:var(--color-black)}@media (any-hover:hover){.button--outline-gray:hover{border-color:var(--color-gray-light);color:var(--color-black)}}.button--gray{border:1px solid var(--color-gray-superlight);background-color:var(--color-gray-superlight);box-shadow:unset;color:var(--color-black)}@media (any-hover:hover){.button--gray:hover{border-color:var(--color-gray-light);background-color:var(--color-gray-light);color:var(--color-white)}}.button--outline-orange{background-color:transparent;border:1px solid var(--color-orange);color:var(--color-black)}@media (any-hover:hover){.button--outline-orange:hover{background-color:transparent;border-color:var(--color-orange-hover);color:var(--color-black)}}.achieve-button{display:inline-flex;gap:5px;align-items:center;justify-content:center;min-height:30px;padding:5px 10px;border:2px solid transparent;border-radius:100px;background-color:var(--color-gray-lighter);font-family:inherit;font-weight:400;font-size:14px;letter-spacing:0;text-align:center;white-space:nowrap;line-height:100%;color:var(--color-black);transition:border-color var(--transition-duration) ease 0s;cursor:pointer}.achieve-button:hover{color:inherit}@media (any-hover:hover){.achieve-button:hover{color:var(--color-black);border-color:var(--color-gray-light)}}.achieve-button.active{border-color:var(--color-gray-light)}.achieve-button:has(.achieve-button__icon){padding-right:5px}.achieve-button__icon{display:flex;align-items:center;justify-content:center;flex:0 0 16px;width:16px;height:16px}.dotted-row{display:flex;align-items:flex-end;gap:5px;font-size:14px;color:var(--color-main)}.dotted-row::before{content:"";flex:1 1 auto;order:2;min-width:50px;border-bottom:1px dashed #ddd;margin-bottom:2px}.dotted-row:not(:last-child){margin-bottom:10px}.dotted-row__left{line-height:100%;order:1;flex-shrink:0}.dotted-row__right{line-height:100%;order:3;text-align:right;text-wrap:balance;word-break:break-word}.header-callback{display:flex;gap:20px}.menu-item{padding:0 25px!important}.search{position:relative}@media (max-width:1023px){.search{display:none}}.search-area{display:flex}.search-area__input{width:250px;height:50px;border:0;padding:0 15px;font-family:Circe,sans-serif;font-size:17px}@media (max-width:1023px){.search-area__input{flex-grow:1}}.search-area__submit{width:120px;border-radius:0;border:0;background:#f60;color:#fff;font-weight:600;font-size:16px;cursor:pointer}.search-page .search-area{margin-bottom:30px}.search-page h1{font-size:36px;margin-bottom:24px}.search-page .search-area__input{width:100%;max-width:400px;background:var(--color-gray-lighter)}.search-not-found{display:block;width:100%;max-width:515px;margin-top:40px;margin-bottom:200px;font-weight:600}.search-modal{background:var(--color-gray-lighter);padding:20px;position:absolute;right:0;top:calc(100% + 12px);border-radius:2px;border-top:4px solid var(--color-orange);box-shadow:2px 4px 23px 0 rgba(0,0,0,.2);transform-origin:top right;transform:scale(0);opacity:0;transition:transform .2s ease,opacity .3s ease}@media (max-width:1023px){.search-modal{position:static;padding:0;border:unset;opacity:1;transform:scale(1);box-shadow:unset;transition:unset}}.search-modal.active{transform:scale(1);opacity:1}.search-modal h4{font-size:13px;margin-bottom:15px}.search-btn{padding:0 22px 0 20px!important;transition:all .3s ease!important}@media (max-width:1023px){.search-btn.search-btn--desktop{display:none}}.search-btn.active{background:var(--color-orange)}.search-btn.active span{color:var(--color-white)}.search-btn.active path{fill:var(--color-white)}@media (max-width:1023px){.search-btn span{color:var(--color-white)!important}}:root{--color-main:#333333;--color-black:#000;--color-white:#FFF;--color-gray-superlight:#F9FAFA;--color-gray-lighter:#F3F3F3;--color-gray-light:#909090;--color-gray-dark:#262824;--color-orange:#FF6600;--color-orange-hover:#F55A00;--transition-duration:0.3s}.modal-main{--top-indent-height:40px;position:fixed;z-index:10000;top:0;left:0;width:100%;height:100dvh;display:none}.modal-main.modal-product-info .modal-main__content{padding:15px 15px 30px 15px}.modal-main.mobile-search .modal-main__content{background:var(--color-gray-lighter)}.modal-main__shadow{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:none}.modal-main__inner{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 20px;display:flex;justify-content:center;align-items:center}@media (max-width:1023px){.modal-main__inner{align-items:flex-end;padding:0;transition:all .3s ease-in-out}}.modal-main__section{position:relative;z-index:2;max-width:1282px;width:70dvw;border-top:4px solid var(--color-orange);background:var(--color-white)}@media (max-width:1023px){.modal-main__section{width:100%}}.modal-main__section::before{content:"";position:absolute;z-index:1;top:calc(100% - 1px);left:0;width:100%;height:300px;background:var(--color-gray-lighter)}.modal-main__scroll{max-height:70dvh;overflow-y:auto}@media (max-width:1023px){.modal-main__scroll{max-height:calc(100dvh - var(--top-indent-height));padding-top:0;overflow-y:auto}}.modal-main__content{padding:20px}.modal-main__close{position:absolute;right:10px;top:10px;width:36px;height:36px;border-radius:50%;background-color:rgba(255,255,255,.9);cursor:pointer}.modal-main__close:hover{background-position:55% center}.modal-main__close:after,.modal-main__close:before{content:"";position:absolute;width:20px;height:3px;background:var(--color-black);border-radius:2px;left:8px;top:16px}.modal-main__close:before{transform:rotate(45deg)}.modal-main__close:after{transform:rotate(-45deg)}@media (max-width:1023px){.modal-main__close--desktop{display:none}}.modal-main__close--tabletMax{display:none}@media (max-width:1023px){.modal-main__close--tabletMax{display:block}}.modal-main__shadow-close{position:absolute;right:20px;top:20px;width:36px;height:36px;z-index:10}:root{--color-main:#333333;--color-black:#000;--color-white:#FFF;--color-gray-superlight:#F9FAFA;--color-gray-lighter:#F3F3F3;--color-gray-light:#909090;--color-gray-dark:#262824;--color-orange:#FF6600;--color-orange-hover:#F55A00;--transition-duration:0.3s}.contact-block{display:flex;background:var(--color-white)}@media (max-width:1023px){.contact-block{flex-direction:column}}.contact-block__map{display:block;width:640px}@media (max-width:1367px){.contact-block__map{width:calc(50% - 60px);max-width:600px}}@media (max-width:1023px){.contact-block__map{order:2;width:100%;max-width:100%}}@media (max-width:1023px){.contact-block__map .bx-yandex-map{max-height:400px}}@media (max-width:767px){.contact-block__map .bx-yandex-map{max-height:300px}}.contact-block__toggle{display:flex;gap:25px;margin:20px 0;padding:5px 0}.contact-block__toggle-btn{background:0 0;border:0;position:relative;padding:0;color:var(--color-gray-dark);cursor:pointer}.contact-block__toggle-btn::before{content:"";display:block;width:100%;height:2px;background:var(--color-orange);position:absolute;left:0;bottom:-5px;opacity:0;transition:opacity var(--transition-duration) ease}.contact-block__list{display:none;flex-direction:column;gap:10px;opacity:1}.contact-block__list-item{display:flex;align-items:center;gap:10px;color:var(--color-gray-dark)}.contact-block__list-item a{color:var(--color-gray-dark)}.contact-block__btn{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}.contact-block__btn--show{padding:0 15px;font-weight:400}@media (max-width:767px){.contact-block__btn--show{width:100%}}.contact-block__btn--route{display:none;padding:0 15px;font-weight:400}@media (max-width:767px){.contact-block__btn--route{width:100%}}.contact-block__btn--call{width:240px;font-weight:400}@media (max-width:767px){.contact-block__btn--call{width:100%}}.contact-block__info{padding:50px;flex:1}@media (max-width:1023px){.contact-block__info{order:1;padding:50px 30px}}.contact-block__info[data-city=spb] .contact-block__toggle-btn[data-value=spb]::before{opacity:1}.contact-block__info[data-city=spb] [data-value=spb]{display:flex;opacity:1}.contact-block__info[data-city=msk] .contact-block__toggle-btn[data-value=msk]::before{opacity:1}.contact-block__info[data-city=msk] [data-value=msk]{display:flex;opacity:1}:root{--color-main:#333333;--color-black:#000;--color-white:#FFF;--color-gray-superlight:#F9FAFA;--color-gray-lighter:#F3F3F3;--color-gray-light:#909090;--color-gray-dark:#262824;--color-orange:#FF6600;--color-orange-hover:#F55A00;--transition-duration:0.3s}.main-block{background:var(--color-white);padding:20px 0 40px 0;margin-bottom:60px}@media (max-width:767px){.main-block{padding:15px 0}}.main-block__link{display:flex;flex-wrap:wrap;gap:10px}.main-block__link a{width:calc((100% - 10px)/ 2);border-radius:3px;overflow:hidden}.main-block__link img{width:100%;height:100%}.main-block__slider{overflow:visible}.main-block__slider-item{flex:0 0 350px}.main-block__info{display:flex;justify-content:center;background-image:linear-gradient(275deg,rgba(0,0,0,.1) 0,rgba(0,0,0,0) 45%,rgba(0,0,0,.1) 100%);padding:30px 0;margin-top:10px;gap:40px;border-radius:3px}@media (max-width:767px){.main-block__info{flex-direction:column;align-items:center;gap:20px;padding:20px 0}}.main-block__info-text{text-transform:uppercase;display:flex;align-items:flex-end;flex-direction:column;font-weight:700;font-size:20px;line-height:120%}@media (max-width:767px){.main-block__info-text{align-items:center}}.main-block__info-text .orange{color:var(--color-orange)}.main-block__info-btn{padding:0 25px;font-weight:400}.main-block .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:5px 15px;border:none;border-radius:2px;background-color:var(--color-orange);font-weight:700;font-family:inherit;font-size:16px;letter-spacing:0;text-align:center;color:var(--color-white);transition:all .3s ease 0s;cursor:pointer;flex:none!important}.detail-info-popup{background-color:#fff;padding:15px;box-shadow:0 4px 14px 0 rgba(0,0,0,.1)}@media (max-width:1023px){.detail-info-popup{box-shadow:unset;padding:0 0 15px 0}}.detail-info-popup__img:not(:last-child){margin-bottom:30px}.detail-info-popup__img img{width:100%;max-width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.detail-info-popup__title{font-weight:400;font-size:19px;text-wrap:balance;text-align:center}.detail-info-popup__title:not(:last-child){margin-bottom:10px}.detail-info-popup__list:not(:last-child){margin-bottom:10px}.detail-info-popup__price{width:100%;font-weight:400;pointer-events:none}.detail-info-popup__price:not(:last-child){margin-bottom:30px}.detail-info-popup__control{display:flex;justify-content:center;gap:10px;margin-top:30px}.detail-info-popup__slider-btn{flex:0 0 30px;width:30px;height:30px}.detail-info-popup__slider-btn.swiper-button-lock{display:none}.detail-info-popup__slider-btn:first-child img{transform:rotate(-180deg);margin-right:2px}.detail-info-popup__slider-btn:last-child img{margin-left:2px}.detail-info-popup__slider-btn.achieve-button{padding:0}.detail-info-popup__slider-btn.swiper-button-disabled{pointer-events:none;opacity:.6}[data-theme=modal-product] .tippy-content{padding:0}.design-project{--count:2;--gap:20px;display:flex;align-items:stretch;gap:var(--gap);margin:0 0 60px 0;background:var(--color-white)}@media (max-width:1023px){.design-project{--gap:10px;margin:0 0 40px 0}}@media (max-width:767px){.design-project{--count:1;--gap:0;flex-direction:column}}.design-project.reverse{flex-direction:row-reverse}@media (max-width:767px){.design-project.reverse{flex-direction:column}}.design-project__img{width:calc((100% - var(--gap))/ var(--count));height:auto;-o-object-fit:cover;object-fit:cover}.design-project__info{padding:50px;width:calc((100% - var(--gap))/ var(--count))}@media (max-width:1023px){.design-project__info{padding:30px 20px}}@media (max-width:767px){.design-project__info{padding:20px 15px}}.design-project__title{font-weight:600;line-height:100%;margin-bottom:20px}.design-project__text{margin:10px 0;line-height:150%}.design-project__benefits{display:flex;flex-direction:column;gap:5px}.design-project__benefits-item{padding-left:20px;position:relative}.design-project__benefits-item.is-hidden{display:none}.design-project__benefits-item::before{content:"";display:block;width:16px;height:16px;position:absolute;left:0;top:12px;transform:translateY(-50%);background:url(/local/templates/Main/image/check-color-orange.svg) center no-repeat}.design-project__more{margin-top:15px}.design-project__more.is-expanded img{transform:rotate(-90deg)}.design-project__more img{transition:transform .3s ease;transform:rotate(90deg)}.design-project__price{margin:20px 0;line-height:normal;white-space:nowrap}.design-project__action{display:flex;gap:30px;align-items:center}@media (max-width:767px){.design-project__action{flex-direction:column;gap:20px}}.design-project__connection{display:flex;gap:30px;align-items:center}.design-project__btn.btn{height:44px;line-height:44px;padding:0 58px}@media (max-width:767px){.design-project__btn.btn{width:100%}}.design-project__call,.design-project__email{height:32px}.document-project{position:relative;margin:60px 0}@media (max-width:1023px){.document-project{margin:40px 0}}.document-project__img{display:block;background:#000;width:100%;height:640px;position:relative}@media (max-width:1023px){.document-project__img{height:450px}}@media (max-width:767px){.document-project__img{height:335px}}.document-project__img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.document-project__img::before{content:"";display:block;width:calc(100% - 40px);height:calc(100% - 40px);border:3px solid rgba(255,255,255,.75);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.document-project__info{background:rgba(255,255,255,.75);position:absolute;bottom:40px;left:50%;transform:translateX(-50%);width:80%;max-width:770px;padding:20px}@media (max-width:767px){.document-project__info{position:static;transform:none;width:100%;max-width:100%;padding:30px 15px}}.document-project__action{display:flex;gap:15px;justify-content:space-between;margin-top:20px}@media (max-width:1023px){.document-project__action{flex-direction:column}}@media (max-width:767px){.document-project__action{flex-direction:column;gap:20px}}.document-project__title{font-weight:700;line-height:115%}.document-project__text{flex:1}.document-project__btn.btn{height:44px;line-height:44px;display:flex;gap:5px;align-items:center;justify-content:center;font-size:16px;font-weight:400}.example-project{margin:60px 0}@media (max-width:1023px){.example-project{margin:40px 0}}.example-project__title{font-weight:700;margin:0 50px;line-height:115%}@media (max-width:1023px){.example-project__title{margin:0 30px}}@media (max-width:767px){.example-project__title{margin:0}}.example-project__tabs{display:flex;gap:25px;margin:20px 50px}@media (max-width:1023px){.example-project__tabs{margin:20px 30px}}@media (max-width:767px){.example-project__tabs{overflow-x:auto;overflow-y:hidden;padding-bottom:15px;margin:20px 0 5px 0}}.example-project__tabs-item{background:0 0;border:0;color:var(--color-black);cursor:pointer;position:relative;white-space:nowrap}@media (max-width:767px){.example-project__tabs-item{text-wrap:nowrap}}.example-project__tabs-item::before{content:"";display:block;width:100%;height:2px;background:var(--color-orange);position:absolute;left:0;bottom:-3px;opacity:0;transition:opacity .3s ease}.example-project__tabs-item.is-active::before{opacity:1}.example-project__slider{display:none}.example-project__slider.is-active{display:block}.example-project__slider .swiper-slide a{display:block;width:100%;height:270px;overflow:hidden}@media (max-width:1023px){.example-project__slider .swiper-slide a{height:220px}}@media (max-width:767px){.example-project__slider .swiper-slide a{height:180px}}.example-project__slider .swiper-slide img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.example-project__arrows{display:flex;justify-content:flex-end;gap:20px;margin-top:20px}.example-project__arrows div{display:flex;align-items:center;justify-content:center;background:var(--color-orange);width:44px;height:44px;border-radius:2px;cursor:pointer;transition:background-color .2s ease-in-out}.example-project__arrows div:hover{background-color:var(--color-orange-hover)}.example-project__arrows div.swiper-button-disabled{opacity:.5;cursor:default}.steps-project{--count:3;--gap:10px;margin:60px 0}@media (max-width:1023px){.steps-project{--count:1;margin:40px 0}}.steps-project__title{font-weight:700;margin:0 50px 20px 50px;line-height:100%}@media (max-width:1023px){.steps-project__title{margin:0 30px 20px 30px}}@media (max-width:767px){.steps-project__title{margin:0 0 20px 0}}.steps-project__subtitle{text-align:center;margin-bottom:20px;font-weight:700}.steps-project__description{text-align:center;margin-bottom:20px}.steps-project__wrapper{display:flex;flex-wrap:wrap;gap:var(--gap)}.steps-project__item{background:#fff;padding:20px;display:flex;gap:10px;width:calc((100% - (var(--count) - 1) * var(--gap))/ var(--count))}@media (max-width:1023px){.steps-project__item{align-items:center}}.steps-project__info{display:flex;flex-direction:column;gap:10px}.steps-project__name{text-transform:uppercase;font-size:16px;font-weight:700}.steps-project__btn.btn{display:flex;align-items:center;justify-content:center;margin:25px auto 0 auto;height:44px;line-height:44px;width:240px}@media (max-width:1023px){.steps-project__btn.btn{width:100%}}.seo-text{background:var(--color-white);padding:50px}@media (max-width:1367px){.seo-text{padding:30px}}@media (max-width:767px){.seo-text{padding:15px}}.seo-text__bg{position:relative;background-color:#f1f1f1;padding-top:30px;padding-bottom:30px}@media (max-width:1023px){.seo-text__bg{padding-top:20px;padding-bottom:20px}}.seo-text__title{text-align:left;line-height:100%;margin-bottom:20px}@media (max-width:767px){.seo-text__title{margin-bottom:15px}}.seo-text__info{display:flex;gap:20px}@media (max-width:767px){.seo-text__info{flex-direction:column}}.seo-text__info>div{display:flex;flex-direction:column;gap:10px;flex:1}.seo-text__info ul{display:flex;flex-direction:column;gap:5px}.seo-text__info ul li{padding-left:20px;position:relative}.seo-text__info ul li::before{content:"";display:block;width:16px;height:16px;position:absolute;left:0;top:10px;transform:translateY(-50%);background:url(/local/templates/Main/image/check-color-orange.svg) center no-repeat}.small-benefits{--gap:20px;--count:4;display:flex;gap:var(--gap);margin-top:20px;flex-wrap:wrap}@media (max-width:1367px){.small-benefits{--count:2}}@media (max-width:767px){.small-benefits{--count:1}}.small-benefits__item{background:#f9fafa;display:flex;flex-direction:column;padding:20px;gap:20px;width:calc((100% - var(--gap) * (var(--count) - 1))/ var(--count))}.small-benefits__item img{width:34px;height:34px}.small-benefits__info{display:flex;flex-direction:column;gap:10px;justify-content:space-between}.small-benefits__title{font-weight:700;text-transform:uppercase;height:45px}@media (max-width:1023px){.small-benefits__title{height:auto}}.count-project{--gap:20px;--count:2;display:flex;gap:var(--gap);background:#fff;margin:60px 0}@media (max-width:1023px){.count-project{--gap:10px;margin:40px 0}}@media (max-width:767px){.count-project{--gap:0;--count:2;flex-direction:column}}.count-project__img{-o-object-fit:cover;object-fit:cover;height:auto;width:calc((100% - var(--gap))/ var(--count))}.count-project__content{width:calc((100% - var(--gap))/ var(--count));padding:50px}@media (max-width:1023px){.count-project__content{padding:30px 15px}}.count-project__title{font-weight:700}.count-project__line{width:75px;height:3px;background:#f60;margin:20px 0}.count-project__bullet{display:flex;flex-direction:column;gap:10px;margin:20px 0}.count-project__bullet a,.count-project__bullet p{line-height:normal}.count-project__btn{height:44px;line-height:44px;width:240px}@media (max-width:1023px){.count-project__btn{width:100%}}
/* End */


/* Start:/local/templates/Main/assets/css/main.css?177556507598411*/
:root {
    --outer-vertical-indent: 50px;
    --inner-vertical-indent: 50px;
    --inner-horizontal-indent: 30px;
    --transparent-wrapper-horizontal: 20px;
    @media (max-width: 1024px) {
        --outer-vertical-indent: 25px;
        --inner-vertical-indent: 35px;
        --inner-horizontal-indent: 20px;
    }
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow:before {
    content: "\e902";
    color: #fc6753;
}

.icon-check:before {
    content: "\e900";
}

.icon-close:before {
    content: "\e901";
}

[class^="new-icon-"],
[class*="new-icon-"] {
    font-family: "icomoon_icon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.new-icon-shkaf1:before {
    content: "\e900";
}

.new-icon-shkaf2:before {
    content: "\e901";
}

.new-icon-shkaf3:before {
    content: "\e902";
}

.new-icon-shkaf4:before {
    content: "\e903";
}

.new-icon-shkaf5:before {
    content: "\e904";
}

.new-icon-shkaf6:before {
    content: "\e905";
}

.new-icon-shkaf7:before {
    content: "\e906";
}

.new-icon-d-model:before {
    content: "\e907";
    color: #FF6600;
}

.new-icon-arhiv:before {
    content: "\e908";
    color: #FF6600;
}

.new-icon-avtoslesar:before {
    content: "\e909";
    color: #FF6600;
}

.new-icon-buhgalter:before {
    content: "\e90a";
    color: #FF6600;
}

.new-icon-delivery:before {
    content: "\e90b";
    color: #FF6600;
}

.new-icon-eskiz:before {
    content: "\e90c";
    color: #FF6600;
}

.new-icon-metric:before {
    content: "\e90d";
    color: #FF6600;
}

.new-icon-odejda:before {
    content: "\e90e";
    color: #FF6600;
}

.new-icon-repair:before {
    content: "\e90f";
    color: #FF6600;
}

.new-icon-shop:before {
    content: "\e910";
    color: #FF6600;
}

.new-icon-vizualizaciya:before {
    content: "\e911";
    color: #FF6600;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

.clearfix:after,
.cols3:after,
.cols2:after,
.cols4:after,
.portfolio_last .blocks:after,
#element_detail .params .block .list:after,
.content2cols:after,
.digit_list:after,
#our_projects .slide:after,
#cooperation .faq .faq_form:after {
    content: "";
    clear: both;
    width: 100%;
    display: block;
}

.clear {
    content: "";
    clear: both;
    width: 100%;
    display: block;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

a {
    color: #282828;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a:hover {
    color: #FF6600;
}

h3 {
    font-size: 34px;
    font-style: normal;
    font-family: "Gotham Pro";
    font-stretch: normal;
    line-height: 130%;
    letter-spacing: normal;
    text-align: center;
    color: #333333;
    margin-bottom: 36px;
}

html,
body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
    background-color: #F1F1F1;
    -webkit-font-smoothing: antialiased;
    font-family: "Circe", sans-serif;
    color: #282828;
    font-weight: normal;
    font-size: 19px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.32;
    letter-spacing: -0.3px;
}

body.pop_up_opened {
    overflow: hidden;
    height: 100%;
}

body.pop_up_opened:before {
    z-index: 5000;
    opacity: 1;
}

.wraper {
    position: relative;
    margin: 0 auto;
    max-width: 1282px;
    padding-left: 20px;
    padding-right: 20px;
    text-wrap: balance;
}
.wraper:has(.detail_benefits) {
    padding-right: var(--transparent-wrapper-horizontal);
    padding-left: var(--transparent-wrapper-horizontal);
}

.transparent-wrapper {
    max-width: 1282px;
    padding-right: var(--transparent-wrapper-horizontal);
    padding-left: var(--transparent-wrapper-horizontal);
    margin: 0 auto;
}

.outer-vertical-indent {
    margin-top: var(--outer-vertical-indent);
    margin-bottom: var(--outer-vertical-indent);
}

#container {
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    width: 100%;
    overflow: hidden;
}

.btn {
  padding: 0px;
  cursor: pointer;
  padding-left: 36px;
  padding-right: 36px;
  display: inline-block;
  line-height: 44px;
  height: 44px;
  background-color: #ff6600;
  color: #FFF;
  text-align: center;
  font-family: Circe;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  text-transform: none;
  border: 0px;
    -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  
}
.btn:hover {
    color: #fff;
    background-color: #f55a00;
}

.btn.uppercase {
    font-size: 13px;
    letter-spacing: 0.7px;
    box-shadow: 0 15px 30px 0 rgba(255, 105, 85, 0.34);
}
.btn.uppercase:hover {
    box-shadow: 0 0px 0px 0 rgba(255, 105, 85, 0.34);
}
.disabled {
    opacity: 0.2;
    cursor: default;
    pointer-events: none;
}

.owl-carousel .owl-dots {
    width: 100%;
    text-align: center;
}

.owl-carousel .owl-dots .owl-dot {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    width: 8px;
    height: 8px;
    border: none;
    background-color: #808080;
    cursor: pointer;
    margin-right: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 0.2;
}

.owl-carousel .owl-dots .owl-dot.active {
    background-color: #FF6600;
    opacity: 1;
}

.product-item .owl-carousel .owl-dots .owl-dot {
    border: none;
    margin-right: 4px;
    background-color: #808080;

}

.product-item .owl-carousel .owl-dots .owl-dot.active {
    background-color: #FF6600;
}

.owl-carousel .owl-prev {
    width: 52px;
    height: 52px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    font-size: 15px;
    position: absolute;
    left: 5px;
    top: 190px;
}

.owl-carousel .owl-prev:before {
    font-size: 15px;
}

.owl-carousel .owl-next {
    width: 52px;
    height: 52px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 190px;
    
    
}

.owl-carousel .owl-next:before {
    font-size: 15px;
}

.owl-carousel .owl-next:before,
.owl-carousel .owl-prev:before {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    margin-left: -6px;
    margin-top: -8px;
    text-indent: 0px;
}

.tabs {
    text-align: center;
}

.tabs a {
    display: inline-block;
    margin-left: 12px;
    margin-right: 12px;
    position: relative;
    font-size: 20px;
}

.tabs a:hover {
    color: #282828;
}

.tabs a.active {
    cursor: default;
    color: #282828;
}

.tabs a.active:after {
    height: 2px;
    background-color: #FF6600;
    content: " ";
    display: block;
    width: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: absolute;
    bottom: -2px;
    left: 0px;
}


.cols3 .col {
    float: left;
    width: 33%;
    padding-left: 10px;
    padding-right: 10px;
}

.cols2 .col {
    float: left;
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
}

.cols4 .col {
    float: left;
    width: 25%;
    padding-left: 10px;
    padding-right: 10px;
}

.more_link {
    text-align: center;
    position: relative;
}

.more_link .btn {
    width: 272px;
    font-family: "Circe";
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-transform: none;
    padding-left: 0px;
    padding-right: 0px;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    height: 59px;
    line-height: 59px;
}

.more_link:after {
    opacity: 0.23;
    height: 1px;
    background-color: #979797;
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: 0px;
    width: calc(50% - 136px - 23px);
}

.more_link:before {
    opacity: 0.23;
    height: 1px;
    background-color: #979797;
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 0px;
    width: calc(50% - 136px - 23px);
}

.portfolio_link {
    text-align: center;
    position: relative;
}

.portfolio_link .btn {
    width: 272px;
    font-family: "Circe";
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-transform: none;
    padding-left: 0px;
    padding-right: 0px;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    height: 59px;
    line-height: 59px;
}

.text_wpic .pic {
    width: 100%;
    margin-left: -100%;
}

.text_wpic .pic img {
    display: block;
    width: 100%;
}

.text_wpic .text {
    margin-left: 50%;
    position: relative;
}

.text_wpic .text .in {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 377px;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.35;
    letter-spacing: 0.4px;
    transform: translate(-50%, -39%);
}

.text_wpic .text .in:before {
    width: 34px;
    height: 5px;
    background-color: #FF6600;
    content: " ";
    display: block;
    position: absolute;
    left: 0px;
    top: -22px;
}

.text_wpic .text.mir {
    margin-left: 0px;
    margin-right: 50%;
}

.text_wpic .text.mir .pic {
    margin-left: 0px;
    margin-right: -100%;
}
.detail_zamer_row {
    padding: 40px 0;
}
.detail_zamer_row .extra-wrapper {
    background-color: #fff;
}

.detail_zamer_row.detail_benefits {
    padding: 0 var(--transparent-wrapper-horizontal);
    margin: var(--outer-vertical-indent) auto;
    max-width: 1282px;
}
.detail_zamer_row.detail_benefits.text_wpic .text .in:before {
    display: block;
    left: 20px;
    top: 20px;
}
.detail_zamer_row.detail_benefits.text_wpic .text .in {
    padding: 40px 20px;
}
.detail_zamer_row.detail_benefits .extra-wrapper {
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.12);
}
.detail_zamer_row.detail_benefits .wraper{
    padding-right: 0;
    padding-left: 0;
}
@media (max-width: 768px) {
    .detail_zamer_row.detail_benefits.text_wpic .text.mir .pic {
        margin-left: 0px;
        margin-right: 0px;
    }
    .detail_zamer_row.detail_benefits.text_wpic .text,
    .detail_zamer_row.detail_benefits.text_wpic .text.mir {
        padding-bottom: 0px;
        margin-bottom: 0px;
        margin-left: 0;
        margin-right: 0;
    }
    .detail_zamer_row.detail_benefits.text_wpic .text .in {
        position: relative;
        top: unset;
        left: unset;
        width: auto;
        margin-left: 0px;
        margin-right: 0px;
        transform: none;
    }
    .detail_zamer_row.detail_benefits .fl,
    .detail_zamer_row.detail_benefits .fr {
        float: unset;
        width: 100%;
        margin-bottom: 20px;
    }
    .detail_zamer_row.detail_benefits.text_wpic .text .pic {
        margin-left: 0px;
        margin-right: 0px;
    }
}
.mb150 {
    margin-bottom: 150px;
}

.mb40 {
    margin-bottom: 40px;
}



.input {
    height: 65px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #d6d6d6;
    padding: 0px;
    line-height: 65px;
    padding-left: 25px;
    font-size: 19px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-family: "Circe";
    letter-spacing: 0.3px;
    color: #282828;
    width: 100%;
}

textarea.input {
    height: 224px;
    resize: none;
}

.input:focus {
    box-shadow: 0 0 4px 0 #8dc271;
    border: solid 1px #8dc271;
}

.input.error {
    border: 1px solid red;
}

.checkbox + label {
  position: relative;
  padding-left: 25px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 19px;
  letter-spacing: 0.2px;
  text-align: center;
  color: #888888;
  cursor: pointer; }

.checkbox + label:before {
  content: ' ';
  width: 17px;
  height: 17px;
  position: absolute;
  border: 1px solid #b2b2b2;
  left: 0px;
  top: -1px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.checkbox + label:after {
  content: "\e900";
  top: -1px;
  left: 4px;
  font-size: 8px;
  display: block;
  position: absolute;
  color: #b2b2b2;
  font-family: 'icomoon' !important;
  opacity: 0; }

.checkbox:checked + label:after {
  opacity: 1; }

.checkbox.error + label {
  border-bottom: 1px solid red;
  color: red; }

.checkbox {
  opacity: 0;
  position: absolute;}

/* #top_line {
    background-color: #282828;
    height: 43px;
}
#top_line nav {
    margin-left: -12px;
    float: left;
}
#top_line nav a {
    display: inline-block;
    line-height: 43px;
    padding-left: 12px;
    padding-right: 12px;
    color: #bebebe;
    font-size: 16px;
}
#top_line nav a:hover {
    color: #fff;
    background-color: #000;
}
#top_line .callback {
    font-family: "Gotham Pro";
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.6px;
    line-height: normal;
    color: #ffffff;
    margin-top: 8px;
    float: left;
    margin-left: 50px;
}
#top_line .callback img {
    vertical-align: middle;
    margin-right: 10px;
}
#top_line .callback:hover {
    color: #FF6600;
}
#top_line .tel {
    float: right;
    text-align: right;
    margin-top: 7px;
}
#top_line .tel a {
    display: block;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 15px;
    letter-spacing: 0.3px;
    opacity: 1;
    color: #fff;
    margin-bottom: 3px;
}
#top_line .tel a:hover {
    color: #FF6600;
}
#top_line .tel span {
    opacity: 0.63;
    font-size: 10px;
    font-weight: normal;
    line-height: 10px;
    letter-spacing: 0.2px;
    color: #fff;
    display: block;
} */

/* header nav ul li {
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    padding-bottom: 10px;
}
header nav ul li > a {
    font-size: 19px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.3px;
    color: #282828;
    position: relative;
}
header nav ul li > a:after {
    height: 2px;
    background-color: #FF6600;
    content: " ";
    display: block;
    width: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 0;
    position: absolute;
    bottom: 2px;
    left: 0px;
}
header nav ul li:hover > a {
    color: #282828;
}
header nav ul li:hover > a:after {
    opacity: 1;
}
header nav ul li:hover ul {
    visibility: visible;
    opacity: 1;
    top: 40px;
}
header nav ul li ul {
    position: absolute;
    z-index: 20;
    background-color: #ffffff;
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1), 0 10px 18px 0 rgba(0, 0, 0, 0.1);
    left: 20px;
    padding: 35px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-bottom: 25px;
    top: 45px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
header nav ul li ul li {
    float: none;
    white-space: nowrap;
    padding: 0px;
    margin-bottom: 10px;
}
header nav ul li ul li a {
    padding: 0px;
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.94;
    letter-spacing: 0.3px;
    color: #282828;
}
header nav ul li ul li a:after {
    display: none;
}
header nav ul li ul li a:hover {
    color: #FF6600;
}
header nav ul li ul:before {
    content: "";
    display: block;
    width: 19px;
    height: 16px;
    position: absolute;
    top: -8px;
    left: 50px;
    margin-left: -11px;
    background: 0 0;
    width: 0;
    height: 0;
    border-bottom: 16px solid #fff;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
}
header nav ul li ul:after {
    content: "";
    z-index: -1;
    display: block;
    width: 5px;
    height: 5px;
    position: absolute;
    top: -6px;
    left: 53px;
    border-radius: 100%;
    box-shadow: 0 -2px 23px 3px rgba(0, 0, 0, 0.25);
} */

footer {
  position: relative;
  background: #2c2c2c;
  padding-top: 30px;
  padding-bottom: 30px;
  color: #fff;
  margin-top: 0px;
}
footer::before {
    background: url('https://dev.s-mf.ru/local/templates/Main/i/bg_pattern.svg') center 0px;
    content: " ";
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 0;
    opacity: 0.25;
    transition: all 0.2s;
}

.wraper.footer {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.footer__logo-section {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    justify-content: space-between;
}

footer .logo {
    justify-content: start;
}

footer nav {
    display: flex;
    flex: 1 1 auto;
}

footer nav > ul {
    display: flex;
    justify-content: space-between;
    flex: 1 1 auto;
}

footer nav .h4 {
    font-size: 19px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    height: 38px;
    letter-spacing: 0.3px;
    color: #ffffff;
}

footer nav ul li ul li {
    float: none;
    margin-right: 0px;
}

footer nav ul li ul li a {
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.81;
    letter-spacing: normal;
    color: #cacaca;
}

footer nav ul li ul li a:hover {
    color: #fff;
}

footer .contacts {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    justify-content: space-between;
    align-items: flex-end;
    gap: 5px;
}

footer .contacts .time {
    font-size: 15px;
    text-align: right;
}

footer .contacts .tel {
    font-size: 24px;
    color: #fff;
    text-align: right;
    line-height: 1;
    white-space: nowrap;
    height: auto;
}

footer .contacts .soc_seti {
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex: 1 1 auto;
    margin: 10px 0  ;
}
footer .contacts .soc_seti a {
    display: block;
    width: 34px;
    height: 34px;
}

footer .contacts .soc_seti a img {
    width: 34px;
    height: 34px;
}

footer .contacts .soc_seti a:hover {
    transform: scale(0.95);
}

footer .contacts .politic_link {
    font-size: 15px;
    color: #cacaca;
}

footer .contacts .politic_link:hover {
    color: #ffffff;
}

footer .copy {
    font-size: 15px;
    color: #cacaca;
}

.seo_text {
    position: relative;
    margin-bottom: 0px;
    padding-top: 54px;
}

.seo_text h3 {
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    z-index: 20;
}

.seo_text .col_50 {
    width: calc(50% - 30px);
    color: #282828;
    font-family: Circe;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27.93px; /* 174.563% */
    letter-spacing: 0.3px;
    position: relative;
    z-index: 20;
}

.seo_text .bg2 {
    position: absolute;
    z-index: 1;
    right: -115px;
    top: -35px;
}

.seo_text .bg1 {
    position: absolute;
    z-index: 1;
    left: -320px;
    top: 0px;
}

#page_title {
    background-size: cover;
    background-position: center center;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 42px;

    position: relative;
}

@media (max-width: 1024px) {
    #page_title {
        margin-left: -21px;
        margin-right: -21px;
    }

    .etapy .cols4 .col {
        float: left;
        width: 50%;
    }

    .etapy .cols4 .col:nth-child(even) {
        clear: right;
    }
}

#page_title .wraper {
    height: 100%;
}

#page_title .vert {
    position: relative;
    width: 100%;
    left: auto;
    top: auto;
 /* transform: translateY(-35%);*/
}

#page_title .page_ttl {
    font-size: 33px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #333333;
    text-transform: uppercase;
}

#page_title p {
    font-size: 19px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.3px;
    padding-top: 10px;
    text-align: center;
    color: #282828;
    max-width: 810px;
    margin: 0 auto;
}

.bread {
    font-size: 15px;
    letter-spacing: 0.3px;
    color: #808080;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 20px;
}

.bread i {
    font-style: normal;
    margin-left: 6px;
    margin-right: 6px;
}

.bread a {
    color: #808080;
}

.bread li {
    display: inline;
}

.bread ul {
    display: inline;
}

.bread a:hover {
    color: #282828;
}

#case_title {
    background-size: cover;
    background-position: center center;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 42px;
    background-color: #fafafa;
    position: relative;
}

#case_title .wraper {
    height: 100%;
}

#case_title .page_ttl {
    font-size: 33px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #333333;
    text-transform: uppercase;
}

#case_title p {
    font-size: 19px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.3px;
    padding-top: 10px;
    text-align: center;
    color: #282828;
    max-width: 710px;
    margin: 0 auto;
}

#main_slider {
    position: relative;
    z-index: 1;
    margin-bottom: 40px;
}

#main_slider .item {

}

#main_slider .item .wraper {
    height: 100%;
}

#main_slider .item .pic {
    position: absolute;
    right: -50px;
    bottom: -60px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    visibility: hidden;
    opacity: 0;
}

#main_slider .item .pic img {
    width: auto;
}

#main_slider .item .pic.visible {
    opacity: 1;
    right: 0;
    visibility: visible;
    bottom: -50px;
}

#main_slider .item .text {
    position: absolute;
    left: 20px;
    top: 90px;
    max-width: 780px;
}

#main_slider .item .text h3 {
    font-size: 44px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.73;
    letter-spacing: normal;
    color: #282828;
    font-family: "Gotham Pro";
    margin-bottom: 20px;
}

#main_slider .item .text p {
    font-size: 22px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.27;
    letter-spacing: 0.4px;
    color: #282828;
    margin-bottom: 56px;
}

#main_slider .item .text .btn {
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-transform: none;
    letter-spacing: normal;
    text-align: center;
    height: 59px;
    line-height: 59px;
}

#main_slider .owl-carousel .owl-nav {

}


#main_slider .owl-prev{
   width: 26px;
   height: 26px;
   bottom: 0px;
   left: 0px;
   top:auto;
}
#main_slider .owl-prev svg{
  display: block;
  width: 26px;
   height: 26px;
}

#main_slider .owl-next{
   width: 26px;
   height: 26px;
   bottom: 0px;
   left: 50px;
   top:auto;
}
#main_slider .owl-next svg{
  display: block;
  width: 26px;
   height: 26px;
}



#main_slider .owl-carousel .owl-stage-outer {
    overflow: visible;
}

#main_slider .owl-carousel .owl-dots {
    position: absolute;
    bottom: 65px;
    max-width: 1264px;
    padding-left: 20px;
    padding-right: 0px;
    text-align: left;
    left: 50%;
    transform: translateX(-50%);
    display: none !important;
}

.benefits_block {
    margin-bottom: 40px;
    border-radius: 4px;
    background: #FFF;
    padding:67px;
    padding-bottom:7px;
   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}


.benefits_block .cols3{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}


.benefits_block .cols3 .col{
  position: relative;
  display: flex;
  min-width: 0;
  width: 100%;
}



.benefits_block h4 {
    text-align: center;
    font-size: 19px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.32;
    letter-spacing: -0.3px;
    text-align: center;
    color: #31383f;
    font-weight: normal;
    margin-bottom: 40px;
}

.benefits_block .item {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 60px;
    max-width: 347px;
}

.benefits_block .item .txt {
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: -0.3px;
    text-align: center;
    color: #31383f;
    margin-top: -40px;
}
.benefits_block .item .pic img {
    max-width: 100%;
}
.benefits_row {
    padding: 64px 0 44px;
    background: #FAFAFA;
}
.benefits_row h3 {
    font-family: "Circe";
    font-size: 36px;
    font-weight: 400;  
    line-height: 53px;
    margin: 10px 0 20px;
}
.benefits_block.detail_benefits {
    padding-right: var(--transparent-wrapper-horizontal);
    padding-left: var(--transparent-wrapper-horizontal);
    margin-top: var(--outer-vertical-indent);
    margin-bottom: var(--outer-vertical-indent);
    background: #FFF;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.12);
}
.benefits_block.detail_benefits .item .pic {
    max-width: unset;
}
.benefits_block.detail_benefits .item .txt {
    font-size: 20px;
}
.our_clients {
   margin-bottom: 40px;
   border-radius: 4px;
   background: #FFF;
   padding: 54px;
   padding-bottom: 26px;
   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.our_clients.white_bg {
    background-color: #fff;
}

.our_clients.mb100 {
    margin-bottom: 100px;
}

.our_clients h3 {
    margin-bottom: 60px;
}

.our_clients .slider {
    margin-bottom: 0px;
    position: relative;
}

.our_clients .slider .item {
    float: left;
    display: block;
    background-color: #fff;
    border: 10px solid #e8e7e7;
    width: 143px;
    height: 143px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;

}

.our_clients .slider .item img {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    transform: translate(-50%, -50%);
}

.our_clients .owl-carousel .owl-stage-outer{
  margin-bottom: 35px;
}

.our_clients .slider .owl-item .item {
    float: none;
    margin: 0 auto;
}

.our_clients .slider .owl-item .item img {
    width: auto;
}

.our_clients .slider .owl-carousel .owl-prev {
    top: -98px;
    left: calc(50% - 180px);
    width: 30px;
    height: 30px;
    transform: translateX(-50%);
}

.our_clients .slider .owl-carousel .owl-prev:before {
    width: 10px;
    height: 16px;
    left: 49%;
    display: none;
}

.our_clients .slider .owl-carousel .owl-next {
    top: -98px;
    left: calc(50% + 180px);
    width: 30px;
    height: 30px;
    transform: translateX(-50%);
}

.our_clients .slider .owl-carousel .owl-next:before {
    width: 10px;
    height: 16px;
    left: 49%;
    top: 49%;
    display: none;
}

.small_benefits {
    position: relative;
    z-index: 30;
}

.small_benefits .item {
    margin-right: 35px;
}

.small_benefits .item .pic img {
    width: 164px;
    margin-left: -20px;
}

.small_benefits .item b {
    font-family: "Gotham Pro";
    font-size: 22px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.27;
    letter-spacing: -0.3px;
    color: #31383f;
    display: block;
    margin-bottom: 30px;
    margin-top: -20px;
}

.small_benefits .item p {
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.24;
    letter-spacing: 0.3px;
}

.portfolio_last {
    margin-bottom: 40px;
}

.portfolio_last h3 {
    text-align: center;
}

.portfolio_last .blocks {
    margin-bottom: 17px;
 
}

.portfolio_last .block {
    float: left;
    width: calc(50% - 10px);
    height: 415px;
    position: relative;
    background-color: #efebe9;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}

.portfolio_last .block:nth-child(odd) {
    float: right;
}

.portfolio_last .block .bg {
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
}

.portfolio_last .block .border {
    position: absolute;
    z-index: 2;
    border: 2px solid #fff;
    left: 10px;
    top: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0.8;
}

.portfolio_last .block .pic {
    position: absolute;
    bottom: 30px;
    left: 50px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.portfolio_last .block .txt {
    position: absolute;
    z-index: 10;
    left: 30px;
    width: calc(70% - 20px);
    bottom: 30px;
    color: #131519;
}

.portfolio_last .block .txt .name {
 color: #131519;
 
 font-family: Circe;
 font-size: 16px;
 font-style: normal;
 font-weight: 700;
 line-height: 130%; /* 20.8px */
}

.portfolio_last .block .txt p {
  color: #131519;
  font-family: Circe;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.portfolio_last .block .txt .more {
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.13;
    letter-spacing: 0.3px;
    color: #FF6600;
}

.portfolio_last .block:hover .bg {
    transform: scale(1.02);
}

.portfolio_last .block:hover .border {
    border: 2px solid #FF6600;
}

.portfolio_last .block:hover .owl-carousel .owl-controls {
    opacity: 1;
}

.portfolio_last .block.wpic .txt {
    color: #131519;
}

.portfolio_last .block.wpic .txt p {
    color: #131519;
}

.portfolio_last .block .owl-carousel {
    height: 415px;
    z-index: 20;
}

.portfolio_last .block .owl-carousel .owl-controls {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.portfolio_last .block .owl-carousel .item {
    display: block;
    height: 415px;
}

.portfolio_last .tabs {
    margin-bottom: 35px;
}

.portfolio_photos h3 {
    text-align: left;
}

.cat_list.mb150 {
    margin-bottom: 60px;
}

.cat_list.mb0 {
    margin-bottom: 0px;
}

.more_link {
    margin-top: 30px;
}

.cat_menu {
    text-align: center;
    margin-bottom: 35px;
    font-size: 19px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.3px;
}

.cat_menu a {
    display: inline-block;
    margin-left: 12px;
    margin-right: 12px;
    position: relative;
}

.cat_menu a:hover {
    color: #282828;
}

.cat_menu a.active {
    cursor: default;
    color: #282828;
}

.cat_menu a.active:after {
    height: 2px;
    background-color: #FF6600;
    content: " ";
    display: block;
    width: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: absolute;
    bottom: -2px;
    left: 0px;
}

#element_detail {
    display: flex;
    gap: 160px;
    margin-bottom: 40px;
}

#element_detail .left_col {
    width: 546px;
}

@media only screen and (max-width: 1023px) {
    #element_detail {
        gap: 100px;
    }

    #element_detail .left_col {
        width: 400px;
    }
}

@media only screen and (max-width: 767px) {
    #element_detail {
        flex-direction: column;
        gap: 40px;
    }

    #element_detail .left_col {
        width: 100%;
    }
}

#element_detail .right_col {
    flex: 1;
}

#element_detail .big_pic {
    position: relative;
    margin-bottom: 29px;
}

#element_detail .big_pic .in {
    background-color: rgba(250, 241, 234, 0.44);
    height: 417px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-position: center center;
    background-repeat: no-repeat;
}

#element_detail .small_pics {
    position: relative;
    text-align: center;
}

#element_detail .small_pics a {
    display: inline-block;
    border: 1px solid #fff;
    width: 111px;
    height: 117px;
    overflow: hidden;
    margin-left: 5px;
    margin-right: 5px;
    background-color: rgba(250, 241, 234, 0.44);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

#element_detail .small_pics a img {
    display: block;
}

#element_detail .name {
    font-size: 36px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333333;
    border-bottom: 2px solid rgba(151, 151, 151, 0.2);
    padding-bottom: 7px;
    margin-bottom: 27px;
}

#element_detail .prices {
    font-size: 21px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #508b3e;
    margin-bottom: 18px;
}

#element_detail .prices .old_price {
    color: #FF6600;
    text-decoration: line-through;
    margin-right: 30px;
}

#element_detail .order_form {
    margin-bottom: 37px;
    font-size: 13px;
    letter-spacing: 0.7px;
}

#element_detail .params {
    border-top: 2px solid rgba(151, 151, 151, 0.2);
}

#element_detail .params .block {
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 2px solid rgba(151, 151, 151, 0.2);
}

#element_detail .params .block p:last-child {
    margin-bottom: 0px;
    margin-top: 5px;
}

#element_detail .params .block .ttl {
    font-size: 19px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.47;
    letter-spacing: 0.3px;
    margin-bottom: 13px;
}

#element_detail .params .param {
    width: 45px;
    height: 45px;
    float: left;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 15px;
    border: 2px solid #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    background-color: #f3e9e2;
    margin-bottom: 14px;
}

#element_detail .params .param.active {
    border: 1px solid green;
}

#element_detail .params .param:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
}

#element_detail .params p {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.2px;
    margin-bottom: 10px;
}

#element_detail .params .forms .form {
    float: left;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: 0.2px;
    margin-right: 18px;
}

#element_detail .params .forms .form .param {
    float: none;
    width: 77px;
    height: 77px;
    border: solid 1px #ebebeb;
    background-color: #fff;
    margin-bottom: 11px;
    margin-right: 0px;
    background-repeat: no-repeat;
    background-position: center center;
}

#element_detail .params .forms .form .param:hover {
    background-color: #f1f1f1;
    border: solid 3px #ffffff;
}

#element_detail .params .forms .form:last-child {
    margin-right: 0px;
}

#element_detail .info {
    padding-top: 14px;
}

#element_detail .info h4 {
    font-size: 19px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.47;
    letter-spacing: 0.3px;
    margin-bottom: 4px;
}

#element_detail .info p {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    margin-bottom: 28px;
}


.this_model_portfolio .item {
    margin-bottom: 20px;
}
.etapy_row {
    padding: var(--inner-vertical-indent) 0 var(--inner-vertical-indent);
    background: #FFFFFF;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.12);
}
.etapy_row h3 {
    margin: 0 0 25px;
    font-weight: 700;
}
.etapy .item {
    text-align: center;
    max-width: 272px;
    margin: 0 auto;
}

.etapy .item p {
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.35;
    letter-spacing: 0.4px;
    text-align: center;
}

#project_key {
    height: 821px;
    background-image: linear-gradient(to bottom, #ffffff, #f0eeee);
    position: relative;
    margin-bottom: 40px;
    padding-top: 67px;
}

#project_key.detail-page {
    position: static;
    height: auto;
    padding: 0 var(--transparent-wrapper-horizontal);
    margin: var(--outer-vertical-indent) auto;
    max-width: 1282px;
    background: transparent;
}
#project_key.detail-page .border h3 {
    font-family: "Gotham Pro", sans-serif;
}
#project_key.detail-page .border p {
    font-family: "Gotham Pro", sans-serif;
}
#project_key.detail-page .border ul li {
    font-family: "Gotham Pro", sans-serif;
}
#project_key.detail-page::after {
    display: none;
}

#project_key.detail-page .wraper {
    position: relative;
    padding: var(--inner-vertical-indent) var(--inner-horizontal-indent) 200px;
    background-color: #fff;
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.12);
    overflow: hidden;
}
#project_key.detail-page .wraper::after {
    display: block;
    content: " ";
    background: url(/local/templates/Main/assets/css/../../i/notebook.png) 0px 0px no-repeat;
    width: 600px;
    height: 450px;
    background-size: contain;
    position: absolute;
    right: 0px;
    bottom: -1px;
}
#project_key.detail-page ul li:before {
    top: 11px;
}
#project_key.detail-page .border .btn {
    box-shadow: 0px 15px 30px 0px rgba(255, 105, 85, 0.34);
    font-weight: 700;
}
@media only screen and (max-width: 1160px) {
    #project_key.detail-page .wraper::after {
        right: -80px;
    }
}
@media only screen and (max-width: 1024px) {
    #project_key.detail-page .border {
        max-width: 100%;
        padding: 35px 25px;
    }
    #project_key.detail-page .border h3 {
        text-align: center;
        font-weight: 700;
        font-size: 28px;
    }
    #project_key.detail-page .wraper {
        padding: 10px 10px 250px;
    }
    #project_key.detail-page .wraper::after {
        right: 0;
        width: 96%;
        height: 260px;
        background-position: bottom right;
        background-size: contain;
    }
    #project_key.detail-page .border {
        border-width: 5px;
    }
    #project_key.detail-page .border .btn {
        padding-left: 5px;
        padding-right: 5px;
        width: 100%;
    }
    #project_key.detail-page .border ul li {
        font-weight: 500;
        font-size: 16px;
    }
    #project_key.detail-page ul li:before {
        top: 8px;
    }
    #project_key.detail-page .border ul li:not(:last-child) {
        margin-bottom: 8px;
    }
    #project_key.detail-page .border ul {
        margin-bottom: 25px;
    }
}



#project_key:after {
    display: block;
    content: " ";
    background: url(/local/templates/Main/assets/css/../../i/notebook.png) 0px 0px no-repeat;
    width: 862px;
    height: 645px;
    background-size: cover;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

#project_key .border {
    border: solid 5px #FF6600;
    max-width: 900px;
    text-align: left;
    padding-left: 105px;
    padding-top: 65px;
    padding-bottom: 115px;
}

#project_key .border h3 {
    text-align: left;
    font-size: 36px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.11;
    letter-spacing: normal;
    font-family: "Gotham Pro";
}

#project_key .border .btn {
    font-family: "Circe";
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-transform: none;
    letter-spacing: normal;
    text-align: center;
}

#project_key .border p {
    font-size: 22px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #333333;
    font-family: "Gotham Pro";
    margin-bottom: 15px;
}

#project_key .border ul {
    margin-bottom: 40px;
}

#project_key .border ul li {
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #333333;
    font-family: "Gotham Pro";
}

#project_key ul li {
    padding-left: 30px;
    position: relative;
}

#project_key ul li:before {
    background-color: #FF6600;
    display: block;
    position: absolute;
    content: " ";
    width: 6px;
    height: 6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    left: 6px;
    top: 7px;
}

.castle .pics {
    width: 100%;
    margin-right: -100%;
    border-radius: 8px;
    border: 6px solid #fff;
    background-color: #ffffff;
    box-shadow: 10px 20px 60px 0 rgba(0, 0, 0, 0.06), 0 16px 19px 0 rgba(0, 0, 0, 0.09);
}

.castle .pics .owl-dots {
    position: absolute;
    bottom: -60px;
}

.castle .pics .owl-carousel .owl-dots .owl-dot {
    opacity: 0.48;
}

.castle .pics .owl-carousel .owl-dots .owl-dot.active {
    opacity: 1;
}

.castle .pics .owl-carousel .owl-nav {
    display: none !important;
}

.castle .pics img {
    display: block;
    width: 100%;
}

.castle h3 {
    margin-bottom: 59px;
}

.castle .text {
    margin-right: 50%;
    position: relative;
}

.castle .text .in {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 377px;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.35;
    letter-spacing: 0.4px;
    transform: translate(-50%, -39%);
}

.castle .text .in:before {
    width: 34px;
    height: 5px;
    background-color: #FF6600;
    content: " ";
    display: block;
    position: absolute;
    left: 0px;
    top: -19px;
}

.castle .text.mir {
    margin-left: 0px;
    margin-right: 50%;
}

.castle .text.mir .pics {
    margin-left: 0px;
    margin-right: -100%;
}

.p404 {
    text-align: center;
    padding-top: 72px;
    padding-bottom: 170px;
}

.p404 .inner {
    max-width: 604px;
    margin: 0 auto;
}

.p404 .inner img {
    display: block;
    width: 100%;
    margin-bottom: 35px;
}

.p404 .inner p {
    font-size: 19px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.3px;
    text-align: center;
    margin-bottom: 30px;
}

.p404 .inner .btn {
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-transform: none;
    letter-spacing: normal;
    text-align: center;
    font-family: "Circe";
}

.gallery .item {
    background-color: #9296a2;
    float: left;
    width: calc(33% - 23px);
    margin-right: 35px;
    height: 393px;
    margin-bottom: 31px;
}

.gallery .item.mr0 {
    margin-right: 0px;
}

.gallery .itemw2 {
    width: calc(66% - 8px);
}

.page_cp_block {
    background-color: #f6f5f5;
    padding-top: 85px;
    padding-bottom: 85px;
    margin-bottom: 80px;
}

.page_cp_block.mb0 {
    margin-bottom: -50px;
}

.page_cp_block .count_project {
    margin-bottom: 0px;
}

.about .castle .in {
    position: relative;
    transform: none;
    top: auto;
    left: auto;
    float: left;
    width: calc(100% - 130px);
    text-align: left;
}

.about .castle .in h3 {
    text-align: left;
    margin-bottom: 10px;
}

.about .castle .in p {
    margin-bottom: 37px;
}

.about .castle .in:before {
    display: none;
}


.team {
    background-color: #f6f5f5;
    border-top: 4px solid #FF6600;
    padding-top: 45px;
    padding-bottom: 90px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    background: #FFF;
    padding: 67px;
}

.team .item {
    text-align: center;
    color: #333333;
    margin-bottom: 50px;
    padding-left: 5px;
    padding-right: 5px;
}

.team .item .photo {
    display: block;
    margin: 0 auto;
    width: 208px;
    height: 208px;
    border: 7px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: 16px;
    background-color: #8a8a8a;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 6px 13px 38px 0 rgba(0, 0, 0, 0.06);
}

.team .item .name {
    font-weight: bold;
    font-size: 22px;
}

.team .item .dolgnost {
    font-weight: bold;
    font-size: 18px;
}

.team .item p {
    padding-top: 7px;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: center;
}

.akcii_list {
    padding-bottom: 40px;
}

.akcii_list .item {
    background-color: #fff;
    display: block;
    margin-bottom: 20px;
    color: #282828;
}

.akcii_list .item:hover {
    background-color: #fafafa;
    box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.16);
}

.akcii_list .item .in .ttl {
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

.akcii_list .item .in .date {
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    position: absolute;
    top: -62px;
}

.akcii_list .item .in:before {
    width: 20px;
    height: 2px;
    top: -38px;
}

.akcii_list .item .in p {
    font-size: 19px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.47;
    letter-spacing: 0.3px;
    color: #4d4d4d;
}

.blog_list {
    padding-bottom: 40px;
}

.blog_list .item {
    background-color: #fafafa;
    display: block;
    margin-bottom: 20px;
    color: #282828;
}

.blog_list .item:hover .ttl {
    color: #FF6600;
}

.blog_list .item .in .ttl {
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.blog_list .item .in:before {
    width: 20px;
    height: 2px;
    top: -38px;
    display: none;
}

.blog_list .item .in p {
    font-size: 19px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.47;
    letter-spacing: 0.3px;
    color: #4d4d4d;
}

.blog_list .portfolio_link {
    margin-top: 75px;
}

.services_designer .cols2 {
    max-width: 800px;
    margin: 0 auto;
}

.case .big_slider {
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 10px 20px 60px 0 rgba(0, 0, 0, 0.06), 0 16px 19px 0 rgba(0, 0, 0, 0.09);
    border: 8px solid #fff;
    margin-bottom: 60px;
    position: relative;
}

.case .big_slider .owl-carousel {
    z-index: auto;
}

.case .big_slider .owl-dots {
    display: none !important;
}

.case .big_slider .owl-next {
    top: 50%;
    margin-top: -25px;
    z-index: 20;
    right: 35px;
}

.case .big_slider .owl-prev {
    top: 50%;
    margin-top: -25px;
    z-index: 20;
    left: 35px;
}

.case .big_slider .owl-next:before {
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.case .big_slider .owl-prev:before {
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.case .big_slider .border {
    position: absolute;
    z-index: 2;
    border: 1px solid #FF6600;
    left: 10px;
    top: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
}

.case .big_slider:hover .owl-next:before {
    color: #FF6600;
}

.case .big_slider:hover .owl-prev:before {
    color: #FF6600;
}

.case .slider_nav {
    margin-bottom: 100px;
    text-align: center;
}

.case .slider_nav a {
    display: inline-block;
    width: 139px;
    height: 134px;
    background-position: center center;
    background-size: cover;
    margin-left: 7px;
    margin-right: 7px;
    border: 2px solid #fff;
}

.case .slider_nav a.active {
    border: 2px solid #FF6600;
    cursor: default;
}

.case h2 {
    font-size: 36px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333333;
    margin-bottom: 20px;
}

.case h3 {
    text-align: left;
    font-size: 22px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.27;
    letter-spacing: -0.3px;
    color: #31383f;
    font-family: "Gotham Pro";
}

.case p {
    font-size: 19px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.47;
    letter-spacing: 0.3px;
    color: #282828;
    margin-bottom: 20px;
}



.case .pics3 {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 80px;
}

.case .pics3 img {
    display: block;
    width: 100%;
}

.case .text_w_icon {
    background-color: #fafafa;
    margin-bottom: 120px;
    padding-top: 52px;
    padding-bottom: 11px;
}

.case .text_w_icon .pic {
    float: left;
    margin-left: -40px;
}

.case .text_w_icon .text {
    border-left: 8px solid #FF6600;
    position: absolute;
    left: 30%;
    top: 50%;
    padding-left: 40px;
    transform: translateY(-50%);
    width: calc(67% - 200px);
}

.case .bg2 {
    position: absolute;
    z-index: 1;
    right: -115px;
    bottom: 700px;
}

.case .bg1 {
    position: absolute;
    z-index: 1;
    left: -320px;
    bottom: 500px;
}

body.new_window_opened:before {
    z-index: 5000;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.45);
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content: " ";
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#new_window {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: auto;
    text-align: center;
    opacity: 0;
    z-index: -1;
    padding-top: 30px;
    padding-bottom: 30px;
}

#new_window .c {
    border-top: 5px solid #FF6600;
    padding: 65px 40px 50px 40px;
    margin-right: 30px;
    margin-left: 30px;
    background-color: #fff;
    box-shadow: 12px 47px 69px 0 rgba(0, 0, 0, 0.05);
}

#new_window .c h3 {
    font-size: 33px;
    font-weight: 800;
    font-style: normal;
    text-transform: uppercase;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #333333;
    font-family: "Circe";
    padding-top: 0px;
}

#new_window .close_window {
    position: absolute;
    right: 5px;
    top: 0px;
    color: #fff;
    height: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#new_window .close_window span {
    font-size: 15px;
    line-height: 15px;
}

#new_window .close_window:hover {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

#new_window .modal_dialog {
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 684px;
    display: inline-block;
}

#new_window .important {
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.13;
    letter-spacing: 0.3px;
    text-align: center;
    color: #282828;
}

#new_window form p {
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.35;
    letter-spacing: 0.4px;
    text-align: center;
    color: #282828;
    margin-bottom: 30px;
}

#new_window form .input {
    margin-bottom: 20px;
}

#new_window form .input_ttl {
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.3px;
    color: #282828;
    margin-bottom: 4px;
}

#new_window form .otvet {
    padding-bottom: 0px;
}

#new_window .buttons {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

.new_window_opened {
    overflow: hidden;
}

.new_window_opened #new_window {
    z-index: 8000;
    opacity: 1;
}

.new_window_opened #new_window .modal_dialog {
    opacity: 1;
}

body.small_window #new_window .modal_dialog {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
}

#director_form {
    margin: 0 auto;
    max-width: 470px;
}

#order_form {
    margin: 0 auto;
    max-width: 470px;
}

#callback_form {
    margin: 0 auto;
    max-width: 470px;
}

#top_calc {
    height: 610px;
    background-position: center;
    background-size: cover;
}

#top_calc.blackbg .ttl {
    color: #fff;
}

#top_calc.blackbg .step .ttl {
    color: #808080;
}

#top_calc.blackbg .step .block .name {
    color: #fff;
}

#top_calc.blackbg .step .block label {
    color: #fff;
}

#top_calc.blackbg .step .block .SumoSelect label {
    color: #282828;
}

#top_calc.blackbg .step .block .SumoSelect label:hover {
    color: #FF6600;
}

#top_calc .fr {
    width: 600px;
    padding-top: 55px;
}

#top_calc .ttl {
    font-size: 36px;
    line-height: normal;
    margin-bottom: 26px;
}

#top_calc .step {
    width: 100%;
}

#top_calc .step input[type="radio"] {
    display: none;
}

#top_calc .step input[type="radio"]+label {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    cursor: pointer;
}

#top_calc .step input[type="radio"]+label input {
    display: none;
}

#top_calc .step input[type="radio"]+label:before {
    background-color: #fff;
    width: 14px;
    height: 14px;
    border: 1px solid #c2bebe;
    content: " ";
    display: block;
    margin-right: 10px;
    vertical-align: middle;
    float: left;
    margin-top: 2px;
}

#top_calc .step input[type="radio"]:checked+label:after {
    content: "\e900";
    top: 7px;
    left: 4px;
    font-size: 6px;
    display: block;
    position: absolute;
    color: #333333;
    font-family: "icomoon" !important;
    opacity: 1;
}

#top_calc .step input[type="checkbox"] {
    display: none;
}

#top_calc .step input[type="checkbox"]+label {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    cursor: pointer;
    opacity: 1;
}

#top_calc .step input[type="checkbox"]+label input {
    display: none;
}

#top_calc .step input[type="checkbox"]+label:before {
    background-color: #fff;
    width: 14px;
    height: 14px;
    border: 1px solid #c2bebe;
    content: " ";
    display: block;
    margin-right: 10px;
    vertical-align: middle;
    float: left;
    margin-top: 2px;
}

#top_calc .step input[type="checkbox"]:checked+label:after {
    content: "\e900";
    top: 7px;
    left: 4px;
    font-size: 6px;
    display: block;
    position: absolute;
    color: #333333;
    font-family: "icomoon" !important;
    opacity: 1;
}

#top_calc .step .shkaf_type input[type="radio"]+label {
    margin-right: 35px;
}

#top_calc .step .shkaf_type input[type="radio"]+label:after {
    display: none;
}

#top_calc .step .shkaf_type input[type="radio"]+label:before {
    display: none;
}

#top_calc .step .shkaf_type input[type="radio"]+label span {
    font-size: 100px;
    color: #808080;
}

#top_calc .step .shkaf_type input[type="radio"]+label i {
    font-style: normal;
    font-size: 15px;
    color: #fff;
    display: block;
    padding-top: 10px;
}

#top_calc .step .shkaf_type input[type="radio"]:checked+label span {
    color: #fff;
}

#top_calc .step .shkaf_color input[type="radio"]+label {
    color: #fff;
    font-size: 13px;
    margin-right: 35px;
    margin-bottom: 23px;
    text-align: center;
}

#top_calc .step .shkaf_color input[type="radio"]+label:after {
    display: none;
}

#top_calc .step .shkaf_color input[type="radio"]+label:before {
    display: none;
}

#top_calc .step .shkaf_color input[type="radio"]+label span {
    display: block;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 66px;
    height: 66px;
    margin-bottom: 12px;
    background-size: cover;
    background-position: center center;
    background-color: #fff;
}

#top_calc .step .shkaf_color input[type="radio"]:checked+label span {
    position: relative;
}

#top_calc .step .shkaf_color input[type="radio"]:checked+label span:before {
    background-color: #FF6600;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -16px;
    margin-top: -16px;
    content: " ";
    display: block;
}

#top_calc .step .shkaf_color input[type="radio"]:checked+label span:after {
    background-color: #FF6600;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -16px;
    margin-top: -16px;
    line-height: 34px;
    text-align: center;
    display: block;
    content: "\e900";
    font-size: 10px;
    color: #fff;
    font-family: "icomoon" !important;
}

#top_calc .step .ttl {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 40px;
    font-weight: 300;
    color: #333333;
}

#top_calc .step .block {
    float: left;
    margin-right: 20px;
    margin-bottom: 27px;
}

#top_calc .step .block .name {
    display: block;
    font-size: 19px;
    line-height: normal;
    margin-bottom: 15px;
}

#top_calc .step .block .input {
    border-radius: 0px;
    border: 1px solid #c2bebe;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
}

#top_calc .step .block .input.small {
    width: 75px;
    text-align: center;
}

#top_calc .step .block .SumoSelect {
    background-color: #fff;
    border: 1px solid #c2bebe;
    width: 100%;
}

#top_calc .step .block .SumoSelect .CaptionCont>label>i {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 10px;
    height: 21px;
}

#top_calc .step .block .SumoSelect .CaptionCont>label>i:before {
    content: "\e902";
    color: #282828;
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
}

#top_calc .step .block .SumoSelect .CaptionCont span {
    border-bottom: 0px;
    padding-left: 20px;
    line-height: 46px;
}

#top_calc .step .block .SumoSelect.open {
    border-bottom: 0px;
}

#top_calc .step .block .SumoSelect.open .optWrapper {
    margin-left: -1px;
    margin-right: -1px;
    width: calc(100% + 2px);
    top: 46px;
    border: 1px solid #c2bebe;
    border-top: 0px;
}

#top_calc .step .block .SumoSelect.open .options li.opt {
    border-bottom: 0px;
    padding: 0px;
    padding-left: 20px;
    line-height: 47px;
}

#top_calc .step .block .SumoSelect.open .options li.opt:hover {
    background-color: #fff;
    color: #FF6600;
}

#top_calc .step .block .SumoSelect.open .CaptionCont>label>i {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

#top_calc .step .btn {
    min-width: 150px;
}

.content2cols {
    margin-bottom: 48px;
}

.content2cols.bordered {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 60px;
    margin-bottom: 70px;
}

.content2cols .fl {
    width: calc(50% - 28px);
}

.content2cols .fl img {
    display: block;
    width: 100%;
}

.content2cols .fl p {
    font-size: 19px;
    line-height: normal;
    margin-bottom: 36px;
}

.content2cols .fr {
    width: calc(50% - 28px);
}

.content2cols .fr img {
    width: 100%;
}

.content2cols .fr p {
    font-size: 19px;
    line-height: normal;
    margin-bottom: 36px;
}

.content2cols ul {
    padding-bottom: 29px;
}

.content2cols ul li {
    margin-bottom: 21px;
    padding-left: 53px;
    position: relative;
}

.content2cols ul li:before {
    background-color: #FF6600;
    width: 24px;
    height: 2px;
    content: " ";
    display: block;
    position: absolute;
    left: 0px;
    top: 11px;
}

.content2cols .ttl {
    font-size: 36px;
    line-height: 44px;
    padding-top: 17px;
}

.content2cols .ttl_devider {
    background-color: #FF6600;
    height: 4px;
    width: 48px;
    margin-bottom: 37px;
    margin-top: 30px;
}

.gray_bg {
    background-color: #fbfbfb;
    padding-top: 79px;
    padding-bottom: 79px;
    margin-bottom: 78px;
}

.gray_bg p {
    font-size: 19px;
    line-height: normal;
    margin-bottom: 0px;
}

.quote {
    color: #FF6600;
    position: relative;
    font-size: 30px;
    line-height: 44px;
    padding-top: 70px;
    padding-bottom: 70px;
}

.digit_list {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 75px;
}

.digit_list .fl {
    width: calc(50% - 28px);
}

.digit_list .fl img {
    display: block;
    width: 100%;
}

.digit_list .fr {
    width: calc(50% - 28px);
}

.digit_list .fr img {
    width: 100%;
}

.digit_list h3 {
    font-size: 30px;
    line-height: normal;
    margin-bottom: 70px;
    text-align: left;
}

.digit_list ul li {
    min-height: 48px;
    position: relative;
    margin-bottom: 40px;
    font-size: 14px;
    color: #808080;
    padding-left: 75px;
    line-height: 24px;
    position: relative;
}

.digit_list ul li span {
    width: 48px;
    height: 48px;
    display: block;
    position: absolute;
    color: #fff;
    text-align: center;
    line-height: 48px;
    font-size: 19px;
    background-color: #FF6600;
    left: 0px;
    top: 0px;
}

.digit_list ul li b {
    display: block;
    font-size: 19px;
    color: #333333;
    margin-bottom: 5px;
}

#our_projects {
    padding-bottom: 40px;
}

#our_projects .owl-carousel .owl-prev {
    top: -140px;
    right: 51px;
    left: auto;
}

#our_projects .owl-carousel .owl-prev:before {
    color: #4d4d4d;
}

#our_projects .owl-carousel .owl-prev:hover {
    background-color: #FF6600;
    border-color: #FF6600;
}

#our_projects .owl-carousel .owl-prev:hover:before {
    color: #fff;
}

#our_projects .owl-carousel .owl-next {
    top: -140px;
    right: 0px;
    left: auto;
    border-radius: 0px;
}

#our_projects .owl-carousel .owl-next:before {
    color: #4d4d4d;
}

#our_projects .owl-carousel .owl-next:hover {
    background-color: #FF6600;
    border-color: #FF6600;
    border-right: 1px solid #4d4d4d;
}

#our_projects .owl-carousel .owl-next:hover:before {
    color: #fff;
}

#our_projects .owl-carousel .owl-dots {
    display: none !important;
}

#our_projects .ttl {
    font-size: 36px;
    line-height: normal;
    margin-bottom: 90px;
}

#our_projects .slide a {
    margin-bottom: 33px;
    float: left;
    display: block;
    width: calc(33% - 19px);
    margin-right: 34px;
}

#our_projects .slide a:nth-child(3n) {
    margin-right: 0px;
}

#our_projects .slide a img {
    display: block;
    width: 100%;
}

.icons3 {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 65px;
    padding-bottom: 60px;
    padding-top: 55px;
}

.icons3 .col {
    font-size: 19px;
}

.icons3 .col span {
    font-size: 74px;
    vertical-align: middle;
    margin-right: 25px;
}

.icons3 .col:nth-child(3) {
    text-align: right;
}

.icons3 .col:nth-child(2) {
    text-align: center;
}

.icons3 .col b {
    display: block;
    font-size: 19px;
    font-weight: normal;
}

.icons3 h3 {
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 50px;
    text-align: left;
}

.icons3.icons32 {
    margin-bottom: 70px;
}

.icons3.icons32 .col {
    text-align: left;
}

.icons3.icons32 .col span {
    font-size: 43px;
    margin-bottom: 25px;
    display: inline-block;
}

.icons3.icons32 .col .in {
    max-width: 340px;
}

.icons3.icons32 .col:nth-child(4) {
    text-align: left;
}

.icons3.icons32 .col:nth-child(4) .in {
    float: right;
}

.icons3.icons32 .col:nth-child(3) {
    text-align: left;
}

.icons3.icons32 .col:nth-child(3) .in {
    margin: 0 auto;
}

.icons3.icons32 .col b {
    margin-bottom: 10px;
}

.icons3.icons32 .col p {
    font-size: 14px;
    color: #808080;
}

.icons3.icons5 {
    border-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.icons3.icons5 h3 {
    display: block;
    text-align: center;
    margin-bottom: 60px;
}

.icons3.icons5 .col {
    text-align: center;
}

.icons3.icons5 .col span {
    display: block;
    clear: both;
    margin: 0 auto;
    margin-right: 0px;
    font-size: 75px;
}

.content1col {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 20px;
    margin-bottom: 78px;
}

.content1col h3 {
    font-size: 36px;
    line-height: normal;
    font-weight: normal;
    margin-bottom: 22px;
    text-align: left;
}

.content1col h4 {
    font-size: 30px;
    line-height: normal;
    font-weight: normal;
    margin-bottom: 50px;
    text-align: left;
}

.content1col .devider {
    background-color: #FF6600;
    width: 48px;
    height: 4px;
    margin-bottom: 28px;
}

.content1col p {
    font-size: 19px;
    line-height: 30px;
    margin-bottom: 30px;
}

.content1col ul {
    padding-bottom: 29px;
}

.content1col ul li {
    margin-bottom: 21px;
    padding-left: 53px;
    position: relative;
}

.content1col ul li:before {
    background-color: #FF6600;
    width: 24px;
    height: 2px;
    content: " ";
    display: block;
    position: absolute;
    left: 0px;
    top: 11px;
}

#cooperation .anons {
    margin-bottom: 60px;
    padding-left: 90px;
}

#cooperation .anons h1 {
    font-size: 36px;
    line-height: normal;
    margin-bottom: 27px;
    max-width: 735px;
    font-weight: normal;
}

#cooperation .anons .devider {
    width: 48px;
    height: 4px;
    background-color: #FF6600;
    margin-bottom: 35px;
}

#cooperation .anons p {
    font-size: 18px;
    line-height: normal;
}

#cooperation .faq .item {
    margin-bottom: 37px;
}

#cooperation .faq .item .v {
    position: relative;
    padding-left: 90px;
    min-height: 48px;
    line-height: 48px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}

#cooperation .faq .item .v span {
    border: 1px solid #c2bebe;
    width: 48px;
    height: 48px;
    display: block;
    position: absolute;
    left: 0px;
}

#cooperation .faq .item .v span:before {
    background-color: #c2bebe;
    display: block;
    position: absolute;
    width: 14px;
    height: 2px;
    left: 50%;
    margin-left: -7px;
    top: 50%;
    margin-top: -1px;
    content: " ";
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#cooperation .faq .item .v span:after {
    background-color: #c2bebe;
    display: block;
    position: absolute;
    width: 2px;
    height: 14px;
    left: 50%;
    margin-left: -1px;
    top: 50%;
    margin-top: -7px;
    content: " ";
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#cooperation .faq .item .v.opened span:after {
    width: 14px;
    height: 2px;
    left: 50%;
    margin-left: -7px;
    top: 50%;
    margin-top: -1px;
}

#cooperation .faq .item .o {
    padding-left: 90px;
    padding-top: 29px;
    font-size: 18px;
    font-weight: 300;
    line-height: normal;
    display: none;
}

#cooperation .faq .item .o p {
    margin-bottom: 45px;
    font-weight: 300;
}

#cooperation .faq .item .o ul {
    padding-bottom: 29px;
}

#cooperation .faq .item .o ul li {
    margin-bottom: 21px;
    padding-left: 53px;
    position: relative;
}

#cooperation .faq .item .o ul li:before {
    background-color: #FF6600;
    width: 24px;
    height: 2px;
    content: " ";
    display: block;
    position: absolute;
    left: 0px;
    top: 11px;
}

#cooperation .faq .faq_form {
    background-color: #f5f0f0;
    padding: 30px;
}

#cooperation .faq .faq_form .input {
    border-radius: 0px;
    height: 48px;
    line-height: 48px;
    padding-left: 19px;
    margin-right: 20px;
    width: calc(25% - 15px);
    float: left;
    font-size: 14px;
}

#cooperation .faq .faq_form .btn {
    float: left;
    width: calc(25% - 15px);
    height: 48px;
    line-height: 48px;
    min-width: auto;
    padding-left: 0px;
    padding-right: 0px;
}

#cooperation .faq .faq_form .otvet {
    float: left;
    width: calc(25% - 15px);
    height: 48px;
    display: none;
}

.mobile_popup.from-left {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0;
}

.mobile_popup.shown {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

body.pop_up_opened {
    overflow: hidden;
    height: 100%;
}

#mobile_menu {
    position: fixed;
    z-index: 2900;
    top: 74px;
    left: 0px;
    height: 100%;
    width: 100%;
    max-width: 100%;
    padding-left: 22px;
    padding-right: 23px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-color: #282828;
}

#mobile_menu nav ul li>a {
    font-size: 19px;
}

#mobile_menu nav ul li ul {
    display: none;
    padding-left: 20px;
}

#mobile_menu nav ul li ul li>a {
    font-size: 15px;
}

#mobile_menu nav ul li ul li ul li>a {
    font-size: 17px;
}

#mobile_menu nav ul li ul li ul li li ul {
    display: block;
    padding-left: 0px;
}

#mobile_menu nav ul li ul li ul li li a {
    text-transform: none;
    padding-top: 5px;
    padding-bottom: 5px;
}

.mmenu2 {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    padding-top: 30px;
    padding-bottom: 30px;
}

.mmenu2>ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 10px;
}

#mobile_menu nav>ul:last-child li a {
    font-size: 16px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.mmenu2 a {
    color: #fff;
    font-size: 17px;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-decoration: none;
    padding-top: 7px;
    padding-bottom: 7px;
    display: block;
    text-align: left;
    position: relative;
}

#mobile_menu .in {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100dvh - 74px);
    padding-bottom: 40px;
}

@media only screen and (max-width: 480px) {
    #our_projects {
        padding-bottom: 20px;
    }

    #our_projects .owl-controls {
        display: none;
    }

    .content1col {
        margin-bottom: 35px;
    }

    .content1col h3 {
        font-size: 26px;
        line-height: normal;
    }

    .content1col p {
        font-size: 16px;
        line-height: normal;
        margin-bottom: 28px;
    }

    .content1col h4 {
        font-size: 18px;
        line-height: normal;
        margin-bottom: 28px;
    }

    .content1col ul {
        padding-bottom: 9px;
    }

    .content1col ul li {
        font-size: 16px;
        line-height: 18px;
        padding-left: 26px;
    }

    .content1col ul li:before {
        width: 14px;
        top: 8px;
    }

    .icons3 h3 {
        font-size: 22px;
        line-height: normal;
        margin-bottom: 29px;
    }

    .icons3.icons5 {
        margin-bottom: -30px;
        margin-top: -30px;
    }

    .icons3.icons5 .col {
        margin: 0 auto !important;
        margin-bottom: 34px !important;
    }

    .icons3.icons5 h3 {
        font-size: 18px;
        line-height: normal;
        margin-bottom: 34px;
    }

    .icons3.icons32 .col {
        max-width: none;
        padding-left: 78px;
        margin-bottom: 29px;
        position: relative;
    }

    .icons3.icons32 .col b {
        font-size: 18px;
        font-weight: normal;
    }

    .icons3.icons32 .col span {
        position: absolute;
        left: 10px;
        font-size: 54px;
    }

    .icons3.icons32 .col:nth-child(4) .in {
        float: none;
    }

    #top_calc {
        height: auto;
        padding-top: 180px;
        background-size: auto 180px;
        background-repeat: no-repeat;
        background-position: 0px 0px;
        border-bottom: 1px solid #e6e6e6;
    }

    #top_calc .ttl {
        font-size: 26px;
        margin-bottom: 13px;
        line-height: 30px;
    }

    #top_calc .step .block .name {
        color: #333;
        font-size: 18px;
        line-height: 19px;
    }

    #top_calc .step .block label {
        color: #333;
        font-size: 14px;
    }

    #top_calc.blackbg .ttl {
        color: #282828;
    }

    #top_calc.blackbg .step .block .name {
        color: #333;
        font-size: 18px;
        line-height: 19px;
    }

    #top_calc.blackbg .step .block label {
        color: #333;
        font-size: 14px;
    }

    #top_calc .wraper {
        background-color: #fff;
    }

    #top_calc .fr {
        float: none;
        padding-top: 20px;
        width: 100%;
        padding-bottom: 40px;
    }

    #top_calc .step {
        text-align: center;
    }

    #top_calc .step .ttl {
        font-size: 18px;
        line-height: normal;
        margin-bottom: 17px;
        color: #999999;
        text-align: left;
    }

    #top_calc .step .block {
        width: 100% !important;
        margin-right: 0px;
        float: none;
        margin-bottom: 15px;
        text-align: left;
    }

    #top_calc .step .block .name {
        margin-bottom: 8px;
        font-size: 18px;
        text-align: left;
    }

    #top_calc .step .block .input.small {
        width: 100%;
        text-align: left;
        padding-left: 20px;
    }

    #top_calc .step .block .SumoSelect .CaptionCont span {
        text-align: left;
    }

    #top_calc .step .block.inline {
        display: inline-block;
        margin-right: 10px !important;
        margin-left: 10px;
        width: auto !important;
    }

    #top_calc .step .shkaf_color {
        text-align: center;
    }

    #top_calc .step .shkaf_color input[type="radio"]+label {
        color: #282828;
        margin-left: 10px;
        margin-right: 10px;
        vertical-align: top;
        width: 82px;
    }

    #top_calc .step .shkaf_type input[type="radio"]+label i {
        color: #282828;
    }

    #top_calc .step .shkaf_type {
        text-align: center;
    }

    #top_calc .step .shkaf_type input[type="radio"]+label {
        margin-left: 10px;
        margin-right: 10px;
        vertical-align: top;
        width: 60px;
        margin-bottom: 23px;
    }

    #top_calc .step .shkaf_type input[type="radio"]:checked+label span {
        color: #FF6600;
    }

    #our_projects {
        margin-bottom: 20px;
    }

    #our_projects .ttl {
        text-align: center;
        margin-bottom: 30px;
        font-size: 26px;
        line-height: normal;
    }

    #our_projects .owl-carousel .slide {
        display: none;
    }

    #our_projects .owl-carousel .slide:nth-child(1) {
        display: block;
    }

    #our_projects .owl-carousel .slide a {
        width: calc(50% - 10px);
        margin-right: 20px;
        margin-bottom: 20px;
    }

    #our_projects .owl-carousel .slide a:nth-child(2n) {
        margin-right: 0px;
    }

    .gray_bg {
        padding-bottom: 36px;
        padding-top: 36px;
        border-top: 1px solid #e6e6e5;
        border-bottom: 1px solid #e6e6e5;
        margin-bottom: 35px;
    }

    .gray_bg p {
        text-align: center;
        font-size: 16px;
        line-height: normal;
    }

    .content2cols.bordered {
        padding-bottom: 38px;
        margin-bottom: 50px;
    }

    .content2cols .btn {
        margin: 0 auto;
        display: block;
        max-width: 250px;
    }

    .content2cols .ttl_devider {
        margin-bottom: 23px;
        margin-top: 23px;
    }

    .content2cols .fl {
        float: none;
        width: 100%;
    }

    .content2cols .fl p {
        font-size: 16px;
        line-height: 24px;
        text-align: left;
    }

    .content2cols .fl img {
        margin-bottom: 20px;
    }

    .content2cols .fr {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }

    .content2cols .fr p {
        font-size: 16px;
        line-height: 24px;
        text-align: left;
    }

    .content2cols ul li {
        padding-left: 26px;
        font-size: 16px;
        margin-bottom: 20px;
    }

    .content2cols ul li:before {
        width: 14px;
    }

    .content2cols .ttl {
        font-size: 26px;
        line-height: 28px;
        padding-top: 0px;
    }

    .content2cols+p {
        font-size: 16px;
        line-height: 24px;
    }

    .icons3 {
        padding-bottom: 0px;
        margin-bottom: 35px;
        padding-top: 40px;
    }

    .icons3 .col {
        text-align: center;
        margin: 0 auto;
        margin-bottom: 34px;
        max-width: 200px;
    }

    .icons3 .col span {
        margin: 0 auto !important;
        display: block;
        margin-bottom: 20px;
    }

    .icons3 .col:nth-child(3) {
        text-align: center;
    }

    .digit_list {
        margin-bottom: 40px;
    }

    .digit_list h3 {
        font-size: 22px;
        line-height: normal;
        margin-bottom: 35px;
        padding-top: 0px;
    }

    .digit_list .fl {
        width: 100%;
    }

    .digit_list .fr {
        width: 100%;
    }

    .digit_list ul li {
        margin-bottom: 20px;
    }

    #cooperation .anons {
        padding-left: 0px;
        margin-bottom: 40px;
    }

    #cooperation .anons h1 {
        font-size: 26px;
        line-height: normal;
        margin-bottom: 20px;
    }

    #cooperation .anons .devider {
        margin-bottom: 25px;
    }

    #cooperation .faq .item {
        margin-bottom: 29px;
    }

    #cooperation .faq .item .v {
        padding-left: 38px;
        line-height: normal;
        font-size: 14px;
        min-height: 24px;
        padding-top: 4px;
    }

    #cooperation .faq .item .v span {
        width: 24px;
        height: 24px;
        top: 0px;
    }

    #cooperation .faq .item .v span:before {
        width: 10px;
        margin-left: -5px;
    }

    #cooperation .faq .item .v span:after {
        height: 10px;
        margin-top: -5px;
    }

    #cooperation .faq .item .o {
        padding-left: 38px;
        padding-top: 24px;
        font-size: 14px;
        line-height: normal;
    }

    #cooperation .faq .item .o p {
        margin-bottom: 21px;
    }

    #cooperation .faq .item .o ul {
        padding-bottom: 0px;
    }

    #cooperation .faq .item .o ul li {
        margin-bottom: 21px;
        padding-left: 25px;
    }

    #cooperation .faq .item .o ul li:before {
        width: 14px;
    }

    #cooperation .faq .faq_form {
        margin-left: -50px;
        margin-right: -12px;
        padding: 45px 38px 45px 38px;
    }

    #cooperation .faq .faq_form .input {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }

    #cooperation .faq .faq_form .btn {
        width: 100%;
        margin-top: 10px;
    }

    .tabs a {
        margin-bottom: 9px;
        margin-left: 5px;
        margin-right: 5px;
        font-size: 16px;
    }


    .btn {
        min-width: 176px;
        padding-left: 25px;
        padding-right: 25px;
    }

    .wraper {
        padding-left: 10px;
        padding-right: 10px;
    }

    #top_line {
        display: none;
    }

    #main_slider .owl-carousel .owl-dots {
        bottom: 40px;
    }

    #main_slider .item {
        height: 464px;
        background-size: cover;
    }

    #main_slider .item .pic.visible {
        width: 172px;
        bottom: -15px;
        right: -8px;
    }

    #main_slider .item .pic.visible img {
        display: block;
        width: 100%;
    }

    #main_slider .item .text {
        top: 48px;
        left: 12px;
        width: calc(100% - 24px);
    }

    #main_slider .item .text h3 {
        text-align: left;
        font-size: 28px;
        line-height: 1.39;
    }

    #main_slider .item .text .btn {
        height: 53px;
        line-height: 53px;
        font-size: 18px;
    }

    #main_slider .item .text p {
        font-size: 19px;
        line-height: 1.37;
        margin-bottom: 32px;
    }

    .owl-carousel .owl-prev {
        left: -10px;
        top: 103px;
    }

    .owl-carousel .owl-next {
        right: -10px;
        top: 103px;
    }

    .owl-carousel .owl-prev:before {
        font-size: 13px;
    }

    .owl-carousel .owl-next:before {
        font-size: 13px;
    }

    .portfolio_last {
        margin-bottom: 40px;
    }

    .portfolio_last .blocks {

    }

    .portfolio_last .block {
        float: none;
        width: 100%;
        height: 263px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .portfolio_last .block .owl-carousel {
        height: 263px;
    }

    .portfolio_last .block .txt {
        left: 15px;
        width: calc(50% - 15px);
    }

    .portfolio_last .block .txt .name {
        font-size: 17px;
        line-height: 1.29;
    }

    .portfolio_last .block .border {
        border: 1px solid #fff;
        left: 5px;
        top: 13px;
        width: calc(100% - 10px);
        height: calc(100% - 26px);
    }

    .portfolio_last .block .pic {
        width: 136px;
        left: 23px;
    }

    .portfolio_last .block .pic img {
        display: block;
        width: 100%;
    }

    .portfolio_last .block .owl-carousel .item {
        height: 263px;
    }

    .portfolio_last .block:hover .border {
        border-width: 1px;
    }

    .cols3 .col {
        float: none;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .benefits_block .cols3 .col {
        float: left;
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .benefits_block .item {
        margin-bottom: 20px;
    }

    .benefits_block .item .pic {
        width: 100%;
        max-width: 163px;
        margin: 0 auto;
    }

    .benefits_block .item .txt {
        font-size: 20px;
        line-height: 1.25;
        margin-top: -33px;
    }

    .our_clients {
        padding-top: 40px;
        margin-bottom: 40px;
        padding-bottom: 18px;
    }

    .our_clients h3 {
        margin-bottom: 30px;
    }

    .our_clients .count_project {
        margin-bottom: 0px;
    }

    .our_clients .slider {
        margin-bottom: 25px;
    }

    .our_clients .slider .owl-carousel .owl-prev {
        left: calc(50% - 140px);
        top: -63px;
    }

    .our_clients .slider .owl-carousel .owl-next {
        left: calc(50% + 140px);
        top: -63px;
    }

    .our_clients .slider .item {
        width: 100px;
        height: 100px;
        border-width: 5px;
    }

    .our_clients .slider .item img {
        width: 75%;
    }

    .our_clients .slider .owl-item .item img {
        width: 75%;
    }

    .fl {
        float: none;
    }

    .fr {
        float: none;
    }

    .seo_text {
        margin-bottom: 30px;
    }

    .seo_text .bg2 {
        right: -260px;
    }

    .seo_text .bg1 {
        top: 380px;
    }

    .seo_text .col_50 {
        float: none;
        width: 100%;
        font-size: 14px;
        line-height: 22px;
    }

    .cols4 .col {
        float: none;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .small_benefits .item {
        margin-right: 0px;
        margin-bottom: 30px;
    }

    .small_benefits .item b {
        font-size: 18px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.56;
        margin-bottom: 15px;
    }

    footer {
        padding-top: 0px;
        padding-bottom: 0px;
        height: 142px;
    }

    footer .wraper {
        height: 100%;
    }

    footer nav {
        display: none;
        float: none;
        margin-right: 0px;
    }

    footer .contacts {
        float: none;
    }

    footer .contacts .politic_link {
        position: absolute;
        right: 14px;
        font-size: 13px;
        bottom: 10px;
    }

    footer .contacts .time {
        position: absolute;
        left: 15px;
        top: 14px;
        opacity: 0.68;
        font-size: 13px;
    }

    footer .contacts .tel {
        font-size: 18px;
        right: 15px;
        top: 11px;
        position: absolute;
    }

    footer .contacts .soc_seti {
        position: absolute;
        right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        top: 60px;
    }

    footer .contacts .soc_seti a {
        margin-right: 10px;
        height: 34px;
        width: 34px;
    }

    footer .contacts .soc_seti a img {
        display: block;
        width: 100%;
    }

    footer .logo {
        width: 127px;
        position: absolute;
        left: 15px;
        top: 49px;
    }

    footer .logo img {
        width: 100%;
    }

    footer .copy {
        position: absolute;
        left: 14px;
        bottom: 14px;
    }

    #page_title {
        height: auto;
        padding-top: 20px;
        padding-bottom: 22px;
    }

    #page_title .vert {
        position: relative;
        top: 0px;
        transform: none;
    }

    #page_title .page_ttl {
        font-size: 24px;
    }

    #page_title p {
        font-size: 19px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.37;
    }

    .bread {
        font-size: 14px;
    }

    .castle .text {
        float: none;
        margin-right: 0px;
    }

    .castle .text .in {
        margin-bottom: 50px;
        float: none;
        width: 100%;
        font-size: 14px;
        line-height: 1.57;
    }

    .castle .text .in h3 {
        padding-top: 0px;
    }

    .castle>h3 {
        margin-bottom: 30px;
    }

    .castle .pics {
        margin-right: 0px;
        border-top: 0px;
        border-left: 0px;
        border-right: 0px;
        border-radius: 0px;
        margin-left: -12px;
        margin-right: -12px;
        width: auto;
    }

    .mb150 {
        margin-bottom: 75px;
    }

    .about .castle .in {
        width: 100%;
        float: none;
    }

    .team .cols4 .col {
        float: left;
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .team .cols4 .col:nth-child(even) {
        clear: right;
    }

    .team .item {
        height: 292px;
    }

    .team .item .photo {
        width: 135px;
        height: 135px;
        margin: 0 auto;
        border-width: 4px;
        margin-bottom: 11px;
    }

    .team .item .name {
        font-size: 16px;
        font-weight: bold;
        line-height: 1.1;
    }

    .team .item .dolgnost {
        line-height: 1.47;
        font-size: 12px;
    }

    .team .item p {
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.25;
    }

    .our_clients.mb100 {
        margin-bottom: 30px;
    }

    .page_cp_block {
        padding-top: 32px;
    }

    .count_project {
        padding-left: 32px;
        padding-right: 32px;
        padding-bottom: 20px;
    }

    .count_project h3 {
        font-size: 25px;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
    }

    .count_project .item {
        margin-bottom: 20px;
    }

    .count_project .item .pic {
        margin-bottom: 12px;
    }

    /* .cat_menu a {
        margin-bottom: 12px;
        color: #000;
    }

    .cat_list {
        margin-bottom: 40px;
    }
    .cat_list .item {
        width: calc(50% - 9px);
        margin-right: 18px;
        margin-bottom: 7px;
    }
    .cat_list .item .price {
        font-size: 14px;
        line-height: 14px;
        margin-top: -10px;
        margin-bottom: 20px;
    }
    .cat_list .item .slider {
        margin-bottom: 9px;
    }
    .cat_list .item .slider .owl-carousel img {
        width: 100%;
    }
    .cat_list .item .name {
        height: 46px;
        font-size: 16px;
    }
    .cat_list .item .name a {
        font-size: 16px;
    }
    .cat_list .item:nth-child(2n) {
        margin-right: 0px;
    } */

    #element_detail .big_pic {
        margin-bottom: 13px;
    }

    #element_detail .big_pic .in {
        height: 245px;
    }

    #element_detail .small_pics a {
        width: 80px;
        height: 77px;
    }

    #element_detail .right_col {
        width: 100%;
    }

    #element_detail .name {
        font-size: 26px;
        margin-bottom: 17px;
    }

    #element_detail .params .block .ttl {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 4px;
    }

    .portfolio_link {
        padding-top: 30px;
    }

    .cat_list.mb150 {
        margin-bottom: 66px;
    }

    .text_wpic .text {
        margin-left: 0px;
        margin-bottom: 30px;
    }

    .text_wpic .text .in {
        position: relative;
        left: auto;
        top: auto;
        width: auto;
        transform: none;
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.38;
    }

    .text_wpic .pic {
        margin-bottom: 60px;
        margin-left: -12px;
        margin-right: -12px;
        width: auto;
    }

    .text_wpic .text.mir {
        margin-left: 0px;
        margin-right: 0px;
    }

    .text_wpic .text.mir .pic {
        margin-right: -12px;
        margin-left: -12px;
    }

    .text_wpic.mb150 {
        margin-bottom: 55px;
    }

    .etapy .item {
        margin-bottom: 22px;
    }

    .etapy .item .pic {
        width: 174px;
        margin: 0 auto;
    }

    .etapy .item .pic img {
        max-width: 100%;
    }

    .etapy .item p {
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.25;
    }

    #project_key {
        height: auto;
        padding-bottom: 53px;
    }

    #project_key .wraper {
        padding-left: 3px;
        padding-right: 3px;
    }

    #project_key .border {
        border-width: 3px;
        padding-left: 18px;
        padding-right: 18px;
        padding-top: 19px;
        padding-bottom: 33px;
    }

    #project_key .border h3 {
        font-size: 26px;
        font-family: "Circe";
    }

    #project_key .border .btn {
        max-width: none;
        width: 100%;
        font-size: 18px;
        font-family: "Circe";
    }

    #project_key .border ul li {
        font-size: 18px;
        font-weight: bold;
        font-family: "Circe";
    }

    #project_key .border p {
        font-family: "Circe";
        margin-bottom: 10px;
    }

    #project_key:after {
        display: none;
    }

    #new_window .close_window {
        top: -27px;
        right: 13px;
    }

    #new_window .c {
        margin-right: 12px;
        margin-left: 12px;
        padding: 17px 16px 30px 16px;
    }

    #new_window .c h3 {
        font-family: Circe;
        font-size: 20px;
        font-weight: 800;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        margin-bottom: 15px;
    }

    #new_window form p {
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.42;
    }

    .input {
        height: 52px;
        line-height: 52px;
    }

    textarea.input {
        height: 81px;
    }

    .p404 .inner h3 {
        margin-bottom: 10px;
    }

    .p404 .inner p {
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: 0.2px;
    }

    .p404 .inner .btn {
        font-size: 18px;
    }

    #case_title {
        padding-top: 16px;
        padding-bottom: 20px;
    }

    #case_title .page_ttl {
        font-size: 24px;
        font-weight: 900;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal;
        text-align: center;
    }

    #case_title p {
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.57;
    }

    .case .big_slider {
        margin-left: -12px;
        margin-right: -12px;
        margin-bottom: 15px;
        border-top: 0px;
        border-left: 0px;
        border-right: 0px;
        border-bottom: 5px;
    }

    .case .big_slider .owl-next {
        display: none !important;
    }

    .case .big_slider .owl-prev {
        display: none !important;
    }

    .case .slider_nav {
        margin-bottom: 35px;
    }

    .case .slider_nav a {
        width: 80px;
        height: 77px;
    }

    .case .slider_nav a.active {
        border-width: 1px;
    }

    .case h2 {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .case p {
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.57;
    }

    .case .pics3 {
        margin-bottom: 39px;
    }

    .case .pics3 .col {
        float: left;
        width: 33%;
        padding-left: 3px;
        padding-right: 3px;
    }

    .case .text_w_icon {
        padding-bottom: 33px;
        margin-bottom: 32px;
        padding-top: 10px;
    }

    .case .text_w_icon .pic {
        float: none;
        margin-left: 0px;
    }

    .case .text_w_icon .pic img {
        width: 100%;
    }

    .case .text_w_icon .text {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        transform: none;
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        padding-left: 23px;
    }

    .services .benefits_block .cols3 .col {
        float: none;
        width: 100%;
    }

    .services .benefits_block .item {
        max-width: 278px;
        margin: 0 auto;
        margin-bottom: 15px;
    }

    .services .benefits_block .item .txt {
        font-size: 16px;
    }

    .services .benefits_block .item .pic {
        max-width: 186px;
    }

    .detail_benefits {
        padding-top: 40px;
        padding-bottom: 32px;
    }

    .detail_benefits h4,
    .services_designer h4 {
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
    }

    .detail_benefits .cols3 .col,
    .services_designer .cols3 .col {
        float: none;
        width: 100%;
    }

    .detail_benefits .cols2 .col,
    .services_designer .cols2 .col {
        float: none;
        width: 100%;
    }

    .detail_benefits .item,
    .services_designer .item {
        max-width: 278px;
        margin: 0 auto;
        margin-bottom: 15px;
    }

    .detail_benefits .item .pic,
    .services_designer .item .pic {
        max-width: 186px;
    }

    .detail_benefits .item .txt,
    .services_designer .item .txt {
        font-size: 16px;
    }

    .page_cp_block {
        padding-bottom: 32px;
    }
}

/*# sourceMappingURL=main.css.map */
/* End */


/* Start:/local/templates/Main/assets/css/custom.css?177564839857841*/
.template-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    min-height: 50px;
    margin: 0;
    padding: 5px 10px;
    border: none;
    background: #ff6600;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    font-family: inherit;
}

#our_projects .owl-carousel .owl-next{
  border: 1px solid #4d4d4d;
  text-indent: -9999px;
  overflow: hidden;
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

#our_projects .owl-carousel .owl-prev{
  border: 1px solid #4d4d4d;
  text-indent: -9999px;
  overflow: hidden;
  border-radius: 0px;
}

#our_projects .owl-carousel .owl-next:before,#our_projects .owl-carousel .owl-prev:before {
    content: "\e902";
   color: #4d4d4d;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.link2cat{
  text-align: center;
  color: #131519;
  text-align: center;
  font-family: "Circe";
  font-style: normal;
  font-size: 23px;
  font-weight: 700;
  line-height: 130%; /* 29.9px */  
  padding-top: 14px;
}

.link2cat a {
  display: inline-block;
  color: #131519;
  border-bottom: 1px solid #F60;
}
.link2cat a:hover {
    border-bottom-color: transparent;
}
.bx-filter .checkbox+label {
  position: relative;
  padding-left: 39px;
  color: #000;
  font-family: Circe;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 114.286% */
  cursor: pointer;
  display: block;
  transition: all 0.3s ease;
}

.bx-filter .checkbox+label:before {
  content: " ";
  width: 24px;
  height: 24px;
  position: absolute;
  border: 0px solid #F60;
  background-color: #F60;
  left: 0px;
  border-radius: 4px;
  top: 0px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.bx-filter .checkbox+label:after {
  content: "\e900";
  top: 4px;
  left: 7px;
  font-size: 8px;
  display: block;
  position: absolute;
  color: #fff;
  font-family: "icomoon" !important;
  opacity: 0;
}

.bx-filter .checkbox:checked+label:after {
  opacity: 1;
}

.bx-filter .checkbox.error+label {
  border-bottom: 1px solid red;
  color: red;
}

.bx-filter .checkbox {
  opacity: 0;
  position: absolute;
}

.sidebar {
  margin-bottom: 26px;
}
.inner-wrapper-sticky{
  z-index: 999;
}

.item-checkbox:not(:last-child) {
    margin-bottom: 5px;
}

.item-checkbox .checkbox+label:before,
.item-checkbox .checkbox+label:after {
    display: none;
}
.item-checkbox__box {
    position: relative;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    border: 1px solid #F60;
    background-color: transparent;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
}
.checkbox:checked + label .item-checkbox__box {
    background: #F60;
}
.item-checkbox__box::after {
    content: "\e900";
    opacity: 0;
}
.checkbox:checked+label .item-checkbox__box:after {
    top: 50%;
    left: 50%;
    font-size: 8px;
    display: block;
    position: absolute;
    color: #fff;
    font-family: "icomoon" !important;
    opacity: 1;
    transform: translate(-50%, -50%);
}
.item-checkbox .bx-filter-input-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
}
.item-checkbox .checkbox+label {
    min-height: 24px;
    padding-left: 0;
}

.item-checkbox.hidden {
	display: none;
}

.filter-more-btn {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: 5px;
	padding: 5px 15px;
    min-width: 120px;
}

.filter-more-btn {
	margin-top: 5px;
}

.filter-checkbox-list .hidden {
	display: none;
}

.filter-checkbox-list.expanded .hidden {
	display: block;
}

.filter-more-btn__arrow {
	transition: transform 0.3s ease;
	transform: rotate(90deg);
}

.expanded .filter-more-btn__arrow {
	transform: rotate(-90deg);
}

#main_slider{
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(23, 24, 24, 0.1);
    padding-top: 45px;
    padding-bottom: 90px;
    
}

#main_slider .pic_place{
  height: 385px;
  margin-bottom: 39px;
  background-size: cover;
}

#main_slider .slide_bottom{
  height: 180px;
}

#main_slider .slide_bottom .in{

}

#main_slider .slide_bottom .in a{
color: #282828;
font-family: "Gotham Pro";
font-size: 45px;
font-style: normal;
font-weight: 700;

line-height: 130%; /* 58.5px */
}

#main_slider .slide_bottom .in a span{
  color: #FF6E0D;
  display: inline-block;
  border-bottom: 2px solid #FF6E0D;
}

.slide_contacts{
  position: absolute;
  bottom: 0px;
z-index: 50;
  border-radius: 2px;
  background: #FFF;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.12);
  border-top:2px solid #FF6E0D;
  text-align: center;
  padding: 24px;
  width: 398px;
  right: 21px;
}

.slide_contacts div{
  color: #282828;
  text-align: center;
  font-family: "Gotham Pro";
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 32.5px */
  margin-bottom: 10px;
}

.slide_contacts .btn{
  box-shadow: none;
  color: #FFF;
  
  text-align: center;
  font-family: Circe;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}


.sup_text{
   position: absolute;
   bottom: 4px;
   left: 140px;
   color: #282828;
   z-index: 50;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 130%; /* 18.2px */
   
  
}

#main_slider .wraper{
    max-width: 1130px;
}

#main_slider .owl-carousel .owl-stage-outer{
    overflow: hidden;
}

#main_slider .item .text h3 {
    line-height: normal;
}

#main_slider .owl-carousel .owl-dots {
    bottom: 20px;
}


.castle{
  padding-bottom: 60px;
}

#zamer, #designer{
  padding-bottom: 67px;
}

#designer + .wraper{
  padding-left: 0px;
  padding-right: 0px;
}

#mebelnz{

  padding-bottom: 90px;
}


#mebelnz .block{
  width: calc(50% - 10px);
  height: 255px;
  border-radius: 4px;
  background-color: #efebe9;
  padding-left: 40px;
  padding-right: 40px;
  display: block;
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
  float: left;
}

#mebelnz:after{
  content: "";
  clear: both;
  width: 100%;
  display: block;
}

#mebelnz .block:nth-child(even) {
    float: right;
}


#mebelnz .block .text{
  max-width: 50%;
  position: absolute;
  left: 40px;
  top:50%;
  transform: translateY(-50%);
}

#mebelnz .block .text .btn{
  height: 33px;
  line-height: 33px;
}

#mebelnz .block .text h3{
  text-align: left;
  font-family: Circe;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 10px;
}

#mebelnz .block .text.white h3{
  color: #fff;
}


#mebelnz .block .text p{
  font-family: Circe;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 14px */
  margin-bottom: 35px;
  
}

#mebelnz .block .text.white p{
  color: #fff;
}


.header-callback{
  order: 2;
}

#cooperation{
  overflow: hidden;
}

.product-item .image .pic_place {
    margin-bottom: 10px;
    height: 220px;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    position: relative;
    background-size: cover;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
}

.product-item .image .pic_place .part {
    flex: 1 1 auto;
    height: 100%;
    z-index: 11;
}




.product-item .image .dots {
font-size: 0px;
height: 8px; 
margin-bottom: 10px;
}
.product-item .image .dots .d {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: rgba(128, 128, 128, 1);
  margin-left: 3px;
  margin-right: 3px;
  font-size: 0px;
  vertical-align: top; }
 .product-item .image .dots .d.active {
    background-color: rgba(255, 102, 0, 1); }

#container::before {
    background: url('/local/templates/Main/i/bg_pattern.svg') center 0px;
    content: " ";
    height: 100%;
    left: 0;
    top: 0;
    position: fixed;
    width: 100%;
    will-change: transform;
    z-index: 0;
    opacity: 0.1;
}

#page_content > .bg{
    background-color: #fff;
    padding-bottom: 40px;
}

#page_content.services > .bg{
  

  
}

#page_content.gray_bg2 > .bg {
  background-color: #F1F1F1;
}

#page_content.gray_bg2 .bread{
  margin-bottom: 0px;
  border-bottom: 0px;
}

#page_content.main_page  > .bg{
    background-color: transparent;
}

#panel {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1100;
}

.main_page_catalog .tabs_content{
  max-width: 920px;
  margin: 0 auto;
}

.char_params {
    max-width: 320px;
    margin-bottom: 18px;
}

.char_params .par {
    position: relative;
    height: 13px;
    line-height: 13px;
    color: #808080;
    text-align: left;
    font-size: 13px;
    margin-bottom: 13px;
    background: url("/local/templates/Main/i/punktir.png") 0px 94% repeat-x;
}

.char_params .par:last-child {
    margin-bottom: 0px;
}

.char_params .par .n {
    float: left;
    background-color: #fff;
    padding-right: 5px;
}

.char_params .par .v {
    float: right;
    background-color: #fff;
    padding-left: 5px;
}

#element_detail .params .param.colorBeliy {
    border: 1px solid #e7e7e7;
}

#element_detail .name .articul {
    font-size: 15px;
    opacity: 0.7;
}

.top_seo_text {
    margin-bottom: 30px;
    padding-top: 10px;
}

.top_seo_text .txt {
    position: relative;
    z-index: 10;
}

.bx-pagination .bx-pagination-container ul li.bx-active span {
    background-color: #FF6600;
}

.bx_sitemap_li_title.is_tag {
    background-color: yellow;
}

a.nohover.parent {
    cursor: default;
}

.bx_sitemap ul {
    padding-left: 30px;
}

.bx_sitemap ul li {}

.tags_list {
    position: relative;
}

.tags_list .in {
    font-size: 0px;
}

.tags_list .tag {
    display: inline-block;
    border: 1px solid #e6e6e6;
    color: #282828;
    font-weight: 400;
    font-size: 14px;
    line-height: 40px;
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 22px;
    margin-right: 10px;
    margin-bottom: 10px;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.tags_list .tag.active {
    cursor: default;
    background-color: #FF6600;
    color: #fff;
    border-color: #FF6600;
}

.tags_list .tag .border {
    width: 22px;
    height: 22px;
    overflow: hidden;
    border-radius: 50%;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 6px;
}

.tags_list .tag .border img {
    display: block;
    width: 100%;
}

.tags_list .tag .name {
    display: inline-block;
}

.tags_list .tag:hover {
    border: 1px solid #dd6f36;
}

.tags_list .show_more {
    position: absolute;
    display: none;
    right: 0px;
    top: 0px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.3px;
    color: #282828;
    padding-right: 30px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.tags_list .show_more:hover {
    color: #dd6f36;
}

.tags_list .show_more:after {
    content: " ";
    width: 20px;
    height: 20px;
    display: block;
    background: #ffffff;
    border: 1px solid #dd6f36;
    border-radius: 50%;
    position: absolute;
    right: 0px;
    top: 0px;
}

.tags_list .show_more svg {
    width: 14px;
    height: 8px;
    position: absolute;
    right: 4px;
    top: 7px;
    z-index: 50;
}

.product-item .sku-label {
    position: absolute;
    bottom: 40px;
    border-radius: 3px;
    display: block;
    color: #fff;
    font-size: 14px;
    z-index: 30;
    white-space: nowrap;
    padding: 4px 6px 3px 6px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    left: 10px;
    letter-spacing: -0.3px;
    font-weight: 600;
    background: #2c2c2c;
}

.product-item-img-link {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-height: 250px;
}

.product-item .owl-nav {
    display: none;
}

.product-item .owl-controls {
    /* height: 0; */
}

/* 
header nav ul li {
    padding-bottom: 3px;
}

header nav ul li:hover ul li ul {
    visibility: hidden;
    opacity: 0;
    top: -16px;
    left: 100%;
}

header nav ul li ul li ul:before {
    right: auto;
    top: 28px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 16px;
    margin-top: -16px;
    left: -16px;
}

header nav ul li ul li ul:after {
    display: none;
}

header nav ul li:hover ul li:hover ul {
    visibility: visible;
    opacity: 1;
} */

#page_title p i {
    font-style: normal;
    font-weight: 800;
    font-size: 25px;
}

div,
h4,
input,
textarea,
button,
select,
a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.case .wraper>ul {
    padding-bottom: 29px;
}

.case .wraper>ul li {
    margin-bottom: 21px;
    padding-left: 53px;
    position: relative;
}

.case .wraper>ul li:before {
    background-color: #FF6600;
    width: 24px;
    height: 2px;
    content: " ";
    display: block;
    position: absolute;
    left: 0px;
    top: 11px;
}

.file_input .btn-tertiary {
    color: fff;
    padding: 0;
    margin: auto;
    display: block;
    height: 44px;
    line-height: 44px;
}

.file_input .btn-tertiary:hover,
.file_input .btn-tertiary:focus {}

.file_input .input-file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.file_input .input-file+.js-labelFile {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px;
    cursor: pointer;
}

#top_calc .step .block .name sup {
    color: red;
    font-size: 10px;
    font-weight: bold;
    vertical-align: middle;
    line-height: 10px;
}

#top_calc .step .block .input.error {
    border-color: red;
}

#top_calc .step .block .input+i {
    font-size: 15px;
    font-style: normal;
    display: block;
    line-height: normal;
}

#element_detail .left_col .works {
    text-align: center;
    padding-top: 20px;
}

#element_detail .left_col .works .btn {
    width: 100%;
}

#works a {
    position: relative;
    display: block;
}

#works a img {
    width: 100%;
    display: block;
}

#works a .but {
    display: none;
}

#works a:hover img {
    z-index: 60;
    position: relative;
}

#works a:hover .in {
    display: block;
    position: absolute;
    z-index: 50;
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgb(23 24 24 / 10%);
    width: calc(100% + 20px);
    min-height: 100%;
    top: -10px;
    left: -10px;
    padding: 10px;
    padding-top: 100%;
}

#works a:hover .in .but {
    display: block;
    text-align: center;
    padding-top: 10px;
}

#works a .in .btn {
    height: 36px;
    line-height: 38px;
    font-size: 11px;
    box-shadow: none;
    min-width: inherit;
    cursor: pointer;
}

#works .sp-gallery-item-text-content {
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 5px;
}


#main_slider .item .text h3 {
    text-align: left;
}

.tabs_content .tab {
    opacity: 0;
    height: 1px;
    overflow: hidden;
}

.tabs_content .tab.active {
    display: block;
    opacity: 1;
    height: 100%;
    overflow: visible;
}

#element_detail .small_pics a:hover {
    border: solid 1px #FF6600;
}

.gallery .item {
    background-color: transparent;
    height: auto;
}

.gallery .item img {
    display: block;
    width: 100%;
}

.seo_text {
    margin-bottom: 120px;
}

.page_project_count {
    padding-top: 87px;
    padding-bottom: 86px;
    background-color: #f6f5f5;
    margin-bottom: 120px;
}

.page_project_count .count_project {
    margin-bottom: 0px;
}

.page_portfolio {
    margin-bottom: 40px;
}

.slider.one_pic {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-position: center center;
    background-size: cover;
}

.otrasli_cats {
    margin-bottom: 10px;
}

.mb70 {
    margin-bottom: 70px;
}

.mb40 {
    margin-bottom: 40px;
}


.gallery {
    margin-bottom: 80px;
}

#element_detail .big_pic .in {
    background-size: cover;
}

#element_detail .params .param {
    background-size: cover;
}

#element_detail .params .param.active{
    border: 3px solid green;
}

#new_window .modal_dialog {
    max-width: 744px;
}

#new_window form p {
    margin-left: -20px;
    margin-right: -20px;
}

.cols3 .col {
    margin-bottom: 20px;
}

.text_wpic .text .in {
    transform: translate(-50%, -50%);
}


.portfolio_last{
    background: #FFFFFF;
    border-radius: 4px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 67px;
    padding-bottom: 0px;

}
.portfolio_last .block:after {
    content: " ";
    display: block;
    z-index: 1;
    position: absolute;
    background-color: #000;
    opacity: 0.18;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.portfolio_last .block.wpic .txt {
    padding: 6px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.7);
}



#element_detail .small_pics {
    font-size: 0px;
}

#element_detail .small_pics a {
    height: 111px;
}

#element_detail .small_pics a:first-child {
    margin-left: 0px;
}

#element_detail .small_pics a:last-child {
    margin-right: 0px;
}

#element_detail .big_pic {
    cursor: pointer;
}

.small_benefits{
    margin-top: 40px;
}

.item .slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.grid {
    display: grid;
    grid-template-columns: 291px 1fr;
    column-gap: 26px;
}

.catalog {
    min-width: 0;
}

.catalog-description {
    font-weight: 400;
    font-size: 14px;
    color: #333333
}
.catalog-description:not(:last-child) {
    margin-bottom: 15px;
}

@media (max-width: 1024px) {
    .catalog-description {
        font-weight: 700;
        font-size: 16px;
    }
}

.catalog-head {
    display: flex;
    gap: 20px;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 20px;
    min-height: 38px;
}
.catalog-head .button {
    display: none;
}

.catalog-sort {
    display: flex;
    margin-left: auto;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
}
.catalog-sort select {
    opacity: 0;
}
.catalog-sort .nice-select {
    flex: 0 0 200px;
    min-width: 200px;
    z-index: 40;
}
.catalog-sort .nice-select .nice-select-dropdown{
    width: calc(100% + 2px);
}
.bx-sidebar-filter {
    display: block;
}

@media (max-width: 1024px) {
    .catalog-sort .nice-select {
        display: flex;
        justify-content: center;
        width: 100%;
        flex-basis: auto;
        height: 44px;
        font-weight: 700;
        font-size: 16px;
        line-height: 42px;
        border-radius: 2px;
    }
    #main_slider {
      padding-top: 21px;
    }
    #main_slider .slide_bottom .in{
      max-width: calc(100% - 420px);
    }
    
    #main_slider .slide_bottom .in a{
      font-size: 32px;
      
    }
    
    .sup_text{
      display: none;
    }
  
    .product-item .owl-nav {
        display: block;
    }

    .catalog-head {
        flex-wrap: wrap;
        padding: 0;
        border: none;
    }

    .catalog-head .button {
        order: 3;
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
        box-shadow: unset;
    }
    .catalog-sort {
        order: 4;
        height: 44px;
        width: 100%;
    }
    .catalog-list {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    }

    .grid {
        display: flex;
        flex-direction: column;
        row-gap: 26px;
    }

    .sidebar {
        order: 1;
        /* display: none; */
        margin-bottom: 26px;
    }

    .bx-sidebar-filter {
        display: none;
    }

    .bx-sidebar-filter.is-open {
        z-index: 1000;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        display: flex;
        width: 100%;
        height: 100%;
        background: #fff;
        overflow-y: auto;
    }

    body.is-fixed {
        overflow: hidden;
    }

    .bx-filter {
        border: none;
    }
}

.catalog-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 16px;
    row-gap: 16px;
    flex-wrap: wrap;
    margin: 30px 0 35px 0;
}

.catalo-more button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    min-width: 32px;
    background: #fff;
    border: 2px solid #eff0f1;
    line-height: 28px;
    padding: 0 18px;
    color: #444;
    font-family: "Circe", serif;
    font-size: 14px;
    border-radius: 16px;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

.catalo-more button:hover {
    border-color: #dadada;
}

.item .name {
    line-height: 22px;
    height: auto;
}

#case_title p {
    max-width: none;
}

.infinity_more {
    clear: both;
    margin-top: 30px;
}

.our_clients .slider .owl-item .item img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#element_detail .big_pic .in {
    background-color: transparent;
}

#element_detail .big_pic .in.vertical {
    background-size: contain;
}

.seo_text {
    margin-bottom: 40px;
}


.benefits_block .item .pic {
    position: relative;
}

.benefits_block .item .price {
    position: absolute;
    top: 35%;
    width: 100%;
    text-align: center;

    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: -0.3px;
    text-align: center;
    color: #FF6600;
}

#top_line .callback {
    float: right;
    margin-left: 0px;
    margin-right: 20px;
}

#top_line .callback {
    float: right;
}

.blog_list .item .in span {
    color: #FF6600;
    font-weight: bold;
}

.case p {
    position: relative;
    z-index: 2;
}

.portfolio_last .block:after {
    display: none;
}

.team .item {
    height: 400px;
}

#new_window .important {
    line-height: normal;
}

.owl-carousel .owl-stage-outer {}

.item .price {
    line-height: normal;
}

#element_detail .small_pics a {
    margin-bottom: 10px;
}

#element_detail .small_pics a:first-child {
    margin-left: 5px;
}

#element_detail .small_pics a:nth-child(5n) {
    margin-right: 0px;
}

.item .name {
    min-height: 35px;
}

.other {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    column-gap: 26px;
    row-gap: 20px;
}

.catalog-list {
    display: flex;
    flex-direction: column;
    row-gap: 26px;
    /* display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    column-gap: 26px;
    row-gap: 20px; */
    margin-bottom: 26px;
}

.product-item {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.10);
    border-radius: 2px;
    -webkit-transition: box-shadow 0.3s;
    -moz-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
}

.product-item:hover {
    box-shadow: 0px 0px 10px 0px rgba(23, 24, 24, 0.1);
}

.product-item-desc {
    display: flex;
    flex-direction: column;
    padding: 5px 10px 15px 10px;
    gap: 20px;
    align-items: center;
    flex: 1 1 auto;
}

.product-item-desc .name {
    font-size: 17px;
    text-align: center;
    font-weight: 400;
}

.product-item .but {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-top: 16px;
}

.product-item .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 190px;
    height: 32px;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    box-shadow: none;
    min-width: inherit;
    border-radius: 2px;
}

.product-item .price {
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    margin-top: 3px;
}

.product-item a {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.product-item .params {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    flex: 1 1 auto;
    justify-content: flex-end;
}

.product-item .params .par {
    display: flex;
    color: #808080;
    font-size: 14px;
    gap: 5px;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.product-item .image {
    position: relative;
}

.product-item .slider.one_pic {
    display: flex;
    height: 220px;
}

.product-item .slider.one_pic img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.product-item .slider {
    /* height: 250px; */
    overflow: hidden;
}

.product-item .slider .owl-carousel .owl-item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 250px;
}

.product-item .slider .owl-carousel .owl-item img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.product-item .slider.one_pic.sec {
    background-size: contain;
    background-repeat: no-repeat;
}

.product-item .slider.one_pic.sec img {
    display: none;
}

.product-item .slider {
    margin-bottom: 8px;
    display: block;
    position: relative;
}

.product-item .slider .owl-carousel {
    z-index: auto;
}

.product-item .slider .owl-carousel .owl-next {
    top: 50%;
    margin-top: -25px;
    z-index: 20;
}

.product-item .slider .owl-carousel .owl-prev {
    top: 50%;
    margin-top: -25px;
    z-index: 20;
}

.slider.one_pic.sec+.name {
    text-align: center;
}

#element_detail .big_pic .in {
    background-size: contain;
}
.other_elements_row {
    margin-top: 50px;
    padding: 50px var(--transparent-wrapper-horizontal) 40px var(--transparent-wrapper-horizontal);
    background: #FFFFFF;
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.12);
    border-radius: 4px;
}

@media only screen and (max-width: 767px) {
    .other_elements_row {
        margin-top: 25px;
        padding:25px var(--transparent-wrapper-horizontal) 50px var(--transparent-wrapper-horizontal);
    }
}

.other_elements .cat_list {
    margin-bottom: 20px;
}

.input.hidden {
    display: none;
}

/* .special_dark .marg {
    text-align: left;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

.special_light .marg {
    text-align: left;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

.item.special_light .params {
    display: none;
}
.item.special_light .btn {
    height: 44px;
    line-height: 44px;
    font-size: 13px;
}

.item.special_dark .params {
    display: none;
}
.item.special_dark .btn {
    height: 44px;
    line-height: 44px;
    font-size: 13px;
}

.item.special_dark:hover .marg {
    position: relative;
    width: auto;
    left: auto;
    top: auto;
    min-height: 430px;
}

.item.special_light:hover .marg {
    position: relative;
    width: auto;
    left: auto;
    top: auto;
    min-height: 430px;
}

.item.special_dark .slider.one_pic {
    height: 265px;
}
.item.special_dark .but {
    display: block;
}

.item.special_light .but {
    display: block;
}

.item.special_light .slider.one_pic {
    height: 265px;
}
.item.special_light .name {
    text-align: left;
}

.item.special_dark .name {
    text-align: left;
    color: #fff;
}

.item.special_dark .name a {
    color: #fff;
} */

.tabs_content .tab.active {
    padding-bottom: 37px;
}

@media only screen and (max-width: 1430px) {
    #project_key:after {
        right: -120px;
    }
}

@media only screen and (max-width: 1260px) {
    #top_line .callback {
        width: 25px;
        height: 25px;
        overflow: hidden;
    }

    #project_key:after {
        right: -225px;
    }
}

@media only screen and (max-width: 1130px) {
    #top_line nav a {
        padding-left: 8px;
        padding-right: 8px;
    }

    #top_line nav a:nth-child(7) {
        display: none;
    }

    #project_key:after {
        right: -330px;
    }
}

@media only screen and (max-width: 1030px) {
    #project_key:after {
        right: -430px;
    }
}

@media only screen and (max-width: 940px) {
    #project_key:after {
        display: none;
    }
}

@media only screen and (max-width: 780px) {}

@media only screen and (max-width: 480px) {
    .item .but {
        display: block;
    }

    .item:hover .marg {
        position: relative;
        left: auto;
        height: auto;
        min-height: inherit;
        top: auto;
        width: auto;
    }

    .item .name {
        min-height: auto;
        margin-bottom: 10px;
    }

    .item .marg .params .hider {
        display: block;
    }

    .item {
        max-width: none;
    }

    .seo_text {
        margin-bottom: 30px;
    }

    .item {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 25px;
    }

    .item .price {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .item .slider {
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .item .name {
        text-align: center;
    }

    .text_wpic .pic {
        margin-bottom: 30px;
    }

    .text_wpic .text .in {
        transform: none;
        margin-left: -12px;
        margin-right: -12px;
        padding-left: 12px;
        padding-right: 12px;
    }

    .text_wpic .text .in:before {
        display: none;
    }

    .akcii_list .item:hover {}

    .akcii_list .item .in .date {
        position: relative;
        margin-top: 0px;
        top: auto;
    }

    .item:nth-child(4n) {
        margin-right: 0px;
    }

    #element_detail .small_pics a {
        height: 77px;
    }

    #element_detail .small_pics a:nth-child(5n) {
        margin-right: 5px;
    }

    .item.special_light .name {
        background-color: rgba(255, 255, 255, 0.75);
        padding-top: 20px;
        padding-bottom: 20px;
        text-align: center;

        width: calc(100%);
    }

    .portfolio_last .block .txt {
        width: calc(75% - 15px);
    }
}

.seo_text{
    background-color: #fff;
    margin-bottom: 0px;
    padding-bottom: 40px;
    
}
.seo_text p {
    position: relative;
    z-index: 10;
}

.seo_text .txt {
    position: relative;
    z-index: 10;
}
.seo_text .txt:after {
    content: ' ';
    clear: both;
    width: 100%;
    display: block;
}
.seo_text .txt p {
    margin-bottom: 15px;
}

.seo_text .txt h2 {
    margin-bottom: 20px;
}

.seo_text .txt ul {
    margin-bottom: 15px;
    margin-left: 0px;
    list-style: none;
}

.seo_text .txt ol {
    list-style: auto;
    margin-left: 18px;
    margin-bottom: 15px;
}

.team .item .photo {
    background-size: 102%;
}

#page_title{
    min-height: 90px;
    padding-top: 25px;
    padding-bottom: 25px;
}


#page_title .page_ttl h1 {
    font-size: 100%;
    margin: 0px;
    font-weight: 800;
    color: #595959;
}

#element_detail .name h1 {
    font-size: 100%;
    margin: 0px;
    font-weight: normal;
}



.item .price {
    float: left;
    line-height: 46px;
}

#contacts_form {
    margin-top: 50px;
    padding: 40px;

    background-color: #ffffff;
}

#contacts_form h3 {
    font-size: 36px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #333333;
    font-family: "Gotham Pro";
    margin-bottom: 50px;
}

#contacts_form .fl {
    width: calc(40% - 15px);
}

#contacts_form .fr {
    width: calc(60% - 15px);
}

#contacts_form .input_ttl {
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.3px;
    color: #282828;
    margin-bottom: 4px;
}

#contacts_form .input {
    margin-bottom: 20px;
}

#contacts_form textarea.input {
    height: 280px;
}

#contacts_form .cplace {
    margin-bottom: 30px;
}

#contacts_form .otvet {
    padding-bottom: 23px;
}

.custom-file {
    position: relative;
    margin-bottom: 25px;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 65px;
    margin: 0;
    opacity: 0;
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 65px;
    padding: 0px 0.75rem;
    line-height: 65px;
    color: #7b8a8b;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 0.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 110px;
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 63px;
    padding: 0px 0.75rem;
    line-height: 63px;
    cursor: pointer;
    color: #7b8a8b;
    content: "Выбрать";
    background-color: #ecf0f1;
    border-left: 1px solid #ced4da;
    border-radius: 0 0.25rem 0.25rem 0;
}

#contacts_form {
    margin-bottom: 40px;
}

#top_calc .step .reseption_type input[type="radio"]+label {
    width: 20%;
    margin-right: 35px;
}

#top_calc .step .reseption_type input[type="radio"]+label:after {
    display: none;
}

#top_calc .step .reseption_type input[type="radio"]+label:before {
    display: none;
}

#top_calc .step .reseption_type input[type="radio"]+label span {
    font-size: 0px;
    display: block;
    color: #808080;
}

#top_calc .step .reseption_type input[type="radio"]+label span svg {
    display: block;
    width: 100%;
    height: 90px;
    opacity: 0.5;
}

#top_calc .step .reseption_type input[type="radio"]+label i {
    font-style: normal;
    font-size: 15px;
    color: #fff;
    display: block;
    padding-top: 10px;
    text-align: center;
}

#top_calc .step .reseption_type input[type="radio"]:checked+label span svg {
    opacity: 1;
}

#top_calc .step .reseption_type input[type="radio"]+label:last-child {
    margin-right: 0px;
}

@media only screen and (max-width: 500px) {
    #top_calc .step .reseption_type input[type="radio"]:checked+label span svg g {
        fill: #FF6600;
    }

    #top_calc .step .reseption_type input[type="radio"]+label {
        width: 48%;
        margin-right: 0px;
    }

    #top_calc .step .reseption_type {
        margin-bottom: 40px;
    }

    #top_calc .step .reseption_type input[type="radio"]+label i {
        color: #282828;
    }

    .item .slider .owl-carousel .owl-item {
        height: auto;
    }

    .item .slider {
        height: auto;
    }

    #contacts_form .fl {
        float: none;
        width: 100%;
    }

    #contacts_form .fr {
        float: none;
        width: 100%;
    }

    .custom-file-label {
        line-height: 52px;
        height: 52px;
    }

    .custom-file-label::after {
        line-height: 52px;
    }

    #contacts_form {
        padding: 20px;
    }

    .captcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

.seo_text ul li {
    padding-left: 30px;
    position: relative;
}

.seo_text ul li:before {
    background-color: #FF6600;
    display: block;
    position: absolute;
    content: " ";
    width: 6px;
    height: 6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    left: 6px;
    top: 7px;
}

.product-item .slider.one_pic {
    margin-bottom: 30px;
}

@media only screen and (max-width: 380px) {


    .count_project .but_block {
       
       
    }

    .count_project {
        padding-left: 20px;
        padding-right: 20px;
    }

    .case .count_project .btn {
        font-size: 10px;
    }

    #top_calc .step .shkaf_color input[type="radio"]+label {
        width: 75px;
    }

    #top_calc .step .btn {
        min-width: 140px;
    }
}

/*********** NEW HEADER ***********/
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
    transition: all 0.3s;
    box-shadow: 0px 0px 10px 0px rgba(23, 24, 24, 0.1);
}

.header.is-hide {
    top: -100px;
}

.header.is-fixed {
    
}

.header.menu-open .header-top {
    background-color: #282828;
}
.header.menu-open .header-top::before {
    opacity: 0;
}

.header-top {
    display: flex;
    align-items: center;
    height: 100px;
    background: #2c2c2c;
    transition: all 0.2s;
    position: relative;
}

.header-top::before {
    background: url('https://dev.s-mf.ru/local/templates/Main/i/bg_pattern.svg') center 0px;
    content: " ";
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 0;
    opacity: 0.25;
    transition: all 0.2s;
}

.header-top .wraper {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    column-gap: 20px;
}

.logo {
    display: flex;
    width: 240px;
    justify-content: center;
}

.tel {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    height: 34px;
    justify-content: space-between;
}

.tel a {
    display: block;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.3px;
    color: #fff;
    white-space: nowrap;
}

.tel a:hover {
    color: #FF6600;
}

.tel .time {
    font-size: 10px;
    font-weight: normal;
    letter-spacing: 0.2px;
    color: #fff;
}

.nav-top__right {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: flex-end;
}

.nav-top ul {
    display: flex;
    align-items: center;
    column-gap: 15px;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
}

.nav-top ul li a {
    font-size: 15px;
    color: #bebebe;
    letter-spacing: -0.3px;
}

.nav-top ul li a:hover {
    color: #FF6600;
}

.city {
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.city-select {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
    background-color: transparent;
    border: none;
}

.city-current {

}

.city-form {
    display: none;
    position: absolute;
    z-index: 1;
    top: calc(100% + 15px);
    left: -30px;
    width: calc(100% + 60px);
    min-width: 293px;
    padding: 20px 30px;
    border-top: 4px solid #FF6600;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 2px 4px 23px 0px rgba(0, 0, 0, 0.2);
}

.city-form > span {
    display: block;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 14px;
}

.city-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.city-item label {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.city-item input {
    display: none;
}
.city-item input:checked + .city-checkbox-icon::before {
    opacity: 1;
}

.city-item input:checked + .city-checkbox-icon {
    border-color: #FF6600;
}

.city-item label span {
    font-weight: 400;
    font-size: 14px;
}

.city-form button {
    width: 100%;
    margin-top: 15px;
}

.city-checkbox-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    border: 1px solid #282828;
    border-radius: 50%;
    margin-right: 12px;
    transition: border-color ease-in-out 0.3s;
}

.city-checkbox-icon::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background-color: #FF6600;
    transition: opacity ease-in-out 0.3s;
    opacity: 0;
    border-radius: 50%;
}

.city-select .arrow-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 3px;
    width: 7px;
    height: 6px;
}
.city-select .arrow-icon svg {
    width: 100%;
    height: 100%;
}

.city .marker {
    position: relative;
    border: 2px solid #FF6600;
    border-radius: 50%;
    text-align: center;
    width: 26px;
    height: 26px;
    margin-right: 10px;
}

.city .marker svg{
  position: absolute;
  left: 50%;
  top:50%;
  transform: translate(-5px, -7px);
}


.popup-city-form {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.popup-city-form .template-btn {
    align-self: center;
    width: 60%;
    min-width: 200px;
    margin-top: 20px;
}

.popup-city-list {
}

.header-bottom {
    display: flex;
    align-items: center;
    min-height: 74px;
    background: #fff;
}

.header-bottom .wraper {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.header-catalog {
    position: relative;
}

.header-catalog.is-open .header-catalog-dropdown {
    display: block;
}

.header-catalog.is-open .header-catalog-button .open {
    display: none;
}

.header-catalog.is-open .header-catalog-button .close {
    display: block;
}

.header-catalog-button {
    width: 240px;
}

.header-catalog-button span {
    margin-top: 1px;
    font-family: "Circe", serif;
}

.header-catalog-button-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
}

.header-catalog-button.is-active .open {
    opacity: 0;
    position: absolute;
}

.header-catalog-button.is-active .close {
    opacity: 1;
    position: static;
}

.header-catalog-button .close {
    display: block;
    opacity: 0;
    position: absolute;
}

.header-catalog-button svg {
    transition: opacity 0.3s ease;
}


.header-catalog-dropdown {
    display: block;
    position: absolute;
    z-index: 1000;
    top: 100%;
    min-width: 240px;
    padding-top: 12px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.header-catalog-dropdown.is-open {
    opacity: 1;
    pointer-events: auto;
}

.header-catalog-tabs {
    padding-bottom: 8px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 2px 4px 23px rgba(0, 0, 0, 0.1);
}

.header-catalog-tab-header {
    display: flex;
    align-items: center;
    column-gap: 8px;
    border-bottom: 1px solid #e5e4e4;
    margin: 0 20px 12px 20px;
    padding: 16px 0 0 0;
}

.header-catalog-tab-link {
    padding: 0 8px;
    cursor: pointer;
    color: #999999;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    white-space: nowrap;
    border-bottom: 3px solid transparent;
    user-select: none;
}

.header-catalog-tab-link:hover {
    color: #000;
    border-bottom: 3px solid #ff6600;
}

.header-catalog-tab-link.is-active {
    color: #000;
    border-bottom: 3px solid #ff6600;
    cursor: default;
}

@media (max-width: 1024px) {
    .header-catalog-tab-header {
        padding: 0;
        margin: 0;
        border-bottom: none;
        height: 50px;
    }

    .header-catalog-tab-link {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1 1 calc((100% - 8px) / 2);
        height: 100%;
        text-transform: unset;
        background-color: #F1EEEE;
        font-weight: 700;
        font-size: 18px;
        border-bottom: unset
    }


    .header-catalog-tab-link.is-active {
        background-color: #fff;
        border-bottom: unset
    }
}

.header-catalog-tab-body {
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
}

.header-catalog-tab-body[data-tab="tab2"] {
    max-width: 1240px;
}

.header-catalog-tab-body::-webkit-scrollbar {
    width: 8px;
}

.header-catalog-tab-body::-webkit-scrollbar-track {
    background: transparent;
}

.header-catalog-tab-body::-webkit-scrollbar-thumb {
    background-color: #9c9c9c;
    border-radius: 20px;
    border: 3px solid transparent;
}

.header-catalog-tab-body.is-active {
    display: flex;
}

@media (max-width: 1024px) {
    .city-select {
        font-size: 16px;
    }
    .city-select .arrow-icon {
        margin-left: 5px;
        width: 10px;
        height: 8px;
    }

    .header.is-hide {
        top: 0;
    }

    .header-catalog {
        position: relative;
        width: 100%;
    }

    .header-bottom .wraper {
        padding: 0;
    }

    .header-catalog-button {
        width: 100%;
        border-radius: 0;
    }

    .header-catalog-dropdown {
        width: 100%;
        padding-left: 12px;
        padding-right: 12px;
        background: #282828;
    }

    .header-catalog-tabs {
        height: 100%;
        min-height: 100dvh;
        border-radius: 4px 4px 0 0;
        overflow: hidden;
    }

    .header-catalog-tab-body {
        width: 100% !important;
        height: calc(100dvh - 188px);
        padding-top: 25px;
    }
}

.callback, .search-btn {
    display: flex;
    align-items: center;
    column-gap: 10px;
    height: 50px;
    padding: 0 40px;
    margin-right: 0px;
    background: transparent;
    border-radius: 2px;
    border: 2px solid #ff6600;
   font-family: Circe;
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
   line-height: 16px; /* 100% */
    white-space: nowrap;
    flex: 0 1 35%;
}

.callback svg, .search-btn svg {
    width: 17px;
    height: 17px;
}

.callback span, .search-btn span {
    margin-top: 1px;
    color: #282828;
    font-weight: 700;
}

.menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.menu-item {
    display: flex;
    align-items: center;
    column-gap: 16px;
    height: 50px;
    padding: 0 45px;
    background: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.menu-item span {
    margin-top: 1px;
}

.toggle_but {
    display: none;
}

.callback_but {
    display: none;
}

.callback-mobile {
    /* display: none; */
}

#page_content {
    position: relative;
    padding-top: 174px;
}


.count_project_top{
    border-bottom: 1px solid #405481;
    padding-bottom: 33px;
    margin-bottom: 50px;
}

.count_project_top .fl{
    width: calc(47% - 50px);
    text-align: left;
}

.count_project_top .fl p{
    color: #282828;
    
    font-family: Circe;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%; /* 22.5px */
    text-align: left;
    margin-bottom: 40px;
}

.count_project_top .fr{
    width: 53%;
}
.count_project_top .fr img{
    display: block;
    width: 100%;
}
@media (max-width: 1024px) {
    header {
        position: fixed;
        top: 0px;
        width: 100%;
        left: 0px;
        z-index: 40;
    }

    .header-top {
        height: 74px;
    }

    .header-bottom {
        min-height: 50px;
    }

    .logo {
        justify-content: start;
        width: 100%;
    }

    .logo img {
        max-width: 130px;
        max-height: 34px;
    }

    .tel {
        flex-direction: column-reverse;
    }

    .callback-mobile {
        order: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 0 0 auto;
        padding: 0;
        margin-right: 0;
        background: transparent;
        height: 36px;
        width: 36px;
        cursor: pointer;
        border: 1px solid #ff6600;
        border-radius: 2px;
    }

    .callback-mobile span {
        display: none;
    }

    .toggle_but,
    .callback_but {
        order: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 0 0 auto;
        padding: 0;
        background: transparent;
        height: 34px;
        width: 34px;
        cursor: pointer;
        border: 1px solid #ff6600;
        border-radius: 2px;
    }

    .nav-top {
        display: none;
    }

    .menu {
        display: none;
    }

    .city {
        display: none;
    }

    .city--mobile {
        display: flex;
        padding-top: 30px;
        border-top: 1px solid rgba(255, 255, 255, 0.4);
        margin-right: unset;
        margin-left: unset;
    }

    .callback {
        display: none;
    }

    #page_content {
        padding-top: 124px;
    }
}

@media (max-width: 375px) {
    .tel {
        display: none;
    }
}

.cat_list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    row-gap: 26px;
    column-gap: 26px;
    margin-bottom: 0px;
}



.cat_list .item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cat_list .item .border {
    position: absolute;
    z-index: 2;
    border: 2px solid #fff;
    left: 10px;
    top: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}

.cat_list .item .slider:hover .border {
    border-color: #ff6600;
}

.cat_list .item .slider.one_pic.sec {
    max-height: 260px;
    margin-bottom: 18px;
}

.cat_list .item .slider.one_pic.sec img {
    height: 100%;
    width: 100%;
    max-width: 280px;
}

.cat_list .item .name {
    height: 48px;
}

.ads {
    display: flex;
    flex-direction: column;
    padding: 32px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.ads-name {
    display: flex;
    align-items: flex-end;
    flex: 1 1 265px;
    margin-bottom: 24px;
    margin-top: 80px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.in-title {
    margin-top: 20px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 33px;
    font-weight: 800;
    line-height: 1;
}

.mmenu {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.mmenu-item {
    display: flex;
    align-items: center;
    column-gap: 16px;
}

.mmenu-item span {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
}

.mmenu-item-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 29px;
    height: 29px;
}

.mmenu-item-icon svg {
    object-fit: contain;
}

.mmenu-cat {
    padding-top: 30px;
    margin-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
}

@media (max-width: 1023px) {
    .mmenu-cat {
        display: flex;
        gap: 10px;
    }
}

.mmenu-cat-link {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
    padding: 0 20px;
    height: 50px;
    background: #ff6600;
    border-radius: 2px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    flex: 0 1 65%;
}

.mmenu-cat-link .open {
    flex-shrink: 0;
}

.mmenu-cat-link span {
    margin-top: 1px;
}

.mmenu-cat-link:hover {
    color: #fff;
}

.catalog-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.catalog-tags-hide {
    display: none;
}
.catalog-modal-btn-close {
    display: none;
}
.modal-catalog-tag .modal-main__content {
    padding-bottom: 100px;
}
@media (max-width: 1024px) {
    .catalog-modal-btn-close {
        display: flex;
        width: 100%;
        margin-top: 20px;
    }
}
.catalog-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-left: auto;
}
.catalog-tag {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: fit-content;
    padding: 0 24px;
    border-radius: 100px;
    border: 1px solid #e5e4e4;
    color: #000;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
}

.catalog-tag:hover {
    color: #000;
    border: 1px solid #ff6600;
}
.catalog-tag.is-active {
    border: 1px solid #ff6600;
}
.catalog-tags-btn {
    min-width: 147px;
    width: 147px;
    color: #282828;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 38px;
    line-height: 36px;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    border-radius: 5px;
    transition: all .15s ease-in-out;
    margin-left: auto;
    margin-right: 16px;
}
.catalog-tags-btn:hover {
    color: #282828;
    border-color: #999;
}
.catalog-tags-btn:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: "";
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    transition: all .15s ease-in-out;
    width: 5px;
}
@media (max-width: 1024px) {
    .catalog-tags-wrap {
        width: 100%;
    }
    .catalog-tags {
        width: 100%;
        order: 1;
    }
    .catalog-buttons {
        width: 100%;
        margin-left: unset;
    }
    .catalog-tags-btn {
        margin-right: 0;
    }
}

@media (max-width: 768px) {
    .cat_list {
        /* grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); */
    }
    .benefits_block .cols3 {
      grid-template-columns: 1fr 1fr;
    }
    
    .slide_contacts{
      width: calc(100% - 42px);
    }
    
    #main_slider .item {
        padding-bottom: 185px;
    }
    
    #main_slider .slide_bottom .in {
        max-width: 100%;
    }
    
    #main_slider .owl-prev{
        bottom: 195px;
        left: calc(50% - 36px);
    }
    
    #main_slider .owl-next{
        bottom: 195px;
        left: calc(50% + 10px);
    }
    
    .count_project{
      padding: 67px;
    }
    
    .count_project_top .fl{
      float: none;
      width: 100%;
      margin-bottom: 33px;
      
    }
    
    .count_project_top .fr{
      float: none;
      width: 100%
    }
}


@media (max-width: 480px) {
  #main_slider{
    margin-bottom: 20px;
  }
  #main_slider .item{
    height: auto;
  }
  #main_slider .pic_place{
    margin-bottom: 10px;
    height: 268px;
  }
  
  #main_slider .slide_bottom .in a{
    text-align: center;
    font-size: 28px;
  }
  
  #main_slider .slide_bottom .in {
    text-align: center;
  }
  
  #main_slider .slide_bottom{
    height: 110px;
  }
  
  .slide_contacts div{
    font-size: 22px;
  }
  
  .portfolio_last{
    
    padding: 25px 23px 25px 23px;
    margin-bottom: 20px;
  }
  
  .count_project{
    padding: 25px 23px 25px 23px;
    margin-bottom: 20px;
    
  }
  
  .count_project_top{
    margin-bottom: 20px;
  }
  
  .count_project_top .fl p {
    margin-bottom: 20px;
  }
  
  
  .benefits_block{
    padding: 25px 23px 0px 23px;
    margin-bottom: 20px;
  }
  
  .benefits_block .cols3 {
      grid-template-columns: 1fr;
  }
  
  .benefits_block .cols3 .col{
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
  
 .benefits_block .cols3 .col .item{
   margin-bottom: 0px;
 } 
  h3{
    font-size: 25px;
    margin-bottom: 20px;
  }
  
  .product-item-list-col-3 {
    
        row-gap: 20px;
  }
  
  .product-item .params{
    padding-top: 10px;
  }
  
  .portfolio_last .tabs{
    margin-bottom: 23px;
    white-space: nowrap;
    overflow: auto;
  }
  
  .tabs_content .tab.active{
    margin-bottom: 0px;
  }
  .portfolio_last .blocks:last-child{
    margin-bottom: 0px;
  }
  
  .portfolio_last .blocks .block:last-child{
    margin-bottom: 0px;
  }
  
  .catalog-list{
    margin-bottom: 0px;
  }
  
  .our_clients{
    padding: 25px;
    margin-bottom: 20px;
  }
  
  .our_clients .slider {
    margin-bottom: 0px;
  }  
  
  .our_clients .owl-carousel .owl-stage-outer{
    margin-bottom: 25px;
  }

  
  #page_title{
    min-height: auto;
    padding-bottom: 20px;
  }
  
  
  .wraper > .wraper{
    padding-left: 0px;
    padding-right: 0px;
  }
  
  #mebelnz{
    padding-bottom: 45px;
  }
  
  #mebelnz .block{
    width: 100%;
    float: none;
  }
  
  #mebelnz .block .text{
    max-width: calc(100% - 120px);
  }
  
  .seo_text .txt img{
    display: block;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
  }
  
  .cat_list .item .slider.one_pic.sec img{
    max-width: none;
  }
  
  .cat_list .item .slider.one_pic.sec{
    max-height: none;
  }
  
  .cat_list .item{
    margin-bottom: 0px;
  }
  
  .slider.one_pic.sec+.name{
    height: auto;
  }
  
  .cat_list{
    padding-bottom: 40px;
  }
  
  .team .cols4 .col{
    float: none;
    width: 100%;
  }
  
  .team .item{
    height: auto;
    margin-bottom: 20px;
  }
  
  .team{
    padding: 25px 23px 25px 23px;
    margin-bottom: 20px;
  }
  
  
  .text_wpic .pic{
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    margin-bottom: 20px;
  }
  .akcii_list .item .in .ttl {
    font-size: 22px;
  }
 .text_wpic .text .in{
   margin-left: 0px;
   margin-right: 0px;
   padding-bottom: 12px;
 }
 
 
 .blog_list .item .in .ttl{
   font-size: 22px;
 }
 
 #contacts_form{
   margin-top: 20px;
 }
 
 #contacts_form .cplace{
   margin-bottom: 0px;
 }
 
 #contacts_form h3{
   font-size: 25px;
   margin-bottom: 20px;
 }
 
 .text_wpic .text.mir .pic{
   margin-left: 0px;
   margin-right: 0px;
 }
 
 .mb40{
   margin-bottom: 20px;
 }

 .etapy{
     padding-right: var(--inner-horizontal-indent);
     padding-left: var(--inner-horizontal-indent);
 }
 
 .mb150{
   margin-bottom: 20px;
 }
 
 .etapy .cols4 .col{
   float: none;
   width: 100%;
 }
 
 #project_key{
   padding-top: 25px;
   padding-bottom:25px;
   margin-bottom: 20px;
 }
 #project_key .wraper{
   padding-left: 25px;
   padding-right: 25px;
 }
 
 .text_wpic .text{
   padding-bottom: 0px;
   margin-bottom: 0px;
 }
 .text_wpic{
   padding-top: 20px;
 }
 
 .header-catalog-dropdown{
   padding-bottom: 12px;
 }
 .header-catalog-tabs{
   border-radius: 4px;
   height: calc(100% - 150px);
    min-height: calc(100vh - 150px);
 }
 .header-catalog-tab-body{
   height: calc(100dvh - 203px);
 }
 
 
}
/* End */


/* Start:/local/templates/Main/components/bitrix/menu/catalog_multilevel/style.css?17712310134723*/
.catalog-menu {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 240px;
}

.catalog-menu li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 auto;
}

@media (any-hover: hover) {
    .catalog-menu li:hover {
        background: #ff6600;
    }

    .catalog-menu > li:hover > a,
    .catalog-menu > li:hover > .catalog-menu-button .catalog-menu-item-name {
        color: #fff;
    }

    .catalog-menu > li:hover > a .catalog-menu-item-icon svg path,
    .catalog-menu > li:hover > button .catalog-menu-item-icon svg path {
        fill: #fff;
    }

    .catalog-menu > li:hover > .catalog-menu-item-arrow svg path,
    .catalog-menu > li:hover > button .catalog-menu-item-arrow svg path {
        stroke: #fff;
    }

    .catalog-menu ul li:hover > a,
    .catalog-menu ul li:hover > .catalog-menu-button .catalog-menu-item-name {
        color: #fff;
    }

    .catalog-menu ul li:hover > a .catalog-menu-item-icon svg path {
        fill: #fff;
    }

    .catalog-menu ul li:hover > .catalog-menu-item-arrow svg path,
    .catalog-menu ul li:hover > button .catalog-menu-item-arrow svg path {
        stroke: #fff;
    }

    @media (max-width: 1024px) {
        .catalog-menu-item-back:hover {
            background: transparent !important;
        }
    }
}


.catalog-menu li .catalog-menu-link,
.catalog-menu li .catalog-menu-button {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 40px;
    padding: 4px 10px 4px 20px;
    color: #000;
    text-decoration: none;
    transition: none !important;
    font-family: inherit;
    letter-spacing: inherit;
    cursor: pointer;
}
.catalog-menu li .catalog-menu-button {
    background-color: unset;
    border: none;
    text-align: left;
}
.catalog-menu li .catalog-menu-link span,
.catalog-menu li .catalog-menu-button span {
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
}

.catalog-menu-item-name {
    margin-top: 2px;
    margin-right: auto;
}

.catalog-menu ul {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 100%;
    display: none;
    flex-direction: column;
    width: 240px;
    min-height: 100%;
    padding: 0;
    margin: 0;
    border-left: 1px solid #e5e4e4;
}

.catalog-menu ul li a span,
.catalog-menu ul li button span {
    font-weight: normal !important;
}



.catalog-menu ul ul {
    z-index: 2;
    display: none;
}

.catalog-menu ul ul ul {
    z-index: 3;
    display: none;
}

.catalog-menu-item-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

@media (max-width: 1024px) {
    .catalog-menu-item-icon {
        margin-right: 14px;
    }
    .catalog-menu-item-icon svg {
        --svg-size: 34px;
        flex: 0 0 var(--svg-size);
        width: var(--svg-size);
        height: var(--svg-size);
    }

    .catalog-menu li .catalog-menu-link span,
    .catalog-menu li .catalog-menu-button span {
        font-size: 20px;
    }
}

.catalog-menu-item-arrow {
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 100%;
    cursor: pointer;
    user-select: none;
}

.catalog-menu-item-back {
    display: none !important;
    user-select: none;
}

@media (max-width: 1024px) {
    .sub-menu {
        gap: 14px;
    }
    .catalog-menu {
        width: 100%;
        height: 100%;
        background: #fff;
        gap: 14px;
    }

    .catalog-menu ul {
        width: 100%;
        height: 100%;
        background: #fff;
        border-left: none;
    }

    .catalog-menu li .catalog-menu-link span {
        font-size: 20px;
        font-weight: 700;
    }

    .catalog-menu-item-arrow {
        flex: 0 0 40px;
        width: auto;
        margin-left: auto;
    }

    .catalog-menu-item-arrow svg {
        width: 11px;
        height: 17px;
    }

    li.catalog-menu-item-back {
        order: 1;
        width: 100%;
        display: flex !important;
        align-self: flex-start;
        height: auto;
    }

    .catalog-menu-item-back button {
        display: flex;
        align-items: center;
        column-gap: 10px;
        width: 100%;
        padding: 20px 10px 40px 20px;
        font-family: inherit;
        letter-spacing: inherit;
        font-size: 20px;
        font-weight: 600;
        line-height: 1;
        border: none;
        cursor: pointer;
        background-color: transparent;
        color: #000
    }

    .catalog-menu-item-back button svg {
        width: 11px;
        height: 17px;
        transform: rotate(180deg);
    }
}

/* End */
/* /local/fix_adm.css?1764936438845 */
/* /local/templates/Main/assets/css/lib/lightbox.css?17655469193604 */
/* /local/templates/Main/assets/css/lib/nice-select2.css?17655469193539 */
/* /local/templates/Main/assets/css/lib/owl.carousel.css?17655469194046 */
/* /local/templates/Main/assets/css/lib/sumoselect.css?17755445458966 */
/* /local/templates/Main/assets/css/lib/swiper-bundle.min.css?176589747013871 */
/* /local/templates/Main/assets/css/bundle/main.1d036587c7.css?177572782438859 */
/* /local/templates/Main/assets/css/main.css?177556507598411 */
/* /local/templates/Main/assets/css/custom.css?177564839857841 */
/* /local/templates/Main/components/bitrix/menu/catalog_multilevel/style.css?17712310134723 */