/* Start:/local/templates/bania.3.1/css/all.css?17449981781245*/

/*@import url("/local/templates/bania.3.1/css/../fonts/fonts.css");*/
/*@import url("/local/templates/bania.3.1/css/../fonts/icomoon/style.css");*/
/*@import url("/local/templates/bania.3.1/css/jquery.fancybox.min.css");*/
/*@import url("/local/templates/bania.3.1/css/jquery-ui.min.css");*/
/*@import url("/local/templates/bania.3.1/css/style.css");*/
/*@import url("/local/templates/bania.3.1/css/media.css");*/
#tr_PROPERTY_600 .adm-detail-valign-top.adm-detail-content-cell-l{
    display: none;
}
#tr_PROPERTY_600 ul{
    list-style: none;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.has-sub-2 {
    column-count: 4;
    display: none;
}
.level-1.open .has-sub-2{
    display: block;
}
#tr_PROPERTY_600 .level-1{
    position:relative;
}
#tr_PROPERTY_600 .level-1:before{
    position:absolute;
    content:'';
    width:15px;
    height:15px;
    background:
            linear-gradient(#fff,#fff),
            linear-gradient(#fff,#fff),
            #80c700;
    background-position:center;
    background-size: 50% 2px,2px 50%; /*thickness = 2px, length = 50% (25px)*/
    background-repeat:no-repeat;
    left: -25px;
}
#tr_PROPERTY_600 .level-1.open:before{
    background:
            linear-gradient(#fff,#fff),
            linear-gradient(#80c700,#80c700),
            #80c700;
    background-position: center;
    background-size: 50% 2px, 2px 50%;
    background-repeat: no-repeat;
}
/* End */


/* Start:/local/templates/bania.3.1/fonts/fonts.css?17401169204811*/
@font-face {
    font-family: 'Museo Sans Cyrl 700';
    src: url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-700Italic.eot');
    src: url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-700Italic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-700Italic.woff2') format('woff2'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-700Italic.woff') format('woff'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-700Italic.ttf') format('truetype'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-700Italic.svg#MuseoSansCyrl-700Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Museo Sans Cyrl 500';
    src: url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-500.eot');
    src: url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-500.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-500.woff2') format('woff2'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-500.woff') format('woff'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-500.ttf') format('truetype'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-500.svg#MuseoSansCyrl-500') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans Cyrl 900';
    src: url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-900.eot');
    src: url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-900.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-900.woff2') format('woff2'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-900.woff') format('woff'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-900.ttf') format('truetype'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-900.svg#MuseoSansCyrl-900') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans Cyrl 900';
    src: url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-900Italic.eot');
    src: url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-900Italic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-900Italic.woff2') format('woff2'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-900Italic.woff') format('woff'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-900Italic.ttf') format('truetype'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-900Italic.svg#MuseoSansCyrl-900Italic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Museo Sans Cyrl 300';
    src: url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-300.eot');
    src: url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-300.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-300.woff2') format('woff2'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-300.woff') format('woff'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-300.ttf') format('truetype'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-300.svg#MuseoSansCyrl-300') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans Cyrl 100';
    src: url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-100Italic.eot');
    src: url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-100Italic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-100Italic.woff2') format('woff2'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-100Italic.woff') format('woff'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-100Italic.ttf') format('truetype'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-100Italic.svg#MuseoSansCyrl-100Italic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Museo Sans Cyrl 300';
    src: url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-300Italic.eot');
    src: url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-300Italic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-300Italic.woff2') format('woff2'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-300Italic.woff') format('woff'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-300Italic.ttf') format('truetype'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-300Italic.svg#MuseoSansCyrl-300Italic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Museo Sans Cyrl 700';
    src: url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-700.eot');
    src: url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-700.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-700.woff2') format('woff2'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-700.woff') format('woff'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-700.ttf') format('truetype'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-700.svg#MuseoSansCyrl-700') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans Cyrl 100';
    src: url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-100.eot');
    src: url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-100.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-100.woff2') format('woff2'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-100.woff') format('woff'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-100.ttf') format('truetype'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-100.svg#MuseoSansCyrl-100') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans Cyrl 500';
    src: url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-500Italic.eot');
    src: url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-500Italic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-500Italic.woff2') format('woff2'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-500Italic.woff') format('woff'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-500Italic.ttf') format('truetype'),
        url('/local/templates/bania.3.1/fonts/MuseoSansCyrl-500Italic.svg#MuseoSansCyrl-500Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Inter';
    src: url('/local/templates/bania.3.1/fonts/Inter.ttf');
}

/* End */


/* Start:/local/templates/bania.3.1/fonts/icomoon/style.css?17401169201359*/
@font-face {
  font-family: 'icomoon';
  src:  url('/local/templates/bania.3.1/fonts/icomoon/fonts/icomoon.eot?qbhj85');
  src:  url('/local/templates/bania.3.1/fonts/icomoon/fonts/icomoon.eot?qbhj85#iefix') format('embedded-opentype'),
    url('/local/templates/bania.3.1/fonts/icomoon/fonts/icomoon.ttf?qbhj85') format('truetype'),
    url('/local/templates/bania.3.1/fonts/icomoon/fonts/icomoon.woff?qbhj85') format('woff'),
    url('/local/templates/bania.3.1/fonts/icomoon/fonts/icomoon.svg?qbhj85#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-icon_01:before {
  content: "\e900";
}
.icon-icon_02:before {
  content: "\e901";
}
.icon-icon_03:before {
  content: "\e902";
}
.icon-icon_05:before {
  content: "\e903";
}
.icon-arrow_01:before {
  content: "\e904";
}
.icon-arrow_02:before {
  content: "\e905";
}
.icon-arrow_03:before {
  content: "\e906";
}
.icon-arrow_07:before {
  content: "\e907";
}
.icon-icon_06:before {
  content: "\e908";
}
.icon-mail:before {
  content: "\e909";
}
.icon-metro:before {
  content: "\e90a";
}
.icon-look:before {
  content: "\e90b";
}
.icon-warning:before {
  content: "\e90c";
}

/* End */


/* Start:/local/templates/bania.3.1/css/jquery-ui.min.css?17401169056394*/
/*! jQuery UI - v1.12.1 - 2019-05-06
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, button.css, checkboxradio.css, controlgroup.css, menu.css, slider.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}
/* End */


/* Start:/local/templates/bania.3.1/js/fancybox/jquery.fancybox.min.css?174011691813213*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:calc(50% - 7px);top:calc(50% - 6px);border:2px solid;background:none}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-button--pause:before,.fancybox-button--play:before{top:calc(50% - 6px);left:calc(50% - 4px);background:transparent}.fancybox-button--play:before{width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px}.fancybox-button--pause:before{width:7px;height:11px;border-style:solid;border-width:0 2px}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/local/templates/bania.3.1/css/owl.carousel.min.css?17401169053351*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-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{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/bania.3.1/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* End */


/* Start:/local/templates/bania.3.1/css/style.css?1740116905111248*/


/**
 * ===================================================================
 * reset - normalize.css v3.0.2 | MIT License | git.io/normalize
 *
 * -------------------------------------------------------------------
 */
html {
	height: 100%;
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

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

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

[hidden], template {
	display: none;
}

a {
	background: transparent;
}

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

abbr[title] {
	border-bottom: 1px dotted;
}

b, strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

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

small {
	font-size: 80%;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

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

figure {
	margin: 1em 40px;
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

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

button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button, select {
	text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled], html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	height: auto;
}

input[type=search] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

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

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

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td, th {
	padding: 0;
}

/**
 * ===================================================================
 * basic/base setup styles
 *
 * -------------------------------------------------------------------
 */
* {
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	font-weight: normal;
	line-height: 1;
	/*text-rendering: optimizeLegibility;*/
	text-rendering: geometricPrecision;
	word-wrap: break-word;
	-webkit-overflow-scrolling: touch;
	/*-webkit-text-size-adjust: none;*/
}

body, input, button {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/**
 * Media
 * -
 */
img, video {
	max-width: 100%;
	height: auto;
}

/**
 * Typography resets
 * -
 */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	-webkit-font-variant-ligatures: common-ligatures;
	-moz-font-variant-ligatures: common-ligatures;
	font-variant-ligatures: common-ligatures;
	text-rendering: optimizeLegibility;
}

em, i {
	font-style: italic;
	line-height: inherit;
}

strong, b {
	font-weight: bold;
	line-height: inherit;
}

small {
	font-size: 60%;
	line-height: inherit;
}

ol, ul {
	list-style: none;
}

li {
	display: block;
}

/**
 * links
 * -
 */
a {
	text-decoration: none;
	line-height: inherit;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

a img {
	border: none;
}

/**
 * inputs
 * -
 */
fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

input[type=email],
input[type=number],
input[type=search],
input[type=text],
input[type=tel],
input[type=url],
input[type=password],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}

input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #111;
}

input::-moz-placeholder {
	/* Firefox 19+ */
	color: #111;
}

input:-ms-input-placeholder {
	/* IE 10+ */
	color: #111;
}

input:-moz-placeholder {
	/* Firefox 18- */
	color: #111;
}

textarea::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #111;
}

textarea::-moz-placeholder {
	/* Firefox 19+ */
	color: #111;
}

textarea:-ms-input-placeholder {
	/* IE 10+ */
	color: #111;
}

textarea:-moz-placeholder {
	/* Firefox 18- */
	color: #111;
}
/**
* Main styles
* -
*/
html{
	font-size: 100%;
	height: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body {
	min-width:320px;
	height: 100%;
	margin: 0;
	color: #111;
	font: 20px/30px "Museo Sans Cyrl 300", "Arial", "Helvetica", sans-serif;
	font-weight: 300;
	font-style: normal;
	background: #fff;
}

img {
	border-style: none;
	vertical-align: top;
}

a {
	color: #91c700;
	outline: none;
	text-decoration: underline;
}

a:hover {
	color: #91c700;
	text-decoration: none;
}

a:hover, a:focus {
	outline: none !important;
}
button, input, textarea, select {
	font: 100% "Museo Sans Cyrl 300", "Arial", "Helvetica", sans-serif;
	font-weight: normal;
	line-height: 26px;
	vertical-align: middle;
	color: #707070;
}
h1, .h1 {
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	font-size: 50px;
	line-height: 64px;
	margin: 0 0 23px;
	letter-spacing: -0.01em;
	font-weight: normal;
	font-style: normal;
}
h2 {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 44px;
	letter-spacing: -0.005em;
	line-height: 52px;
	margin: 0 0 24px;
}
h4 {
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 60px;
	line-height: 70px;
	margin: 0 0 26px;
	letter-spacing: -0.005em;
}
strong {
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
}
h3, h5 {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	font-size: 34px;
	line-height: 38px;
	font-weight: normal;
	font-style: normal;
	margin: 0 0 30px;
}
p {
	margin: 0 0 30px;
}
.mb-logo {
	display: none;
}
.mb-burger{
	display: none;
}
#header {
	height: 164px;
	background: #fff;
	-webkit-box-shadow: 0 0 40px 0 rgba(2,7,11,0.08);
	box-shadow: 0 0 40px 0 rgba(2,7,11,0.08);
	position: relative;
	z-index: 10;
}
.logo {
	margin:0;
	width:184px;
	height:54px;
	overflow:hidden;
	display:block;
	background:url(/local/templates/bania.3.1/css/../images/logo.png) 50% 50% no-repeat;
	background-size: 100% 100%;
	text-indent:-9999px;
	cursor:pointer;
	position: absolute;
	top: 21px;
	left: 20px;
}
.logo a {
	height:100%;
	display:block;
}
.slogan {
	font-size: 14px;
	line-height: 15px;
	color: #626363;
	position: absolute;
	top: 35px;
	left: 223px;
	font-style: normal;
}
#header {
	position: relative;
	z-index: 999;
}
#header .container {
	height: 100%;
}
#header .contacts {
	position: absolute;
	top: 24px;
	right: 56px;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.contacts li {
	float: left;
	padding: 0 0 0 32px;
	margin: 0 0 0 30px;
	position: relative;
}
ul.contacts li:before {
	color: #c7b59d;
}
ul.contacts li:nth-child(1):before {
	position: absolute;
	top: 3px;
	left: 4px;
}
ul.contacts li:nth-child(2):before {
	position: absolute;
	top: 3px;
	left: 2px;
}
ul.contacts li:nth-child(3):before {
	position: absolute;
	top: 5px;
	left: 0px;
}
ul.contacts li span {
	font-family: "Museo Sans Cyrl 300", Arial, sans-serif;
	color: #626363;
	font-size: 13px;
	line-height: 14px;
	margin: 0 0 8px;
	display: block;
	overflow: hidden;
}
ul.contacts li span a {
	color: #626363;
	text-decoration: none;
	position: relative;
	overflow: hidden;
	float: left;
	padding-bottom: 6px;
}
ul.contacts li span a:hover {
	color: #91c700;
}
ul.contacts li span a:after {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	color: #91c700;
	white-space: nowrap;
	content: ".....................................................................................";
}
ul.contacts li strong {
	overflow: hidden;
	display: block;
	color: #000;
	font-size: 16px;
	line-height: 17px;
}
ul.contacts li strong a {
	font-size: 22px;
	text-decoration: none;
	color: #000;
}
#navigation {
	position: absolute;
	bottom: 0;
	height: 55px;
	left: 18px;
	right: 20px;
	transform: none;
	transition: none;
}
.nav {
	position: relative;
	margin:0;
	list-style:none;
	/* float: right; */
	float: left;
	height: 55px;
	padding: 11px 0 0 22px;
	/* padding: 11px 93px 0 0; */
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	letter-spacing: -0.05em;
}
.nav:after {
	position: absolute;
	top: 0;
	left: 0;
	right: -9999px;
	bottom: 0;
	content: "";
	background: #f9fafa;
	border-radius: 8px 0 0 0;
	z-index: 0;
}
.nav li {
	float: left;
	position: relative;
	z-index: 1;
	margin: 0 0 0 36px;
}
.nav li a {
	color: #474848;
	text-decoration: none;
}
.nav li a:hover {
	color: #91c700;
}
.sab-nav {
	float: left;
	height: 55px;
	margin:0;
	padding:12px 0 0;
	list-style:none;
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 23px;
	line-height: 27px;
	position: relative;
}
.sab-nav li {
	float: left;
	margin: 0 38px 0 0;
}
.sab-nav li > .drop {
	display: none;
	top: 100%;
	left: 0;
	min-height: 220px;
	padding: 26px 0 35px 3px;
	width: 1110px;
	z-index: 999;
	position: absolute;
}
.sab-nav li > .drop img {
	position: absolute;
	/* right: 0;
	bottom: 0; */
	right: 213px;
	bottom: auto;
	top: 47px;
}
.sab-nav li > .drop * {
	position: relative;
	z-index: 10;
}
.sab-nav > li > .drop:after {
	position: absolute;
	height: 100%;
	top: 0;
	left: -9999px;
	right: -9999px;
	background: #fff;
	content: "";
	z-index: 1;
	-webkit-box-shadow: 0 0 40px 0 rgba(2,7,11,0.08);
	box-shadow: 0 0 40px 0 rgba(2,7,11,0.08);
}
.sab-nav > li > a {
	position: relative;
	height: 43px;
	display: inline-block;
	vertical-align: top;
}
.sab-nav > li:hover > a {
	color: #91c700;
}
.sab-nav > li:hover > a:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #91c700;
	content: "";
}
.sab-nav > li:hover > .drop {
	display: block;
}
.sab-nav li a {
	color: #000;
	text-decoration: none;
}
.sab-nav li a:hover {
	color: #91c700;
}
.sab-nav > li > .drop > ul {
	font-family: "Museo Sans Cyrl 300", Arial, sans-serif;
	font-size: 17px;
	line-height: 36px;
	columns: 240px 2;
	column-gap: 30px;
	width: 540px;
	letter-spacing: -0.025em;
}
.sab-nav li .drop ul li.active {
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
}
@media screen and (min-width: 768px){
	.sab-nav > li > .drop > ul > li > .drop{
		padding: 0;
	}
}

@media only screen and (min-width: 1170px) {
	.sab-nav > li.inline-drop .drop > ul  {
		display: flex;
		flex-direction: column;
	}
}

.sab-nav li .drop .count {
	position: absolute;
	/* top: 35px;
	right: 256px; */
	z-index: 999;
	top: 65px;
	right: 18px;
}
.sab-nav li .drop .count i {
	/* float: left; */
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	font-style: normal;
	font-size: 44px;
	line-height: 44px;
	margin: 0 22px 0 0;
	color: #b9c2a1;
}
.sab-nav li .drop .count strong {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	overflow: hidden;
	margin: 6px 0 0;
	font-size: 12px;
	line-height: 16px;
	display: block;
	color: #9fa2a4;
}
.favorite {
	position: absolute;
	top: 16px;
	right: 12px;
	background: url(/local/templates/bania.3.1/css/../images/icon_04.png) no-repeat;
	width: 25px;
	height: 25px;
}
.favorite a {
	color: #fff;
	position: relative;
	display: block;
	height: 100%;
	text-decoration: none;
}
.favorite span {
	position: absolute;
	top: -2px;
	right: -10px;
	width: 18px;
	height: 18px;
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	line-height: 20px;
	font-size: 11px;
	border-radius: 50%;
	background: #91c700;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
#wrapper {
	width: 100%;
	position: relative;
	overflow-x: hidden;
}
.container {
	padding: 0 20px;
	max-width: 1150px;
	margin: 0 auto;
	position: relative;
}
#main {
	padding: 0 0 19px;
}
#promo img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#promo {
	height: 564px;
	position: relative;
}
#promo .container {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	height: 100%;
}
#promo .text {
	padding-top: 10px;
	width: 495px;
	position: relative;
	z-index: 10;
	flex-direction: column;
	justify-content: flex-start;
}
#promo h1 {
	font-size: 80px;
	line-height: 64px;
	margin: 0 0 31px;
	color: #13141c;
	letter-spacing: -0.025em;
}
#promo .text p {
	font-size: 17px;
	line-height: 30px;
	padding: 0 10% 0 0;
	margin: 0 0 41px;
	color: #4c4e4f;
}
#promo .text .buttons {
	margin:0 0 27px;
	padding:0;
	list-style:none;
	overflow: hidden;
}
#promo .text .buttons li {
	float: left;
	margin: 0 15px 15px 0;
}
#promo .text .buttons a {
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	float: left;
	/*color: #13141c;*/
	color: #fff;
	text-decoration: none;
	height: 61px;
	text-align: center;
	padding: 0 10px;
	min-width: 172px;
	line-height: 57px;
	border-radius: 30px;
	border: 2px solid #c7b59d;
	background-color: #c7b59d;
}
#promo .text .buttons li.works_btn a,
#promo .text .buttons li:nth-child(1) a {
	border-color: #91c700;
	background-color: #91c700;
}
#promo .text .buttons li:nth-child(1) a:hover, #promo .text .buttons a:hover, #promo .text .buttons li.works_btn a:hover {
	color: #13141c;
	background: transparent;
}
#promo .text .buttons li.works_btn{
	display: none;
}

#promo .text .more {
	position: relative;
	padding: 0 24px 0 0;
	margin: 0 0 0 22px;
	letter-spacing: -0.025em;
	font-size: 15px;
	color: #13141c;
	text-decoration: none;
}
#promo .text .more:hover {
	color: #91c700;
}
#promo .text .more i {
	position: absolute;
	color: #c7b59d;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 6px;
}
.info {
	padding: 69px 0 57px;
	position: relative;
}
.info:before {
	background: url(/local/templates/bania.3.1/css/../images/bg_02.webp) 50% 50% no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: -50vw;
	right: -50vw;
	bottom: 0;
	content: "";
	z-index: -1;
}
.info-list {
	z-index: 10;
	width: 100%;
	margin:0;
	padding:0;
	list-style:none;
	text-align: justify;
	-ms-text-justify: inter-ideograph;
}
.info-list:after {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	content: "";
}
.info-list li {
	text-align: left;
	display: inline-block;
	vertical-align: top;
	width: 22.8828%;
}
.info-list li .visual {
	display: block;
	height: 44px;
	margin: 0 0 16px;
	padding: 0 0 0 29px;
	line-height: 44px;
	vertical-align: bottom;
}
.info-list li .visual img {
	vertical-align: bottom;
}
.info-list li strong {
	display: block;
	margin: 0 0 12px;
	letter-spacing: -0.005em;
	line-height: 22px;
	color: #000;
}
.info-list li p {
	letter-spacing: -0.005em;
	font-size: 14px;
	line-height: 22px;
	margin: 0;
	color: #626363;
}
.video {
	background: url(/local/templates/bania.3.1/css/../images/bg_video.png) no-repeat;
	width: 390px;
	height: 349px;
	position: relative;
}
.video a{
	position: absolute;
	top: 27px;
	left: 20px;
	overflow: hidden;
	border-radius: 7px;
	width: 347px;
	height: 267px;
}
.video img {
	width: 100%;
	/*height: 100%;*/
	object-fit: cover;
}
.video a:after {
	position: absolute;
	top: 50%;
	left: 50%;
	background: url(/local/templates/bania.3.1/css/../images/btn_play.png) no-repeat;
	width: 189px;
	height: 189px;
	content: "";
	-webkit-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-o-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	margin: 9px 0 0 6px;
}
.video a:hover:after {
	opacity: 0.8;
}
.quote-block .visual {
	background: url(/local/templates/bania.3.1/css/../images/bg_video.png) no-repeat;
	width: 390px;
	height: 349px;
	position: relative;
}
.quote-block .visual.align-left {
	float: left;
	margin: -22px 20px 0 -20px;
}
.quote-block .visual a{
	position: absolute;
	top: 27px;
	left: 20px;
	overflow: hidden;
	border-radius: 7px;
	width: 347px;
	height: 267px;
}
.quote-block .visual img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.quote-block {
	padding: 41px 0 26px;
}
.quote-block p {
	font-size: 16px;
}
.quote-block.type-2 {
	border-top: 1px solid #efefef;
}
.quote-block.type-2 h3 {
	margin-bottom: 18px;
	font-size: 30px;
	line-height: 36px;
}
.quote-block.type-2 p {
	font-size: 16px;
	line-height: 25px;
	margin: 0 0 18px;
}
.quote-block:after {
	clear: both;
	display: block;
	content: "";
}
.quote-block .video {
	float: right;
	margin: -6px -22px 0 0;
}
blockquote {
	position: relative;
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	padding: 10px 60px 0 66px;
	overflow: hidden;
	font-size: 18px;
	letter-spacing: -0.005em;
	line-height: 30px;
	font-size: 18px;
}
blockquote p {
	margin: 0 0 13px;
	font-size: 18px !important;
}
blockquote cite {
	display: block;
	font-style: normal;
	font-size: 15px;
	color: #a3907c;
}
blockquote:before {
	position: absolute;
	top: 2px;
	left: -7px;
	content: "“";
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 150px;
	line-height: 120px;
	color: #91c700;
}
.building:after {
	clear: both;
	display: block;
	content: "";
}
.building {
	position: relative;
	margin: 0;
}
.building:before {
	width: 30px;
	position: absolute;
	left: 540px;
	top: 0;
	bottom: 0;
	content: "";
	background: #fff;
}
.building .houses {
	float: left;
	padding: 0 0 75px 57px;
	width: 540px;
}
.building .houses:after {
	z-index: -1;
	background: url(/local/templates/bania.3.1/css/../images/bg_03.jpg) 50% 50% no-repeat;
	background-size: cover;
	content: "";
	position: absolute;
	bottom: 0;
	top: 172px;
	right: 50%;
	left: -50vw;
}
.building .bathhouses {
	float: right;
	width: 540px;
	padding: 0 0 75px 84px;
}
.building .bathhouses:after {
	z-index: -1;
	background: url(/local/templates/bania.3.1/css/../images/bg_04.webp) 50% 50% no-repeat;
	background-size: cover;
	content: "";
	position: absolute;
	bottom: 0;
	top: 172px;
	left: 50%;
	right: -50vw;
}
.building h3 {
	position: relative;
	font-size: 50px;
	line-height: 38px;
	position: relative;
	margin: 0 0 22px;
	letter-spacing: -0.005em;
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
}
.building h3:before {
	position: absolute;
	top: -45px;
	left: -36px;
	width: 3px;
	background: #c8b79f;
	height: 120px;
	content: "";
}
.building .bathhouses h3:before {
	background: #91c700;
	left: -45px;
}
.building h3 span {
	display: block;
	font-size: 48px;
	font-family: "Museo Sans Cyrl 300", Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
}
.building .visual {
	height: 256px;
	padding: 0 0 0 12px;
	margin: 0 0 38px;
	line-height: 256px;
	vertical-align: bottom;
}
.building .bathhouses .visual {
	padding: 13px 0 0 5px;
}
.building .visual img {
	vertical-align: bottom;
}
.building  ul {
	margin:0;
	padding:0 0 0 9px;
	list-style:none;
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	font-size: 18px;
}
.calculator {
	padding: 55px 0 35px;
}
.calculator h2 {
	margin: 0 0 20px;
}
.calc-form select {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	background-image: none;
	-webkit-appearance: none;
	border: 1px solid #c2cbd1;
	height: 53px;
	line-height: 51px;
	font-size: 16px;
	color: #111;
	padding: 0 50px 0 21px;
	border-radius: 3px;
	width: 100%;
	background: none;
}
.calc-form label {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	display: block;
	font-size: 16px;
	margin: 0 0 1px;
}
.calc-form .note {
	font-size: 12px;
	line-height: 14px;
	color: #626363;
	position: absolute;
	top: 93px;
	padding: 0 0 0 2px;
}
.calc-form .select {
	position: relative;
}
.calc-form .select:after {
	pointer-events: none;
	position: absolute;
	right: 18px;
	top: 50%;
	color: #cfbea7;
	font-size: 6px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e903";
}
.calc-form .form-col {
	float: left;
	width: 254px;
	margin: 0 30px 16px 0;
	position: relative;
}
.calc-form .form-col:nth-child(4) {
	margin: 0;
}
.calc-form .input {
	float: left;
	width: 124px;
	margin: 0 6px 0 0;
	position: relative;
}
.calc-form .input .note {
	top: 62px;
}
.calc-form .input:after {
	position: absolute;
	top: 1px;
	right: 14px;
	line-height: 51px;
	font-size: 16px;
	color: #a3907c;
	content: "см";
}
.calc-form .input:last-child {
	margin: 0;
}
.calc-form .input input {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	border: 1px solid #c2cbd1;
	height: 53px;
	line-height: 51px;
	font-size: 16px;
	color: #111;
	padding: 0 40px 0 11px;
	border-radius: 3px;
	width: 100%;
}
.calc-form label input[type=checkbox] {
	display: none;
}
.calc-form input[type=checkbox] + span {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 30px;
}
.calc-form input[type=checkbox] + span:after {
	position: absolute;
	top: 10px;
	left: 2px;
	width: 18px;
	height: 18px;
	content: "";
	border-radius: 3px;
	border:1px solid #c2cbd1;
}
.calc-form input[type=checkbox] + span:before{
	content: '\2713';
	display: inline-block;
	color: #9dcd1c;
	margin: 0 8px 0 4px;
	font-size: 30px;
	line-height: 30px;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.calc-form input[type=checkbox]:checked + span:before{
	-webkit-transform: scale(1);
	transform: scale(1);
}
.calc-form  .action {
	width: 100%;
	background: #f9fafa;
	overflow: hidden;
	margin: 0 0 11px;
}
.calc-form .action .price {
	float: left;
	background: url(/local/templates/bania.3.1/css/../images/icon_06.png) 52px 34px no-repeat;
	padding: 27px 83px 0 114px;
}
.calc-form .rows {
	margin: 0 0 17px;
}
.calc-form .rows:after {
	display: block;
	clear: both;
	content: "";
}
.calc-form .action span {
	display: block;
	font-size: 16px;
	margin: 0 0 3px;
	letter-spacing: -0.005em;
}
.calc-form .action span i {
	color: #a3907c;
	font-style: normal;
}
.calc-form .action strong {
	display: block;
	letter-spacing: -0.025em;
	color: #91c700;
	font-size: 44px;
	line-height: 52px;
}
.calc-form .consult {
	overflow: hidden;
	padding: 24px 0 0;
	margin: 0 0 -8px;
}
.calc-form .consult span {
	float: left;
	padding: 31px 0 0;
	font-size: 12px;
	line-height: 16px;
	color: #9fa2a4;
}
.calc-form .consult .button {
	background: url(/local/templates/bania.3.1/css/../images/button_01.png) no-repeat;
	width: 302px;
	float: left;
	height: 113px;
	text-align: center;
	padding: 17px 0 0;
	margin: 0 4px 0 0;
	color: #fff;
	text-decoration: none;
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	font-size: 19px;
	line-height: 55px;
	letter-spacing: -0.025em;
	text-transform: none;
}
.calc-form .consult .button:hover {
	opacity: 0.8;
}
.calc-form p {
	color: #626363;
	font-size: 13px;
	line-height: 22px;
	padding: 0 0 0 114px;
	letter-spacing: -0.005em;
}
.calc-form p i {
	color: #a3907c;
	padding: 0 4px 0 0;
	font-style: normal;
	line-height: 30px;
	vertical-align: bottom;
}
.slider {
	margin: 0 0 61px;
}
.info + .slider {
	margin-top: 30px;
}
.slider + .projects {
	padding-top: 0;
	margin-top: -10px;
}
.gallery {
	font-size: 20px;
	line-height: 26px;
	width: 100%;
	position: relative;
}
.gallery:before {
	position: absolute;
	top: 0;
	left: 100%;
	width: 99999px;
	content: '';
	height: 100%;
	background: #fff;
	z-index: 100;
}
.gallery:after {
	position: absolute;
	top: 0;
	right: 100%;
	width: 99999px;
	content: '';
	height: 100%;
	background: #fff;
	z-index: 100;
}
 .gallery-item {
	flex: 1 0 350px;
	align-items: stretch;
	position: relative;
	margin: 0 30px 0 0;
 }
.gallery-item a {
	color: #111;
	display: block;
	text-decoration: none;
}
.gallery-item a:hover {
	opacity: 0.8;
}
.gallery-item a:hover h4 {
	color: #91c700;
}
 .gallery-item:last-child {
	margin: 0;
 }
 .gallery-holder {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	margin: 0 0 44px;
 }
 .gallery .visual {
	margin:	0 0 13px;
	width: 100%;
	text-align: center;
	overflow: hidden;
 }
.gallery em {
	font-size: 13px;
	line-height: 22px;
	font-style: normal;
	margin: 0 0 11px;
	display: block;
	color: #626363;
	letter-spacing: -0.005em;
}
.gallery h4 {
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	margin: 0 0 15px;
	font-size: 21px;
	line-height: 24px;
	letter-spacing: -0.005em;
}
.gallery p {
	font-size: 16px;
	line-height: 24px;
	margin: 0;
	letter-spacing: -0.005em;
}
.gallery-button-prev,
.gallery-button-next {
	position: absolute;
	/* background: url(/local/templates/bania.3.1/css/../images/arrow_01.png) no-repeat; */
	cursor: pointer;
	width: 60px;
	top: 90px;
	left: auto;
	right: -90px;
	height: 60px;
	z-index: 101;
	background: #F9F9F9;
	border-radius: 50%;
}
.gallery-button-prev {
	/* background: url(/local/templates/bania.3.1/css/../images/arrow_02.png) no-repeat; */
	left: -90px;
	right: auto;
}
.gallery-button-prev:after,
.gallery-button-next:after{
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -3px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
}
.gallery-button-prev:after{
	transform: rotate(-45deg);
}
.gallery-button-next:after{
	transform: rotate(135deg);
	margin: -6px 0 0 -8px;
}
.swiper-button-disabled {
	opacity: 0.3;
	cursor: default;
}
.gallery-pagination {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 0;
	line-height: 0;
}
.gallery-pagination .swiper-pagination-bullet {
	display: inline-block;
	vertical-align: top;
	height: 8px;
	width: 8px;
	background: #e5e5e5;
	text-indent: -9999px;
	overflow: hidden;
	border-radius: 50%;
	margin: 0 13px;
	cursor: pointer;
}
.gallery-pagination .swiper-pagination-bullet-active {
	background: #ff0825;
}
.info-block {
	overflow: hidden;
}
.info-block .visual {
	float: left;
	margin: 4px 33px 0 0;
	position: relative;
}
.info-block .visual.align-right {
	float: right;
	margin: -3px 0 0 10px;
}
.info-block .visual a {
	position: absolute;
	top: 0;
	right: 3px;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #91c700;
	text-align: center;
	line-height: 54px;
	overflow: hidden;
	vertical-align: middle;
}
.info-block .visual.align-right  a {
	right: auto;
	left: 7px;
}
.info-block .visual a i {
	color: #fff;
	font-size: 24px;
}
.info-block .visual img {
	border-radius: 50%;
	width: 159px;
	height: 159px;
}
.info-block {
	font-size: 16px;
}
.info-block p {
	margin: 0 0 28px;
}
.info-block p a {
	color: #444c61;
}
.info-block .notice {
	position: relative;
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	font-size: 18px;
	display: block;
	margin: 0 0 42px;
	padding: 0 0 0 44px;
	overflow: hidden;
}
.info-block .notice:before {
	content: "";
	position: absolute;
	top: 9px;
	left: 21px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	border: 2px solid #91c700;
}
.top-anhor {
	background: #91c700;
	width: 31px;
	height: 46px;
	opacity: 0;
	line-height: 36px;
	vertical-align: middle;
	position: fixed;
	text-align: center;
	bottom: 0;
	z-index: 9999;
	right: 5%;
}
.top-anhor i {
	color: #fff;
	font-size: 10px;
}
.active-top .top-anhor {
	opacity: 1;
}
#footer {
	background: #f9fafa;
	padding: 41px 0 0;
	overflow: hidden;
}
#footer .logo {
	position: relative;
	float: left;
	top: 0;
	left: 0;
	margin: 0 19px 30px 0;
}
#footer .slogan {
	position: relative;
	float: left;
	margin: 14px 0 0;
	top: 0;
	left: 0;
}
#footer .social {
	width: 100%;
	overflow: hidden;
}
#footer .row {
	overflow: hidden;
	padding: 0 0 22px;
	margin: 0 0 24px;
	border-bottom: 1px solid #edefef;
}
#footer .column {
	float: left;
	position: relative;
	width: 540px;
}
#footer .column + .column {
	float: right;
}
#footer .contacts {
	columns: 255px 2;
	column-gap: 30px;
}
#footer .contacts li {
	margin: 0;
	padding: 0 0 20px 32px;
	position: relative;
}
#footer .contacts li:before {
	color: #c7b59d;
}
#footer .contacts li:nth-child(1):before {
	position: absolute;
	top: 3px;
	left: 4px;
}
#footer .contacts li:nth-child(3):before {
	position: absolute;
	top: 3px;
	left: 2px;
}
#footer .contacts li:nth-child(4):before {
	position: absolute;
	top: 5px;
	left: 0px;
}
#footer .contacts li span {
	font-family: "Museo Sans Cyrl 300", Arial, sans-serif;
	color: #626363;
	font-size: 13px;
	line-height: 14px;
	margin: 0 0 8px;
	display: block;
	overflow: hidden;
}
#footer .contacts li span a {
	color: #626363;
	text-decoration: none;
	position: relative;
	overflow: hidden;
	float: left;
	padding-bottom: 6px;
}
#footer .contacts li span a:hover {
	color: #91c700;
}
#footer .contacts li span a:after {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	color: #91c700;
	white-space: nowrap;
	content: ".....................................................................................";
}
#footer .contacts li strong {
	overflow: hidden;
	display: block;
	color: #000;
	font-size: 16px;
	line-height: 17px;
}
#footer .contacts li strong a {
	font-size: 22px;
	text-decoration: none;
	color: #000;
}
#footer .row .row {
	border-bottom: 0;
	padding: 0 0 15px;
	margin: 0;
}
#footer .row .row + .row {
	margin: 0;
	padding: 0;
}
#footer .row:last-child .column:last-child .menu {
	columns: 255px 2;
	column-gap: 30px;
}
#footer .menu > li {
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	font-size: 18px;
	line-height: 24px;
	display: block;
	width: 100%;
	margin: 0 0 6px;
}
#footer .menu ul {
	font-family: "Museo Sans Cyrl 300", Arial, sans-serif;
	font-size: 15px;
	line-height: 27px;
	columns: 255px 2;
	column-gap: 30px;
	padding: 9px 0 0;
}
#footer .menu a {
	color: #111;
	text-decoration: none;
}
#footer .menu a:hover {
	color: #91c700;
}
#footer .copyright {
	float: left;
	color: #626363;
	font-size: 13px;
	line-height: 16px;
	padding: 0;
	letter-spacing: -0.005em;
	font-style: normal;
	width: 50%;
}
#footer .footer-info {
	width: 50%;
	color: #000;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	text-align: right; }

@media screen and (max-width: 768px) {
	#footer .footer-info {
		margin-top: 10px;
		width: 100%;
		text-align: left; }
}

@media screen and (max-width: 600px) {
	#footer .footer-info {
		font-size: 12px; }
}

#footer .by {
	float: right;
	margin: 0 0 0 15px;
	font-size: 13px;
	line-height: 16px;
	color: #626363;
}
#footer .by a {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	color: #171717;
	text-decoration: none;
}
#footer .by a:hover {
	color: #91c700;
}
#footer .footer {
	padding: 4px 0 30px;
	overflow: hidden;
}
.breadcrumbs {
	padding:22px 0 0;
	overflow: hidden;
}
.breadcrumbs .back {
	float: right;
	font-size: 12px;
	line-height: 27px;
	color: #111;
	text-decoration: none;
}
.breadcrumbs .back:hover {
	color: #91c700;
}
.breadcrumbs .back i {
	color: #91c700;
	padding: 0 14px 0 0;
	font-size: 8px;
}
.breadcrumbs ul {
	flex-direction:
	margin:0;
	letter-spacing: -0.005em;
	list-style:none;
	overflow: hidden;
	font-size: 12px;
	line-height: 27px;
	color: #8a8a8a;
}
.breadcrumbs li {
	float: left;
	position: relative;
}
.breadcrumbs li:last-child:after {
	display: none;
}
.breadcrumbs a {
	color: #111;
	text-decoration: none;
}
.breadcrumbs a:hover {
	color: #91c700;
}
.breadcrumbs + .quote-block {
	padding-top: 0;
	padding-bottom: 51px;
}
.photo-album {
	padding: 44px 0 16px;
}
.photo-album h3 {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	font-size: 27px;
	line-height: 36px;
	margin: 0 0 15px;
}
.photos {
	overflow: hidden;
}
.photos li {
	float: left;
	margin: 0 30px 30px 0;
}
.photos li a {
	display: block;
}
.photos li:nth-child(4n+4) {
	margin-right: 0;
}
.history-list {
	position: relative;
	font-size: 0;
	line-height: 0;
	letter-spacing: -0.01em;
}
.history-list p {
	letter-spacing: -0.01em;
}
.history-list:after {
	display: block;
	clear: both;
	content: "";
}
.history-list:before {
	position: absolute;
	top: 12px;
	right: -9999px;
	left: 0;
	height: 1px;
	content: "";
	background: #efece8;
}
.history-list strong {
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	font-size: 55px;
	line-height: 57px;
	color: #91c700;
	display: block;
	margin: 0 0 10px;
	letter-spacing: -0.025em;
}
.history-list strong span {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	font-size: 24px;
	display: inline-block;
	margin-bottom: -10px;
}
.history-list li {
	font-size: 16px;
	line-height: 24px;
	position: relative;
	float: left;
	padding: 48px 0 0;
	width: 255px;
	margin: 0 30px 0 0;
}
.history-list li:before {
	position: absolute;
	top: 0;
	left: 31px;
	content: "";
	background: #fff;
	width: 34px;
	height: 15px;
}
.history-list li:after {
	position: absolute;
	top: 4px;
	left: 39px;
	content: "";
	width: 9px;
	height: 9px;
	border:3px solid #c7b59d;
	border-radius: 7px;
}
.history-list li:last-child {
	margin: 0;
}
.quote-block.single {
	padding-top: 25px;
}
.quote-block.single p {
	font-size: 16px;
	line-height: 27px;
	margin: 0 0 18px;
}
.quote-block.single blockquote {
	padding: 36px 5% 0 135px;
}
.quote-block.single blockquote p {
	font-size: 18px;
	line-height: 30px;
	margin: 0 0 15px;
}
.quote-block.single blockquote:before {
	top: 28px;
	left: 63px;
}
.partners .gallery-item {
	flex: 1 0 160px;
	width: 160px;
	height: 114px;
	line-height: 112px;
	vertical-align: middle;
	align-items: stretch;
	position: relative;
	margin: 0 30px 0 0;
	background: #fff;
	border:1px solid #ebf0f1;
}
.partners .gallery-item:last-child {
	margin: 0;
}
.partners .gallery-item .visual {
	margin: 0;
	height: 100%;
	vertical-align: middle;
	line-height: 112px;
}
.partners .gallery-item .visual img {
	vertical-align: middle;
}
.partners .gallery-button-prev,  .partners .gallery-button-next {
	top: 18px;
}
.partners h3 {
	font-size: 27px;
	line-height: 36px;
	margin: 0 0 21px;
}
.partners {
	padding: 28px 0 26px;
}
.partners .gallery-holder {
	margin-bottom: 36px;
}
.services {
	padding: 0 0 26px;
	margin: -4px 0 0;
}

.services ul {
	margin:0;
	padding:0;
	list-style:none;
	font-size: 0px;
	line-height: 0px;
	text-align: justify;
	-ms-text-justify: inter-ideograph;
}
.services ul li {
	display: inline-block;
	vertical-align: top;
	width: 540px;
	padding: 0 0 21px;
	margin: 0 0 20px;
	font-size: 14px;
	line-height: 22px;
	border-bottom: 1px solid #ebf0f0;
}
.services ul li:last-child,
.services ul li:nth-last-child(2) {
	border:0;
	margin: 0;
}
.services ul:after {
	display: inline-block;
	width: 100%;
	content: "";
}
.services ul li strong {
	display: block;
	font-size: 21px;
	line-height: 21px;
	margin: 0 0 13px;
}
.services ul .visual {
	float: left;
	margin: 0 35px 0 0;
}
.services ul .text {
	overflow: hidden;
	text-align: left;
	padding: 10px 0 0;
}
.services ul li p {
	margin: 0 0 20px;
}
.btn {
	display: inline-block;
	vertical-align: top;
	min-width: 133px;
	padding: 0 10px;
	height: 36px;
	line-height: 34px;
	vertical-align: middle;
	font-size: 13px;
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	border: 1px solid #e4ecec;
	color: #48494d;
	text-decoration: none;
	background: #fff;
	text-align: center;
	border-radius: 16px;
}
.btn:hover {
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	color: #fff;
	background: #f3152f;
	border-color: #f3152f;
}
.info.type-2  {
	padding: 53px 0 37px;
}
.type-2 .info-list li .visual {
	float: left;
	margin: -2px 19px 0 0;
	padding: 0;
}
.type-2 .info-list li strong {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	font-size: 18px;
	line-height: 20px;
	margin: 0 0 11px;
}
.type-2 .info-list li p {
	font-size: 14px;
	line-height: 18px;
	padding: 0 0 0 61px;
}
.type-2 .info-list li:last-child p {
	white-space: nowrap;
}
.service {
	font-size: 16px;
	line-height: 24px;
}
.service .gallery {
	position: relative;
	width: 347px;
	height: 268px;
	margin: 0;
	border-radius: 7px;
	overflow: hidden;
}
.service .gallery img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.service .gallery-frame {
	background: url(/local/templates/bania.3.1/css/../images/bg_gallery.png) no-repeat;
	width: 390px;
	height: 349px;
	margin: 0 15px 0 -20px;
	float: left;
	padding: 27px 0 0 20px;
}
.service .gallery .visual {
	margin: 0;
	height: 100%;
	overflow: hidden;
	border-radius: 7px;
}
.service .gallery-item a {
	height: 100%;
}
.service .gallery-pagination {
	display: none;
}
.service .gallery-holder {
	height: 268px;
	margin: 0;
}
.service .gallery-item {
	flex: 1 0 347px;
	width: 347px;
	margin: 0;
}
.service .holder:after {
	clear: both;
	display: block;
	content: "";
}
.service .gallery-button-prev,  .service .gallery-button-next {
	width: 31px;
	height: 31px;
	top: 121px;
	background: rgba(23,23,23,0.72);
	border-radius: 50%;
	left: 13px;
	text-align: center;
	line-height: 27px;
	vertical-align: middle;
}
.service .gallery-button-prev i,  .service .gallery-button-next i {
	color: #fff;
	font-size: 16px;
	vertical-align: middle;
}
.service .gallery-button-prev i {
	padding: 0 3px 0 0;
}
.service .gallery-button-next i {
	padding: 0 0 0 3px;
}
.service .gallery-button-next {
	right: 13px;
	left: auto;
}
.service p {
	font-size:  16px;
	line-height: 27px;
	margin: 0 0 24px;
}
h1 + .service {
	margin-top: -8px;
}
.tabset .controls {
	padding: 4px 0 17px;
	border-bottom: 2px solid #eff3f3;
	margin: 0 0 13px;
}
.tabset .controls:after {
	display: block;
	clear: both;
	content: "";
}
.tabset .controls li {
	font-family: "Museo Sans Cyrl 300", Arial, sans-serif;
	font-size: 20px;
	line-height: 27px;
	float: left;
	margin: 0 34px 0 0;
}
.tabset .controls li:last-child {
	margin: 0;
}
.tabset .controls li.active {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
}
.tabset .controls a {
	color: #111;
	text-decoration: none;
	position: relative;
}
.tabset .controls a:after {
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	position: absolute;
	top: 43px;
	left: 0;
	right: 0;
	height: 2px;
	background: #91c700;
	opacity: 0;
	content: "";
}
.tabset .tabs .tab {
	position: absolute;
	top: -99999px;
	left: -99999px;
}
.tabset .tabs .tab.active,
.tabset .tabs .tab:first-child {
	position: relative;
	top: 0;
	left: 0;
}
.tabset .controls li.active a:after,
.tabset .controls a:hover:after {
	opacity: 1;
}
.service h3 {
	font-size: 30px;
	line-height: 36px;
	margin: 0 0 10px;
}
.service .text {
	overflow: hidden;
	padding: 21px 0 0;
	float: left;
	width: 440px;
}
.service .text p {
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 19px;
}
.list {
	margin:0;
	padding:0;
	list-style:none;
	font-size: 16px;
	line-height: 18px;
}
.list li {
	background: url(/local/templates/bania.3.1/css/../images/icon_07.png) 3px 3px no-repeat;
	padding: 0 0 14px 29px;
}
.service h5 {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	font-size: 17px;
	line-height: 24px;
	color: #000;
	margin: 0 0 23px;
}
.service .price {
	float: right;
	width: 256px;
	background: #f6f8f0;
	position: relative;
	border-radius: 3px;
	padding: 23px 40px 17px 45px;
	margin: 25px 0 0;
}
.service .price:after {
	position: absolute;
	top: -1px;
	right: 15px;
	background: url(/local/templates/bania.3.1/css/../images/icon_08.png) no-repeat;
	width: 14px;
	height: 30px;
	content: "";
}
.service .price strong {
	color: #91c700;
	font-size: 20px;
	line-height: 32px;
	display: block;
	margin: 0 0 7px;
	letter-spacing: -0.005em;
}
.service .price strong span {
	font-size: 30px;
}
.service .price p {
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 16px;
}
.service .price hr {
	margin: 0 -28px 15px;
	border:1px solid  #edefe8;
}
.service .price .btn {
	display: inline-block;
	vertical-align: top;
	min-width: 100%;
	padding: 0 10px;
	height: 36px;
	line-height: 34px;
	vertical-align: middle;
	font-size: 13px;
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	color: #fff;
	background: #f3152f;
	border-color: #f3152f;
	text-decoration: none;
	text-align: center;
	border-radius: 16px;
}
.service .photo-album {
	padding-top: 29px;
}

.service .photo-album h3 {
	font-size: 27px;
	line-height: 36px;
	text-align: left;
	margin: 0 0 15px;
}
.photo-album {
	text-align: center;
}
.btn_more {
	clear: both;
	background: #f9fafa;
	border-radius: 24px;
	max-width: 540px;
	padding: 0 15px;
	text-align: center;
	color: #48494d;
	text-decoration: none;
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	display: block;
	margin: 4px auto 17px;
	height: 52px;
	line-height: 52px;
	font-size: 13px;
}
.btn_more span {
	background: url(/local/templates/bania.3.1/css/../images/icon_09.png) no-repeat;
	padding: 0 0 0 26px;
	margin: 0 0 0 -33px;
}
.btn_more:hover {
	color: #91c700;
}
.projects {
	padding: 31px 0 0;
}
.projects .items {
	font-size: 0;
	line-height: 0;
	padding: 2px 0 0;
}
.projects .items .item {
	display: inline-block;
	vertical-align: top;
	position: relative;
	font-size: 13px;
	line-height: 22px;
	width: 254px;
	min-height: 380px;
	margin: 0 31px 28px 0;
}
.projects .items .item.help {
	height: 380px;
	background: url(/local/templates/bania.3.1/css/../images/bg_help.jpg) 50% 50% no-repeat;
	background-size: cover;
	padding: 32px 30px;
}
.projects .items .item.help strong {
	background: url(/local/templates/bania.3.1/css/../images/icon_15.png) 50% 0 no-repeat;
	padding: 69px 0 0 5px;
	color: #fff;
	font-size: 30px;
	line-height: 27px;
	letter-spacing: -0.025em;
	margin: 0 0 23px;
	display: block;
}
.projects .items .item.help p {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	padding: 0 0 0 9px;
	color: #fff;
	font-size: 18px;
	line-height: 20px;
	margin: 0 0 38px;
}
.projects .items .item.help .btn {
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	letter-spacing: -0.025em;
	width: 100%;
	display: block;
	background: #f3152f;
	color: #fff;
	text-align: center;
	height: 40px;
	border: 0;
	line-height: 40px;
	font-size: 17px;
}
.projects .items .item:nth-child(4n+4) {
	margin: 0 0 16px;
}
.projects .items .item:nth-child(4n+4):after {
	display: none;
}
.projects .items .item .frame {
	position: relative;
	padding: 209px 0 0;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
	background: #fff;
	z-index: 10;
}
.projects .items .item:hover {
	z-index: 20;
}
.projects .items .item:hover .frame {
	-webkit-box-shadow: 0 7px 46px 0 rgba(18,35,41,0.3);
	box-shadow: 0 7px 46px 0 rgba(18,35,41,0.3);
	margin: -26px -38px -20px -39px;
	padding: 235px 0 20px;
}
.projects .items .item:after {
	position: absolute;
	top: 189px;
	right: -15px;
	content: "";
	width: 1px;
	background: #f4f6f6;
	height: 176px;
}
.projects .items .new {
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	position: absolute;
	top: 13px;
	right: -4px;
	height: 14px;
	line-height: 12px;
	font-size: 12px;
	color: #fff;
	background: #f21d52;
	border-radius: 6px;
	padding: 0 8px 0 10px;
	z-index: 2;
}
.projects .items .action {
	z-index: 2;
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	position: absolute;
	top: 13px;
	right: -4px;
	height: 14px;
	line-height: 12px;
	font-size: 12px;
	color: #fff;
	background: #5ec410;
	border-radius: 6px;
	padding: 0 8px 0 10px;
}
.projects .items strong {
	font-size: 18px;
	line-height: 21px;
	margin: 0 0 10px;
	display: block;
}
.projects .items .text {
	width: 254px;
	margin: 0 auto;
}
.projects .items ul {
	overflow: hidden;
	margin: 0 0 23px;
}
.projects .items ul li {
	float: left;
	position: relative;
	margin: 0 15px 0 0;
	padding: 0 15px 0 0;
}
.projects .items ul li:after {
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	width: 1px;
	background: #eee;
	height: 37px;
}
.projects .items ul li:last-child {
	margin: 0;
	padding: 0;
}
.projects .items ul li:last-child:after {
	display: none;
}
.projects .items ul span {
	display: block;
	font-size: 13px;
	line-height: 22px;
	margin: 0 0 -2px;
	letter-spacing: -0.005em;
}
.projects .items ul em {
	display: block;
	font-style: normal;
	color: #af9f89;
	font-size: 18px;
	line-height: 22px;
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
}
.projects .items .visual {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 189px;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.projects .items .item:hover .visual {
	height: 215px;
}
.projects .items .item:hover .btn {
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	color: #fff;
	background: #f3152f;
	border-color: #f3152f;
}
.projects .items .visual img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.projects .items .price {
	position: relative;
	overflow: hidden;
	height: 44px;
}
.projects .items .price .btn {
	float: right;
	margin-top: 2px;
}
.projects .items .price strong {
	position: absolute;
	top:50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	font-size: 20px;
	line-height: 22px;
	color: #91c700;
	margin: 0;
}
.projects .items .price strong strike {
	font-family: "Museo Sans Cyrl 300", Arial, sans-serif;
	font-style: normal;
	font-size: 14px;
	line-height: 22px;
	color: #999;
}
.product {
	margin: 0 0 52px;
}
.product:after {
	display: block;
	clear: both;
	content: "";
}
.product .information {
	float: left;
	width: 732px;
}
.product .slideshow {
	position: relative;
	margin: 0 0 27px;
}
.product .slideshow .new {
	position: absolute;
	top: 20px;
	right: -3px;
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	height: 23px;
	line-height: 20px;
	font-size: 18px;
	color: #fff;
	background: #f21d52;
	border-radius: 6px;
	padding: 0 8px 0 10px;
	z-index: 2;
}
.product .slideshow .action {
	z-index: 2;
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	position: absolute;
	top: 20px;
	right: -3px;
	height: 23px;
	line-height: 20px;
	font-size: 18px;
	color: #fff;
	background: #5ec410;
	border-radius: 6px;
	padding: 0 8px 0 10px;
}
.product .slideshow .slides {
	position: relative;
	height: 460px;
	margin: 0 0 11px;
	overflow: hidden;
}
.product .slideshow .slides .slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 3px;
	display: none;
}
.product .slideshow .slides .slide img {
	height: 100%;
	width: 100%;
	/*object-fit: cover;*/
}
.product .slideshow .slides .slide:first-child {
	display: block;
}
.product .slideshow .pagination {
	font-size: 20px;
	line-height: 26px;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.product .slideshow .pagination .pagination-slide {
	flex: 0 0 174px;
	width: 174px;
	align-items: stretch;
	position: relative;
	margin: 0 12px 0 0;
}
.product .slideshow .pagination .pagination-slide a {
	display: block;
	overflow: hidden;
	text-decoration: none;
	height: 100%;
	position: relative;
	border-radius: 3px;
}
.product .slideshow .pagination .pagination-slide a:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: #91c700;
	opacity: 0;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.product .slideshow .pagination .pagination-slide.active a:before {
	position: absolute;
	top: 50%;
	left: 50%;
	background: url(/local/templates/bania.3.1/css/../images/icon_10.png) 0 0 no-repeat;
	width: 49px;
	height: 32px;
	content: "";
	z-index: 10;
	-webkit-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-o-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	display: none;
}
.product .slideshow .pagination .pagination-slide a:hover:after,
.product .slideshow .pagination .pagination-slide.active a:after {
	opacity: 0.77;
}
.product .slideshow .pagination .pagination-slide:last-child {
	margin: 0;
}
.product .slideshow .pagination .pagination-holder {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	margin: 0 0 26px;
}
.product .slideshow .pagination .slideshow-pagination {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 0;
	line-height: 0;
}
.product .slideshow .pagination .slideshow-pagination .swiper-pagination-bullet {
	display: inline-block;
	vertical-align: top;
	height: 6px;
	width: 6px;
	background: #e5e5e5;
	text-indent: -9999px;
	overflow: hidden;
	border-radius: 50%;
	margin: 0 13px;
	cursor: pointer;
}
.product .slideshow .pagination .slideshow-pagination .swiper-pagination-bullet-active {
	background: #ff0825;
}
.information h3 {
	font-size: 36px;
	line-height: 40px;
	margin: 0 0 18px;
}
.information p {
	font-size: 17px;
	line-height: 27px;
	margin: 0 0 18px;
	letter-spacing: -0.005em;
}
.information ul {
	margin: 0 0 26px;
	padding: 0 0 0 49px;
	font-size: 19px;
	line-height: 32px;
}
.information ul li {
	position: relative;
	padding: 0 0 0 22px;
}
.information ul li:before {
	position: absolute;
	top: 11px;
	left: 0;
	content: "";
	border: 2px solid #91c700;
	width: 6px;
	height: 6px;
	border-radius: 50%;
}
.information ul strong {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
}
.information .btn {
	margin-left: 63px;
	min-width: 236px;
}
.sidebar {
	float: right;
	width: 348px;
	font-size: 13px;
	line-height: 22px;
}
.sidebar .block {
	background: #f8f9f5;
	border-radius: 3px;
	padding: 13px 16px 16px 16px;
	margin: 0 0 18px;
}
.product .sidebar .row {
	padding: 0 25px 14px;
	border-bottom: 1px solid #e7e9e1;
	margin: 0 0 13px;
}
.product .sidebar .row:last-child {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.product .sidebar em {
	font-style: normal;
}
.product .price {
	position: relative;
	padding: 0 0 0 25px;
}
.product .price:before {
	position: absolute;
	top: -17px;
	left: 1px;
	content: "";
	width: 2px;
	background: #91c700;
	height: 77px;
}
.product .price strong {
	display: block;
	color: #91c700;
	margin: 0;
	font-size: 36px;
	letter-spacing: -0.005em;
	line-height: 40px;
}
.product .price strong span {
	font-size: 20px;
}
.product .price  p {
	font-size: 12px;
	margin: 0 0 10px;
	line-height: 18px;
}
.product .sidebar ul {
	overflow: hidden;
	padding: 0 0 4px;
}
.product .sidebar ul li {
	float: left;
	position: relative;
	padding: 0 12px 0 0;
	margin: 0 12px 0 0;
}
.product .sidebar ul li:after {
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	background: #e7e9e1;
	content: "";
	height: 37px;
}
.product .sidebar ul li:last-child {
	padding: 0;
	margin: 0;
}
.product .sidebar ul li:last-child:after {
	display: none;
}
.product .sidebar ul span {
	display: block;
	margin-bottom: -2px;
}
.product .sidebar ul em {
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	font-size: 22px;
	color: #a0917d;
	display: block;
	letter-spacing: -0.005em;
}
.product .sidebar dl {
	margin: -2px 0 0;
}
.product .sidebar dl dt {
	display: block;
	margin-bottom: -1px;
	float: none;
}
.product .sidebar dl dd {
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	font-size: 15px;
	color: #a0917d;
	display: block;
	letter-spacing: -0.005em;
	line-height: 25px;
}
.product .sidebar dl dd span {
	color: #91c700;
	padding: 0 0 0 5px;
}
.product .sidebar .btn {
	margin: 22px 0 15px;
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	color: #13141c;
	text-decoration: none;
	height: 61px;
	text-align: center;
	background: none;
	padding: 0 10px;
	width: 100%;
	line-height: 57px;
	border-radius: 30px;
	border: 2px solid #91c700;
}
.product .sidebar .btn:hover {
	color: #91c700;
	background-color: #fff;
}
.consult-form {
	padding: 15px 0 12px;
}
.consult-form .row {
	border: 0 !important;
	padding: 0 17px !important;
	margin: 0 0 10px !important;
}
.consult-form legend {
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	font-size: 18px;
	line-height: 22px;
	border-bottom: 1px solid #e7e9e1;
	margin: 0 0 18px;
	padding: 0 25px 28px;
	width: 100%;
}
.consult-form label {
	display: block;
	margin: 0 0 1px;
	font-size: 16px;
	padding: 0 0 0 4px;
	line-height: 20px;
}
.consult-form input[type=file] {
	width: 100%;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 20;
}
.consult-form .file {
	background: url(/local/templates/bania.3.1/css/../images/icon_11.png) 7px 6px no-repeat;
	height: 30px;
	position: relative;
	overflow: hidden;
	padding: 6px 0 6px 43px;
}
.consult-form .file span {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	position: absolute;
	top: 7px;
	left: 37px;
	color: #626363;
	font-size: 13px;
	line-height: 14px;
	max-width: 85%;
	overflow: hidden;
	padding: 0 0 6px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.consult-form .file span:after {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	color: #91c700;
	white-space: nowrap;
	content: ".....................................................................................";
}
.consult-form textarea,
.consult-form input[type=text] {
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	display: block;
	width: 100%;
	height: 52px;
	font-size: 16PX;
	color: #111;
	border-radius: 3px;
	background: #fff;
	padding: 0 24px;
	border: 1px solid #c2cbd1;
}
.consult-form textarea {
	padding: 13px 24px;
	resize: none;
	height: 108px;
}
.consult-form span {
	margin: -1px 0 -3px 6px;
	font-size: 12px;
	display: block;
}
.consult-form input[type=submit] {
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	display: block;
	width: 100%;
	text-align: center;
	background: #91c700;
	border: 0;
	color: #fff;
	font-size: 16px;
	height: 51px;
	border-radius: 23px;
}
.heading {
	overflow: hidden;
	margin: 0 0 3px;
}
.heading h3 {
	float: left;
}
.heading h4 {
	float: left;
}
.heading .more {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	font-size: 13px;
	line-height: 22px;
	color: #626363;
	text-decoration: none;
	float: right;
	text-decoration: none;
}
.heading .more:hover {
	color: #91c700;
}
.heading .more:after {
	font-family: 'icomoon';
	src:  url('/local/templates/bania.3.1/css/fonts/icomoon.eot?fyv4j7');
	src:  url('/local/templates/bania.3.1/css/fonts/icomoon.eot?fyv4j7#iefix') format('embedded-opentype'),
	  url('/local/templates/bania.3.1/css/fonts/icomoon.ttf?fyv4j7') format('truetype'),
	  url('/local/templates/bania.3.1/css/fonts/icomoon.woff?fyv4j7') format('woff'),
	  url('/local/templates/bania.3.1/css/fonts/icomoon.svg?fyv4j7#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	content: "\e908";
	color: #91c700;
	font-size: 8px;
	padding: 0 0 0 14px;
}
.heading h4 + .more {
	margin: 48px 0 0;
}
.heading .control {
	float: right;
	padding: 3px 0 0;
}
.heading .control li {
	float: left;
	margin: 0 4px 0 0 0;
}
.heading .control li:last-child {
	margin: 0;
}
.heading .control a {
	display: block;
	height: 38px;
	line-height: 36px;
	font-size: 16px;
	border: 1px solid #fff;
	border-radius: 18px;
	color: #111;
	padding: 0 15px;
	text-decoration: none;
}
.heading .control .active a {
	border: 1px solid #91c700;
	color: #91c700;
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
}
.heading .control a:hover {
	color: #91c700;
}
.history em {
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	font-style: normal;
	font-size: 19px;
	line-height: 24px;
	display: block;
	margin: 0 0 9px;
}
.history em + p {
	font-size: 15px;
	line-height: 21px;
}
.product + .history {
	margin: 0 0 62px;
}
.history .tabs ul {
	display: none;
}
.history .tabs ul:first-child {
	display: block;
}
.menu-holder {
	position: relative;
	width: 1040px;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	margin: 0 0 9px;
	overflow: hidden;
	letter-spacing: -0.005em;
}
.menu-frame {
	width: 100%;
	position: relative;
}
.menu-frame:after {
	position: absolute;
	bottom: 2px;
	left: -99999px;
	right: -99999px;
	content: "";
	height: 2px;
	background: #eff3f3;
	z-index: -1;
}
h1 + .menu-frame  {
	margin-top: -9px;
}
.menu-button-next {
	position: absolute;
	top: 6px;
	right: 3px;
	font-size: 16px;
	color: #c7b59d;
	z-index: 10;
	cursor: pointer;
}
.menu-button-prev {
	position: absolute;
	top: 6px;
	right: 33px;
	font-size: 16px;
	color: #c7b59d;
	z-index: 10;
	cursor: pointer;
}
.menu-holder .menu {
	padding: 0 0 2px;
	margin: 0;
	font-size: 20px;
	line-height: 27px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
}
.menu-holder .menu li {
	flex: 0 1 auto;
	align-items: stretch;
	position: relative;
	margin: 0 34px 0 0;
	padding: 0 0 18px;
	white-space: nowrap;
 }
 .menu-holder .menu li.active {
	border-bottom: 2px solid #91c700;
	padding: 0;
	z-index: 100;
 }
.menu-holder .menu li a {
	color: #111;
	display: block;
	text-decoration: none;
}
.menu-holder .menu li.active a {
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	color: #91c700;
}
.menu-holder .menu li a:hover {
	color: #91c700;
}
.secondary-nav {
	overflow: hidden;
	font-size: 16px;
	line-height: 27px;
	letter-spacing: -0.005em;
	margin: 0 0 30px;
}
.secondary-nav li {
	float: left;
	margin: 0 28px 0 0;
}
.secondary-nav a {
	color: #111;
	text-decoration: none;
}
.secondary-nav .active a,
.secondary-nav a:hover {
	color: #91c700;
}
.secondary-nav .active a {
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
}
.swiper-pagination-lock,
.swiper-button-lock {
	display: none;
}
.slider + .articles {
	margin-top: -19px;
}
.articles {
	margin-bottom: 25px;
}
.articles {
	overflow: hidden;
}
.articles .item:first-child {
	float: right;
	width: 540px;
	position: relative;
}
.articles .item:first-child .text {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0 65px 41px 51px;
	z-index: 2;
}
.articles .item:first-child a {
	position: relative;
}
.articles .item:first-child a:after {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c2c2c+46,131313+100&0+0,0+45,1+100 */
	background: -moz-linear-gradient(top,  rgba(44,44,44,0) 0%, rgba(44,44,44,0) 45%, rgba(44,44,44,0.02) 46%, rgba(19,19,19,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(44,44,44,0) 0%,rgba(44,44,44,0) 45%,rgba(44,44,44,0.02) 46%,rgba(19,19,19,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(44,44,44,0) 0%,rgba(44,44,44,0) 45%,rgba(44,44,44,0.02) 46%,rgba(19,19,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002c2c2c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	z-index: 1;
}
.articles .item:first-child .text h4 {
	font-size: 29px;
	line-height: 27px;
	margin: 0;
}
.articles .item {
	float: left;
	width: 540px;
	margin: 0 0 10px;
	padding: 0 0 13px;
	position: relative;
	border-bottom: 1px solid #f4f4f4;
}
.articles .item:first-child {
	margin: 0;
	padding: 0;
	border-bottom: 0;
}
.articles .item:first-child .visual {
	margin: 0;
	float: none;
}
.articles .item:last-child {
	border-bottom: 0;
}
.articles .item  em {
	font-size: 13px;
	line-height: 22px;
	font-style: normal;
	margin: 0 0 5px;
	display: block;
	color: #626363;
	letter-spacing: -0.005em;
}
.articles .item .text h4 {
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	margin: 0 0 10px;
	font-size: 20px;
	line-height: 22px;
	letter-spacing: -0.005em;
}
.articles .item .text p {
	font-size: 16px;
	line-height: 22px;
	margin: 0;
	letter-spacing: -0.005em;
}
.articles .item .visual {
	float: left;
	margin: 0 33px 0 0;
}
.articles .item .text {
	overflow: hidden;
	padding: 5px 0 0;
}
.articles .item:first-child em {
	color: #fff;
}
.articles .item:first-child .text {
	color: #fff;
}
.articles .item:first-child .text p {
	display: none;
}
.articles  .item a {
	color: #111;
	display: block;
	text-decoration: none;
}
.articles .item a:hover {
	opacity: 0.8;
}
.articles  a:hover h4 {
	color: #91c700;
}
.paging {
	overflow: hidden;
	margin: -21px 0 37px;
}
.paging ul {
	font-size: 0;
	line-height: 0;
	text-align: center;
}
.paging ul a, .paging ul span {
	text-decoration: none;
	color: #111;
	display: inline-block;
	vertical-align: top;
	height: 40px;
	padding: 0 14px;
	line-height: 40px;
	margin: 0 4px;
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
}
.paging ul a:hover {
	text-decoration: underline;
}
.paging ul .active {
	text-decoration: none;
	font-family: "Museo Sans Cyrl 900", Arial, sans-serif;
}
.paging ul .active {
	color: #fff;
	background: #91c700;
	text-decoration: none;
}
.paging ul .active:hover {
	text-decoration: none;
}
.paging ul li {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	font-size: 21px;
	line-height: 40px;
}
.paging ul .prev, .paging ul .next {
	text-decoration: none;
	font-size: 13px;
	line-height: 22px;
	height: auto;
	position: relative;
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
}
.paging ul .prev:hover, .paging ul .next:hover {
	color: #91c700;
	text-decoration: none;
}
.paging ul .prev i, .paging ul .next i {
	font-size: 11px;
	color: #91c700;
	position: absolute;
}
.paging ul .prev i {
	left: 0;
	top: 5px;
}
.paging ul .next i {
	right: 0;
	top: 5px;
}
.paging ul .next {
	color: #48494d;
	padding: 0 30px 0 0;
	margin: 13px 0 0 96px;
}

.paging ul .prev {
	color: #48494d;
	padding: 0 0 0 30px;
	margin: 13px 96px 0 0 ;
}
.filter {
	position: relative;
	padding: 8px 0 69px;
	margin: 0 0 17px;
}
.filter .h5,
.filter h5 {
	font-size: 20px;
	line-height: 36px;
	margin: 0 0 8px;
}
.filter:after {
	position: absolute;
	top: 0;
	left: -50vw;
	right: -50vw;
	height: 100%;
	content: "";
	background: url(/local/templates/bania.3.1/css/../images/bg_filter.jpg) 50% 50% no-repeat;
	background-size: cover;
	z-index: -1;
}
.filter ul {
	columns: 240px 4;
	column-gap: 30px;
	font-size: 16px;
	line-height: 27px;
	letter-spacing: -0.025em;
	margin: 0 0 20px;
}
.filter ul a {
	color: #444c61;
	text-decoration: none;
}
.filter ul a:hover {
	color: #91c700;
}
.filter ul .active a {
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
}
.filter .columns {
	overflow: hidden;
	margin: 0 0 -9px;
}
.filter .columns + .columns {
	margin: 0;
}
.filter .columns .column {
	float: left;
	width: 540px;
	margin: 0 30px 0 0;
}
.filter .columns .column + .column {
	margin: 0;
}
.filter .columns .columns {
	margin: 0;
}
.filter .columns .columns .column {
	width: 255px;
	margin: 0 30px 0 0;
}
.filter .columns .columns .column + .column {
	margin: 0;
}
.filter .columns .column ul {
	columns: 240px 2;
	column-gap: 30px;
}
.filter label input[type=checkbox] {
	display: none;
}
.filter input[type=checkbox] + span {
	position: relative;
	display: block;
	line-height: 26px;
	margin: 0 0 4px;
	padding: 0 0 0 32px;
}
.filter input[type=checkbox] + span:after {
	position: absolute;
	top: 5px;
	left: 2px;
	width: 16px;
	height: 16px;
	content: "";
	border-radius: 3px;
	border:1px solid #c2cbd1;
}
.filter input[type=checkbox] + span:before{
	content: '\2713';
	position: absolute;
	top: 0;
	left: 0;
	color: #9dcd1c;
	margin: 0 8px 0 4px;
	font-size: 20px;
	line-height: 28px;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.filter input[type=checkbox]:checked + span:before{
	-webkit-transform: scale(1);
	transform: scale(1);
}
.filter input[type=checkbox]:checked + span {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
}
.filter label input[type=radio] {
	display: none;
}
.filter input[type=radio] + span {
	position: relative;
	display: block;
	line-height: 26px;
	margin: 0 0 4px;
	padding: 0 0 0 32px;
}
.filter input[type=radio] + span:after {
	position: absolute;
	top: 5px;
	left: 2px;
	width: 16px;
	height: 16px;
	content: "";
	border-radius: 50%;
	border:1px solid #c2cbd1;
}
.filter input[type=radio] + span:before{
	position: absolute;
	top: 5px;
	left: 2px;
	width: 8px;
	height: 8px;
	content: "";
	border-radius: 50%;
	border:5px solid #9dcd1c;
	display: none;
}
.filter input[type=radio]:checked + span:before{
	display: block;
}
.filter input[type=radio]:checked + span {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
}
.filter .more {
	font-size: 13px;
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	color: #111;
	text-decoration: none;
	position: relative;
	overflow: hidden;
	float: left;
	margin: 3px 0 0 34px;
	padding-bottom: 8px;
}
.filter .more:hover {
	color: #91c700;
}
.filter .more:after {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	color: #91c700;
	white-space: nowrap;
	content: ".....................................................................................";
}
.ui-slider-holder {
	overflow: hidden;
	position: relative;
	padding: 43px 0 0 3px;
}
.ui-slider-holder .note {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #6e6e6e;
	position: absolute;
	top: 20px;
	left: 3px;
}
.ui-slider-holder .note + .note {
	left: auto;
	right: 0;
}
.ui-slider-holder:after {
	position: absolute;
	top: 7px;
	left: 0;
	right: 0;
	height: 4px;
	content: "";
	background: #edefef;
	border-radius: 2px;
}
.ui-slider-holder .ui-slider {
	position: absolute;
	top: 0;
	left: 0;
	right: 36px;
	height: 18px;
}
.ui-slider .ui-slider-handle {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border:5px solid #9dcd1c;
	margin: 0;
	background: #fff;
	top: 0;
}
.ui-slider .ui-slider-handle + .ui-slider-handle {
	margin: 0 0 0 17px;
}
.ui-slider .ui-slider-range {
	margin: 0 0 0 18px;
	background: #9dcd1c;
	height: 4px;
	top: 7px;
}
.ui-slider-holder input[type=text] {
	float: left;
	width: 117px;
	background: #fff url(/local/templates/bania.3.1/css/../images/icon_12.png) 96px 13px no-repeat;
	border: 1px solid #c2cbd1;
	border-radius: 3px;
	height: 41px;
	line-height: 39px;
	font-size: 14px;
	color: #13141c;
	padding: 0 30px 0 13px;
	margin: 0 18px 0 0;
}
.columns .columns .ui-slider-holder input[type=text] {
	background: #fff url(/local/templates/bania.3.1/css/../images/icon_13.png) 93px 13px no-repeat;
}
.ui-slider-holder input[type=text] + input[type=text] {
	margin: 0;
}
/*.filter input[type=submit] {
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	display: block;
	border: 0;
	background: #f3152f;
	width: 100%;
	font-size: 19px;
	color: #fff;
	text-align: center;
	height: 55px;
	line-height: 55px;
	border-radius: 26px;
	margin: 0 0 11px;
}*/
.filter p {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	text-align: center;
	color: #9fa2a4;
	font-size: 12px;
	line-height: 16px;
	margin: 0;
}
.filter .toggle {
	position: absolute;
	z-index: 99;
	bottom: 0;
	left: 0;
	right: 0;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	color: #595959;
	text-decoration: none;
	text-align: center;
	background: #edf0f0;
}
.filter .toggle:hover {
	color: #9dcd1c;
}
.filter .toggle i {
	padding: 0 0 0 13px;
	color: #b0a493;
	font-size: 4px;
	vertical-align: middle;
}
.filter:before {
	background: #edf0f0;
	position: absolute;
	bottom: 0;
	height: 34px;
	left: -50vw;
	right: -50vw;
	content: "";
	z-index: 0;
}
.sort {
	margin: 0;
	font-size: 15px;
	line-height: 30px;
	overflow: hidden;
}
.sort li {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	float: left;
	margin: 0 27px 0 0;
	position: relative;
}
.sort a {
	font-family: "Museo Sans Cyrl 300", Arial, sans-serif;
	color: #13141c;
	text-decoration: none;
}
.sort a:hover {
	color: #9dcd1c;
}
.sort li.active a {
    color: #9dcd1c;
}
.sort li.active:after {
	/*background: url(/local/templates/bania.3.1/css/../images/icon_14.png) 0 0 no-repeat;*/
	/*width: 8px;*/
	/*height: 10px;*/
	/*content: "";*/
	/*position: absolute;*/
	/*right: -9px;*/
	/*top: 10px;*/
}
.sort + .projects {
	padding-top: 5px !important;
}
div.contacts {
	margin: 0 0 10px;
}
div.contacts:after {
	display: block;
	clear: both;
	content: "";
}
.contacts .content {
	float: left;
	width: 730px;
}
.contacts .content h1 {
	margin-bottom: 10px;
}
.contacts .sidebar {
	padding: 20px 0 0;
	width: 351px;
}
.contacts .sidebar .block {
	border-radius: 3px;
	padding: 13px 22px 10px;
}
.contacts .sidebar .consult-form {
	padding: 14px 0 0;
}
.contacts .sidebar .consult-form legend {
	padding-bottom: 27px;
	margin: 0 0 23px;
}
.contacts .consult-form .row {
	padding: 0 9px 0 17px !important;
	margin: 0 0 19px !important;
}
.contacts .consult-form textarea {
	height: 186px;
}
.contacts address {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	display: block;
	overflow: hidden;
	font-style: normal;
	color: #000;
	margin: 0 0 11px;
	letter-spacing: -0.005em;
}
.contacts address i {
	float: left;
	margin: 6px 12px 0 3px;
	color: #c7b59d;
}
.contacts address a {
	background: url(/local/templates/bania.3.1/css/../images/icon_16.png) 0 4px no-repeat;
	padding: 0 0 8px 39px;
	margin: 2px 7px 0 0 ;
	color: #626363;
	font-size: 13px;
	float: right;
	text-decoration: none;
	overflow: hidden;
	position: relative;
}
.contacts address a:hover {
	color: #9dcd1c;
}
.contacts address a:after {
	position: absolute;
	bottom: 0;
	left: 39px;
	right: 0;
	color: #d8ccbc;
	white-space: nowrap;
	content: ".....................................................................................";
}
.metro {
	overflow: hidden;
	margin: 0 0 30px;
}
.metro li {
	position: relative;
	padding: 14px 15px 0 58px;
	float: left;
	width: 353px;
	height: 79px;
	margin: 0 0 4px;
	border-radius: 3px;
	background: #f9f7f5;
}
.metro li:nth-child(2n+2) {
	float: right;
}
.metro li i {
	position: absolute;
	top: 17px;
	left: 22px;
	color: #c7b59d;
}
.metro li strong {
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	display: block;
	margin: 0 0 3px;
	font-size: 16px;
}
.metro li span {
	display: block;
	font-size: 13px;
	line-height: 14px;
	color: #626363;
}
.contacts ul.contacts {
	margin: 0 0 33px;
	overflow: hidden;
}
.contacts ul.contacts li {
	margin: 0 41px 0 0;
}
ul.contacts li:nth-child(1):before {
	font-size: 18px;
	top: 2px;
	left: 3px;
}
ul.contacts li:nth-child(3):before {
	font-size: 15px;
	top:4px;
}
.map iframe {
	border: 0;
}
.contacts h4 {
	font-size: 18px;
	line-height: 22px;
	margin: 31px 0 0 26px;
}
.contacts .video {
	margin: -14px 0 0 -16px;
}
.details {
	padding: 10px 0 0;
	margin: 0 0 29px;
	font-size: 0;
	line-height: 0px;
	overflow: hidden;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
.details li {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding: 24px 0 25px 33px;
	width: 285px;
	flex-direction: column;
	border-left: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
}
.details li span {
	font-size: 13px;
	line-height: 14px;
	margin: 0 0 7px;
	display: block;
	color: #626363;
}
.details strong {
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	display: block;
	font-size: 16px;
	line-height: 20px;
	color: #000;
}
.details li:first-child {
	flex: 1 0 254px;
	width: 254px;
	padding: 0;
	border-left: 0;
}
.details li:nth-child(5n+5) {
	flex: 1 0 254px;
	padding-left: 0;
	width: 254px;
	border-left: 0;
}
.details li:nth-child(4),
.details li:nth-child(3),
.details li:nth-child(2),
.details li:nth-child(1) {
	padding-top: 0;
}
.details li:nth-last-child(4),
.details li:nth-last-child(3),
.details li:nth-last-child(2),
.details li:nth-last-child(1)  {
	border-bottom: 0;
	padding-bottom: 0;
}
.article-info {
	padding: 11px 0 0;
	overflow: hidden;
	margin: 0 0 5px;
}
.article-info .information {
	float: left;
	width: 732px;
}
.article-info .information .visual {
	margin:0;
	background: #fff;
	position: relative;
}
.article-info .information .visual img {
	border-radius: 3px;
}
.article-info .information .visual span {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	letter-spacing: -0.005em;
	position: absolute;
	bottom: 11px;
	right: 0;
	font-size: 12px;
	color: #626363;
	background: #fff;
	border-radius: 3px 0 0 3px;
	padding: 0 12px 0 14px;
	height: 26px;
	line-height: 26px;
}
.article-info h1 {
	font-size: 44px;
	line-height: 44px;
	margin: 0 0 15px;
}
.status {
	overflow: hidden;
	margin: 0 0 14px;
	color: #626363;
	font-size: 13px;
	line-height: 22px;
}
.status li {
	float: left;
	margin: 0 42px 0 0;
}
.status li i {
	display: inline-block;
	vertical-align: top;
	color: #c7b59d;
	margin: 5px 9px 0 0;
}
.article-info .consult-form legend {
	background: url(/local/templates/bania.3.1/css/../images/icon_17.png) 10px 7px no-repeat;
	padding: 0 0 28px 62px;
	font-size: 19px;
	line-height: 22px;
}
.article-info .consult-form {
	padding-top: 13px;
}
.article-info .sidebar .block {
	margin: 0;
	padding-bottom: 3px;
}
.article-info .information .text {
	background: #f6f8f2 url(/local/templates/bania.3.1/css/../images/bg_05.jpg) 50% 50% no-repeat;
	background-size: cover;
	border-radius: 0 0 3px 3px;
	padding: 22px 62px 36px;
}
.article-info .information h5 {
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	padding: 0;
	margin: 0 0 13px;
	position: relative;
	font-size: 20px;
	line-height: 22px;
}
.article-info .information h5:before {
	position: absolute;
	top: 5px;
	left: -61px;
	width: 47px;
	content: "";
	height: 14px;
	background: #91c700;
}
.article-info .information ul {
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 27px;
}
.article-info .information ul li {
	margin: 0;
	padding: 0 0 0 22px;
	position: relative;
}
.article-info .information ul li:before {
	position: absolute;
	top: 14px;
	left: 1px;
	height: 1px;
	background: #bac9a0;
	width: 11px;
	border-radius: 0;
	border:0;
	content: "";
}
.article-info .information ul li a {
	color: #111;
	display: inline-block;
	vertical-align: top;
	position: relative;
	text-decoration: none;
}
.article-info .information ul li a:after {
	position: absolute;
	bottom: 2px;
	left: 0;
	right: 0;
	height: 1px;
	background: #d6dec3;
	content: "";
}
.article-info .information ul li a:hover {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
}
.article h3 {
	/* font-size: 40px;
	line-height: 44px; */
	margin: 0 0 23px;
	letter-spacing: -0.005em;
}
.article h4 {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	font-size: 36px;
	line-height: 40px;
	margin: 0 0 19px;
	letter-spacing: -0.005em;
}
.article p {
	margin: 0 0 19px;
}
.article p a {
	color: #2e3335;
}
.article .visual {
	width: 540px;
	margin: 39px auto 47px;
	position: relative;
	border-radius: 3px;
	overflow: hidden;
}
.article .visual span {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	letter-spacing: -0.005em;
	position: absolute;
	bottom: 16px;
	right: 0;
	font-size: 12px;
	color: #626363;
	background: #fff;
	border-radius: 3px 0 0 3px;
	padding: 0 12px 0 14px;
	height: 26px;
	line-height: 26px;
}
.article .notice {
	margin: 28px 0 27px;
	padding: 28px 130px 15px;
	position: relative;
	overflow: hidden;
	border-radius: 3px;
}
.article .notice i {
	position: absolute;
	top: 50%;
	left: 63px;
	font-size: 44px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.article .notice.green {
	background: #f2f5ea;
}
.article .notice.green i {
	color: #91c700;
}
.article .notice.brown {
	background: #faf7f3;
}
.article .notice.brown i {
	color: #c7b59d;
}
.article .notice.red {
	background: #faf3f4;
}
.article .notice.red i {
	color: #ee2c48;
}
.article .notice p {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	font-size: 18px;
	line-height: 27px;
	letter-spacing: -0.005em;
}
.article ul:not(.list_sizes, .slick-dots) {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	margin: 0 0 32px;
	padding: 10px 0 0 50px;
}
.article ul:not(.list_sizes, .slick-dots) li {
	position: relative;
	padding: 0 0 0 23px;
}
.article ul:not(.list_sizes, .slick-dots) li:before {
	position: absolute;
	top: 12px;
	left: 0;
	border: 2px solid #96c90b;
	width: 6px;
	height: 6px;
	border-radius: 5px;
	content: "";
}
.article ol {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	margin: 0 0 47px;
	padding: 10px 0 0 49px;
	counter-reset: my-awesome-counter;
}
.article ol li {
	overflow: hidden;
	counter-increment: my-awesome-counter;
}
.article ol li:before {
	float: left;
	content: counter(my-awesome-counter);
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	font-size: 24px;
	line-height: 30px;
	margin: 0 11px 0 0;
	color: #91c700;
}
.article .video {
	background: url(/local/templates/bania.3.1/css/../images/bg_video_big.png) no-repeat;
	width: 598px;
	height: 401px;
	padding: 0;
	margin: 0 auto 2px;
}
.article .video a {
	width: 540px;
	height: 347px;
	top: 0;
	left: 27px;
	border-radius: 4px;
}
.article blockquote {
	padding: 32px 100px 0 144px;
	margin: 0 0 52px;
}
.article blockquote:before {
	left: 71px;
	top: 24px;
}
.article blockquote p {
	margin: 0 0 12px;
}
.article .author {
	overflow: hidden;
	padding: 16px 0 23px;
}
.article .author .rating {
	float: right;
	margin: 0 13px 0 126px;
}
.article .author .rating span {
	display: block;
	font-size: 13px;
	line-height: 22px;
	color: #626363;
	margin: 0;
}
.article .author .rating .star-rating {
	list-style:none;
	margin:0px;
	padding:0px;
	width:136px;
	height:26px;
	position:relative;
	background:url(/local/templates/bania.3.1/css/../img_new/rd_icon-19.svg) repeat-x;
	overflow: hidden;
}
.article .author .rating .star-rating li{
	/*\*/
	float:left;
	margin: 0 5px 0 0;
	padding: 0;
	/* */
}
.article .author .rating .star-rating li:last-child {
	margin: 0;
}
.article .author .rating .star-rating li:before {
	display: none;
}
.article .author .rating .star-rating li a{
	display:block;
	width:26px;
	height:26px;
	text-decoration:none;
	text-indent:-9000px;
	z-index:2;
	position:absolute;
	padding:0px;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

.article .author .rating .star-rating li a:hover,
.article .author .rating .star-rating li.active a,
.article .author .rating .star-rating li.setted a{
	background:url(/local/templates/bania.3.1/css/../img_new/rd_icon-19_1.svg);
	z-index:1;
	left:0px;
}

.article .author .rating .star-rating li.setted a,
.article .author .rating .star-rating li.setted a:hover {
	background-position: 0 100%;
}
.article .author .rating .star-rating a.one-star{left:0px;}
.article .author .rating .star-rating a.one-star:hover,
.article .author .rating .star-rating li.active a.one-star,
.article .author .rating .star-rating li.setted a.one-star{width:26px;}

.article .author .rating .star-rating a.two-stars{left:27px;}
.article .author .rating .star-rating a.two-stars:hover,
.article .author .rating .star-rating li.active a.two-stars,
.article .author .rating .star-rating li.setted a.two-stars{width:52px;}

.article .author .rating .star-rating a.three-stars{left:52px;}
.article .author .rating .star-rating a.three-stars:hover,
.article .author .rating .star-rating li.active a.three-stars,
.article .author .rating .star-rating li.setted a.three-stars{width:83px;}

.article .author .rating .star-rating a.four-stars{left:83px;}
.article .author .rating .star-rating a.four-stars:hover,
.article .author .rating .star-rating li.active a.four-stars,
.article .author .rating .star-rating li.setted a.four-stars{width:110px;}

.article .author .rating .star-rating a.five-stars{left:110px;}
.article .author .rating .star-rating a.five-stars:hover,
.article .author .rating .star-rating li.active a.five-stars,
.article .author .rating .star-rating li.setted a.five-stars{width:136px;}

.article .author .by {
	float: left;
}
.article .author .by .holder {
	overflow: hidden;
	padding: 1px 0 0;
}
.article .author .by span {
	overflow: hidden;
	display: block;
	margin: 0;
	font-size: 13px;
	line-height: 22px;
	color: #626363;
	white-space: nowrap;
}
.article .author .by strong {
	white-space: nowrap;
	overflow: hidden;
	display: block;
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	font-size: 18px;
	line-height: 24px;
}
.article .author .by .avatar {
	float: left;
	margin: 4px 19px 0 0;
	overflow: hidden;
	border-radius: 50%;
}
.article .author .social {
	float: right;
	margin: 13px 0 0;
}
.comments {
	overflow: hidden;
	border-top: 1px solid #ebebeb;
	padding: 24px 0 0;
}
.comments .content {
	float: left;
	width: 732px;
}
.comments h2 {
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	font-size: 44px;
	line-height: 44px;
	margin: 0 0 27px;
}
.comments .empty {
	position: relative;
	padding: 0 100px 0 0;
	margin: 0 0 45px;
}
.comments .empty:after {
	content: "";
	background: url(/local/templates/bania.3.1/css/../images/icon_18.png) 0 0 no-repeat;
	position: absolute;
	top:50%;
	right: 14px;
	margin-top: -16px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 61px;
	height: 50px;
}
.comments .empty p {
	font-family: "Museo Sans Cyrl 100", Arial, sans-serif;
	font-size: 30px;
	line-height: 36px;
	color: #c5c5c5;
	margin: 0;
	letter-spacing: -0.005em;
}
.comments .sidebar {
	padding: 16px 0 0;
}
.comments .post {
	overflow: hidden;
	margin: 0 0 35px;
}
.comments .post .heading {
	overflow: hidden;
	margin: 0 0 21px;
}
.comments .post .heading .by {
	float: left;
	margin: 0;
}
.comments .post .heading .by .avatar {
	float: left;
	margin: 0 20px 0 0;
}
.comments .post .heading .by .holder {
	overflow: hidden;
	padding: 1px 0 0;
}
.comments .post .heading .by .date {
	overflow: hidden;
	display: block;
	margin: 0 0 2px;
	font-size: 13px;
	line-height: 22px;
	color: #626363;
	white-space: nowrap;
}
.comments .post .heading .by strong {
	white-space: nowrap;
	overflow: hidden;
	display: block;
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	font-size: 18px;
	line-height: 24px;
}
.comments .post .heading .likes {
	float: right;
	padding: 1px 15px 0 0;
}
.comments .post .heading .likes span {
	overflow: hidden;
	display: block;
	margin: 0 0 2px;
	font-size: 13px;
	line-height: 22px;
	color: #626363;
	white-space: nowrap;
}
.comments .post .heading .likes ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	font-size: 16px;
	line-height: 24px;
}
.comments .post .heading .likes ul li {
	float: left;
	margin: 0 14px 0 0;
}
.comments .post .heading .likes ul a {
	text-decoration: none;
	color: #111;
}
.comments .post .heading .likes ul em {
	font-family: "Museo Sans Cyrl 300", Arial, sans-serif;
	font-style: normal;
}
.comments .post .text {
	border: 1px solid #e6e9eb;
	border-radius: 4px;
	padding: 15px 20px 17px 27px;
}
.comments .post .text p {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.005em;
	margin: 0;
}
.comments .consult-form legend {
	margin-bottom: 22px;
}
.comments .consult-form .row {
	margin-bottom: 19px !important;
}
.comments .consult-form textarea {
	height: 186px;
}
.comments .answer {
	overflow: hidden;
	margin: 0 0 20px;
}
.comments .answer .heading {
	overflow: hidden;
	margin: 0 0 8px;
	padding: 0 17px 0 0;
}
.comments .answer .heading strong {
	float: left;
	position: relative;
	color: #91c700;
	padding: 0 0 0 71px;
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	font-size: 18px;
	line-height: 24px;
}
.comments .answer .heading strong:before {
	position: absolute;
	top: 8px;
	left: 13px;
	width: 44px;
	height: 5px;
	background: #91c700;
	content: "";
}
.comments .answer .heading .date {
	overflow: hidden;
	float: right;
	margin: 0 0 2px;
	font-size: 13px;
	line-height: 22px;
	color: #626363;
	white-space: nowrap;
}
.comments .answer .text {
	background: #f7f9f3;
	border: 1px solid #a9db21;
	border-radius: 4px;
	padding: 15px 20px 17px 27px;
}
.comments .answer .text p {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.005em;
	margin: 0;
}
.product-details  {
	position: relative;
	width: 600px;
	padding: 5px 0 0;
}
.product-details:before {
	background: url(/local/templates/bania.3.1/css/../images/img_37.jpg) no-repeat;
	position: absolute;
	top: 239px;
	right: -64px;
	content: "";
	width: 131px;
	height: 246px;
	z-index: 0;
}
.fancybox-content {
	padding: 30px 64px;
}
.product-details h4 {
	line-height: 30px;
	font-size: 36px;
	margin: 0 150px 26px 0;
}
.product-details .frame {
	overflow: hidden;
	background: #f8f9f5;
	margin: 0 -64px 27px;
	padding: 16px 64px 17px;
}
.product-details .frame .price {
	float: left;
	margin: 0 58px 0 0;
}
.product-details .frame .price strong {
	display: block;
	margin: 0 0 4px;
	color: #91c700;
	letter-spacing: -0.005em;
	font-size: 36px;
	line-height: 36px;
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
}
.product-details .frame .price strong em {
	font-style: normal;
	font-size: 20px;
}
.product-details .frame .price span {
	display: block;
	line-height: 14px;
	font-size: 12px;
}
.product-details .frame ul {
	font-size: 13px;
    line-height: 22px;
	overflow: hidden;
	padding: 7px 0 4px;
}
.product-details .frame ul span {
	display: block;
	margin: 0 0 -2px;
}
.product-details .frame ul li {
	float: left;
	position: relative;
	padding: 0 19px 0 0;
	margin: 0 17px 0 0;
}
.product-details .frame ul li:after {
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	background: #e7e9e1;
	content: "";
	height: 37px;
}
.product-details .frame ul li:last-child {
	padding: 0;
	margin: 0;
}
.product-details .frame ul li:last-child:after {
	display: none;
}
.product-details .frame ul span {
	display: block;
	margin-bottom: -2px;
}
.product-details .frame ul em {
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	font-style: normal;
	font-size: 22px;
	color: #a0917d;
	display: block;
	letter-spacing: -0.005em;
}
.product-details p {
	font-size: 17px;
	line-height: 27px;
	margin: 0 0 25px;
	letter-spacing: -0.005em;
}
.product-details .step {
	margin: 0;
}
.product-details .step.hidden {
	display: none;
}
.product-details .step .head {
	position: relative;
	margin: 0 0 20px -64px;
	padding: 13px 0 0 94px;
}
.product-details .step .head span {
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	text-align: right;
	padding: 0 21px 0 0;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/local/templates/bania.3.1/css/../images/bg_06.png) no-repeat;
	width: 79px;
	height: 50px;
	color: #fff;
	font-size: 36px;
	line-height: 50px;
}
.product-details .step .head strong {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	font-size: 27px;
	line-height: 30px;
}
.product-details .step ul {
	margin: 0 0 11px;
	padding: 0 0 0 9px;
	font-size: 19px;
	line-height: 24px;
}
.product-details .step ul li {
	position: relative;
	padding: 4px 0 4px 22px;
}
.product-details .step ul li:before {
	position: absolute;
	top: 11px;
	left: 0;
	content: "";
	border: 2px solid #91c700;
	width: 6px;
	height: 6px;
	border-radius: 50%;
}
.product-details .step ul strong {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
}
.product-details .more {
	font-size: 13px;
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	color: #111;
	text-decoration: none;
	position: relative;
	overflow: hidden;
	float: left;
	margin: 3px 0 27px 34px;
	padding-bottom: 8px;
}
.product-details  .more:hover {
	color: #91c700;
}
.product-details  .more:after {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	color: #91c700;
	white-space: nowrap;
	content: ".....................................................................................";
}
.product-details .recall {
	clear: both;
	overflow: hidden;
	margin: 0 -64px -30px;
	padding: 27px 64px 30px;
	background: #f9fafa;
}
#hidden-content {
	display: none;
}
.product-details .recall legend {
	display: block;
	font-size: 44px;
	line-height: 44px;
	margin: 0 0 22px;
}
.product-details .recall p {
	background: url(/local/templates/bania.3.1/css/../images/icon_19.png) 4px 5px no-repeat;
	padding: 0 0 0 64px;
	font-size: 17px;
	line-height: 27px;
	margin: 0 0 27px;
}
.product-details .recall .form-fow {
	overflow: hidden;
}
.product-details .recall .col {
	float: left;
	width: 403px;
}
.product-details .recall .col + .col {
	float: right;
	width: 175px;
	padding: 25px 0 0;
}
.product-details .recall input[type=submit] {
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    display: block;
    width: 175px;
    text-align: center;
    background: #91c700;
    border: 0;
    color: #fff;
    font-size: 16px;
    height: 51px;
    border-radius: 23px;
}
.product-details .recall input[type=text] {
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    display: block;
    width: 100%;
    height: 52px;
    font-size: 16PX;
    color: #111;
    border-radius: 3px;
    background: #fff;
    padding: 0 24px;
    margin: 0 0 11px;
    border: 1px solid #c2cbd1;
}
.product-details .recall label {
	display: block;
	font-size: 16px;
	line-height: 30px;
	margin: 0 0 -4px 8px;
}
.product-details .recall span {
	display: block;
	padding: 0 0 0 8px;
	font-size: 12px;
	line-height: 17px;
	color: #626363;
}

/* new style 23.11.2020 */

#footer .list-social{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#footer .list-social li{
	margin: 0 14px 0 0;
}
#footer .list-social a{
	display: block;
	width: 33px;
	height: 33px;
	border-radius: 50%;
}
#footer .list-social .inst a{
	background: url("/local/templates/bania.3.1/css/../images/icon-inst.svg") no-repeat;
	background-size: 100%;
}
#footer .list-social .wsp a{
	background: url("/local/templates/bania.3.1/css/../images/icon-wsp.svg") no-repeat;
	background-size: 100%;
}
#footer .list-social .tlg a{
	background: url("/local/templates/bania.3.1/css/../images/icon-tlg.svg") no-repeat;
	background-size: 100%;
}
#footer .list-social .vbr a{
	background: url("/local/templates/bania.3.1/css/../images/icon-vbr.svg") no-repeat;
	background-size: 100%;
}

@media screen and (max-width: 1300px) {
	.gallery-button-next{
		right: -30px;
	}
	.gallery-button-prev{
		left: -30px;
	}
}
@media screen and (max-width: 1150px){
	.gallery-button-next{
		right: -20px;
	}
	.gallery-button-prev{
		left: -20px;
	}
}
@media screen and (max-width: 768px){
	.gallery-button-next,
	.gallery-button-prev{
		width: 40px;
		height: 40px;
	}
	.gallery-button-next{
		right: -45px;
	}
	.gallery-button-prev{
		left: -45px;
	}
}
@media screen and (max-width: 480px){
	.gallery-button-next{
		right: -20px;
	}
	.gallery-button-prev{
		left: -20px;
	}
}

/* end new style 23.11.2020 */

/* new style 21.01.2021 */

.price-info{
	overflow: visible;
}
.photo-tab{
	margin: 0 0 25px;
}
.photo-tab .tab-body{
	position: relative;
}
.photo-tab .tab{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1;
	opacity: 0;
}
.photo-tab .tab.active{
	opacity: 1;
	z-index: 0;
	position: relative;
}
.photo-tab .tab-control{
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 13px;
}
.photo-tab .tab-control li{
	margin: 0 30px 10px 0;
}
.photo-tab .tab-control a{
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	font-size: 18px;
	line-height: 27px;
	padding: 0 0 0;
	display: block;
	position: relative;
	color: #91c700;
	text-decoration: none;
}
.photo-tab .tab-control a:after{
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: #91c700;
	opacity: 1;
}
.photo-tab .tab-control .active a:after,
.photo-tab .tab-control a:hover:after{
	opacity: 0;
}
.photo-tab .tab-control .active a{
	font-family: "Museo Sans Cyrl 400", Arial, sans-serif;
	color: #111;
}
.photo-gallery .gallery-holder{
	margin: 0 0 16px;
}
.photo-gallery .gallery-item{
	margin: 0 8px 0 0;
	flex: 1 0 364px;
}
.photo-gallery .visual{
	border-radius: 4px;
	overflow: hidden;
	margin: 0;
}
.photo-tab .photo-gallery .visual .img{
	max-width: 364px;
	height: 335px;
}
.photo-gallery .gallery-pagination .swiper-pagination-bullet{
	width: 6px;
	height: 6px;
}
.photo-gallery .gallery-button-prev,
.photo-gallery .gallery-button-next{
	top: 50%;
	transform: translateY(-89%);
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
.photo-gallery .swiper-button-disabled{
	opacity: 1;
}
.photo-gallery .gallery-button-prev:after,
.photo-gallery .gallery-button-next:after{
	border-top: 2px solid rgba(0,0,0,.3);
    border-left: 2px solid rgba(0,0,0,.3);
}
.photo-gallery .gallery-button-prev:hover,
.photo-gallery .gallery-button-next:hover{
	box-shadow: 0 10px 15px 0 rgba(0,0,0,0.3);
}
.photo-gallery .gallery-button-prev:hover:after,
.photo-gallery .gallery-button-next:hover:after{
	border-top: 2px solid #000;
    border-left: 2px solid #000;
}
.price-block{
	margin: 0 0 0;
	background: #f8f9f5;
	border-radius: 4px;
}
.price-holder{
	padding: 13px 44px 10px 60px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.price-box{
	position: relative;
	padding: 0 0 0 21px;
	margin: 0 0 20px;
}
.price-box:after{
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	top: -20px;
	width: 2px;
	background: #91c700;
}
.price-box .price{
	display: block;
	margin: 0 0 10px;
	color: #91c700;
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	font-size: 36px;
	line-height: 1;
}
.price-box span{
	display: block;
	color: #111;
	font-family: "Museo Sans Cyrl 300", Arial, sans-serif;
	font-size: 12px;
	line-height: 1;
}
.size-box{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	padding: 5px 0 0;
	margin: 0 0 20px;
}
.size-box .btn-holder .btn{
	color: #fff;
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	font-size: 18px;
	line-height: 1;
	width: 196px;
	height: auto;
	background: #91c700;
	border-radius: 31px;
	display: block;
	margin: 0;
	padding: 21px 10px 22px;
}
.list-size{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	margin: 0 26px 0 0;
}
.list-size li{
	margin: 0 18px 0;
	position: relative;
}
.list-size li + li:after{
	position: absolute;
	content: '';
	width: 1px;
	height: 37px;
	background: #e7e9e1;
	top: 50%;
	transform: translateY(-50%);
	left: -18px;
}
.list-size span,
.list-size strong{
	display: block;
	margin: 0 0 0;
	line-height: 22px;
}
.list-size span{
	font-family: "Museo Sans Cyrl 300", Arial, sans-serif;
	color: #626363;
	font-size: 13px;
}
.list-size strong{
	color: #a0917d;
	font-size: 19px;
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	margin: -1px 0 0;
}
.list-size li:last-child strong{
	font-size: 15px;
	margin: 0;
}
.desc-box{
	padding: 31px 59px 30px;
	border-radius: 4px;
	box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.11);
	background: rgba(255,255,255,.45);
}
.list-box{
	border-bottom: 1px solid #ecede9;
	margin: 0 0 24px;
}
.head-list{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 21px;
}
.head-list .title{
	display: block;
	color: #000;
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	font-size: 27px;
	line-height: 36px;
}
.head-list .eko{
	display: block;
	color: #91c700;
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	font-size: 16px;
	line-height: 36px;
	padding: 0 0 0 54px;
	position: relative;
}
.head-list .eko:after{
	position: absolute;
	content: '';
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 45px;
	height: 25px;
	background: url("/local/templates/bania.3.1/css/../images/eco.svg") no-repeat;
	background-size: 100%;
}
.price-block .list-check{
	columns: 2;
	padding: 0 0 0 15px;
	margin: 0 0 35px;
}
.price-block .list-check li{
	margin: 0 0 10px;
	color: #111;
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	font-size: 17px;
	line-height: 20px;
	padding: 0 0 0 30px;
}
.price-block .list-check li:after{
	left: 0;
	width: 14px;
	height: 14px;
	top: 4px;
}
.price-block .info-box{
	padding: 0 7px 0;
	margin: 0;
}
.price-block .info-box .icon{
	margin: -8px 0 0;
}
.price-block .info-desc{
	font-size: 18px;
	line-height: 24px;
}
.catalog-items .grid{
	margin: -3px -15px 0;
}
.grid-item{
	padding: 0 15px;
	margin: 0 0 27px;
	float: left;
}
.grid-sizer,
.grid-item{
	width: 5%;
}
.grid-item:after{
	clear: both;
	display: block;
	content: '';
}
.inner-item{
	overflow: hidden;
	position: relative;
	display: block;
}
.inner-item .img{
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
}
.inner-item .img:before{
	content: '';
	display: block;
	padding: 10% 0 0;
}
.inner-item .name{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	color: #3e4343;
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	font-size: 13px;
	line-height: 1;
	padding: 6px 16px 7px;
	background: #eff4f4;
}
.grid-desc{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 18px 65px 20px 35px;
	background: rgba(19,20,28,.83);
	/* transform: translate3d(0, 100%, 0); */
	/* opacity: 0;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear; */
}
.grid-desc strong{
	display: block;
	color: #fff;
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	font-size: 17px;
	line-height: 21px;
	letter-spacing: -0.03em;
}
.grid-desc span{
	position: absolute;
	top: 50%;
	right: 29px;
	transform: translateY(-52%);
	width: 35px;
	height: 35px;
	background: #91c700;
	border-radius: 50%;
}
.grid-desc span:after{
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	transform: translate(-60%, -50%) rotate(45deg);
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	width: 9px;
	height: 9px;
}
/* .inner-item:hover .grid-desc{
	opacity: 1;
	transform: translate3d(0, 0, 0);
} */
.full-width{
	width: 100%;
}
.full-width .img:before{
	padding: 46% 0 0;
}
.width_1{
	width: 45%;
}
.width_2{
	width: 55%;
}
.width_2.height_1 .img:before{
	padding: 59% 0 0;
}
.width_1.height_2 .img:before{
	padding: 91% 0 0;
}
.width_1.height_1 .img:before{
	padding: 72.695% 0 0;
}
.width_2.height_2 .img:before{
	padding: 72.945% 0 0;
}

@media screen and (max-width: 980px){
	.price-holder{
		padding: 13px 20px 10px;
	}
	.desc-box{
		padding: 31px 20px 30px;
	}
	.list-size{
		margin: 0;
	}
}
@media screen and (max-width: 768px){
	.head-list{
		display: block;
	}
	.head-list .title{
		margin: 0 0 20px;
	}
	.price-block .list-check{
		padding: 0;
		columns: 1;
	}
	.photo-gallery .gallery-item{
		flex: 1 0 280px;
	}
	.photo-tab .photo-gallery .visual .img{
		max-width: 280px;
		height: 250px;
	}
	.price-block .info-box .icon{
		width: 36px;
		margin: 0;
	}
	.size-box{
		display: block;
		width: 100%;
	}
	.list-size{
		margin: 0 0 20px;
	}
	.photo-tab .tab-control li{
		margin: 0 15px 10px 0;
	}
	.list-size{
		justify-content: flex-start;
	}
	.list-size li{
		margin: 0 36px 15px 0;
	}
	.main-content-box.catalog-page{
		display: block;
	}
	.catalog-items .grid{
		margin: -5px -5px 0;
	}
	.grid-item{
		padding: 5px;
		margin: 0;
		float: left;
	}
	.grid-desc{
		padding: 10px 40px 10px 15px;
	}
	.grid-desc a{
		width: 25px;
		height: 25px;
		right: 10px;
	}
	.grid-desc strong{
		font-size: 13px;
		line-height: 19px;
	}
	.grid-desc a:after{
		width: 7px;
		height: 7px;
	}
	.grid-desc span{
		width: 26px;
		height: 26px;
	}
}
@media screen and (max-width: 600px){
	.grid-item{
		width: 100%;
	}
	.grid-item .inner-item .img:before{
		padding: 70% 0 0;
	}
}
@media screen and (max-width: 480px){
	.price-block .info-box .icon{
		width: 26px;
	}
	.price-block .info-box{
		padding: 0;
	}
	.price-block .info-desc{
		padding: 0 0 0 10px;
	}
	.head-list .title{
		font-size: 20px;
		line-height: 26px;
	}
	.size-box .btn-holder .btn{
		margin: 0 auto;
	}
	.list-size li + li:after{
		display: none;
	}
	.photo-tab .tab-control a{
		font-size: 16px;
	}
}

/* end new style 21.01.2021 */

/* third point in menu */
.sab-nav{
	font-size: 21px;
}
/* .sab-nav li{
	margin: 0 25px 0 0;
} */
.nav{
	padding: 11px 63px 0 0;
}
/* .nav li{
	margin: 0 0 0 14px !important;
} */
.nav li a{
	font-size: 19px;
}
/* .nav li:first-child{
	margin-left: 15px !important;
} */
.active-top ul.contacts li strong a{
	font-size: 20px;
}
.active-top #header .sab-nav{
	left: 156px !important;
}
.active-top #header ul.contacts li{
	margin: 0;
}
.sab-nav > li.not_drop{
	margin: 0 20px 0 0;
}
.sab-nav > li.not_drop > a::before{
	display: none;
}
@media only screen and (max-width: 1170px){
	.nav li{
		margin: 0 !important;
	}
}

.slider-vertical {
	margin-top: 50px; }
.slider-vertical-item {
	background-color: rgba(242, 247, 247, 1);
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 72px;
	font-weight: 600;
	color: #000;
	margin-bottom: 30px; }
.slider-vertical-item.active {
	position: fixed;
	z-index: 10;
	top: 200px;
	width: 100%;
	max-width: 1170px; }

.sc-slider {
	margin-top: 70px;
	margin-bottom: 50px;
	overflow: hidden; }
/*.sc-slider-item {
	background-color: rgba(242, 247, 247, 1); }*/
.sc-slider-item:nth-child(2n) {
	background-color: #fff; }
.sc-slider-item .container {
	height: 100%; }
.sc-slider-item-wrapper {
	background-color: #fff;
	display: flex;
	height: 100%;
	width: 100%;
	align-items: center; }
.sc-slider-title--large {
	position: relative;
	color: rgba(0, 0, 0, 1);
	font-weight: 700;
	font-size: 34px;
	line-height: 42px;
	max-width: 645px; }
.sc-slider-item-row {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0px -10px;
	width: calc(100% + 20px); }
.sc-slider-item-left {
	padding: 0px 10px;
	width: 60%; }
.sc-slider-item-right {
	padding: 0px 10px;
	width: 40%;	}
.sc-slider-item-title {
	color: rgba(0, 0, 0, 1);
	font-weight: 600;
	font-size: 26px;
	line-height: 34px;
	margin-bottom: 15px; }
.sc-slider-item-text {
	color: rgba(51, 51, 51, 1);
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	max-width: 480px; }
.sc-slider-item img {
	border-radius: 10px; }
.sc-slider-gallery-name {
	color: rgba(39, 95, 108, 1);
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	margin-top: 20px; }
.sc-slider-gallery-item {
	height: 185px;
	background-color: #fff;
	padding: 20px; }
.sc-slider-gallery {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0px -10px; }
.sc-slider-gallery-col {
	height: 100%;
	width: 50%;
	padding: 0px 10px;
	margin-bottom: 20px; }
.sc-slider-gallery-col:last-child {
	width: 100%;
	margin-bottom: 0; }

.sc-slider-slider-item {
	margin-bottom: 50px; }
.sc-slider-slider-item-mod {
	position: relative;
	top: 50px; }

.sc-slider .owl-nav .owl-next,
.sc-slider .owl-nav .owl-prev {
	width: 24px;
	height: 24px;
	background-color: #80c700 !important;
	border-radius: 20px;
	margin: 0px 3px; }
.sc-slider .owl-nav .owl-next span,
.sc-slider .owl-nav .owl-prev span {
	color: #fff;
	font-size: 20px;
	line-height: 24px; }
.sc-slider .owl-nav {
	margin-top: 20px; }
.sc-slider .owl-nav .owl-next:hover,
.sc-slider .owl-nav .owl-prev:hover {
	opacity: 0.8; }

.sc-slider-info {
	background-color: rgb(238, 246, 220);
	border-radius: 10px;
	padding: 20px;
	max-width: 480px; }
.sc-slider-info-title {
	color: rgba(39, 95, 108, 1);
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 10px; }
.sc-slider-info-list ul {
	display: flex;
	flex-wrap: wrap; }
.sc-slider-info-list li {
	width: 50%;
	color: rgba(51, 51, 51, 1);
	font-weight: 400;
	font-size: 15px;
	line-height: 25px;
	padding-left: 15px;
	position: relative; }
.sc-slider-info-list li:before {
	background: #000;
	width: 6px;
	height: 6px;
	content: '';
	border-radius: 10px;
	position: absolute;
	top: 10px;
	left: 0; }
.sc-slider-item-content {
	position: relative;
	display: flex;
	width: 100%; }
.sc-slider-item.last {
	border-bottom: 3px solid rgba(242, 247, 247, 1);
	overflow: hidden; }

.overflow-hidden {
	overflow: hidden; }

@media screen and (min-width: 992px) {
	.sc-panel {
    	position: relative;
		z-index: 5; }
    .sc-panel-fixed {
        z-index: 1; }
    .sc-panel-inner {
        padding: 1em;
        width: 100%; }
    .sc-panel-fixed .sc-panel-inner {
        position: fixed;
        top: 197px;
        left: 0;
        z-index: 2; }
}

@media screen and (max-width: 1200px) {
	.sc-slider-item-left,
	.sc-slider-item-right {
		width: 50%; }
}

@media screen and (max-width: 992px) {
	.sc-slider .swiper-slide {
		flex-shrink: unset; }
	.sc-slider .swiper-wrapper {
		flex-wrap: wrap; }
	.sc-slider .swiper-slide:nth-child(2n) .sc-slider-item {
		background-color: #fff; }

	.sc-slider-item {
		padding: 50px 0; }
	.sc-slider-title--large {
		font-size: 26px;
		line-height: 34px; }
	.sc-slider-item-left,
	.sc-slider-item-right {
		width: 100%; }
	.sc-slider-item-left {
		margin-bottom: 30px; }
	.sc-slider-item-title {
		font-size: 22px;
		line-height: 28px; }
	.sc-slider-item-text {
		font-size: 14px;
		line-height: 22px; }
	.sc-slider-gallery-img img {
		max-height: 60px;
		max-width: 60px; }
	.sc-slider-gallery-name {
		font-size: 13px;
		line-height: 18px;
		font-weight: 600; }
	.sc-slider-gallery-item {
		height: 155px; }
	.sc-slider-info-title {
		font-size: 14px;
		line-height: 18px; }
	.sc-slider-info-list li {
		width: 100%; }
}

.reviews {
	width: 100%;
	margin-bottom: 30px; }
.reviews-slider {
	position: relative; }
.reviews-title {
	color: rgba(0, 0, 0, 1);
	font-weight: 600;
	font-size: 34px;
	line-height: 41.45px;
	margin-bottom: 25px; }
.reviews-panel ul {
	display: flex;
	flex-wrap: wrap; }
.reviews-panel ul li {
	background-color: rgba(242, 247, 247, 1);
	border-radius: 8px;
	margin-right: 20px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	padding: 9px 20px; }
.reviews-item {
	border: 3px solid rgba(242, 247, 247, 1);
	border-radius: 20px;
	padding: 30px; }
.reviews-panel-text {
	color: rgba(0, 0, 0, 1);
	font-weight: 600;
	font-size: 16px;
	line-height: 19.5px; }
.reviews-panel-val {
	color: rgba(128, 199, 0, 1);
	font-weight: 600;
	font-size: 16px;
	line-height: 19.5px;
	padding: 0px 5px; }
.reviews-panel-icon svg {
	position: relative;
	top: 1px; }
.reviews-name {
	color: #000;
	font-weight: 500;
	font-size: 22px;
	line-height: 26.44px; }
.reviews-control {
	display: flex;
	align-items: center;
	padding: 10px 0px 15px; }
.reviews-raiting ul {
	display: flex;
	align-items: center; }
.reviews-raiting-icon {
	height: 14px;
	display: inline-block;
	position: relative;
	top: 2px; }
.reviews-raiting-icon:not(.active) svg path {
	fill: #eee; }
.reviews-date {
	color: rgba(102, 102, 102, 1);
	font-size: 14px;
	line-height: 14px; }
.reviews-date {
	margin-left: 15px; }
.reviews-text {
	color: rgba(51, 51, 51, 1);
	font-size: 16px;
	line-height: 25px;
	max-height: 100px;
	overflow: hidden; }
.reviews-text.active {
	max-height: unset; }
.reviews-loadmore a {
	font-size: 14px;
	line-height: 25px;
	text-decoration: none;
	color: rgba(102, 102, 102, 1); }
.reviews-slider .owl-nav .owl-prev {
	position: absolute;
	top: 50%;
	margin-top: -45px;
	left: -40px; }
.reviews-slider .owl-nav .owl-next {
	position: absolute;
	top: 50%;
	margin-top: -45px;
	right: -40px; }
.reviews-slider .owl-dots {
	margin-top: 15px;
	text-align: center; }
.reviews-slider .owl-dot {
	background-color: rgba(229, 239, 240, 1) !important;
	border-radius: 1px;
	width: 50px;
	height: 4px;
	margin: 0px 3px; }
.reviews-slider .owl-dot.active {
	background-color: rgba(128, 199, 0, 1) !important; }

@media screen and (max-width: 1275px) {
	.reviews-slider .owl-nav {
		display: none; }
}

@media screen and (max-width: 992px) {
	.reviews-title {
		font-size: 26px;
		line-height: 34px; }
	.reviews-panel-text {
		font-size: 14px;
		line-height: 17px; }
	.reviews-name {
		font-size: 20px;
		line-height: 24px; }
	.reviews-text {
		font-size: 14px;
		line-height: 22px;
		max-height: 152px; }
	.reviews-slider .owl-dot {
		width: 28px; }
}

@media screen and (max-width: 768px) {
	.reviews-slider .owl-dot {
		width: 18px;
		margin: 0px 2px; }
}

.product-tags {
	margin: 50px 0; }
.product-tags ul {
	display: flex;
	flex-wrap: wrap; }
.product-tags li {
	margin-right: 10px;
	margin-bottom: 10px; }
.product-tags li a {
	display: inline-block;
	color: #000;
	font-weight: 500;
	font-size: 14px;
	background-color: #f3f3f3;
	border-radius: 20px;
	padding: 10px 25px;
	text-decoration: none;
	transition: 0.5s; }
.product-tags li a:hover {
	background-color: #ddd; }
.product-tags-title {
	line-height: 1;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px; }

@media screen and (max-width: 768px) {
	.product-tags {
		margin-top: 0;
		margin-bottom: 30px; }
	.product-tags-title {
		font-size: 18px; }
	.product-tags li a {
		padding: 5px 15px;
		font-size: 13px; }
}

.overflow-hidden {
	overflow:hidden !important;
	touch-action: none;
	-ms-touch-action: none; }
body.overflow-hidden::-webkit-scrollbar {
	width: 0; }

@media (max-width: 768px) {
	.btn-holder {
		border-top: 1px solid #eee;
		background-color: #fff;
		position: sticky;
		bottom: 0;
		left: 0;
		z-index: 100;
		width: 100%;
		padding: 10px 0 !important;
		padding-bottom: 10px !important;/*70px*/ }
	.btn-holder .filter-nav {
		display: flex;
		align-items: center;
		justify-content: center; }
	body #set_filter {
		margin: 0 !important;
		width: calc(50% - 10px);
		margin-right: 10px !important;
		font-weight: 400;
		font-size: 13px;
		height: 40px; }
	body #del_filter {
		width: 50%;
		border: 1px solid #00616e;
		padding: 12px 15px;
		font-size: 13px;
		border-radius: 5px; }
	body #del_filter:hover {
		border: 1px solid #80c700; }

	.mob-filter {
		padding-bottom: 0 !important; }

	.btn-close {
		display: block;
		position: relative;
		z-index: 300;
		color: #000;
		text-decoration: none;
		margin-left: 10px;
		font-size: 20px; }

	#modef {
		display: none !important; }
}
/*
.js-slider-benefits-v3{
	min-height: 100vh;
}
*/
/*IMG-HOVERABLE-SLIDER*/
.projects .items .item .favorite_box{
	z-index: 3;
}
.img-block{
	position: relative;
	border-radius: 4px;
	margin: 0 0 0;
	width: 100%;
	height: 200px;
}
.img-block-slider{
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
}
.img-block-slider-hover-zone{
	width: 100%;
	position: relative;
	z-index: 2;
}
.img-block-slider-pagenation{
	width: 100%;
	position: absolute;
	bottom: 20px;
	display: flex;
	justify-content: center;
	gap: 7px;
	z-index: 1;
}
.img-block-slider-pagenation-item{
	background: #E5EFF0;
	width: 100%;
	max-width: 46px;
	height: 4px;
	border-radius: 1px 0px 0px 0px;
}
.img-block-slider-pagenation-item.active{
	background: #80C700;
}

@media (min-width: 767px){
	.img-block .img-block-slider-pagenation{
		opacity: 0;
		transition: 300ms all;
	}
	.img-block:hover .img-block-slider-pagenation{
		opacity: 1;
	}
}

/*fix padding if no topbar*/
.breadcrumbs{
	border-top: none !important;
}
#wrapper {
	padding-top: 130px !important;
}
@media screen and (max-width: 1170px) {
	#wrapper {
	  padding: 77px 0 0 !important;
	}
}
@media screen and (max-width: 768px) {
	#wrapper {
	  padding: 50px 0 0 !important;
	}
}
.holder-architect-info {
	overflow: visible;
}
/* End */


/* Start:/local/templates/bania.3.1/css/media.css?174011690512000*/
@media only screen and (max-width: 1170px){
	#header ul.contacts li:nth-child(2) {display: none;}
	.mb-burger{
	    display: block;
	    width: 50px;
	    height: 50px;
	    position: fixed;
	    right: 7px;
	    top: 0;
	    z-index: 20;
	}
	.mb-burger span{
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    background-color: #91c700;
	    height: 2px;
	    width: 24px;
	    margin: -1px 0 0 -12px;
	    transition: background-color .3s ease;
	}
	.mb-open-nav .mb-burger span{
	    background-color: transparent;
	}
	.mb-burger span:before,
	.mb-burger span:after{
	    content: '';
	    background-color: #91c700;
	    height: 2px;
	    width: 24px;
	    left: 0;
	    top: -8px;
	    position: absolute;
	    transition: transform .3s ease, background .3s ease;
	}
	.mb-burger span:after{
	    top: 8px;
	}
	.mb-open-nav .mb-burger span:before{
	    transform: rotate(45deg);
	    top: 0;
	    background-color: #fff;
	}
	.mb-open-nav .mb-burger span:after{
	    transform: rotate(-45deg);
	    background-color: #fff;
	    top: 0;
	}
	#navigation{
	    position: fixed;
	    right: 0;
	    bottom: auto;
	    left: auto;
	    width: 100%;
	    height: 100%;
	    background-color: #91c700;
	    z-index: 1;
	    padding: 50px 20px 20px;
	    display: flex;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    overflow-y: auto;
	    top: 0;
	    transform: translate3d(100%, 0, 0);
	    transition: transform .3s ease;
	}
	.mb-open-nav #navigation{
	    transform: translate3d(0, 0, 0);
	}
	.sab-nav {
		float: none;
		height: auto;
	}
	.sab-nav li a {
		color: #fff;
	}
	.sab-nav li:hover a,
	.sab-nav li a:hover {
		color: #fff;
	}
	.sab-nav li {
		float: none;
		display: block;
		margin:0;
	}
	.sab-nav li .drop{
        position: relative;
        margin: 0 0 0;
        width: 100%;
        left: auto;
        top: auto;
        pointer-events: auto;
        padding: 0 0 10px;
        display: none;
        min-height: 0;
    }
    .sab-nav li:hover .drop {display: none;}
    .favorite {
    	display: none;
    }
    .sab-nav li .drop img {
    	display: none;
    }
    .sab-nav li .drop .count {
    	display: none;
    }
    .sab-nav li .drop:after {
    	display: none;
    }
    .nav {
    	float: none;
    	background: none;
    	height: auto;
    }
    .nav li a {
    	color: #fff;
    }
    .nav li a:hover {
    	color: #fff;
    }
    .nav li {
    	float: none;
    	display: block;
    	margin: 0;
    }
    .nav:after {
    	display: none;
    }
    .building .houses {
    	width: 50%;
    }
    .building .bathhouses {
    	width: 50%;
    }
    .building:before {
    	left: 50%;
    }
    #header {
    	height: 100px;
    }
    .calc-form .form-col {
    	width: 50%;
    	margin: 0 0 20px;
    	padding: 0 5% 0 0;
    }
    .calc-form .input {
    	width: 45%;
    	margin: 0;
    }
    .calc-form .input + .input {
    	float: right;
    }
    .calc-form .form-col:last-child {
    	padding-top: 20px;
    	float: none;
    	width: 100%;
    	clear: both;
    }
    .calc-form .consult {
    	margin: 0;
    }
    .calc-form .consult .button {
    	float: none;
    	display: block;
    }
    .calc-form .consult {
    	float: right;
    }
    .calc-form .action .price {
    	padding-right: 0;
    }
    .calc-form .consult span {
    	padding: 0;
    	margin-top: -25px;
    	float: none;
    	width: 302px;
    	display: block;
    	text-align: center;
    	clear: both;
    }
    .calc-form .action {
    	padding: 0 0 27px;
    }
    #footer .column {
    	float: none;
    	width: 100%;
    	margin: 0 0 30px;
    }
    #footer .row {
    	padding: 0;
    }
    #footer .contacts {
    	columns: 1;
    }
    #footer .contacts li {
    	display: inline-block;
    	vertical-align: top;
    	padding-bottom: 0;
    	margin: 0 20px 10px 0;
    	float: none;
    }
    #footer .contacts li:nth-child(2) {
    	padding: 0;
    	margin: 0 20px 0 0;
    }
    #footer .row:last-child .column:last-child .menu,
    #footer .menu ul {
    	columns: auto 4;
    }
    #footer .copyright {
    	float: none;
    	overflow: hidden;
    	display: block;
    }
    #footer .by {
    	margin: 0 0 0 40px;
    }
    #footer .social {
    	width: auto;
    	float: right;
    	margin-top: 10px;
    }
    .photos li {
    	width: 23%;
    	margin-right: 2%;
    }
    .history-list li {
    	float: none;
    	display: block;
    	padding: 0 0 0 48px;
    	width: auto;
    }
    .history-list:before {
    	right: auto;
    	left: 20px;
    	bottom: 0;
    	height: auto;
    	width: 1px;
    }
    .history-list li:before {
    	left: 0;
    	height: 34px;
    }
    .history-list li:after {
    	left: 13px;
    	top: 10px;
    }
    .article-info .information {
    	width: 62%;
    }
    .comments .content {
    	width: 62%;
    }
    .articles .item {
    	width: 50%;
    }
    .articles .item:first-child {
    	width: 48%;
    }
    .menu-holder {
    	width: 93%;
    }
    .filter .columns .column {
    	width: 48%;
    	margin: 0 2% 0 0;
    }
    .filter .columns .column + .column {
    	width: 50%;
    }
    .filter ul {
    	columns: auto 4;
    }
    .filter .columns .column ul {
    	columns: auto 2;
    }
    .filter .columns .columns .column {
    	width: 100%;
    	float: none;
    	margin: 0 0 30px;
    }
    .projects .items .item:nth-child(4n+4) {
    	margin: 0 31px 28px 0;
    }
    .projects .items .item:nth-child(4n+4):after {
    	display: block;
    }
    .projects .items .item:nth-child(3n+3):after {
    	display: none;
    }
    .projects .items {
    	text-align: center;
    }
    .projects .items .item {
    	text-align: left;
    }
    .metro li {
    	width: 49%;
    }
    .contacts .content {
    	width: 62%;
    }
    .contacts address a {
    	float: left;
    }
    .contacts ul.contacts li {
    	margin-bottom: 20px;
    }
    .details li:nth-child(5n+5),
    .details li:first-child {
    	width: 22.882%;
    	-webkit-flex: 1 0 22.882%;
    	-moz-flex: 1 0 22.882%;
    	-ms-flex: 1 0 22.882%;
    	-o-flex: 1 0 22.882%;
    	flex: 1 0 22.882%;
    }
    .details li {
		width: 25.6756%;
		padding-left: 2.9729%;
    }
    .service .text {
    	width: 32%;
    }
    .services ul li {
    	width: 49%;
    }
    .product .information {
    	width: 62%;
    }
}
@media only screen and (max-width: 960px){
	ul.contacts li:first-child {
		display: none;
	}
	#promo {
		height: 400px;
	}
	#promo h1 {
		font-size: 60px;
		line-height: 60px;
	}
	blockquote {
		width: 100%;
		clear: both;
	}
	.building .houses {
		float: none;
		width: 100%;
		position: relative;
	}
	.building:before {
		display: none;
	}
	.building h3 span {
		display: inline;
	}
	.building .bathhouses {
		width: 100%;
		position: relative;
	}
	.building .houses:after {
		right: -50vw;
		top: 100px;
	}
	.building .bathhouses:after {
		left: -50vw;
		top: 100px;
	}
	.calc-form .action .price {
		float: none;
	}
	.calc-form .consult {
		float: none;
		display: block;
		width: 302px;
		margin: 0 auto;
	}
	.calc-form p {
		padding: 0;
	}
	#footer .social {
		float: none;
		display: block;
		overflow: hidden;
		clear: both;
	}
	#promo img {
		width: 150%;
		max-width: none;
	}
	.quote-block .video {
		display: none;
	}
	.article-info .information {
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}
	.sidebar {
		float: none;
		width: 100%;
	}
	.comments .content {
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}
	.articles .item {
		width: 100% !important;
		float: none;
		overflow: hidden;
		margin-bottom: 30px !important;
	}
	.articles .item:first-child .visual img {
		width: 100%;
		object-fit: cover;
	}
	.paging ul .prev {
		display: none;
	}
	.paging ul .next {
		display: none;
	}
	#footer .contacts li {
		margin-bottom: 25px;
	}
	.product .information {
		width: 100%;
		float: none;
		margin-bottom: 50px;
	}
	.contacts .content {
		width: 100%;
		float: none;
	}
	.contacts .sidebar {
		width: 100%;
	}
	.tabset .controls a:after {
		display: none;
	}
	.service .gallery-frame {
		float: none;
		margin: 0 auto;
	}
	.service .text {
		width: 52%;
	}
	.service .price {
		width: 47%;
	}
	.services ul li {
		width: 100%;
	}
}
@media only screen and (max-width: 700px){
	.sab-nav li .drop ul {
		width: 100%;
		columns: 1;
	}
    .slogan {
    	display: none;
    }
    #promo img {
    	width: 180%;
    }
    .info-list li {
    	width: 49%;
    	margin-bottom: 20px;
    }
    .info {
    	padding: 20px 0 20px;
    }
    h2 {
    	font-size: 30px;
    	line-height: 36px;
    }
    .calc-form .note {
    	display: none;
    }
    h4 {
    	font-size: 30px;
    	line-height: 36px;
    }
    .gallery-item {
    	flex: 1 0 100%;
    }
    #footer .row:last-child .column:last-child .menu, #footer .menu ul {
    	columns: auto 2;
    }
	.article-info h1 {
		font-size: 36px;
		line-height: 40px;
	}
	.article .visual {
		max-width: 100%;
	}
	.article .notice i {
		left: 10px;
	}
	.article .notice {
		padding: 24px 10px 10px 74px;
	}
	.article ul {
		padding-left: 0;
	}
	.article ol {
		padding-left: 0;
	}
	.article .video {
		display: none;
	}
	.article blockquote {
		padding: 20px 20px 20px 60px;
	}
	.article blockquote:before {
		left: -9px;
	}
	.article .author .rating {
		float: none;
		margin: 0  0 25px;
	}
	.article .author .social {
		float: none;
		margin: 0 0 25px;
	}
	.article .author .by {
		float: none;
	}
	.comments .empty:after {
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.comments .answer .heading .date {
		margin-top: 3px;
	}
	.menu-holder {
		width: 85%;
	}
	h1 {
		font-size: 40px;
		line-height: 44px;
	}
	.information ul {
		padding: 0;
	}
	.information .btn {
		display: none;
	}
	.product .sidebar .btn {
		display: none;
	}
	.filter ul {
		columns: auto 2;
	}
	.filter .columns .column {
		width: 100%;
		margin: 0;
	}
	.filter .columns .column + .column {
		width: 100%;
	}
	.quote-block .visual.align-left {
		float: none;
		display: block;
		margin: 0 auto;
	}
	.metro li {
		width: 100%;
	}
	.details li {
		width: 100% !important;
		border-left: 0 !important;
		border-bottom: 1px solid #f3f3f3 !important;
		padding: 24px 0 25px 33px !important;
	}
	.service .text {
		float: none;
		width: 100%;
	}
	.service .price {
		width: 100%;
		float: none;
	}
	.info-list li {
		width: 100%;
	}
	.container {
		padding: 0 10px;
	}
	.projects .items .item:after {
		display: none !important;
	}
	.projects .items .item {
		margin-right: 0 !important;
	}
	.product .slideshow .slides {
		height: 300px;
	}
	.product .sidebar .row {
		padding-right: 0;
		padding-left: 0;
	}
	.services ul .visual {
		float: none;
		margin: 0 0 20px;
		width: 100%;
	}
	.services ul .visual img {
		width: 100%;
	}
}
@media only screen and (max-width: 500px){
	.service .gallery-frame {
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.filter ul {
		columns: 1;
	}
	.filter .columns .column ul {
		columns: 1;
	}
	.quote-block .visual.align-left {
		display: none;
	}
	.contacts h4,
	.contacts .video {
		display: none;
	}
	#header .contacts {
		display: none;
	}
	#promo {
		height: auto;
	}
	#promo .text .buttons li {
		margin-bottom: 20px;
	}
	blockquote {
		padding-right: 0;
	}
	.calc-form .form-col {
		width: 100%;
		float: none;
	}
	.calc-form .input {
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
	.calc-form .action .price {
		padding-left: 25px;
		background: none;
	}
	.info-block .visual {
		display: none;
	}
	.photos li {
		width: 100%;
		margin: 0 0 20px;
	}
	.quote-block.single blockquote:before {
		left: -7px;
	}
	.quote-block.single blockquote {
		padding-left: 54px;
	}
	.article-info .information .text {
		padding-right: 10px;
		padding-left: 10px;
	}
	.articles .item .visual {
		float: none;
		margin: 0 0 20px;
		width: 100%;
	}
	.articles .item .visual img {
		width: 100%;
	}

}
/* End */


/* Start:/local/templates/bania.3.1/js/slick/slick-theme.css?17401169183145*/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/local/templates/bania.3.1/js/slick/./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/local/templates/bania.3.1/js/slick/./fonts/slick.eot');
    src: url('/local/templates/bania.3.1/js/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/bania.3.1/js/slick/./fonts/slick.woff') format('woff'), url('/local/templates/bania.3.1/js/slick/./fonts/slick.ttf') format('truetype'), url('/local/templates/bania.3.1/js/slick/./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* End */


/* Start:/local/templates/bania.3.1/js/slick/slick.css?17401169181776*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/local/templates/bania.3.1/css/jquery.mCustomScrollbar.css?174011690552995*/
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 10px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
		background-color: #eee;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 0px 0 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-top: 50px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 5px;
		top: 0;
		right: 0;
		bottom: auto;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
		display: none;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 0px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
/*
	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}
*/


/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
		background-color: #c6212c; }
		
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(/local/templates/bania.3.1/css/mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	/*.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	*/

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ 
		background-color: rgba(255,255,255,1); 
		border:1px solid #939292;
		width: 4px;
	}
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		background-color: #000; 
		background-color: rgba(39,37,37,1);
		width: 4px;
		-webkit-border-radius: 0px; 
		-moz-border-radius: 0px; 
		border-radius: 0px;
		 }
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */

/* End */


/* Start:/local/templates/bania.3.1/styles.css?1740116919115*/
a {
    cursor: pointer;
}
.tag-list-hiden {
    display: none;
}

.search-result .projects {
    padding-top: 0;
}
/* End */


/* Start:/local/templates/bania.3.1/template_styles.css?1740116883340842*/
#header.menu-fix {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1000;
}

pre {
    display: block;
    background-color: #dedede;
    border: 1px solid #ccc;
    padding: 30px;
    margin: 30px 0;
    font-size: 14px;
    font-family: Arial;
}

.projects .items .item.hide-item {
    display: none;
}

.projects .items strong {
    color: #111;
    text-decoration: none;
    min-height: 42px;
}

.projects .items a {
    border: none;
    text-decoration: none;
}

.projects .items ul span {
    color: #111;
}

.projects .items .visual .img {
    display: block;
    width: 100%;
    min-height: 190px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.section-dscr {
    font-size: 16px;
}

.section-dscr ul {
    font-size: 16px !important;
}

.section-dscr ul li {
    position: relative;
    font-size: 16px !important;
}

/*.section-dscr ul li:before { content: ""; display: block; width: 5px; height: 5px; border-radius: 100%; background-color: #111; position: absolute; left: 0; top: 15px; }*/
h2.h1 {
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    font-size: 50px;
    line-height: 64px;
    margin: 0 0 23px;
    letter-spacing: -0.01em;
    font-weight: normal;
    font-style: normal;
}

.section-dscr .opisanie {
    font-size: 16px !important;
}

.section-dscr h2 {
    margin-top: 20px;
}

.photos li a .img {
    display: block;
    width: 100%;
    min-width: 254px;
    height: 230px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.consult-form textarea.error, .consult-form input[type="text"].error {
    border-color: #ff0000;
}

.error {
    outline: 0;
    border-color: #ff0000;
    animation-name: error;
    animation-duration: .5s;
    animation-delay: 0.25s;
}

@keyframes error {
    0% {
        transform: translateX(0px);
        timing-function: ease-in;
    }
    37% {
        transform: translateX(10px);
        timing-function: ease-out;
    }
    55% {
        transform: translateX(-10px);
        timing-function: ease-in;
    }
    73% {
        transform: translateX(8px);
        timing-function: ease-out;
    }
    82% {
        transform: translateX(-8px);
        timing-function: ease-in;
    }
    91% {
        transform: translateX(4px);
        timing-function: ease-out;
    }
    96% {
        transform: translateX(-4px);
        timing-function: ease-in;
    }
    100% {
        transform: translateX(0px);
        timing-function: ease-in;
    }
}


.articles .item .visual .img {
    display: block;
    width: 254px;
    height: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.articles .item .visual .img.big {
    width: 540px;
    height: 423px;
}

.gallery .visual .img {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    max-width: 350px;
    height: 233px;
}

.article .author .social ul li {
    padding: 0;
}

.article .author .social ul li:before {
    display: none;
}

#big-map {
    width: 100%;
    min-height: 628px;
}

.paginator-box {
    margin-top: 30px;
}

.callback-box {
    width: 740px;
    padding-left: 0;
    padding-right: 0;
    background: #f9fafa;
    margin: 0 auto;
    position: relative;
}

.callback-box .recall {
    clear: both;
    padding: 27px 64px 30px;
    background: #f9fafa;
}

.callback-box .recall legend {
    display: block;
    font-size: 44px;
    line-height: 44px;
    margin: 0 0 22px;
}

.callback-box .recall p {
    background: url(/local/templates/bania.3.1/images/icon_19.png) 4px 5px no-repeat;
    padding: 0 0 0 64px;
    font-size: 17px;
    min-height: 38px;
    line-height: 27px;
    margin: 0 0 27px;
}

.callback-box .recall .form-fow {
    overflow: hidden;
}

.callback-box .recall .col {
    float: left;
    width: 403px;
}

.callback-box .recall .col + .col {
    float: right;
    width: 175px;
    padding: 25px 0 0;
}

.callback-box .recall input[type=submit] {
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    display: block;
    width: 175px;
    text-align: center;
    background: #91c700;
    border: 0;
    color: #fff;
    font-size: 16px;
    height: 51px;
    border-radius: 23px;
}

.callback-box .recall input[type=text] {
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    display: block;
    width: 100%;
    height: 52px;
    font-size: 16PX;
    color: #111;
    border-radius: 3px;
    background: #fff;
    padding: 0 24px;
    margin: 0 0 11px;
    border: 1px solid #c2cbd1;
}


.callback-box .recall input[type=text].error {
    border-color: #ff0000;
}

.callback-box .recall label {
    display: block;
    font-size: 16px;
    line-height: 30px;
    margin: 0 0 -4px 8px;
}

.callback-box .recall span {
    display: block;
    padding: 0 0 0 8px;
    font-size: 12px;
    line-height: 17px;
    color: #626363;
}

.sab-nav li .drop ul.more-list {
    display: none;
}

.sab-nav li .drop .more-nav {
    margin-top: 10px;
}

.sab-nav li .drop .more-nav a {
    font-size: 17px;
    color: #000;
    border-bottom: 1px dotted rgba(0, 0, 0, .3);
    font-family: 'Museo Sans Cyrl 300';
}

.product-details:before {
    display: none;
}

.plans-box {
    margin: 30px 0;
}

.plans-box:after {
    content: "";
    display: block;
    clear: both;
}

.plans-box .left-box {
    width: 47%;
    float: left;
}

.plans-box .right-box {
    float: right;
    width: 47%;
}

.plans-box .slick-arrow {
    background-image: url(/local/templates/bania.3.1/images/small-arows.png);
    width: 17px;
    height: 40px;
}

.plans-box .slick-arrow:before {
    display: none;
}

.plans-box .slick-arrow:after {
    display: none;
}

.plans-box .slick-arrow.slick-prev {
    background-position: left;
    left: -15px;
}

.plans-box .slick-arrow.slick-next {
    background-position: right;
    right: -15px;
}

.product .information .price {
    display: none;
}

.product .sidebar ul li {
    padding-right: 6px !important;
    margin-right: 6px !important;
}

.mob-nav-filter {
    display: none;
    position: absolute;
    z-index: 99;
    bottom: 0;
    left: 0;
    right: 0;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #595959;
    text-decoration: none;
    text-align: center;
    background: #edf0f0;
}

.mob-nav-filter:hover {
    color: #9dcd1c;
}

.mob-nav-filter .h {
    display: none;
}

.mob-nav-filter .s {
    display: block;
}

.mob-nav-filter i {
    padding: 0 0 0 13px;
    color: #b0a493;
    font-size: 4px;
    vertical-align: middle;
}

.mob-nav-filter .s i {
    position: relative;
    transform: rotate(180deg);
    display: inline-block;
    padding-right: 13px;
}

@media (max-width: 768px) {
    .mob-nav-filter {
        display: block;
    }

    .plans-box .right-box, .plans-box .left-box {
        float: none;
        width: 100%;
        margin: 0 0 15px;
    }

    .plans-box .slick-arrow.slick-prev {
        left: -10px;
    }

    .plans-box .slick-arrow.slick-next {
        right: -10px;
    }

    .product .information .price {
        display: block;
    }

    .product .information .price:nth-child(2) {
        display: none;
    }

    .callback-box {
        width: 100%;
        min-width: 320px;
    }

    .callback-box .recall {
        padding: 15px;
    }

    .callback-box .recall .col {
        float: none;
        width: 100%;
    }

    .gallery-pagination .swiper-pagination-bullet {
        margin-bottom: 20px;
    }

    .breadcrumbs .back {
        float: none;
    }

    .main-content-box {
        display: flex;
        flex-flow: wrap;
    }

    /*.main-content-box .filter { flex: 1; order: 1; width: 100%; }*/
    .main-content-box .catalog-items {
        order: 3;
        width: 100%;
    }

    .main-content-box .section-dscr {
        order: 4;
        width: 100%;
    }

    .main-content-box .slider {
        order: 5;
        width: 100%;
    }

    .projects .items .price strong {
        top: 68%;
    }

    .breadcrumbs {
        display: none;
    }

    .mob-filter {
        height: 0;
        overflow: hidden;
    }

    .product .slideshow .slides .slide .img {
        background-size: 100%;
    }
}

#footer .menu ul.hide-list {
    display: none;
}

.product .slideshow .slides .slide .img {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}

ul.contacts li.icon-mail strong a {
    font-size: 16px;
}

.product .price:before {
    top: -13px;
}

.favorite {
    display: none;
}

.bx-filter {
}

.bx-filter .bx-ui-slider-track-container {
    padding: 35px 15px 25px;
}

.bx-filter .bx-ui-slider-track {
    height: 4px;
    background-color: #edefef;
}

.bx-filter.bx-blue .bx-ui-slider-pricebar-vn {
    background-color: #edefef;
}

.bx-filter.bx-blue .bx-ui-slider-pricebar-v {
    background-color: #9dcd1c;
}

.bx-filter.bx-blue .bx-ui-slider-handle {
    background: transparent !important;
    background-color: #fff !important;
    width: 18px;
    height: 18px;
    border: 5px solid #9dcd1c;
    border-radius: 100%;
    top: -7px !important;
}

.bx-filter.bx-blue .bx-ui-slider-handle.left {
    margin-left: -9px;
}

.bx-filter.bx-blue .bx-ui-slider-handle.right {
    margin-right: -9px;
}

.bx-filter .bx-ui-slider-range {
    z-index: 100;
}

.bx-filter .bx-ui-slider-part span {
    top: -25px;
}

.bx-filter .bx-filter-parameters-box-container-block.bx-left {
    margin-right: 15px;
}

.bx-filter .bx-filter-parameters-box-container-block.bx-left, .bx-filter .bx-filter-parameters-box-container-block.bx-right {
    display: inline-block;
}

.bx-filter .bx-filter-parameters-box-container-block.bx-left input, .bx-filter .bx-filter-parameters-box-container-block.bx-right input {
    width: 117px;
    border-radius: 3px;
    height: 41px;
    font-size: 14px;
    color: #13141c;
    padding: 0 30px 0 13px;
}

.filter-prop-205 input {
    background: #fff url(/local/templates/bania.3.1/images/icon_12.png) 96px 13px no-repeat !important;
}

.filter-prop-201 input {
    background: #fff url(/local/templates/bania.3.1/images/icon_13.png) 96px 13px no-repeat !important;
}

.services ul .visual .img {
    display: block;
    width: 253px;
    height: 180px;
    background-size: cover;
    background-repeat: no-repeat;
}

.filter .columns .column:nth-child(2n) {
    float: right;
}

.sort li.active.asc:after {
    background-image: url(/local/templates/bania.3.1/images/icon_14-1.png);
}

#navigation .search {
    position: absolute;
    top: 16px;
    right: 12px;
}

#navigation .search > a {
    display: block;
    width: 25px;
    height: 25px;
    background-image: url(/local/templates/bania.3.1/images/search.svg);
}

#navigation .search .search-form {
    position: absolute;
    right: 0;
    top: -15px;
    background-color: #fff;
    z-index: 100;
    height: 55px;
    width: 320px;
    padding: 10px 15px 0;
    display: none;
    border: 1px solid #c2cbd1;
}

#navigation .search .search-form button {
    background: transparent;
    background-image: url(/local/templates/bania.3.1/images/search.svg);
    width: 25px;
    height: 25px;
    cursor: pointer;
    border: none;
    display: inline-block;
    padding: 0;
}

#navigation .search .search-form input {
    background: transparent;
    border: none;
    height: 25px;
    display: inline-block;
    width: 250px;
    line-height: 25px;
}

.consult-form .res {
    font-size: 18px;
    font-family: 'Museo Sans Cyrl 700';
}

.mob-contacts {
    display: none;
    margin-top: 20px;
}

.mob-contacts div {
    margin-bottom: 10px;
}

.mob-contacts a {
    color: #fff;
    font-family: 'Museo Sans Cyrl 700';
    text-decoration: none;
}

.sub-sections-more {
    text-align: left;
}

.sub-sections-more a {
    font-size: 13px;
    text-decoration: none;
    color: #444c61;
    border-bottom: 1px dotted #444c61;
}

.sub-sections-list {
}

.sub-sections-list .hide-item {
    display: none;
}

#del_filter {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    font-size: 11px;
    border-bottom: 1px dotted #707070;
    line-height: 1.2;
    color: #a7a7ac;
    vertical-align: middle;
}

#set_filter {
    background: transparent;
    border: none;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    display: inline-block;
    border: 0;
    background: #91c700;
    font-size: 13px;
    color: #fff;
    text-align: center;
    height: 36px;
    line-height: 36px;
    border-radius: 18px;
    max-width: 255px;
    vertical-align: middle;
}

#set_filter:hover {
    background-color: #f3152f;
}

.filter .columns .column {
    width: 32%;
}

.filter .columns .column:nth-child(2n) {
    float: left;
}

.filter .filter-nav-box.column {
    float: right;
    width: 29%;
    text-align: center;
}

.building ul li a {
    color: #111;
    text-decoration: none;
}

.navigator-nav {
    display: none;
}

.articles-box {
    position: relative;
    font-size: 20px;
    line-height: 26px;
    width: 100%;
}

.articles-box .visual {
    margin: 0 0 13px;
    width: 100%;
    text-align: center;
    overflow: hidden;
}

.articles-box .visual .img {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    max-width: 350px;
    height: 233px;
}

.articles-box em {
    font-size: 13px;
    line-height: 22px;
    font-style: normal;
    margin: 0 0 11px;
    display: block;
    color: #626363;
    letter-spacing: -0.005em;
}

.articles-box h4 {
    transition: all 0.3s linear;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    margin: 0 0 15px;
    font-size: 21px;
    line-height: 24px;
    letter-spacing: -0.005em;
}

.articles-box p {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    letter-spacing: -0.005em;
}

.steeps-photos-list {
    font-size: 0;
    line-height: 0;
}

.more-works .heading h4, .steeps-photos-list h4 {
    font-size: 50px;
}

.steeps-photos-list .item {
    display: inline-block;
    vertical-align: top;
    width: 254px;
    margin: 0 31px 28px 0;
}

.steeps-photos-list .item.hide-item {
    display: none;
}

.steeps-photos-list .items .item:nth-child(4n+4) {
    margin: 0 0 16px;
}

.steeps-photos-list .item a {
    display: block;
    position: relative;
}

.steeps-photos-list .item .img {
    display: block;
    width: 100%;
    height: 190px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 2;
}

.steeps-photos-list .item .dscr {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 15px;
    background-color: rgba(255, 255, 255, .5);
    color: #000;
    display: block;
    width: 100%;
    z-index: 100;
    font-size: 14px;
}

.main-content-box.no-flex {
    display: block;
}

.small-head {
    font-size: 50px;
}

.filter {
    padding-bottom: 45px;
}

@media (max-width: 768px) {

    .articles-box .visual .img {
        max-width: 100%;
    }

    .articles-list {
        overflow: hidden;
    }

    .articles-list .gallery-holder {
        display: block;
    }

    .articles-list .gallery-holder .gallery-item {
        flex: none;
        margin: 0 0 30px;
    }

    .articles .item .visual .img, .articles .item .visual .img.big {
        width: 100%;
        height: 233px;
    }

    .navigator-nav {
        display: block;
    }

    .mob-contacts {
        display: block;
    }

    #navigation .search {
        position: relative;
        top: 0;
        right: auto;
        margin-top: 15px;
    }

    #navigation .search a {
        display: none;
    }

    #navigation .search .search-form {
        display: block !important;
        position: relative;
        top: 0;
    }

    #footer .contacts {
        text-align: center;
    }

    #footer .contacts li {
        display: block;
    }

    #footer .contacts li.map-nav {
        display: none;
    }

    #footer .contacts li:before {
        display: none;
    }

    #footer .contacts li span {
        margin-bottom: 15px;
    }

    ul.contacts li span a {
        float: none !important;
        margin-bottom: 5px !important;
    }

    .filter .columns .column {
        width: 100%;
    }

    #header {
        height: 50px;
    }

    .logo {
        width: 110px;
        height: 32px;
        top: 9px;
    }

    .mb-burger {
        top: 0px;
    }

    #header .contacts {
        display: block;
        top: 17px;
        right: 52px;
    }

    ul.contacts li:nth-child(3):before {
        display: none;
    }

    ul.contacts li span {
        display: none;
    }

    ul.contacts li strong a {
        font-size: 16px;
    }

    .catalog-sections-box {
        position: relative;
    }

    .filter .h5.sections-title,
    .filter h5.sections-title {
        border-radius: 3px;
        height: 41px;
        font-size: 14px;
        border: 1px solid #ccd5db;
        padding: 0 13px;
        line-height: 41px;
        position: relative;
        cursor: pointer;
        background-color: #fff;
    }

    .filter .h5.sections-title:after,
    .filter h5.sections-title:after {
        border: 6px solid transparent;
        border-top: 6px solid #ccd5db;
        content: "";
        display: block;
        position: absolute;
        right: 10px;
        top: 18px;
    }

    .filter .sub-sections-list {
        display: none;
    }

    .filter .sub-sections-list .hide-item {
        display: block;
    }

    .sub-sections-more {
        display: none;
    }

    .steeps-photos-list .item {
        width: 100%;
        display: block;
    }

    .steeps-photos-list .item .img {
        height: 250px;
    }

    .steeps-photos-list h4 {
        font-size: 30px;
    }

    .article.work-dscr-box .video {
        display: block;
    }

    .detail-dscr-box {
        overflow: hidden;
    }
}

.projects .items .price .btn {
    border-color: #91c700;
}

.form-prvt {
    display: block;
    font-size: 12px;
    line-height: 17px;
    color: #626363;
}

@media (max-width: 768px) {
    .article.work-dscr-box .video {
        background: transparent;
        width: 100%;
        /*
        height: 100%;*/
    }

    .article.work-dscr-box .video iframe {
        width: 100% !important;
        height: 350px !important;
    }
    .detail-dscr-box { width: 100%; }
    .article.work-dscr-box  .iframeLoaderScroll { width: 100%; height: 100%; }
}

/* Styles new block */
.equipment-block {
    padding: 0 0 50px;
}

.short-info {
    border-bottom: 1px solid #e5e6e6;
    margin: 0 0 44px;
}

.title-block {
    margin: 0 0 47px;
    position: relative;
    color: #111;
    font-family: "Museo Sans Cyrl 700", "Arial", "Helvetica", sans-serif;
    font-size: 40px;
    line-height: 44px;
    padding: 0 0 0 33px;
    letter-spacing: -0.007em;
}

.title-block:after {
    position: absolute;
    content: '';
    top: -2px;
    /* bottom: -7px; */
    height: 46px;
    left: 2px;
    background: #f92153;
    width: 4px;
}

.list-info {
    padding: 0 0 0 42px;
}

.list-info li {
    margin: 0 0 66px;
}

.list-info li:after {
    clear: both;
    display: block;
    content: '';
}

.list-info .icon {
    float: left;
    width: 67px;
    text-align: center;
}

.list-info .desc-info {
    padding: 2px 0 0 21px;
    overflow: hidden;
}

.desc-info p {
    margin: 0 0 0;
}

.premium {
    color: #726554;
    font-family: "Museo Sans Cyrl 500", "Arial", "Helvetica", sans-serif;
    font-size: 22px;
    line-height: 30px;
}

.warning {
    color: #5d2938;
    font-family: "Museo Sans Cyrl 500", "Arial", "Helvetica", sans-serif;
    font-size: 17px;
    line-height: 24px;
    padding: 1px 0 0;
    position: relative;
}

.warning:after {
    position: absolute;
    content: '';
    top: -20px;
    bottom: -15px;
    right: 0;
    left: -42px;
    background: #fef7f9;
    border-radius: 4px;
    z-index: -1;
}

.warning .title-desc {
    display: block;
    margin: 0 0 4px;
    color: #1e0e12;
    font-size: 22px;
    line-height: 30px;
}

.warning .desc-info {
    margin: -10px 0 0;
    padding: 0 0 0 21px;
}

.warning .desc-info b {
    font-family: "Museo Sans Cyrl 700", "Arial", "Helvetica", sans-serif;
}

.material-box:after {
    clear: both;
    display: block;
    content: '';
}

.visual-box {
    float: right;
    width: 50%;
    margin: 0 0 -85px;
    padding: 10px 0 0;
}

.inner-img {
    margin: 0 -151px 0 -145px;
}

.text-box {
    float: left;
    width: 50%;
    padding: 8px 0 0;
}

.inner-box {
    max-width: 460px;
}

.title-box {
    margin: 0 0 43px;
    color: #000;
    font-family: "Museo Sans Cyrl 500", "Arial", "Helvetica", sans-serif;
    font-size: 33px;
    line-height: 36px;
    letter-spacing: -0.005em;
}

.inner-box .title-box {
    margin: 0 -100% 58px 0;
}

.list-feature {
    padding: 0 0 0 55px;
    margin: 0 0 43px;
}

.inner-box .list-feature {
    margin: 0 0 66px;
}

.list-feature li {
    margin: 0 0 35px;
}

.inner-box .list-feature li {
    margin: 0 0 42px;
}

.list-feature li:after {
    clear: both;
    display: block;
    content: '';
}

.list-feature .icon {
    float: left;
    width: 57px;
    text-align: center;
    padding: 6px 0 0;
}

.list-feature .desc {
    overflow: hidden;
    padding: 0 0 0 23px;
    color: #111;
    font-size: 18px;
    line-height: 24px;
}

.list-feature .desc b {
    font-family: "Museo Sans Cyrl 700", "Arial", "Helvetica", sans-serif;
}

.list-feature .share {
    margin: 0 -35% 35px 0;
}

.more-info {
    display: none;
}

.btn-more {
    display: block;
    margin: 0 auto;
    color: #fff;
    font-family: "Museo Sans Cyrl 700", "Arial", "Helvetica", sans-serif;
    font-size: 17px;
    line-height: 22px;
    padding: 15px 46px;
    position: relative;
    text-align: left;
    width: 100%;
    max-width: 279px;
    background: #91c700;
    border-radius: 29px;
    border: 1px solid #91c700;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
}

.btn-more:after {
    position: absolute;
    content: '';
    top: 50%;
    right: 28px;
    width: 14px;
    height: 7px;
    margin: -4px 0 0;
    background: url("/local/templates/bania.3.1/images/icon-01.png") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.equipment-block.active .btn-more:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.btn-more:hover {
    color: #fff;
}

.equipment-block.active .btn-more .hide,
.btn-more .show {
    display: none;
}

.equipment-block.active .btn-more .show,
.btn-more .hide {
    display: inline;
}

.item-info {
    padding: 5px 0 40px;
    border-bottom: 1px solid #e5e6e6;
    margin: 0 0 57px;
}

.item-info:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin: 0;
}

.item-info .title-block {
    margin: 0 0 43px;
}

.info-box {
    margin: 0 0 39px;
    padding: 0 46px 0;
}

.info-box:after {
    clear: both;
    display: block;
    content: '';
}

.info-box .icon {
    float: left;
    width: 66px;
    text-align: center;
}

.info-desc {
    padding: 0 0 0 22px;
    font-size: 22px;
    line-height: 30px;
    color: #726554;
    font-family: "Museo Sans Cyrl 500", "Arial", "Helvetica", sans-serif;
    overflow: hidden;
    letter-spacing: -0.005em;
}

.info-desc em {
    font-style: normal;
    font-family: "Museo Sans Cyrl 700", "Arial", "Helvetica", sans-serif;
    color: #c5153e;
}

.item-info .title-box {
    margin: 0 0 23px;
}

.list-options {
    margin: 0 -69px 34px 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0 0 24px;
}

.list-options li {
    padding: 0 15px;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 17px;
}

.list-options li:after {
    clear: both;
    display: block;
    content: '';
}

.preview {
    float: left;
    position: relative;
}

.img-preview {
    border-radius: 50%;
    overflow: hidden;
}

.img-preview img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

.preview .icon {
    position: absolute;
    top: 31px;
    right: -5px;
    width: 39px;
    height: 39px;
    background: #9ece20;
    border-radius: 50%;
}

.preview .icon:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 18px;
    height: 10px;
    margin: -5px 0 0 -5px;
    background: url("/local/templates/bania.3.1/images/icon-01.png") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.desc-option {
    padding: 38px 0 0 50px;
    overflow: hidden;
}

.desc-option strong {
    display: block;
    margin: 0 0 11px;
    color: #111;
    font-family: "Museo Sans Cyrl 700", "Arial", "Helvetica", sans-serif;
    font-size: 20px;
    line-height: 24px;
    max-width: 200px;
}

.desc-option a {
    display: block;
    padding: 0 0 0 30px;
    position: relative;
    color: #9ca4af;
    font-family: "Museo Sans Cyrl 700", "Arial", "Helvetica", sans-serif;
    font-size: 13px;
    line-height: 22px;
    text-decoration: none;
}

.desc-option a:after {
    position: absolute;
    content: '';
    top: 2px;
    left: 2px;
    width: 18px;
    height: 18px;
    background: url("/local/templates/bania.3.1/images/ruble.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.list-options .consultation {
    padding: 31px 0 0 40px;
    position: relative;
}

.consultation .title {
    display: block;
    margin: 0 0 8px;
    font-size: 27px;
    line-height: 30px;
    color: #000;
    font-family: "Museo Sans Cyrl 300", "Arial", "Helvetica", sans-serif;
    position: relative;
}

.consultation .title:after {
    position: absolute;
    content: '';
    top: 4px;
    left: -53px;
    width: 30px;
    height: 30px;
    background: url("/local/templates/bania.3.1/images/loading.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    display: none;
}

.consultation .title span {
    font-family: "Museo Sans Cyrl 700", "Arial", "Helvetica", sans-serif;
    color: #91c700;
    display: block;
}

.consultation p {
    margin: 0 0 17px;
    color: #111;
    font-size: 16px;
    line-height: 24px;
}

.consultation .btn {
    color: #000;
    font-family: "Museo Sans Cyrl 700", "Arial", "Helvetica", sans-serif;
    font-size: 15px;
    line-height: 19px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding: 7px 45px;
    border: 2px solid #91c700;
    border-radius: 19px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: auto;
    height: auto;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.consultation .btn:hover {
    background: #91c700;
    color: #fff;
}

.row {
    margin: 0 -15px;
}

.row:after {
    clear: both;
    display: block;
    content: '';
}

.col-50 {
    float: left;
    padding: 0 15px;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.text {
    color: #111;
    padding: 3px 0 0;
    margin: 0 -30px 0 0;
    position: relative;
    z-index: 1;
}

.text p {
    margin: 0 -50px 46px 0;
    font-size: 18px;
    line-height: 24px;
}

.list-check {
    margin: 0 0 0;
}

.list-check li {
    margin: 0 0 26px;
    padding: 0 0 0 120px;
    position: relative;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.005em;
}

.list-check li:after {
    position: absolute;
    content: '';
    top: 5px;
    left: 42px;
    width: 53px;
    height: 53px;
    background: url("/local/templates/bania.3.1/images/check.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.item-img {
    margin: -56px -168px -123px -89px;
}

.subtitle {
    display: block;
    color: #111;
    font-family: "Museo Sans Cyrl 300", "Arial", "Helvetica", sans-serif;
    font-size: 24px;
    line-height: 30px;
    max-width: 440px;
    margin: -3px 0 0;
}

.sub-info {
    display: block;
    padding: 6px 0 0 43px;
    color: #111;
    font-family: "Museo Sans Cyrl 700", "Arial", "Helvetica", sans-serif;
    font-size: 16px;
    line-height: 22px;
    position: relative;
}

.sub-info:after {
    position: absolute;
    content: '';
    width: 22px;
    height: 22px;
    top: 10px;
    left: 5px;
    background: url("/local/templates/bania.3.1/images/info.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.window-box {
    position: relative;
    z-index: 1;
    padding: 13px 0 40px;
}

.window-box:after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    background: url("/local/templates/bania.3.1/images/img-bg.png") no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    z-index: -1;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.window-box .item-img {
    margin: 7px -144px -139px -49px;
}

.window-box .text {
    margin: 0 -88px 0 0;
    padding: 0 0 0 55px;
}

.window-box .info-box {
    padding-left: 0;
}

.window-box .info-box .icon {
    margin: 0 0 0 -11px;
}

.window-box .info-desc {
    color: #24343d;
    font-size: 18px;
    line-height: 24px;
}

.window-box .info-desc strong {
    display: block;
    margin: 0 0 9px;
    font-size: 22px;
    line-height: 30px;
    font-family: "Museo Sans Cyrl 500", "Arial", "Helvetica", sans-serif;
}

.list-plus {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px 54px;
    padding: 9px 0 0;
}

.list-plus li {
    width: 50%;
    margin: 0 0 0;
    padding: 0 15px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}

.list-plus li .icon {
    min-width: 66px;
}

.list-plus li strong {
    display: block;
    padding: 0 0 0 36px;
    color: #111;
    font-family: "Museo Sans Cyrl 500", "Arial", "Helvetica", sans-serif;
    font-size: 18px;
    line-height: 24px;
}

.window-box .text p {
    margin: 0 0 24px;
    letter-spacing: -0.005em;
}

.doors-box {
    padding: 12px 0 40px;
}

.doors-box .info-box {
    padding: 0 0 0 46px;
}

.doors-box .info-desc {
    color: #111;
    font-size: 18px;
    line-height: 24px;
}

.doors-box .info-box strong {
    display: block;
    margin: 0 0 17px;
    color: #726554;
    font-size: 22px;
    line-height: 30px;
}

.doors-box .item-img {
    margin: -30px -186px -55px 0;
    padding: 0 0 0 51px;
    position: relative;
}

.item-img .icon {
    border-radius: 50%;
    color: #fff;
    font-family: "Museo Sans Cyrl 900", "Arial", "Helvetica", sans-serif;
    font-size: 17px;
    line-height: 18px;
    text-align: center;
    position: absolute;
    top: 35px;
    left: 50%;
    padding: 20px;
    width: 139px;
    height: 139px;
    background: rgba(145, 199, 0, .96);
    margin: 0 0 0 -10px;
    display: block;
    font-style: normal;
}

.item-img .icon span {
    padding: 58px 0 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.item-img .icon span:after {
    position: absolute;
    content: '';
    left: 50%;
    top: 4px;
    width: 46px;
    height: 52px;
    background: url("/local/templates/bania.3.1/images/shield.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    margin: 0 0 0 -24px;
}

.roof-box {
    padding: 3px 0 40px;
}

.roof-box .item-img {
    margin: -58px -112px -60px -45px;
}

.roof-box p {
    color: #000;
    font-size: 22px;
    line-height: 30px;
    margin: 0 0 46px;
}

.roof-box .text {
    margin: 0 -20px 0 0;
}

.list-check.small {
    padding: 5px 65px 0 0;
    margin: 0 0 30px;
}

.list-check.small li {
    color: #111;
    font-size: 18px;
    line-height: 24px;
    padding: 0 0 0 102px;
    margin: 0 0 25px;
}

.list-check.small li:after {
    width: 32px;
    height: 32px;
    top: -4px;
    left: 48px;
}

.share-info {
    color: #111;
    font-size: 16px;
    line-height: 22px;
    position: relative;
    padding: 0 0 0 102px;
}

.share-info .icon {
    position: absolute;
    top: 3px;
    left: 29px;
    width: 48px;
    height: 48px;
}

.commun-box {
    padding: 0 0 40px;
}

.commun-box .title-block {
    margin: 0 0 52px;
}

.list-communication {
    padding: 0 71px 0 45px;
    margin: 0 0 29px;
}

.list-communication li {
    margin: 0 0 27px;
}

.list-communication li:after {
    clear: both;
    display: block;
    content: '';
}

.list-communication .preview {
    margin: 0 0 -23px;
}

.list-communication .preview .icon {
    width: 58px;
    height: 58px;
    top: 44px;
    right: -1px;
}

.list-communication .preview .icon:after {
    width: 42px;
    height: 42px;
    background: url("/local/templates/bania.3.1/images/icon-02.png") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    margin: -21px 0 0 -21px;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.list-communication .desc-option {
    /* padding: 58px 0 0 54px; */
    padding: 18px 0 0 54px;
    max-width: 700px;
}

.list-communication .desc-option strong {
    max-width: 100%;
    margin: 0 0 21px;
    color: #000;
    font-size: 33px;
    line-height: 36px;
    font-family: "Museo Sans Cyrl 500", "Arial", "Helvetica", sans-serif;
}

.list-communication .desc-option p {
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 28px;
    color: #000;
}

.list-communication li:nth-child(even) {
    margin: 0 0 23px;
}

.list-communication li:nth-child(even) .preview {
    float: right;
}

.list-communication li:nth-child(even) .preview .icon {
    right: auto;
    left: -1px;
}

.list-communication li:nth-child(even) .desc-option {
    padding: 58px 68px 0 0;
    /* padding: 18px 68px 0 0; */
    text-align: right;
}

.branch-box {
    padding: 27px 0 40px;
}

.branch-box .title-block {
    margin: 0 0 32px;
}

.list-branch {
    margin: 0 0 0;
}

.list-branch > li {
    padding: 0 50px 0 0;
    margin: 0 0 57px;
}

.list-branch > li:nth-child(even) {
    padding: 0 0 0 16px;
}

.list-branch > li:after {
    clear: both;
    display: block;
    content: '';
}

.list-branch li .preview {
    float: right;
    margin: -40px 0 0;
}

.list-branch li:nth-child(even) .preview {
    float: left;
}

.list-branch li .preview .icon {
    right: 9px;
    top: 56px;
}

.list-branch li:nth-child(odd) .preview .icon {
    right: auto;
    left: 13px;
    top: 44px;
}

.list-branch li:nth-child(odd) .preview .icon:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: -5px 0 0 -10px;
}

.list-branch li .desc-option {
    padding: 0 50px 0 0;
    font-size: 22px;
    line-height: 28px;
    color: #000;
    letter-spacing: 0.01em;
}

.list-branch li:nth-child(even) .desc-option {
    padding: 20px 0 0 48px;
}

.list-branch li .desc-option p {
    margin: 0 0 41px;
}

.list-branch .list-check {
    padding: 0 0 0 0;
}

.list-branch .list-check li {
    padding: 0 0 0 130px;
}

.list-branch .list-check li:first-child {
    max-width: 470px;
}

.list-branch .list-check li:after {
    top: 50%;
    margin: -27px 0 0;
    left: 54px;
}

.list-branch .title {
    display: block;
    margin: 0 0 36px;
    color: #000;
    font-size: 33px;
    line-height: 36px;
    max-width: 100%;
    font-family: "Museo Sans Cyrl 500", "Arial", "Helvetica", sans-serif;
    letter-spacing: -0.01em;
}

.text-wrap {
    padding: 0 0 0 79px;
    position: relative;
    font-size: 18px;
    line-height: 24px;
    color: #111;
}

.text-wrap:after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 35px;
    width: 3px;
    background: #c7b59d;
}

.list-branch li .desc-option .text-wrap p {
    margin: 0 0 24px;
}

.text-wrap small {
    font-size: 16px;
}

.cant-box {
    padding: 0 0 31px;
}

.cant-box .inner-img {
    margin: 0px -188px 0 -22px;
    padding: 71px 0 0;
}

.cant-box .inner-box {
    max-width: 100%;
    padding: 15px 0 0 35px;
}

.title-list {
    margin: 0 -100% 43px 0;
    color: #111;
    font-size: 22px;
    line-height: 30px;
}

.list-num {
    font-size: 0;
    line-height: 0;
    margin: 0 -20px 47px -100px;
}

.list-num li {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 43px;
    position: relative;
    margin: 0 0 0 100px;
}

.list-num li + li:after {
    position: absolute;
    content: '';
    top: 3px;
    left: -66px;
    width: 31px;
    height: 37px;
    background: url("/local/templates/bania.3.1/images/icon-03.png") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.list-num .num {
    position: absolute;
    top: -11px;
    left: 0;
    color: #91c700;
    font-family: "Museo Sans Cyrl 700", "Arial", "Helvetica", sans-serif;
    font-size: 44px;
    line-height: 44px;
}

.list-num strong {
    color: #111;
    font-family: "Museo Sans Cyrl 500", "Arial", "Helvetica", sans-serif;
    font-size: 18px;
    line-height: 24px;
}

.list-num strong span {
    display: block;
}

.cant-box .premium {
    margin: 0 0 50px;
}

.cant-box .premium:after {
    clear: both;
    display: block;
    content: '';
}

.cant-box .premium .icon {
    float: left;
    display: block;
}

.cant-box .premium .desc-info {
    overflow: hidden;
    padding: 0 10px 0 20px;
    color: #726554;
    font-size: 18px;
    line-height: 25px;
}

.cant-box .premium p {
    margin: 0 0 31px;
}

.cant-box .premium .desc {
    font-size: 22px;
    line-height: 30px;
}

.cant-box .info-box {
    color: #111;
    font-family: "Museo Sans Cyrl 500", "Arial", "Helvetica", sans-serif;
    font-size: 16px;
    line-height: 22px;
    padding: 0 0 0 90px;
    position: relative;
}

.cant-box .info-box:after {
    position: absolute;
    content: '';
    top: 2px;
    left: 44px;
    width: 22px;
    height: 22px;
    background: url("/local/templates/bania.3.1/images/info.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.walls-box {
    padding: 12px 0 52px;
}

.walls-box p {
    margin: 0;
    font-size: 18px;
    line-height: 24px;
}

.walls-box .info-box {
    padding: 0 0 0 46px;
    margin: 0 -15px 50px 0;
}

.walls-box .info-desc {
    letter-spacing: -0.06em;
}

.walls-box .info-desc strong {
    display: block;
    margin: 0 0 5px;
    letter-spacing: -0.005em;
}

.temp-box {
    margin: 0 0 56px;
    padding: 0 0 0 45px;
}

.temp-box:after {
    clear: both;
    display: block;
    content: '';
}

.temp-box .icon {
    float: left;
    display: block;
    width: 68px;
}

.temp-box .desc {
    overflow: hidden;
    padding: 0 0 0 19px;
    line-height: 22px;
}

.temp-box .desc p {
    line-height: 22px;
    margin: 0 0 22px;
}

.temp-box .desc small {
    font-size: 16px;
    line-height: 22px;
}

.walls-box .item-img {
    margin: -27px -12px -123px 0px;
    padding: 0 0 0 57px;
}

.walls-box .subtitle {
    max-width: 100%;
    margin: 0 0 6px;
}

.list-doors {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -125px 0 -15px;
    -ms-align-items: center;
    align-items: center;
}

.list-doors li {
    width: 50%;
    padding: 0 15px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}

.list-doors .img-list {
    width: 162px;
    min-width: 162px;
}

.list-doors .img-list img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

.list-doors .desc {
    color: #111;
    font-size: 18px;
    line-height: 22px;
    padding: 0 0 0 20px;
    margin: -32px 0 0;
}

.list-doors .desc strong {
    display: block;
    color: #111;
    font-size: 18px;
    line-height: 22px;
}

.list-communication li .small-text {
    font-size: 18px;
    line-height: 28px;
    max-width: 650px;
    letter-spacing: 0.02em;
    margin: 0 0 17px;
}

.list-communication li .sub-info {
    font-size: 16px;
    line-height: 22px;
    max-width: 500px;
}

.list-communication li:nth-child(even) .sub-info {
    max-width: 100%;
    padding: 6px 38px 0 100px;
}

.list-communication li:nth-child(even) .sub-info:after {
    left: auto;
    right: 0;
}

.list-communication li .sub-info em {
    font-style: normal;
    color: #111;
    font-family: "Museo Sans Cyrl 500", "Arial", "Helvetica", sans-serif;
    font-size: 16px;
    line-height: 22px;
    display: block;
}

.eco-box {
    position: relative;
    padding: 15px 80px 0 100px;
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 30px;
}

.eco-box:after {
    position: absolute;
    content: '';
    top: 22px;
    right: 0;
    width: 57px;
    height: 32px;
    background: url("/local/templates/bania.3.1/images/eco.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.carcass .info-box {
    padding: 0 210px 0 22px;
}

.item-advantages {
    margin: 0 0 25px;
    padding: 0 40px 0 25px;
}

.item-advantages:after {
    clear: both;
    display: block;
    content: '';
}

.item-advantages .icon {
    display: block;
    float: left;
    width: 68px;
}

.item-advantages .desc {
    overflow: hidden;
    padding: 0 0 0 22px;
    font-size: 16px;
    line-height: 22px;
}

.carcass .sub-info em {
    font-style: normal;
    font-family: "Museo Sans Cyrl 500", "Arial", "Helvetica", sans-serif;
    padding: 10px 0 0;
    display: block;
}

.consul-block {
    background: url("/local/templates/bania.3.1/images/img-bg-01.jpg") no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 62px 122px;
    margin: 0 0 50px;
}

.consul-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}

.consul-box .text-box {
    position: relative;
    padding: 0 20px 0 39px;
    width: 65%;
    float: none;
}

.consul-box .text-box:after {
    position: absolute;
    content: '';
    left: -26px;
    top: -8px;
    width: 42px;
    height: 30px;
    background: url("/local/templates/bania.3.1/images/icon-04.png") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.consul-box .text-box strong {
    display: block;
    margin: 0 0 14px;
    color: #111;
    font-size: 44px;
    line-height: 44px;
    font-family: "Museo Sans Cyrl 500", "Arial", "Helvetica", sans-serif;
}

.consul-box .text-box p {
    color: #444;
    font-size: 24px;
    line-height: 30px;
    margin: 0;
}

.consul-box .btn-holder {
    text-align: center;
    padding: 7px 8px 0 0;
}

.btn-red {
    color: #fff;
    font-family: "Museo Sans Cyrl 700", "Arial", "Helvetica", sans-serif;
    font-size: 19px;
    line-height: 22px;
    width: 254px;
    min-width: 254px;
    background: #f3152f;
    border-radius: 31px;
    box-shadow: 0 10px 29px rgba(243, 21, 47, 0.35),
    inset 0 -6px 0 rgba(18, 19, 18, 0.13);
    padding: 20px 15px;
    margin: 0 0 14px;
    min-width: auto;
    height: auto;
    display: block;
    border: 1px solid #f3152f;
}

.btn-red:hover {
    background: #91c700;
    border: 1px solid #91c700;
}

.consul-box .btn-holder span {
    color: #9fa2a4;
    font-family: "Museo Sans Cyrl 500", "Arial", "Helvetica", sans-serif;
    font-size: 12px;
    line-height: 16px;
    display: block;
    max-width: 254px;
}

@media screen and (max-width: 1024px) {
    .consul-block {
        padding: 62px 30px;
    }
}

@media screen and (max-width: 960px) {
    .visual-box {
        float: none;
        width: 100%;
        margin: 0 0 30px;
        padding: 0;
    }

    .inner-img {
        margin: 0 0 -140px;
    }

    .text-box {
        float: none;
        width: 100%;
    }

    .inner-box,
    .subtitle {
        max-width: 100%;
    }

    .inner-box .title-box {
        margin: 0 0 58px;
    }

    .title-box br {
        display: none;
    }

    .list-feature .share {
        margin: 0 0 35px;
    }

    .col-50 {
        width: 100%;
        float: none;
    }

    .item-img {
        margin: 0 0 -90px;
        text-align: center;
    }

    .window-box:after {
        background-position: 0 0;
    }

    .text {
        margin: 0;
    }

    .window-box .text,
    .roof-box .text {
        margin: 0 0 30px;
    }

    .doors-box .item-img,
    .roof-box .item-img {
        padding: 0;
        margin: 0 0 0;
        text-align: center;
    }

    .list-communication {
        padding: 0;
    }

    .list-branch .list-check li {
        padding: 0 0 0 70px;
    }

    .list-branch .list-check li:after {
        left: 0;
    }

    .list-options {
        padding: 0;
        margin: 0 0 34px;
    }

    .desc-option {
        padding: 38px 0 0 30px;
    }

    .window-box .item-img {
        margin: 0 0 -30px;
    }

    .cant-box .inner-img {
        padding: 0;
        margin: 0 0 -70px;
        text-align: center;
    }

    .walls-box .item-img {
        padding: 0;
        margin: 0 0 0;
    }

    .list-doors {
        margin: 0 0 40px;
    }

    .title-list {
        margin: 0 0 43px;
    }

    .walls-box .info-box {
        margin: 0 0 50px;
    }

    .item-advantages {
        padding: 0;
    }
}

@media screen and (max-width: 760px) {
    .title-block {
        font-size: 32px;
        line-height: 36px;
    }

    .list-info,
    .list-feature,
    .info-box,
    .window-box .text,
    .doors-box .info-box,
    .list-check.small {
        padding: 0;
    }

    .premium,
    .info-desc {
        font-size: 18px;
        line-height: 24px;
    }

    .title-box {
        font-size: 28px;
        line-height: 32px;
    }

    .list-options {
        display: block;
    }

    .list-options li {
        width: 100%;
    }

    .desc-option strong {
        max-width: 100%;
    }

    .consultation .title:after {
        left: -43px;
    }

    .consultation .title span {
        display: inline;
    }

    .list-check li {
        padding: 0 0 0 70px;
    }

    .list-check li:after {
        left: 0;
    }

    .share-info .icon {
        left: 0;
    }

    .share-info,
    .list-check.small li {
        padding: 0 0 0 60px;
    }

    .list-check.small li:after {
        left: 10px;
    }

    .list-communication .preview,
    .list-communication li:nth-child(even) .preview,
    .list-branch li .preview,
    .list-branch li:nth-child(even) .preview {
        float: none;
        margin: 0 auto 30px;
        max-width: 282px;
        width: 100%;
    }

    .list-communication .desc-option,
    .list-communication li:nth-child(even) .desc-option,
    .list-branch li .desc-option,
    .list-branch li:nth-child(even) .desc-option {
        padding: 0;
        margin: 0;
        max-width: 100%;
        text-align: center;
    }

    .list-branch > li,
    .list-branch > li:nth-child(even) {
        padding: 0;
    }

    .list-branch .list-check {
        text-align: left;
    }

    .text-wrap {
        padding: 0;
    }

    .text-wrap:after {
        display: none;
    }

    .text p {
        margin: 0 0 46px;
    }

    .window-box .info-box .icon {
        margin: 0;
    }

    .list-communication li .sub-info,
    .list-communication li .small-text,
    .list-communication li:nth-child(even) .sub-info,
    .eco-box {
        max-width: 100%;
        padding: 6px 0 6px 43px;
        text-align: left;
    }

    .list-communication li:nth-child(even) .sub-info,
    .eco-box {
        padding: 6px 0 6px 70px;
    }

    .list-communication li:nth-child(even) .sub-info:after,
    .eco-box:after {
        left: 0;
        right: auto;
        top: 10px;
    }

    .list-doors .img-list {
        width: 102px;
        min-width: 102px;
    }

    .cant-box .inner-box,
    .walls-box .info-box,
    .temp-box {
        padding: 0;
    }

    .consul-box {
        display: block;
    }

    .consul-box .text-box {
        margin: 0 0 30px;
    }

    .consul-box .btn-holder {
        padding: 0;
    }

    .btn-red {
        margin: 0 auto 14px;
    }

    .consul-box .btn-holder span {
        margin: 0 auto;
    }

    .warning:after {
        left: -20px;
        right: -20px;
    }

    .consul-box .text-box {
        width: 100%;
    }
}

@media screen and (max-width: 590px) {
    .list-doors li {
        width: 100%;
        margin: 0 0 20px;
    }

    .list-num {
        margin: 0 0 47px;
    }

    .list-num li {
        display: block;
        margin: 0 0 20px;
    }

    .list-num li + li:after {
        display: none;
    }

    .list-num li span {
        display: inline;
    }
}

@media screen and (max-width: 480px) {
    .inner-img {
        margin: -40px 0 -70px;
    }

    .info-box .icon,
    .list-check li:after,
    .list-info .icon,
    .cant-box .premium .icon,
    .temp-box .icon,
    .item-advantages .icon {
        width: 36px;
    }

    .preview {
        width: 120px;
    }

    .preview .icon {
        top: 0;
    }

    .list-check li {
        padding: 0 0 0 45px;
    }

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

    .subtitle,
    .window-box .info-desc strong {
        font-size: 20px;
        line-height: 26px;
    }

    .list-plus li .icon {
        min-width: 36px;
        width: 36px;
    }

    .list-plus li strong {
        padding: 0 0 0 16px;
    }

    .list-plus li {
        width: 100%;
        margin: 0 0 20px;
    }

    .doors-box .info-box strong {
        font-size: 18px;
        line-height: 26px;
    }

    .list-communication .desc-option strong,
    .list-branch .title {
        font-size: 28px;
        line-height: 30px;
    }

    .list-communication .desc-option p {
        font-size: 18px;
        line-height: 24px;
    }

    .cant-box .info-box {
        padding: 0 0 0 53px;
    }

    .cant-box .info-box:after {
        left: 0;
    }

    .desc-option {
        padding: 18px 0 0 15px;
    }

    .consul-block {
        padding: 40px 30px;
    }

    .consul-box .text-box:after {
        width: 27px;
        height: 20px;
    }

    .consul-box .text-box {
        padding: 0 0 0 15px;
    }

    .consul-box .text-box strong {
        font-size: 34px;
        line-height: 34px;
    }

    .consul-box .text-box p {
        font-size: 20px;
        line-height: 26px;
    }

    .btn-red {
        width: 100%;
        max-width: 254px;
    }
}

/* End Styles new block */

.gallery .text, .articles-box .text {
    margin: 0;
}

.gallery .text p, .articles-box .text p {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
}

.content-page-box {
}

.content-page-box ul {
    margin: 0 0 30px 20px;
}

.content-page-box ul li {
    position: relative;
    padding-left: 20px;
}

.content-page-box ul li:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 12px;
}

@media (max-width: 768px) {
    #header {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 10000;
    }

    #wrapper {
        margin-top: 50px;
    }
}

.service-detail {
    margin: 30px 0;
}

.service-detail ul {
    margin: 30px 0;
    padding: 0;
    list-style: none;
    font-size: 16px;
    line-height: 18px;
}

.service-detail ul li {
    background: url(/local/templates/bania.3.1/images/icon_07.png) 3px 3px no-repeat;
    padding: 0 0 14px 29px;
}

.service-detail ul li:last-child {
    padding-bottom: 0;
}

.services ul li strong {
    height: 42px;
}

.services ul .text .name {
    color: #111;
    text-decoration: none;
}

.services ul .text {
    height: 200px;
}

.services ul li p {
    font-size: 14px;
    line-height: 22px;
}

.services ul .visual {
    margin-right: 30px;
}

.services ul li {
    display: inline-flex;
}

.more-info {
    display: block;
}

.equipment-block .btn-holder {
    display: none;
}

.projects .items .item .btn {
    background-color: #f3152f;
    border-color: #f3152f;
    color: #fff;
}

.projects .items .item:hover .btn {
    background: transparent;
    border-color: #91c700;
    color: #48494d;
}

@media (max-width: 768px) {
    .services ul li {
        display: block;
    }

    .product .sidebar .price .btn {
        display: inline-block;
    }
}

.credit-box {
    position: relative;
    padding-left: 17px;
    display: flex;
    align-items: center;
}

.credit-box:before {
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    background-image: url(/local/templates/bania.3.1/images/credit-ico.png);
    position: absolute;
    left: -3px;
    top: 6px;
}

.credit-box .credit-price {
    font-weight: 700;
    font-size: 12px;
    color: #323232;
    line-height: 1.2;
    flex: 0 0 44%;
}

.credit-box .credit-price span {
    color: #8ca5b4;
    font-size: 15px;
    display: block;
}

.credit-box .nav-box {
    flex: 0 0 55%;
}

.credit-box .nav-box a {
    background-color: #bad0dd;
    border-radius: 20px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    font-weight: 700;
    padding: 0;
    text-decoration: none;
    display: block;
    text-align: center;
    font-size: 12px;
}

.product .sidebar .row.credit-row {
    padding-right: 5px;
}

.credit-row-2 {
}

.credit-row-2 .credit-box {
    background-color: #fff;
    border-radius: 5px;
    padding: 20px 0 0 0;
    text-align: center;
    display: block;
    overflow: hidden;
}

.credit-row-2 .credit-box:before {
    display: none;
}

.credit-row-2 .credit-box .title {
    color: #323232;
    font-size: 12px;
    font-weight: 700;
    position: relative;
    padding-bottom: 20px;
}

.credit-row-2 .credit-box .title:before {
    display: inline-block;
    content: "";
    vertical-align: middle;
    background-image: url(/local/templates/bania.3.1/images/pb-logo.jpg);
    width: 68px;
    height: 33px;
    margin-right: 18px;
}

.credit-row-2 .credit-box .title div {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.credit-row-2 .credit-box .title span {
    color: #8ca5b4;
    font-size: 15px;
    display: block;
}

.credit-row-2 .credit-box .nav-box {
}

.credit-row-2 .credit-box .nav-box a {
    background: transparent;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    display: block;
    background-color: #cb045b;
    border-radius: 0;
}

.credit-row-2 .credit-box .nav-box a span {
    display: inline-block;
    padding-right: 25px;
    background-repeat: no-repeat;
    background-image: url(/local/templates/bania.3.1/images/pb-ico.png);
    background-position: right center;
    background-size: 13px;
}

#pos-credit-container {
    display: none;
    padding: 0;
}

.product .sidebar .btn {
    background-color: #f3152f;
    border: none;
    color: #fff;
    height: 60px;
    line-height: 60px;
    padding-top: 0;
    padding-bottom: 0;
}

.product-details .frame .price strong.ask-price, .product .price strong.ask-price {
    font-size: 28px;
}


/* new style 16.06.2020 */

.nav li.arrow a:after,
.sab-nav > li > a:before {
    position: absolute;
    content: '';
    top: 12px;
    right: -12px;
    width: 4px;
    height: 4px;
    border-bottom: 1px solid #bba890;
    border-right: 1px solid #bba890;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.sab-nav > li:hover > a:before {
    opacity: 1;
}

.nav li {
    margin: 0 0 0 24px;
}

.nav li.arrow a {
    position: relative;
    padding: 0 15px 0 0;
}

.nav li.arrow a:after {
    opacity: 1;
    right: 0;
}

.active-top .sab-nav > li > a:before {
    opacity: 1;
}

.product .sidebar .btn,
.projects .items .item .btn {
    background: #91c700;
    border: 1px solid #91c700;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.product .sidebar .btn:hover,
.projects .items .item:hover .btn {
    color: #fff;
    background: #f3152f;
    border-color: #f3152f;
}

.sab-nav li .drop ul.sub-menu {
    width: auto;
    position: static;
    font-size: 14px;
    line-height: 20px;
    padding: 5px 0 0;
    margin: 0 0 2px;
    display: none;
}

.sub-menu li {
    display: block;
    position: relative;
    padding: 0 0 0 26px;
    margin: 0 0 0;
}

.sub-menu li:after {
    position: absolute;
    content: '';
    top: 8px;
    left: 5px;
    width: 7px;
    height: 1px;
    background: #6b8f0a;
}

.sub-menu li a {
    font-size: 14px;
    line-height: 20px;
    color: #111;
}

.sab-nav li .drop .more-nav {
    margin: 0;
}

.sab-nav li .drop .more-nav a {
    color: #090909;
    font-size: 13px;
    line-height: 13px;
    font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
    border-bottom: 1px dotted #91c700;
    padding: 4px 0;
}

.sab-nav li .drop .drop-menu:hover ul.sub-menu {
    display: block;
}

.sab-nav li .drop .drop-menu:hover > a,
.sab-nav li .drop .drop-menu > a:hover {
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    color: #13141c;
}

.article-info .information .visual span {
    height: 19px;
    line-height: 19px;
    border-radius: 4px 0 0 4px;
    padding: 0 7px 0 9px;
    bottom: 20px;
}

.content_article-box {
    padding: 27px 24px 35px;
    margin: 0 0 29px;
    border-bottom: 1px solid #d7cfc7;
    position: relative;
}

.content_article-box:after {
    position: absolute;
    content: '';
    top: 27px;
    left: 0;
    width: 11px;
    height: 14px;
    background: #91c700;
}

.content_article-box .title-list {
    display: block;
    margin: 0 0 24px;
    color: #111;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
}

.list-content {
    list-style: none;
    margin: 0 0 0;
    padding: 0 10px;
    -webkit-columns: 2;
    -moz-columns: 2;
    -o-columns: 2;
    columns: 2;
}

.list-content.three_columns {
    -webkit-columns: 3;
    -moz-columns: 3;
    -o-columns: 3;
    columns: 3;
}

.list-content li {
    margin: 0 0 10px;
    padding: 0 0 0 20px;
    position: relative;
    font-size: 17px;
    line-height: 18px;
    letter-spacing: 0.005em;
    font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
}

.list-content li:after {
    position: absolute;
    content: '';
    top: 10px;
    left: 0;
    width: 12px;
    height: 1px;
    background: #6b8f0a;
}

.list-content li a {
    color: #111;
    text-decoration: none;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.list-content li a:hover {
    color: #91c700;
}

.article-title {
    margin: 0 0 27px;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    color: #13141c;
    font-size: 40px;
    line-height: 44px;
    letter-spacing: -0.01em;
}

.article_text {
    line-height: 27px;
    padding: 0 98px;
    letter-spacing: -0.005em;
}

.article_text p {
    margin: 0 0 27px;
}

.article_text p b {
    font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
    font-weight: 400;
}

.warning_block {
    padding: 61px 98px 40px;
    background: #faf5f8;
    margin: 0 0 48px;
}

.inner-warning {
    padding: 0 40px 0 93px;
    position: relative;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: -0.005em;
}

.inner-warning:after {
    position: absolute;
    content: '';
    width: 69px;
    height: 69px;
    border-radius: 50%;
    top: 10px;
    left: -6px;
    background: url("/local/templates/bania.2.0/images/info-icon.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.inner-warning .warning {
    display: block;
    margin: 0 0 28px;
    color: #651831;
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    letter-spacing: -0.015em;
}

.warning_block.info_block {
    background: #f8faf3;
}

.info_block .inner-warning:after {
    background: url("/local/templates/bania.2.0/images/info-icon_02.svg") no-repeat;
}

.info_block .inner-warning .warning {
    color: #58692c;
}

.article-img {
    margin: 0 0 42px;
}

.article-img img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

.article_text .list-info {
    padding: 5px 60px 0;
    margin: 0 0 36px;
}

.article_text .list-info li {
    margin: 0 0 6px;
}

.title-list-info {
    display: block;
    margin: 0 0 28px;
    font-weight: 400;
    font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
    font-size: 25px;
}

.warning_block .list-info {
    padding: 0 24px;
    margin: 0 0 18px;
}

.warning_block .list-info li {
    margin: 0 0 3px;
}

.warning_block .list-info li:before {
    border-color: #d04774;
    top: 8px;
}

.warning_block .list-info li em {
    font-style: normal;
    font-size: 16px;
}

.user-block {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    padding: 0 0 0 3px;
    float: left;
}

.user-block .avatar {
    border-radius: 50%;
    overflow: hidden;
    width: 49px;
    height: 49px;
    min-width: 49px;
}

.user-block .avatar img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

.user-info {
    padding: 0 0 0 20px;
}

.user-info .autor-user {
    display: block;
    margin: 0 0 0;
    color: #626363;
    font-size: 13px;
    line-height: 22px;
}

.user-info .name {
    display: block;
    color: #111;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
}

.similar_articles-block {
    padding: 34px 0 0;
    margin: 0 0 59px;
}

.similar_articles-block .gallery-holder {
    margin: 0 0 29px;
}

.similar_projects-block {
    margin: 0 0 30px;
}

.similar_projects-block h4 {
    color: #13141c;
    font-size: 50px;
    line-height: 64px;
    margin: 0 0 0;
}

.similar_projects-block .projects {
    margin: -8px 0 0;
}

.similar_projects-block .items .price strong {
    min-height: auto;
}

.similar_projects-block .items .price strong .old {
    color: #999;
    font-family: "Museo Sans Cyrl 300", Arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
    text-decoration: line-through;
    font-style: normal;
    display: block;
}

.similar_projects-block .items .item .btn {
    background: #91c700;
    border-color: #91c700;
    color: #fff;
}

.similar_projects-block .items .item:hover .btn {
    background-color: #f3152f;
    border-color: #f3152f;
    color: #fff;
}

.article_text .list-info-num {
    padding: 5px 60px 0;
    margin: 0 0 36px;
}

.wrap-img {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0 -6px;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.wrap-img .article-img {
    margin: 0 0 62px;
    padding: 0 6px;
    width: 50%;
}

.list-img {
    padding-top: 20px;
}

.list-img .desc-img {
    padding-top: 22px;
    display: block;
}

.list-img .article-img {
    margin: 0 0 41px;
}

.article_text .title-info {
    display: block;
    margin: 0 0 42px;
    font-weight: 400;
    font-family: "Museo Sans Cyrl 300", Arial, sans-serif;
    font-size: 25px;
}

.article .article_text .list-testimonial {
    padding: 0 19px;
    margin: -6px 0 43px;
}

.article .list-testimonial li {
    margin: 0 0 32px;
    position: relative;
    padding: 0;
}

.list-testimonial li:after {
    clear: both;
    display: block;
    content: '';
}

.list-testimonial li:before {
    display: none;
}

.list-testimonial .icon {
    width: 89px;
    float: left;
    padding: 13px 0 0;
    text-align: center;
}

.list-testimonial .desc {
    overflow: hidden;
    padding: 0 0 0 26px;
}

.list-testimonial .title-list {
    display: block;
    margin: 0 0 11px;
    font-weight: 400;
    color: #111;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    font-size: 24px;
    line-height: 30px;
}

.list-testimonial li p {
    margin: 0;
}

.article .article_text .list-check {
    padding: 0 0 0 40px;
    margin: -2px 0 60px;
}

.article .article_text .list-check li {
    padding: 0 0 0 94px;
    margin: 0 0 30px;
}

.article .article_text .list-check li:before {
    width: 56px;
    height: 56px;
    background: url("/local/templates/bania.2.0/images/check-icon.svg") no-repeat;
    border: none;
    border-radius: 50%;
    top: 5px;
    left: 3px;
}

.list-check .title-list {
    margin: 0 0 11px;
    display: block;
    font-weight: 400;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    font-size: 24px;
    line-height: 30px;
}

.list-check .desc {
    font-size: 20px;
    line-height: 27px;
}

.sides-block {
    margin: 0 0 31px;
    padding: 45px 94px 42px;
}

.plus {
    background: #f6f8f2;
}

.minus {
    background: #faf8f9;
    margin: 0 0 54px;
}

.sides-block .inner-sides {
    position: relative;
    padding: 0 0 0 52px;
}

.sides-block .inner-sides:after {
    position: absolute;
    content: '';
    top: -7px;
    left: 0;
    width: 42px;
    height: 42px;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.plus .inner-sides:after {
    background: url("/local/templates/bania.2.0/images/plus-icon.svg") no-repeat;
}

.minus .inner-sides:after {
    background: url("/local/templates/bania.2.0/images/minus-icon.svg") no-repeat;
}

.sides-block .title-box {
    display: block;
    margin: 0 0 11px;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
}

.plus .title-box {
    color: #91c700;
}

.minus .title-box {
    color: #d04774;
}

.article .sides-block .list-info {
    padding: 0 0 0 7px;
    margin: 0;
}

.article .sides-block .list-info li {
    margin: 0 0 3px;
    line-height: 27px;
    top: 9px;
}

.article .minus .list-info li {
    margin: 0 0 9px;
}

.article .minus .list-info li:before {
    border: 2px solid #d04774;
}

.wrap-quote .quote-block {
    margin: 0 0 0;
}

.wrap-quote .left {
    margin: -40px 0 0;
    /* padding-top: 0; */
}

.left .video {
    float: left;
    margin: 0 0 0 -15px;
}

.left .video a:after {
    display: none;
}

.wrap-quote .text-quote {
    overflow: hidden;
}

.wrap-quote .left .text-quote {
    padding: 20px 0 0 25px;
}

.wrap-quote h2 {
    margin: 0 0 28px;
    line-height: 36px;
}

.wrap-quote .left h2 {
    font-size: 30px;
    line-height: 36px;
    margin: 0 0 13px;
}

.wrap-quote .quote-block p {
    line-height: 25px;
    margin: 0 0 11px;
}

.wrap-quote ul {
    margin: 0 0 11px;
}

.wrap-quote ul li {
    font-size: 16px;
    line-height: 25px;
}

.quote-subtitle {
    display: block;
    margin: 0 0 13px;
    font-size: 25px;
    line-height: 30px;
    font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
    font-weight: 400;
}

.head-slider {
    position: relative;
    padding: 0 90px 0 0;
}

.head-slider .link {
    position: absolute;
    right: 0;
    bottom: 1px;
    display: inline-block;
    vertical-align: top;
    padding: 0 23px 0 0;
    color: #626363;
    font-size: 13px;
    line-height: 22px;
    text-decoration: none;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.head-slider .link:hover {
    color: #91c700;
}

.head-slider .link:after {
    position: absolute;
    content: '';
    top: 50%;
    right: 1px;
    width: 5px;
    height: 5px;
    margin: -3px 0 0;
    border-top: 1px solid #91c700;
    border-right: 1px solid #91c700;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.wrap-catalog {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0 -15px;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.wrap-catalog .filter {
    width: 25%;
    padding: 0 15px;
}

.wrap-catalog .filter:after,
.wrap-catalog .filter:before {
    display: none;
}

.projects-block {
    width: 75%;
    padding: 10px 15px 0;
    border-top: 1px solid #eff3f3;
    margin: -10px 0 0;
}

.projects-block .projects .items .item:nth-child(4n+4) {
    margin: 0 31px 28px 0;
}

.projects-block .projects .items .item:nth-child(3n+3) {
    margin: 0 0 16px;
}

.catalog-sections-box.decstop {
    position: relative;
    padding: 0 75px 0 0;
    margin: -21px 0 25px;
}

.catalog-sections-box.decstop .sections-title {
    position: relative;
    padding: 4px 5px 4px 19px;
    display: inline-block;
    vertical-align: top;
    color: #13141c;
    font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    margin: 0 0 5px;
}

.catalog-sections-box.decstop .sections-title:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 12px;
    height: 12px;
    background: url("/local/templates/bania.2.0/images/star-icon.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    margin: -7px 0 0;
}

.decstop .sub-sections-list {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    line-height: 0;
}

.decstop .sub-sections-list li {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 0;
}

.decstop .sub-sections-list li a {
    display: block;
    padding: 4px 5px;
    font-size: 12px;
    line-height: 16px;
    border-radius: 4px;
    background: transparent;
    color: #8b8d8d;
    font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
    text-decoration: none;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.decstop .sub-sections-list li a:hover,
.decstop .sub-sections-list li.active a {
    color: #13141c;
    background: #f2f3f3;
}

.decstop .sub-sections-more {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 20px;
}

.decstop .sub-sections-more a {
    color: #a7a7ac;
    font-size: 11px;
    line-height: 16px;
    padding: 0;
    border-bottom: 2px dotted #83848c;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    text-decoration: none;
}

.decstop .sub-sections-more a:hover {
    border-bottom: 2px dotted transparent;
}

.accordion {
    margin: 0 0 10px;
}

.filter-form .list-check-filter {
    padding: 2px 0 0;
    margin: 0 0 17px;
}

.list-check-filter li {
    margin: 0 0 0;
    padding: 3px 0 2px;
}

.filter-form input[type=checkbox] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 0;
}

.filter-form .checkbox + label {
    position: relative;
    padding: 0 0 0 33px;
    cursor: pointer;
    color: #13141c;
    font-family: "Museo Sans Cyrl 300", Arial, sans-serif;
    font-size: 15px;
    line-height: 19px;
    font-weight: 400;
    display: block;
}

.filter-form .checkbox + label:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 4px;
    width: 19px;
    height: 19px;
    border: 1px solid #dddfe2;
    border-radius: 4px;
    transition: .2s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.filter-form .checkbox + label:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 9px;
    width: 12px;
    height: 9px;
    background: url("/local/templates/bania.2.0/images/icon-check.png") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    transition: .2s;
}

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

.filter-form .checkbox:checked + label:before {
    background: #f92154;
    border: 1px solid #f92154;
}

.filter-form .checkbox:checked + label {
    font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
}

.accordion .heading {
    margin: 0 0 0;
    display: block;
    cursor: pointer;
}

.accordion .heading span {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 0;
    position: relative;
    border-bottom: 2px dotted #83848c;
    font-size: 16px;
    line-height: 1;
}

.accordion .heading span:after {
    position: absolute;
    content: '';
    top: 50%;
    right: -15px;
    width: 3px;
    height: 3px;
    border-top: 1px solid #816c56;
    border-right: 1px solid #816c56;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.accordion .item.active .heading span:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.link-holder {
    padding: 0 0 0 34px;
    margin: -6px 0 0;
}

.filter-form .link-holder .link {
    font-size: 11px;
    line-height: 15px;
    color: #a7a7ac;
    display: inline-block;
    vertical-align: top;
    border-bottom: 2px dotted #83848c;
    text-decoration: none;
    padding: 0 0 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.filter-form .link-holder .link:hover {
    border-bottom: 2px dotted transparent;
}

.hide-item {
    display: none;
}

.btn-holder {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}

.btn-holder .btn {
    height: 36px;
    background: #91c700;
    border-radius: 18px;
    padding: 0 0;
    text-align: center;
    color: #fff;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    font-size: 13px;
    line-height: 22px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    margin: 0 20px 0 0;
}

.btn-holder .btn:hover {
    background: #f3152f;
}

.btn-link {
    color: #a7a7ac;
    font-size: 11px;
    line-height: 15px;
    border: none;
    border-bottom: 2px dotted #83848c;
    background: none;
    padding: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.btn-link:hover {
    border-bottom: 2px solid transparent;
}

.projects .flag {
    position: absolute;
    top: 10px;
    right: -3px;
    color: #fff;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    font-size: 14px;
    line-height: 19px;
    display: block;
    padding: 0 7px;
    border-radius: 7px;
    z-index: 11;
}

.projects .flag.stock {
    background: rgba(94, 199, 0, .92);
}

.projects .flag.new-flag {
    background: rgba(240, 27, 81, .92);
}

.projects .flag.popularly {
    background: rgba(14, 164, 208, .92);
}

.price-credit {
    position: relative;
    padding: 0 0 0 21px;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    margin: -3px 0 0;
}

.price-credit:after {
    position: absolute;
    content: '';
    top: 2px;
    left: 0;
    width: 12px;
    height: 12px;
    background: url("/local/templates/bania.2.0/images/icon-credit.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.price-credit span {
    display: block;
    margin: 0 0 3px;
    color: #323232;
    font-size: 12px;
    line-height: 1;
}

.projects .items .price-credit strong {
    display: block;
    line-height: 1;
    color: #8ca5b4;
    font-size: 15px;
    font-weight: 400;
    min-height: auto;
}

.product .consult-form {
    padding-top: 0;
}

.product .consult-form legend {
    position: relative;
    padding: 0 25px 10px 50px;
    border-bottom: none;
}

.product .consult-form legend:after {
    position: absolute;
    content: '';
    top: -4px;
    left: 12px;
    width: 30px;
    height: 30px;
    background: url("/local/templates/bania.2.0/images/loading-icon.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.product .sidebar .btn {
    position: relative;
}

.product .sidebar .btn .icon {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 7px 0 0;
    width: 27px;
    height: 27px;
    background: url("/local/templates/bania.2.0/images/calculation-icon.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.consult-form input[type=submit] {
    border: 2px solid #91c700;
    background: transparent;
    cursor: pointer;
    color: #2a2a2a;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.consult-form input[type=submit]:hover {
    color: #fff;
    background: #91c700;
}

.consult-form span {
    text-align: center;
}

.consult-form span a {
    color: #626363;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
}

.consult-form span a:hover {
    text-decoration: none;
}

.title-block.not-after {
    padding: 0;
    font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
}

.title-block {
    font-size: 44px;
}

.title-block.not-after:after {
    display: none;
}

.info-desc em {
    color: #726554;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
}

.desc-option a:after {
    background: url("/local/templates/bania.2.0/images/ruble.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.preview {
    width: 240px;
}

.img-preview {
    border-radius: 0;
    overflow: visible;
}

.list-options .consultation {
    padding: 10px 0 0 70px;
}

.list-options .consultation:before {
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    background: url("/local/templates/bania.2.0/images/loading-icon.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    top: 10px;
    left: 26px;
}

.consultation .btn {
    padding: 13px 45px;
    border-radius: 25px;
}

.item-info .list-check li:after {
    background: url("/local/templates/bania.2.0/images/check-icon.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.sub-info:after {
    background: url("/local/templates/bania.2.0/images/info-icon_03.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.item-info {
    border-bottom: none;
}

.item-info:first-child {
    border-bottom: 1px solid #e5e6e6;
}

.window-box:after {
    background: url("/local/templates/bania.2.0/images/card-img-bg-01.jpg") no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
}

.window-box .item-img {
    margin: -133px -144px -130px -49px;
}

.item-img .icon span:after {
    background: url("/local/templates/bania.2.0/images/shield-icon.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.doors-box .item-img {
    width: 70%;
    margin: -120px auto -70px;
    text-align: center;
}

.item-img .icon {
    left: auto;
    right: -10%;
}

.item-info .col-40 {
    width: 40%;
    float: left;
    padding: 0 15px;
}

.item-info .col-60 {
    width: 60%;
    float: left;
    padding: 0 15px;
}

.roof-box .item-img {
    margin: -208px -92px -60px -125px;
}

.item-info.roof-box {
    border-bottom: 1px solid #e5e6e6;
}

.roof-box {
    padding: 3px 0 70px;
}

.list-communication .preview .icon:after {
    background: url("/local/templates/bania.2.0/images/info-icon_04.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    height: 47px;
    margin: -23px 0 0 -21px;
}

.list-branch > li,
.list-branch > li:nth-child(even),
.list-branch li:nth-child(even) .desc-option,
.list-branch li .desc-option {
    padding: 0;
}

.list-branch > li {
    margin: 0 0 27px;
}

.faq-block {
    padding: 50px 95px 70px;
    background: url("/local/templates/bania.2.0/images/card-img-bg-02.jpg") no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    margin: 50px 0 0;
}

.faq-block .col-40 {
    width: 35%;
    padding: 0 15px;
    float: left;
}

.faq-block .col-60 {
    width: 65%;
    padding: 0 15px;
    float: left;
}

.faq-block blockquote strong {
    display: block;
    margin: 0 0 15px;
    font-size: 44px;
    line-height: 1;
    color: #111;
    font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
    font-weight: 400;
}

.faq-block blockquote span {
    display: block;
    font-family: "Museo Sans Cyrl 300", Arial, sans-serif;
    color: #444;
    font-size: 24px;
    line-height: 30px;
}

.btn-wrap {
    text-align: center;
    padding: 10px 0 0;
}

.btn-wrap .btn {
    margin: 0 auto 14px;
}

.btn-wrap span {
    color: #9fa2a4;
    font-family: "Museo Sans Cyrl 300", Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    display: block;
}

.history .heading {
    margin: 0 0 20px;
}

.heading h3,
.heading .control {
    float: none;
}

.heading .control {
    border: none;
    border-bottom: 1px solid #e5e6e6;
}

.heading .control:after {
    clear: both;
    display: block;
    content: '';
}

.heading .control a {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid transparent;
    font-size: 18px;
}

.heading .control .active a {
    border: none;
    border-bottom: 1px solid #91c700;
}

.history-list:before,
.history-list li:after {
    display: none;
}

.tabs .gallery-item {
    flex: 1 0 254px;
}

.history .tabs {
    position: relative;
}

.tabs .history-list {
    position: absolute;
    z-index: -1;
    opacity: 0;
    top: 0;
}

.tabs .history-list.active,
.tabs .history-list:first-child {
    position: relative;
    z-index: 0;
    opacity: 1;
}

.history-list strong {
    color: #91c700;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    font-size: 30px;
    line-height: 30px;
}

.history em {
    color: #111;
}

.hide-d {
    display: none;
}

ul.contacts li span {
    margin: 0;
}

ul.contacts li strong {
    margin: 0 0 8px;
}

ul.contacts li:nth-child(2):before {
    top: 0;
}

ul.contacts li .btn {
    border: 1px solid #91c700;
    color: #111;
    font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

ul.contacts li .btn:hover {
    color: #fff;
    background: #91c700;
}

#wrapper {
    padding-top: 164px;
}

#header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.active-top #header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 65px;
    background: #fff;
    box-shadow: 0 0 40px rgba(2, 7, 11, 0.14);
}

.active-top #header .nav,
.active-top #header .search,
/*.active-top #header .slogan,*/
/*.active-top #header .contacts li:first-child,*/
/*.active-top #header ul.contacts li:before,*/
.active-top #header ul.contacts li span {
    /*display: none;*/
}

/* .active-top #header .logo {
    width: 135px;
    height: 39px;
    top: 8px;
} */

.active-top #header .sab-nav {
/*    position: absolute;
    top: 0;
    left: 186px;
    */
    left: 0 !important;
    font-size: 18px;
}

.active-top #header .sab-nav .hide-d {
    display: block;
}

.active-top #header .contacts {
    top: 8px;
    right: 20px;
    z-index: 100;
}

.active-top #header ul.contacts li {
    /*padding: 0 0 0 16px;
    margin: 0 0 0 15px;*/
    margin: 0 0 0 19px;
}

/* .active-top #header ul.contacts li strong {
    padding: 10px 0 0;
} */

.mb-burger span {
    height: 0;
}

.mb-burger span:before,
.mb-burger span:after {
    height: 3px;
    background: #13141c;
    border-radius: 2px;
    top: -4px;
    width: 25px;
}

.mb-burger span:after {
    top: 4px;
    width: 19px;
}

.mb-open-nav .mb-burger span:before {
    background: #13141c;
}

.mb-open-nav .mb-burger span:after {
    background: #13141c;
    width: 25px;
}

.social-block {
    display: none;
}

.catalog-box {
    display: none;
}

.filter-form .hide-d {
    display: none;
}

.filter-form .sort-box {
    display: none;
}

.product .slideshow .pagination .pagination-slide a:before {
    position: absolute;
    content: '';
    width: 49px;
    height: 32px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url("/local/templates/bania.2.0/images/icon-hover.png") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    opacity: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.product .slideshow .pagination .pagination-slide a:hover:before {
    opacity: 1;
    z-index: 1;
}

.instagram-block {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 54px;
    background: #fff;
    box-shadow: -3px -4px 9px rgba(4, 14, 24, 0.18);
    z-index: 10;
}

.inst-box {
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    height: 54px;
    padding: 10px 25px 10px 50px;
}

.inst-box p {
    margin: 0;
    color: #919191;
    font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
    font-size: 12px;
    line-height: 17px;
}

.inst-box p strong {
    color: #000;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
}

.inst-box p a {
    text-decoration: none;
    color: #919191;
}

.inst-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 54px;
}

.inst-close:after {
    position: absolute;
    content: '';
    width: 11px;
    height: 11px;
    background: url("/local/templates/bania.2.0/images/icon-close.png") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: .6;
    pointer-events: none;
}

.inst-box .icon {
    position: absolute;
    top: 50%;
    left: 8px;
    background: url("/local/templates/bania.2.0/images/icon-inst.png") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    width: 33px;
    height: 32px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.show-m {
    display: none;
}

.history-mob {
    margin: 0 0 60px;
}

.history-mob .item .expanded {
    display: none;
}

.history-mob .item.active .expanded {
    display: block;
}

.history-mob .heading {
    padding: 10px 35px 9px 0;
    border-bottom: 1px solid #efefef;
    position: relative;
    font-size: 19px;
    line-height: 23px;
    color: #111;
}

.history-mob .heading:after {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    border-bottom: 1px solid #838383;
    border-right: 1px solid #838383;
    top: 50%;
    right: 19px;
    margin: -3px 0 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.history-mob .item.active .heading {
    color: #91c700;
}

.history-mob .item.active .heading:after {
    border-bottom: 1px solid #91c700;
    border-right: 1px solid #91c700;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin: 0;
}

.history-mob .expanded {
    padding: 25px 0 0;
}

.history-mob li {
    margin: 0 0 20px;
    position: relative;
    padding: 0 0 0 45px;
    color: #111;
    font-family: "Museo Sans Cyrl 300", Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
}

.history-mob li strong {
    position: absolute;
    color: #91c700;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    top: -2px;
    left: 0;
    display: block;
}

.history-mob li em {
    font-style: normal;
    margin: 0 0 15px;
    color: #111;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    font-size: 17px;
    line-height: 18px;
    display: block;
}

@media only screen and (max-width: 1170px) {
    #wrapper {
        padding-top: 100px;
    }

    .active-top #header .contacts {
        /*right: 56px;*/
    }

    .top-head {
        z-index: 2;
        left: 0;
        right: 0;
        height: 100%;
        background: #fff;
        position: absolute;
        -webkit-box-shadow: 0 0 40px 0 rgba(2, 7, 11, 0.08);
        box-shadow: 0 0 40px 0 rgba(2, 7, 11, 0.08);
    }

    .logo {
        left: 80px;
    }

    .slogan {
        left: 283px;
    }

    #navigation {
        width: 100%;
        max-width: 358px;
        background: #fff;
        box-shadow: 3px 5.2px 29px rgba(4, 14, 24, 0.24);
        left: 0;
        right: auto;
        transform: translate3d(-150%, 0, 0);
        z-index: 2000;
        padding: 185px 24px 20px 20px;
        color: #111;
    }

    .active-top #navigation {
        padding-top: 139px;
    }

    .mb-burger {
        top: 19px;
        left: 7px;
        right: auto;
        position: absolute;
    }

    .active-top .mb-burger {
        top: 0;
    }

    #header .contacts {
        right: 20px;
    }

    .active-top #header .sab-nav {
        position: static;
        top: auto;
        left: auto;
    }

    .sab-nav li {
        float: none;
        display: block;
    }

    .sab-nav li a {
        color: #000;
        font-size: 18px;
        line-height: 36px;
        font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    }

    .hide-d {
        display: block;
    }

    .active-top #header .nav {
        display: block;
    }

    .nav {
        padding: 11px 0 20px 20px;
        margin: 0 0 30px -20px;
        border-bottom: 1px solid #f0f0f0;
    }

    .nav li {
        margin: 0;
    }

    .nav li.hide-m {
        display: none;
    }

    .nav li a {
        color: #474848;
        font-size: 16px;
        line-height: 30px;
    }

    .active-top #navigation .search {
        display: block;
        top: 74px;
    }

    #navigation .search {
        top: 120px;
        right: 24px;
        left: 20px;
        position: absolute;
        margin: 0 0 30px;
        width: auto;
    }

    #navigation .search a {
        display: none;
    }

    #navigation .search .search-form {
        display: block !important;
        height: 35px;
        background: #f3f3f3;
        border-radius: 4px;
        top: auto;
        right: auto;
        position: static;
        border: none;
        height: 35px;
        padding: 0 20px 0 20px;
        width: 100%;
    }

    #navigation .search .search-form input {
        color: #626363;
        font-size: 13px;
        line-height: 14px;
        width: calc(100% - 30px);
    }

    #navigation .search .search-form button {
        -webkit-background-size: 16px 16px;
        background-size: 16px 16px;
        background-position: 50%;
        background-repeat: no-repeat;
    }

    .social-block {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -ms-align-items: center;
        align-items: center;
        padding: 0 0 20px 20px;
        margin: 0 0 0 -20px;
        border-bottom: 1px solid #f0f0f0;
    }

    .social-block span {
        color: #13141c;
        font-size: 12px;
        line-height: 14px;
        margin-right: 5px;
        display: block;
    }

    .list-social {
        font-size: 0;
        line-height: 0;
    }

    .list-social li {
        margin: 0 3px;
        display: inline-block;
        vertical-align: top;
    }

    .list-social li a {
        display: block;
        width: 22px;
        height: 22px;
    }

    .list-social .wts a {
        background: url("/local/templates/bania.2.0/images/whatsapp-icon.svg") no-repeat;
        -webkit-background-size: 100%;
        background-size: 100%;
    }

    .list-social .inst a {
        background: url("/local/templates/bania.2.0/images/instagram-icon.svg") no-repeat;
        -webkit-background-size: 100%;
        background-size: 100%;
    }

    #footer .list-social .inst a {
        background: url("/local/templates/bania.2.0/images/icon-inst.svg") no-repeat;
        background-size: 100%;
    }

    .mob-contacts {
        display: block;
        margin: 0 0 15px;
    }

    .address strong {
        display: block;
        margin: 0 0 10px;
        color: #000;
        font-size: 15px;
        line-height: 17px;
        font-weight: 400;
        font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    }

    .address span {
        display: block;
        color: #626363;
        font-size: 13px;
        font-weight: 400;
        line-height: 14px;
    }

    .mob-contacts a {
        color: #000;
        font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
        font-size: 18px;
        line-height: 17px;
    }

    .filter-form .list-check-filter {
        -webkit-columns: 1;
        -moz-columns: 1;
        -o-columns: 1;
        columns: 1;
    }

    .projects-block {
        padding: 10px 0 0;
    }

    .projects .items .item,
    .projects-block .projects .items .item:nth-child(3n+3) {
        margin: 0 30px 28px 0;
    }

    .sab-nav li:hover a,
    .sab-nav li a:hover {
        color: #000;
    }

    .sab-nav > li:hover > a:before {
        opacity: 0;
    }

    .sab-nav > li:hover > a:after {
        display: none;
    }

    .sab-nav li:hover .drop {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        max-width: 358px;
        background: #fff;
        box-shadow: 3px 5.2px 29px rgba(4, 14, 24, 0.24);
        left: 0;
        top: 0;
        transform: translate3d(-150%, 0, 0);
        z-index: 0;
        padding: 109px 24px 20px 83px;
        overflow-y: auto;
        z-index: 2;
        transition: transform .3s ease;
    }

    .sab-nav li:hover .drop.open-drop {
        transform: translate3d(0, 0, 0);
    }

    .sab-nav .drop .btn-back {
        display: block;
        position: absolute;
        top: 120px;
        left: 20px;
        padding: 0 0 0 20px;
        color: #474848;
        font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
        font-size: 16px;
        line-height: 20px;
    }

    .btn-back:after {
        position: absolute;
        content: '';
        top: 50%;
        left: 0;
        width: 5px;
        height: 5px;
        margin: -3px 0 0;
        border-top: 1px solid #474848;
        border-left: 1px solid #474848;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .sab-nav li .drop ul {
        width: auto;
        -webkit-columns: 1;
        -moz-columns: 1;
        -o-columns: 1;
        columns: 1;
    }

    .drop ul > li > a {
        color: #000;
        font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
        font-size: 18px;
        line-height: 33px;
    }

    .drop .all a {
        color: #474848;
        font-size: 14px;
        line-height: 30px;
    }

    .drop .more-nav {
        display: none;
    }

    .sab-nav li .drop ul.sub-menu,
    .sab-nav li .drop ul.more-list {
        display: block;
    }

    .sab-nav li .drop ul.sub-menu a {
        font-size: 14px;
        line-height: 30px;
    }

    .sub-menu li:after {
        top: 13px;
    }

}

@media only screen and (max-width: 960px) {
    .info-list li {
        width: 48%;
    }

    .article-info .information .visual img {
        width: 100%;
    }

    .article_text {
        padding: 0;
    }

    .filter-form .btn-holder {
        display: block;
    }

    .wrap-quote .left .text-quote {
        padding: 0;
    }

    .window-box .item-img {
        margin: 0 0 -130px;
    }

    .doors-box .item-img {
        width: 50%;
        margin: 0 auto -20px;
    }

    .item-info.roof-box .row {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }

    .item-info .col-60,
    .item-info .col-40 {
        width: 100%;
        float: none;
    }

    .item-info .col-60 {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        -o-order: 1;
        order: 1;
    }

    .item-info .col-40 {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        -o-order: 2;
        order: 2;
    }

    .roof-box .item-img {
        margin: 0 0 -120px;
    }

    .item-info.branch-box .row {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }

    .item-info.branch-box .col-50:first-child {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        -o-order: 2;
        order: 2;
    }

    .item-info.branch-box .col-50 {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        -o-order: 1;
        order: 1;
    }

    .branch-box .item-img {
        margin: 0 0 -40px;
    }

    .faq-block {
        padding: 50px 25px;
    }

    .articles .item .visual .img.big {
        width: 100%;
    }
}

@media (max-width: 768px) {
    body {
        font-size: 18px;
    }

    #wrapper {
        padding-top: 54px;
        margin-top: 0;
        /*overflow: visible;*/
        /* position: static; */
    }
    /*
    #promo,
    #main,
    #footer {
        overflow-x: hidden;
    }
    */
    .info, .about_block, .main-content-box{
        overflow: hidden;
    }
    #footer {
        overflow-x: hidden;
    }
    .container {
        padding: 0 83px;
    }

    .active-top #header,
    #header {
        height: 54px;
        position: fixed;
    }

    .active-top #header {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #header .contacts {
        top: 10px;
    }

    .active-top #header .logo,
    .logo {
        left: 50%;
        width: 124px;
        height: 17px;
        /*background: url("/local/templates/bania.2.0/images/logo-mob.png") no-repeat;*/
        background: url("/local/templates/bania.2.0/images/logo-mob.svg") no-repeat !important;
        -webkit-background-size: 100%;
        background-size: 100%;
        margin: 0 0 0 -62px;
        top: 19px;
    }

    .slogan {
        display: none;
    }

    .mb-burger {
        top: 0;
        left: 71px;
        right: auto;
    }

    .active-top #header .contacts,
    #header .contacts {
        /* top: 0;
         right: 73px;*/
    }

    ul.contacts li .btn {
        text-indent: -9999px;
        overflow: hidden;
        border: none;
        width: 50px;
        height: 50px;
        position: relative;
        background: transparent;
        border-radius: 0;
        min-width: auto;
    }

    ul.contacts li .btn:after {
        position: absolute;
        content: '';
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 18px;
        height: 18px;
        background: url("/local/templates/bania.2.0/images/icon-phone.png") no-repeat;
        -webkit-background-size: 100%;
        background-size: 100%;
    }

    #navigation {
        padding: 139px 24px 20px 83px;
    }

    .social-block {
        margin: 0 0 0 -83px;
        padding: 0 0 20px 83px;
    }

    .nav {
        margin: 0 0 30px -83px;
        padding: 11px 0 20px 83px;
    }

    #navigation .search {
        top: 74px;
        left: 83px;
    }

    .info-list li {
        width: 100%;
    }

    #promo {
        height: auto;
        padding-bottom: 20px;
        padding-top: 32px;
        background: url("/local/templates/bania.2.0/images/card-img-bg-03.webp") no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: 0 100%;
    }

    #promo picture {
        display: none;
    }

    #promo .text .buttons li {
        margin-bottom: 20px;
    }

    #promo .text .buttons li.works_btn {
        display: block;
    }

    #promo h1 {
        font-size: 50px;
        line-height: 50px;
    }

    #promo .text p {
        font-size: 15px;
        line-height: 20px;
        padding: 0;
        max-width: 270px;
    }

    .building .visual {
        height: auto;
        line-height: 1;
    }

    #promo .more {
        display: none;
    }

    #footer .copyright,
    #footer .by {
        display: block;
        width: 100%;
        clear: both;
    }

    #footer .by {
        margin: 0 0 20px;
    }

    .info-list li {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-align-items: center;
        align-items: center;
    }

    .info-list li .visual {
        padding: 0;
        width: 44px;
        min-width: 44px;
    }

    .info-list li strong {
        padding: 0 0 0 20px;
        width: calc(100% - 44px);
    }

    .info-list li p {
        width: 100%;
    }

    .article .article_text .list-testimonial,
    .article .article_text .list-check {
        padding: 0;
    }

    .list-testimonial .icon {
        padding: 0;
        width: 49px;
    }

    .list-testimonial .desc {
        padding: 0 0 0 15px;
    }

    .list-content {
        -webkit-columns: 1;
        -moz-columns: 1;
        -o-columns: 1;
        columns: 1;
    }

    .article-info h1 {
        font-size: 38px;
        line-height: 38px;
    }

    .article-title {
        font-size: 36px;
        line-height: 40px;
    }

    .article_text .title-info {
        font-size: 20px;
    }

    .article .article_text .list-check li {
        padding: 0 0 0 54px;
    }

    .article .article_text .list-check li:before {
        width: 36px;
        height: 36px;
    }

    .list-check .desc {
        font-size: 18px;
    }

    .article_text .list-info,
    .article_text .list-info-num {
        padding: 5px 10px 0;
    }

    .sides-block {
        padding: 25px 24px 22px;
    }

    .sides-block .inner-sides {
        padding: 0 0 0 32px;
    }

    .sides-block .inner-sides:after {
        width: 22px;
        height: 22px;
        top: 2px;
    }

    .user-block {
        float: none;
        margin: 0 0 20px;
    }

    .list-content.three_columns {
        -webkit-columns: 2;
        -moz-columns: 2;
        -o-columns: 2;
        columns: 2;
    }

    .title-list-info {
        font-size: 22px;
    }

    .warning_block {
        padding: 21px 24px 20px;
    }

    .inner-warning {
        padding: 0 0 0 43px;
        font-size: 18px;
    }

    .inner-warning:after {
        width: 39px;
        height: 39px;
    }

    .inner-warning .warning {
        font-size: 20px;
        line-height: 26px;
    }

    .warning_block .list-info {
        padding: 0;
    }

    .wrap-catalog .filter,
    .projects-block {
        width: 100%;
    }

    .catalog-sections-box.decstop,
    .sort {
        display: none;
    }

    .wrap-catalog {
        padding: 43px 15px 0;
        /* width: 100%; */
    }

    .mob-nav-filter i {
        width: 26px;
        height: 26px;
        background: url("/local/templates/bania.2.0/images/icon-filter.svg") no-repeat;
        -webkit-background-size: 100%;
        background-size: 100%;
        display: inline-block;
        vertical-align: middle;
        line-height: 41px;
        font-size: 26px;
        margin-right: 15px;
    }

    .mob-nav-filter {
        background: #fff;
        border: 1px solid #dbdedf;
        border-radius: 4px;
        height: 43px;
        line-height: 41px;
    }

    .mob-filter {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        padding: 74px 83px 34px;
        overflow-y: auto;
        background: #fff;
        height: 100%;
        z-index: 100;
        transform: translate3d(-150%, 0, 0);
        transition: transform .3s ease;
    }

    .active-filter .mob-filter {
        transform: translate3d(0, 0, 0);
    }

    .catalog-box {
        display: block;
        margin: 0 0 20px;
    }

    .filter ul.sections-list {
        -webkit-columns: 1;
        -moz-columns: 1;
        -o-columns: 1;
        columns: 1;
        margin: 0;
    }

    .sections-list li {
        display: inline-block;
        vertical-align: top;
        margin: 0 10px 10px 0;
    }

    .sections-list a {
        color: #8b8d8d;
        font-size: 13px;
        line-height: 20px;
        display: block;
    }

    .catalog-box .sub-sections-more {
        position: static;
        top: auto;
        right: auto;
        display: block;
    }

    .filter-form {
        position: relative;
    }

    .filter-form .hide-d {
        display: block;
    }

    .filter-form .hide-m {
        display: none;
    }

    .filter-form .btn-link {
        position: absolute;
        top: 10px;
        left: 0;
        border-bottom: none;
    }

    .close-filter {
        position: absolute;
        top: 10px;
        right: 0;
        width: 11px;
        height: 11px;
        background: url("/local/templates/bania.2.0/images/icon-close.png") no-repeat;
        -webkit-background-size: 100%;
        background-size: 100%;
    }

    .title-filter {
        display: block;
        margin: 0 0 30px;
        text-align: center;
        color: #474848;
        font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 30px;
    }

    .filter-form .sort-box {
        display: block;
        margin: 0 0 30px;
        position: relative;
    }

    .sort-box .angle {
        position: absolute;
        top: 1px;
        right: 1px;
        width: 41px;
        height: 41px;
        background: #fff;
        border-radius: 0 4px 4px 0;
    }

    .sort-box .angle:after {
        position: absolute;
        content: '';
        top: 50%;
        left: 50%;
        width: 4px;
        height: 4px;
        border-bottom: 1px solid #13141c;
        border-right: 1px solid #13141c;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        margin: -2px 0 0 -2px;
        pointer-events: none;
    }

    .sort-box select {
        color: #13141c;
        font-size: 14px;
        line-height: 20px;
        padding: 0 20px;
        background: #fff;
        height: 43px;
        border: 1px solid #dbdedf;
        border-radius: 4px;
        display: block;
        width: 100%;
    }

    .window-box .item-img {
        margin: 0 0 -60px;
    }

    .doors-box .item-img {
        width: 70%;
    }

    .faq-block .col-60,
    .faq-block .col-40 {
        width: 100%;
        float: none;
    }

    .faq-block blockquote {
        padding: 10px 0 0 36px;
        margin: 0 0 30px;
    }

    .faq-block blockquote:before {
        font-size: 110px;
        line-height: 100px;
    }

    .faq-block blockquote strong {
        font-size: 34px;
    }

    .faq-block blockquote span {
        font-size: 18px;
        line-height: 24px;
    }

    .title-block {
        font-size: 32px;
    }

    .product .slideshow .slides .slide .img {
        -webkit-background-size: cover;
        background-size: cover;
    }

    .articles {
        margin: 0;
    }

    .articles .item {
        padding: 0;
    }

    .articles .item:first-child {
        float: none;
    }

    .articles .item .visual {
        float: none;
        margin: 0 0 13px;
    }

    .articles .item:first-child .text {
        position: static;
        bottom: auto;
        left: auto;
        right: auto;
        padding: 3px 0 0;
        color: #111;
    }

    .articles .item:first-child a:after {
        display: none;
    }

    .articles .item:first-child em {
        font-size: 13px;
        line-height: 22px;
        font-style: normal;
        margin: 0 0 11px;
        display: block;
        color: #626363;
        letter-spacing: -0.005em;
    }

    .articles .item:first-child .text h4 {
        font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        margin: 0 0 15px;
        font-size: 21px;
        line-height: 24px;
        letter-spacing: -0.005em;
    }

    .articles .item:first-child .text p {
        display: block;
        font-size: 16px;
        line-height: 24px;
    }

    .sab-nav li .drop {
        padding: 109px 24px 20px 83px;
    }

    .sab-nav .drop .btn-back {
        top: 74px;
        left: 83px;
    }

    .preview {
        width: 43%;
    }

    .instagram-block {
        display: block;
    }

    .top-anhor {
        bottom: 90px;
    }

    .show-d {
        display: none;
    }

    .show-m {
        display: block;
    }
}

@media only screen and (max-width: 700px) {
    .similar_projects-block h4 {
        font-size: 30px;
        line-height: 36px;
    }

    #promo .text .buttons {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -ms-align-items: center;
        align-items: center;
        margin: 0 0 0 -15px;
        flex-wrap: wrap;
    }

    #promo .text .buttons li {
        float: none;
        margin: 0 0 20px 15px;
    }

    #promo .text .buttons a {
        height: 43px;
        line-height: 39px;
        font-size: 16px;
        min-width: 148px;
    }

    .product .sidebar .btn {
        display: block;
        vertical-align: top;
    }
}

@media only screen and (max-width: 600px) {
    .preview {
        width: 240px;
        float: none;
    }

    .desc-option {
        padding-left: 15px;
    }

    #promo {
        padding-top: 30px;
        padding-bottom: 28px;
    }

    #promo h1 {
        font-size: 36px;
        line-height: 30px;
        margin: 0 0 21px;
    }

    #promo .text p {
        margin: 0 0 24px;
    }
}

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

    .active-top #header .contacts,
    #header .contacts {
        /*right: 10px;*/
    }

    .mb-burger {
        left: 8px;
    }

    #navigation {
        padding: 139px 24px 20px 20px;
    }

    .social-block {
        margin: 0 0 0 -20px;
        padding: 0 0 20px 20px;
    }

    .nav {
        margin: 0 0 30px -20px;
        padding: 11px 0 20px 20px;
    }

    #navigation .search {
        left: 20px;
    }

    .building .bathhouses,
    .building .houses {
        padding: 0 0 75px 25px;
    }

    .building .bathhouses h3:before {
        left: -36px;
    }

    .article-info h1 {
        font-size: 32px;
        line-height: 32px;
    }

    .content_article-box {
        padding: 27px 0px 35px 24px;
    }

    .article-title {
        font-size: 28px;
        line-height: 32px;
    }

    .list-testimonial .icon {
        float: none;
        margin: 0 0 15px;
        height: auto;
    }

    .list-testimonial .desc,
    .article .article_text .list-check li,
    .sides-block .inner-sides {
        padding: 0;
    }

    .article .article_text .list-check li:before {
        top: -3px;
    }

    .list-check .title-list {
        padding: 0 0 0 54px;
        font-size: 20px;
        line-height: 26px;
        margin: 0 0 15px;
    }

    .sides-block {
        margin: 0 -20px 31px;
    }

    .sides-block .title-box {
        padding: 0 0 0 32px;
    }

    .list-content.three_columns {
        -webkit-columns: 1;
        -moz-columns: 1;
        -o-columns: 1;
        columns: 1;
    }

    .wrap-img .article-img {
        width: 100%;
        margin: 0 0 32px;
    }

    .title-list-info {
        font-size: 20px;
    }

    .warning_block {
        margin: 0 -20px 48px;
    }

    .list-content {
        padding: 0;
    }

    .article-info .information .visual span {
        height: auto;
        line-height: 1;
        padding: 2px 7px 2px 9px;
        bottom: 5px;
    }

    .mob-filter {
        padding: 74px 20px 34px;
    }

    .title-filter {
        text-align: left;
    }

    .filter-form .btn-link {
        top: 30px;
    }

    .faq-block {
        margin: 0 -20px;
        padding: 30px 20px;
    }

    .branch-box .item-img {
        margin: 0 0 20px;
    }

    .window-box .item-img {
        margin: 0;
    }

    .product .price strong {
        font-size: 34px;
    }

    .doors-box .item-img {
        width: 100%;
    }

    .item-img .icon {
        right: -20px;
    }

    #promo .text {
        width: auto;
    }

    #promo .text .buttons {
        margin: 0 0 0 -10px;
    }

    #promo .text .buttons li {
        margin: 0 0 20px 10px;
    }

    #promo .text .buttons a {
        padding: 0 5px;
        min-width: 135px;
    }

    .sab-nav li:hover .drop {
        padding: 109px 24px 20px 20px;
    }

    .sab-nav .drop .btn-back {
        left: 20px;
    }

    .history-mob .heading {
        font-size: 18px;
    }
}

/* end new style 16.06.2020 */

.logo {
    background-image: url(/local/templates/bania.3.1/images/logo.svg);
}

.bx-filter .bx-filter-parameters-box .h5,
.bx-filter .bx-filter-parameters-box h5 {
    margin: 0;
    display: block;
    cursor: pointer;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
}

.bx-filter .bx-filter-parameters-box .h5 span,
.bx-filter .bx-filter-parameters-box h5 span {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 0;
    position: relative;
    border-bottom: 2px dotted #83848c;
    font-size: 16px;
    line-height: 1;
}

.bx-filter .bx-filter-parameters-box.bx-active h5 span:after {
    position: absolute;
    content: '';
    top: 50%;
    right: -15px;
    width: 3px;
    height: 3px;
    border-top: 1px solid #816c56;
    border-right: 1px solid #816c56;
    transform: rotate(-45deg);
    transition: all .2s linear;
}

.bx-filter .bx-filter-parameters-box .h5 span:after,
.bx-filter .bx-filter-parameters-box h5 span:after {
    position: absolute;
    content: '';
    top: 50%;
    right: -15px;
    width: 3px;
    height: 3px;
    border-top: 1px solid #816c56;
    border-right: 1px solid #816c56;
    transition: all .2s linear;
    transform: rotate(135deg);
}

.bx-filter .bx-filter-input-checkbox .bx-filter-param-text {
    font-family: "Museo Sans Cyrl 300", Arial, sans-serif;
    font-size: 15px;
    line-height: 19px;
    font-weight: 400;
    color: #13141c;
    text-transform: none;
}

.filter input[type="checkbox"] + span:after {
    border-radius: 0;
    border: none;
    content: '';
    position: absolute;
    top: 5px;
    left: 8px;
    width: 12px;
    height: 9px;
    background: url("/local/templates/bania.3.1/images/icon-check.png") no-repeat;
    background-size: auto;
    background-size: 100%;
    transition: .2s;
}

.filter input[type="checkbox"] + span:before {
    content: '';
    transform: scale(1);
    margin: 0;
    position: absolute;
    top: 0;
    left: 4px;
    width: 19px;
    height: 19px;
    border: 1px solid #dddfe2;
    border-radius: 4px;
    transition: .2s;
    box-sizing: border-box;
}

.filter input[type="checkbox"]:checked + span:before {
    background-color: #f92154;
    border-color: #f92154;
}

.bx-filter-parameters-box-container .checkbox {
    margin-bottom: 5px;
}

.bx-filter .bx-filter-parameters-box .bx-filter-container-modef {
    position: absolute;
    right: 0;
    top: 0;
}

.sab-nav li a.arrow {
    position: relative;
}

.sab-nav > li > a::before {
    opacity: 1;
}

.active-top #header .sab-nav .last-item a:before {
    display: none;
}

/* .sab-nav li .drop.level-2 { display: none; } */
@media (max-width: 768px) {
    .catalog-sections-box {
        display: none;
    }

    .sab-nav li .drop {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        max-width: 358px;
        background: #fff;
        box-shadow: 3px 5.2px 29px rgba(4, 14, 24, 0.24);
        left: 0;
        top: 0;
        transform: translate3d(-150%, 0, 0);
        z-index: 0;
        padding: 109px 24px 20px 83px;
        overflow-y: auto;
        /* z-index: 2; */
        transition: transform .3s ease;
    }

    .sab-nav li .drop.open-drop {
        transform: translate3d(0, 0, 0);
    }

    /* .sab-nav li .drop.level-1.level_down {
		z-index: -1;
	} */
    /* .sab-nav li .drop.level-1.level_down li {
		z-index: -1;
	}
	.sab-nav li .drop.level-2.open-drop {
		z-index: 10;
	}
	.sab-nav li .drop.level-2.open-drop li{
		z-index: 50;
	} */
    .sab-nav > li > a:before {
        opacity: 0;
    }

    .nav li a:hover {
        color: #91c700
    }

    .sab-nav li > .drop * {
        z-index: auto;
    }

    .sab-nav {
        z-index: 2;
    }

    .sab-nav li .drop {
        z-index: 2;
    }

}

@media (max-width: 480px) {
    .sab-nav li .drop {
        padding: 109px 24px 20px 20px;
    }
}

.catalog-detail.product .slideshow .slides .slide a {
    display: block;
    position: relative;
}

.catalog-detail.product .slideshow .slides .slide a img {
    height: auto;
    width: auto;
}

.catalog-detail.product .slideshow .slides {
    height: 425px;
    overflow: hidden;
}

@media (max-width: 480px) {
    .catalog-detail.product .slideshow .slides {
        height: 300px;
        overflow: hidden;
    }
}


.information h4 {
    font-size: 28px;
    line-height: 1.2;
    margin: 0 0 18px;
    font-family: "Museo Sans Cyrl 500";
    font-weight: normal;
}

.product .slideshow .pagination .pagination-slide.project-nav a {
    border: 1px solid #91c700;
    display: flex;
    align-items: center;
    text-align: center;
}

.product .slideshow .pagination .pagination-slide.project-nav a span {
    font-size: 14px;
    line-height: 1.1;
    padding: 0 10px;
}

.product .slideshow .pagination .pagination-slide.project-nav a:before, .product .slideshow .pagination .pagination-slide.project-nav a:after {
    display: none;
}

.catalog-sections-box .sub-sections-list .hide-item {
    display: block;
}

.catalog-sections-box .sub-sections-more {
    display: none;
}

/* style for new article 18.03.2021 */

.view_article .product {
    padding: 6px 0 0;
    margin: 0 0 7px;
}

.flag {
    position: absolute;
    top: 20px;
    right: 0;
    border-radius: 7px;
    color: #fff;
    font-size: 18px;
    line-height: 21px;
    font-weight: 700;
}

.flag_new {
    display: block;
    padding: 1px 12px;
    background: rgba(249, 14, 69, .92);
}

.view_article .product .sidebar .credit-row-2 {
    padding: 0 0 22px;
    margin: -20px 0 13px;
}

.view_article .credit-row-2 .credit-box {
    padding: 15px 0 0;
}

.view_article .credit-row-2 .credit-box .title {
    padding: 0 0 14px;
}

.view_article .product .price strong {
    margin: 0 0 5px;
}

.view_article .product .sidebar .btn {
    margin: -8px 0 0;
}

.view_article .sidebar .block {
    padding-bottom: 22px;
    margin: 0 0 11px;
}

.view_article .product .consult-form legend {
    background: none;
    padding: 19px 25px 10px 56px;
    font-size: 18px;
}

.view_article .product .consult-form legend:after {
    width: 32px;
    height: 32px;
    top: 13px;
    left: 15px;
}

.view_article .product .consult-form .row {
    margin: 0 0 19px !important;
}

.view_article .consult-form .row .phone + span {
    text-align: left;
}

.view_article .plans-box {
    margin: -4px 0 30px;
}

.view_article .plans-box h3 {
    font-size: 27px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.005em;
    margin: 0 0 12px;
}

.view_article .plans-box .left-box,
.view_article .plans-box .right-box {
    width: 48.5%;
}

.view_article .plans-box a {
    display: block;
    overflow: hidden;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    position: relative;
    text-align: center;
}

.view_article .plans-box a .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #91c700;
    border: 1px solid #91c700;
    transition: all .2s linear;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    font-size: 18px;
    width: 100%;
    max-width: 212px;
    display: block;
    color: #fff;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 30px;
    min-width: auto;
    margin: 0;
}

.view_article .plans-box a:hover .btn {
    background: #f3152f;
    border-color: #f3152f;
}

.view_article .plans-box a .btn .icon {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 7px 0 0;
    width: 25px;
    height: 24px;
    background: url("/local/templates/bania.2.0/images/va_icon-3d.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.view_article .item-info {
    border-bottom: 1px solid #e5e6e6;
    margin: 0 0 45px;
}

.view_article .item-info .title-block {
    margin: 0 0 51px;
}

.view_article .info-box {
    padding: 0 39px;
}

.price_block {
    padding: 15px 0 0;
    margin: 0 0 0;
}

.price_block .heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 0;
}

.price_block .title-list {
    width: 56%;
    color: #000;
    font-size: 33px;
    line-height: 36px;
    font-weight: 500;
    margin: 0 0 30px;
}

.price_block .eco-box {
    width: 44%;
    padding: 13px 0 0 79px;
    position: relative;
    color: #111;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
}

.price_block .eco-box strong {
    font-weight: 700;
}

.price_block .eco-box:after {
    position: absolute;
    content: '';
    top: 18px;
    left: 0;
    width: 57px;
    height: 32px;
    background: url("/local/templates/bania.3.1/images/eco.svg") no-repeat;
    background-size: 100%;
    right: auto;
}

.price_block .list-check.small {
    padding: 0;
    columns: 2;
    margin: 0 0 29px;
}

.price_block .list-check.small li {
    padding: 0 15px 0 24%;
    margin: 0 0 24px;
}

.price_block .list-check.small li:after {
    left: 14.5%;
    top: 0;
}

.view_article .warning {
    padding: 1px 0 0 45px;
}

.view_article .warning:after {
    clear: both;
    display: block;
    left: 0;
}

.view_article .warning .icon {
    float: left;
    width: 67px;
    text-align: center;
}

.view_article .warning .desc-info {
    overflow: hidden;
}

.materials_block {
    padding: 46px 0 0;
    margin: 0 0 0;
}

.view_article .materials_block .title-box {
    margin: 0 0 54px;
}

.list_materials {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 25px;
}

.list_materials li {
    padding: 0 38px;
    margin: 0 0 30px;
    flex: 0 1 250px;
    text-align: center;
}

.list_materials li a {
    display: block;
}

.list_materials .img-box {
    position: relative;
    width: 100%;
    margin: 0 0 30px;
    overflow: hidden;
    border-radius: 50%;
}

.list_materials .img-box img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.list_materials .img-box:before {
    padding: 100% 0 0;
    content: '';
    display: block;
}

.list_materials .img-box:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #91c700;
    opacity: 0;
    transition: all 0.3s linear;
}

.list_materials .img-box .view {
    position: absolute;
    width: 49px;
    height: 32px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url("/local/templates/bania.2.0/images/icon-hover.png") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    opacity: 0;
    transition: all .2s linear;
    z-index: 1;
}

.list_materials a:hover .img-box:after,
.list_materials a:hover .img-box .view {
    opacity: 1;
}

.list_materials .btn {
    color: #fff;
    font-size: 15px;
    line-height: 38px;
    font-weight: 700;
    display: block;
    width: 100%;
    max-width: 132px;
    padding: 0 10px;
    height: 38px;
    background: #91c700;
    border-radius: 18px;
    transition: all .2s linear;
    margin: 0 auto;
}

.list_materials a:hover .btn {
    background: #f3152f;
}

.apparatus_block {
    margin: -15px 0 57px;
}

.apparatus_block .list-options .consultation:before {
    display: none;
}

.device_block {
    padding: 20px 0 0;
    margin: 0 0 0;
}

.device_block .list_materials {
    margin: 0 0 5px;
}

.materials_dscr {
    color: #111;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    margin: -3px -15px 0;
}

.materials_dscr strong {
    font-weight: 700;
    display: block;
    padding: 0 15px;
}

.facing_block {
    padding: 13px 0 0;
}

.facing_block .list_materials li {
    margin: 0 0 47px;
}

.facing_block .dscr {
    font-weight: 700;
    color: #111;
    font-size: 18px;
    line-height: 24px;
    margin: -4px 0 0;
}

.view_article .item-info.roof-box {
    padding: 22px 0 0;
    border: none;
}

.view_article .roof-box .title-block {
    margin: 0 0 38px;
}

.view_article .roof-box .text {
    margin: 0;
}

.view_article .roof-box p {
    margin: 0 0 61px;
}

.view_article .share-info {
    padding: 0 20px 0 117px;
}

.view_article .share-info .icon {
    left: 44px;
}

.view_article .roof-box .item-img {
    margin: -111px 0 -60px 0;
    padding: 0 0 0 85px;
}

.view_article .branch-box {
    padding: 40px 0 0;
    border: none;
    margin: 0 0 59px;
}

.view_article .branch-box .title-block {
    margin: 0 0 59px;
}

.view_article .branch-box .warning {
    margin: 0 0 84px;
}

.view_article .list-branch > li {
    margin: 0 0 33px;
}

.view_article .list-branch > li .preview {
    width: 43%;
    margin: 0;
    display: flex;
}

.view_article .list-branch > li .preview .inner-preview {
    position: relative;
    width: 240px;
}

.view_article .list-branch > li:nth-child(odd) .preview {
    padding: 0 7% 0 15px;
    justify-content: flex-end;
}

.view_article .list-branch > li:nth-child(even) .preview {
    padding: 0 0 0 7%;
}

.view_article .list-branch > li:nth-child(odd) .desc-option {
    padding: 0 0 0 64px;
}

.view_article .list-branch li .desc-option {
    padding: 0 0 0 64px;
    width: 57%;
}

.view_article .list-branch li:nth-child(even) .desc-option {
    padding: 0 0 0 31px;
}

.view_article .list-branch li .text-wrap {
    margin: 0 0 0 -6px;
    padding: 0 0 0 20px;
}

.view_article .list-branch li:nth-child(even) .text-wrap {
    margin: 0 0 0 0;
}

.view_article .list-branch li .text-wrap:after {
    left: 0;
    top: -4px;
    bottom: 4px;
}

.view_article .list-branch .list-check li {
    padding: 0 0 0 52px;
    margin: 0 0 24px;
}

.view_article .list-branch .list-check li:first-child {
    max-width: 100%;
}

.view_article .list-branch .list-check li:after {
    top: -5px;
    margin: 0;
    left: 0;
    width: 32px;
    height: 32px;
}

@media only screen and (max-width: 960px) {
    .price_block .list-check.small li {
        padding: 0 15px 0 12%;
    }

    .price_block .list-check.small li:after {
        left: 0;
    }

    .view_article .roof-box .item-img {
        margin: 0;
        padding: 0;
    }

    .view_article .roof-box .text {
        margin: 0 0 40px;
    }
}

@media only screen and (max-width: 768px) {
    .view_article {
        overflow: visible;
    }

    .view_article .plans-box .left-box,
    .view_article .plans-box .right-box,
    .price_block .title-list,
    .price_block .eco-box {
        width: 100%;
    }

    .price_block .eco-box:after {
        top: 8px;
    }

    .price_block .list-check.small {
        columns: 1;
        margin: 0;
    }

    .price_block .list-check.small li {
        padding: 0 0 0 40px;
    }

    .view_article .info-box {
        padding: 0;
    }

    .price_block .title-list {
        font-size: 28px;
        line-height: 31px;
    }

    .view_article .warning {
        padding-left: 0;
    }

    .view_article .warning:after {
        left: -20px;
    }

    .list_materials {
        margin: 0 -15px 0;
    }

    .list_materials li {
        padding: 0 15px;
    }

    .materials_dscr {
        margin: -3px 0 0;
    }

    .materials_dscr strong {
        padding: 0;
    }

    .view_article .share-info {
        padding: 0 0 0 60px;
    }

    .view_article .share-info .icon {
        left: 0;
    }

    .view_article .roof-box p {
        margin: 0 0 40px;
    }

    .view_article .list-branch > li .preview {
        width: 100%;
        display: block;
        margin: 0 auto 30px;
    }

    .view_article .list-branch > li:nth-child(odd) .preview,
    .view_article .list-branch > li:nth-child(even) .preview {
        padding: 0;
    }

    .view_article .list-branch li .desc-option {
        width: 100%;
    }

    .view_article .list-branch li .desc-option,
    .view_article .list-branch li:nth-child(even) .desc-option,
    .view_article .list-branch > li:nth-child(odd) .desc-option {
        padding: 0;
    }

    #hidden-content .product-details {
        width: 100%;
        max-width: 600px;
    }

    #hidden-content .product-details .recall .col {
        width: calc(100% - 190px);
    }

    #hidden-content .product-details .recall .col + .col {
        width: 175px;
    }
}

@media only screen and (max-width: 700px) {
    .list_materials li {
        flex: 0 1 auto;
        width: 50%;
    }

    #hidden-content .product-details .frame .price {
        float: none;
        margin: 0 0 15px;
    }
}

@media only screen and (max-width: 600px) {
    #hidden-content {
        padding: 30px 25px;
    }

    #hidden-content .product-details .recall legend {
        font-size: 34px;
        line-height: 1;
    }

    #hidden-content .product-details .frame {
        margin: 0 -25px 27px;
        padding: 16px 25px 17px;
    }

    #hidden-content .product-details .recall {
        margin: 0 -25px -30px;
        padding: 27px 25px 30px;
    }

    #hidden-content .product-details .recall .col + .col,
    #hidden-content .product-details .recall .col {
        width: 100%;
        float: none;
    }

    #hidden-content .product-details h4 {
        margin: 0 0 26px;
    }
}

@media only screen and (max-width: 480px) {
    .list_materials {
        justify-content: center;
    }

    .list_materials li {
        width: auto;
        flex: 0 1 250px;
    }

    .view_article .warning .icon {
        width: 36px;
    }

    #hidden-content .product-details .frame .price strong {
        font-size: 28px;
        line-height: 1;
    }

    #hidden-content .product-details .frame ul li {
        padding: 0 10px 0 0;
        margin: 0 7px 0 0;
    }

    #hidden-content .product-details .recall legend {
        font-size: 26px;
    }

    #hidden-content .product-details .recall p {
        background-size: 30px 28px;
        padding: 0 0 0 44px;
    }
}

/* end style for new article 18.03.2021 */
.projects-block .services {
    padding-top: 30px;
}

.projects-block .services ul li {
    width: 410px;
}

.projects-block .services ul .visual .img {
    width: 220px;
    height: 160px;
}

.projects-block .services ul .visual {
    margin-right: 20px;
}

.projects-block .services ul .text {
    margin: 0;
}

#footer .list-social li.zen a {
    background-image: url(/local/templates/bania.3.1/images/icon-zen.svg);
    background-size: 100%;
}

@media screen and (max-width: 1170px) {
    .filter .catalog-sections-box ul.sub-sections-list {
        columns: 1;
    }
}


.article img {
    max-width: 540px;
    margin: 39px auto;
    border-radius: 3px;
    display: block;
}

.render-3d-box {
    display: none;
    max-width: 940px;
    max-height: 600px;
    min-width: 640px;
    min-height: 480px;
    padding: 0;
    position: relative;
    margin: 0 auto;
}

.render-3d-box iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* .fancybox-slide::before {
    height: 1%;
} */

/* .fancybox-slide{
    flex: 0 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
} */
.fancybox-slide:before,
.fancybox-slide:after{
    content: "";
    flex: 0 0 0;
    margin: auto;
}

@media (max-width: 768px) {
    .article img {
        width: 100%;
    }

    .render-3d-box {
        min-width: 320px;
        min-height: 320px;
    }
}


.plans-box .btn_holder {
    padding: 76px 0 0;
    clear: both;
}

.plans-box .slick-list {
    overflow: visible;
}

.btn_3d {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border: 3px solid #A8CD14;
    box-sizing: border-box;
    border-radius: 2px;
    width: 100%;
    padding: 17px 15px 15px 38px;
    text-decoration: none;
    color: #000;
    transition: all .2s linear;
    margin: 0 auto;
    max-width: 394px;
}

.btn_3d .icon {
    width: 32px;
    display: block;
    margin: 0 0 5px;
}

.btn_3d .dscr {
    width: calc(100% - 32px);
    padding: 0 0 0 21px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.btn_3d .dscr strong {
    font-weight: 600;
    font-size: 15px;
    line-height: 1.1;
    color: #000000;
    display: block;
    width: 89px;
    margin: 0 0 5px;
}

.btn_3d .dscr em {
    font-style: normal;
    position: relative;
    display: block;
}

.btn_3d .dscr em:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #91C700;
    transition: all .2s linear;
    opacity: 1;
}

.btn_3d .dscr span {
    display: block;
    font-weight: normal;
    font-size: 11px;
    line-height: 1;
    color: #8D8D8D;
    width: calc(100% - 89px);
    padding: 0 0 0 29px;
    margin: 0 0 5px;
}

.btn_3d:hover .dscr em:after {
    opacity: 0;
}

@media screen and (max-width: 1200px) {
    .plans-box .btn_holder {
        padding: 35px 0 0;
    }

    .btn_3d {
        padding: 17px 15px 15px;
    }
}

@media screen and (max-width: 1100px) {
    .btn_3d .dscr span,
    .btn_3d .dscr {
        padding: 0 0 0 10px;
    }
}

@media screen and (max-width: 960px) {
    .plans-box .left-box .btn_holder,
    .plans-box .right-box .btn_holder {
        margin: 0 0 15px;
    }

    .btn_3d .dscr span,
    .btn_3d .dscr {
        padding: 0 0 0 20px;
    }
}

@media screen and (max-width: 768px) {
    .btn_3d .dscr strong {
        width: 170px;
    }

    .btn_3d .dscr strong em {
        display: inline-block;
        vertical-align: top;
        margin: 0 5px 0 0;
    }

    .btn_3d .dscr span {
        width: calc(100% - 170px);
    }
}

@media screen and (max-width: 600px) {
    .btn_3d .dscr strong {
        width: 89px;
    }

    .btn_3d .dscr strong em {
        display: block;
        margin: 0;
    }

    .btn_3d .dscr span {
        width: calc(100% - 89px);
    }
}

/* new style for table */
.info_table,
.comparison_table {
    width: 100%;
    border: none;
}

.info_table td {
    border: 1px solid #DBD6D0;
    box-sizing: border-box;
    padding: 5px 10px 5px 30px;
    height: 56px;
}

.info_table tr:nth-child(even) td {
    background: #F5F4F1;
}

.info_table tr td:first-child {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
    color: #000000;
    font-family: "Museo Sans Cyrl 600", "Arial", "Helvetica", sans-serif;
}

.info_table p {
    margin: 0;
    font-weight: 300;
    font-size: 17px;
    line-height: 1;
    color: #000000;
    font-family: "Museo Sans Cyrl 600", "Arial", "Helvetica", sans-serif;
}

.info_table tr td:first-child p {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
    color: #000000;
}

.comparison_table td {
    height: 102px;
    padding: 23px 10px 27px 30px;
}

.comparison_table tr:nth-child(odd) td {
    border: 1px solid #E1DDD7;
    background: #fff;
}

.comparison_table tr:nth-child(even) td {
    background: #F7F6F3;
    border: 1px solid #E1DDD7;
}

.comparison_table td:first-child {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.23;
    color: #000000;
    font-family: "Museo Sans Cyrl 600", "Arial", "Helvetica", sans-serif;
    padding: 26px 10px 5px 36px;
    vertical-align: top;
}

.comparison_table td:first-child em {
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 30px;
    border: 1px solid #A8CD14;
    border-radius: 50%;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 28px;
    color: #4D4841;
    font-style: normal;
    margin: -5px 9px 0 0;
}

.comparison_table td ul {
    margin: 0;
    padding: 0;
}

.comparison_table td ul li {
    margin: 0 0 0;
    position: relative;
    padding: 0 0 0 20px;
}

.comparison_table td ul li p {
    margin: 0;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
    color: #000000;
}

.comparison_table td ul li:before {
    width: 4px;
    height: 4px;
    border: none;
    background: #000;
    left: 8px;
    top: 11px;
}

@media screen and (max-width: 960px) {
    .info_table td {
        padding: 5px 10px;
    }

    .info_table tr td:first-child p {
        font-size: 16px;
    }

    .info_table p {
        font-size: 15px;
    }
}

@media screen and (max-width: 768px) {
    .info_table td {
        height: 46px;
    }

    .info_table tr td:first-child p {
        font-size: 13px;
    }

    .info_table p {
        font-size: 12px;
    }

    .comparison_table td {
        padding: 15px 5px 15px 10px;
    }

    .comparison_table td:first-child {
        padding: 15px 5px 5px 10px;
        font-size: 14px;
    }

    .comparison_table td ul li p {
        font-size: 13px;
    }

    .comparison_table td:first-child em {
        width: 25px;
        height: 25px;
        font-size: 11px;
        line-height: 23px;
    }
}

@media screen and (max-width: 600px) {
    .info_table tr,
    .comparison_table tr {
        display: flex;
        flex-wrap: wrap;
    }

    .info_table tr td {
        width: 50%;
        display: flex;
        align-items: center;
        min-height: 46px;
        height: auto;
    }

    .info_table tr td:first-child {
        width: 100%;
    }

    .comparison_table td {
        width: 100%;
        height: auto;
        min-height: 50px;
    }
}


.our_projects .title_list span {
    box-decoration-break: clone;
    display: inline;
}

.our_works_list .inner_item .img:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(47, 144, 205, 0) 0%, rgba(21, 105, 113, 1) 100%);
}

.about_page .certificate_block .certificate_block {
    padding: 0;
}

.article .notice i {
    display: none;
}

.ya-share2__list.ya-share2__list_direction_horizontal {
    padding: 0;
}

.ya-share2__list.ya-share2__list_direction_horizontal span {
    margin: 0 !important;
    width: 150px;
}

.ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item > .ya-share2__link > .ya-share2__title {
    display: block !important;
    position: absolute;
    left: 47px;
    top: 18px;
    color: #fff;
    font-size: 12px;
}

.article .list-content {
    list-style-type: none;
    counter-reset: num;
}

.article .list-content li {
}

.article .list-content li a:before {
    content: counter(num) '.';
    counter-increment: num;
    color: #bb8f63;
    margin-right: 5px;
}

.steeps-photos-list .items {
    display: grid;
    grid-gap: 28px;
    grid-auto-rows: 300px;
    grid-template-columns: repeat(auto-fill, minmax(287px, 1fr));
}

.steeps-photos-list .items .item {
    display: block;
    width: 100%;
}

.steeps-photos-list .item.hide-item {
    display: none;
}

.steeps-photos-list .item .img {
    height: 300px;
    border-radius: 3px;
}

.requisites_box .details li {
    border-left: none;
}

.call_box .form input,
.call_box .form textarea,
.requisites_block .form input,
.requisites_block .form textarea {
    border: 1px solid transparent;
}

.call_box .form input.error,
.call_box .form textarea.error,
.requisites_block .form input.error,
.requisites_block .form textarea.error {
    border: 1px solid #ff0000;
}

.our_works_list .inner_item .img {
    margin-bottom: 0;
}

.our_projects .wrap_list a {
    text-decoration: none;
}

.popular_list .popular_item:hover .img:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(47, 144, 205, 0) 0%, rgba(21, 105, 113, 1) 100%);
}

.steeps-photos-list .more {
    text-align: center;
    margin: 30px 0 90px;
}

.steeps-photos-list .more .btn {
    display: inline-block;
}

.work-detail.product .options_block {
    margin: 0 0 30px;
}

.work-detail.product .options_block .props-list {
}

.work-detail.product .options_block .props-list li {
    margin-bottom: 12px;
    display: flex;
}

.work-detail.product .options_block .props-list span {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    flex: 0 0 30%;
}

.work-detail.product .options_block .props-list em {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    font-style: normal;
}

.product_page .consult-form .sub-title {
    display: block;
    font-family: 'TT Firs Neue', serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.17;
    color: #fff;
    margin-bottom: 20px;
}

.sidebar_block .consult-form legend {
    margin-bottom: 22px;
}

.work-detail .sidebar_block .consult-form legend {
    margin-bottom: 20px;
}

.popular_list .btn.detail-btn {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 180px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s linear;
    max-width: 180px;
    font-size: 16px;
    padding: 16px 10px;
    margin: -68px 0 0;
}

.popular_list .popular_item {
    position: relative;
}

.popular_list .popular_item:hover .btn.detail-btn {
    opacity: 1;
    visibility: visible;
}

/* new style 22.02.2022 */
h1, .h1 {
    font-size: 40px;
}

.contacts_page h1,
.contacts_page .h1 {
    font-size: 40px;
}

.product_page h1 {
    margin: 0 0 25px;
}

.breadcrumbs {
    padding: 17px 0 0;
    margin: 0 0 31px;
}

.contacts_page .address_box address {
    padding: 75px 0 0;
}

.address_box address .icon {
    top: -29px;
}

.address_box .metro li:nth-child(2n+2),
.address_box .metro li {
    padding: 28px 10px 28px 75px;
}

.address_box .metro li strong {
    text-transform: none;
    font-size: 18px;
}

.scheme_block {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 3px;
}

.scheme_box {
    width: 60%;
    padding: 0 30px 0 0;
}

.contacts_block {
    margin: 0 0 64px;
}

.directions_box {
    width: 40%;
    padding: 0 0 0 40px;
}

.directions_box .title {
    display: block;
    margin: 0 0 42px;
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
}

.directions_box .title .icon {
    display: inline-block;
    vertical-align: top;
    width: 34px;
    height: 34px;
    background: url("/local/templates/bania.2.0/img_new/rd_icon-22.svg") no-repeat;
    background-size: 100%;
    margin: -5px -4px 0 3px;
}

.directions_box p {
    margin: 0 0 24px;
    font-size: 16px;
    line-height: 1.5;
    color: #0f0f0f;
    font-weight: 400;
}

.directions_box p strong {
    color: #00616e;
    font-weight: 600;
}

.contacts_page .about_block h2 {
    margin: 0 0 69px;
}

.contacts_page .about_text {
    margin: 0;
}

.contacts_page .about_text .text {
    padding: 0 10px 0 116px;
    position: relative;
    width: 100%;
    margin: 0;
}

.contacts_page .about_text .text .icon {
    position: absolute;
    top: 5px;
    left: 0;
    width: 84px;
    height: 84px;
    background: #f2f7f7;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 8px 0 0;
}

.contacts_page .about_text .text .icon img {
    display: block;
}

.contacts_page .about_text .text p {
    margin: 0 0 24px;
    font-size: 16px;
}

.contacts_page .about_text .text p strong {
    color: #00616e;
    font-weight: 600;
}

.contacts_page .about_block .img {
    padding: 50px 0 0 100px;
    margin: 0 -35px -130px 0;
    position: relative;
    z-index: 0;
}

.contacts_page .requisites_block {
    position: relative;
    z-index: 1;
}

.form textarea,
.form input[type="text"] {
    font-size: 18px;
}

.list_staff .name_staff {
    min-height: 48px;
    padding: 0 10px 0 0;
}

.search-page.wrap-catalog {
    margin: 0 -5px;
    padding-top: 0;
}

/*.sort li:first-child{
	display: none;
}*/
.callback-box .recall input[type=text] {
    font-size: 20px;
}

.video a {
    height: 222px;
}

.slider_block .gallery-item .tag_list {
    display: none;
}

.date_box .share li span,
.date_box .share li a {
    min-height: 16px;
}

.product .options_block .price strong {
    color: #00616e;
}

.param_box .list_info em {
    font-size: 30px;
}

.param_box .list_info em sup {
    top: -0.7em;
    font-size: 55%;
}

.list_param li span,
.work-detail.product .options_block .props-list span {
    font-size: 14px;
    line-height: 1.72;
}

.list_param li strong,
.work-detail.product .options_block .props-list em {
    line-height: 1.5;
}

/* .list-social .tlg a, */
.item_soc.tlg a {
    /*background: url("/local/templates/bania.3.0/img_new/tlgr.svg") no-repeat;*/
    background: url("/local/templates/bania.3.0/img_new/tg_blue.svg") no-repeat;
    background-size: 100%;
}
#footer .item_soc.tlg a {
	background: url("/local/templates/bania.3.0/img_new/tg_black.svg") no-repeat;
    	background-size: 100%;
}
#footer .item_soc.tlg a:hover {
	background: url("/local/templates/bania.3.0/img_new/tg_green.svg") no-repeat;
    	background-size: 100%;
}

.item_soc.str a {
    background: url("/local/templates/bania.3.0/img_new/icon_str.svg") no-repeat;
    background-size: 100%;
}

.item_soc.vk a {
    background: url("/local/templates/bania.3.0/img_new/icon_vk.svg") no-repeat;
    background-size: 100%;
}

.item_soc.ytb a {
    background: url("/local/templates/bania.3.0/img_new/icon_ytb.svg") no-repeat;
    background-size: 100%;
    background-position: 0 50%;
}

/* .list-social .tlg a:hover, */
.item_soc.tlg a:hover {
    /*background: url("/local/templates/bania.3.0/img_new/icon_tlg_hv.svg") no-repeat;*/
    background: url("/local/templates/bania.3.0/img_new/tg_green.svg") no-repeat;
    background-size: 100%;
}

.item_soc.str a:hover {
    background: url("/local/templates/bania.3.0/img_new/icon_str_hv.svg") no-repeat;
    background-size: 100%;
}

.item_soc.vk a:hover {
    background: url("/local/templates/bania.3.0/img_new/icon_vk_hv.svg") no-repeat;
    background-size: 100%;
}

.item_soc.ytb a:hover {
    background: url("/local/templates/bania.3.0/img_new/icon_ytb_hv.svg") no-repeat;
    background-size: 100%;
    background-position: 0 50%;
}

.product .options_block .price strong {
    font-size: 40px;
}

.product .options_block .price p {
    font-weight: 600;
}

.consult-form textarea,
.consult-form input[type=text] {
    font-size: 18px;
}

.consult-form textarea {
    padding: 10px 9px;
}

.options_block .btn_holder .links {
    display: none;
}

.subscribers_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}

.subscribers_box .subscribers {
    display: block;
    padding: 0 15px 0 0;
    width: 60%;
}

.subscribers_box .subscribers strong {
    margin: 0 0 0;
}

.subscribers_box .publications {
    margin: 0 0 20px;
    width: 40%;
    padding: 0 0 0 21px;
}

.subscribers_box .publications strong {
    display: block;
    margin: 0 0 2px 4px;
    color: #fff;
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
}

.inst_box .dscr {
    margin: -5px 0 0;
    padding: 0 0 0 24px;
}

.inst_box .dscr p {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0 0 13px;
}

.inst_box .dscr strong,
.inst_box .dscr span {
    font-size: 14px;
    line-height: 1.58;
}

.inst_box .dscr strong {
    display: block;
    color: #fff;
    font-weight: 600;
}

.inst_box .dscr span {
    display: block;
    color: #80c700;
    font-weight: 400;
}

.window-box:after {
    background: #f8fbfb;
}

.list_video {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -6px;
    padding: 33px 0 0;
    justify-content: center;
}

.list_video li {
    width: 33.3%;
    padding: 0 6px;
    margin: 0 0 12px;
}

.photo_block {
    margin: 10px 0 27px;
}

.photo_box {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    border-radius: 4px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-34.jpg") no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    padding: 33px 66px 32px 84px;
    align-items: center;
}

.photo_box .title {
    display: block;
    color: #00616e;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.17;
    width: calc(100% - 284px);
    padding: 0 15px 0 0;
}

.photo_box .btn_holder {
    width: 284px;
}

.photo_box .btn {
    height: 50px;
    font-size: 20px;
    margin: 0;
    padding: 14px 10px;
}

.plans_block {
    padding: 35px 50px 45px;
    background: #f2f7f7;
    border-radius: 4px;
    margin: 0 0 -8px;
}

.information h3 {
    font-size: 24px;
    line-height: 1.17;
}

.plans_gallery {
    margin: 0 0 43px;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.plans_gallery .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.plans_gallery .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.plans_gallery .swiper-button-prev,
.plans_gallery .swiper-button-next {
    width: 37px;
    height: 74px;
    background: transparent;
    border-radius: 0;
    top: 50%;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    transform: translateY(-68%);
}

.plans_gallery .swiper-button-prev {
    left: 0;
}

.plans_gallery .swiper-button-next {
    right: 0;
}

.plans_gallery .swiper-button-prev:after,
.plans_gallery .swiper-button-next:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 45px;
    height: 45px;
    border-top: 4px solid #000;
    border-left: 4px solid #000;
    margin: -24px 0 0 -8px;
    transition: all 0.3s linear;
}

.plans_gallery .swiper-button-prev:after {
    transform: rotate(-45deg);
}

.plans_gallery .swiper-button-next:after {
    transform: rotate(135deg);
    margin: -24px 0 0 -41px;
}

.plans_gallery .swiper-button-prev:hover:after,
.plans_gallery .swiper-button-next:hover:after {
    border-top: 4px solid #80c700;
    border-left: 4px solid #80c700;
}

.plans_gallery .swiper-pagination {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 0;
    line-height: 0;
    padding: 25px 0 0;
}

.plans_gallery .swiper-pagination .swiper-pagination-bullet {
    width: 50px;
    height: 4px;
    background: #e5eff0;
    border-radius: 1px;
    margin: 0 12.5px 0;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}

.plans_gallery .swiper-pagination .swiper-pagination-bullet:hover,
.plans_gallery .swiper-pagination .swiper-pagination-bullet-active {
    background: #80c700;
}

.tags_box {
    display: none;
}

.holder_box input {
    font-size: 20px;
}

/* @media screen and (min-width: 1170px){
	.sab-nav > li:hover > .drop{
		display: block;
	}
} */
@media screen and (max-width: 1300px) {

}

@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 1170px) {
    /* .sab-nav li:hover .drop {display: none;}
	.sab-nav li > .drop{
		background: #fff;
		box-shadow: none;
		margin: 0;
	}
	.sab-nav > li > .drop:before{
		display: none;
	} */
}

@media screen and (max-width: 1100px) {

}

@media screen and (max-width: 1024px) {
    .scheme_box {
        padding: 0 15px 0 0;
    }

    .directions_box {
        padding: 0 0 0 15px;
    }

    .contacts_page .about_block .img {
        padding: 50px 0 0;
    }

    .subscribers_box {
        display: block;
    }

    .inst_box .subscribers,
    .subscribers_box .publications {
        width: 100%;
    }

    .photo_box {
        padding: 33px 35px 32px 35px;
    }
}

@media screen and (max-width: 960px) {
    .scheme_box,
    .directions_box {
        width: 100%;
        padding: 0;
    }

    .scheme_box {
        text-align: center;
        margin: 0 0 50px;
    }

    .scheme_box .img {
        display: inline-block;
    }

    .contacts_page .about_block .img {
        padding: 0;
        margin: -50px 0 -70px;
        text-align: center;
    }
}

@media screen and (max-width: 890px) {
    .list_video li {
        width: 50%;
    }
}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 700px) {
    .information .photo_block .btn {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .contacts_page .about_text .text {
        padding: 0 0 0 100px;
    }

    .contacts_page .about_block h2 {
        margin: 0 0 20px;
    }

    .list_video li {
        width: 100%;
    }

    .photo_box {
        display: block;
        background-position: 0 50%;
    }

    .photo_box .title {
        width: 100%;
        padding: 0;
        margin: 0 0 20px;
    }

    .photo_box .btn_holder {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .contacts_page .about_text .text {
        padding: 100px 0 0;
    }

    .subscribers_box .publications,
    .inst_box .dscr {
        padding: 0;
    }

    .photo_block {
        margin: 0 0 27px;
    }

    .photo_box {
        background-position: 5% 50%;
    }

    .information .photo_block .btn {
        min-width: auto;
    }

    .plans_block {
        padding: 35px 15px 45px;
    }
}

@media screen and (max-width: 380px) {

}

/* end new style 22.02.2022 */
.articles_block.wide-articles {
    width: 100%;
}

.articles_block.wide-articles .item, .articles_block.wide-articles .item:first-child {
    width: 33.33%;
}

.articles_page.no-padding {
    padding-bottom: 0;
}

.articles_page.no-padding .articles {
    margin-bottom: 0;
}

.articles_page.no-padding .articles .articles_list {
    margin-bottom: 0;
}

.marquiz__container {
    padding: 0;
}

.page_block {
    position: relative;
}

.page_block .base-not-include {
    position: absolute;
    right: 0;
    top: 50px;
    padding-left: 115px;
    color: #000000;
    font-size: 20px;
    max-width: 550px;
}

.page_block .base-not-include:before {
    content: "";
    display: block;
    background-color: #f0f5f6;
    width: 84px;
    height: 84px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 100%;
}

.page_block .base-not-include:after {
    content: "";
    display: block;
    width: 44px;
    height: 44px;
    background-image: url(/local/templates/bania.3.1/img_new/rd_icon-33.svg);
    position: absolute;
    left: 22px;
    top: 20px;
}

.page_block .base-not-include strong {
    color: #00616e;
    display: block;
    margin-bottom: 5px;
    padding-top: 20px;
    font-weight: 600;
}

@media (max-width: 768px) {
    .page_block .base-not-include {
        position: relative;
        top: auto;
        margin-bottom: 30px;
    }
}

.inst_box a {
    text-decoration: none;
}

.inst_box a:hover .inner_inst {
    box-shadow: 10.6px 10.6px 25px rgba(0, 97, 110, 0.5);
}

.active-top #header .sab-nav li {
    break-inside: avoid-column;
}

.faq-box.wide-consult-box {
    background-image: url(/local/templates/bania.3.1/img_new/wide-consult-box.png);
}

.plans-img {
    display: block;
    height: 436px;
    width: 100%;
    max-width: 436px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
}

.work-detail .project-link {
    margin-bottom: 15px;
}

.work-detail .project-link a {
    display: block;
    background-color: #0c5968;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 15px 0;
    font-size: 20px;
    text-decoration: none;
    font-family: 'TT Firs Neue';
    font-weight: 600;
}

.work-detail.product .options_block .props-list em a {
    color: #000;
    text-decoration: none;
}

.work-detail .slideshow-button-prev {
    right: auto;
}

.content-page-box .breadcrumbs ul {
    margin: 0;
}

.content-page-box .breadcrumbs ul li {
    padding-left: 0;
}

.content-page-box .breadcrumbs ul li:before {
    display: none;
}

@media (max-width: 1170px) {
    #header.mb-open-nav:after {
        position: fixed;
        content: '';
        top: 0;
        bottom: 0;
        left: 0;
        width: 100vw;
        background: rgba(255, 255, 255, .8);
        z-index: -1;
    }

    #navigation .sab-nav > li > .drop > ul {
        columns: 1;
        width: 100%;
    }

    #navigation .sab-nav li > .drop {
        padding-left: 50px;
    }

    /* #navigation .sab-nav li:hover .drop {display: none;} */
    #navigation .sab-nav li > .drop {
        /* background: #fff; */
        box-shadow: none;
        margin: 0;
        /* padding: 109px 24px 20px 20px;
		display: none; */
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        max-width: 358px;
        /* background: #fff; */
        /* box-shadow: 3px 5.2px 29px rgba(4, 14, 24, 0.24); */
        left: 0;
        top: 0;
        transform: translate3d(-150%, 0, 0);
        z-index: 0;
        padding: 109px 24px 20px 20px;
        overflow-y: auto;
        z-index: 2;
        transition: transform .3s ease;
    }

    #navigation .sab-nav li > .drop.open-drop {
        display: block;
        transform: translate3d(0, 0, 0);
    }

    #navigation .sab-nav > li > .drop:before {
        display: none;
    }

    #header.mb-open-nav .contacts,
    #header.mb-open-nav .logo {
        z-index: -1;
    }

    #navigation .sab-nav .drop .btn-back {
        top: 74px;
    }
}

@media (max-width: 768px) {
    /* #navigation .sab-nav li > .drop{
		padding: 109px 24px 20px 20px;
	} */
}

.swiper-button-disabled {
    display: none !important;
}

@media (max-width: 768px) {
    .product_page .product .pagination .pagination-slide .plus {
        display: none;
    }
}

.video_section .gallery-button-prev {
    left: -33px;
}

.video_section .gallery-button-next {
    right: -33px;
}

.slick-dots {
    list-style-type: none;
}

.slick-dots li {
    height: auto;
    width: auto;
    margin: 0;
    padding: 0;
}

.slick-dots li button {
    width: 50px;
    height: 4px;
    background-color: #e5eff0;
    border-radius: 1px;
    margin: 0 12.5px 0;
    padding: 0;
}

.slick-dots li button:before {
    display: none;
}

.slick-dots li.slick-active button {
    background-color: #80c700;
}

.slick-disabled {
    display: none !important;
}

@media (max-width: 1280px) {
    .video_section .gallery-button-prev,
    .indx-articles .gallery-button-prev,
    .certificate_block .gallery-button-prev,
    .video_tabs .gallery-button-prev {
        left: 0px;
    }

    .video_section .gallery-button-next,
    .indx-articles .gallery-button-next,
    .certificate_block .gallery-button-next,
    .video_tabs .gallery-button-next {
        right: 0px;
    }

    .video_section .gallery-item,
    .indx-articles .gallery-item,
    .certificate_block .gallery-item,
    .video_tabs .gallery-item {
        margin: 0;
        padding: 0 15px;
    }
}

.footer-buttons {
    display: none;
}

@media screen and (max-width: 768px) {
    .footer-buttons {
        display: block;
        bottom: 0;
        left: 0;
        position: fixed;
        width: 100vw;
        right: 0;
        z-index: 1001;
    }

    .footer-buttons__wrapper {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .footer-buttons .footer-buttons__wa,
    .footer-buttons .footer-buttons__phone {
        width: 50vw;
        height: 40px;
        display: flex;
        align-items: center;
        font-family: 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 11px;
        line-height: 13px;
        justify-content: center;
        text-decoration: none;
    }

    .footer-buttons .footer-buttons__phone {
        background: #384F7B;
        color: #fff;
    }

    .footer-buttons .footer-buttons__wa {
        color: #fff;
        background: #53B440;
    }

    .footer-buttons .footer-buttons__wa svg,
    .footer-buttons .footer-buttons__phone svg {
        margin-right: 5px;
    }

    .footer-buttons .footer-buttons__quiz {
        width: 100vw;
        height: 40px;
        display: flex;
        align-items: center;
        font-family: 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 11px;
        line-height: 13px;
        justify-content: center;
        text-decoration: none;
        color: #fff;
        background: #C4A459;
    }

    .footer-buttons .footer-buttons__quiz img {
        margin-right: 10px;
    }

    .footer-buttons .footer-buttons__tour {
        width: 100vw;
        height: 40px;
        display: flex;
        align-items: center;
        font-family: 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 11px;
        line-height: 13px;
        justify-content: center;
        text-decoration: none;
        color: #fff;
        background: #C4A459;
    }

}

div#_topbar {
    background: #0F6EFF;
}

.topbar-wr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}

.topbar-left {
    display: flex;
    justify-content: center;
    font-family: "Museo Sans Cyrl 500", "Arial", "Helvetica", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.topbar-left span {
    font-family: "Museo Sans Cyrl 900", "Arial", "Helvetica", sans-serif;
    font-weight: 900;
}

.topbar-right {
    display: flex;
    gap: 15px;
}

.topbar-date {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    max-width: 203px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 40px;
    text-align: center;
    cursor: pointer;
    user-select: none;
    transition: all .3s ease-in-out;
}

#_topbar_btn {
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    background: linear-gradient(0deg, #85B725, #85B725), #FFFFFF;
    border-radius: 5px;
    width: 300px;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    height: 40px;
    text-align: center;
    cursor: pointer;
    user-select: none;
    transition: all .3s ease-in-out;
    font-family: "Museo Sans Cyrl 500", Arial, "Helvetica", sans-serif;
    font-weight: 700;
}

div#_topbar_close {
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    font-size: 24px;
    user-select: none;
    transition: all .3s ease-in-out;
}

#_topbar_btn:hover {
    background: white;
    color: #000;
}

div#_topbar_close:hover {
    color: black;
}

body.has-topbar div#wrapper {
    padding-top: 250px;
}

body.has-topbar div#_topbar {
    display: block !important;
}

@media screen and (max-width: 1200px) {
    body.has-topbar div#wrapper {
        padding-top: 160px;
    }
}

@media screen and (max-width: 1000px) {
    .topbar-wr {
        display: flex;
        justify-content: space-between;
        padding: 10px 0px;
    }

    .topbar-right {
        flex-direction: column;
        /* align-items: flex-start;*/
        align-items: center;
        gap: 7px;
    }

    .topbar-left {
        font-style: normal;
        font-weight: 700;
        font-size: 10px;
        line-height: 12px;
        text-transform: uppercase;
        color: #FFFFFF;
    }

    .topbar-date {
        width: 128px;
        font-size: 11px;
        line-height: 14px;
        height: 25px;
    }

    #_topbar_btn {
        width: 162px;
        height: 40px;
        padding: 0 4px;
    }
}

@media screen and (max-width: 992px) {
    .topbar-right {
        margin-left: auto;
        margin-right: 20px;
    }
}

@media screen and (max-width: 768px) {

    div#_topbar .container {
        padding: 0 24px !important;
    }

    .topbar-left {
        font-size: 10px;
        line-height: 12px;
    }

    .topbar-date {
        display: none;
    }

    body.has-topbar div#wrapper {
        padding-top: 114px;
    }

    #_topbar_btn {
        font-size: 10px;
        line-height: 12px;
        gap: 8px;
    }

    div#_topbar_close {
        position: absolute;
        top: 0;
        right: -15px;
        font-size: 14px;
    }

    .topbar-wr {
        position: relative;
    }

    body.has-topbar div#wrapper {
        padding-top: 99px;
    }

    .topbar-right {
        display: flex;
        flex-direction: column;
        /*justify-content: flex-end;*/
        justify-content: center;
    }

    /*#_topbar_btn {
        width: fit-content !important;
        padding: 0 3px !important;
    }*/
}

@media screen and (max-width: 565px) {
    body.has-topbar div#wrapper {
        padding-top: 104px;
    }

    .topbar-left {
        max-width: 148px;
    }
}

@media screen and (max-width: 400px) {
    body.has-topbar div#wrapper {
        padding-top: 118px;
    }

    div#_topbar .container {
        padding: 0 24px !important;
    }

    .topbar-right {
        margin-right: 0px;
    }
}

@media screen and (max-width: 350px) {

}

div#consult_popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.95);
}

.consult_p_wr {
    width: 770px;
    height: 470px;
    max-width: 100%;
    margin: 80px auto;
    background-color: white;
    padding-top: 30px;
    padding-left: 30px;
    position: relative;
    background-image: url(/local/templates/bania.3.0/images/popups/consult/bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.consult_p-date {
    max-width: 203px;
    width: 100%;
    padding: 6px 25px;
    margin-bottom: 10px;
    display: flex;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    color: #FFFFFF;
    background: #C7B59D;
    border-radius: 6px;
}

.consult_p-title {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    color: #3C3C3C;
    margin-bottom: 33px;
}

.consult_p-list-item {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 130%;
    color: #3C3C3C;
    padding-left: 31px;
    position: relative;
    margin-top: 14px;
    margin-bottom: 14px;
}

.consult_p-list-item:first-child {
    margin-top: 0;
}

.consult_p-list-item:last-child {
    margin-bottom: 0;
}

.consult_p-form-input {
    width: 335px;
    max-width: 100%;
    padding-bottom: 4px;
    border-bottom: 1px solid #A8A8AA;
    margin-top: 30px;
}

input#consult_popup_phone,
input#consult_popup_phone::placeholder {
    font-style: normal;
    font-weight: 300;
    font-size: 17.5304px;
    line-height: 21px;
    color: #A8A8AA;
    border: none;
    background: transparent;
}

input#consult_popup_phone {
    color: #000;
}

.consult_p-title b {
    color: rgba(145, 199, 0, 1);
}

.consult_p-form-button {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #91C700;
    border-radius: 134px;
    width: 335px;
    height: 69px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 24px;
    margin-bottom: 20px;
    cursor: pointer;
    user-select: none;
    transition: all .3s ease-in-out;
}

.consult_p-checkrow {
    display: flex;
}

.consult_p-checkbox-text {
    font-style: normal;
    font-weight: 300;
    font-size: 11px;
    line-height: 13px;
    color: #353535;
    height: fit-content;
    margin: auto 0px;
    margin-left: 9px;
}

div#consult_popup_close {
    position: absolute;
    top: 7px;
    right: 12px;
    cursor: pointer;
}

.consult_p-list-item:before {
    width: 23px;
    height: 23px;
    background-color: #C7B59D;
    content: '';
    position: absolute;
    left: 0;
    top: -3px;
    border-radius: 50%;
    background-image: url(/local/templates/bania.3.0/images/popups/consult/list-item.png);
    background-repeat: no-repeat;
    background-position: center;
}

.consult_p-form-button:hover {
    background: #c7b59d;
}

.consult_p-checkbox-wr {
    width: 19px;
    height: 19px;
    position: relative;
}

.consult_p-checkbox-wr input {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
}

.consult_p-checkbox-wr input + span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #91C700;
    border-radius: 2.6512px;
}

.consult_p-checkbox-wr input:checked + span {
    background-image: url(/local/templates/bania.3.0/images/popups/consult/checkbox.svg);
    background-position: center;
}

.consult_p-form-input {
    background-image: url(/local/templates/bania.3.0/images/popups/consult/phone.svg);
    background-position-x: right;
    background-position-y: 5px;
    background-repeat: no-repeat;
}

div#consult_popup {
    /*flex-direction: column;*/
    justify-content: center;
    align-items: center;
}

.consult_thx_popup {
    width: 370px;
    height: 260px;
    background: #FFFFFF;
    position: relative;
}

div#consult_thx_close {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.consult_thx_content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
}

.consult_thx_title {
    font-style: normal;
    font-weight: 600;
    font-size: 22.0299px;
    line-height: 26px;
    text-align: center;
    color: #3C3C3C;
    margin-top: 25px;
    margin-bottom: 15px;
}

.consult_thx_offer {
    font-style: normal;
    font-weight: 300;
    font-size: 19.5821px;
    line-height: 23px;
    text-align: center;
    color: #3C3C3C;
}

div#consult_popup_close svg path {
    transition: all .3s ease-in-out;
}

div#consult_popup_close:hover svg path {
    fill: #91c700
}

.consult_p-person {
    position: absolute;
    width: 230px;
    height: 75px;
    left: 520px;
    top: 311px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    background: #FFFFFF;
    border-radius: 150px;
    justify-content: center;
    align-items: center;
}

.consult_p-person .name {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: #3C3C3C;
}

.consult_p-person .post {
    font-style: normal;
    font-weight: 300;
    font-size: 11px;
    line-height: 14px;
    text-align: center;
}

@media screen and (max-width: 800px) {
    .consult_p_wr {
        width: 320px;
        height: 605px;
        padding-top: 15px;
        padding-left: 10px;
        padding-right: 10px;
        background-image: url(/local/templates/bania.3.0/images/popups/consult/bg-m.png);
    }

    div#consult_popup_close {
        width: 30px;
        height: 30px;
        top: 12px;
        right: 9px;
    }

    div#consult_popup_close svg {
        width: 30px;
        height: 30px;
    }

    .consult_p-person {
        width: 170px;
        height: 60px;
        padding: 9px 27px;
        left: 10px;
        top: 521px;
    }

    .consult_p-person .name {
        font-size: 13px;
        line-height: 17px;
        text-align: center;
    }

    .consult_p-person .post {
        font-size: 9px;
        line-height: 12px;
    }

    .consult_p-date {
        margin: 0 auto 16px;
    }

    .consult_p-title {
        font-size: 21px;
        line-height: 130%;
        text-align: center;
        font-family: 'Museo Sans Cyrl 500';
        margin-bottom: 18px;
    }

    .consult_p-title br {
        display: none;
    }

    .consult_p-list-item {
        font-weight: 300;
        font-size: 13px;
        line-height: 17px;
        padding-left: 27px;
        margin-bottom: 12px;
        margin-top: 12px;
    }

    .consult_p-list-item:before {
        width: 20px;
        height: 20px;
        background-size: 13px 7px;
        background-position-y: 7px;
        background-position-x: 4px;
        top: calc(50% - 10px);
    }

    .consult_p-form-input {
        margin-top: 24px;
        background-position-y: 7px;
    }

    input#consult_popup_phone,
    input#consult_popup_phone::placeholder {
        font-size: 16px;
    }

    .consult_p-form-button {
        font-weight: 600;
        font-size: 14px;
        line-height: 18px;
        width: 300px;
        height: 60px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .consult_p-checkbox-text {
        font-size: 10px;
    }

    .consult_thx_popup {
        width: 320px;
        max-width: 100%;
        height: 250px;
    }

    .consult_thx_img img {
        width: 59px;
    }

    .consult_thx_title {
        font-size: 19.4038px;
        line-height: 23px;
        margin-top: 21px;
        margin-bottom: 13px;
    }

    .consult_thx_offer {
        font-size: 17.2478px;
        line-height: 21px;
    }
}

div#consult_popup._open_popup {
    display: flex !important;
}

div#consult_popup._send_ .consult_p_wr {
    display: none !important;
}

div#consult_popup._send_ .consult_thx_popup {
    display: block !important;
}


#header.header-mod.mb-open-nav #navigation {
    z-index: 1;
}

.success-modal__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.80);
}

.success-modal__inner {
    width: 370px;
    height: 260px;
    background: #FFFFFF;
    position: relative;
}

#success-modal__close {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.success-modal__content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
}

.success-modal__title {
    font-style: normal;
    font-weight: 600;
    font-size: 22.0299px;
    line-height: 26px;
    text-align: center;
    color: #3C3C3C;
    margin-top: 25px;
    margin-bottom: 15px;
}

.success-modal__offer {
    font-style: normal;
    font-weight: 300;
    font-size: 19.5821px;
    line-height: 23px;
    text-align: center;
    color: #3C3C3C;
}

.success-modal__close svg path {
    transition: all .3s ease-in-out;
}

.success-modal__close:hover svg path {
    fill: #91c700
}

@media screen and (max-width: 800px) {
    .success-modal__iner {
        width: 320px;
        max-width: 100%;
        height: 250px;
    }

    .success-modal__img img {
        width: 59px;
    }

    .success-modal__title {
        font-size: 19.4038px;
        line-height: 23px;
        margin-top: 21px;
        margin-bottom: 13px;
    }

    .success-modal__offer {
        font-size: 17.2478px;
        line-height: 21px;
    }
}

.help-popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.70);
    display: none;
}

.help-popup__wrapper {
    width: 1000px;
    height: 570px;
    max-width: 100%;
    margin: 80px auto;
    background-color: white;
    padding-top: 58px;
    padding-left: 50px;
    padding-right: 50px;
    position: relative;
    background-image: url(/local/templates/bania.3.0/images/popups/help/bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
    font-family: 'TT Firs Neue';
}

.help-popup__content {
    display: flex;
    justify-content: space-between;
    margin: 0 0 54px;
}

.help-popup__left {
    max-width: 527px;
}

.help-popup__right {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-direction: column;
}

.help-popup__title {
    margin-bottom: 32px;
    max-width: 825px;
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    color: #393939;
}

.help-popup__title span {
    color: #00616E;
}

.help-popup__subtitle {
    max-width: 683px;
    margin-bottom: 26px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    display: flex;
    align-items: center;
    color: #393939;
}

.help-popup__list {

}

.help-popup__list div {
    position: relative;
    padding-left: 38px;
    color: #393939;
    font-family: 'TT Firs Neue';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 14px;
}

.help-popup__list div:before {
    content: "";
    position: absolute;
    top: calc(50% - 13px);
    left: 0;
    width: 26px;
    height: 26px;
    background: url(/local/templates/bania.3.0/images/popups/help/list.svg) no-repeat center/cover;
}

.help-popup__list div:last-child {
    margin: 0 0 0;
}

.help-popup__feedback {
    display: flex;
    align-items: center;
    gap: 27px;
    margin-bottom: 66px;
}

.help-popup__call {
    display: flex;
    align-items: center;
    gap: 17px;
}

.help-popup__call a {
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
    text-decoration: underline;
    color: #393939;
    cursor: pointer;
}

.help-popup__call a:hover {
    color: #007aff
}

.help-popup__person {
    display: flex;
    align-items: center;
    gap: 14px;
}

.help-popup__person img {
    width: 86px;
    height: 86px;
}

.help-popup__person .person__text {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #393939;
}

.help-popup__person .person__text span {
    display: block;
    margin-bottom: 6px;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #00616E;
}

.help-popup__image {
    width: 349px;
    height: 200px;
    background: url(/local/templates/bania.3.0/images/popups/help/image.png) no-repeat center/cover;
}

.help-popup__form {
    display: flex;
    align-items: flex-start;
    gap: 27px;
    position: relative;
}

.help-popup__label {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #343434;
}

.help-popup__hint {
    display: none;
    position: absolute;
    bottom: 30px;
    left: 30px;
    padding: 2px 8px;
    z-index: 5;
    color: #ff0000;
    border: 1px solid #ff0000;
    border-radius: 10px;
    background: #ffffff;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
}

.help-popup__phone {
    max-width: 100%;
    width: 420px;
    height: 82px;
    background: #FFFFFF;
    border-radius: 10px;
    padding-left: 30px;
}

.help-popup__phone,
.help-popup__phone::placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    display: flex;
    align-items: flex-end;
    color: #898989;
}

.help-popup__phone {
    border: 1px solid #BFBFBF;
}

.help-popup__submit {
    max-width: 100%;
    width: 420px;
    height: 82px;
    background: linear-gradient(180deg, #9DDD2F 0%, #7DB321 100%);
    box-shadow: 0 3px 0 #729F22;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 24px;
    margin-bottom: 20px;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    user-select: none;
    transition: all .3s ease-in-out;
}

.help-popup__checkrow {
    display: flex;
}

.help-popup__checkbox-text {
    font-style: normal;
    font-weight: 300;
    font-size: 11px;
    line-height: 13px;
    color: #343434;
    height: fit-content;
    margin: auto 0 auto 9px;
}

.help-popup__checkbox-text a {
    color: #000000;
}

.help-popup__checkbox-wrapper {
    width: 19px;
    height: 19px;
    position: relative;
}

.help-popup__checkbox-wrapper input {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
}

.help-popup__checkbox-wrapper input + span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 2px;
}

.help-popup__checkbox-wrapper input:checked + span {
    background-image: url(/local/templates/bania.3.0/images/popups/help/checkbox.svg);
    background-position: center;
}

.help-popup__close {
    position: absolute;
    top: 7px;
    right: 12px;
    cursor: pointer;
}

.help-popup__mobile {
    display: none;
}

@media screen and (max-width: 800px) {
    .help-popup__wrapper {
        width: 375px;
        height: 593px;
        padding-top: 32px;
        padding-left: 25px;
        padding-right: 25px;
        background-image: url(/local/templates/bania.3.0/images/popups/help/bg-m.png);
    }

    .help-popup__close {
        width: 30px;
        height: 30px;
        top: 9px;
        right: 9px;
    }

    .help-popup__close svg {
        width: 30px;
        height: 30px;
    }

    .help-popup__mobile {
        display: flex;
    }

    .help-popup__desktop {
        display: none;
    }

    .help-popup__content {
        flex-direction: column;
        gap: 18px;
        border-bottom: 1px solid #848484;
        padding: 0 0 20px;
        margin: 0 0 20px;
    }

    .help-popup__left {
        max-width: 100%;
    }

    .help-popup__right {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .help-popup__image {
        min-width: 92px;
        background: url(/local/templates/bania.3.0/images/popups/help/image-m.png) no-repeat center/cover;
        width: 92px;
        height: 92px;
    }

    .help-popup__title {
        font-size: 17px;
        line-height: 22px;
        margin-bottom: 14px;
    }

    .help-popup__subtitle {
        margin-bottom: 24px;
        font-size: 12px;
        line-height: 18px;
    }

    .help-popup__list {

    }

    .help-popup__list div {
        padding-left: 32px;
        font-size: 16px;
        margin: 0 0 12px;
    }

    .help-popup__list div:last-child {
        margin: 0 0 0;
        max-width: 300px;
    }

    .help-popup__list div:before {
        width: 18px;
        height: 18px;
        top: calc(50% - 9px);
    }

    .help-popup__call.help-popup__mobile {
        display: flex;
        gap: 10px;
        margin-bottom: 70px;
        justify-content: flex-start;
        align-items: center;
    }

    .help-popup__call.help-popup__mobile img {
        width: 40px;
        height: 40px;
    }

    .help-popup__call.help-popup__mobile a {
        font-style: normal;
        font-weight: 500;
        text-decoration: underline;
        color: #393939;
        font-size: 18px;
        line-height: 23px;
    }

    .help-popup__call.help-popup__mobile a:hover {
        color: #007aff
    }

    .help-popup__person {
        gap: 10px;
        align-items: center;
    }

    .help-popup__person img {
        width: 66px;
        height: 66px;
    }

    .help-popup__person .person__text {
        font-size: 16px;
        line-height: 21px;
    }

    .help-popup__person .person__text span {
        font-size: 18px;
        line-height: 18px;
    }

    .help-popup__form {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .help-popup__label {
        font-size: 16px;
        line-height: 21px;
    }

    .help-popup__hint {
        bottom: unset;
        top: 60px;
        left: 30px;
        font-size: 14px;
        line-height: 14px;
    }

    .help-popup__phone {
        width: 320px;
        max-width: 100%;
        height: 50px;
    }

    input.help-popup__phone,
    input.help-popup__phone::placeholder {
        font-size: 16px;
    }

    .help-popup__submit {
        font-weight: 600;
        font-size: 18px;
        line-height: 23px;
        max-width: 100%;
        width: 320px;
        height: 70px;
        margin-bottom: 6px;
        margin-top: 0;
    }

    .help-popup__checkbox-text {
        font-size: 10px;
        line-height: 13px;
    }
}

/* style for new product-page */

.with_topbar #wrapper {
    padding-top: 250px;
}


.fancybox-container .whts_popup {
    width: 100%;
    max-width: 735px;
    background: url("/local/templates/bania.3.0/img_new/nu_img-6.jpg") no-repeat;
    background-size: 100%;
    display: none;
    min-height: 554px;
    overflow: visible;
    padding-left: 363px;
    margin: 0 auto;
}

.fancybox-container .whts_popup:before {
    display: none;
}

.fancybox-container .whts_popup:after {
    position: absolute;
    content: '';
    bottom: -80px;
    left: -89px;
    width: 544px;
    height: 385px;
    background: url("/local/templates/bania.3.0/img_new/nu_img-7.png") no-repeat;
    background-size: 100%;
    z-index: 0;
    transform: none;
    top: auto;
}

.fancybox-container .whts_popup.callback-box .fancybox-close-small {
    top: 16px;
    right: 15px;
}

.fancybox-container .whts_popup.callback-box .fancybox-close-small:after {
    background: #fff;
}

.fancybox-container .whts_popup .inner_popup {
    padding: 0 60px 0 63px;
    position: relative;
    z-index: 1;
}

.fancybox-container .whts_popup legend {
    display: block;
    margin: 0 0 67px;
    color: #fff;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 400;
}

.fancybox-container .whts_popup legend span {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-right: 18px;
}

.fancybox-container .whts_popup legend span:after {
    position: absolute;
    content: '';
    width: 27px;
    height: 28px;
    top: 50%;
    transform: translateY(-50%);
    right: -20px;
    background: url("/local/templates/bania.3.0/img_new/nu_icon-18.svg") no-repeat;
    background-size: 100%;
}

.fancybox-container .whts_popup .col {
    margin: 0 0 9px;
}

.fancybox-container .whts_popup input[type="text"] {
    display: block;
    width: 100%;
    border: none;
    background: #f2f7f7;
    padding: 5px 16px;
    border-radius: 4px;
    height: 50px;
    /* max-width: 240px; */
    font-size: 16px;
    line-height: 1;
    color: #000;
}

.fancybox-container .whts_popup .btn {
    display: block;
    width: 100%;
    border-radius: 4px;
    height: 50px;
    line-height: 1;
    padding: 0;
}

.fancybox-container .whts_popup .col span {
    display: block;
    color: #fff;
    font-size: 12px;
    line-height: 1.33;
    font-weight: 400;
    padding-top: 8px;
}

.fancybox-container .whts_popup .col span a {
    text-decoration: underline;
    color: #80c700;
}

.fancybox-container .whts_popup .col span a:hover {
    text-decoration: none;
}

#product_popup {
    width: 100%;
    max-width: 993px;
    padding: 40px 94px 54px;
    display: none;
}

.product_popup .fancybox-close-small {
    padding: 0;
    width: 37px;
    height: 37px;
    top: 22px;
    right: 22px;
}

.product_popup .fancybox-button svg {
    display: none;
}

.product_popup .fancybox-close-small:after,
.product_popup .fancybox-close-small:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -2px;
    height: 50px;
    width: 4px;
    border-radius: 1px;
}

.product_popup .fancybox-close-small:before {
    background: #80c700;
    transform: rotate(-45deg);
}

.product_popup .fancybox-close-small:after {
    background: #000;
    transform: rotate(45deg);
}

.product_popup h2 {
    margin: 0 0 34px;
    font-weight: 500;
    font-size: 40px;
    line-height: 1.29;
    color: #000;
    font-family: 'TT Firs Neue', serif;
    letter-spacing: 0;
}

.product_popup .frame {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 24px;
    width: 100%;
    padding: 21px 0 17px;
    border-top: 1px solid #DDE6E8;
    border-bottom: 1px solid #DDE6E8;
    background: none;
    overflow: visible;
}

.product_popup .frame .price {
    margin-right: auto;
}

.product_popup .frame .price strong {
    color: #00616E;
    font-weight: 600;
    font-size: 40px;
    margin: 0 0 10px;
    font-family: 'TT Firs Neue', serif;
}

.product_popup .frame .price span {
    display: block;
    font-weight: 500;
    font-size: 14px;
    color: #BB8F63;
    font-family: 'TT Firs Neue', serif;
}

.product_popup .frame ul {
    padding: 0;
    overflow: visible;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    margin-right: -5px;
}

.product_popup .frame ul li,
.product_popup .frame ul li:last-child {
    margin: 0 0 0 42px;
    padding: 0;
}

.product_popup .frame ul em {
    margin: 0 0 2px;
    font-weight: 600;
    line-height: 1;
    font-size: 40px;
    color: #80C700;
    font-family: 'TT Firs Neue', serif;
}

.product_popup .frame ul span {
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    font-family: 'TT Firs Neue', serif;
}

.product_popup .frame ul em sup {
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
    top: -20px;
}

.product_popup .frame ul li:after {
    display: none;
}

.product_popup .dscr_form {
    position: relative;
    margin: 0 0 31px;
    padding: 19px 0 6px 99px;
    max-width: 607px;
}

.product_popup .dscr_form p {
    margin: 0;
    line-height: 1.29;
    font-size: 18px;
    font-weight: 400;
    font-family: 'TT Firs Neue', serif;
}

.product_popup .dscr_form p strong {
    font-weight: 600;
}

.product_popup .dscr_form:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 72px;
    height: 70px;
    background: url("/local/templates/bania.3.1/img_new/nu_icon-19.svg") no-repeat;
    background-size: 100%;
}

.product_popup .form-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.product_popup .form-row .col {
    padding: 0 5px;
    margin: 0 0 20px;
    width: 50%;
}

.product_popup .form-row .col-100 {
    width: 100%;
    padding: 0 5px;
}

.product_popup .form-row .col input[type="text"] {
    height: 70px;
    background: #f2f7f7;
    border: 1px solid #f2f7f7;
    border-radius: 5px;
    margin: 0 0 0;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    font-family: 'TT Firs Neue', serif;
    width: 100%;
    padding: 0 26px;
}

.product_popup .form-row .col-100 .btn {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 70px;
    padding: 5px 10px;
    letter-spacing: -0.06em;
}

.product_popup .form-row .col-100 span {
    display: block;
    text-align: center;
    margin: 21px 0 0;
    font-family: 'TT Firs Neue', serif;
    font-weight: 400;
    font-size: 12px;
    color: #8A8A8A;
}

.product_popup .form-row .col-100 span a {
    color: #00618A;
    text-decoration: underline;
}

.product_popup .form-row .col-100 span a:hover {
    text-decoration: none;
}

.tour_box {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #D4EF31;
    border-radius: 20px 20px 0 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 17px 10px 14px 96px;
    max-width: 316px;
    cursor: pointer;
    transition: all ease 0.3s;
    z-index: 3;
}

.tour_box a {
    text-decoration: none;
}

.tour_box .tour_text {
    font-family: 'TT Firs Neue', serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.01em;
    color: #000;
    line-height: 1.3;
    transition: all ease 0.3s;
}

.tour_box .tour {
    position: absolute;
    bottom: -14px;
    left: 23px;
    width: 58px;
    height: 86px;
    padding: 0 0 0;
    border-radius: 12px 12px 0 0;
    background: #00616E;
    animation: slide 5s cubic-bezier(.5, -.75, .7, 2) infinite;
}

.tour_box .tour .icon {
    position: absolute;
    display: block;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    width: 37px;
    height: 29px;
}

.tour_box:hover {
    background: #00616E;
}

.tour_box:hover .tour_text {
    color: #fff;
}

.tour_box:hover .tour {
    transform: scale(1.0814) !important;
    left: 21px;
    bottom: -36px !important;
    animation-play-state: paused;
}

.close_tour {
    position: absolute;
    right: 5px;
    top: 10px;
    width: 15px;
    height: 15px;
    display: none;
}

.close_tour:after,
.close_tour:before {
    position: absolute;
    content: '';
    width: 2px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -1px;
    background: #000;
}

.close_tour:after {
    transform: rotate(45deg);
}

.close_tour:before {
    transform: rotate(-45deg);
}

@keyframes slide {
    0% {
        transform: scale(1);
        bottom: -42px;
    }
    25% {
        transform: scale(1.0814);
        bottom: -36px;
    }
    50% {
        transform: scale(1);
        bottom: -14px;
    }
    75% {
        transform: scale(1.0814);
        bottom: -36px;
    }
    100% {
        transform: scale(1);
        bottom: -42px;
    }
}

#tour_popup {
    width: 100%;
    display: none;
    max-width: 1281px;
    padding: 0;
}

#tour_popup iframe {
    display: block;
}

.tour_popup .title_popup {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 18px 100px 16px 80px;
    background: #31A7C1;
}

.tour_popup .title_popup .icon {
    display: block;
    width: 45px;
    height: 34px;
}

.tour_popup .title_popup .text {
    padding-left: 28px;
    display: block;
    width: calc(100% - 45px);
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    padding-top: 0;
}

.tour_popup .fancybox-close-small {
    padding: 3px;
    top: 12px;
    right: 60px;
}

.tour_popup .fancybox-button svg path {
    fill: #fff;
}

@media screen and (max-width: 768px) {
    .fancybox-container .whts_popup {
        padding-left: 48%;
        background-size: cover;
        background-position: 50%;
    }

    .fancybox-container .whts_popup:after {
        bottom: -60px;
        left: -60px;
        width: 404px;
        height: 275px;
    }

    .fancybox-container .whts_popup .inner_popup {
        padding: 0 30px;
    }

    .fancybox-container .whts_popup legend {
        font-size: 30px;
    }

    #product_popup {
        padding: 50px 40px 54px;
    }

    .product_popup h2 {
        font-size: 34px;
    }

    .product_popup .frame ul li,
    .product_popup .frame ul li:last-child {
        margin: 0 0 0 20px;
    }

    .product_popup .frame .price strong {
        font-size: 32px;
        margin-bottom: 5px;
    }

    .product_popup .frame ul em {
        font-size: 32px;
    }

    .tour_box {
        bottom: 40px;
        left: 0;
    }

    .tour_popup .title_popup {
        padding: 10px 50px 10px 20px;
    }

    .tour_popup .fancybox-close-small {
        right: 5px;
        top: 5px;
    }
}

@media screen and (max-width: 565px) {
    .fancybox-container .whts_popup {
        min-height: auto;
    }

    .fancybox-container .whts_popup:after {
        width: 334px;
        height: 229px;
    }

    .fancybox-container .whts_popup .inner_popup {
        padding-bottom: 0;
    }

    #product_popup {
        padding: 40px;
    }

    .product_popup h2 {
        font-size: 30px;
    }

    .product_popup .frame {
        display: block;
    }

    .product_popup .frame .price {
        float: none;
        margin: 0 0 15px;
    }

    .product_popup .frame ul {
        justify-content: flex-start;
    }

    .product_popup .frame ul li,
    .product_popup .frame ul li:last-child {
        margin: 0 20px 0 0;
    }

    .product_popup .dscr_form {
        padding: 0 0 0 55px;
    }

    .product_popup .dscr_form:after {
        width: 40px;
        height: 41px;
    }

    .product_popup .form-row .col {
        width: 100%;
    }

    .product_popup .form-row .col input[type="text"],
    .product_popup .form-row .col-100 .btn {
        height: 50px;
    }
}

@media screen and (max-width: 768px) {
    .tour_box {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .fancybox-container .whts_popup {
        padding: 50px 0 130px;
        background-position: 100% 50%;
        background-size: 200%;
    }

    .fancybox-container .whts_popup:after {
        left: -10px;
        width: 274px;
        height: 189px;
    }

    .fancybox-container .whts_popup legend {
        margin: 0 0 35px;
        font-size: 26px;
    }

    .product_popup .fancybox-close-small {
        width: 27px;
        height: 27px;
        top: 12px;
        right: 12px;
    }

    .product_popup .fancybox-close-small:after,
    .product_popup .fancybox-close-small:before {
        height: 34px;
        margin: -17px 0 0 -2px;
    }

    #product_popup {
        padding: 40px 20px;
    }

    .product_popup h2 {
        font-size: 26px;
        margin: 0 0 20px;
    }

    .product_popup .dscr_form p {
        font-size: 16px;
    }

    .product_popup .frame .price strong,
    .product_popup .frame ul em {
        font-size: 28px;
    }

    .product_popup .frame ul em sup {
        font-size: 16px;
        top: -13px;
    }

    .tour_popup .title_popup .icon {
        width: 30px;
        height: 24px;
    }

    .tour_popup .title_popup .icon svg {
        width: 100%;
        height: auto;
    }

    .tour_popup .title_popup .text {
        padding-left: 15px;
        width: calc(100% - 30px);
        font-size: 14px;
    }

    #tour_popup iframe {
        height: 480px;
    }

    .tour_box {
        bottom: 0;
        left: 0;
        max-width: none;
        border-radius: 0;
        padding: 10px 25px 8px 96px;
        min-height: 34px;
    }

    .tour_box .tour_text {
        font-size: 10px;
    }

    .close_tour {
        display: block;
    }
}

.popup-tour {
    width: 100vw;
    height: 100vh;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: -10000px;
    left: -10000px;
    opacity: 0;
    z-index: 9980;
}

.popup-tour.active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10001;
    opacity: 1;
    -webkit-transition: opacity 0.4s ease-out;
    transition: opacity 0.4s ease-out;
}

.popup-tour::before {
    position: absolute;
    width: 10000px;
    height: 10000px;
    background: rgba(0, 97, 110, .5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: 9979;
    opacity: 0.9;
}

.popup-tour .popup-tour__wrapper {
    width: 1170px;
    height: 769px;
    border-radius: 20px;
    background-color: #212121;
    padding: 72px 24px 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 9980;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.popup-tour .popup-tour__wrapper .popup-tour__close {
    position: absolute;
    top: 24px;
    right: 24px;
    cursor: pointer;
}

.popup-tour .popup-tour__wrapper .popup-tour__close svg {
    width: 32px;
    height: 32px;
}

.popup-tour .popup-tour__wrapper .popup-tour__frame {
    width: 1122px;
    height: 450px;
    margin-bottom: 24px;
}

.popup-tour .popup-tour__wrapper .popup-tour__frame > span,
.popup-tour .popup-tour__wrapper .popup-tour__frame .iframeLoaderScroll {
    height: 100%;
}

.popup-tour .popup-tour__wrapper .popup-tour__frame iframe {
    width: 100%;
    height: 100%;
}

.popup-tour .popup-tour__wrapper .popup-tour__content {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    justify-content: space-between;
    gap: 160px;
    font-family: 'TT Firs Neue', serif;
    font-style: normal;
}

.popup-tour .popup-tour__wrapper .popup-tour__hint-wrapper {
    max-width: 402px;
    width: 100%;
}

.popup-tour .popup-tour__wrapper .popup-tour__hint-wrapper .hint-caption {
    color: #fff;
    font-size: 28px;
    font-weight: 500;
    line-height: 23px;
    margin-bottom: 16px;
}

.popup-tour .popup-tour__wrapper .popup-tour__hint-wrapper .hint-list {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-radius: 4px;
    background: #373737;
    padding: 16px;
    row-gap: 26px;
    max-width: 402px;
    width: 100%;
}

.popup-tour .popup-tour__wrapper .popup-tour__hint-wrapper .hint-list__item {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    width: 50%;
}

.popup-tour .popup-tour__wrapper .popup-tour__offer-wrapper {
    max-width: 560px;
    width: 100%;
}

.popup-tour .popup-tour__wrapper .popup-tour__offer-wrapper .offer-caption {
    color: #fff;
    font-size: 28px;
    font-weight: 500;
    line-height: 23px;
    margin-bottom: 16px;
    font-family: 'Montserrat';
}

.popup-tour .popup-tour__wrapper .popup-tour__offer-wrapper .offer-list {
    margin-bottom: 16px;
}

.popup-tour .popup-tour__wrapper .popup-tour__offer-wrapper .offer-list__item {
    color: #CBCBCB;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding-left: 24px;
    position: relative;
    margin-bottom: 18px;
}

.popup-tour .popup-tour__wrapper .popup-tour__offer-wrapper .offer-list__item:before {
    width: 8px;
    height: 8px;
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    border-radius: 50%;
    background-color: #80C700;
}

.popup-tour .popup-tour__wrapper .popup-tour__offer-wrapper .offer-list__item:last-child {
    margin-bottom: 0;
}

.popup-tour .popup-tour__wrapper .popup-tour__offer-wrapper .offer-btn {
    width: 560px;
    max-width: 100%;
    padding: 20px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase;
}

@media screen and (max-width: 1170px) {
    .popup-tour {
        align-items: flex-start;
        padding-top: 10px;
    }

    .popup-tour .popup-tour__wrapper {
        width: 100%;
        max-width: 360px;
        height: 670px;
        padding: 40px 15px;
    }

    .popup-tour .popup-tour__wrapper .popup-tour__close {
        top: 8px;
        right: 8px;
    }

    .popup-tour .popup-tour__wrapper .popup-tour__close svg {
        width: 20px;
        height: 20px;
    }

    .popup-tour .popup-tour__wrapper .popup-tour__frame {
        max-width: 100%;
        width: 360px;
        height: 85%;
    }

    .popup-tour .popup-tour__wrapper .popup-tour__content {
        flex-direction: column;
        gap: 16px;
        max-width: 100%;
        margin: 0 auto;
    }

    .popup-tour .popup-tour__wrapper .popup-tour__hint-wrapper .hint-caption {
        font-size: 22px;
        line-height: 23px;
        margin-bottom: 8px;
    }

    .popup-tour .popup-tour__wrapper .popup-tour__hint-wrapper .hint-list {
        padding: 16px 24px;
        row-gap: 18px;
    }

    .popup-tour .popup-tour__wrapper .popup-tour__hint-wrapper .hint-list__item {
        gap: 8px;
        font-size: 14px;
    }

    .popup-tour .popup-tour__wrapper .popup-tour__offer-wrapper .offer-caption {
        font-size: 22px;
        line-height: 23px;
        margin-bottom: 8px;
    }

    .popup-tour .popup-tour__wrapper .popup-tour__offer-wrapper .offer-list {
        margin-bottom: 16px;
    }

    .popup-tour .popup-tour__wrapper .popup-tour__offer-wrapper .offer-list__item {
        font-size: 13px;
        margin-bottom: 4px;
    }

    .popup-tour .popup-tour__wrapper .popup-tour__offer-wrapper .offer-list__item:last-child {
        margin-bottom: 0;
    }

    .popup-tour .popup-tour__wrapper .popup-tour__offer-wrapper .offer-list__item span.hide-mobile {
        display: none;
    }

    .popup-tour .popup-tour__wrapper .popup-tour__offer-wrapper .offer-btn {
        text-transform: initial;
        padding: 12px 24px;
    }
}

.about-block {
    position: relative;
    padding: 58px 0 20px;
    z-index: 1;
}

.about-block .title-block {
    margin: 0 0 40px;
    color: #000;
    font-family: 'Montserrat';
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    padding: 0;
}

.about-block .title-block:after {
    content: none;
}

.about-block .about-text .icon {
    display: none;
}

.about-block .about-text {
    margin: 0 0 64px;
    display: flex;
    align-items: center;
}

.about-block .about-text .text {
    color: #333;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding: 0;
}

.about-block .about-text .text span {
    font-weight: 700;
}

.about-block .video-wrapper {
    display: flex;
    gap: 48px;
    flex-wrap: nowrap;
    padding: 48px 0;
    position: relative;
    margin-bottom: 64px;
}

.about-block .video-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    --left1: calc(100% - 100vw);
    left: calc(var(--left1) / 2);
    width: 100vw;
    height: 100%;
    overflow: hidden;
    background: #EEF6DC;
    z-index: -1;
}

.about-block .video-wrapper .video {
    max-width: 562px;
    height: 388px;
    background: none;
}

.about-block .video-wrapper .video a {
    position: relative;
    width: auto;
    /* height: auto; */
    height: 388px;
    display: block;
    border-radius: 4px;
    top: auto;
    left: auto;
}

.about-block .video-wrapper .video a:after {
    display: none;
}

.about-block .video-wrapper .video .play {
    all: initial;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 116px;
    height: 116px;
    background-image: url(/local/templates/bania.3.0/images/about/video-play.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    transition: all 0.3s linear;
    cursor: pointer;
}

.about-block .video-wrapper .video .caption {
    content: '';
    position: absolute;
    top: 104px;
    left: 100px;
    display: block;
    width: 146px;
    height: 34px;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    line-height: 120%;
}

.about-block .video-wrapper .video .arrow {
    content: '';
    position: absolute;
    top: 146px;
    left: 178px;
    display: block;
    width: 32px;
    height: 32px;
}

.about-block .video-wrapper .video .play:after {
    content: none;
}

.about-block .video-wrapper .video a:hover .play {
    box-shadow: none;
    border: none;
}

.about-block .video-wrapper .info-text {
    max-width: 560px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    font-family: 'Montserrat';
    font-style: normal;
}

.about-block .video-wrapper .info-text .info-text__description {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
}

.about-block .video-wrapper .info-text .info-text__description p {
    margin: 0 !important;
}

.about-block .video-wrapper .info-text .info-text__name {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 8px;
}

.about-block .video-wrapper .info-text .info-text__post {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
}

.about-block .video-wrapper .info-text .info-text__btn {
    border-radius: 5px;
    background: #85B823;
    width: 329px;
    max-width: 100%;
    padding: 14px 20px;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
}

.about-block .staff-wrapper {
    position: relative;
    font-family: 'Montserrat';
    font-style: normal;
    margin-bottom: 64px;
}

.about-block .staff-wrapper .staff-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0 24px;
    margin-bottom: 12px;
}

.about-block .staff-wrapper .staff-list .staff-item {
    display: flex;
    flex-direction: column;
    margin: 0 0 24px;
    width: calc(25% - 24px);
    height: 430px;
    border-radius: 5px;
    border: 3px solid #F2F7F7;
}

.about-block .staff-wrapper .staff-list .staff-item .staff-image.img {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    max-width: 100%;
    margin-bottom: 32px;
}

.about-block .staff-wrapper .staff-list .staff-item .staff-image.img img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.about-block .staff-wrapper .staff-list .staff-item .staff-name {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 16px;
    padding: 0 32px;
}

.about-block .staff-wrapper .staff-list .staff-item .staff-post {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
    padding: 0 32px;
}

.about-block .staff-wrapper .staff-list .staff-item.item--first {
    justify-content: space-between;
    align-items: center;
    background-color: #275f6b;
    background-image: url(/local/templates/bania.3.0/images/about/first-item.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 211px 174px;
    padding: 32px;
    border: none;
    /* width: 274.5px;*/
}

.about-block .staff-wrapper .staff-list .staff-item.item--first .num {
    margin: 0 0 15px;
    color: #FFF;
    text-align: center;
    font-size: 64px;
    font-weight: 500;
    line-height: 100%;
    width: 210.461px;
    height: 289px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-block .staff-wrapper .staff-list .staff-item.item--first .title {
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 16px;
}

.about-block .staff-wrapper .staff-list .staff-item.item--first .subtitle {
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
}

.about-block .staff-wrapper .staff-list .staff-item.item--last {
    justify-content: space-between;
    align-items: center;
    background-color: #85B823;
    background-image: url(/local/templates/bania.3.0/images/about/last-item.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 230px 230px;
    width: 50%;
    border: none;
}

.social-network {
    display: flex;
    padding: 40px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    align-self: stretch;
}

.social-network .title {
    color: #FFF;
    font-size: 26px;
    font-weight: 600;
    line-height: 120%;
}

.social-network .numbers {
    display: flex;
    gap: 64px;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.social-network .numbers span {
    margin-top: 8px;
    display: block;
    font-size: 64px;
    line-height: 100%;
    font-weight: 500;
}

.social-network .subtitle {
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
}

.social-network .subtitle span {
    font-weight: 700;
}

.about-block .staff-wrapper .staff-all {
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-block .staff-wrapper .staff-all .btn {
    max-width: 262px;
    padding: 14px 20px;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
}

@media screen and (max-width: 960px) {

    .about-block {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
    }

    .about-block .title-block {
        margin: 0 auto 32px;
        font-size: 26px;
        padding: 0;
    }

    .about-block .title-block:after {
        content: none;
    }

    .about-block .about-text .icon {
        display: none;
    }

    .about-block .about-text {
        margin: 0 0 64px;
        display: flex;
        align-items: center;
    }

    .about-block .video-wrapper {
        flex-direction: column;
        gap: 32px;
        margin-bottom: 48px;
        background: #EEF6DC;
    }

    .about-block .video-wrapper:before {
        content: none;
    }

    .about-block .video-wrapper .video {
        max-width: 345px;
        margin: 0 auto;
        height: 239px;
        background: none;
    }

    .about-block .video-wrapper .video a {
        position: relative;
        height: 239px;
        max-width: 345px;
        width: 100%;
    }

    .about-block .video-wrapper .video a:after {
        display: none;
    }

    .about-block .video-wrapper .video .play {
        display: block;
        width: 80px;
        height: 80px;
    }

    .about-block .video-wrapper .video .caption {
        top: 38px;
        left: 42px;
    }

    .about-block .video-wrapper .video .arrow {
        top: 72px;
        left: 90px;
    }

    .about-block .video-wrapper .video .play:after {
        content: none;
    }

    .about-block .video-wrapper .video a:hover .play {
        box-shadow: none;
        background: none;
    }

    .about-block .video-wrapper .info-text {
        max-width: 345px;
        width: 100%;
        margin: 0 auto;
    }

    .about-block .staff-wrapper {
        margin: 0 auto;
    }

    .about-block .staff-wrapper .staff-list {
        flex-direction: column;
        gap: 16px;
        margin: 0 auto 12px;
        width: 100%;
        max-width: 100%;
    }

    .about-block .staff-wrapper .staff-list .staff-item {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 354px;
        margin: 0;
    }

    .about-block .staff-wrapper .staff-list .staff-item .staff-image.img {
        position: relative;
        overflow: hidden;
        border-radius: 4px;
        max-width: 100%;
        max-height: 280px;
        margin-bottom: 32px;
    }

    .about-block .staff-wrapper .staff-list .staff-item .staff-name {
        padding: 0 32px;
    }

    .about-block .staff-wrapper .staff-list .staff-item .staff-post {
        padding: 0 32px 32px;
    }

    .about-block .staff-wrapper .staff-list .staff-item.item--first {

    }

    .about-block .staff-wrapper .staff-list .staff-item.item--last {
        width: 100%;
    }

    .social-network {
        display: flex;
        padding: 32px;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        flex: 1 0 0;
        align-self: stretch;
    }

    .social-network .title {
        font-size: 22px;
    }

    .social-network .numbers {
        width: 100%;
        display: flex;
        gap: initial;
        justify-content: space-between;
        align-items: center;
        color: #FFF;
        font-size: 14px;
    }

    .social-network .numbers span {
        font-size: 40px;
    }
}

.banner-tour {
    padding: 80px 40px 0;
    background: #f6f6f6;
    border-radius: 12px;
}

.banner-tour .banner-tour__wrapper {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.banner-tour .banner-tour__wrapper .banner-tour__title {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 56px;
    line-height: 1.2;
    text-align: center;
    color: #151616;
}

.banner-tour .banner-tour__wrapper .banner-tour__subtitle {
    max-width: 896px;
    margin: 0 auto 40px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
    color: #323836;
}

.banner-tour .banner-tour__wrapper .banner-tour__frame {
    /*width: 100%;
    height: 400px;
    margin-bottom: 11px;*/
     width: 100%;
    height: 600px;
    margin-bottom: 11px;
    max-height: 60vh;
}

.banner-tour .banner-tour__wrapper .banner-tour__frame span,
.banner-tour .banner-tour__wrapper .banner-tour__frame iframe {
    width: 100%;
    height: 100%;
}

.banner-tour .banner-tour__wrapper .banner-tour__content {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    justify-content: space-between;
    gap: 48px;
    font-family: 'Montserrat';
    font-style: normal;
}

.banner-tour .banner-tour__wrapper .banner-tour__hint-wrapper {
    width: 100%;
    max-width: 476px;
    border-radius: 5px;
    background: #EEF6DC;
    padding: 32px;
}

.banner-tour .banner-tour__wrapper .banner-tour__hint-wrapper .hint-caption {
    margin-bottom: 24px;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
}

.banner-tour .banner-tour__wrapper .banner-tour__hint-wrapper .hint-list {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    row-gap: 16px;
    width: 100%;
}

.banner-tour .banner-tour__wrapper .banner-tour__hint-wrapper .hint-list__item {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    width: 50%;
}

.banner-tour .banner-tour__wrapper .banner-tour__offer-wrapper {
    width: 100%;
}

.banner-tour .banner-tour__wrapper .banner-tour__offer-wrapper .offer-caption {
    color: #000;
    font-size: 26px;
    font-weight: 600;
    line-height: 160%;
    margin-bottom: 32px;
    font-family: 'Montserrat';
}

.banner-tour .banner-tour__wrapper .banner-tour__offer-wrapper .offer-list {
    margin-bottom: 32px;
}

.banner-tour .banner-tour__wrapper .banner-tour__offer-wrapper .offer-list__item {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
    padding-left: 24px;
    position: relative;
    margin-bottom: 16px;
}

.banner-tour .banner-tour__wrapper .banner-tour__offer-wrapper .offer-list__item:before {
    width: 8px;
    height: 8px;
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    border-radius: 50%;
    background-color: #80C700;
}

.banner-tour .banner-tour__wrapper .banner-tour__offer-wrapper .offer-list__item:last-child {
    margin-bottom: 0;
}

.banner-tour .banner-tour__wrapper .banner-tour__offer-wrapper .offer-btn {
    width: 408px;
    max-width: 100%;
    padding: 20px 24px;
    border-radius: 8px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

@media screen and (max-width: 991px) {

    .banner-tour {
        padding: 64px 48px 0;
    }

    .banner-tour .banner-tour__wrapper {
        width: 100%;
    }

    .banner-tour .banner-tour__wrapper .banner-tour__title {
        margin-bottom: 8px;
        font-size: 42px;
    }

    .banner-tour .banner-tour__wrapper .banner-tour__subtitle {
        margin-bottom: 32px;
        font-size: 16px;
    }

    .banner-tour .banner-tour__wrapper .banner-tour__frame {
        max-width: 100%;
        width: 100%;
        height: 240px;
    }

    .banner-tour .banner-tour__wrapper .banner-tour__content {
        flex-direction: column;
        gap: 32px;
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
    }

    .banner-tour .banner-tour__wrapper .banner-tour__hint-wrapper {
        width: 100%;
        max-width: 100%;
    }

    .banner-tour .banner-tour__wrapper .banner-tour__hint-wrapper .hint-caption {
        font-size: 22px;
        line-height: 23px;
        margin-bottom: 24px;
    }

    .banner-tour .banner-tour__wrapper .banner-tour__hint-wrapper .hint-list {
        row-gap: 18px;
    }

    .banner-tour .banner-tour__wrapper .banner-tour__hint-wrapper .hint-list__item {
        gap: 8px;
        font-size: 14px;
    }

    .banner-tour .banner-tour__wrapper .banner-tour__offer-wrapper .offer-caption {
        font-size: 22px;
        line-height: 23px;
        margin-bottom: 24px;
    }

    .banner-tour .banner-tour__wrapper .banner-tour__offer-wrapper .offer-list {
        margin-bottom: 16px;
    }

    .banner-tour .banner-tour__wrapper .banner-tour__offer-wrapper .offer-list__item {
        font-size: 13px;
        margin-bottom: 4px;
    }

    .banner-tour .banner-tour__wrapper .banner-tour__offer-wrapper .offer-list__item:last-child {
        margin-bottom: 0;
    }

    .banner-tour .banner-tour__wrapper .banner-tour__offer-wrapper .offer-list__item span.hide-mobile {
        display: none;
    }

    .banner-tour .banner-tour__wrapper .banner-tour__offer-wrapper .offer-btn {
        text-transform: initial;
        padding: 12px 24px;
        width: 100%;
    }
}


/*BEGIN TYPICAL CUSTOM SLIDER ARROW AND DOTS*/
.custom-arrow .slick-arrow {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #EEE;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all ease 0.3s;
    z-index: 2;
}

.custom-arrow .slick-prev {
    left: -16px;
}

.custom-arrow .slick-next {
    right: -16px;
}

.custom-arrow .slick-prev:after,
.custom-arrow .slick-next:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    width: 8px;
    height: 8px;
    transition: all ease 0.3s;
}

.custom-arrow .slick-prev:after {
    transform: rotate(-45deg);
    margin: -5px 0 0 -3px;
}

.custom-arrow .slick-next:after {
    transform: rotate(135deg);
    margin: -5px 0 0 -6px;
}

.custom-arrow .slick-next:before,
.custom-arrow .slick-prev:before {
    content: none;
}

.custom-arrow .slick-prev:hover,
.custom-arrow .slick-next:hover {
    background: #85B823;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    border-color: #fff;

}

.custom-dots .slick-dots {
    bottom: 0;
}

.custom-dots .slick-dots li button {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #e5eff0;
    margin: 0 7px 0;
    padding: 0;
}

.custom-dots .slick-dots li.slick-active button {
    background-color: #80c700;
}

@media (max-width: 480px) {

    .custom-arrow .slick-arrow.slick-next {
        right: 0;
        z-index: 10;
    }

    .custom-arrow .slick-arrow.slick-prev {
        left: 0;
        z-index: 10;
    }
}

/*END TYPICAL CUSTOM SLIDER ARROW AND DOTS*/


/*BEGIN TYPICAL SLIDER*/

.slider-block__list {
    /* display: flex;
     flex-wrap: wrap;*/
    margin: 0 -7px;
}

.slider-block__list .slider-block__item {
    padding: 0 7px;
    margin: 0 0 14px;
    width: 33.3%;
}

.slider-block__list .inner_item {
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    transition: all 0.3s linear;
}

.slider-block__list .slider-block__text {
    padding: 32px;
    background: #fff;
    border: 3px solid #f2f7f7;
    border-radius: 4px;
}

.slider-block__list .slider-block__title {
    display: block;
    margin: 0 0 12px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
    min-height: 40px;
}

.slider-block__list .slider-block__title a {
    text-decoration: none;
    color: #000;
}

.slider-block__list .slider-block__title a:hover {
    color: #80c700;
}

.slider-block__list .slider-block__list .list_sizes {
    margin: 0 -5px 22px;
}

.slider-block__list .slider-block__list .list_sizes li span {
    color: #000;
}

.slider-block__list .price_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.slider-block__list .price_box .price {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
    margin: 0 10px 15px 0;
}

.slider-block__list .price_box .btn {
    padding: 16px 10px;
    max-width: 180px;
    font-size: 16px;
    margin: 0 0 15px;
}

@media screen and (max-width: 960px) {
    .slider-block__list .slider-block__item {
        width: 50%;
    }
}

@media screen and (max-width: 480px) {
    .slider-block__list .slider-block__item {
        width: 100%;
    }
}

/*END TYPICAL SLIDER*/


/*BEGIN OUR PROJECTS BLOCK ON MAIN PAGE*/

.our-projects {
    position: relative;
    padding: 32px 0 50px;
    z-index: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    font-family: 'Montserrat';
    font-style: normal;
}

.our-projects .section {
    margin: 0 -24px;
    padding: 48px 24px 48px;
    position: relative;
}

.our-projects .item--style {
    /*background: #f2f7f7;
     order: 2;*/
}

.our-projects .item--style:before {
    content: '';
    position: absolute;
    top: 0;
    --left1: calc(100% - 100vw);
    left: calc(var(--left1) / 2);
    width: 100vw;
    height: 100%;
    overflow: hidden;
    background: #F2F7F7;;
    z-index: -1;
}

.our-projects .item--bania {
    /* background: #f7f4f1;
    order: 1;*/
}

.our-projects .item--material {
    /* background: #ecf7d9;
     order: 3;*/
}

.our-projects .section-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    color: #000;
    font-size: 26px;
    font-weight: 600;
    line-height: 100%;
    margin: 0 0 40px;
    font-family: 'Montserrat';
}

.our-projects .section-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px 32px;
}

.our-projects .section-list__item {
    padding: 0 12px;
    margin: 0 0 0;
    display: flex;
    /* flex: 0 1 25%; */
    width: 25%;
}

.our-projects .section-list__item .wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    overflow: hidden;
}

.our-projects .section-list__item .wrapper .img {
    border-radius: 5px;
    position: relative;
}

.our-projects .section-list__item .wrapper .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
    max-height: 180px;
}

.our-projects .section-list__item .wrapper .img:after {
    content: "";
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(47, 144, 205, 0) 0%, rgba(21, 105, 113, 1) 100%);
    border-radius: 5px;
}

.our-projects .section-list__item:hover .wrapper .img:after {
    display: block;
}

.our-projects .section-list__item .wrapper .img .btn {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: calc(50% - 25px);
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s linear;
    max-width: 215px;
    font-size: 16px;
    padding: 16px 10px;
    z-index: 1;
}

.our-projects .section-list__item:hover .wrapper .img .btn {
    opacity: 1;
    visibility: visible;
}

.our-projects .section-list__item .wrapper a {
    text-decoration: none;
}

.our-projects .section-list__item .wrapper .information {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 32px;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
    transition: all .3s ease;
    background: #fff;
    border: 3px solid #f2f7f7;
    border-top: none;
    border-radius: 0 0 5px 5px;
}

.our-projects .section-list__item .wrapper .information .information__title {
    margin: 0 0 16px;
    color: #275F6C;
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
}

.our-projects .section-list__item .wrapper .information .information__description {
    flex: 1 1 auto;
    margin: 0 0 16px;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
}

.our-projects .item--bania .section-list__item .wrapper .information {
    min-height: 210px;
}

.our-projects .item--style .section-list__item .wrapper .information {
    min-height: 300px;
    border: none;
}

.our-projects .item--material .section-list__item .wrapper .information {
    min-height: 230px;
}

.our-projects .section-list__item .wrapper .information .information__link-detail {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    color: #275F6C;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
}

.our-projects .section-list__item:hover .wrapper .information .information__link-detail {
    text-decoration: none;
    color: #85B823;
}

.our-projects .section-list__item:hover .wrapper .information .information__link-detail svg {
    color: #85B823;
}

.our-projects .section-all {
    display: flex;
    justify-content: center;
    align-items: center;
}

.our-projects .section-all .btn {
    transition: all 0.3s linear;
    max-width: 300px;
    font-size: 16px;
    padding: 14px;
}

@media screen and (max-width: 960px) {

    .our-projects .section-title {
        font-size: 22px;
        margin: 0 0 32px;
    }

    .our-projects .section-list__item {
        width: 50%;
        margin: 0 0 24px;
    }

    .our-projects .information {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {

    .our-projects {
        padding: 16px 0 32px;
    }

    .our-projects .section-list__item {
        width: 100%;
    }

    .our-projects .section-list__item .wrapper .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        max-height: 180px;
    }

    .our-projects .item--bania .section-list__item .wrapper .information {
        min-height: auto;
    }

    .our-projects .item--style .section-list__item .wrapper .information {
        min-height: auto;
    }

    .our-projects .item--material .section-list__item .wrapper .information {
        min-height: auto;
    }

    .our-projects .section-all .btn {
        max-width: 100%;
    }
}

/*END OUR PROJECTS BLOCK ON MAIN PAGE*/


/*BEGIN TYPICAL CUSTOM LIST BLOCK*/

.custom-block {
    margin: 0 -24px;
    padding: 0 24px;
    position: relative;
}

.custom-block .custom-block-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 40px;
    color: #000;
    font-size: 34px;
    font-weight: 700;
    line-height: 100%;
}

.custom-block .custom-block-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px 32px;
}

.custom-block .custom-block-list__item {
    padding: 0 12px;
    margin: 0 0 0;
    display: flex;
    /* flex: 0 1 25%; */
    width: 25%;
}

.custom-block .custom-block-list__item .wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    overflow: hidden;
}

.custom-block .custom-block-list__item .wrapper .img {
    border-radius: 5px;
    position: relative;
}

.custom-block .custom-block-list__item .wrapper .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
    max-height: 180px;
}

.custom-block .custom-block-list__item .wrapper .img:after {
    content: "";
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(47, 144, 205, 0) 0%, rgba(21, 105, 113, 1) 100%);
    border-radius: 5px;
}

.custom-block .custom-block-list__item:hover .wrapper .img:after {
    display: block;
}

.custom-block .custom-block-list__item .wrapper .img .btn {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: calc(50% - 25px);
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s linear;
    max-width: 215px;
    font-size: 16px;
    padding: 16px 10px;
    z-index: 1;
}

.custom-block .custom-block-list__item:hover .wrapper .img .btn {
    opacity: 1;
    visibility: visible;
}

.custom-block .custom-block-list__item .wrapper a {
    text-decoration: none;
}

.custom-block .custom-block-list__item .wrapper .information {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 32px;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
    transition: all .3s ease;
    background: #fff;
    border: 3px solid #f2f7f7;
    border-top: none;
    border-radius: 0 0 5px 5px;
}

.custom-block .custom-block-list__item .wrapper .information .information__title {
    margin: 0 0 16px;
    min-height: 49px;
    color: #275F6C;
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
}

.custom-block .custom-block-list__item .wrapper .information .information__description {
    flex: 1 1 auto;
    margin: 0 0 16px;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
}

.custom-block .custom-block-list__item .wrapper .information .information__link-detail {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    color: #275F6C;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
}

.custom-block .custom-block-list__item .wrapper .information .information__properties {
    margin: 8px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    min-height: 100px;
    flex: 1 1 auto;
}

.custom-block .custom-block-list__item .wrapper .information .information__properties .information__property {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    position: relative;
    width: 100%;
}

.custom-block .custom-block-list__item .wrapper .information .information__properties .information__property .icon {
    width: 24px;
    height: 24px;
}

.custom-block .custom-block-list__item .wrapper .information .information__properties .information__property .key {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
}

.custom-block .custom-block-list__item .wrapper .information .information__properties .information__property .bottom-line {
    max-width: 135px;
    width: 100%;
    height: 1px;
    background: rgba(39, 95, 108, 0.15);
    bottom: 0;
}

.custom-block .custom-block-list__item .wrapper .information .information__properties .information__property .value {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    text-align: right;
    white-space: nowrap;
}

.custom-block .custom-block-list__item:hover .wrapper .information .information__link-detail {
    text-decoration: none;
    color: #85B823;
}

.custom-block .custom-block-list__item:hover .wrapper .information .information__link-detail svg {
    color: #85B823;
}

.custom-block .custom-block-all {
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-block .custom-block-all .btn {
    transition: all 0.3s linear;
    max-width: 300px;
    font-size: 16px;
    padding: 14px;
}

@media screen and (max-width: 991px) {

    .custom-block .custom-block-title {
        margin-bottom: 32px;
        font-size: 26px;
    }

    .custom-block .custom-block-list__item {
        width: 50%;
        margin: 0 0 24px;
    }

    .custom-block .information {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {

    .custom-block .custom-block-list__item {
        width: 100%;
    }

    .custom-block .custom-block-list__item .wrapper .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        max-height: 180px;
    }

    .custom-block .custom-block-list__item .wrapper .information .information__title {
        min-height: auto;
    }

    .custom-block .custom-block-list__item .wrapper .information .information__properties {
        min-height: auto;
    }

    .custom-block .custom-block-all .btn {
        max-width: 100%;
    }
}

/*END TYPICAL CUSTOM LIST BLOCK*/


/*BEGIN OUR WORKS LIST BLOCK ON MAIN PAGE (based on .custom-block )*/

.our-works-index {
    padding: 32px 0 32px;
}

.our-works-index .custom-block-title {
    font-family: 'Montserrat';
}

.our-works-index .custom-block .custom-block-list__item {
    /* width: calc(100% / 3); */
    width: 396px;
    padding: 0 10px;
    margin: 0 0 24px;
}

.custom-block .works-index__slider .custom-block-list__item .wrapper{
    overflow: hidden;
    border-radius: 20px;
    background: #F1F4F4;
}

/* .custom-block .works-index__slider .custom-block-list__item .wrapper a{
    display: block;
    width: 100%;
    height: 100%;
} */

.custom-block .works-index__slider .custom-block-list__item .wrapper .img{
    position: relative;
    height: 217px;
}

.custom-block .works-index__slider .custom-block-list__item .wrapper .img img{
    display: block;
    max-height: none;
    border-radius: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.custom-block .works-index__slider .custom-block-list__item:hover .wrapper .img:after{
    display: none;
}

.custom-block .works-index__slider .custom-block-list__item .wrapper .information{
    border: none;
    background: transparent;
    padding: 21px 23px 23px;
}

.custom-block .custom-block-list__item .wrapper .information .information__title {
    color: #000;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2;
    padding: 0 9px;
    margin: 0 0 14px;
    /* text-transform: uppercase; */
}
.custom-block .custom-block-list__item .wrapper .information .information__title a{
    color: #000;
    transition: all 0.3s linear;
}
.custom-block .custom-block-list__item .wrapper .information .information__title a:hover{
    color: #91c700;
}

.custom-block-list__item .information__dscr{
    padding: 15px;
    background: #fff;
    border-radius: 10px;
}
.custom-block .works-index__slider .custom-block-list__item .wrapper .information .information__properties{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
    gap: 0;
    flex: none;
    min-height: auto;
    margin: 0 -5px 15px;
}

.custom-block .works-index__slider .custom-block-list__item .wrapper .information .information__properties .information__property{
    flex: 1 0 auto;
    display: flex;
    width: auto;
    align-items: center;
    justify-content: start;
    gap: 0;
    padding: 0 5px;
}
.custom-block .works-index__slider .custom-block-list__item .wrapper .information .information__properties .information__property .prop_box{
    padding-left: 6px;
    width: calc(100% - 24px);
    /* text-align: left; */
}
.custom-block .works-index__slider .custom-block-list__item .wrapper .information .information__properties .information__property .key{
    display: block;
    color: #555;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    /* margin: 0 0 2px; */
    text-align: left;
}

.custom-block .works-index__slider .custom-block-list__item .wrapper .information .information__properties .information__property .value{
    display: block;
    color: #555;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
    text-align: left;
}

.works-index__slider .custom-block-list__item .wrapper .information .links_holder{
    padding-top: 10px;
    position: relative;
}
.works-index__slider .custom-block-list__item .wrapper .information .links_holder:after{
    position: absolute;
    content: '';
    top: 0;
    height: 1px;
    left: -5px;
    right: -5px;
    background: #EBEBEB;
}
.works-index__slider .custom-block-list__item .wrapper .information .links_holder .links{
    display: block;
    position: relative;
    transition: all 0.3s linear;
    padding-right: 35px;
    color: #000;
    font-weight: 500;
    line-height: 1.2;
    font-size: 15px;
}
.works-index__slider .custom-block-list__item .wrapper .information .links_holder .links:hover{
    color: #91c700;
}
.works-index__slider .custom-block-list__item .wrapper .information .links_holder .links svg{
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    width: 21px;
    height: 8px;
    transition: all 0.3s linear;
}
.works-index__slider .custom-block-list__item .wrapper .information .links_holder .links:hover svg path{
    fill: #91c700;
}

.works-index__slider .slick-arrow {
    z-index: 2;
    width: 27px;
    height: 50px;
    background: transparent;
    border-radius: 0;
    top: 38%;
    transform: translateY(-50%);
}

.works-index__slider .slick-arrow:after{
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 34px;
    height: 34px;
    border-top: 3px solid #000;
    border-left: 3px solid #000;
    margin: -18px 0 0 -6px;
    transition: all 0.3s linear;
}

.works-index__slider .slick-arrow:hover:after{
    border-color: #80c700;
}

.works-index__slider .slick-prev {
    left: -35px;
}

.works-index__slider .slick-prev:after {
    transform: rotate(-45deg);
}

.works-index__slider .slick-next {
    right: -35px;
}

.works-index__slider .slick-next:after {
    transform: rotate(135deg);
    margin: -18px 0 0 -32px;
}

.works-index__slider .slick-next:before,
.works-index__slider .slick-prev:before {
    content: none;
}
.works-index__slider .slick-dots{
    line-height: 0;
    bottom: -4px;
}
.works-index__slider .slick-dots li{
    vertical-align: top;
}
.works-index__slider .slick-dots li button{
    margin: 0 4px;
    display: block;
}

.custom-block .works-index__slider .custom-block-list__item .wrapper .img:before {
    content: "";
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border-radius: 20px 20px 0 0;
    background: linear-gradient(324deg, rgba(23, 90, 99, 0.60) 2.43%, rgba(10, 29, 32, 0.00) 199.37%);
    transition: all 0.3s linear;
    opacity: 0;
    z-index: 1;
}

@media (min-width: 1024px){
    .custom-block .works-index__slider .custom-block-list__item .wrapper .img:hover:before{
        transition: all 0.3s linear;
        opacity: 1;
    }
}
@media (max-width: 1250px){
    .works-index__slider .slick-prev {
        left: 0;
    }

    .works-index__slider .slick-next {
        right: 0;
    }
}

@media (max-width: 960px) {
    .works-index__slider{
        margin: 0;
        /* width: 100%; */
    }

    .works-index__slider .slick-arrow.slick-next {
        right: 0;
        z-index: 10;
    }

    .works-index__slider .slick-arrow.slick-prev {
        left: 0;
        z-index: 10;
    }
}

@media (max-width: 768px){
    .our-works-index{
        width: 100%;
    }
    .custom-block .custom-block-list.works-index__slider{
        padding: 0 0 15px;
        margin: 0 -10px 32px;
        display: block;
    }
    /* .works-index__slider .slick-dots li{
        margin: 0 0 4px;
    } */
    .works-index__slider .slick-dots{
        margin: 0 -4px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .works-index__slider .slick-dots li{
        margin: 0 4px 4px;
        flex: 1 0 auto;
        max-width: 50px;
    }
    .works-index__slider .slick-dots li button{
        width: 100%;
        max-width: 50px;
        margin: 0;
    }
}

@media (max-width: 480px) {

    .our-works-index .custom-block .works-index__slider{
        margin: 0;
    }

    .our-works-index .custom-block .custom-block-list__item {
        width: auto;
        padding: 0;
    }
    .our-works-index .custom-block .custom-block-list__item .wrapper .information .information__title{
        min-height: 49px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -moz-box;
        -moz-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-clamp: 2;
        box-orient: vertical;
    }
    /* .works-index__slider .slick-dots li button{
        width: 30px;
    } */
    /* .works-index__slider .slick-dots{
        margin: 0 -4px;
        display: flex !important;
        align-items: center;
        justify-content: center;
    } */
    .works-index__slider .slick-dots li{
        /* margin: 0 4px 4px;
        flex: 1 0 auto; */
        max-width: 30px;
    }
    .works-index__slider .slick-dots li button{
        /* width: 100%; */
        max-width: 30px;
        /* margin: 0; */
    }
    .works-index__slider .video{
        height: 375px;
    }
}



/*END OUR WORKS LIST BLOCK ON MAIN PAGE*/

/*BEGIN VIDEO BLOCK ON MAIN PAGE*/

.reels-index {
    padding: 32px 0 32px;
    width: 100%;
}

.reels-index .reels-index__title {
    margin-bottom: 40px;
    color: #000;
    font-size: 34px;
    font-weight: 700;
    line-height: 100%;
    font-family: 'Montserrat';
}

.reels-index .reels-index__slider {
    padding-bottom: 2px;
    margin: 0 -10px 50px;
    /* width: 100%; */
}

.reels-index .reels-index__slider .slick-list {
    /* width: 100%; */
}

.reels-index .reels-index__slider .slider-block__item {
    /* width: 25%; */
    /* padding: 0 15px; */
    padding: 0 10px;
    /* width: 300px; */
    width: 198px;
}

.reels-index .video {
    max-width: 100%;
    /* height: 430px; */
    height: 233px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    background: none;
    margin: 0 0 0;
}

/*.reels-index .video:after {
    content: "";
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(47, 144, 205, 0) 0%, rgba(21, 105, 113, 1) 100%);
    border-radius: 5px;
}

.reels-index .slider-block__item:hover .video:after {
    display: block;
}*/

.reels-index .video a {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    /* border-radius: 4px;
    top: auto;
    left: auto; */
}

.reels-index .video a:after {
    display: none;
}

.reels-index .video:after {
    content: "";
    display: block;
    width: 100%;
    /* height: 100%; */
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(7deg, #06191C -36.6%, rgba(10, 29, 32, 0.00) 89.39%);
    border-radius: 20px;
    pointer-events: none;
    transition: all 0.3s linear;
    bottom: 0;
    top: 64%;
}

.reels-index .video:before {
    content: "";
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border-radius: 20px;
    background: linear-gradient(324deg, rgba(23, 90, 99, 0.60) 2.43%, rgba(10, 29, 32, 0.00) 199.37%);
    transition: all 0.3s linear;
    opacity: 0;
    z-index: 1;
    pointer-events: none;
}

.reels-index .video img{
    display: block !important;
    margin: 0;
}

.reels-index .video .play {
    /* all: initial; */
    content: '';
    position: absolute;
    display: block;
    width: 67px;
    height: 69px;
    background: url(/local/templates/bania.3.0/img_new/nw_play.svg) no-repeat;
    background-position: 50%;
    background-size: 100%;
    transition: all 0.3s linear;
    cursor: pointer;
    z-index: 2;
    bottom: -3px;
    right: 12px;
    top: auto;
    left: auto;
    transform: none;
}

.reels-index .slider-block__item .name {
    display: block;
    color: #000;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.2;
    padding: 13px 6px;
}

.reels-index .video .play:after {
    content: none;
}

/* .reels-index .slider-block__list.reels-index__slider .inner_item:hover {
    box-shadow: 0 0 20px 0 rgba(0, 97, 110, 0.5);
} */

.reels-index__slider .slick-arrow {
    z-index: 2;
    width: 27px;
    height: 50px;
    background: transparent;
    border-radius: 0;
    top: 38%;
    transform: translateY(-50%);
}

.reels-index__slider .slick-arrow:after{
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 34px;
    height: 34px;
    border-top: 3px solid #000;
    border-left: 3px solid #000;
    margin: -18px 0 0 -6px;
    transition: all 0.3s linear;
}

.reels-index__slider .slick-arrow:hover:after{
    border-color: #80c700;
}

.reels-index .slick-prev {
    left: -35px;
}

.reels-index .slick-prev:after {
    transform: rotate(-45deg);
}

.reels-index .slick-next {
    right: -35px;
}

.reels-index .slick-next:after {
    transform: rotate(135deg);
    margin: -18px 0 0 -32px;
}

.reels-index__slider .slick-next:before,
.reels-index__slider .slick-prev:before {
    content: none;
}
.reels-index .slick-dots{
    line-height: 0;
    bottom: -4px;
}
.reels-index .slick-dots li{
    vertical-align: top;
}
.reels-index .slick-dots li button{
    margin: 0 4px;
    display: block;
}

.reels-index .video:hover a .play{
    background-color: transparent;
    box-shadow: none;
    background-image: url(/local/templates/bania.3.0/img_new/nw_play.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
}

@media (min-width: 1024px){
    .reels-index .slider-block__item:hover .video:before{
        transition: all 0.3s linear;
        opacity: 1;
    }
    .reels-index .video:hover a .play {
        top: 50%;
        left: 50%;
        transform: translate(-45%, -42%);
        display: block;
        width: 116px;
        height: 116px;
        bottom: auto;
        right: auto;
        background-image: url(/local/templates/bania.3.0/img_new/nw_play.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100%;
        box-shadow: none;
        background-color: none;
        transition: all 0.3s linear;
    }
}

@media (max-width: 1250px){
    .reels-index .slick-prev {
        left: 0;
    }

    .reels-index .slick-next {
        right: 0;
    }
}
@media (max-width: 960px) {
    .reels-index .reels-index__title {
        margin-bottom: 32px;
        font-size: 26px;
    }
    .reels-index .reels-index__slider{
        margin: 0 -10px;
        /* width: 100%; */
    }

    .reels-index .video a {
        position: relative;
        width: 100%;
    }

    .reels-index .video a:after {
        display: none;
    }

    .reels-index .video .play {
        display: block;
        width: 80px;
        height: 80px;
    }

    .reels-index .video .play:after {
        content: none;
    }

    .reels-index__slider .slick-arrow.slick-next {
        right: 0;
        z-index: 10;
    }

    .reels-index__slider .slick-arrow.slick-prev {
        left: 0;
        z-index: 10;
    }

}

@media (max-width: 768px){
    .reels-index .reels-index__slider{
        padding: 0 0 15px;
    }
    .reels-index .slick-dots li{
        margin: 0 0 4px;
    }
}

@media (max-width: 480px) {

    .reels-index {
        padding: 16px 0 32px;
    }
    .reels-index .reels-index__slider{
        margin: 0;
    }

    .reels-index .reels-index__slider .slick-list{
        margin: 0 -5px;
    }

    .reels-index .reels-index__slider .slider-block__item {
        /* width: 280px; */
        /* width: auto;
        padding: 0; */
        padding: 0 5px;
    }
    .reels-index .slick-dots{
        margin: 0 -4px;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    .reels-index .slick-dots li{
        margin: 0 4px 4px;
        flex: 1 0 auto;
        max-width: 30px;
    }
    .reels-index .slick-dots li button{
        width: 100%;
        max-width: 30px;
        margin: 0;
    }
    /* .reels-index .video{
        height: 375px;
    } */
}

/*END VIDEO BLOCK ON MAIN PAGE*/


/*BEGIN VIDEO BLOCK ON MAIN PAGE*/

.video-index {
    padding-top: 32px;
    padding-bottom: 32px;
}

.video-index .video-index__title {
    margin-bottom: 40px;
    color: #000;
    font-size: 34px;
    font-weight: 700;
    line-height: 100%;
    font-family: 'Montserrat';
}

.video-index .video-all {
    display: flex;
    justify-content: center;
    align-items: center;
}

.video-index .video-all .btn {
    max-width: 262px;
    padding: 14px 20px;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
}

.video-index .video-index__block-list{
    padding-bottom: 27px;
    margin-bottom: 40px;
}

.video-index .video a .img { display: block; width: 100%; height: 250px; background-repeat: no-repeat; background-position: center; background-size: cover; }

.video-index .video-index__block-list .custom-block-list__item {
    /* width: 33.3%; */
    /* margin: 0 0 24px; */
    padding: 0 10px;
    width: 397px;
}

.video-index .video-index__block-list .custom-block-list__item.item--more {
    display: none;
}

.video-index .video {
    max-width: 100%;
    height: 250px;
    background: none;
    overflow: hidden;
    border-radius: 20px;
}

.video-index .video a {
    position: relative;
    /* width: auto; */
    /* height: auto; */
    /* height: 290px; */
    display: block;
    /* border-radius: 4px; */
    top: auto;
    left: auto;
    width: 100%;
    height: 100%;
}

.video-index .video a:after {
    display: none;
}

.video-index .video:after {
    content: "";
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 59%;
    border-radius: 20px;
    background: linear-gradient(7deg, #06191C -36.6%, rgba(10, 29, 32, 0.00) 89.39%);
    transition: all 0.3s linear;
}

.video-index .video:before {
    content: "";
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border-radius: 20px;
    background: linear-gradient(324deg, rgba(23, 90, 99, 0.60) 2.43%, rgba(10, 29, 32, 0.00) 199.37%);
    transition: all 0.3s linear;
    opacity: 0;
    z-index: 1;
}

.video-index .video .play {
    /* all: initial; */
    content: '';
    position: absolute;
    display: block;
    width: 91px;
    height: 96px;
    background: url(/local/templates/bania.3.0/img_new/nw_play.svg) no-repeat;
    background-position: 50%;
    background-size: 100%;
    transition: all 0.3s linear;
    cursor: pointer;
    z-index: 2;
    bottom: 0;
    right: 24px;
    top: auto;
    left: auto;
    transform: none;
}

/* .video-index .video .caption {
    content: '';
    position: absolute;
    top: 50px;
    left: 35px;
    display: block;
    width: 146px;
    height: 34px;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    line-height: 120%;
    z-index: 2;
}

.video-index .video .arrow {
    content: '';
    position: absolute;
    top: 90px;
    left: 85px;
    display: block;
    width: 32px;
    height: 32px;
    z-index: 2;
} */

.video-index .video .play:after {
    content: none;
}

.video-index.custom-block .video-index__block-list .information {
    padding: 21px 5px 0;
    background: #fff;
    border: none;
    border-radius: 0;
    min-height: auto;
}

.video_section .video-index.custom-block .video-index__block-list .information { background: transparent; }

.video-index .video-index__block-list .information .name {
    display: block;
    margin: 0 0 10px;
    color: #000;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2;
    /* text-transform: uppercase; */
    /* min-height: 40px; */
}

.video-index.custom-block .video-index__block-list .information .address {
    margin-bottom: 0;
    /* height: 34px; */
    color: #555;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
}

.video-index.custom-block .video-index__block-list .information .address span{
    display: block;
}

/* .video-index .slider-block__list.video-index__block-list .inner_item:hover {
    box-shadow: 0 0 20px 0 rgba(0, 97, 110, 0.5);
} */

.video-index__block-list .slick-arrow {
    z-index: 2;
    width: 27px;
    height: 50px;
    background: transparent;
    border-radius: 0;
    top: 30%;
    transform: translateY(-50%);
}

.video-index__block-list .slick-arrow:after{
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 34px;
    height: 34px;
    border-top: 3px solid #000;
    border-left: 3px solid #000;
    margin: -18px 0 0 -6px;
    transition: all 0.3s linear;
}

.video-index__block-list .slick-arrow:hover:after{
    border-color: #80c700;
}

.video-index .slick-prev {
    left: -35px;
}

.video-index .slick-prev:after {
    transform: rotate(-45deg);
}

.video-index .slick-next {
    right: -35px;
}

.video-index .slick-next:after {
    transform: rotate(135deg);
    margin: -18px 0 0 -32px;
}

.video-index__block-list .slick-next:before,
.video-index__block-list .slick-prev:before {
    content: none;
}
.video-index .slick-dots{
    line-height: 0;
    bottom: -4px;
}
.video-index .slick-dots li{
    vertical-align: top;
}
.video-index .slick-dots li button{
    margin: 0 4px;
    display: block;
}

.video-index .video:hover .play{
    background-color: transparent;
    box-shadow: none;
    background-image: url(/local/templates/bania.3.0/img_new/nw_play.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
}

@media (min-width: 1024px){
    .video-index .video:hover:before{
        transition: all 0.3s linear;
        opacity: 1;
    }
    .video-index .video:hover .play {
        top: 50%;
        left: 50%;
        transform: translate(-45%, -42%);
        display: block;
        width: 175px;
        height: 265px;
        bottom: auto;
        right: auto;
        background-image: url(/local/templates/bania.3.0/img_new/nw_play.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100%;
        box-shadow: none;
        background-color: none;
        transition: all 0.3s linear;
    }
}
@media (max-width: 1250px){
    .video-index .slick-prev {
        left: 0;
    }

    .video-index .slick-next {
        right: 0;
    }
}

@media (max-width: 960px) {
    .video-index .video-index__title {
        margin-bottom: 32px;
        font-size: 26px;
    }

    .video-index .slider-block__list.video-index__block-list {
        /* padding: 0;
        margin: 0 -7px;
        max-width: 100vw; */
        width: 100%;
    }

    /* .video-index .video-index__block-list .custom-block-list__item {
        width: 50%;
    } */

    .video-index .video {
        margin: 0 auto;
        /* height: 240px; */
        background: none;
    }

    /* .video-index .video a {
        position: relative;
        height: 240px;
        width: 100%;
    }

    .video-index .video a:after {
        display: none;
    }

    .video-index .video .play {
        display: block;
        width: 80px;
        height: 80px;
    } */

    /* .video-index .video .caption {
        top: 38px;
        left: 42px;
    }

    .video-index .video .arrow {
        top: 72px;
        left: 90px;
    }

    .video-index .video .play:after {
        content: none;
    } */

    .video-index__block-list .slick-arrow.slick-next {
        right: 0;
        z-index: 10;
    }

    .video-index__block-list .slick-arrow.slick-prev {
        left: 0;
        z-index: 10;
    }

}

@media (max-width: 768px){
    .video-index{
        margin: 0;
        padding: 32px 0;
        width: 100%;
    }
    .video-index .video-index__block-list{
        margin: 0 -10px;
        padding: 0 0 20px;
    }
    .video-index .slick-dots li{
        margin-bottom: 4px;
    }
}

@media (max-width: 480px) {
    .video-index .video-index__block-list{
        margin: 0;
    }
    .video-index .video-index__block-list .custom-block-list__item{
        padding: 0;
    }
    /* .video-index .slick-dots li button{
        width: 30px;
    } */

    .video-index .slick-dots{
        margin: 0 -4px;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    .video-index .slick-dots li{
        margin: 0 4px 4px;
        flex: 1 0 auto;
        max-width: 30px;
    }
    .video-index .slick-dots li button{
        width: 100%;
        max-width: 30px;
        margin: 0;
    }
}

/*END VIDEO BLOCK ON MAIN PAGE*/

.guaranty-payment-page {
    font-family: 'Montserrat', sans-serif;
}

.guaranty-title {
    margin-bottom: 40px;
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}

.guaranty-types-object {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.guaranty-types-object .types-object__item {
    display: flex;
    align-items: center;
    gap: 32px;
    align-self: stretch;
    padding: 20px 0;
}

.guaranty-types-object .types-object__num {
    color: #DDD;
    text-align: center;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.guaranty-types-object .types-object__text {
    color: #666;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.guaranty-types-object .types-object__text span {
    margin-bottom: 16px;
    display: block;
    color: #275F6C;
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
}

.guaranty-types-during {
    position: relative;
    display: flex;
    margin: 0 -12px 80px;
    padding: 48px 0;
    align-items: flex-start;
    justify-content: space-between;
}

.guaranty-types-during::before {
    content: '';
    position: absolute;
    top: 0;
    --left1: calc(100% - 100vw);
    left: calc(var(--left1) / 2);
    width: 100vw;
    height: 100%;
    overflow: hidden;
    background: #F2F7F7;;
    z-index: -1;
}

.guaranty-types-during .types-during__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    margin: 0 0 24px;
    width: 25%;
    border-right: 1px solid rgba(39, 95, 108, 0.15);
}

.guaranty-types-during .types-during__item:last-child {
    border-right: none;
}

.guaranty-types-during .types-during__img {
    margin-bottom: 24px;
}

.guaranty-types-during .types-during__text {
    color: #333;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.guaranty-types-during .types-during__item span {
    display: block;
    margin-bottom: 12px;
    color: #275F6C;
    text-align: center;
    font-size: 40px;
    font-weight: 500;
    line-height: 100%;
}

.payment-title {
    margin-bottom: 40px;
    color: #000;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}

.payment-types-always {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0 -12px 40px;
}

.payment-types-always .types-always__item {
    width: 33.3%;
    padding: 0 12px;
    margin: 0 0 24px;
    display: flex;
    align-items: center;
    gap: 24px;
    border-right: 1px solid rgba(39, 95, 108, 0.15);
}

.payment-types-always .types-always__item:last-child {
    border-right: none;
}

.payment-types-always .types-always__item svg {
    width: 104px;
    height: 104px;
}

.payment-types-always .types-always__item span {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.payment-subtitle {
    margin-bottom: 24px;
    color: #275F6C;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.payment-types-possible {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0 -12px 64px;
}

.payment-types-possible .types-possible__item {
    width: 33.3%;
    padding: 0 12px;
    margin: 0 0 24px;
    display: flex;
    align-items: center;
    gap: 24px;
    border-right: 1px solid rgba(39, 95, 108, 0.15);
}

.payment-types-always .types-possible__item:last-child {
    border-right: none;
}

.payment-types-possible .types-possible__item svg {
    width: 104px;
    height: 104px;
}

.payment-types-possible .types-possible__item span {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.banks-title {
    margin-bottom: 32px;
    color: #000;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
}

.banks-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px 80px;
}

.banks-list .banks-list__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: 5px;
    padding: 12px;
    margin: 0;
    width: 33.3%;
}

.banks-list .banks-list__item img {
}

.guaranty-conditions-title {
    margin-bottom: 40px;
    color: #000;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}

.guaranty-conditions-list {
    display: flex;
    align-items: center;
    margin: 0 -24px 40px;
}

.guaranty-conditions-list .conditions-list__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 24px;
    border-right: 1px solid rgba(39, 95, 108, 0.15);
    width: 33.3%;
}

.guaranty-conditions-list .conditions-list__item:last-child {
    border-right: none;
}

.guaranty-conditions-list .conditions-list__item br {
    display: none;
}

.guaranty-conditions-list .conditions-list__num {
    margin-bottom: 24px;
    color: #DDD;
    text-align: center;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.guaranty-conditions-list .conditions-list__text {
    color: #333;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
}

.guaranty-conditions-list .conditions-list__text span {
    font-weight: 700;
}

.guaranty-conditions-note {
    padding: 32px;
    margin-bottom: 80px;
    border: 1px solid #F2F7F7;
    background: #F2F7F7;
    color: #666;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%
}

.guaranty-conditions-note span {
    display: block;
    margin-bottom: 16px;
    color: #275F6C;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.free-consult {
    padding: 64px 0;
    position: relative;
}

.free-consult:before {
    content: '';
    position: absolute;
    top: 0;
    --left1: calc(100% - 100vw);
    left: calc(var(--left1) / 2);
    width: 100vw;
    height: 100%;
    overflow: hidden;
    background: #EEF6DC;
    border-radius: 5px;
    z-index: -1;
}

.free-consult__top {
    margin-bottom: 24px;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.free-consult__title {
    max-width: 772px;
    margin-bottom: 40px;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%
}

.free-consult__title span {
    color: #85B823;
}

.free-consult__img {
    position: absolute;
    width: 400px;
    height: 400px;
    right: 0;
    bottom: 0;
}

.free-consult__img img {
    width: 100%;
    max-width: 100%;
}

.free-consult__form {
    max-width: 772px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    gap: 16px;
    margin-bottom: 18px;
}

.free-consult__form .free-consult__input input {
    padding-left: 32px;
    max-width: 100%;
    width: 220px;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #85B823;
    background: #FFF;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    color: #999;
}

.free-consult__form .free-consult__submit {
    width: 100%;
    max-width: 300px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    background: #86B823;
    border-radius: 5px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: normal;
    text-align: center;
    color: #FFFFFF;
}

@media screen and (max-width: 768px) {

    .guaranty-title {
        margin-bottom: 32px;
        font-size: 32px;
    }

    .guaranty-types-object {
        flex-direction: column;
        margin-bottom: 32px;
    }

    .guaranty-types-object .types-object__item {
        border-bottom: 1px solid rgba(39, 95, 108, 0.15);
        justify-content: space-between;
        gap: 0;
    }

    .guaranty-types-object .types-object__item:last-child {
        border-bottom: none;
    }

    .guaranty-types-object .types-object__text {
        line-height: 160%;
        max-width: 285px;
    }

    .guaranty-types-object .types-object__num {
        width: 40px;
    }

    .guaranty-types-during {
        flex-direction: column;
        margin-bottom: 64px;
        padding: 20px 15px;
        align-items: flex-start;
        justify-content: space-between;
    }

    .guaranty-types-during::before {
    }

    .guaranty-types-during .types-during__item {
        flex-direction: row;
        gap: 24px;
        justify-content: flex-start;
        padding: 20px 0;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid rgba(39, 95, 108, 0.15);
    }

    .guaranty-types-during .types-during__item:last-child {
        border-bottom: none;
    }

    .guaranty-types-during .types-during__img {
        margin-bottom: 0;
    }

    .guaranty-types-during .types-during__img svg {
        width: 80px;
        height: 80px;
    }

    .guaranty-types-during .types-during__text {
        text-align: left;
    }

    .payment-title {
        margin-bottom: 26px;
        font-size: 32px;
    }

    .payment-types-always {
        margin-bottom: 32px;
        flex-direction: column;
    }

    .payment-types-always .types-always__item {
        max-width: 345px;
        width: 100%;
        padding: 20px 0;
        border-bottom: 1px solid rgba(39, 95, 108, 0.15);
        border-right: none;
    }

    .payment-types-always .types-always__item:last-child {
        border-bottom: none;
    }

    .payment-types-always .types-always__item svg {
        width: 80px;
        height: 80px;
    }

    .payment-types-possible {
        flex-direction: column;
        margin-bottom: 48px;
    }

    .payment-types-possible .types-possible__item {
        max-width: 345px;
        width: 100%;
        padding: 20px 0;
        border-bottom: 1px solid rgba(39, 95, 108, 0.15);
        border-right: none;
    }

    .payment-types-always .types-possible__item:last-child {
        border-bottom: none;
    }

    .payment-types-possible .types-possible__item svg {
        width: 80px;
        height: 80px;
    }

    .banks-title {
        font-size: 22px;
    }

    .banks-list {
        margin: 0 -12px 64px;
    }

    .banks-list .banks-list__item {
        display: flex;
        padding: 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        border-radius: 5px;
        border: 3px solid #F2F7F7;
        margin: 0 0 0;
        width: 50%;
    }

    .banks-list .banks-list__item img {
    }

    .guaranty-conditions-title {
        margin-bottom: 32px;
        font-size: 26px;
    }

    .guaranty-conditions-list {
        flex-direction: column;
        margin: 0 -12px 32px;
    }

    .guaranty-conditions-list .conditions-list__item {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 12px 0;
        border-bottom: 1px solid rgba(39, 95, 108, 0.15);
        border-right: none;
        width: 100%;
    }

    .guaranty-conditions-list .conditions-list__item br {
        display: block;
    }

    .guaranty-conditions-list .conditions-list__item:last-child {
        border-bottom: none;
    }

    .guaranty-conditions-note {
        margin-bottom: 64px;
    }

    .free-consult {
        max-width: 100%;
        padding: 40px 0;
    }

    .free-consult:before {
    }

    .free-consult__top {
        margin-bottom: 16px;
        font-size: 18px;
        line-height: 130%;
    }

    .free-consult__title {
        margin-bottom: 16px;
        font-size: 22px;
        line-height: 26px;
    }

    .free-consult__title br {
        display: none;
    }

    .free-consult__img {
        position: relative;
        left: initial;
        bottom: initial;
        width: 300px;
        height: 300px;
        margin: 0 auto;
    }

    .free-consult__img img {
        width: 100%;
    }

    .free-consult__form {
        max-width: 100%;
        width: 100%;
        flex-direction: column;
        gap: 8px;
    }

    .free-consult__form .free-consult__input {
        width: 100%;
        max-width: 100%;
    }

    .free-consult__form .free-consult__input input {
        width: 100%;
        max-width: 345px;
        font-size: 16px;
        line-height: 19px;
    }

    .free-consult__form .free-consult__submit {
        width: 100%;
        max-width: 345px;
    }
}

.gallery .name { color: #000; font-weight: 700; text-transform: uppercase; font-family: 'TT Firs Neue', serif; font-size: 16px; line-height: 1.5; margin: 0 0 21px; min-height: 72px; }
.gallery .name a { text-decoration: underline; }
.gallery .name a:hover { color: #80c700; }

.project-popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.70);
    display: none;
}

.project-popup__wrapper {
    width: 1000px;
    height: 570px;
    max-width: 100%;
    margin: 80px auto;
    background-color: white;
    padding: 30px 45px;
    position: relative;
    background-image: url(/local/templates/bania.3.0/images/popups/project/bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
    font-family: 'TT Firs Neue';
}

.project-popup__date {
    margin-bottom: 18px;
    max-width: 292px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-family: 'TT Firs Neue';
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    border-radius: 6px;
    background: #00616E;
}

.project-popup__title {
    margin-bottom: 16px;
    max-width: 558px;
    color: #282E3D;
    font-family: 'TT Firs Neue';
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.project-popup__title span {
    color: #00616E;
}

.project-popup__list {
    margin-bottom: 23px;
}

.project-popup__list div {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 18px;
    margin-bottom: 11px;
}

.project-popup__list div:last-child {
    margin-bottom: 0;
}

.project-popup__list div svg {
    width: 34px;
    height: 34px;
}

.project-popup__list div span {
    color: #282E3D;
    font-family: 'TT Firs Neue';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%
}

.project-popup__form {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    position: relative;
    max-width: 455px;
}

.project-popup__label {
    margin-bottom: 8px;
    color: #282E3D;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.project-popup__hint {
    display: none;
    position: absolute;
    bottom: 30px;
    left: 30px;
    padding: 2px 8px;
    z-index: 5;
    color: #ff0000;
    border: 1px solid #ff0000;
    border-radius: 10px;
    background: #ffffff;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
}

.project-popup__input {
    margin-bottom: 10px;
    max-width: 100%;
    width: 100%;
    height: 52px;
}

.project-popup__phone {
    max-width: 100%;
    width: 100%;
    height: 52px;
    background: #FFFFFF;
    border-radius: 10px;
    padding-left: 24px;
    border: 1px solid #BFBFBF;
    color: #646464;
    font-family: 'TT Firs Neue';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: flex-end;
}

.project-popup__phone::placeholder {
    color: #646464;
    font-family: 'TT Firs Neue';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: flex-end;
}

.project-popup__submit {
    max-width: 100%;
    width: 100%;
    height: 76px;
    background: linear-gradient(180deg, #9DDD2F 0%, #7DB321 100%);
    box-shadow: 0 3px 0 #729F22;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    color: #FFF;
    font-family: 'TT Firs Neue';
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    cursor: pointer;
    user-select: none;
    transition: all .3s ease-in-out;
}

.project-popup__checkrow {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

.project-popup__checkbox-text {
    font-style: normal;
    font-weight: 300;
    font-size: 11px;
    line-height: normal;
    color: #494949;
    height: fit-content;
    margin: auto 0 auto 9px;
}

.project-popup__checkbox-text a {
    color: #00616E;
}

.project-popup__checkbox-wrapper {
    width: 16px;
    height: 16px;
    position: relative;
}

.project-popup__checkbox-wrapper input {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
}

.project-popup__checkbox-wrapper input + span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 2px;
    border: 1px solid #00616E;
}

.project-popup__checkbox-wrapper input:checked + span {
    background-image: url(/local/templates/bania.3.0/images/popups/project/checkbox.svg);
    background-position: center;
}

.project-popup__close {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

@media screen and (max-width: 800px) {
    .project-popup__wrapper {
        margin: 40px auto;
        width: 375px;
        height: 634px;
        padding: 20px;
        background-image: url(/local/templates/bania.3.0/images/popups/project/bg-m.png);
    }

    .project-popup__close {
        top: 9px;
        right: 9px;
    }

    .project-popup__close svg {
        width: 30px;
        height: 30px;
    }

    .project-popup__date {
        margin-bottom: 12px;
        max-width: 240px;
        height: 46px;
        font-size: 16px;
    }

    .project-popup__title {
        margin-bottom: 12px;
        font-size: 24px;
    }

    .project-popup__list {

    }

    .project-popup__list {
        margin-bottom: 12px;
    }

    .project-popup__list div {
        margin-bottom: 10px;
    }

    .project-popup__list div:last-child {
        margin-bottom: 0;
    }

    .project-popup__list div svg {
        width: 30px;
        height: 30px;
    }

    .project-popup__list div span {
        font-size: 14px;
    }

    .project-popup__form {
        max-width: 100%;
        width: 100%;
    }

    .project-popup__label {
        font-size: 12px;
    }

    .project-popup__hint {
        bottom: unset;
        top: 60px;
        left: 30px;
        font-size: 14px;
        line-height: 14px;
    }

    .project-popup__input {
        height: 42px;
    }

    .project-popup__phone {
        padding-left: 18px;
        height: 42px;
    }

    input.project-popup__phone,
    input.project-popup__phone::placeholder {
        font-size: 16px;
    }

    .project-popup__submit {
        font-size: 16px;
        height: 66px;
    }

    .project-popup__checkbox-wrapper {
        width: 12px;
        height: 12px;
    }

    .project-popup__checkbox-text {
        font-size: 10px;
        line-height: normal;
    }
}

.sab-nav li ul li { float: none; }

.projects.catalog-items .items ul li{
    width: auto;
    flex: 1 0 auto;
}
.projects.catalog-items .items ul li strong{
    font-size: 17px;
}

/* @media screen and (max-width: 768px){
    .projects .items ul li strong{
        font-size: 16px;
    }
} */

.quality_list .inner_list .img_box img { position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
display: block;
max-width: none; }
.quality_list .inner_list .img_box { overflow: hidden;
border-radius: 5px;
height: 180px;
position: relative; }

.explanation_box .stage_view .stage_view_img { border-radius: 5px;

height: 100%;
overflow: hidden;
position: relative; }
.explanation_box .stage_view .stage_view_img img { position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
display: block;
max-width: none; }

.fancybox-slide.fancybox-slide--video .fancybox-content{
    min-height: 100%;
}

.product_page .product .slideshow .slides { border-radius: 20px; }
.product .slideshow .slides .slide { display: block; }
.product_page .product .pagination .pagination-slide.slick-current:after { opacity: 1; }
.product_page .product .slideshow .slick-prev, .product_page .product .slideshow .slick-next { border-radius: 50%; background: #FFF; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.10); width: 50px; height: 50px; margin-top: -62px; transform: none; transition: all 0.3s linear; z-index: 100; }
.product_page .product .slideshow .slick-prev { left: 28px; }
.product_page .product .slideshow .slick-next { right: 28px; }
.product_page .product .slideshow .slick-prev:after, .product_page .product .slideshow .slick-next:after { border-top: 1px solid #000; border-left: 1px solid #000; width: 12px; height: 12px; position: absolute; display: block; content: ""; }
.product_page .product .slideshow .slick-prev:before, .product_page .product .slideshow .slick-next:before { display: none; }
.product_page .product .slideshow .slick-next:after { transform: rotate(135deg); left: 17px; top: 19px; }
.product_page .product .slideshow .slick-prev:after { transform: rotate(-45deg); left: 21px; top: 19px; }

.product_page .product .slideshow .slides{
   margin: 0;
   height: 480px;
}
.product .slideshow .slides .slide{
   border-radius: 20px;
   height: 480px;
}
.product_page .product .slideshow .slick-prev,
.product_page .product .slideshow .slick-next{
   border-radius: 50%;
   background: #FFF;
   box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.10);
   width: 50px;
   height: 50px;
   margin-top: -25px;
   transform: none;
   transition: all 0.3s linear;
}
.product_page .product .slideshow .slick-next{
   right: 28px;
}
.product_page .product .slideshow .slick-prev{
   left: 28px;
}
.product_page .product .slideshow .slick-next:hover,
.product_page .product .slideshow .slick-prev:hover{
   transform: scale(1.1);
   background: #80c700;;
}
.product_page .product .slideshow .slick-next:after,
.product_page .product .slideshow .slick-prev:after{
   border-top: 1px solid #000;
   border-left: 1px solid #000;
   width: 12px;
   height: 12px;
   margin: -7px 0 0 -3px;
   left: 50%;
   top: 50%;
}
.product_page .product .slideshow .slick-next:after{
   margin: -7px 0 0 -11px;
}

.product_page .product .slideshow .slick-next:hover:after,
.product_page .product .slideshow .slick-prev:hover:after{
   border-color: #fff;
}

.product .slideshow .pagination{
   /* overflow: visible; */
   margin: -48px 21px 0 32px;
   /* padding: 0 21px 0 32px; */
   width: auto;
}
.product .slideshow .pagination .pagination-holder{
   margin: 0;
   width: auto;
   height: auto;
}
.product_page .product .pagination .pagination-slide{
   margin-right: 10px;
   overflow: hidden;
   border-radius: 10px;
   width: 163px;
   height: 106px;
   /* border: 2px solid transparent; */
   /* flex: 1 0 163px; */
   flex: none;
   box-sizing: border-box;
   position: relative;
}
.product_page .product .pagination .pagination-slide img{
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   min-width: 161px;
}
.product_page .product .pagination .pagination-slide { width: 161px !important }
.product .slideshow .pagination .pagination-slide a:after,
.product .slideshow .pagination .pagination-slide a:before{
   display: none;
}
.product_page .product .pagination .pagination-slide:after{
   position: absolute;
   content: '';
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   border-radius: 10px;
   border: 2px solid #94CE24;
   opacity: 0;
   transition: all 0.3s linear;
}
.product .slideshow .pagination .pagination-slide:hover:after,
.product .slideshow .pagination .pagination-slide.active:after{
   opacity: 1;
}

@media only screen and (max-width: 768px){
   .product_page .product .slideshow .slides,
   .product .slideshow .slides .slide{
      height: 350px;
   }
   .product_page .product .slideshow .slick-next{
      right: 15px;
   }
   .product_page .product .slideshow .slick-prev{
      left: 15px;
   }
}
@media only screen and (max-width: 480px){
   .product_page .product .slideshow .slides,
   .product .slideshow .slides .slide{
      height: 300px;
   }
   .product .slideshow .pagination{
      margin: -28px 21px 0 20px;
   }
   .product_page .product .pagination .pagination-slide{
      width: 105px;
      height: 70px;
      /* flex: 1 0 105px; */
   }
   .product_page .product .slideshow .slick-next,
   .product_page .product .slideshow .slick-prev{
      width: 35px;
      height: 35px;
      margin-top: -17px;
   }
}

.product_page .slideshow .pagination_wrap { padding-right: 0; }

.small-slider.stop-transform .slick-track { transform: translate3d(0px, 0px, 0px) !important; }

/* new style for article */

.new_style.article{
    margin: -17px 0 0;
}
.new_style.article .sidebar_block{
    width: 263px;
}
.new_style.article .rubric_box,
.new_style.article .sidebar_block .block{
    border-radius: 20px;
    padding: 30px 27px 27px 35px;
    margin: 0 0 23px;
}
.new_style.article .title_rubric{
    text-transform: none;
    line-height: 1;
    font-weight: 500;
    font-size: 22px;
    margin: 0 0 21px;
    position: relative;
    padding-right: 30px;
}
.new_style.article .title_rubric:after,
.new_style.article .title_rubric:before{
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #80C700;
    top: 50%;
    transform: translateY(-50%);
}
.new_style.article .title_rubric:after{
    right: 10px;
}
.new_style.article .title_rubric:before{
    right: 20px;
}
.new_style.article .rubric_box .list_rubric{
    padding: 0;
    margin: 0 0 14px;
}
.new_style.article .rubric_box .list_rubric li{
    padding: 0;
    margin: 0 0 8px;
}
.new_style.article .list_rubric li a{
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.02em;
}
.new_style.article .sidebar_block .block{
    background: #006573;
}
.new_style.article .consult-form{
    padding: 0;
}
.new_style.article .consult-form legend{
    position: relative;
    text-align: left;
    margin: 0 0 12px;
    font-weight: 600;
    font-size: 22px;
    line-height: 1;
    letter-spacing: -0.01em;
    padding-right: 40px;
}
.new_style.article .consult-form legend:after{
    position: absolute;
    content: '';
    top: 7px;
    right: 13px;
    width: 27px;
    height: 25px;
    background: url("/local/templates/bania.3.1/img_new/art_icon-1.svg") no-repeat;
    background-size: 100%;
}
.new_style.article .consult-form .row{
    padding: 0 !important;
    margin: 0 0 15px !important;
}
.new_style.article .consult-form input[type="text"]{
    padding: 0 26px;
    background-color: transparent;
    background-image: url("/local/templates/bania.3.1/img_new/art_icon-2.svg");
    background-repeat: no-repeat;
    background-size: 13px 13px;
    background-position: 0px 50%;
    border: none;
    border-bottom: 1px solid #748F93;
    color: #fff;
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    border-radius: 0;
    height: 40px;
}
.new_style.article .consult-form input::-webkit-input-placeholder {
    color:#fefefe;
}
.new_style.article .consult-form input:-moz-placeholder {
    color:#fefefe;
}
.new_style.article .consult-form input::-moz-placeholder {
    color:#fefefe;
}
.new_style.article .consult-form input:-ms-input-placeholder {
    color:#fefefe;
}
.new_style.article .consult-form input[type=submit]{
    height: 40px;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
}
.new_style.article .consult-form span{
    text-align: left;
    color: #B2C4C7;
    font-size: 11px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.02em;
    padding-top: 3px;
    margin-bottom: -3px;
}
.new_style.article .consult-form span a{
    color: #B2C4C7;
    text-decoration: none;
}
.new_style.article .consult-form span a:hover{
    text-decoration: underline;
}

.new_style.article .article-info{
    width: calc(100% - 263px);
    padding-right: 62px;
}
.new_style.article h1{
    font-size: 48px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.02em;
    margin: 0 0 13px;
}
.publication_date{
    display: block;
    margin: 0 0 26px;
    color: #818181;
    font-size: 12px;
    line-height: 1.1;
    font-weight: 500;
    letter-spacing: -0.02em;
    font-family: 'Montserrat';
}
.new_style.article .main_visual{
    border-radius: 10px;
    margin: 0 0 30px;
}
.new_style.article .main_visual:before{
    padding-top: 53.255%;
}
.article-info .subtitle{
    display: block;
    margin: 0 0 30px;
    color: #000;
    font-family: 'Montserrat';
    font-size: 22px;
    letter-spacing: -0.02em;
    font-weight: 500;
    line-height: 1.3;
    max-width: 100%;
}
.new_style.article .content_article-box{
    margin: 0 0 30px;
    border-radius: 10px;
    padding: 29px 44px 31px;
}
.new_style.article .content_article-box .title-list{
    color: #000;
    font-size: 22px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.02em;
    display: block;
    margin: 0 0 12px;
}
.new_style.article .content_article-box .title-list:after{
    display: none;
}
.new_style.article .list-content{
    padding: 0 0 0 28px;
    max-width: 100%;
    margin: 0;
}
.new_style.article .list-content li{
    padding-left: 14px;
    margin: 0 0 1px;
}
.new_style.article .list-content li a{
    color: #0B3C43;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    font-weight: 500;
    font-family: 'Montserrat';
}
.new_style.article .list-content li a:before{
    content: '';
    position: absolute;
    margin: 0;
    top: 14px;
    left: 0;
    border-radius: 50%;
    width: 3px;
    height: 3px;
    background: #0B3C43;
}
.new_style.article .inner_article{
    padding: 0;
}
.new_style.article p,
.new_style.article .list li,
.new_style.article .list_dots li{
    margin: 0 0 30px;
    font-weight: 400;
    font-family: 'Montserrat';
    line-height: 1.4;
    letter-spacing: -0.02em;
    font-size: 18px;
    color: #000;
}
.new_style.article p strong,
.new_style.article .list li strong{
    font-weight: 600;
}
.new_style.article h2{
    margin: -4px 0 20px;
    color: #000;
    font-size: 40px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.02em;
}
.new_style.article .img_art{
    overflow: hidden;
    margin: 0 0 30px;
    position: relative;
    border-radius: 10px;
}
.new_style.article .img_art img{
    width: 100%;
    display: block;
    margin: 0;
    max-width: 100%;
}
.new_style.article h3{
    padding: 0;
    margin: -4px 0 23px;
    letter-spacing: -0.02em;
    font-size: 33px;
    font-weight: 500;
    line-height: 1;
    font-family: 'TT Firs Neue', serif;
}
.new_style.article .list{
    padding: 0 0 0 12px;
    margin: 0 0 0;
}
.new_style.article .list li{
    margin: 0 0 30px;
    position: relative;
    padding-left: 15px;
    background: none;
}
.new_style.article .list li:before{
    position: absolute;
    content: '';
    top: 13px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #000;
    border: none;
}
.sub_box{
    display: flex;
    align-items: center;
    margin: 0 0 30px;
}
.sub_box strong{
    display: block;
    font-family: 'Montserrat';
    letter-spacing: -0.02em;
    line-height: 1;
    font-weight: 600;
    font-size: 24px;
}
.sub_box .num{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 0;
    font-family: 'Montserrat';
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.02em;
    min-width: 256px;
    height: 51px;
    border-radius: 80px;
    margin-right: 10px;
    background: #80C700;
}
.new_style.article h4{
    /* margin: 27px 0 27px; */
    margin: 0 0 20px;
    color: #000;
    font-family: 'Montserrat';
    font-size: 24px;
    line-height: 1;
    /* line-height: 1.4; */
    font-weight: 600;
    letter-spacing: -0.02em;
    padding: 0;
}
.new_style.article h4 span{
    color: #80C700;
}
.new_style.article .list_dots{
    margin: 0 -15px 30px 0;
    padding: 0 0 0 52px;
}
.new_style.article .list_dots li{
    margin: 0 0 0;
    padding-left: 18px;
    position: relative;
}
.new_style.article .list_dots li:before{
    position: absolute;
    content: '';
    left: 0;
    top: 11px;
    background: #2EBD4D;
    border: none;
    width: 8px;
    height: 8px;
}
.new_style.article .num_title_list{
    padding: 0;
    margin: 0 0 0;
    counter-reset: li;
}
.new_style.article .num_title_list > li{
    margin: 0 0 30px;
    /* counter-reset: li; */
    padding: 0;
}
.new_style.article .num_title_list > li:before{
    display: none;
}
.new_style.article .num_title_list > li h4{
    position: relative;
    padding-left: 30px;
}
.new_style.article .num_title_list > li h4:before{
    counter-increment: li;
    content: counters(li,".") ". ";
    position: absolute;
    top: 0;
    left: 0;
}
.new_style.article .num_title_list .list_dots{
    margin: 0;
}
.new_style.article .num_title_list .list_dots li{
    margin: 0 0 20px;
}
.new_style.article .wish{
    color: #80C700;
    font-size: 24px;
    line-height: 1;
    letter-spacing: -0.02em;
}

@media only screen and (max-width: 1200px){
    body.has-topbar div#wrapper{
        padding-top: 250px;
    }
}
@media only screen and (max-width: 1170px){
    body.has-topbar div#wrapper{
        padding-top: 160px;
    }
}
@media only screen and (max-width: 1100px){
    .new_style.article .article-info{
        padding-right: 30px;
    }
}
@media only screen and (max-width: 960px){
    .new_style.article .article-info{
        padding: 0;
        width: 100%;
    }
    .new_style.article .sidebar_block{
        width: 100%;
    }
    .new_style.article .rubric_box{
        width: calc(50% - 10px);
        margin: 0 10px 12px 0;
    }
    .new_style.article .sidebar_block .block{
        width: calc(50% - 10px);
        margin: 0 0 12px 10px;
        display: flex;
        align-items: center;
    }
    .new_style.article .consult-form{
        width: 100%;
    }
    .new_style.article .consult-form legend{
        padding: 0 40px 0 0;
    }
}
@media only screen and (max-width: 768px){
    body.has-topbar div#wrapper{
        padding-top: 99px;
    }
    .new_style.article h1{
        font-size: 40px;
    }
    .new_style.article h2{
        font-size: 34px;
    }
    .new_style.article h3{
        font-size: 30px;
    }
    .sub_box strong,
    .sub_box .num,
    .new_style.article h4,
    .new_style.article .wish{
        font-size: 20px;
    }
    .sub_box .num{
        height: 40px;
        min-width: 210px;
    }
    .new_style.article .list_dots{
        margin: 0 0 30px;
        padding: 0 0 0 20px;
    }
}
@media only screen and (max-width: 600px){
    .new_style.article .rubric_box,
    .new_style.article .sidebar_block .block{
        width: 100%;
        margin: 0 0 12px;
    }
    .new_style.article h1{
        font-size: 34px;
    }
    .article-info .subtitle{
        font-size: 18px;
    }
    .new_style.article p,
    .new_style.article .list li,
    .new_style.article .list_dots li{
        font-size: 16px;
    }
    .new_style.article .content_article-box{
        padding: 20px;
    }
    .new_style.article .content_article-box .title-list{
        padding: 0;
        font-size: 20px;
    }
    .new_style.article .list-content{
        padding: 0;
    }
    .article .list-content li{
        font-size: 16px;
    }
    .new_style.article h2{
        font-size: 28px;
    }
    .new_style.article h3{
        font-size: 24px;
    }
    .sub_box{
        display: block;
    }
    .sub_box .num{
        margin: 0 0 10px;
        font-size: 18px;
        display: inline-flex;
    }
    .sub_box strong{
        font-size: 18px;
    }
}

/* end new style for article */

.new_style.article .sidebar_block .consult-form .res { color: #fff; font-size: 14px; }

.widget_box{
    position: fixed;
    bottom: 100px;
    right: 50px;
    width: 68px;
    height: 68px;
    z-index: 20;
    /* overflow: hidden; */
}
/* .widget_box.open{
    overflow: visible;
} */
.widget_box .open_widget{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0px 15.435px 46.304px 0px rgba(22, 63, 72, 0.20);
    z-index: 5;
    position: relative;
}
.widget_box .open_widget:after,
.widget_box .open_widget:before{
    border: 2px solid #eee;
    content: '';
    position: absolute;
    left: -20px;
    opacity: 0;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: pulse_widget 2.5s linear infinite;
}
.widget_box .open_widget:after{
	animation-delay: 1.25s;
}
.widget_box .open_widget:hover:after,
.widget_box .open_widget:hover:before{
	animation: none;
	display: none;
}
@keyframes pulse_widget {
	0% {
	  transform: scale(0.5);
	  opacity: 0;
	}
	50% {
	  opacity: 1;
	}
	100% {
	  transform: scale(1.2);
	  opacity: 0;
	}
 }
.widget_box.open .open_widget{
    background: #358EA3;
}
.widget_box.open .open_widget svg path{
    fill: #fff;
}
.widget_box .open_widget .icon{
    display: block;
    width: 50px;
    height: 50px;
}
.widget{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #FFF;
    box-shadow: 0px 12.727px 38.181px 0px rgba(22, 63, 72, 0.20);
    border-radius: 80px;
    padding: 7px 3px 51px 3px;
    opacity: 0;
    overflow: hidden;
    z-index: 0;
    height: 0;
    pointer-events: none;
    transition: bottom 0.3s linear 0.3s, opacity 0.4s linear, height 0.4s linear;
    width: 56px;
}
.widget_box.open .widget{
    bottom: 97px;
    opacity: 1;
    pointer-events: auto;
    height: 268px;
    transition: bottom linear 0.3s, opacity 0.5s linear 0.4s, height 0.4s linear 0.3s;
}
.widget .list_widget{
    display: block;
}
.widget .list_widget li{
    margin: 0 0 13px;
}
.widget .list_widget a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 0 auto;
}
.widget .list_widget .phone a { background-image: url(/local/templates/bania.3.1/img_new/bottom.phone.svg); background-position: center; background-size: cover; display: block; overflow: hidden; font-size: 0; }
.widget .list_widget a svg{
    display: block;
    width: 100%;
    height: 100%;
}
.widget .list_widget a:hover{
    width: 50px;
    height: 50px;
}
/* .widget .list_widget .phone a{
    width: 50px;
    height: 50px;
} */
.close_widget{
    position: absolute;
    width: 32px;
    height: 32px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
}
.close_widget:after,
.close_widget:before{
    position: absolute;
    content: '';
    width: 2px;
    height: 32px;
    background: #000;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -1px;
}
.close_widget:after{
    transform: rotate(45deg);
}
.close_widget:before{
    transform: rotate(-45deg);
}

.new_style .topbar-left{
    margin-right: auto;
    font-family: 'Montserrat';
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    padding-right: 10px;
}
.new_style .topbar-left span{
    font-family: 'Montserrat';
    color: #007AFF;
    font-weight: 800;
    background: #fff;
    border-radius: 4px;
    padding: 2px 8px;
    display: inline-block;
    vertical-align: middle;
}
.new_style .new_style .topbar-right{
    margin-right: 20px;
}
.new_style #_topbar_btn{
    width: 280px;
    background: #8DD00D;
    font-family: 'Montserrat';
    text-transform: none;
    font-weight: 600;
    font-size: 15px;
    line-height: 1;
    letter-spacing: -0.01em;
    gap: 6px;
    margin-right: 32px;
}
.new_style #_topbar_btn:hover{
    background: #fff;
    color: #8DD00D;
}
.new_style #_topbar_btn:hover svg path{
    fill: #8DD00D;
}

@media only screen and (max-width: 992px){
    .new_style #_topbar_btn{
        width: 162px;
        margin: 0;
    }
}
@media only screen and (max-width: 768px){
    .widget_box{
        right: 10px;
        width: 68px;
        bottom: 175px;
        z-index: 10000;
    }
    .new_style #_topbar_btn{
        font-size: 12px;
        line-height: 12px;
    }
    .new_style .topbar-left { max-width: 100%; width: 100%; padding: 0; margin: 0; padding-right: 15px; font-size: 8px; }
    .new_style .topbar-left span { color: #fff; padding: 0; background: transparent; display: inline-block; }
    .new_style #_topbar_btn { padding-left: 15px; }
}

@media (max-width: 768px) {
    .popup-tour .popup-tour__wrapper .popup-tour__offer-wrapper .offer-caption, .popup-tour .popup-tour__wrapper .popup-tour__offer-wrapper .offer-list, .popup-tour .popup-tour__wrapper .popup-tour__hint-wrapper { display: none; }
}

.sidebar_block .options_list { height: auto; }
.new_style .topbar-left a { color: #fff; text-decoration: none; }

.popular_item .options_list { height: auto; }

.search-form .requests_box .custom-block-list .custom-block-list__item .wrapper .img:before { display: none; }

/* update 20.02.24 */
.video_btn{
    position: absolute;
    bottom: 71px;
    right: 15px;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 5px;
    width: 324px;
    height: 44px;
    text-decoration: none;
    border-radius: 10px;
    transition: all 0.3s ease;
}
.video_btn:hover{
    /* color: #fff; */
    background: #7CD010;
}
.video_btn span{
    position: relative;
    padding-right: 40px;
    color: #000;
    line-height: 1;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.01em;
}
.video_btn:hover span{
    color: #fff;
}
.video_btn span:after{
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    background: url("/local/templates/bania.3.1/img_new/vd_icon.svg") no-repeat;
    background-size: 100%;
}
#popular_popup{
    border-radius: 15px;
    background: url("/local/templates/bania.3.1/img_new/img_bg-d.jpg") no-repeat;
    background-size: cover;
    background-position: 50%;
    width: 100%;
    max-width: 825px;
    /* height: 610px; */
    padding: 58px 70px 50px;
}
#popular_popup .fancybox-close-small{
    padding: 0;
    top: 25px;
    right: 25px;
}
#popular_popup .fancybox-close-small path{
    fill: #AAC1AA;
}
#popular_popup .title_popup{
    margin: 0 0 74px;
    color: #fff;
    font-family: 'TT Firs Neue', serif;
    line-height: 1.1;
    font-size: 40px;
    letter-spacing: -0.01em;
    font-weight: 400;
    max-width: 580px;
}
#popular_popup .title_popup strong{
    font-weight: 600;
}
#popular_popup .title_popup span{
    position: relative;
    padding-right: 75px;
    display: inline-block;
    vertical-align: top;
}
#popular_popup .title_popup span:after{
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 64px;
    height: 46px;
    background: url("/local/templates/bania.3.1/img_new/pdf_icon.svg") no-repeat;
    background-size: 100%;
}
#popular_popup .like_num{
    display: flex;
    /* flex-wrap: wrap; */
    margin: 0 0 42px;
}
#popular_popup .like_num .num{
    width: 140px;
    color: #80C700;
    font-family: 'TT Firs Neue', serif;
    font-weight: 500;
    font-size: 40px;
    line-height: 1.1;
    letter-spacing: -0.01em;
}
#popular_popup .like_num span{
    width: calc(100% - 131px);
    padding-left: 24px;
    color: #fff;
    max-width: 310px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.02em;
    font-family: 'Montserrat';
}
#popular_popup .inpt{
    margin: 0 0 11px;
}
#popular_popup .label{
    display: block;
    color: #fff;
    font-family: 'TT Firs Neue', serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
}
#popular_popup input{
    width: 100%;
    max-width: 330px;
    height: 60px;
    background: #fff;
    padding: 0 28px;
}
#popular_popup .btn{
    max-width: 330px;
    font-size: 16px;
    height: 58px;
    border-radius: 5px;
    background: #7CD010;
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 0 28px;
}
#popular_popup .dscr{
    color: #7B9885;
    max-width: 288px;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 11px;
    line-height: 1;
    letter-spacing: -0.02em;
}
.articles .item:first-child a:after{
    display: none;
}

@media (max-width: 640px){
    .video_btn{
        width: 280px;
        height: 38px;
    }
    .video_btn span{
        font-size: 14px;
    }
    #popular_popup{
        padding: 45px 40px 40px;
    }
    #popular_popup .fancybox-close-small{
        top: 10px;
        right: 10px;
    }
    #popular_popup .title_popup{
        font-size: 36px;
    }
}
@media (max-width: 480px){
    .video_btn{
        bottom: 40px;
        width: 260px;
        height: 34px;
    }
    .video_btn span{
        padding-right: 30px;
    }
    .video_btn span:after{
        width: 24px;
        height: 24px;
    }
    #popular_popup{
        background: url("/local/templates/bania.3.1/img_new/img_bg-mob.jpg") no-repeat;
        background-size: cover;
        background-position: 50%;
    }
    #popular_popup .title_popup{
        font-size: 24px;
        max-width: 251px;
    }
    #popular_popup .title_popup span{
        padding-right: 50px;
    }
    #popular_popup .title_popup span:after{
        width: 40px;
        height: 29px;
    }
    #popular_popup .like_num{
        margin: 0 0 30px;
    }
    #popular_popup .like_num .num{
        font-size: 30px;
        width: 98px;
    }
    #popular_popup .like_num span{
        padding-left: 14px;
        width: calc(100% - 98px);
        max-width: 250px;
        font-size: 13px;
    }
    #popular_popup .label{
        font-size: 13px;
    }
    .articles .item .visual .img:before,
    .articles-box .visual .img:before{
        padding: 53% 0 0 !important;
    }
}
@media (max-width: 380px){
    #popular_popup{
        padding: 25px 20px 30px;
    }
}

@media (max-width: 768px) {
    .new_style.article .inner_article iframe { width: 100%; height: 400px; }
}

.about_block .video img { height: 100%; }

.sidebar_block .options_block{
    margin-top: -5px;
}
html body .sidebar_block .options_block .h2{
    line-height: 1;
    font-size: 24px;
    margin-right: 0;
    margin-bottom: 30px;
}
.options_list li{
    margin: 0 0 15px;
    min-height: 24px;
    height: auto;
    overflow: visible;
    position: relative;
}
.options_list li:after{
    position: absolute;
    content: '';
    /* width: 100%; */
    height: 1px;
    bottom: 3px;
    left: 40px;
    right: 0;
    background: rgba(39, 95, 108, 0.15);
    z-index: -1;
}
.options_list strong{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.2;
    z-index: 2;
}
.options_list strong:after{
    display: none;
}
.options_list span{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.2;
    white-space: nowrap;
    position: relative;
    z-index: 1;
}
.options_list .info_box{
    position: absolute;
    top: 2px;
    right: 1px;
    width: 16px;
    height: 16px;
}
.options_list .info{
    display: block;
    width: 100%;
    height: 100%;
    padding: 1px;
}
.options_list .info:after,
.options_list .info:before{
    display: none;
}
.options_list .info_txt{
    padding: 5px 13px;
    position: absolute;
    left: 100%;
    bottom: 100%;
    margin: 0 0 -4px 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    letter-spacing: -0.01em;
    color: #000;
    background: #fff;
    line-height: 1.2;
    font-size: 12px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    white-space: nowrap;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
}
.options_list .info_box:hover .info_txt{
    opacity: 1;
    pointer-events: auto;
}

.form_option .form_price{
    margin: -8px 0 7px;
}
.form_option .form_price .price{
    font-size: 24px;
}
.options_block .btn_holder{
    margin: 0 0 7px !important;
}
.sidebar_block .options_block .form_option .btn{
    margin: 0 0 0;
}
.sidebar_block .options_block .form_option .btn{
    height: 60px;
    font-size: 18px;
}
.form_option p{
    margin: 0 0 15px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: #000;
}
.technologies_box{
    margin: 0 0 50px;
}
.technologies_box .title{
    display: block;
    margin: 0 0 11px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #000;
    line-height: 1;
    font-size: 16px;
    letter-spacing: -0.01em;
    padding-right: 30px;
}
.technologies_list .item_list{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px 14px;
    margin: 0 0 5px;
    border-radius: 6px;
    background: #EFF6F1;
}
.technologies_list .item_list .name{
    display: block;
    position: relative;
    padding-left: 40px;
    padding-right: 10px;
    margin-right: auto;
}
.technologies_list .item_list .photo{
    overflow: hidden;
    border-radius: 6px;
    width: 31px;
    height: 21px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    position: absolute;
}
.technologies_list .item_list .name a{
    display: inline-block;
    vertical-align: top;
    padding-bottom: 3px;
    border-bottom: 1px solid #C3C8C9;
    text-decoration: none;
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    margin-top: 2px;
    transition: all 0.3s ease;
}
.technologies_list .item_list .name a:hover{
    border-color: transparent;
}
.technologies_list .item_list .price_list{
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    line-height: 1;
    font-size: 15px;
}

@media (max-width: 1350px){
    .options_list .info_txt{
        margin: 0;
        transform: translateX(-50%);
    }
}
@media (max-width: 1170px){
    .options_list li{
        padding-left: 30px;
    }
    .options_list span{
        padding: 0 0 0 10px;
    }
    .options_list strong{
        padding: 0 10px 0 0;
    }
    .options_list .info_box{
        right: -7px;
    }
    .options_list .info_txt{
        transform: translateX(-100%);
    }
}
@media screen and (max-width: 960px){
    .options_list .info_txt{
        transform: translateX(0);
    }
}
@media screen and (max-width: 565px){
    .technologies_list .item_list .price_list{
        margin: 0;
    }
    .options_list .info_txt{
        transform: translateX(-50%);
    }
}
@media (max-width: 480px){
    .technologies_list .item_list .name{
        padding-right: 5px;
    }
    .options_list strong,
    .options_list span,
    .technologies_list .item_list .price_list{
        font-size: 14px;
    }
}
@media (max-width: 380px){
    .options_list .info_txt{
        white-space: normal;
        width: 170px;
    }
}

.redesing_head ul.contacts li strong.phones a { display: block; }
.redesing_head ul.contacts li strong.phones a.second { font-size: 15px; }

/*header-contacts-icons*/
.icon-icon_03 an{
    font-family: 'TT Firs Neue';
    color: #707E80;
    font-weight: 400;
    line-height: 1.1;
    font-size: 13px;
}
.header-contacts-socials{
    display: flex !important;
    align-items: center;
    gap: 10px;
    margin: 0 0 0 auto !important;
    line-height: 0;
}

/*START Mobile catalog subsections*/
.catalog-sections-box--mobile{
    display: none;
    position: relative;
}
.catalog-sections-box-title{
    background: #fff;
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #595959;
    height: 26px;
}
.catalog-sections-box-dropdown{
    background: #fff;
    height: 0;
    opacity: 0;
    position: absolute;
    transition: all 200ms;
}
.catalog-sections-box--mobile.active .catalog-sections-box-dropdown{
    height: 100vh;
    overflow: auto;
    z-index: 25;
    opacity: 1;
    width: calc(100vw - 30px);
    /*padding-top: 15px;*/
    margin-top: 15px;
    border-bottom: 1px solid #E5EFF0;
    padding-bottom: 30px;
}
.catalog-sections-box-dropdown li{
    color: #616161;
    font-size: 14px;
    line-height: 14px;
    padding: 8px 0;
    border-top: 1px solid #E5EFF0;
}
.catalog-sections-box-dropdown li:last-child{
    border-bottom: 1px solid #E5EFF0;
}
.catalog-sections-box-dropdown li a{
    color: #616161;
    font-size: 14px;
    line-height: 14px;
    text-decoration: none;
}
.catalog-sections-box--mobile .catalog-sections-box-title svg{
    min-width: 24px;
    min-height: 12px;
}
.catalog-sections-box--mobile.active .catalog-sections-box-title svg{
    transform: rotate(180deg);
}
@media screen and (max-width: 576px) {
    .catalog-sections-box--mobile{
        display: block !important;
    }
    .wrap-catalog.mobile-subsections--wrapper .catalog-sections-box--mobile{
        width: 50%;
        margin: 0 0 20px;
    }
    .wrap-catalog.wrap-catalog.mobile-subsections--wrapper .filter {
        margin: 0 0 20px;
      }
    .wrap-catalog.mobile-subsections--wrapper .filter{
        width: 50%;
    }
    .wrap-catalog.mobile-subsections--wrapper .mob-nav-filter{
        border: none;
        height: auto;
        line-height: initial;
    }
    .wrap-catalog.mobile-subsections--wrapper .mob-nav-filter .s{
        text-align: right;
    }
    .wrap-catalog.mobile-subsections--wrapper{
        padding: 15px 0 0;
        width: 100%;
    }
}
/*END Mobile catalog subsections*/

/*QUIZ slider*/
.quiz--wrapper{
    background: #F2F7F7;
    margin: 50px 0;
}
.quiz--wrapper.quiz--wrapper-catalog{
    margin: 0 15px 30px 15px;
    width: calc(100% - 30px);
}
.quiz-container{
}
.quiz-container.quiz-container--catalog{
    padding: 0 0 0 20px;
}
.quiz-container--catalog .quiz-slider{
    padding-right: 20px;
}
.quiz-answer-slider{
    overflow: hidden;
}
.quiz-container--catalog .quiz-answer-slider .owl-stage-outer{
    /*overflow: hidden;*/
}
@media screen and (max-width: 960px){
    .quiz--wrapper.quiz--wrapper-catalog{
        position: relative;
    }
    .quiz--wrapper.quiz--wrapper-catalog::before{
        position: absolute;
        content: "";
        left: -30px;
        top: 0;
        height: 100%;
        background: #F2F7F7;
        width: 100vw;
    }
    .quiz-container.quiz-container--catalog{
        padding: 0;
    }
}
@media screen and (max-width: 600px) {
    .quiz--wrapper.quiz--wrapper-catalog{
        max-width: calc(100% - 30px);
    }
    .quiz--wrapper.quiz--wrapper-catalog::before{
        left: -15px;
    }
}
.quiz-hello-block{
    display: flex;
    height: 100%;
    min-height: 534px;
    height: 534px;
}
.quiz-hello-col-text{
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 25px;
    justify-content: center;
}
.quiz-hello-title{
    text-align: left;
    font-size: 34px;
    font-weight: 700;
    line-height: 43.86px;
    position: relative;
    padding-right: 30px;
}
.quiz-hello-title::after{
    position: absolute;
    bottom: -5px;
    left: 0;
    content: '';
    height: 4px;
    width: 88px;
    background: #80C700;
}
.quiz-hello-description{
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    padding-right: 60px;
    text-align: left;
}
.quiz-hello-block .quiz-hello-start-button{
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    height: 54px;
    width: 260px;
    padding: initial;

    display: flex;
    align-items: center;
    justify-content: center;
}
.quiz-hello-col-img{
    width: 50%;
    position: relative;
}
.quiz-hello-col-img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media screen and (max-width: 1200px) {
    .quiz-hello-block{
        min-height: 604px;
    }
    .quiz-hello-title{
        font-size: 28px;
        line-height: 36.12px;
    }
    .quiz-container--catalog .quiz-hello-block{
        min-height: 524px;
    }
    .quiz-container--catalog .quiz-hello-col-img{
        margin-left: 15px;
    }
    .quiz-container--catalog .quiz-hello-title{
        padding-right: 0px;
    }
}
@media screen and (max-width: 768px) {
    .quiz-hello-block{
        min-height: auto;
        flex-direction: column;
        height: auto;
        padding-bottom: 50px;
        gap: 20px;
    }
    .quiz-hello-title{
        font-size: 26px;
        line-height: 34px;
        padding-right: 0px;
    }
    .quiz-hello-block .quiz-hello-start-button{
        font-size: 16px;
        line-height: 16px;
        min-width: 100%;
    }
    .quiz-hello-col-img{
        order: 1;
        width: 100%;
        min-height: 240px;
        border-radius: 4px;
        overflow: hidden;
    }
    .quiz-hello-col-text{
        order: 2;
        width: 100%;
    }
    .quiz-hello-description{
        font-size: 14px;
        line-height: 22px;
        padding-right: 0;
    }
    .quiz-container--catalog .quiz-hello-col-img{
        margin-left: 0;
    }
}

.quiz-slider{
    display: none;
    gap: 10px;
    padding: 50px 0;
}
.quiz-slider.active{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.quiz-slider-item{
    height: 100%;
    display: none;
}
.quiz-slider-item.active{
    display: flex;
    flex-direction: column;
}

.quiz-slider .pagination-line{
    display: flex;
    align-items: center;
    padding: 16px 0;
}
.quiz-slider .pagination-line-item{
    width: 100%;
    height: 8px;
    background: #E4EBEB;
}
.quiz-slider .pagination-line-item:first-child{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.quiz-slider .pagination-line-item:last-child{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.quiz-slider .pagination-line-item.active{
    background: #80C700;
}

.quiz-slider .slider-step{
    font-size: 26px;
    font-weight: 500;
    line-height: 34px;
    color: #666666;
}
.quiz-slider-item-top-block{
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.quiz-slider-item-question--wrapper{
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: left;
}
.quiz-slider-item-question{
    font-size: 26px;
    font-weight: 600;
    line-height: 34px;
    color: #2B2A29;
    text-align: left;
}
.quiz-slider-item-question .quiz-slider-item-question-text{
    max-width: 590px;
}
.quiz-slider-item-description{
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #666666;
}
.quiz-slider .quiz-slider-buttons{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
}
.quiz-slider-button-prev, .quiz-slider-button-next{
    width: 200px;
    height: 46px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    line-height: 16.03px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.quiz-slider-button-next.disabled{
    pointer-events: none;
    opacity: 0.7;
}
.quiz-slider-button-next.disabled:hover{
    cursor: not-allowed;
}
.quiz-slider-button-prev.hidden, .quiz-slider-button-next.hidden{
    width: 0;
    opacity: 0;
}
.quiz-slider-button-prev:hover, .quiz-slider-button-next:hover{
    cursor: pointer;
}
.quiz-slider-button-prev{
    background: #F2F7F7;
    border: 1px solid #666666;
    color: #666666;
}
.quiz-slider-button-next{
    background: #80C700;
    border: 1px solid #80C700;
    color: #FFF;
}
@media screen and (max-width: 1200px) {
    .quiz-hello-block{
        min-height: 604px;
    }
}
@media screen and (max-width: 768px) {
    .quiz-container--catalog .quiz-slider{
        padding-right: 0;
    }
    .quiz-slider .slider-step{
        font-size: 22px;
        line-height: 28px;
    }
    .quiz-slider .pagination-line{
        padding: 10px 0;
    }
}

/*answer slider*/
.quiz-slider-answer-nav{
    padding-left: 30px;
    display: flex;
    gap: 16px;
    align-items: center;
}
.quiz-slider-answer-nav.disabled{
    display: none;
}
.quiz-slider-answer-nav button{
    width: 40px;
    height: 40px;
    background: #80C700;
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.quiz-slider-answer-nav button.disabled{
    background: #E4EBEB;
}

.quiz-slider-answer-nav .owl-prev.swiper-button-disabled, .quiz-slider-answer-nav .owl-next.swiper-button-disabled{
    display: flex !important;
    background: #D9D9D9;
}
/*answer dots*/

.quiz-slider .quiz-answer-slider__pagination-line{
    display: flex;
    align-items: center;
    padding: 0 0 40px 0;
    opacity: 1;
}

.quiz-answer-slider__pagination-line .owl-dot{
    width: 100%;
    display: flex;
}
.quiz-answer-slider__pagination-line .owl-dot button{
    width: 100%;
    height: 4px;
    background: #E4EBEB;
    border: none;
    border-radius: 0;
}
.quiz-answer-slider__pagination-line .owl-dot:first-child button{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.quiz-answer-slider__pagination-line .owl-dot:last-child button{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.quiz-answer-slider__pagination-line .owl-dot.active button{
    border-radius: 4px;
    background: #80C700;
}
/*SWIPER*/
.quiz-answer-slider.swiper-container-horizontal>.swiper-scrollbar{
    position: relative;
    margin-top: 40px;
}
.quiz-answer-slider .swiper-scrollbar-drag{
    background: #80C700;
}
@media screen and (max-width: 768px) {
    .quiz-answer-slider.swiper-container-horizontal>.swiper-scrollbar{
        margin-top: 20px;
    }
}
.quiz-answer-slider{
    margin: auto 0;
    padding: 40px 0;
}
.quiz-answer-slider .owl-stage-outer{
    /*overflow: hidden;*/
    overflow-x: auto;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.quiz-answer-slider .quiz-answer-slider-item{
    min-height: 278px;
    border-radius: 20px;
    overflow: hidden;
}
.quiz-answer-slider .quiz-answer-slider-item:hover{
    cursor: pointer;
}
.quiz-answer-slider .quiz-answer-slider-item-img{
    height: 218px;
    position: relative;
}
.quiz-answer-slider-item-img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}
.quiz-answer-slider-item-field{
    display: flex;
    align-items: center;
    background: #FFF;
    min-height: 60px;
    padding: 10px 20px;
    text-align: left;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.quiz-answer-slider-item-field:hover{
    cursor: pointer;
}
.quiz-answer-slider-item-field label{
    padding-left: 10px;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
}
/*quiz fieldset*/
.quiz-answer-field-list{
    margin: auto 0;
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.quiz-answer-field-list.quiz-answer-field-list--two-cols{
    flex-direction: row;
    flex-wrap: wrap;
}
.quiz-answer-field-list-item{
    display: flex;
    align-items: center;
    width: calc((100% / 2) - 20px / 2);
    background: #FFF;
    min-height: 60px;
    padding: 10px 20px;
    border-radius: 8px;
    text-align: left;
}
.quiz-answer-field-list-item:hover{
    cursor: pointer;
}
.quiz-answer-field-list-item label{
    padding-left: 10px;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
}
.quiz-answer-field-list-item label:hover{
    cursor: pointer;
}

@media screen and (max-width: 1200px){
    .quiz-slider-item-question .quiz-slider-item-question-text{
        max-width: 798px;
    }
    .quiz-slider-answer-nav{
        align-self: end;
    }
}
@media screen and (max-width: 768px) {
    .quiz-answer-slider{
        padding: 10px 0 20px 0;
    }
    .quiz-slider-item-top-block{
        flex-direction: column;
        align-items: initial;
        gap: 40px;
    }
    .quiz-slider-item-question{
        font-size: 22px;
        line-height: 28px;
    }
    .quiz-slider-item-description{
        font-size: 14px;
        line-height: 22px;
    }
    .quiz-answer-slider .quiz-answer-slider-item{
        min-height: 174px;
    }
    .quiz-answer-slider .quiz-answer-slider-item-img{
        height: 136px;
    }
    .quiz-answer-field-list{
        padding: 30px 0 40px 0;
    }
    .quiz-answer-field-list-item{
        width: 100%;
        min-height: 36px;
        padding: 6px 20px;
    }
    .quiz-answer-slider-item-field{
        min-height: 37px;
        font-size: 16px;
        line-height: 16px;
    }
    .quiz-answer-slider-item-field label, .quiz-answer-field-list-item label{
        font-size: 12px;
        line-height: 16px;
    }
}
/*CHECKBOX, RADIO STYLE*/
.quiz-answer-slider-item-field input[type="radio"],
.quiz-answer-slider-item-field input[type="checkbox"],
.quiz-answer-field-list-item input[type="checkbox"],
.quiz-answer-field-list-item input[type="radio"]{
    appearance: none;
    -webkit-appearance: none;
    display: flex;
    align-content: center;
    justify-content: center;
    font-size: 9px;
    padding: 2px;
    border: 1px solid #80C700;
    border-radius: 50%;
}
.quiz-answer-slider-item-field input[type="radio"]::before,
.quiz-answer-slider-item-field input[type="checkbox"]::before,
.quiz-answer-field-list-item input[type="checkbox"]::before,
.quiz-answer-field-list-item input[type="radio"]::before{
    content: "\2713";
    width: 9px;
    height: 9px;
    transform: scale(0);
    color: #80C700;
    text-align: center;
    font-weight: 800;
    line-height: 10px;
    font-size: 12px;
}
.quiz-answer-slider-item-field input[type="radio"]:checked::before,
.quiz-answer-slider-item-field input[type="checkbox"]:checked::before,
.quiz-answer-field-list-item input[type="checkbox"]:checked::before,
.quiz-answer-field-list-item input[type="radio"]:checked::before {
    transform: scale(1);
}

/*QUIZ SUBMIT FORM*/
.quiz-submit-form{
    display: none;
}
.quiz-submit-form.active{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 50px 0;
    min-height: 544px;
}
.quiz-submit-form-title{
    font-size: 26px;
    font-weight: 600;
    line-height: 34px;
    text-align: center;
    color: #80C700;
    max-width: 725px;
}
.quiz-submit-form-text{
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    color: #666666;
    max-width: 580px;
    margin-bottom: 30px;
}
.quiz-submit-form-field-list{
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 420px;
}
input.quiz-submit-form-field{
    width: 100%;
    height: 60px;
    background: #fff;
    border: none;
    border-radius: 4px;
    margin: 0;
    padding: 0 24px;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
}
input.quiz-submit-form-field.error{
    outline: 0;
    animation-name: error;
    animation-duration: .5s;
    animation-delay: 0.25s;
    border: 1px solid #ff0000;
}
.quiz-submit-form-agreement{
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
}
.quiz-submit-form-agreement a{
    color: #275F6C;
    text-decoration: underline !important;
}
.quiz-submit-form-agreement a:hover{
    color: #275F6C;
}
.quiz-submit-form-submit{
    width: 100%;
    height: 60px;
    border-radius: 4px;
    font-size: 20px;
    font-weight: 600;
    line-height: 16.03px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: #80c700;
    color: #fff;
    text-transform: none;
    text-decoration: none;
}
.quiz-submit-form-submit:hover{
    color: #fff;
    box-shadow: 10.6px 10.6px 25px rgba(128, 199, 0, 0.5);
}
@media screen and (max-width: 1200px){
    .quiz-submit-form.active{
        min-height: auto;
        gap: 10px;
    }
    .quiz-submit-form-title{

    }
}
@media screen and (max-width: 768px){
    .quiz-submit-form-field-list{
        width: 100%;
    }
    .quiz-submit-form-text{
        font-size: 14px;
        line-height: 22px;
    }
    .quiz-submit-form-submit{
        font-size: 16px;
        line-height: 16px;
    }
    .quiz-submit-form-agreement{
        font-size: 14px;
        line-height: 22px;
    }
    input.quiz-submit-form-field{
        font-size: 16px;
        line-height: 16px;
    }
}
/*END QUIZ slider*/

/**fix mobile widget to bottom*/
@media only screen and (max-width: 768px) {
    .active-top .top-anhor{
        bottom: 25px;
        right: 18px;
    }
    .widget_box{
        bottom: 100px;
        right: 20px;
    }
}

/*START change project form*/
.btn.btn--blue{
    background: #00616E;
    border: 1px solid #00616E;
}
.change-project--box{
    padding: 110px 50px 40px 110px;
    max-width: 1300px;
    border-radius: 10px;
}
.change-project--box.change-project--box_success{
    padding: 40px;
}
.change-project--box_success .change-project-info-text p{
    margin-bottom: 0;
}
.change-project{
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.change-project-title{
    /*font-family: Inter;*/
    /*font-size: 48px;
    font-weight: 700;
    line-height: 58.09px;*/
    font-size: 34px;
    line-height: 42px;
    font-weight: 700;
    margin-bottom: 15px;
}
.change-project-info{
    display: flex;
    gap: 100px;
    justify-content: space-between;
}
.change-project-info-text--wrapper{
    display: flex;
    flex-direction: column;
    max-width: 515px;
}
.change-project-info-text{
    /*font-family: Inter;*/
    margin-bottom: 15px;
}
.change-project-info-text p{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 10px;
    max-width: 660px;
}
.change-project-info-text ul{
    list-style: disc;
    padding-left: 25px;
}
.change-project-info-text li{
    display: list-item;
}
.change-project-img{

}
.change-project-form{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.change-project-form-field-list{
    display: flex;
    gap: 10px;
}
input.change-project-form-field{
    width: 100%;
    height: 60px;
    background: #f2f7f7;
    border: none;
    border-radius: 4px;
    margin: 0;
    padding: 0 24px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
}
input.change-project-form-field.error {
    outline: 0;
    animation-name: error;
    animation-duration: .5s;
    animation-delay: 0.25s;
    border: 1px solid #ff0000;
}
.change-project-form-submit{
    width: 100%;
    height: 60px;
    border-radius: 4px;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 600;
    line-height: 16.03px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: #00616E;
    color: #fff;
    text-transform: none;
    text-decoration: none;
    max-width: 331px;
}
.change-project-form-submit:hover{
    color: #fff;
    background: #80c700;
    box-shadow: 10.6px 10.6px 25px rgba(128, 199, 0, 0.5);
}
.change-project-form-agreement{
    /*font-family: Inter;*/
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    letter-spacing: 0%;
}
.change-project-form-agreement a{
    color: #000;
}
.change-project--box .fancybox-close-small{
    display: none;
}
@media(max-width: 1400px){
    .change-project--box{
        padding: 50px;
    }
    .change-project-info{
        flex-direction: column;
        gap: 30px;
    }
    .change-project-info-text--wrapper{
        order: 1;
        gap: 15px;
    }
    .change-project-img{
        order: 0;
        display: flex;
        justify-content: center;
    }
    .change-project-img img{
        max-height: 200px;
    }
    .change-project-title{
        font-size: 26px;
        line-height: 32px;
    }
    .change-project-info-text p{
        font-weight: 400;
        font-size: 16px;
        margin-bottom: 5px;
    }
    /*
    .change-project-form-agreement{
        font-size: 16px;
    }
        */
    .change-project-form{
        gap: 15px;
    }
    .change-project-form-submit{
        max-width: 100%;
    }
}
@media(max-width: 768px){
    .change-project--box{
        padding: 30px;
    }
    .change-project--box.change-project--box_success{
        padding: 30px;
    }
    /*.change-project--box.change-project--box_success .fancybox-close-small{
        display: inline-block;
    }*/
    .change-project-title{
        margin-bottom: 0;
    }
    .change-project-img{
        display: none;
    }
    .change-project-form-field-list{
        flex-direction: column;
    }
    input.change-project-form-field{
        height: 48px;
        font-size: 16px;
    }
    .change-project-form-submit{
        height: 48px;
        font-weight: 500;
    }
    .change-project-info-text p{
        font-size: 14px;
    }
    /*
    .change-project-form-agreement{
        font-size: 14px;
    }
    */
}
/*END change project form*/

/*fix iphone price*/
@media(max-width: 768px){
    .price_box .price,
    .price_box a.price,
    .price_box .price a ,
    .form_price .price,
    .form_price a.price,
    .form_price .price a {
        text-decoration: none !important;
        color: #111 !important;
    }
}

.redesing_head .logo { z-index: 1000 }

.catalog-panel-tags .catalog-tags { flex-wrap: nowrap; }
.catalog-panel-tags .catalog-tags-list { flex: 0 0 calc(100% - 210px); }
.project-details .project-details-item-cat li a { color: #000; text-decoration: none; }

.fancybox-container .fancybox-bg { background: rgba(50, 56, 54, 0.7); }

.box-3d { display: none; padding: 0; overflow: hidden !important; }
.box-3d .popup-tour {  }
.plans-gallery { position: relative; }
.plans-gallery .swiper-slide a { display: block; width: 100%; height: 100%; }
.plans-gallery .plans-nav { position: absolute; right: 20px; top: 20px; z-index: 11; display: flex; }
.plans-gallery .plans-nav .btn-prev, .plans-gallery .plans-nav .btn-next { display: block !important; background-color: #80C342; height: 48px; width: 48px; border-radius: 8px; text-align: center; line-height: 48px; margin-left: 10px; border: none; }
.plans-gallery .plans-nav .swiper-button-disabled { opacity: 0; }
.project-details h1.project-tag { font-size: 14px; line-height: 32px; padding: 0 16px; }

@media (max-width: 768px) {
    .main-content-box .breadcrumbs { display: none !important; }
    .project-info .project-details { flex-direction: row; }
}

#indx-quiz { padding: 0; width: 60%; height: auto; border-radius: 10px; }
#indx-quiz .quiz--wrapper.quiz--wrapper-catalog { margin: 0; width: 100%; }
#indx-quiz .fancybox-close-small { display: none; }
.hero-promo h1 { font-size: 12px; color: #000; opacity: .5; }

@media (max-width: 768px) {
	#indx-quiz { width: 90%; }
}
.certificates-section .holder-img { padding: 10px; min-height: auto; }
.certificates-section .holder-img .img { width: 100%; height: 560px; display: block; background-repeat: no-repeat; background-position: center; background-size: cover; }
@media (max-width: 800px) {
    .certificates-section .holder-img .img  { height: 306px; }
    .btn-holder .bx-filter-block .filter-nav { display: flex; }
    .btn-holder .bx-filter-block #del_filter { border: 1px solid #00616e; color: #00616e; text-decoration: underline; text-align: center; display: inline-block; }
    .btn-holder .bx-filter-block #del_filter .icon { display: none; }
    .btn-holder .bx-filter-block #set_filter.btn { border-radius: 5px; width: auto; }
    .bx-filter-section .btn-holder { position: fixed; padding: 20px 0 !important; left: 20px; right: 20px; width: calc(100% - 50px); bottom: 0;  }
    .popup-catalog-filter .smartfilter { padding-bottom: 60px; }
    .popup-catalog-filter .smartfilter .btn-holder .close-filter { position: relative; top: auto; right: auto; background: transparent; font-size: 20px; color: #000; text-decoration: none; width: auto; height: auto; }
    .body-fixed { height: 100vh; overflow: hidden; }
    .list_sizes li span { white-space: nowrap; }
}

.old-gallery-box { display: none; }

.hero-promo .holder-title div.h1 {

color: #fff !important;
font-size: 60px !important;

}
/* End */


/* Start:/local/templates/bania.3.1/css/redesign_style_new.css?1740116905229420*/
* {
    -webkit-backface-visibility: hidden;
}

html {
    -webkit-font-smoothing: antialiased;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('/local/templates/bania.3.0/fonts/TTFirsNeue-Regular.eot');
    src: local('TT Firs Neue Regular'), local('TTFirsNeue-Regular'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Regular.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Regular.woff2') format('woff2'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Regular.woff') format('woff'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('/local/templates/bania.3.0/fonts/TTFirsNeue-Medium.eot');
    src: local('TT Firs Neue Medium'), local('TTFirsNeue-Medium'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Medium.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Medium.woff2') format('woff2'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Medium.woff') format('woff'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('/local/templates/bania.3.0/fonts/TTFirsNeue-DemiBold.eot');
    src: local('TT Firs Neue DemiBold'), local('TTFirsNeue-DemiBold'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-DemiBold.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-DemiBold.woff2') format('woff2'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-DemiBold.woff') format('woff'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-DemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('/local/templates/bania.3.0/fonts/TTFirsNeue-Bold.eot');
    src: local('TT Firs Neue Bold'), local('TTFirsNeue-Bold'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Bold.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Bold.woff2') format('woff2'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Bold.woff') format('woff'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('/local/templates/bania.3.0/fonts/TTFirsNeue-Italic.eot');
    src: local('TT Firs Neue Italic'), local('TTFirsNeue-Italic'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Italic.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Italic.woff2') format('woff2'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Italic.woff') format('woff'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

/* montserrat-regular - cyrillic_cyrillic-ext_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('/local/templates/bania.3.0/fonts/montserrat-v25-cyrillic_cyrillic-ext_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-500 - cyrillic_cyrillic-ext_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url('/local/templates/bania.3.0/fonts/montserrat-v25-cyrillic_cyrillic-ext_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-600 - cyrillic_cyrillic-ext_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('/local/templates/bania.3.0/fonts/montserrat-v25-cyrillic_cyrillic-ext_latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-700 - cyrillic_cyrillic-ext_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('/local/templates/bania.3.0/fonts/montserrat-v25-cyrillic_cyrillic-ext_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-800 - cyrillic_cyrillic-ext_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    src: url('/local/templates/bania.3.0/fonts/montserrat-v25-cyrillic_cyrillic-ext_latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-900 - cyrillic_cyrillic-ext_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    src: url('/local/templates/bania.3.0/fonts/montserrat-v25-cyrillic_cyrillic-ext_latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
    font-family: 'TT Firs Neue', serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    background: #fff;
}

button, input, textarea, select {
    font: 100% 'TT Firs Neue', serif;
}

strong {
    font-family: 'TT Firs Neue', serif;
}

h1, .h1 {
    letter-spacing: 0;
}

h2 {
    font-family: 'TT Firs Neue', serif;
    font-size: 40px;
    line-height: 1;
    font-weight: 400;
}

h2 span {
    color: #80c700;
}

div.h2-block span {
    color: #80c700;
}

.container {
    max-width: 1210px;
}
/*
#wrapper {
    padding: 190px 0 0;
}
*/
#main {
    padding: 0;
}

.form legend {
    display: block;
    text-align: center;
    margin: 0 0 29px;
    color: #fff;
    font-size: 40px;
    font-weight: 500;
    line-height: 1;
}

.form textarea,
.form input[type="text"] {
    display: block;
    width: 100%;
    height: 50px;
    background: #f2f7f7;
    border-radius: 4px;
    padding: 0 17px;
    color: #000;
    /* font-size: 16px; */
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    border: none;
}

.form textarea {
    height: 150px;
    padding: 16px 17px 10px;
    resize: none;
}

.form input[type="submit"] {
    display: block;
    width: 100%;
    height: 50px;
    background: #80c700;
    border-radius: 4px;
    color: #fff;
    /* font-size: 16px; */
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition: all .2s linear;
    border: 1px solid #80c700;
}

.form input[type="submit"]:hover {
    box-shadow: 10.6px 10.6px 25px rgb(128 199 0 / 50%);
}

.form .row {
    margin: 0 0 10px;
}

.form .form-prvt {
    text-align: center;
    display: block;
    padding: 9px 0 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.34;
    color: #fff;
}

.form .form-prvt a {
    text-decoration: underline;
    color: #80c700;
    transition: all .2s linear;
}

.form .form-prvt a:hover {
    text-decoration: none;
}

.video {
    width: 100%;
    height: auto;
    background: none;
}

.video a {
    position: relative;
    width: auto;
    /* height: auto; */
    height: 222px;
    display: block;
    border-radius: 4px;
    top: auto;
    left: auto;
}

.video a:after {
    display: none;
}

.video .play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 100px;
    height: 100px;
    background: #bb8f63;
    border-radius: 50%;
    transition: all 0.3s linear;
}

.about_block .video {
    max-width: 500px;
    margin: 0 0 53px;
}

.video .play:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    border-left: 16px solid #fff;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    margin: -9px 0 0 -6px;
}

.video a:hover .play {
    box-shadow: 10.6px 10.6px 25px rgb(128 199 0 / 50%);
    background: #80c700;
}

.logo {
    width: 248px;
    height: 58px;
    background: url("/local/templates/bania.3.0/img_new/logo.svg") no-repeat;
    background-size: 100%;
    top: 23px;
}

.slogan {
    font-size: 14px;
    line-height: 1.14;
    top: 94px;
    left: 22px;
    color: #000;
}

ul.contacts li {
    padding: 0;
    /* margin: 0 0 0 29px; */
    margin: 0 0 0 19px;
}

ul.contacts li:nth-child(2) {
    /* margin: 0 0 0 71px; */
    margin: 0 0 0 40px;
}

ul.contacts li:before {
    display: none;
}

.list-social,
.soc_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.list-social li,
.item_soc {
    margin: 0 0 0 18px;
}

.item_soc {
    margin: 0 0 0 9px;
}

.list-social li:first-child,
.item_soc:first-child {
    margin: 0 0 0 5px;
}

.list-social a,
.item_soc a {
    display: block;
    /* width: 19px;
    height: 19px; */
    width: 30px;
    height: 31px;
    transition: all .3s ease;
}

/* .list-social a:hover,
.item_soc a:hover{
    opacity: 0.5;
} */
.list-social .wts a{
    background: url("/local/templates/bania.3.0/img_new/whatsapp_green.svg") no-repeat;
    background-size: 100%;
}

.list-social .inst a,
.item_soc.inst a {
    background: url("/local/templates/bania.3.0/img_new/icon_inst.svg") no-repeat;
    background-size: 100%;
}

.list-social .wts a:hover {
    background: url("/local/templates/bania.3.0/img_new/whatsapp_green_hover.svg") no-repeat;
    background-size: 100%;
}

.item_soc.wtsp a {
    background: url("/local/templates/bania.3.0/img_new/whatsapp_green.svg") no-repeat;
    background-size: 100%;
 }
 .item_soc.wtsp a:hover {
    background: url("/local/templates/bania.3.0/img_new/whatsapp_green_hover.svg") no-repeat;
    background-size: 100%;
 }

#footer .item_soc.wtsp a {
    background: url("/local/templates/bania.3.0/img_new/whatsapp_black.svg") no-repeat;
    background-size: 100%;
 }
 #footer .item_soc.wtsp a:hover {
    background: url("/local/templates/bania.3.0/img_new/whatsapp_green_hover.svg") no-repeat;
    background-size: 100%;
 }

.list-social .inst a:hover,
.item_soc.inst a:hover {
    background: url("/local/templates/bania.3.0/img_new/icon_inst_hv.svg") no-repeat;
    background-size: 100%;
}

ul.contacts li .btn {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    width: 180px;
    height: auto;
    background: #00616e;
    border: none;
    border-radius: 4px;
    padding: 17px 10px;
    font-family: 'TT Firs Neue', serif;
    display: block;
    min-width: auto;
}

ul.contacts li strong {
    line-height: 1.25;
    font-weight: 600;
    min-height: 40px;
    display: flex;
    align-items: center;
    margin: 0 0 11px;
}

ul.contacts li strong.phones {
    flex-direction: column;
    align-items: flex-start;
}

ul.contacts li strong a {
    color: #000;
    font-size: 25px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
}

ul.contacts li strong a.second {
    font-size: 16px;
    line-height: 19px;
}

ul.contacts li span {
    color: #000;
    font-family: 'TT Firs Neue', serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.14;
    display: block;
    position: relative;
    padding: 2px 0 2px 24px;
    overflow: visible;
}

ul.contacts li span:before {
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
    top: 50%;
    left: -4px;
    margin: -9px 0 0;
}

ul.contacts li:nth-child(1) span:before {
    background: url("/local/templates/bania.3.0/img_new/icon_metro.svg") no-repeat;
    background-size: 100%;
}

ul.contacts li:nth-child(2) span:before {
    background: url("/local/templates/bania.3.0/img_new/icon_time.svg") no-repeat;
    background-size: 100%;
}

.sab-nav {
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.07;
    font-size: 15px;
    font-family: 'TT Firs Neue', serif;
    padding: 20px 0 0;
}

.sab-nav li {
    margin: 0 56px 0 0;
}

.sab-nav > li > a:hover {
    color: #80c700;
}

.nav li.arrow a:after,
.sab-nav > li > a:before {
    border-bottom: 2px solid #80c700;
    border-right: 2px solid #80c700;
    width: 6px;
    height: 6px;
    top: 1px;
    right: -19px;
}

.nav {
    margin: 0 0 0 -2px;
    padding: 20px 0 0;
    font-family: 'TT Firs Neue', serif;
}

.nav:after {
    display: none;
}

.nav li {
    margin: 0 36px 0 0;
}

.nav li a {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.07;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 0.01em;
}

.nav li a:hover {
    color: #80c700;
}

.favorite {
    width: 20px;
    height: 17px;
    background: url("/local/templates/bania.3.0/img_new/icon_fav.svg") no-repeat;
    background-size: 100%;
    display: block;
    top: 15px;
    right: 0;
}

.favorite span {
    width: 20px;
    height: 20px;
    background: #00616e;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.14;
    text-transform: uppercase;
    top: auto;
    bottom: 100%;
    right: 0;
}

.favorite.show_m {
    display: none;
}

#navigation .search {
    top: auto;
    right: auto;
    position: static;
}

#navigation .search .search-form button {
    width: 20px;
    height: 20px;
    background: url("/local/templates/bania.3.0/img_new/icon_search.svg") no-repeat;
    background-size: 100%;
}

#navigation .search .search-form button {
    top: 50%;
    transform: translateY(-50%);
    right: 33px;
}

#navigation .search .search-form {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 10px 50px 0px rgba(14, 47, 51, 0.30);
    box-sizing: border-box;
    border: none;
    padding: 13px 29px 20px 36px;
    width: auto;
    height: auto;
    top: -5px;
    left: 0;
}
#navigation .search-form form{
    position: relative;
}

#navigation .search .close_search{
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    transform: translateY(-50%);
    right: 50px;
}
#navigation .search .close_search svg{
    display: block;
    width: 100%;
    height: 100%;
}
#navigation .search .inner_search .title{
    display: block;
    margin: 0 0 14px;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.1;
}
.requests_block{
    display: flex;
    flex-wrap: wrap;
}
.requests_box{
    width: 67%;
    padding-right: 70px;
    padding-left: 7px;
}
.requests_box .list_tag{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 17px;
}
.requests_box .list_tag li{
    margin: 0 11px 10px 0;
}
.requests_box .list_tag a{
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    border-radius: 5px;
    border: 1px solid #555;
    padding: 4px 9px;
    text-decoration: none;
}
.requests_box .list_tag a:hover{
    color: #fff;
    background: #555;
}
.requests_box .custom-block-list{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.requests_box .custom-block-list .custom-block-list__item{
    width: 50%;
    padding: 0 10px;
    margin: 0 0 30px;
}
.requests_box .custom-block-list .custom-block-list__item .wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 20px;
    background: #F1F4F4;
}
.requests_box .custom-block-list .custom-block-list__item .wrapper a{
    text-decoration: none;
}
.requests_box .custom-block-list .custom-block-list__item .wrapper .img{
    position: relative;
    height: 187px;
}
.requests_box .custom-block-list .custom-block-list__item .wrapper .img:before{
    content: "";
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border-radius: 20px 20px 0 0;
    background: linear-gradient(324deg, rgba(23, 90, 99, 0.60) 2.43%, rgba(10, 29, 32, 0.00) 199.37%);
    transition: all 0.3s linear;
    opacity: 0;
    z-index: 1;
}
@media (min-width: 1024px){
    .requests_box .custom-block-list .custom-block-list__item .wrapper .img:hover:before{
        transition: all 0.3s linear;
        opacity: 1;
    }
}
.requests_box .custom-block-list .custom-block-list__item .wrapper .img img{
    display: block;
    max-height: none;
    border-radius: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.requests_box .custom-block-list .custom-block-list__item .wrapper .information{
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
    transition: all .3s ease;
    padding: 19px 20px 20px;
}
.requests_box .custom-block-list .custom-block-list__item .wrapper .information .information__title{
    /*color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 14px;
    padding: 0 9px;*/
}
.requests_box .custom-block-list .custom-block-list__item .wrapper .information .information__title a{
    color: #000;
    transition: all 0.3s linear;
}
.requests_box .custom-block-list .custom-block-list__item .wrapper .information .information__title a:hover{
    color: #91c700;
}
.requests_box .custom-block-list .custom-block-list__item .information__dscr{
    /*padding: 10px;
    background: #fff;
    border-radius: 10px;*/
}
.requests_box .custom-block-list .custom-block-list__item .information__properties{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
    gap: 0;
    flex: none;
    min-height: auto;
    margin: 0 -5px 15px;
}
.requests_box .custom-block-list .custom-block-list__item .information__properties .information__property{
    flex: 1 0 auto;
    display: flex;
    width: auto;
    align-items: center;
    justify-content: start;
    gap: 0;
    padding: 0 5px;
}
.requests_box .custom-block-list .custom-block-list__item .information__properties .information__property .icon{
    width: 21px;
    height: 21px;
}
.requests_box .custom-block-list .custom-block-list__item .information__properties .information__property .icon svg{
    display: block;
    width: 100%;
    height: 100%;
}
.requests_box .custom-block-list .custom-block-list__item .information__properties .information__property .prop_box{
    padding-left: 6px;
    width: calc(100% - 21px);
}
.requests_box .custom-block-list .custom-block-list__item .information__properties .information__property .key{
    display: block;
    color: #555;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.2;
    text-align: left;
}
.requests_box .custom-block-list .custom-block-list__item .information__properties .information__property .value{
    display: block;
    color: #555;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
    text-align: left;
}
.requests_box .custom-block-list .custom-block-list__item .links_holder{
    padding-top: 10px;
    position: relative;
}
.requests_box .custom-block-list .custom-block-list__item .links_holder:after{
    position: absolute;
    content: '';
    top: 0;
    height: 1px;
    left: -5px;
    right: -5px;
    background: #EBEBEB;
}
.requests_box .custom-block-list .custom-block-list__item .links_holder .links{
    display: block;
    position: relative;
    transition: all 0.3s linear;
    padding-right: 35px;
    color: #000;
    font-weight: 500;
    line-height: 1.2;
    font-size: 15px;
}
.requests_box .custom-block-list .custom-block-list__item .links_holder .links:hover{
    color: #91c700;
}
.requests_box .custom-block-list .custom-block-list__item .links_holder .links svg{
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    width: 21px;
    height: 8px;
    transition: all 0.3s linear;
}
.requests_box .custom-block-list .custom-block-list__item .links_holder .links:hover svg path{
    fill: #91c700;
}

.often_searched_box{
    width: 33%;
    padding-right: 40px;
}
.list_requests{
    margin-top: -1px;
}
.list_requests li{
    margin: 0 0 11px;
}
.list_requests a{
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0;
    border-bottom: 1px solid #F6F6F6;
    color: #555;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    display: block;
    transition: all ease 0.3s;
}
.list_requests a:after{
    position: absolute;
    content: '';
    right: 12px;
    top: 50%;
    transform: translateY(-65%);
    width: 12px;
    height: 12px;
    background: url("/local/templates/bania.3.0/img_new/icon_search-2.svg") no-repeat;
    opacity: 0.3;
    background-size: 100%;
    transition: all ease 0.3s;
}
.list_requests a:hover{
    color: #000;
}
.list_requests a:hover:after{
    opacity: 1;
}
.options_block{
    /*display: none;*/
}
.inner_search .options_list{
    margin: 0 0 0;
    padding: 11px 52px 10px 11px;
    overflow: hidden;
    overflow-y: auto;
    height: 303px;
    scrollbar-color: #000 #E6E6E6;
}
.inner_search .options_list::-webkit-scrollbar{
    width: 2px;
}
.inner_search .options_list::-webkit-scrollbar-track{
    background: #E6E6E6;
}
.inner_search .options_list::-webkit-scrollbar-thumb{
    background: #000;
}
.inner_search .options_list li{
    position: relative;
    padding: 0 0 0 28px;
    margin: 0 0 11px;
    border-bottom: 1px solid #F6F6F6;
    display: flex;
}
.inner_search .options_list li:after{
    position: absolute;
    content: '';
    width: 12px;
    height: 12px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url("/local/templates/bania.3.0/img_new/icon_search-2.svg") no-repeat;
    background-size: 100%;
    opacity: 0.3;
}
.inner_search .options_list li.previously:after{
    width: 17px;
    height: 15px;
    background: url("/local/templates/bania.3.0/img_new/icon_time-2.svg") no-repeat;
    background-size: 100%;
    opacity: 1;
}
.inner_search .options_list li a{
    display: block;
    padding: 10px 0;
    color: #555;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    transition: all ease 0.3s;
    text-decoration: none;
    width: 100%;
}
.inner_search .options_list li a span{
    color: #000;
}
.inner_search .options_list li a.del{
    font-size: 13px;
    color: #8B8B8B;
    width: auto;
}
.inner_search .options_list li a.del:hover{
    color: #000;
}
.options_block .link_holder{
    padding: 13px 0 10px;
    text-align: center;
}
.options_block .link_holder .link{
    display: inline-block;
    vertical-align: top;
    padding-right: 34px;
    text-decoration: none;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    position: relative;
}
.options_block .link_holder .link svg{
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* drop_menu */
.sab-nav li > .drop {
    width: 1170px;
    padding: 41px 30px 52px 74px;
    margin: 10px 0 0;
    background-color: #fff;
    background-image: url("/local/templates/bania.3.0/img_new/rd_bg-11.png");
    background-repeat: no-repeat;
    background-position: 100% -102px;
    border-radius: 4px;
    box-shadow: 10.6px 10.6px 25px rgba(0, 97, 110, 0.5);
}

.sab-nav > li > .drop:after {
    left: 0;
    right: 0;
    background: transparent;
    height: 10px;
    top: -10px;
}

.sab-nav > li > .drop:before {
    position: absolute;
    content: '';
    top: -10px;
    left: 63px;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.sab-nav > li:nth-child(2) > .drop:before {
    left: 253px;
}
.sab-nav > li:nth-child(3) > .drop:before {
    left: 433px;
}

.sab-nav > li > .drop > ul {
    font-family: 'TT Firs Neue', serif;
    letter-spacing: 0;
    text-transform: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 2.25;
    width: 426px;
    columns: 183px 2;
}

.sab-nav > li .drop > ul > li {
    margin: 0 0 12px;
}

.sab-nav > li > .drop > ul li a {
    font-weight: 400;
    line-height: 1.5;
    display: block;
}

.sab-nav li .drop .more-nav {
    padding: 37px 0 0;
}

.sab-nav li .drop .more-nav a {
    text-transform: none;
    color: #00616e;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    font-family: 'TT Firs Neue', serif;
    border-bottom: 1px solid #00616e;
    padding: 0;
}

.sab-nav li .drop .more-nav a:hover {
    color: #80c700;
    border-bottom-color: #80c700;
}

.sab-nav li > .drop img {
    right: 285px;
    top: 57px;
}

.sab-nav li .drop .count {
    top: 93px;
    right: 86px;
}

.sab-nav li .drop .count i {
    color: #fff;
    font-family: 'TT Firs Neue', serif;
    font-size: 60px;
    font-weight: 400;
    line-height: 1;
}

.sab-nav li .drop .count strong {
    color: #000;
    font-family: 'TT Firs Neue', serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    text-transform: none;
    margin: 20px 0 0;
}

.active-top #header .logo {
    z-index: 1;
}

.active-top #header .contacts li:last-child,
.active-top #header .soc_box,
.active-top #header .favorite {
/*    display: none;*/
}

/*.active-top #header .contacts li .btn{
    font-size: 14px;
    width: 140px;
    padding: 11px 10px;
}*/
.active-top #header .sab-nav {
    font-size: 16px;
}

.active-top #header .sab-nav li {
    margin: 0 36px 0 0;
}

#promo {
    height: 539px;
}

#promo picture {
    position: absolute;
    height: 100%;
    width: 100%;
    max-width: 1487px;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    overflow: hidden;
    border-radius: 4px;
}

#promo .text {
    width: 100%;
    max-width: 650px;
    padding-top: 0;
}

#promo h1 {
    color: #fff;
    font-family: 'TT Firs Neue', serif;
    font-size: 80px;
    font-weight: 700;
    line-height: 0.95;
    text-transform: uppercase;
    letter-spacing: 0;
    margin: 0 0 28px;
}

#promo .text p {
    color: #fff;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.38;
    margin: 0 0 47px;
}

.btn {
    display: block;
    width: 100%;
    max-width: 439px;
    background: #80c700;
    border: 1px solid #80c700;
    border-radius: 4px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    height: auto;
    padding: 26px 10px;
    text-align: center;
    letter-spacing: 0;
    font-family: 'TT Firs Neue', serif;
}

.btn:hover {
    box-shadow: 10.6px 10.6px 25px rgba(128, 199, 0, 0.5);
    font-family: 'TT Firs Neue', serif;
    background: #80c700;
    border: 1px solid #80c700;
}

.our_projects {
    position: relative;
    padding: 90px 0 50px;
    z-index: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.our_projects:after {
    position: absolute;
    content: '';
    width: 161px;
    height: 155px;
    /*background: url("/local/templates/bania.3.0/img_new/rd_bg-02.png") no-repeat;*/
    background: url("/local/templates/bania.3.0/img_new/rd_bg-02.png") no-repeat;
    background-size: 100%;
    top: 50%;
    transform: translateY(-11%);
    right: -294px;
    z-index: -1;
}

.our_projects:before {
    position: absolute;
    content: '';
    width: 313px;
    height: 651px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-01.webp") no-repeat;
    background-size: 100%;
    top: 50%;
    transform: translateY(-50%);
    /* right: calc((100% + (100vw - 100%)/2) - 313px); */
    left: 50%;
    margin: 0 0 0 -960px;
    z-index: -1;
}

.our_projects .item_projects {
    margin: 0 -30px 10px;
    padding: 43px 30px 30px;
    border-radius: 4px;
}

.our_projects .item_house {
    background: #f2f7f7;
    order: 2;
}

.our_projects .item_bania {
    background: #f7f4f1;
    order: 1;
}

.our_projects .item_materials {
    background: #ecf7d9;
    order: 3;
}

.head_box {
    margin: 0 0 19px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
}

.head_box .title_box {
    display: block;
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    margin: 0 0 15px;
}

.head_box .link {
    display: inline-block;
    vertical-align: top;
    color: #00616e;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    text-decoration: underline;
    margin: 0 0 15px;
}

.head_box .link:hover {
    text-decoration: underline;
    color: #80c700;
    font-weight: 600;
}

.our_projects .list_box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.our_projects .item_list {
    padding: 0 15px;
    margin: 0 0 0;
    display: flex;
    /* flex: 0 1 25%; */
    width: 25%;
}

.our_projects .wrap_list {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    overflow: hidden;
}

.our_projects .inner_list {
    background: transparent;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 41px 35px 51px;
    transition: all .3s ease;
    overflow: hidden;
    border-radius: 4px;
    cursor: pointer;
    z-index: 1;
    transition: all .3s ease;
    height: 100%;
}

.our_projects .inner_list:after {
    position: absolute;
    content: '';
    top: -45px;
    left: -45px;
    width: 80px;
    height: 80px;
    background: #000;
    opacity: 0;
    transition: all .3s ease;
    transform: rotate(45deg);
}

.our_projects .inner_list:before {
    position: absolute;
    content: '';
    bottom: -78px;
    right: -78px;
    width: 150px;
    height: 150px;
    background: #80c700;
    transform: rotate(45deg);
    opacity: 0;
    transition: all .3s ease;
}

.our_projects .wrap_list .img_box {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    visibility: visible;
    transition: all .3s ease;
    opacity: 1;
}

.our_projects .wrap_list .img_box img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    display: block;
}

.our_projects .title_list {
    /* color: #000; */
    /* font-weight: 700;
    text-transform: uppercase; */
    min-height: 59px;
    margin: 0 0 12px;
}

.our_projects .title_list span {
    background: #bb8f63;
    padding: 6px 12px 5px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.5;
    display: inline-block;
    vertical-align: top;
}

.our_projects .title_list span.last {
    margin: -12px 0 0;
}

.our_projects .text_list {
    flex: 1 1 auto;
    padding: 0 0 20px;
    color: #fff;
    transition: all .3s ease;
}

.our_projects .more_link {
    display: inline-block;
    vertical-align: top;
    /* color: #00616e; */
    font-weight: 400;
    text-decoration: underline;
    color: #fff;
    transition: all .3s ease;
}

.our_projects .more_link:hover {
    /* font-weight: 600; */
    text-decoration: underline;
}

.our_projects .wrap_list:hover .img_box {
    opacity: 0;
    visibility: hidden;
}

.our_projects .wrap_list:hover .more_link {
    color: #00616e;
}

.our_projects .wrap_list:hover .more_link:hover {
    color: #80c700;
}

.our_projects .wrap_list:hover .inner_list {
    background: #fff;
}

.our_projects .wrap_list:hover {
    box-shadow: 10.6px 10.6px 25px rgba(0, 97, 110, 0.5);
}

.our_projects .wrap_list:hover .inner_list:after,
.our_projects .wrap_list:hover .inner_list:before {
    opacity: 1;
}

.our_projects .wrap_list:hover .text_list {
    color: #000;
}

.info {
    padding: 34px 0;
    z-index: 0;
}

.info:before {
    position: absolute;
    content: '';
    bottom: -162px;
    left: -346px;
    width: 280px;
    height: 321px;
    right: auto;
    top: auto;
    z-index: -1;
    /*background: url("/local/templates/bania.3.0/img_new/rd_bg-03.png") no-repeat;*/
    background: url("/local/templates/bania.3.0/img_new/rd_bg-03.png") no-repeat;
    background-size: 100%;
}

.info:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    width: 366px;
    height: 721px;
    z-index: -1;
    /*background: url("/local/templates/bania.3.0/img_new/rd_bg-04.png") no-repeat;*/
    background: url("/local/templates/bania.3.0/img_new/rd_bg-04.webp") no-repeat;
    background-size: 100%;
    margin: 0 0 -396px 595px;
}

.info-title {
    margin-bottom: 40px;
    color: #000;
    font-family: 'Montserrat';
    font-style: normal;
    font-size: 34px;
    font-weight: 700;
    line-height: 100%;
}

.info-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 0;
    width: auto;
}

.info-list li {
    padding: 0 15px;
    margin: 0 0 30px;
    width: 25%;
}

.info-list li .visual {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    background: #f2f7f7;
    margin: 0 auto 36px;
    border-radius: 50%;
    padding: 0;
}

.info-list li .num {
    display: block;
    margin: 0 0 19px;
    color: #00616e;
    font-size: 60px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0;
}

.info-list li p {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    letter-spacing: 0;
    padding: 0 20px;
}

.info-list li:nth-child(3) p {
    padding: 0 5px;
}

.about_block {
    position: relative;
    padding: 58px 0 20px;
    z-index: 1;
}

.title_block {
    margin: 0 0 42px;
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    font-family: 'TT Firs Neue', serif;
}

.title_block span {
    color: #80c700;
}

.about_text {
    margin: 0 0 32px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.about_text .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    background: #f2f7f7;
    border-radius: 50%;
    margin: 0 0 15px;
    padding: 0 0 11px;
}

.about_text .text {
    color: #000;
    width: calc(100% - 84px);
    padding: 0 0 0 56px;
    margin: 0 0 15px;
}

.about_block .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.about_block .col-50 {
    width: 50%;
    padding: 0 15px;
    margin: 0 0 30px;
}

.video_dscr {
    color: #00616e;
    font-size: 18px;
    font-style: italic;
    line-height: 1.45;
    padding: 0 87px 0 3px;
    letter-spacing: 0;
    z-index: 0;
    margin: 0 0 57px;
    overflow: visible;
}

.video_dscr:before {
    content: '\00AB';
    color: #f7f4f1;
    font-family: 'TT Firs Neue', serif;
    font-size: 153px;
    font-weight: 600;
    line-height: 1;
    top: -80px;
    left: -46px;
    z-index: -1;
}

.video_dscr p {
    margin: 0 0 32px;
}

.video_dscr .dscr {
    display: block;
    color: #bb8f63;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    font-style: normal;
}

.staff_text {
    margin: -6px 0 28px;
}

.staff_text:after {
    clear: both;
    display: block;
    content: '';
}

.staff_text .num {
    display: block;
    color: #00616e;
    font-size: 60px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    float: left;
    margin: 0 0 15px;
}

.staff_text p {
    padding: 0 0 0 22px;
    overflow: hidden;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 15px;
}

.staff_box {
    margin: 0 0 60px;
}

.list_staff {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px 10px;
}

.list_staff li {
    padding: 0 8px;
    margin: 0 0 30px;
    width: 33.3%;
}

.list_staff .name_staff {
    display: block;
    margin: 0 0 10px;
    font-weight: 700;
    text-transform: uppercase;
    min-height: 48px;
    padding: 0 10px 0 0;
}

.list_staff .position {
    display: block;
    margin: 0 0 25px;
    color: #bb8f63;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    min-height: 28px;
    font-synthesis: none;
}

.list_staff .img {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.list_staff .img img {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    object-fit: cover;
}

.list_staff .img:before {
    padding: 116.5% 0 0;
    display: block;
    content: '';
}

.staff_box .btn {
    margin: 0 auto;
    max-width: 270px;
    font-size: 16px;
    padding: 16px 10px;
}

.inst_box {
    width: 100%;
    max-width: 570px;
    position: relative;
    z-index: 0;
}

.inner_inst {
    background: url("/local/templates/bania.3.0/img_new/rd_bg-05.jpg") no-repeat;
    background-size: cover;
    padding: 50px 43px 51px;
    border-radius: 4px;
}

.inst_box:after {
    position: absolute;
    content: '';
    width: 396px;
    height: 532px;
    /*background: url("/local/templates/bania.3.0/img_new/rd_bg-06.png") no-repeat;*/
    background: url("/local/templates/bania.3.0/img_new/rd_bg-06.webp") no-repeat;
    background-size: 100%;
    top: 0;
    left: 100%;
    margin: -61px 0px 0 -124px;
    z-index: -1;
}

.title_inst {
    display: block;
    margin: 0 0 26px;
    padding: 0 0 0 108px;
    position: relative;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.17;
}

.title_inst em {
    text-transform: uppercase;
    font-style: normal;
}

.title_inst:after {
    position: absolute;
    content: '';
    width: 56px;
    height: 56px;
    background: url("/local/templates/bania.3.0/img_new/rd_icon-06.svg") no-repeat;
    background-size: 100%;
    top: 0;
    left: 23px;
}

.inst_box .subscribers {
    /* display: flex;
    flex-wrap: wrap; */
    margin: 0 0 20px;
    /* align-items: baseline; */
    padding: 0 0 0 20px;
}

.inst_box .subscribers strong {
    display: block;
    /* margin: 0 16px 5px 0; */
    margin: 0 0 -4px;
    color: #fff;
    font-size: 60px;
    font-weight: 400;
    line-height: 1;
}

.inst_box .subscribers span,
.subscribers_box .publications span {
    display: block;
    padding: 0 0 0 24px;
    background: url("/local/templates/bania.3.0/img_new/rd_icon-07.svg") no-repeat;
    background-size: 12px 12px;
    background-position: 0 0;
    color: #80c700;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 5px 6px;
}

.subscribers_box .publications span {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-73.svg") no-repeat;
    background-size: 12px 12px;
    background-position: 0 0;
}

.inst_box .img {
    position: relative;
}

.inst_box .img:before {
    content: '';
    display: block;
    padding: 23.5% 0 0;
}

.inst_box .img img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.video_tabs {
    padding: 34px 0 30px;
    position: relative;
    z-index: 0;
}

.video_tabs:after {
    position: absolute;
    content: '';
    top: 100%;
    transform: translateY(-51.9%);
    left: 50%;
    margin: 0 0 0 -959px;
    width: 1539px;
    height: 2816px;
    z-index: -1;
    /*background: url("/local/templates/bania.3.0/img_new/rd_bg-07.png") no-repeat;*/
    background: url("/local/templates/bania.3.0/img_new/rd_bg-07.webp") no-repeat;
    background-size: 100%;
}

.video_tabs .head_box {
    margin: 0 0 34px;
}

.video_tabs .title_block {
    margin: 0 0 15px;
}

.tab {
    display: none;
}

.tab.active {
    display: block;
}

.tab-control {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 53px;
}

.tab-control li {
    margin: 0 87px 0 0;
}

.tab-control li:last-child {
    margin: 0;
}

.tab-control a {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
    text-decoration: none;
}

.tab-control .active a,
.tab-control a:hover {
    color: #80c700;
}

.gallery {
    margin: 0 -52px;
    width: auto;
    z-index: 0;
    overflow: hidden;
    padding: 0 37px;
}

/* .gallery:before,
.gallery:after{
    display: none;
} */
.gallery:before,
.gallery:after {
    width: 37px;
}

.gallery:before {
    right: 0;
    left: auto;
}

.gallery:after {
    left: 0;
    right: auto;
}

.gallery.change:after {
    background: url("/local/templates/bania.3.0/img_new/rd_bg-07_2.jpg") no-repeat;
    background-size: 100%;
}

.video_section .gallery:before,
.video_section .gallery:after,
.bg_color .gallery:before,
.bg_color .gallery:after {
    background: #f8fbfb;
}

.gallery-holder {
    margin: 0 0 33px;
    /* overflow: hidden; */
}

.gallery-item {
    flex: 1 0 400px;
    margin: 0;
    padding: 0 15px;
}

.gallery-item a:hover {
    opacity: 1;
}

.gallery-item .video {
    margin: 0 0 12px;
}

.gallery-item .video a:hover {
    /* box-shadow: 10.6px 10.6px 25px rgba(0, 97, 110, 0.5); */
    box-shadow: 6.6px 6.6px 15px rgba(0, 97, 110, 0.5);
}

.gallery h4, .gallery .h4 {
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'TT Firs Neue', serif;
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 21px;
    min-height: 72px;
}

.gallery h4 a, .gallery .h4 a {
    text-decoration: underline;
}

.gallery h4 a:hover, .gallery .h4 a:hover {
    color: #80c700;
}

.tag_list {
    display: flex;
    flex-wrap: wrap;
}

.tag_list li {
    margin: 0 7px 7px 0;
}

.tag_list a {
    display: block;
    padding: 4px 12px 2px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    background: #00616e;
}

.tag_list a:hover {
    background: #bb8f63;
}

.gallery-button-prev,
.gallery-button-next {
    width: 37px;
    height: 74px;
    background: transparent;
    border-radius: 0;
    top: 72px;
    /* right: -52px; */
    right: 0;
}

.gallery-button-prev {
    /* left: -53px; */
    left: 0;
}

.gallery-button-prev:after,
.gallery-button-next:after {
    width: 45px;
    height: 45px;
    border-top: 4px solid #000;
    border-left: 4px solid #000;
    margin: -24px 0 0 -8px;
    transition: all 0.3s linear;
}

.gallery-button-next:after {
    margin: -24px 0 0 -40px;
}

.gallery-button-prev:hover:after,
.gallery-button-next:hover:after {
    border-color: #80c700;
}

.gallery-pagination .swiper-pagination-bullet {
    width: 50px;
    height: 4px;
    background: #e5eff0;
    border-radius: 1px;
    margin: 0 12.5px 0;
}

.gallery-pagination .swiper-pagination-bullet:hover,
.gallery-pagination .swiper-pagination-bullet-active {
    background: #80c700;
}

.our_works_block {
    padding: 35px 0 80px;
    position: relative;
    z-index: 1;
}

.our_works_block:after {
    position: absolute;
    content: '';
    bottom: -210px;
    right: 50%;
    margin: 0 -961px 0 0;
    width: 381px;
    height: 442px;
    /*background: url("/local/templates/bania.3.0/img_new/rd_bg-08.png") no-repeat;*/
    background: url("/local/templates/bania.3.0/img_new/rd_bg-08.webp") no-repeat;
    background-size: 100%;
    z-index: -1;
}

.our_works_block .title_block {
    margin: 0 0 55px;
}

.our_works_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7px;
}

.our_works_list .item_works {
    padding: 0 7px;
    margin: 0 0 14px;
    width: 33.3%;
}

.our_works_list .inner_item {
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    transition: all 0.3s linear;
}

.our_works_list .inner_item:hover {
    box-shadow: 10.6px 10.6px 25px rgba(0, 97, 110, 0.5);
}

.our_works_list .inner_item .img {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.our_works_list .inner_item .img:before {
    display: block;
    content: '';
    padding: 81% 0 0;
}

.our_works_list .inner_item .img img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.our_works_list .dscr_item {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 11px 10px 29px;
}

.our_works_list .title_dscr {
    margin: 0 0 12px;
    min-height: 40px;
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
}

.list_sizes,
.our_works_list .list_sizes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.list_sizes li,
.our_works_list .list_sizes li {
    padding: 0 5px;
    width: 33.3%;
}

.list_sizes li span,
.our_works_list .list_sizes li span {
    display: block;
    margin: 0 0 6px;
    color: #737373;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
}

.list_sizes li strong,
.our_works_list .list_sizes li strong {
    display: block;
    color: #151616;
    font-weight: 500;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.2px;
}

.our_works_list .btn {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s linear;
    max-width: 180px;
    font-size: 16px;
    padding: 16px 10px;
    margin: -68px 0 0;
}

.our_works_list .inner_item:hover .btn {
    opacity: 1;
    visibility: visible;
}

.our_works_block .btn_holder {
    padding: 27px 0 0;
}

.our_works_block .btn_holder .btn {
    margin: 0 auto;
}

.slider_block {
    padding: 65px 0 50px;
    position: relative;
    z-index: 0;
}

.slider_block.slider_block_section {
    padding-top: 0;
}

.slider_block .head_box {
    margin: 0 0 39px;
}

.slider_block .title_block {
    margin: 0 0 15px;
}

.gallery .visual {
    border-radius: 4px;
    transition: all 0.3s linear;
    margin: 0 0 16px;
}

.gallery .visual .img {
    border-radius: 4px;
    overflow: hidden;
    height: auto;
    max-width: none;
}

.gallery .visual .img:before {
    display: block;
    content: '';
    padding: 54% 0 0;
}

.articles .item:hover .visual,
.gallery-item:hover .visual {
    /* box-shadow: 10.6px 10.6px 25px rgba(0, 97, 110, 0.5); */
    box-shadow: 5px 10.6px 15px rgb(0 97 110 / 50%);
}

.date_box {
    margin: 0 0 2px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.date_box .date {
    display: block;
    margin: 0 0 10px;
    color: #bb8f63;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.date_box .share {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 40%;
}

.date_box .share li {
    margin: 0 0 10px 0;
}

.date_box .share li span,
.date_box .share li a {
    padding: 0 0 0 24px;
    color: #bb8f63;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    position: relative;
}

.date_box .share li span:after,
.date_box .share li a:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
}

.date_box .share li span.view:after,
.date_box .share li a.view:after {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-08.svg") no-repeat;
    background-size: 100%;
    width: 19px;
    height: 13px;
}

.date_box .share li span.comment:after,
.date_box .share li a.comment:after {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-09.svg") no-repeat;
    background-size: 100%;
    width: 17px;
    height: 16px;
    top: -2px;
}

.slider_block .gallery h4, .slider_block .gallery .h4 {
    margin: 0 0 16px;
}

.gallery .text p {
    margin: 0 0 33px;
}

.popular_block {
    padding: 35px 0 40px;
    position: relative;
    z-index: 0;
}

.popular_block:after {
    position: absolute;
    content: '';
    right: 50%;
    top: 50%;
    transform: translateY(-60.5%);
    width: 605px;
    height: 1221px;
    margin: 0 -960px 0 0;
    z-index: -1;
    /*background: url("/local/templates/bania.3.0/img_new/rd_bg-09.png") no-repeat;*/
    background: url("/local/templates/bania.3.0/img_new/rd_bg-09.webp") no-repeat;
    background-size: 100%;
}

.popular_block .title_block {
    margin: 0 0 54px;
}

.popular_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -6px;
}

.popular_list .popular_item {
    width: 33.3%;
    padding: 0 6px;
    margin: 0 0 12px;
    transition: all 0.3s linear;
}

.popular_list .popular_item .inner_item {
    transition: all 0.3s linear;
    border-radius: 4px;
}

.popular_list .popular_item .inner_item:hover {
    box-shadow: 10.6px 10.6px 25px rgba(0, 97, 110, 0.5);
}

.popular_list .popular_item .inner_item:hover .btn {
    box-shadow: 10.6px 10.6px 25px rgb(128 199 0 / 50%);
}

/* .popular_list .popular_item:hover{
    box-shadow: 10.6px 10.6px 25px rgba(0, 97, 110, 0.5);
} */
.popular_list .img {
    overflow: hidden;
    border-radius: 4px;
    position: relative;
    /* margin: 0 0 16px; */
}

.popular_list .img:before {
    display: block;
    content: '';
    padding: 73% 0 0;
    height: auto;
}

.popular_list .img img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dscr_popular {
    padding: 16px 22px 10px 27px;
    background: #fff;
    border: 3px solid #f2f7f7;
    border-radius: 4px;
}

.title_dscr {
    display: block;
    margin: 0 0 12px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
    min-height: 40px;
}

.title_dscr a {
    text-decoration: none;
    color: #000;
}

.title_dscr a:hover {
    color: #80c700;
}

.popular_list .list_sizes {
    margin: 0 -5px 22px;
}

.popular_list .list_sizes li span {
    color: #000;
}

.price_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.price_box .price {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
    margin: 0 10px 15px 0;
}

.price_box .btn {
    padding: 16px 10px;
    max-width: 180px;
    font-size: 16px;
    margin: 0 0 15px;
}

.certificate_block {
    padding: 32px 0 40px;
    position: relative;
    z-index: 0;
}

.certificate_block:after {
    position: absolute;
    content: '';
    top: 68px;
    left: 50%;
    width: 153px;
    height: 123px;
    z-index: 0;
    margin: 0 0 0 -883px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-10.webp") no-repeat;
    background-size: 100%;
}

.certificate_block .gallery-item {
    flex: 1 0 300px;
}

.certificate_block .gallery-holder {
    margin: 0 0 47px;
}

.certificate_block .title_block {
    margin: 0 0 59px;
}

.certificate_block .gallery .visual {
    margin: 0;
    overflow: hidden;
    border-radius: 4px;
}

.certificate_block .gallery .visual .img:before {
    padding: 138% 0 0;
}

.certificate_block .gallery-button-prev,
.certificate_block .gallery-button-next {
    top: 50%;
    transform: translateY(-86%);
}

.btn_plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 84px;
    height: 84px;
    background: #80c700;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s linear;
    border-radius: 50%;
}

.btn_plus:after,
.btn_plus:before {
    position: absolute;
    content: '';
    width: 50px;
    height: 4px;
    background: white;
    border-radius: 1px;
    top: 50%;
    left: 50%;
    margin: -2px 0 0 -25px;
}

.btn_plus:before {
    transform: rotate(90deg);
}

.gallery-item:hover .btn_plus {
    opacity: 1;
    visibility: visible;
}

.btn_plus:hover {
    box-shadow: 10.6px 10.6px 25px rgba(128, 199, 0, 0.5);
}

.info_block {
    padding: 48px 0 33px;
}

.info_block .info_box {
    display: flex;
    flex-wrap: wrap;
}

.info_block .visual {
    width: 331px;
    position: relative;
    margin: 8px 0 30px;
    z-index: 0;
    align-self: flex-start;
}

.info_block .visual:before {
    display: block;
    content: '';
    padding: 100% 0 0;
}

.info_block .visual:after {
    position: absolute;
    content: '';
    width: 142px;
    height: 142px;
    background: #f7f4f1;
    transform: rotate(45deg);
    top: 50%;
    left: -58px;
    margin: -71px 0 0;
    z-index: -1;
}

.info_block .visual img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.text_info {
    padding: 2px 0 0 84px;
    width: calc(100% - 331px);
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.45;
    margin: 0 0 30px;
}

.text_info p {
    margin: 0;
}

#footer {
    background: #fff;
    position: relative;
}

#footer:after {
    position: absolute;
    content: '';
    width: 1170px;
    height: 1px;
    background: #e5eff0;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

#footer .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    overflow: visible;
    border: none;
    padding: 0 0 42px;
}

#footer .row:first-child {
    padding: 0 0 30px;
}

#footer .col-25 {
    width: 25%;
    padding: 0 15px;
}

#footer .col-75 {
    width: 75%;
    padding: 0 15px;
}

#footer .logo {
    width: 178px;
    height: 41px;
    margin: 0 0 0;
    float: none;
}

#footer .contacts {
    columns: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: -5px 0 0;
    padding: 0 0 0 4px;
}

#footer .contacts li {
    float: none;
    padding: 0;
}

#footer .contacts li:nth-child(2) {
    margin: 0 23px 0 auto;
}

#footer .contacts li strong {
    line-height: 1.25;
    display: flex;
    align-items: center;
}

#footer .contacts li strong a {
    font-size: 25px;
}

#footer .contacts li span {
    padding-left: 24px;
}

#footer .contacts li span:before {
    left: 0;
}

#footer .menu_block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 55px 0 0;
}

#footer .menu a {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
    font-family: 'TT Firs Neue', serif;
}

#footer .menu > li > a {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0.07em;
}

#footer .menu ul,
#footer .menu > li,
#footer .menu ul a {
    color: #000;
    font-family: 'TT Firs Neue', serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-transform: none;
    columns: 1;
}

#footer .menu ul {
    padding: 30px 0 0;
}

#footer .menu > li {
    width: auto;
}

#footer .menu ul li {
    margin: 0 0 9px;
}

#footer .menu ul a:hover {
    color: #80c700;
    /* font-weight: 700; */
}

#footer .soc_box {
    margin: 0 0 46px;
}

#footer .item_soc {
    margin: 0 10px 0 0;
}

#footer .item_soc:last-child {
    margin: 0;
}

.dev_list li {
    margin: 0 0 36px;
}

.dev_list li:last-child {
    margin: 0;
}

.dev_list a {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
}

.dev_list a:hover {
    color: #80c700;
    /* font-weight: 700; */
}

#footer .footer {
    overflow: visible;
    position: relative;
    z-index: 0;
    padding: 21px 0 22px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

#footer .footer:after {
    position: absolute;
    content: '';
    width: calc(100vw - 17px);
    left: 50%;
    top: 0;
    bottom: 0;
    transform: translateX(-50%);
    background: #f2f7f7;
    z-index: -1;
}

#footer .copyright {
    padding: 0 15px 0 0;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0;
}

#footer .by {
    font-weight: 400;
    line-height: 18px;
    color: #000;
    font-size: 14px;
}

#footer .by a {
    color: #00616e;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s linear;
}

#footer .by a:hover {
    color: #80c700;
}

.breadcrumbs {
    border-top: 1px solid #e5eff0;
    /* padding: 31px 0 0; */
    padding: 17px 0 0;
    /* margin: 0 0 44px; */
    margin: 0 0 31px;
}

.breadcrumbs .back {
    color: #00616e;
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
    position: relative;
}

.breadcrumbs .back:after {
    position: absolute;
    content: '';
    right: 0;
    left: 18px;
    bottom: 6px;
    height: 1px;
    background: #00616e;
    transition: all 0.3s linear;
}

.breadcrumbs .back i {
    font-weight: 700;
    font-size: 10px;
    color: #80c700;
    padding: 0 11px 0 0;
}

.breadcrumbs .back:hover {
    color: #80c700;
}

.breadcrumbs .back:hover:after {
    background: #80c700;
}

.breadcrumbs li {
    font-size: 14px;
    line-height: 2;
    color: #000;
    font-weight: 700;
}

.breadcrumbs a {
    font-size: 14px;
    line-height: 2;
    color: #000;
    font-weight: 400;
}

.breadcrumbs a:hover {
    color: #80c700;
}

h1, .h1 {
    color: #000;
    font-family: 'TT Firs Neue', serif;
    /* font-size: 60px; */
    font-size: 40px;
    font-weight: 500;
    line-height: 1;
}

.tags_box {
    max-width: 870px;
    margin: 0 0 25px;
    padding: 25px 0 0;
}

.tag_list a {
    text-decoration: none;
}

.search_box {
    /* margin: 0 0 53px; */
    margin: 0 0 23px;
}

.holder_box {
    position: relative;
    padding: 0 270px 0 0;
    background: #f2f7f7;
    border-radius: 4px;
    border: 3px solid #80c700;
}

.holder_box input {
    display: block;
    width: 100%;
    height: 75px;
    padding: 5px 26px;
    border: none;
    background: none;
    color: #000;
    /* font-size: 14px; */
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
}

.holder_box button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: #80c700;
    border-radius: 4px;
    color: #fff;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.4;
    font-family: 'TT Firs Neue', serif;
    transition: all 0.3s linear;
    width: 368px;
    border: none;
}

.holder_box button:hover {
    box-shadow: 10.6px 10.6px 25px rgb(128 199 0 / 50%);
}

.menu-categories {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 50px;
}

.menu-holder {
    margin: 0 0 0;
    width: calc(100% - 164px);
    padding: 0 15px 0 0;
}

.menu-holder .menu {
    width: 100%;
    max-width: 887px;
    justify-content: space-between;
}

.menu-holder .menu li {
    padding: 0;
    margin: 0 20px 0 0;
}

.menu-holder .menu li.active {
    border: none;
}

.menu-holder .menu li a {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.75;
    color: #000;
}

.menu-holder .menu li a:hover,
.menu-holder .menu li.active a {
    color: #80c700;
}

.menu-holder .menu li.active a {
    font-family: 'TT Firs Neue', serif;
}

.all_show {
    color: #00616e;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.75;
    position: relative;
    text-decoration: none;
    margin: 3px 0 0;
}

.all_show:after {
    position: absolute;
    content: '';
    bottom: 7px;
    left: 0;
    right: 0;
    height: 1px;
    background: #00616e;
    transition: all 0.3s linear;
}

.all_show:hover {
    color: #80c700;
}

.all_show:hover:after {
    background: #80c700;
}

.articles_page {
    padding: 8px 0 25px;
}

.articles {
    display: flex;
    flex-wrap: wrap;
}

.articles_block {
    width: calc(100% - 370px);
    padding: 0 28px 0 0;
}

.articles_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 46px;
}

.articles .item:first-child,
.articles .item {
    width: 50%;
    padding: 0 15px;
    float: none;
    margin: 0 0 38px;
    box-sizing: border-box;
    border: none;
}

.articles .item:first-child .visual,
.articles .item .visual {
    border-radius: 4px;
    transition: all 0.3s linear;
    margin: 0 0 15px;
    float: none;
    overflow: hidden;
}

.articles .item .visual .img {
    border-radius: 4px;
    overflow: hidden;
    height: auto;
    max-width: none;
    width: auto;
}

.articles .item .visual .img:before {
    display: block;
    content: '';
    padding: 54% 0 0;
}

.articles .item:first-child .text h4,
.articles .item .text h4 {
    margin: 0 0 16px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'TT Firs Neue', serif;
    font-size: 16px;
    line-height: 1.5;
}

.articles .item h4 a {
    text-decoration: underline;
}

.articles .item h4 a:hover {
    color: #80c700;
}

.articles .item:first-child h4 a:after {
    display: none;
}

.articles .item .text {
    margin: 0;
}

.articles .item .text p {
    margin: 0 0 33px;
}

.articles .item:first-child .text {
    position: static;
    bottom: auto;
    left: auto;
    right: auto;
    padding: 0;
    overflow: visible;
    padding: 5px 0 0;
}

.articles .item:first-child .text p {
    display: block;
}

.articles .item .text p {
    margin: 0;
    letter-spacing: 0;
    line-height: 1.5;
    color: #000;
}

.paging {
    padding: 21px 39px;
    overflow: visible;
    margin: -34px auto 37px;
    max-width: 872px;
    position: relative;
}

.paging ul li {
    line-height: 1;
    font-size: 24px;
}

.paging ul a,
.paging ul span {
    font-family: 'TT Firs Neue', serif;
    font-size: 24px;
    line-height: 1.25;
    color: #000;
    font-weight: 500;
    padding: 0 5px;
    margin: 0 5px;
    height: auto;
}

.paging ul a:hover {
    color: #80c700;
    text-decoration: none;
}

.paging ul .active {
    background: none;
    color: #80c700;
    font-weight: 700;
    font-family: 'TT Firs Neue', serif;
}

.paging .slideshow-button-next,
.paging .slideshow-button-prev {
    width: 37px;
    height: 74px;
    background: transparent;
    border-radius: 0;
    top: 50%;
    right: 0;
    position: absolute;
    cursor: pointer;
    margin: -37px 0 0;
    transform: none;
}

.paging .slideshow-button-prev {
    left: 0;
}

.paging .slideshow-button-prev:after,
.paging .slideshow-button-next:after {
    width: 45px;
    height: 45px;
    border-top: 4px solid #000;
    border-left: 4px solid #000;
    margin: -24px 0 0 -8px;
    transition: all 0.3s linear;
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
}

.paging .slideshow-button-prev:after {
    transform: rotate(-45deg);
}

.paging .slideshow-button-next:after {
    transform: rotate(135deg);
    margin: -24px 0 0 -41px;
}

.paging .swiper-button-disabled,
.swiper-button-disabled {
    opacity: 1;
}

.video_section {
    padding: 67px 0 90px;
    position: relative;
    z-index: 0;
}

.video_section:after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    width: calc(100vw - 17px);
    background: #f8fbfb;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
}

.useful_box {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: 0 0 0 135px;
    margin: 0 0 14px;
}

.useful_box h2 {
    font-size: 40px;
    line-height: 1;
    font-family: 'TT Firs Neue', serif;
    font-weight: 400;
    margin: 0 0 15px;
}

.useful_box:after {
    position: absolute;
    content: '';
    width: 84px;
    height: 84px;
    border-radius: 50%;
    top: -8px;
    left: 0;
    background: url("/local/templates/bania.3.0/img_new/rd_icon-10.svg") no-repeat;
    background-size: 100%;
}

.useful_box .btn_holder {
    width: 270px;
    padding: 4px 0 0;
}

.useful_box .btn {
    padding: 16px 10px;
}

.useful_box .title_box {
    width: calc(100% - 270px);
    box-sizing: border-box;
    padding: 0 0 0 0;
}

.useful_box .share {
    display: flex;
    flex-wrap: wrap;
}

.useful_box .share li {
    margin: 0 77px 10px 0;
}

.useful_box .share li:last-child {
    margin: 0 0 10px 0;
}

.useful_box .share a {
    display: block;
    padding: 0 0 0 28px;
    color: #bb8f63;
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
    position: relative;
    text-decoration: none;
}

.useful_box .share a:after {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: block;
}

.useful_box .share a.users:after {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-11.svg") no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
}

.useful_box .share a.video:after {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-12.svg") no-repeat;
    background-size: 100%;
    width: 13px;
    height: 14px;
}

.useful_box .share a.view:after {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-08.svg") no-repeat;
    background-size: 100%;
    width: 19px;
    height: 16px;
}

.projects {
    padding: 0px 0 58px;
}

.projects h2 {
    margin: 0 0 53px;
}

.wrap-catalog.wrap-catalog-section {
    padding-bottom: 0;
}

.slider_block-section .article {
    display: block;
}

.wrap-catalog {
    padding: 16px 0 63px;
}

.mob-filter {
    background: #f8fbfb;
    border-radius: 4px;
    padding: 37px 19px 20px 23px;
    margin: 0 0 27px;
}

.title_filter {
    display: block;
    margin: 0 0 24px;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

.catalog-sections-box {
    border-top: 3px solid #cddee0;
    padding: 25px 0 0;
    margin: 0 0 36px;
}

.bx-filter .bx-filter-parameters-box .h5 span,
.bx-filter .bx-filter-parameters-box h5 span,
.sections-title {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    position: relative;
    font-family: 'TT Firs Neue', serif;
    cursor: pointer;
    display: block;
    border: none;
}

.bx-filter .bx-filter-parameters-box .h5 span sup,
.bx-filter .bx-filter-parameters-box h5 span sup {
    font-size: 12px;
}

.bx-filter .bx-filter-parameters-box.bx-active .h5 span:after,
.bx-filter .bx-filter-parameters-box.bx-active h5 span:after,
.sections-title:after {
    position: absolute;
    content: '\e907';
    top: 50%;
    right: 3px;
    transform: rotate(90deg);
    font-family: 'icomoon' !important;
    font-weight: 700;
    font-size: 12px;
    color: #80c700;
    margin: -16px 0 0;
    transition: all .2s linear;
}

.catalog-sections-box.open .sections-title:after {
    transform: rotate(-90deg);
}

.bx-filter .bx-filter-parameters-box.bx-active .h5 span:after,
.bx-filter .bx-filter-parameters-box.bx-active h5 span:after {
    margin: -6px 0 0;
}

.bx-filter .bx-filter-parameters-box .h5 span:after,
.bx-filter .bx-filter-parameters-box h5 span:after {
    transform: rotate(-90deg);
    position: absolute;
    content: '\e907';
    top: 50%;
    right: 3px;
    font-family: 'icomoon' !important;
    font-weight: 700;
    font-size: 12px;
    color: #80c700;
    margin: -6px 0 0;
}

.bx-filter .bx-filter-parameters-box.bx-active .h5 span:after,
.bx-filter .bx-filter-parameters-box .h5 span:after,
.bx-filter .bx-filter-parameters-box.bx-active h5 span:after,
.bx-filter .bx-filter-parameters-box h5 span:after {
    border: none;
    width: auto;
    height: auto;
}

.filter .h5,
.filter h5 {
    margin: 0 0 20px;
}

.filter ul {
    color: #000;
    font-family: 'TT Firs Neue', serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
    margin: 0 0 11px;
}

.filter ul li {
    margin: 0 0 7px;
}

.filter .columns {
    margin: 0;
}

.filter .bx-filter-parameters-box-container {
    margin: 0 0 0;
}

.catalog-sections-box .sub-sections-list .hide-item {
    display: none;
}

.catalog-sections-box .sub-sections-more {
    display: block;
}

.sub-sections-more a {
    color: #00616e;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: underline;
    border: none;
}

.sub-sections-more a:hover {
    color: #80c700;
}

.bx-filter .bx-filter-parameters-box {
    border-top: 3px solid #cddee0;
    padding: 23px 0 0;
    margin: 0 0 10px;
}

.bx-filter .bx-filter-section {
    padding-top: 0;
}

.bx-filter .bx-filter-parameters-box .h5,
.bx-filter .bx-filter-parameters-box h5 {
    margin: 0 0 20px;
    font-family: 'TT Firs Neue', serif;
}

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

.bx-filter .bx-filter-parameters-box-container-block.bx-left,
.bx-filter .bx-filter-parameters-box-container-block.bx-right {
    width: calc(50% - 13px);
    margin: 0 0 15px;
    display: block;
    position: relative;
}

.bx-filter .bx-filter-input-container input,
.bx-filter .bx-filter-parameters-box-container-block.bx-left input,
.bx-filter .bx-filter-parameters-box-container-block.bx-right input {
    height: 50px;
    background: #fff;
    border: 3px solid #cddee0;
    border-radius: 4px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    width: 100%;
    padding: 0 7px;
}

.bx-filter .bx-ui-slider-track-container {
    padding: 19px 9px 35px;
}

.bx-filter .bx-ui-slider-track {
    height: 6px;
    background: #cddee0;
    border-radius: 3px;
}

.bx-filter .bx-ui-slider-part span {
    color: #000;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.34;
    top: 28px;
    left: -8px;
}

.bx-filter .bx-ui-slider-part.p5 span {
    right: -8px;
}

.bx-filter.bx-blue .bx-ui-slider-handle {
    width: 20px;
    height: 20px;
    border: 3px solid #80c700;
}

.bx-filter-parameters-box-container .checkbox {
    margin-bottom: 4px;
}

.filter input[type="checkbox"] + span:before {
    width: 20px;
    height: 20px;
    background: #fff;
    border: 3px solid #cddee0;
    border-radius: 4px;
    top: 0;
    left: 0;
}

.filter input[type="checkbox"] + span:after {
    top: 3px;
    left: 6px;
    width: 6px;
    height: 10px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    background: none;
    opacity: 0;
}

.filter input[type="checkbox"]:checked + span:before {
    border-color: #80c700;
    background: #80c700;
}

.filter input[type="checkbox"]:checked + span:after {
    opacity: 1;
}

.bx-filter .bx-filter-input-checkbox .bx-filter-param-text {
    color: #000;
    font-family: 'TT Firs Neue', serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    padding: 0 25px 0 32px;
}

.bx-filter .bx-filter-input-checkbox .bx-filter-param-text span {
    font-style: normal;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 5px;
}

.filter .btn-holder {
    display: block;
    padding: 4px 0 0;
}

.btn-holder .bx-filter-parameters-box-container {
    padding: 0;
    text-align: center;
}

#set_filter {
    max-width: 180px;
    width: 100%;
    margin: 0 auto 20px;
    background: #80c700;
    border-radius: 4px;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    height: 50px;
    display: block;
}

#set_filter:hover {
    background: #80c700;
}

#del_filter {
    color: #00616e;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    text-decoration: underline;
    border: none;
}

#del_filter:hover {
    color: #80c700;
}

.projects-block {
    padding: 0 0 0 15px;
    margin: 0;
    border: none;
}

.sort li {
    font-family: 'TT Firs Neue', serif;
    margin: 0 88px 10px 0;
}

.sort li:last-child {
    margin: 0 0 10px;
}

.sort a {
    color: #000;
    font-family: 'TT Firs Neue', serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
}

.sort a:hover {
    color: #80c700;
}

.sort + .projects {
    padding-top: 38px;
    padding-right: 12px;
    padding-bottom: 14px;
}

.projects .items {
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
}

.projects-block .projects .items .item:nth-child(4n+4),
.projects .items .item {
    width: 33.3%;
    margin: 0 0 28px;
    padding: 0 15px;
    display: block;
    min-height: auto;
}

.projects .items .item .inner_item {
    background: #fff;
    border-radius: 4px;
    transition: all .2s linear;
}

.projects .items .item:hover .inner_item {
    box-shadow: 10.6px 10.6px 25px rgba(0, 97, 110, 0.5);
}

.projects .items .item .img {
    position: relative;
    /* overflow: hidden; */
    border-radius: 4px;
    margin: 0 0 0;
}

.projects .items .item .img:before {
    padding: 74% 0 0;
    display: block;
    content: '';
}

.projects .items .item .favorite_box {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 30px;
    height: 30px;
}

.projects .items .item .favorite {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: #80c700;
    border-radius: 50%;
    z-index: 1;
}

.projects .items .item .tooltip {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 0 20px;
    padding: 9px 11px;
    background: #80c700;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    display: block;
    z-index: 1;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: all .2s linear;
}

.projects .items .item .favorite_box:hover .tooltip {
    opacity: 1;
    visibility: visible;
}

.projects .items .item .tooltip:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-top: 10px solid #80c700;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

.projects .items .item .favorite:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 20px;
    height: 18px;
    transform: translate(-50%, -50%);
    background: url("/local/templates/bania.3.0/img_new/rd_icon-13.svg") no-repeat;
    background-size: 100%;
}

.projects .items .item.add_item .favorite:after {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-13_hv.svg") no-repeat;
    background-size: 100%;
}

.projects .items .item img {
    max-width: none;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.projects .items .new {
    right: auto;
    left: 12px;
    top: 12px;
    color: #fff;
    font-family: 'TT Firs Neue', serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    padding: 8px 8px 6px 10px;
    background: #e13a00;
    border-radius: 0;
    display: block;
    height: auto;
}

.projects .items .dscr_popular {
    padding: 17px 15px 13px 17px;
}

.projects .items .title_dscr {
    font-size: 14px;
    line-height: 1.29;
    min-height: 36px;
    margin: 0 0 16px;
}

.projects .items ul {
    overflow: visible;
    margin: 0 -5px 13px;
    display: flex;
    flex-wrap: wrap;
}

.projects .items ul li {
    padding: 0 5px;
    margin: 0 0 0;
    width: 33.3%;
}

.projects .items ul li:after {
    display: none;
}

.projects .items ul li span {
    font-size: 12px;
    line-height: 1;
    margin: 0 0 4px;
    letter-spacing: 0;
}

.projects .items ul li strong {
    color: #80c700;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    min-height: auto;
}

.projects .items .price_box {
    justify-content: center;
}

.projects .items .price {
    height: auto;
    min-height: auto;
    font-size: 20px;
    line-height: 1;
    margin: 0 0 19px;
}

.projects .items .item .btn {
    background: #80c700;
    border: 1px solid #80c700;
    font-weight: 600;
}

.projects .items .item:hover .btn {
    background: #80c700;
    border-color: #80c700;
}

.projects .items .item.help {
    background: none;
    height: auto;
    padding: 0 15px;
}

.projects .items .inner_help {
    overflow: hidden;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    padding: 115px 10px 0 45px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-14.jpg") no-repeat;
    background-size: cover;
}

.projects .items .item.help strong {
    background: none;
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
    padding: 0;
    margin: 0 0 26px;
    letter-spacing: 0;
    min-height: auto;
}

.projects .items .item.help p {
    margin: 0 0 46px;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
    font-family: 'TT Firs Neue', serif;
    padding: 0;
}

.projects .items .item.help .btn {
    max-width: 180px;
    background: #80c700;
    border-radius: 4px;
    font-family: 'TT Firs Neue', serif;
    height: auto;
    padding: 0 0 0;
    line-height: 1;
    font-size: 16px;
    font-weight: 600;
    padding: 16px 10px;
    letter-spacing: 0;
}

.ajax-pager-wrap {
    padding: 5px 0 0;
    margin: 0 0 58px;
}

.ajax-pager-wrap .btn {
    margin: 0 auto 0;
    max-width: 369px;
    /* background: #00616e; */
    border: none;
}

.ajax-pager-wrap .btn:hover {
    color: #fff;
}

.catalog-items .paginator-box {
    margin-top: 34px;
}

.bg_color {
    position: relative;
    z-index: 0;
}

.bg_color:after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    background: #f8fbfb;
    z-index: -1;
}

.slider_block.bg_color {
    padding-bottom: 90px;
}

.seo_block {
    padding: 63px 0 60px;
}

.line,
.seo_block .line {
    position: relative;
    padding: 0 0 22px;
}

.line:after,
.seo_block .line:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 158px;
    height: 4px;
    background: #000000;
    background: -moz-linear-gradient(left, #000000 0%, #000000 37%, #80c700 37%, #80c700 100%);
    background: -webkit-linear-gradient(left, #000000 0%, #000000 37%, #80c700 37%, #80c700 100%);
    background: linear-gradient(to right, #000000 0%, #000000 37%, #80c700 37%, #80c700 100%);
}

.seo_block .title_block {
    margin: 0 0 54px;
}

.seo_block .video {
    margin: 6px 0 52px;
    max-width: 500px;
}

.text_box .text_title {
    margin: 0 0 26px;
    display: block;
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5;
}

.text_box p {
    margin: 0 0 20px;
}

.text_box ul {
    padding: 5px 0 0 30px;
    margin: 0 0 23px;
}

.text_box ul li {
    margin: 0 0 0;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
}

.text_box ul li strong {
    color: #00616e;
    font-weight: 600;
}

.seo_block .img {
    margin: 0 0 11px;
    text-align: right;
    padding: 74px 0 0;
    z-index: 0;
    position: relative;
}

.seo_block .img:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    z-index: -1;
    width: 455px;
    height: 455px;
    transform: translate(-50%, -36%);
    background: url("/local/templates/bania.3.0/img_new/rd_bg-15.png") no-repeat;
    background-size: 100%;
}

.seo_block .img img {
    max-width: 100%;
}

.seo_block .btn {
    max-width: 370px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
}

.works_block {
    padding: 57px 0 61px;
}

.works_block .title_block {
    margin: 0 0 51px;
}

.works_block .gallery {
    /* margin: 0 -15px 40px; */
    margin: 0 -55px 40px;
}

.works_block .gallery-holder {
    margin: 0 0 0;
}

.works_block .gallery .visual .img:before {
    padding: 59% 0 0;
}

.works_block .gallery h4, .works_block .gallery .h4 {
    min-height: 48px;
    margin: 0 0 16px;
}

.works_block .btn {
    margin: 0 auto;
    max-width: 370px;
}

.projects .items .item:after {
    display: none;
}

.article-info {
    width: calc(100% - 370px);
    padding: 0 35px 0 0;
    overflow: visible;
}

.article h1 {
    color: #000;
    font-size: 60px;
    font-weight: 500;
    line-height: 1;
    margin: 0 0 50px;
    width: 100%;
}

.main_visual {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    margin: 0 0 18px;
}

.main_visual:before {
    padding: 61.5% 0 0;
    content: '';
    display: block;
}

.article .main_visual img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    margin: 0;
    max-width: none;
}

.article-info .date_box {
    width: 100%;
    margin: 0 0 10px;
}

.article-info .date_box .date {
    margin: 3px 0 10px;
}

.article-info .date_box .share {
    width: auto;
    margin: 0;
    padding: 0;
}

.article-info .date_box .share li {
    margin: 0 0 10px 46px;
    padding: 0;
}

.article-info .date_box .share li:before {
    display: none;
}

.article-info .date_box .share li:first-child {
    margin: 0 0 10px;
}

.article-info .date_box .share li span a {
    padding: 0;
    color: #00616e;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-decoration: underline;
    margin: 0 0 0 13px;
}

.article-info .date_box .share li span a:hover {
    color: #80c700;
}

.article-info .date_box .share li span a:after {
    display: none;
}

.article-info .date_box .share li span.time:after {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-14.svg") no-repeat;
    background-size: 100%;
    width: 15px;
    height: 15px;
}

.article-info .consult-form legend {
    margin: 0 0 35px;
    padding: 0;
    background: none;
    color: #fff;
    font-family: 'TT Firs Neue', serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.07;
    border: none;
}

.consult-form textarea,
.consult-form input[type=text] {
    font-family: 'TT Firs Neue', serif;
    color: #000;
    /* font-size: 16px; */
    font-size: 18px;
    line-height: 1;
    padding: 0 9px;
    height: 50px;
    background: #f2f7f7;
    border-radius: 4px;
}

.consult-form textarea {
    padding: 10px 9px;
    height: 100px;
}

.consult-form input[type=submit] {
    color: white;
    font-family: 'TT Firs Neue', serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    height: 50px;
    background: #80c700;
    border-radius: 4px;
    border: none;
    padding: 5px 10px;
}

.consult-form span {
    font-family: 'TT Firs Neue', serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.34;
    color: #fff;
    margin: 0;
    padding: 6px 0 0;
}

.consult-form span a {
    color: #80c700;
    text-decoration: underline;
}

.consult-form span a:hover {
    text-decoration: none;
}

.content_article-box {
    border: none;
    background: #f8fbfb;
    border-radius: 4px;
    padding: 36px 46px 37px;
    margin: 0 0 53px;
}

.content_article-box:after {
    display: none;
}

.content_article-box .title-list {
    margin: 0 0 23px;
    position: relative;
    font-family: 'TT Firs Neue', serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    display: inline-block;
    padding: 0 30px 0 0;
}

.content_article-box .title-list:after {
    position: absolute;
    content: '';
    top: 50%;
    right: 0;
    width: 6px;
    height: 6px;
    border-top: 2px solid #80c700;
    border-right: 2px solid #80c700;
    transform: rotate(-45deg);
    margin: -2px 0 0;
    transition: all 0.3s linear;
}

.content_article-box.open .title-list:after {
    transform: rotate(135deg);
    margin: -5px 0 0;
}

.article .list-content {
    padding: 0;
    columns: 1;
    max-width: 460px;
    margin: 0;
}

.article .list-content li {
    margin: 0 0 0;
    color: #000;
    font-size: 18px;
    line-height: 1.56;
    padding: 0 0 0 0;
}

.article .list-content li:before,
.list-content li:after {
    display: none;
}

.list-content li em {
    font-style: normal;
    color: #bb8f63;
}

.list-content li.level_2,
.list-content li.level_3 {
    font-size: 16px;
    line-height: 1.75;
}

.list-content li.level_2 {
    padding: 0 0 0 16px;
}

.list-content li.level_3 {
    padding: 0 0 0 32px;
}

.article {
    display: flex;
    flex-wrap: wrap;
    overflow: visible;
}

.article-title {
    color: #000;
    font-family: 'TT Firs Neue', serif;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0 0 25px;
}

.article h2 {
    font-size: 40px;
    line-height: 1;
}

.article h3 {
    font-size: 32px;
    line-height: 1.125;
    padding: 33px 0 0;
    margin: 0 0 25px;
    letter-spacing: 0;
}

.article h4 {
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 0;
    padding: 30px 0 0;
    margin: 0 0 24px;
}

.article p {
    margin: 0 0 28px;
    font-size: 18px;
    line-height: 1.56;
}

.article p strong {
    font-weight: 600;
}

.article p strong em {
    font-style: normal;
    color: #bb8f63;
    font-weight: 700;
}

.article .visual {
    margin: 0 0 66px;
    text-align: left;
    width: auto;
    padding: 3px 0 0;
    overflow: visible;
    border-radius: 0;
}

.article .visual .img {
    overflow: hidden;
    border-radius: 4px;
}

.article .visual .img img {
    margin: 0;
    max-width: none;
    border-radius: 0;
}

.article .visual span {
    display: block;
    position: relative;
    bottom: auto;
    right: auto;
    padding: 16px 0 0;
    color: #bb8f63;
    font-family: 'TT Firs Neue', serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    height: auto;
}

.article .notice {
    padding: 39px 72px 42px 81px;
    margin: 0 0 35px;
    border-radius: 4px;
}

.article .notice.change {
    margin-top: -32px;
}

.article .notice strong {
    display: block;
    margin: 0 0 16px;
    color: #bb8f63;
    font-family: 'TT Firs Neue', serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    text-transform: uppercase;
}

.article .notice p {
    margin: 0;
    color: #000;
    font-family: 'TT Firs Neue', serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
}

.article .notice.red {
    background: url("/local/templates/bania.3.0/img_new/rd_bg-17.jpg") no-repeat;
    background-size: cover;
}

.article .notice.green {
    background: url("/local/templates/bania.3.0/img_new/rd_bg-18.jpg") no-repeat;
    background-size: cover;
    background-position: 0 50%;
    margin-top: 0;
}

.inner_article ul {
    padding: 0 0 0;
    margin: 0 0 0;
    font-family: 'TT Firs Neue', serif;
}

.inner_article ul li {
    margin: 0 0 28px;
    padding: 0 0 0 22px;
    font-size: 18px;
    line-height: 1.56;
}

.inner_article ul li:before {
    height: 2px;
    width: 15px;
    background: #80c700;
    top: 14px;
    left: 0;
    border-radius: 0;
    border: none;
}

.inner_article {
    width: 100%;
    padding: 12px 0 0;
}

.inner_article p span {
    display: block;
}

.article .author {
    padding: 37px 0 39px;
    display: flex;
    flex-wrap: wrap;
    overflow: visible;
    margin: 0 -106px 0 0;
}

.article .author .rating {
    float: none;
    width: 135px;
    margin: 0 0 15px;
}

.article .author .social {
    float: none;
    padding: 0 15px 0 0;
    margin: 0 0 15px;
    width: calc(100% - 135px);
}

.article .author .social span {
    display: block;
    margin: 0 0 8px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.article .author .list_soc {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

.article .author .list_soc li {
    margin: 0 9px 10px 0;
}

.article .author .list_soc li:last-child {
    margin: 0 0 10px;
}

.article .author .list_soc a {
    display: block;
    width: 150px;
    height: 40px;
    border-radius: 4px;
    overflow: hidden;
}

.article .author .list_soc a.ok {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-15.jpg") no-repeat;
    background-size: cover;
}

.article .author .list_soc a.vk {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-16.jpg") no-repeat;
    background-size: cover;
}

.article .author .list_soc a.fb {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-17.jpg") no-repeat;
    background-size: cover;
}

.article .author .list_soc a.tw {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-18.jpg") no-repeat;
    background-size: cover;
}

.article .author .rating span {
    display: block;
    margin: 0 0 18px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.author .rating_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    margin: 0;
}

.author .rating_list li {
    margin: 0 2px 0 0;
    padding: 0;
}

.author .rating_list li:last-child {
    margin: 0;
}

.rating_list li:before {
    display: none;
}

.rating_list span,
.rating_list a {
    display: block;
    width: 25px;
    height: 24px;
    background: url("/local/templates/bania.3.0/img_new/rd_icon-19.svg") no-repeat;
    background-size: 100%;
}

.rating_list .active span,
.rating_list .active a,
.rating_list a:hover {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-19_1.svg") no-repeat;
    background-size: 100%;
}

.sidebar_block {
    width: 370px;
}

.rubric_box {
    background: #f2f7f7;
    border-radius: 4px;
    padding: 32px 41px 27px;
    margin: 0 0 12px;
}

.title_rubric {
    display: block;
    margin: 0 0 37px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.75;
    text-transform: uppercase;
}

.rubric_box .list_rubric {
    margin: 0;
    padding: 0;
}

.rubric_box .list_rubric li {
    margin: 0 0 12px;
    padding: 0;
}

.list_rubric li:before {
    display: none;
}

.list_rubric li a {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color: #000;
    transition: all .2s linear;
    text-decoration: none;
    font-family: 'TT Firs Neue', serif;
}

.list_rubric li.active a,
.list_rubric li a:hover {
    color: #80c700;
}

.list_rubric li.active a {
    font-weight: 700;
}

.sidebar_block .block {
    border-radius: 4px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-19.png") no-repeat;
    background-size: cover;
    text-align: center;
    padding: 13px 33px 11px;
    margin: 0 0 12px;
}

.sidebar_block .consult-form legend {
    color: #fff;
    font-family: 'TT Firs Neue', serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.17;
    padding: 0;
    border: none;
    margin: 0 0 27px;
}

.sidebar_block .consult-form input[type=submit] {
    font-size: 20px;
}

.discussion_box {
    padding: 31px 41px 5px;
    background: #f2f7f7;
    border-radius: 4px;
}

.discussion_box .title_rubric {
    margin: 0 0 27px;
}

.list_disc .item_disc {
    padding: 0 0 24px;
    margin: 0 0 31px;
    border-bottom: 2px solid #e5eff0;
}

.list_disc .item_disc:last-child {
    border: none;
    padding: 0;
}

.head_disc {
    margin: 0 0 13px;
    display: flex;
    flex-wrap: wrap;
}

.head_disc .img_box {
    width: 70px;
    border-radius: 4px;
    overflow: hidden;
}

.head_disc .img_box img {
    max-width: 100%;
    margin: 0;
}

.head_disc .head_dscr {
    padding: 2px 0 0 19px;
    width: calc(100% - 70px);
}

.head_disc .user {
    padding: 0 0 0 24px;
    position: relative;
    margin: 0 0 13px;
    display: block;
    color: #bb8f63;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
}

.head_disc .user:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    background: url("/local/templates/bania.3.0/img_new/rd_icon-20.svg") no-repeat;
    background-size: 100%;
}

.head_disc .title_disc {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.625;
}

.head_disc .title_disc a {
    color: #000;
    /* text-decoration: none; */
}

.head_disc .title_disc a:hover {
    color: #80c700;
    text-decoration: underline;
}

.list_disc .text_disc {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.72;
}

.comments_block {
    padding: 0 0 0;
    margin: 0 0 55px;
}

.comments_block .title_block {
    margin: 0 0 52px;
}

.comment_form {
    max-width: 570px;
    margin: 0 0 60px;
}

.comment_form .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.comment_form .inpt_holder {
    width: 50%;
    padding: 0 15px;
    margin: 0 0 29px;
}

.txt_holder textarea,
.comment_form input[type="text"] {
    display: block;
    height: 50px;
    background: #f2f7f7;
    border-radius: 4px;
    border: none;
    padding: 0 16px 0;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    width: 100%;
}

.txt_holder {
    margin: 0 0 29px;
}

.txt_holder textarea {
    height: 100px;
    resize: none;
    padding: 17px 16px;
}

.chbx_holder {
    margin: -2px 0 11px;
    position: relative;
}

.comment_form .checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.comment_form .checkbox + label {
    position: relative;
    padding: 0 0 0 36px;
    cursor: pointer;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
    display: block;
}

.comment_form .checkbox + label:before {
    position: absolute;
    content: '';
    top: 1px;
    left: 1px;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 3px solid #cddee0;
    border-radius: 4px;
    box-sizing: border-box;
}

.comment_form .checkbox + label:after {
    position: absolute;
    content: '';
    top: 7px;
    left: 5px;
    border-radius: 0;
    border: none;
    width: 12px;
    height: 9px;
    background: url("/local/templates/bania.3.0/images/icon-check.png") no-repeat;
    background-size: 100%;
    transition: .2s;
    opacity: 0;
}

.comment_form .checkbox:checked + label:before {
    border-color: #80c700;
    background: #80c700;
}

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

.comment_form .sbmt_holder {
    margin: 0 0 0;
}

.comment_form .sbmt_holder input[type="submit"] {
    display: block;
    max-width: 270px;
    height: 50px;
    background: #80c700;
    border-radius: 4px;
    border: 1px solid #80c700;
    transition: all .2s linear;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    width: 100%;
}

.comment_form .sbmt_holder input[type="submit"]:hover {
    box-shadow: 10.6px 10.6px 25px rgb(128 199 0 / 50%);
}

.comments_list {
    max-width: 869px;
}

.inner_comment {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 10px;
}

.comments_list .avatar {
    width: 84px;
    height: 84px;
    background: #f8fbfb;
    position: relative;
    border-radius: 50%;
}

.comments_list .avatar img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.comments_list .dscr_comment {
    padding: 0 0 0 26px;
    width: calc(100% - 84px);
}

.comments_list .inner_dscr {
    position: relative;
    background: #f7f4f1;
    border-radius: 4px;
    padding: 30px 47px 29px;
}

.comments_list .inner_dscr:after {
    position: absolute;
    content: '';
    top: 28px;
    left: -14px;
    border-right: 14px solid #f7f4f1;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
}

.comments_list .head_comment {
    margin: 0 0 14px;
    display: flex;
    flex-wrap: wrap;
}

.comments_list .head_comment .name {
    display: block;
    margin: 0 44px 10px 0;
    color: #000;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
}

.comments_list .head_comment .date {
    display: block;
    color: #bb8f63;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin: 2px 0 10px;
}

.comments_list .text_comment {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 11px;
}

.comments_list .link {
    display: inline-block;
    vertical-align: top;
    text-decoration: underline;
    color: #00616e;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    transition: all .2s linear;
}

.comments_list .link:hover {
    color: #80c700;
}

.answer_box {
    padding: 0 0 0 111px;
}

.comments_list .admin .inner_dscr {
    background: #ecf7d9;
}

.comments_list .admin .inner_dscr:after {
    border-right: 14px solid #ecf7d9;
}

.comments_list .admin .head_comment .name {
    color: #80c700;
}

.comments_list .btn_holder {
    padding: 25px 0 0;
}

.our_team_section {
    padding: 24px 0 0;
}

.team_box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 35px;
}

.team_head {
    width: 100%;
    padding: 0 15px;
}

.team_dscr {
    padding: 0 15px;
    margin: 0 0 0;
    width: 25%;
}

.title_team {
    display: block;
    margin: 0 0 48px;
    color: #000;
    font-size: 40px;
    font-weight: 400;
    line-height: 0.9;
    width: 25%;
    max-width: 270px;
}

.text_team {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    padding: 0 30px 0 0;
}

.team_box .staff_block {
    width: 75%;
    padding: 14px 15px 0;
    margin: -84px 0 0;
}

.staff_block .list_staff {
    margin: 0 -15px 10px;
}

.staff_block .list_staff li {
    padding: 0 15px;
    margin: 0 0 40px;
}

.staff_block .list_staff .name_staff {
    margin: 0 0 7px;
    -webkit-font-smoothing: antialiased;
}

.staff_block .list_staff .position {
    margin: 0 0 28px;
}

[class*="ymaps-2"][class*="-ground-pane"] {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 3.5+ */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
}

.map_block {
    padding: 27px 0 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 49px;
}

.map_block .map {
    width: 75%;
    padding: 0 15px;
    margin: 0 0 0;
}

#big-map {
    max-width: 800px;
    min-height: 480px;
    overflow: hidden;
    border-radius: 4px;
}

.address_box {
    width: 25%;
    padding: 0 15px;
}

.contacts_page .address_box address {
    display: block;
    margin: 0 0 37px;
    /* padding: 100px 0 0; */
    padding: 75px 0 0;
    position: relative;
    font-family: 'TT Firs Neue', serif;
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.17;
    letter-spacing: 0;
    font-style: normal;
}

.address_box address .icon {
    position: absolute;
    content: '';
    /* top: -4px; */
    top: -29px;
    left: 2px;
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background: #f2f7f7;
    display: block;
    /* background: url("/local/templates/bania.3.0/img_new/rd_icon-21.svg") no-repeat;
    background-size: 100%; */
}

.address_box address .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.address_box .metro {
    overflow: visible;
}

.address_box .metro li:nth-child(2n+2),
.address_box .metro li {
    margin: 0 0 11px;
    /* padding: 30px 10px 28px 75px; */
    padding: 28px 10px 28px 75px;
    background: none;
    width: auto;
    height: auto;
    float: none;
    background: #f7f4f1;
    border-radius: 4px;
}

.address_box .metro li strong {
    color: #000;
    font-family: 'TT Firs Neue', serif;
    /* font-size: 16px; */
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
    /* text-transform: uppercase; */
    margin: 0 0 16px;
}

.address_box .metro li span {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.15;
}

.address_box .metro li i {
    width: 34px;
    height: 34px;
    top: 22px;
    left: 21px;
    background: url("/local/templates/bania.3.0/img_new/rd_icon-22.svg") no-repeat;
    background-size: 100%;
}

.address_box .icon-metro:before {
    display: none;
}

.contacts_block {
    display: flex;
    flex-wrap: wrap;
    /* margin: 0 0 71px; */
    margin: 0 0 64px;
}

.contacts_block .contacts_list {
    width: 410px;
    padding: 20px 0 0;
}

.contacts_block .img_box {
    width: calc(100% - 410px);
    padding: 0 0 0 25px;
}

.contacts_block .img_box .img {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.contacts_block .img_box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.contacts_block .img_box .img:before {
    display: block;
    content: '';
    padding: 51.65% 0 0;
}

.img_text {
    position: absolute;
    left: 55px;
    right: 30px;
    bottom: 44px;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

.contacts_block .contacts_list li {
    margin: 0 0 62px;
    display: flex;
    flex-wrap: wrap;
    float: none;
}

.contacts_block .contacts_list li:nth-child(2) {
    margin: 0 0 62px;
}

.contacts_block .contacts_list li .icon {
    width: 84px;
    height: 84px;
    background: #f2f7f7;
    position: relative;
    border-radius: 50%;
    margin: -21px 0 0;
}

.contacts_block .contacts_list li .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.contacts_dscr {
    padding: 0 0 0 52px;
    width: calc(100% - 84px);
}

.contacts_block .contacts_list li span:before {
    display: none;
}

.contacts_block .contacts_list li span {
    padding: 0;
    font-size: 16px;
    line-height: 1.2;
    margin: 0 0 13px;
    color: #000;
    display: block;
}

.contacts_block .contacts_list li strong a,
.contacts_block .contacts_list li strong {
    display: block;
    font-size: 24px;
    line-height: 1;
    font-weight: 500;
    text-transform: none;
    min-height: auto;
    color: #000;
    text-decoration: none;
}

.requisites_block {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 48px;
}

.requisites_block h2 {
    margin: 0 0 55px;
}

.with_hr {
    position: relative;
    padding: 0 0 19px;
}

.with_hr:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 4px;
    width: 158px;
    background: #000000;
    background: -moz-linear-gradient(left, #000000 0%, #000000 35%, #80c700 35%, #80c700 100%);
    background: -webkit-linear-gradient(left, #000000 0%, #000000 35%, #80c700 35%, #80c700 100%);
    background: linear-gradient(to right, #000000 0%, #000000 35%, #80c700 35%, #80c700 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#80c700', GradientType=1);
}

.requisites_box {
    width: 50%;
    padding: 0 15px;
}

.requisites_box .details {
    padding: 0;
    margin: 0 0 0;
}

.requisites_box .details li {
    width: 50%;
    padding: 0 10px 17px 0;
    border-bottom: 3px solid #e5eff0;
    margin: 0 0 19px;
}

.requisites_box .details li.last {
    border-bottom: none;
}

.requisites_box .details li span {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 11px;
}

.requisites_box .details strong {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
}

.requisites_faq {
    width: 50%;
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.faq_box {
    width: 100%;
    max-width: 430px;
    padding: 4px 0 0;
    align-self: start;
    z-index: 0;
    position: relative;
}

.faq_box:after {
    position: absolute;
    content: '';
    bottom: 39px;
    left: -169px;
    width: 273px;
    height: 239px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-20.png") no-repeat;
    background-size: 100%;
    z-index: -1;
}

.faq_form {
    padding: 34px 73px 35px;
    text-align: center;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-21.jpg") no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
}

.faq_form .row {
    padding: 0 7px;
}

.about_page .about_block {
    padding: 26px 0 53px;
}

.about_page .video_dscr {
    padding-right: 75px;
    overflow: visible;
}

.about_page .video_dscr p {
    margin: 0 0 53px;
}

.about_page .about_text .icon {
    margin: -6px 0 15px;
}

.about_page .about_text {
    padding: 5px 0 0;
    align-items: flex-start;
    margin: 0 0 16px;
}

.about_page .about_text .text {
    padding: 0 0 0 51px;
}

.about_page .text p {
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 24px;
}

.call_box {
    border-radius: 4px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-22.jpg") no-repeat;
    background-size: cover;
}

.call_form {
    padding: 42px 64px 44px 52px;
}

.call_form legend {
    font-size: 24px;
    text-align: left;
}

.call_form .row {
    margin: 0 0 0;
}

.call_form .inpt_holder {
    width: calc(100% - 170px);
    padding: 0 12px 0 0;
    margin: 0 0 16px;
}

.call_form .sbmt_holder {
    width: 170px;
    margin: 0 0 16px;
}

.about_page .staff_block {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.about_page .staff_text {
    width: 25%;
    padding: 0 15px;
}

.about_page .staff_box {
    width: 75%;
    padding: 0 15px;
    margin: 0 0 37px;
}

.about_page .staff_text .num {
    float: none;
    margin: 0 0 11px;
}

.about_page .staff_text p {
    padding: 0 20px 0 0;
    margin: 0 0 51px;
}

.about_page .staff_text .btn {
    font-size: 16px;
    padding: 16px 10px;
}

.about_page .inst_box {
    max-width: 100%;
    margin: 0 0 89px;
}

.about_page .inner_inst {
    display: flex;
    flex-wrap: wrap;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-23.jpg") no-repeat;
    background-size: cover;
    padding-bottom: 24px;
}

.about_page .inst_box:after {
    display: none;
}

.about_page .inst_dscr {
    width: 51.2%;
    padding: 0 40px 0 0;
}

.about_page .inst_box .subscribers {
    margin: 0;
}

.about_page .inst_box .img {
    width: 48.8%;
    max-width: 484px;
    align-self: start;
}

.list_advantage {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 0;
}

.list_advantage li {
    width: 25%;
    padding: 0 15px;
    margin: 0 0 30px;
    text-align: center;
}

.list_advantage .icon {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background: #f2f7f7;
    margin: 0 auto 33px;
    position: relative;
    display: block;
}

.list_advantage .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.list_advantage .title {
    display: block;
    margin: 0 0 18px;
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25;
}

.list_advantage .dscr {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.history_block {
    padding: 56px 0 22px;
}

.history_block:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    width: 965px;
    height: 601px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-26.png") no-repeat;
    background-size: 100%;
    margin: 0 0 0 -162px;
}

.history_block .title_block {
    margin: 0 0 48px;
}

.history_box {
    position: relative;
    z-index: 0;
}

.history_box:after {
    position: absolute;
    content: '';
    z-index: -1;
    width: 391px;
    height: 283px;
    right: -156px;
    top: -110px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-24.png") no-repeat;
    background-size: 100%;
}

.history_box:before {
    position: absolute;
    content: '';
    z-index: -1;
    width: 276px;
    height: 166px;
    left: -247px;
    bottom: 179px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-25.png") no-repeat;
    background-size: 100%;
}

.list_history {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 0;
    align-items: start;
    position: relative;
    z-index: 0;
}

.list_history:after {
    position: absolute;
    content: '';
    left: 15px;
    right: -180px;
    top: 50%;
    margin: -21px 0 0;
    height: 3px;
    /* background: #80c700; */
    background: -moz-linear-gradient(left, rgba(128, 199, 0, 1) 0%, rgba(128, 199, 0, 1) 75%, rgba(128, 199, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(128, 199, 0, 1) 0%, rgba(128, 199, 0, 1) 75%, rgba(128, 199, 0, 0) 100%);
    background: linear-gradient(to right, rgba(128, 199, 0, 1) 0%, rgba(128, 199, 0, 1) 75%, rgba(128, 199, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80c700', endColorstr='#0080c700', GradientType=1);
}

.list_history li {
    width: 25%;
    padding: 0 15px;
    position: relative;
    margin: 0 0 29px;
}

.list_history li:after {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    background: #80c700;
    border-radius: 50%;
    left: 15px;
    bottom: -39px;
}

.list_history li:nth-child(2n) {
    margin: 258px 0 29px;
}

.list_history li:nth-child(2n):after {
    bottom: auto;
    top: -48px;
}

.list_history .num {
    display: block;
    margin: 0 0 19px;
    color: #00616e;
    font-size: 60px;
    font-weight: 400;
    line-height: 1;
}

.list_history .dscr {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    min-height: 112px;
    padding: 0 20px 0 0;
}

.company_block {
    padding: 85px 0 60px;
}

.about_company {
    margin: 0 0 46px;
}

.about_company p {
    margin: 0 0 24px;
}

.list_photo {
    padding: 6px 0 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
    align-items: start;
}

.list_photo li {
    width: 50%;
    padding: 0 5px;
    margin: 0 0 10px;
}

.list_photo li:nth-child(2) {
    margin: 35px 0 10px;
}

.list_photo li:nth-child(3) {
    margin: -35px 0 10px;
}

.list_photo .img_box {
    overflow: hidden;
    border-radius: 4px;
    position: relative;
}

.list_photo .img_box:before {
    display: block;
    content: '';
    padding: 77.5% 0 0;
}

.list_photo .img_box img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.about_page .certificate_block {
    padding: 55px 0 65px;
}

.about_page .certificate_block:after {
    height: auto;
    margin: 0;
}

.our_work_block {
    padding: 86px 0 93px;
}

.our_work_block .title_block {
    margin: 0 0 47px;
}

.gallery_box {
    display: -ms-grid;
    display: grid;
    grid-gap: 28px;
    grid-auto-rows: 300px;
    grid-template-columns: repeat(auto-fill, minmax(287px, 1fr));
}

.item_gallery {
    min-height: 300px;
}

.item_width {
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
}

.item_height {
    -ms-grid-row-span: 2;
    grid-row-end: span 2;
    min-height: 630px;
}

.item_gallery a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 4px;
}

.item_gallery a img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.product_page h1 {
    max-width: calc(100% - 370px);
    /* margin: 0 0 47px; */
    margin: 0 0 25px;
}

.product_page .product {
    display: flex;
    flex-wrap: wrap;
}

.product_page .information {
    float: none;
    width: calc(100% - 370px);
    padding: 0 63px 0 0;
}

.product_page .product .slideshow {
    margin: 0 0 62px;
}

.product_page .product .slideshow .slides {
    /* height: auto; */
    margin: 0 0 25px;
}

.product .slideshow .slides .slide img {
    object-fit: cover;
}

/* .product_page .product .slideshow .slide{
    border-radius: 4px;
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    object-fit: none;
}
.product_page .product .slideshow .slide a{
    width: 100%;
    height: 100%;
}
.product_page .product .slideshow .slide a:before{
    display: block;
    content: '';
    padding: 61% 0 0;
}
.product_page .product .slideshow .slide img{
    max-width: none;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
} */
.fl_new {
    position: absolute;
    top: 23px;
    left: 23px;
    display: block;
    background: #e13a00;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    z-index: 1;
    padding: 7px 9px;
}

.pagination_wrap {
    position: relative;
    padding: 0 155px 0 0;
}

.product_page .product .pagination {
    /* padding: 0 155px 0 0; */
    position: static;
}

.product_page .product .pagination .pagination-slide {
    flex: 0 0 183px;
    width: 183px;
    margin: 0 11px 0 0;
}

.product_page .product .pagination .slideshow-pagination {
    display: none;
}

.product_page .product .pagination .pagination-slide .inner_slide {
    border-radius: 4px;
    transition: all .2s linear;
    cursor: pointer;
}

.product_page .product .pagination .pagination-slide.active .inner_slide:before,
.product_page .product .pagination .pagination-slide .inner_slide:before {
    display: block;
    content: '';
    padding: 61.5% 0 0;
    background: none;
    position: static;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    transform: none;
}

/*.product_page .product .pagination .pagination-slide .inner_slide img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}*/

.product_page .product .pagination .pagination-slide .inner_slide:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    border: 5px solid #80c700;
    opacity: 0;
    background: none;
    box-sizing: border-box;
}

.product_page .product .pagination .pagination-slide.active .inner_slide:hover:after,
.product_page .product .pagination .pagination-slide.active .inner_slide:after {
    opacity: 1;
}

.product_page .product .pagination .pagination-slide .inner_slide:hover {
    box-shadow: 10.6px 10.6px 25px rgba(0, 97, 110, 0.5);
}

.product_page .product .pagination .pagination-slide .inner_slide:hover:after {
    opacity: 0;
}

.product_page .product .pagination .pagination-slide .play {
    position: absolute;
    width: 85px;
    height: 85px;
    background: #bb8f63;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s linear;
}

.product_page .product .pagination .pagination-slide .play:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-20%, -50%);
    border-left: 14px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}

.product_page .product .pagination .pagination-slide .inner_slide:hover .play {
    box-shadow: 10.6px 10.6px 25px rgb(128 199 0 / 50%);
    background: #80c700;
}

.product_page .product .pagination .pagination-slide .plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 84px;
    height: 84px;
    background: #80c700;
    box-shadow: 10.6px 10.6px 25px rgba(128, 199, 0, 0.5);
    border-radius: 50%;
    opacity: 0;
    transition: all .2s linear;
}

.product_page .product .pagination .pagination-slide .plus:after,
.product_page .product .pagination .pagination-slide .plus:before {
    position: absolute;
    content: '';
    background: #fff;
    border-radius: 1px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.product_page .product .pagination .pagination-slide .plus:after {
    width: 4px;
    height: 50px;
}

.product_page .product .pagination .pagination-slide .plus:before {
    width: 50px;
    height: 4px;
}

.product_page .product .pagination .pagination-slide .inner_slide:hover .plus {
    opacity: 1;
}

.slideshow-button-next,
.slideshow-button-prev {
    width: 37px;
    height: 74px;
    background: transparent;
    border-radius: 0;
    top: 50%;
    transform: translateY(-69%);
    position: absolute;
    cursor: pointer;
}

.slideshow-button-next {
    right: 0;
}

.slideshow-button-prev {
    right: 101px;
}

.slideshow-button-next:after,
.slideshow-button-prev:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 45px;
    height: 45px;
    border-top: 4px solid #000;
    border-left: 4px solid #000;
    margin: -24px 0 0 -8px;
    transition: all 0.3s linear;
}

.slideshow-button-prev:after {
    transform: rotate(-45deg);
}

.slideshow-button-next:after {
    transform: rotate(135deg);
    margin: -24px 0 0 -40px;
}

.slideshow-button-next:hover:after,
.slideshow-button-prev:hover:after {
    border-color: #80c700;
}

.plans-box {
    padding: 36px 53px 50px;
    background: #f2f7f7;
    border-radius: 4px;
    margin: 0 0 0;
}

.plans-box h3 {
    margin: 0 0 18px;
    font-size: 24px;
    line-height: 1.17;
    font-family: 'TT Firs Neue', serif;
}

.list_plans {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px 16px;
}

.list_plans .item_list {
    width: 50%;
    padding: 0 16px;
    margin: 0 0 30px;
}

.list_plans .item_list a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.list_plans .item_list a img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.list_plans .item_list a:before {
    display: block;
    content: '';
    padding: 66.5% 0 0;
}

.order_plans {
    padding: 33px 29px 12px 35px;
    margin: 0 0 0;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-27.jpg") no-repeat;
    background-size: cover;
    border-radius: 4px;
}

.order_plans .inner_box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.order_plans .head_plans {
    width: 50%;
    padding: 0 15px;
    margin: 0 0 15px;
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    line-height: 1.2;
}

.order_plans .consult-form {
    width: 50%;
    padding: 0;
    margin: 0 0 15px;
}

.options_block {
    margin: -10px 0 0;
}

.options_block .price_box {
    position: relative;
    margin: 0 0 21px;
    display: block;
}

.options_block .price {
    margin: 0 0 0;
    padding: 0;
}

.product .options_block .price:before {
    display: none;
}

.product .options_block .price strong {
    font-weight: 700;
    line-height: 1.2;
    /* font-size: 30px; */
    font-size: 40px;
    text-transform: uppercase;
    /* color: #000; */
    display: block;
    margin: 0 0 6px;
    color: #00616e;
}

.product .options_block .price strong span {
    font-size: 20px;
    text-transform: none;
}

.product .options_block .price p {
    color: #bb8f63;
    font-size: 14px;
    /* font-weight: 400; */
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
    text-transform: none;
}

.options_block .price .favorites {
    position: absolute;
    top: 10px;
    right: -2px;
    width: 20px;
    height: 18px;
    background: url("/local/templates/bania.3.0/img_new/icon_fav-2.svg") no-repeat;
    background-size: 100%;
}

.options_block .btn_holder {
    margin: 0 0 36px;
}

.options_block .btn_holder .btn {
    font-size: 24px;
    padding: 24px 10px;
    margin: 0 0 18px;
}

.options_block .btn_holder .links {
    color: #00616e;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    text-decoration: underline;
    transition: all .2s linear;
}

.options_block .btn_holder .links:hover {
    color: #80c700;
    font-weight: 600;
}

.mess_box {
    margin: 0 0 26px;
}

.mess_box .title_mess {
    margin: 0 0 17px;
    display: block;
    color: #010101;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
}

.mess_box .mess_btn {
    padding: 16px 10px;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    transition: all .2s linear;
}

.mess_box .mess_btn:hover {
    background: #00616e;
    border: 1px solid #00616e;
    box-shadow: none;
}

.mess_box .mess_btn span {
    display: inline-block;
    vertical-align: top;
    padding: 0 49px 0 0;
    position: relative;
}

.mess_box .mess_btn span:after {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    width: 27px;
    height: 28px;
    background: url("/local/templates/bania.3.0/img_new/icon_wtsp-2.svg") no-repeat;
    background-size: 100%;
    right: 5px;
}

.param_box {
    margin: 0 0 29px;
}

.list_param {
    margin: 0 0 31px;
}

.list_param li {
    margin: 0 0 11px;
    display: flex;
    flex-wrap: wrap;
}

.list_param li span {
    display: block;
    width: 103px;
    color: #000;
    /* font-size: 12px; */
    font-weight: 400;
    /* line-height: 2; */
    line-height: 1.72;
    padding: 2px 0 0;
    font-size: 14px;
}

.list_param li strong {
    width: calc(100% - 103px);
    padding: 0 0 0 20px;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    display: block;
}

.param_box .list_info {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.param_box .list_info li {
    width: 33.3%;
    padding: 0 5px;
    margin: 0 0 10px;
}

.param_box .list_info span {
    display: block;
    margin: 0 0 0;
    color: #000;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
}

.param_box .list_info em {
    display: block;
    color: #80c700;
    /* font-size: 20px; */
    font-size: 28px;
    font-weight: 600;
    line-height: 1.4;
    font-style: normal;
    white-space: nowrap;
}

.product_page .sidebar_block .block {
    background: url("/local/templates/bania.3.0/img_new/rd_bg-28.jpg") no-repeat;
    background-size: cover;
    padding: 28px 33px 14px;
    margin: 0 0 11px;
}

.product_page .consult-form {
    padding: 0;
}

.product_page .consult-form legend {
    margin: 0 0 29px;
}

.product_page .consult-form legend:after {
    display: none;
}

.credit_block {
    padding: 31px 49px 30px;
    background: #f2f7f7;
    border-radius: 4px;
    margin: 0 0 0;
}

.credit_block .title_credit {
    display: block;
    margin: 0 0 12px;
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
}

.credit_block .list_credit {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px 11px;
    align-items: center;
    justify-content: space-between;
}

.list_credit li {
    padding: 0 5px;
    margin: 0 0 10px;
}

.credit_block .btn {
    font-size: 16px;
    line-height: 1;
    padding: 16px 10px;
    background: #00616e;
    border-radius: 4px;
    border: 1px solid #00616e;
    font-weight: 600;
}

.credit_block .btn:hover {
    background: #80c700;
    border: 1px solid #80c700;
}

.note_block {
    margin: 0 0 40px;
    padding: 33px 0 0;
}

.inner_note {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 60px;
}

.note_block .title_block {
    width: 36%;
    padding: 0 15px;
    margin: 0 0 30px;
}

.note_row {
    width: 64%;
    padding: 4px 15px 0;
    margin: 0 0 30px;
}

.note_box {
    padding: 42px 32px 39px 82px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-29.jpg") no-repeat;
    background-size: cover;
    border-radius: 4px;
}

.title_note {
    margin: 0 0 19px;
    display: block;
    color: #00616e;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
}

.dscr_note {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
}

.note_block .answer_box {
    margin: 0 0 0;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-30.jpg") no-repeat;
    background-size: cover;
    border-radius: 4px;
    padding: 50px 65px 33px 115px;
}

.note_block .inner_answer {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    align-items: center;
}

.note_block .answer_box .head_box {
    width: 60.5%;
    padding: 0 15px;
}

.note_block .answer_box .btn_holder {
    width: 39.5%;
    padding: 0 15px 19px;
}

.note_block .answer_box .head_box .title {
    display: block;
    margin: 0 0 22px;
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
}

.note_block .answer_box .head_box p {
    margin: 0;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
}

.note_block .answer_box .btn_holder .btn {
    font-size: 24px;
    line-height: 1;
    padding: 25px 10px;
}

.page_block {
    padding: 58px 0 50px;
}

.page_block .head_box {
    margin: 0 0 48px;
    align-items: flex-start;
}

.page_block.bg_color {
    padding-bottom: 14px;
}

.page_block .head_box.not_col {
    display: block;
}

.page_block .head_box.not_col .title_block {
    width: 100%;
}

.page_block .title_block {
    width: 50%;
    padding: 0 15px 0 0;
    margin: 0 0 30px;
}

.page_block .line {
    padding-bottom: 20px;
}

.page_block .dscr_box {
    width: 50%;
    padding-left: 15px;
    display: flex;
    flex-wrap: wrap;
}

.page_block .dscr_box .icon {
    display: block;
    width: 84px;
    height: 84px;
    background: #f2f7f7;
    border-radius: 50%;
    position: relative;
    margin: -5px 0 0;
}

.page_block .dscr_box .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.page_block .dscr_box .dscr {
    width: calc(100% - 84px);
    padding: 11px 0 0 29px;
    font-size: 20px;
    line-height: 1.4;
    color: #000;
    font-weight: 400;
}

.page_block .dscr_box .dscr strong {
    color: #00616e;
    font-weight: 600;
}

.page_block .title_list {
    margin: 0 0 53px;
    display: block;
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
}

.list_types {
    margin: 0 -15px 0;
    display: flex;
    flex-wrap: wrap;
}

.list_types li {
    width: 50%;
    padding: 0 15px;
    margin: 0 0 40px;
}

.list_types .inner_list {
    display: flex;
    flex-wrap: wrap;
}

.list_types .img_box {
    position: relative;
    width: 47.5%;
    border-radius: 4px;
    overflow: hidden;
}

.list_types .img_box img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.list_types .img_box:before {
    display: block;
    content: '';
    padding: 62.7% 0 0;
}

.list_types .dscr_list {
    width: 52.5%;
    padding: 0 0 0 30px;
    margin: -5px 0 0;
}

.list_types .title {
    display: block;
    margin: 0 0 38px;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
}

.list_types .btn {
    font-size: 16px;
    line-height: 1;
    padding: 16px 10px;
    max-width: 180px;
}

.list_types .consult_box {
    overflow: hidden;
    border-radius: 4px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-22.jpg") no-repeat;
    background-size: cover;
    padding: 37px 50px 24px 60px;
}

.list_types .inner_consult {
    display: flex;
    flex-wrap: wrap;
}

.list_types .consult_box .title {
    margin: 0 0 14px;
    width: 100%;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25;
    text-transform: none;
}

.list_types .consult_box .head_box {
    width: 50%;
    padding: 0 15px 0 0;
    margin: 0 0 15px;
}

.list_types .consult_box .head_box p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
}

.list_types .consult_box .btn_holder {
    width: 50%;
    padding: 0 0 0 15px;
    margin: 0 0 15px;
}

.page_block .row {
    display: flex;
    flex-wrap: wrap;
}

.page_block .col-50 {
    float: none;
    width: 50%;
}

.page_block .list_info li {
    margin: 0 0 42px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.page_block .list_info .icon {
    width: 140px;
    text-align: center;
}

.page_block .list_info .dscr_list {
    width: calc(100% - 140px);
}

.view_box {
    text-align: center;
    margin: -21px 0 0;
}

.view_box.change_1 {
    margin-right: -116px;
}

.list_views {
    display: flex;
    flex-wrap: wrap;
    margin: -15px -15px 0;
}

.list_views li {
    width: 50%;
    padding: 0 15px;
    margin: 0 0 30px;
}

.list_views .item_1 .inner_list {
    background: #f2f7f7;
}

.list_views .item_2 .inner_list {
    background: #f7f4f1;
}

.list_views .inner_list {
    border-radius: 4px;
    overflow: hidden;
    padding: 32px 74px 44px;
    width: 100%;
    height: 100%;
    position: relative;
}

.list_views .text {
    position: absolute;
    top: -16px;
    left: 0;
    opacity: 0.1;
    font-size: 80px;
    font-weight: 600;
    line-height: 1;
}

.list_views .item_1 .text {
    color: #00616e;
}

.list_views .item_2 .text {
    color: #bb8f63;
}

.list_views .title {
    display: block;
    margin: 0 0 15px;
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}

.list_views p {
    margin: 0;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.list_icon {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 24px;
}

.list_icon li {
    width: 50%;
    padding: 0 15px;
    margin: 0 0 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.list_icon .icon {
    width: 140px;
    text-align: center;
}

.list_icon .title {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    width: calc(100% - 140px);
}

.page_block .text_box {
    padding: 0 0 0 25%;
    margin: 0 0 70px;
}

.page_block .text_box .title {
    display: block;
    margin: 0 0 24px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
}

.page_block .text_box p {
    margin: 0 0 24px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.view_box.change_2 {
    margin: -95px -113px 0 0;
}

.view_box.change_3 {
    margin: -14px -78px 0 0;
}

.view_box.change_4 {
    margin: -21px 0 0 -70px;
}

.list_doors {
    margin: -12px 0 0;
}

.list_doors li {
    margin: 0 0 25px;
    display: flex;
    flex-wrap: wrap;
}

.list_doors .img_box {
    width: 47.5%;
    position: relative;
}

.list_doors .img_box img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.list_doors .img_box:before {
    display: block;
    content: '';
    padding: 68.5% 0 0;
}

.list_doors .dscr_list {
    width: 52.5%;
    padding: 12px 0 0 30px;
}

.list_doors .title {
    display: block;
    margin: 0 0 0;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    font-size: 16px;
    line-height: 1.5;
}

.list_doors p {
    margin: 0;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
}

.list_finishing {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 16px;
    align-items: center;
    padding: 6px 0 0;
}

.list_finishing li {
    width: 50%;
    padding: 0 15px;
    margin: 0 0 30px;
    display: flex;
    flex-wrap: wrap;
}

.list_finishing .icon {
    display: block;
    width: 84px;
    height: 84px;
    background: #f2f7f7;
    position: relative;
    border-radius: 50%;
}

.list_finishing .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.list_finishing .dscr_list {
    width: calc(100% - 84px);
    padding: 0 0 0 30px;
}

.list_finishing .title {
    display: block;
    margin: 0 0 17px;
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
}

.list_finishing p {
    margin: 0;
    line-height: 1.4;
    font-size: 20px;
    color: #000;
    font-weight: 400;
}

.list_finishing p strong {
    color: #00616e;
    font-weight: 600;
}

.page_block .list_sizes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 29px;
}

.page_block .list_sizes li {
    width: 50%;
    padding: 0 15px;
    margin: 0 0 30px;
    display: flex;
    flex-wrap: wrap;
}

.page_block .list_sizes .icon {
    display: block;
    width: 84px;
}

.page_block .list_sizes .dscr {
    width: calc(100% - 84px);
    padding: 0 0 0 30px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.example_box {
    padding: 58px 50px 59px;
    overflow: hidden;
    border-radius: 4px;
    background: url("/local/templates/bania.3.0/img_new/rd_img-81.jpg") no-repeat;
    background-size: cover;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 0 0 59px;
}

.example_box p {
    width: 58.5%;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
}

.communications_box {
    display: flex;
    flex-wrap: wrap;
    /* margin: 0 0 88px; */
    margin: 0 0 10px;
    align-items: center;
}

.communications_box .icon {
    width: 84px;
    height: 84px;
    background: #f2f7f7;
    border-radius: 50%;
    position: relative;
}

.communications_box .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.communications_box .dscr_box {
    width: calc(100% - 84px);
    padding: 0 0 0 30px;
    display: flex;
    flex-wrap: wrap;
}

.communications_box .dscr_box .title {
    display: block;
    width: 190px;
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
}

.communications_box .dscr_box p {
    margin: 0 0 0;
    line-height: 1.4;
    font-size: 20px;
    font-weight: 400;
    width: calc(100% - 190px);
    padding: 0 0 0 30px;
}

.communications_box .dscr_box p strong {
    color: #00616e;
    font-weight: 600;
}

.faq-box {
    padding: 50px 64px 51px 114px;
    margin: 0 0 0;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-31.jpg") no-repeat;
    background-size: cover;
    overflow: hidden;
    border-radius: 4px;
}

.faq-box .col-60 {
    padding: 0 15px;
    width: 60%;
}

.faq-box .col-40 {
    padding: 0 15px;
    width: 40%;
}

.faq-box .title {
    display: block;
    margin: 0 0 22px;
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
}

.faq-box .subtitle {
    display: block;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
    max-width: 100%;
    margin: 0;
    font-family: 'TT Firs Neue', serif;
}

.faq-box .btn-wrap {
    padding: 4px 0 0;
}

.faq-box .btn {
    font-size: 24px;
    padding: 24px 10px;
}

.faq-box .btn-wrap span {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.video_block {
    padding: 38px 0 10px;
}

.video_block .title_block {
    width: 100%;
    padding: 0;
    margin: 0 0 52px;
}

.video_block .video {
    margin: 0;
}

.video_block .video a {
    height: auto;
}

.product_page .projects {
    padding: 25px 0 58px;
}

.reviews_block {
    padding: 16px 0 83px;
}

.reviews_block .title_block {
    margin: 0 0 52px;
}

.reviews_box {
    padding: 33px 32px 19px;
    background: #f2f7f7;
    border-radius: 4px;
}

.list_reviews {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7px;
}

.list_reviews > li {
    padding: 0 7px;
    width: 33.3%;
    margin: 0 0 14px;
}

.list_reviews > li a {
    text-decoration: none;
}

.list_reviews .inner_reviews {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: #fff;
    padding: 37px 30px 32px 44px;
}

.list_reviews .logo_img {
    display: flex;
    align-items: center;
    margin: 0 0 26px;
    height: 39px;
}

.list_reviews .title {
    display: block;
    margin: 0 0 15px;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
    text-decoration: none;
}

.list_reviews .num_review {
    display: block;
    margin: 0 0 22px;
    color: #bb8f63;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
}

.list_reviews .rating {
    display: flex;
    flex-wrap: wrap;
}

.list_reviews .num {
    display: block;
    color: #00616e;
    font-size: 60px;
    font-weight: 400;
    line-height: 0.67;
    text-decoration: none;
}

.list_reviews .rating_list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin: 0 12px 0 0;
}

.list_reviews .rating_list li {
    margin: 0 7px 0 0;
}

.list_reviews .rating_list span,
.list_reviews .rating_list a {
    width: 29px;
    height: 27px;
}

.top-anhor {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    width: 72px;
    height: auto;
    background: transparent;
    right: 1.5%;
    padding: 38px 0 0;
    transition: all .2s linear;
}

.top-anhor:after {
    position: absolute;
    content: '';
    top: 0;
    left: 12px;
    width: 45px;
    height: 45px;
    border-top: 4px solid #000;
    border-right: 4px solid #000;
    transform: rotate(-45deg);
    transition: all .2s linear;
}

.top-anhor:hover {
    color: #80c700;
}

.top-anhor:hover:after {
    border-color: #80c700;
}

/* lp style */

.visual_box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 51px;
    padding: 25px 0 0;
}

.visual_inner {
    width: calc(100% - 370px);
    padding: 0 58px 0 0;
}

.visual_box .img_box {
    overflow: hidden;
    border-radius: 4px;
    position: relative;
}

.visual_box .img_box img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.visual_box .img_box:before {
    display: block;
    content: '';
    padding: 52.5% 0 0;
}

.visual_box .dscr_box {
    width: 370px;
    margin: -7px 0 0;
}

.visual_box .dscr {
    margin: 0 0 52px;
    font-size: 20px;
    line-height: 1.5;
    color: #000;
    font-weight: 400;
}

.visual_box .dscr strong {
    color: #00616e;
    font-weight: 600;
}

.lp_page .advantage_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 51px;
}

.lp_page .advantage_list li {
    width: 20%;
    padding: 0 15px;
    margin: 0 0 30px;
    text-align: center;
}

.lp_page .advantage_list .icon {
    display: block;
    width: 84px;
    height: 84px;
    background: #f2f7f7;
    margin: 0 auto 31px;
    position: relative;
    border-radius: 50%;
}

.lp_page .advantage_list .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lp_page .advantage_list .title {
    display: block;
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25;
}

.consist_block {
    padding: 58px 0 30px;
}

.list_consist {
    margin: -4px 0 0;
    columns: 2;
}

.list_consist li {
    margin: 0 0 53px;
}

.list_consist .num {
    display: block;
    margin: 0 0 20px;
    color: #00616e;
    font-size: 60px;
    font-weight: 400;
    line-height: 1;
}

.list_consist .dscr {
    font-size: 18px;
    line-height: 1.45;
    color: #000;
    font-weight: 400;
}

.list_consist .dscr strong {
    color: #00616e;
    font-weight: 600;
}

.visual_consist {
    position: relative;
}

.visual_consist .img_box {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.visual_consist .img_box img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    object-fit: cover;
}

.visual_consist .img_box:before {
    display: block;
    content: '';
    padding: 86.5% 0 0;
}

.list_num li {
    position: absolute;
    width: 64px;
    height: 64px;
    background: #fff;
    border-radius: 50%;
    border: 11px solid #80c700;
    justify-content: center;
    display: flex;
    align-items: center;
    color: #00616e;
    font-size: 30px;
    font-weight: 400;
    line-height: 0.87;
}

.list_num .ln_1 {
    top: 46.5%;
    left: 33%;
}

.list_num .ln_2 {
    bottom: 5%;
    right: 10.5%;
}

.list_num .ln_3 {
    bottom: 9.5%;
    left: 41%;
}

.list_num .ln_4 {
    bottom: 30%;
    left: 10%;
}

.list_num .ln_5 {
    top: 6%;
    left: 43.5%;
}

.list_num .ln_6 {
    top: 30.5%;
    left: 15.5%;
}

.types_wood_block {
    padding: 57px 0 32px;
    position: relative;
    z-index: 0;
}

.types_wood_block:after {
    position: absolute;
    content: '';
    width: 100vw;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: url("/local/templates/bania.3.0/img_new/rd_bg-32.jpg") no-repeat;
    background-size: cover;
    z-index: -1;
}

.wood_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -35px 0 -15px;
}

.wood_list li {
    width: 33.3%;
    flex: 0 0 33.3%;
    padding: 0 15px;
    margin: 0 0 57px;
    display: flex;
    flex-wrap: wrap;
}

.wood_list .img_box {
    width: 40.5%;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    align-self: start;
}

.wood_list .img_box img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.wood_list .img_box:before {
    display: block;
    content: '';
    padding: 100% 0 0;
}

.wood_list .dscr_list {
    width: 59.5%;
    padding: 0 0 0 24px;
    margin: -3px 0 0;
}

.wood_list .title {
    display: block;
    margin: 0 0 21px;
    color: #000;
    font-size: 16px;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 600;
}

.wood_list .price {
    margin: 0 0 26px;
    display: block;
    font-weight: 700;
    color: #000;
    font-size: 16px;
    line-height: 1.2;
    text-transform: uppercase;
}

.wood_list .btn {
    max-width: 180px;
    font-weight: 600;
    font-size: 16px;
    padding: 16px 10px;
}

.types_block {
    padding: 87px 0 49px;
}

.types_block .list_types .img_box {
    margin: -20px 0 0;
}

.types_block .list_types .img_box:before {
    padding: 70.5% 0 0;
}

.version_block {
    padding: 55px 0 53px;
}

.version_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.version_list li {
    width: 25%;
    padding: 0 15px;
    margin: 0 0 30px;
    text-align: center;
}

.version_list .img_box {
    position: relative;
    margin: 0 auto 32px;
    overflow: hidden;
    border-radius: 50%;
    max-width: 150px;
}

.version_list .img_box img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.version_list .img_box:before {
    display: block;
    content: '';
    padding: 100% 0 0;
}

.version_list .subtitle {
    display: block;
    margin: 0 0 0;
    color: #111;
    line-height: 1.4;
    font-size: 16px;
    font-weight: 400;
}

.version_list .name {
    display: block;
    color: #111;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    padding: 0 5px;
}

.flue_block {
    padding: 87px 0 20px;
}

.deco_block .head_box,
.flue_block .head_box {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0 0 48px;
}

.deco_block .title_block,
.flue_block .title_block {
    width: 34.5%;
}

.deco_block .dscr_box,
.flue_block .dscr_box {
    width: 65.5%;
    padding: 0 0 0 30px;
    margin: -3px 0 0;
}

.flue_block .head_box .dscr {
    color: #000;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5;
}

.flue_block .head_box .dscr strong {
    color: #00616e;
    font-weight: 600;
}

.flue_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.flue_list li {
    width: 25%;
    padding: 0 15px;
    margin: 0 0 30px;
    text-align: center;
}

.flue_list .icon_img {
    display: block;
    margin: 0 0 22px;
    position: relative;
    min-height: 265px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 0;
}

.flue_list .icon_img:after {
    position: absolute;
    content: '';
    z-index: -1;
    width: 190px;
    height: 190px;
    background: #80c700;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.flue_list .title {
    margin: 0 0 14px;
    display: block;
    color: #111;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}

.flue_list .dscr {
    color: #111;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.deco_block {
    padding: 29px 0 30px;
}

.deco_block .head_box {
    margin: 0;
}

.deco_block .dscr_box {
    margin: 0 0 0;
    padding: 4px 0 0 30px;
}

.deco_block .notice {
    padding: 39px 72px 42px 81px;
    margin: 0 0 35px;
    border-radius: 4px;
}

.deco_block .notice.red {
    background: url("/local/templates/bania.3.0/img_new/rd_bg-17.jpg") no-repeat;
    background-size: cover;
}

.deco_block .notice strong {
    display: block;
    margin: 0 0 16px;
    color: #bb8f63;
    font-family: 'TT Firs Neue', serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    text-transform: uppercase;
}

.deco_block .notice p {
    margin: 0;
    color: #000;
    font-family: 'TT Firs Neue', serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
}

.deco_list .item_list {
    margin: 0 0 9px;
    border-radius: 4px;
    padding: 56px 68px 56px 71px;
}

.deco_list .item_list.blue {
    background: #f2f7f7;
}

.deco_list .item_list.green {
    background: #ecf7d9;
}

.deco_list .item_list.red {
    background: #f7f4f1;
}

.deco_list .item_list.grey {
    background: #f8fbfb;
}

.deco_list .inner_item {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.deco_list .img_wrap {
    width: 50%;
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap;
}

.deco_list .deco_dscr {
    width: 50%;
    padding: 0 15px;
}

.deco_list .item_list:nth-child(odd) .img_wrap {
    order: 2;
    justify-content: flex-end;
}

.deco_list .item_list:nth-child(odd) .deco_dscr {
    order: 1;
}

.deco_list .img_box {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    max-width: 435px;
    width: 100%;
    align-self: start;
}

.deco_list .img_box img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.deco_list .img_box:before {
    display: block;
    content: '';
    padding: 76% 0 0;
}

.deco_list .deco_dscr {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}

.deco_list .deco_dscr .title {
    display: block;
    margin: -4px 0 18px;
    color: #000;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.17;
}

.deco_list .list {
    margin: 0 0 25px;
}

.deco_list .list li {
    margin: 0 0 14px;
    padding: 0 0 0 41px;
    position: relative;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.45;
    background: none;
}

.deco_list .list li:after {
    position: absolute;
    content: '';
    top: 12px;
    left: 2px;
    width: 17px;
    height: 3px;
    background: #80c700;
}

.deco_list .btn {
    font-weight: 600;
    font-size: 16px;
    padding: 16px 10px;
    max-width: 180px;
}

.lp_works_block {
    padding: 47px 0 0;
}

.lp_works_block .title_block {
    margin: 0 0 52px;
}

.lp_works_block .our_works_list {
    display: block;
    margin: 0 -43px 86px;
}

.lp_works_block .our_works_list .item_works {
    width: auto;
    flex: 1 0 394px;
    padding: 0 6px;
}

.lp_works_block .gallery:before,
.lp_works_block .gallery:after {
    width: 31px;
}

.lp_works_block .our_works_list .btn {
    color: #fff;
}

.lp_works_block .our_works_list .gallery-button-prev,
.lp_works_block .our_works_list .gallery-button-next {
    top: 113px;
}

.lp_works_block .faq-box {
    margin: 0 0 91px;
}

.lp_works_block .faq-box .row {
    display: flex;
    flex-wrap: wrap;
}

.lp_works_block .advantage_list li {
    width: 25%;
}

.tags_list {
    margin: 0 0 30px;
    border-bottom: 1px solid rgba(237, 239, 238, 1);
    display: flex;
    flex-wrap: wrap;
    padding: 2px 0 10px; }
.tags_list li:not(.main-menu-item_more) {
   min-width: 160px; }
.tags_list li a {
	width: calc(100% - 10px);
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
	padding: 15px 20px;
	background: #EDEFEE;
	color: #151616;
	border-radius: 8px;
	font-weight: 500;
	font-size: 14px;
	line-height: 16.8px;
    display: inline-block;
	text-decoration: none;
	transition: 0.5s; }
.tags_list-more a {
	min-width: auto !important; }
.tags_list li a:hover {
    background: #ddd; }

.sizes_box {
    padding: 29px 15px 15px 21px;
    background: #f8fbfb;
    border-radius: 4px; }
.sizes_box .title_size {
    display: block;
    margin: 0 0 27px;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 1; }

.filter .sizes_list {
    display: flex;
    flex-wrap: wrap;
    columns: 1;
    column-gap: 0; }
.filter .sizes_list li {
    margin: 0 7px 7px 0; }
.filter .sizes_list a {
    display: block;
    padding: 12px 8px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    background: #cddee0;
    border-radius: 4px;
    transition: all .2s linear; }
.filter .sizes_list .active a,
.filter .sizes_list a:hover {
    color: #fff;
    background: #80c700; }
.filter .sizes_list .active a {
    font-weight: 600;
    font-family: 'TT Firs Neue', serif; }

.unique_text_block {
    padding: 88px 0 53px;
}

.unique_text_block .title_box {
    font-family: 'TT Firs Neue', serif;
    margin: 0 0 25px;
    color: #000;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.125;
}

.unique_text_block p {
    margin: 0 0 28px;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.56;
}

/* works page */
.works_page {
    padding: 24px 0 0;
    margin: 0 0 -40px;
}

.works_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 0;
}

.item_works {
    width: 33.3%;
    padding: 0 15px;
    margin: 0 0 27px;
}

.item_works .img {
    margin: 0 0 14px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.item_works .img img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.item_works .img:before {
    display: block;
    content: '';
    padding: 59.5% 0 0;
}

.desc_works .title {
    display: block;
    margin: 0 0 8px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
}

.desc_works .title a {
    color: #000;
    text-decoration: none;
    transition: all .2s linear;
}

.desc_works .title a:hover {
    color: #80c700;
}

.desc_works .place {
    display: block;
    color: #bb8f63;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
}

.works_another_view {
    margin: 0 -15px 0;
}

.works_another_view:after {
    content: '';
    display: block;
    clear: both;
}

.works_another_view .item_works {
    float: left;
    margin: 0 0 15px;
}

.works_another_view .item_works.big {
    width: 66.7%;
    float: right;
}

.works_another_view .inner_item {
    position: relative;
}

.works_another_view .img:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(to top, rgba(0, 97, 110, 0.81) 0%, transparent 60%, transparent 100%);
    z-index: 0;
}

.works_another_view .desc_works {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    padding: 0 27px 19px;
}

.works_another_view .desc_works .title {
    margin: 0 0 11px;
}

.works_another_view .desc_works .title a {
    color: #fff;
}

.works_another_view .big .img:before {
    padding: 60.7% 0 0;
}

.works_another_view .big .desc_works {
    padding: 0 38px 33px;
}

.works_another_view .big .title {
    font-size: 20px;
    line-height: 1.4;
    margin: 0 0 9px;
}

.works_another_view .big .place {
    font-size: 14px;
}

.works_page .paging {
    margin-top: 5px;
}

/* end works page */

/* card2 page */
.example_home_box {
    display: flex;
    flex-wrap: wrap;
    margin: -64px 0 85px;
    align-items: center;
}

.example_home_box .img_box {
    width: 50%;
}

.example_home_box .text_box {
    width: 50%;
    padding: 0 0 0 15px;
    position: relative;
}

.example_home_box .text_box:after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    right: 0;
    left: -210px;
    background: #f7f4f1;
    border-radius: 4px;
    z-index: -1;
}

.example_home_box .inner_box {
    font-size: 20px;
    line-height: 1.4;
    color: #000;
    padding: 45px 15px 45px 0;
}

.example_home_box .inner_box strong {
    color: #00616e;
    font-weight: 600;
}

.specifications_box {
    margin: 97px 0 0;
}

.specifications_box .head_box {
    margin: 0 0 88px;
}

.specifications_box .title_list {
    margin: 0 0 71px;
}

.specifications_box .list_info {
    margin: 0 0 57px;
}

.specifications_box .list_info li {
    margin: 0 0 47px;
}

.view_box.change_5 {
    margin: -26px 0 0 -70px;
}

.subtitle_list {
    margin: -25px 0 43px;
    color: #000;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
}

.subtitle_list strong {
    color: #00616e;
    font-weight: 600;
}

.view_box.change_6 {
    margin: 61px -38px 0 0;
}

.finishing_block .head_box {
    margin: 0 0 32px;
}

.finishing_box {
    padding: 59px 71px 60px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-33.jpg") no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    border-radius: 4px;
    margin: 0 0 49px;
}

.finishing_box .inner_box {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0 -15px;
}

.finishing_box .inner_box strong {
    display: block;
    width: 50%;
    padding: 0 15px 0;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
}

.finishing_box .inner_box span {
    display: block;
    width: 50%;
    padding: 3px 15px 0;
    color: #000;
    font-size: 16px;
    line-height: 1.5;
}

.dscr_doors {
    display: flex;
    flex-wrap: wrap;
    padding: 25px 0 0;
}

.dscr_doors .icon {
    width: 84px;
    height: 84px;
    background: #f2f7f7;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.dscr_doors .dscr {
    width: calc(100% - 84px);
    padding: 15px 0 0 29px;
}

.dscr_doors p {
    margin: 0 0 44px;
    font-size: 20px;
    line-height: 1.4;
}

.dscr_doors p strong {
    color: #00616e;
    font-weight: 600;
}

.dscr_doors span {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    max-width: 270px;
}

.view_box.change_7 {
    margin: -102px -80px -22px -5px;
}

.list_finishing.change_1 {
    align-items: flex-start;
}

.list_finishing.change_1 li:last-child {
    margin: 29px 0 30px;
}

.dscr_box.change_1 {
    margin: 0 0 0;
}

.dscr_box.change_1 .dscr {
    padding-top: 0;
}

.dscr_box .title_dscr {
    margin: 0 0 16px;
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
    text-transform: none;
    min-height: auto;
}

.branch_box {
    padding: 6px 0 0;
}

.item_branch {
    margin: 0 -15px 72px;
    display: flex;
    flex-wrap: wrap;
}

.img_branch,
.text_branch {
    width: 50%;
    padding: 0 15px;
}

.img_branch {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 0 38px 0 15px;
}

.list_check li {
    margin: 0 0 53px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.list_check .icon {
    display: block;
    width: 138px;
    text-align: center;
}

.list_check .dscr {
    color: #000;
    font-size: 16px;
    line-height: 1.5;
    width: calc(100% - 138px);
}

.list_check .dscr strong {
    color: #00616e;
    font-weight: 600;
}

.item_branch:nth-child(even) .img_branch {
    order: 1;
    justify-content: flex-start;
    padding: 0 15px;
}

.item_branch:nth-child(even) .text_branch {
    order: 2;
}

.item_branch .dscr_doors {
    padding: 0;
}

.item_branch .dscr_doors .dscr {
    padding-top: 0;
    margin: -4px 0 0;
}

.item_branch .dscr_doors .title {
    margin: 0 0 16px;
    display: block;
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
}

/* end card2 page */
.options_block .price .favorites.favorites-active {
    background: url("/local/templates/bania.3.0/img_new/icon_fav-3.svg") no-repeat;
    background-size: 100%;
}

/* pop-up callback */
.fancybox-bg {
    background: rgba(0, 97, 110, .96);
}
.fancybox-is-open .fancybox-bg { opacity: 1; }

.callback-box {
    width: 100%;
    max-width: 570px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    z-index: 0;
}

.callback-box:after {
    position: absolute;
    content: '';
    top: -156px;
    left: -156px;
    width: 230px;
    height: 258px;
    background: #000;
    transform: rotate(45deg);
    z-index: -1;
}

/*.callback-box:before {
    position: absolute;
    content: '';
    bottom: -140px;
    right: -125px;
    width: 230px;
    height: 258px;
    background: #80c700;
    transform: rotate(45deg);
    z-index: -1;
}*/
.callback-box:before {
    z-index: -1;
    position: absolute;
    content: '';
    bottom: 0px;
    right: 0px;
    border: 80px solid transparent; border-right: 80px solid #80c700; border-bottom: 80px solid #80c700;
}

.callback-box .fancybox-close-small {
    padding: 0;
    width: 37px;
    height: 37px;
    top: 22px;
    right: 22px;
}

.callback-box .fancybox-close-small:after,
.callback-box .fancybox-close-small:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -2px;
    height: 50px;
    width: 4px;
    border-radius: 1px;
}

.callback-box .fancybox-close-small:after {
    background: #000;
    transform: rotate(45deg);
}

.fancybox-close-small:before {
    background: #80c700;
    transform: rotate(-45deg);
}

.callback-box .fancybox-button svg {
    display: none;
}

.callback-box .recall {
    padding: 14px 64px 30px;
    background: transparent;
}

.callback-box .recall legend {
    text-align: center;
    color: #000;
    font-size: 40px;
    font-weight: 400;
    line-height: 1.15;
    margin: 0 0 31px;
}

.callback-box .recall div.resut-form-row {
    text-align: center;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    margin: 40px 0 40px;
}

.callback-box .recall p {
    padding: 0;
    background: none;
    text-align: center;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
}

.callback-box .recall .col + .col,
.callback-box .recall .col {
    float: none;
    width: 100%;
}

.callback-box .recall .col + .col {
    padding: 12px 0 0;
}

.callback-box .recall label {
    display: none;
}

.callback-box .recall input[type=text] {
    height: 75px;
    background: #f2f7f7;
    border: 1px solid #f2f7f7;
    border-radius: 5px;
    margin: 0 0 0;
    color: #000;
    /* font-size: 16px; */
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    font-family: 'TT Firs Neue', serif;
}

.callback-box .recall input[type=submit] {
    width: 100%;
    height: 75px;
    background: #80c700;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    text-transform: none;
    display: block;
    margin: 0 0 21px;
}

.callback-box .recall span {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.58;
    text-align: center;
    color: #000;
}

.callback-box .recall span a {
    color: #00616e;
    text-decoration: underline;
}

.callback-box .recall span a:hover {
    text-decoration: none;
}

/* end pop-up callback */

/*begin header*/
#header .mob-social-icons {
    display: none;
}

/*end header*/
@media screen and (max-width: 1300px) {
    .gallery-button-prev,
    .gallery-button-next {
        right: 0;
    }

    .gallery-button-prev {
        left: 0;
    }

    .gallery {
        margin: 0 -15px;
        padding: 0;
    }

    .gallery:before,
    .gallery:after {
        display: none;
    }

    /* lp style */
    .lp_works_block .our_works_list {
        margin: 0 -15px 86px;
    }

    /* end lp style */
    /* card2 page */
    .view_box.change_7 {
        margin: -102px -10px -22px -5px;
    }

    /* end card2 page */
}

@media screen and (max-width: 1200px) {
    .nav li {
        margin: 0 30px 0 0;
    }

    .list_history .dscr {
        padding: 0;
    }

    /* lp style */
    .wood_list {
        margin: 0 -15px;
    }

    /* end lp style */
    .product .options_block .price strong {
        font-size: 36px;
    }
}

@media screen and (max-width: 1170px) {
    #wrapper {
        padding: 100px 0 0;
    }

    .logo {
        top: 15px;
    }

    .slogan {
        top: 80px;
        left: 80px;
    }

    #navigation .search {
        top: 110px;
        right: 24px;
        left: 20px;
        position: absolute;
        margin: 0 0 30px;
        width: auto;
    }

    #navigation .search .search-form {
        height: 46px;
    }

    #navigation .search .search-form input {
        width: calc(100% - 35px);
        height: 40px;
        padding: 10px 20px;
    }

    #navigation .search a {
        display: none;
    }

    #navigation .search .search-form button {
        right: 0;
        height: 40px;
        width: 35px;
        background-position: 50% 50%;
        background-size: 20px 20px;
    }

    #header .soc_box,
    .favorite {
        display: none;
    }

    .social-block span {
        font-size: 14px;
    }

    .favorite.show_m {
        display: block;
        top: 50px;
        right: 15px;
    }

    .sab-nav li a {
        font-size: 16px;
        font-family: 'TT Firs Neue', serif;
    }

    .nav li.arrow a:after, .sab-nav > li > a:before {
        top: 11px;
    }

    .nav {
        margin: 0 0 30px;
        padding-bottom: 20px;
    }

    .nav li a {
        text-transform: none;
        font-weight: 400;
        line-height: 1.875;
        font-size: 16px;
    }

    .our_projects .inner_list {
        padding: 47px 25px 51px;
    }

    .about_block,
    .video_tabs,
    .our_works_block,
    .slider_block,
    .popular_block,
    .certificate_block,
    .info_block,
    .works_block {
        width: 100%;
    }

    .gallery,
    .works_block .gallery {
        margin: 0;
        width: 100%;
    }

    .gallery-holder {
        overflow: visible;
    }

    .gallery-item {
        flex: 1 0 350px;
        margin: 0 30px 0 0;
        padding: 0;
    }

    #footer .contacts li {
        margin: 0 0 10px;
    }

    #footer .contacts li:nth-child(2) {
        margin: 0 23px 10px auto;
    }

    #footer .footer:after {
        left: -20px;
        right: -20px;
        width: auto;
        transform: none;
    }

    .articles-box .gallery-item {
        padding: 0 15px;
        margin: 0;
    }

    .useful_box .share li {
        margin: 0 15px 10px 0;
    }

    .video_section .gallery:before,
    .video_section .gallery:after {
        display: none;
    }

    .filter ul {
        columns: 1;
    }

    .projects .items .item,
    .projects-block .projects .items .item:nth-child(3n+3) {
        margin: 0 0 28px;
    }

    .works_block .gallery {
        margin: 0 0 40px;
    }

    .projects .items .item .favorite {
        display: block;
    }

    .sidebar_block {
        width: 300px;
    }

    .rubric_box {
        padding: 32px 20px 27px;
    }

    .sidebar_block .block {
        padding: 13px 3px 11px;
    }

    .discussion_box {
        padding: 31px 20px 5px;
    }

    .article-info,
    .articles_block {
        width: calc(100% - 300px);
    }

    .holder_box button {
        width: 300px;
    }

    .title_team {
        font-size: 34px;
    }

    .about_page .about_text .text {
        padding: 0 0 0 20px;
    }

    .product_page .information {
        padding: 0 30px 0 0;
        width: calc(100% - 300px);
    }

    .list_reviews .inner_reviews {
        padding: 37px 20px 32px;
    }

    .product_page .sidebar_block .block {
        padding: 28px 15px 14px;
    }

    .credit_block {
        padding: 31px 25px 30px;
    }

    .plans-box {
        padding: 36px 20px 50px;
    }

    /* lp style */
    .lp_works_block .our_works_list {
        margin: 0 0 86px;
    }

    /* end lp style */
}

@media screen and (max-width: 1100px) {
    .list_history .dscr {
        font-size: 18px;
    }

    /* .product_page .slideshow-button-prev{
        right: 40px;
    } */
    .list_reviews .num {
        font-size: 50px;
    }

    .list_reviews .rating_list {
        margin: 0;
    }

    /* lp style */
    .visual_inner {
        padding: 0 30px 0 0;
    }

    /* end lp style */
}

@media screen and (max-width: 1024px) {
    .projects-block .projects .items .item:nth-child(4n+4),
    .projects .items .item {
        width: 50%;
    }

    .projects .items .price {
        display: block;
        width: 100%;
        text-align: center;
    }

    .mob-filter .bx-filter {
        min-width: auto;
    }

    .title_team {
        width: 100%;
        max-width: 100%;
    }

    .team_dscr,
    .team_box .staff_block {
        width: 100%;
    }

    .team_box .staff_block {
        margin: 0;
    }

    .team_dscr {
        margin: 0 0 30px;
    }

    .title_team {
        margin: 0 0 28px;
    }

    .text_team {
        padding: 0;
    }

    .img_text {
        left: 20px;
        right: 20px;
        font-size: 24px;
    }

    .map_block .map {
        width: 70%;
    }

    .address_box {
        width: 30%;
    }

    .requisites_box {
        width: 60%;
    }

    .requisites_faq {
        width: 40%;
    }

    .faq_box:after {
        left: -100px;
    }

    .faq_form {
        padding: 34px 25px 35px;
    }

    .call_form {
        padding: 42px 44px 44px 52px;
    }

    .list_history .num {
        font-size: 50px;
    }

    .list_history .dscr {
        min-height: 122px;
    }

    .list_history .dscr {
        font-size: 16px;
    }

    .order_plans .head_plans {
        font-size: 36px;
    }

    .note_block .answer_box {
        padding: 50px 40px 33px;
    }

    .list_icon li {
        width: 100%;
    }

    .faq-box {
        padding: 50px 40px 51px;
    }

    .list_reviews > li {
        width: 50%;
    }

    /* lp style */
    .lp_page .advantage_list .title {
        font-size: 20px;
    }

    /* end lp style */
}

@media screen and (max-width: 960px) {
    .our_projects .item_list {
        width: 50%;
        margin: 0 0 30px;
    }

    .our_projects .inner_list {
        width: 100%;
        padding: 22px 25px 21px;
    }

    .info-title {
        margin-bottom: 32px;
        font-size: 26px;
    }

    .info-list li {
        width: 50%;
    }

    .about_block .col-50 {
        width: 100%;
        margin: 0 0 50px;
    }

    .our_works_list .item_works,
    .popular_list .popular_item {
        width: 50%;
    }

    .info_block .info_box {
        display: block;
    }

    .text_info {
        padding: 0;
        width: 100%;
        margin: 0;
    }

    .info_block .visual {
        margin: 0 auto 30px;
        width: 100%;
        max-width: 331px;
    }

    #footer .row {
        padding: 0 0 12px;
    }

    #footer .row .col-25 {
        width: 50%;
    }

    #footer .nav_row .col-25 {
        order: 2;
        width: 100%;
    }

    #footer .nav_row .col-75 {
        order: 1;
        width: 100%;
    }

    #footer .soc_box {
        margin: 0 0 10px;
    }

    .dev_list {
        display: flex;
        flex-wrap: wrap;
    }

    .dev_list li {
        margin: 0 10px 5px 0;
    }

    #footer .slogan {
        margin: 9px 0 30px;
    }

    .articles .item.col-25 {
        width: 25% !important;
    }

    .articles .item.col-50 {
        width: 50% !important;
    }

    .wrap-catalog {
        padding: 43px 0 0;
        width: auto;
        margin: 0;
    }

    .wrap-catalog .filter,
    .projects-block {
        width: 100%;
    }

    .projects-block {
        padding: 0;
    }

    .wrap-catalog .filter {
        margin: 0 0 30px;
    }

    .mob-nav-filter {
        background: #fff;
        border: 1px solid #dbdedf;
        border-radius: 4px;
        height: 43px;
        line-height: 41px;
        display: block;
    }

    .mob-filter {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        padding: 124px 83px 34px;
        overflow-y: auto;
        background: #fff;
        height: 100%;
        z-index: 100;
        transform: translate3d(-150%, 0, 0);
        transition: transform .3s ease;
    }

    .filter-form {
        position: relative;
    }

    .catalog-sections-box {
        display: none;
    }

    .mob-nav-filter i {
        width: 26px;
        height: 26px;
        background: url(/local/templates/bania.3.0/images/icon-filter.svg) no-repeat;
        -webkit-background-size: 100%;
        background-size: 100%;
        display: inline-block;
        vertical-align: middle;
        line-height: 41px;
        font-size: 26px;
        margin-right: 15px;
    }

    .active-filter .mob-filter {
        transform: translate3d(0, 0, 0);
    }

    .filter-form .hide-d {
        display: block;
    }

    .close-filter {
        position: absolute;
        top: 10px;
        right: 0;
        width: 11px;
        height: 11px;
        background: url(/local/templates/bania.3.0/images/icon-close.png) no-repeat;
        -webkit-background-size: 100%;
        background-size: 100%;
    }

    .filter-form .hide-d {
        display: block;
    }

    .filter-form .sort-box {
        display: block;
        margin: 0 0 30px;
        position: relative;
    }

    .sort-box .angle {
        position: absolute;
        top: 3px;
        right: 3px;
        width: 41px;
        bottom: 3px;
        background: #fff;
        border-radius: 0 4px 4px 0;
    }

    .sort-box .angle:after {
        position: absolute;
        content: '';
        top: 50%;
        left: 50%;
        width: 8px;
        height: 8px;
        border-bottom: 2px solid #80c700;
        border-right: 2px solid #80c700;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        margin: -5px 0 0 -4px;
        pointer-events: none;
    }

    .sort-box select {
        color: #13141c;
        border: 3px solid #cddee0;
        border-radius: 4px;
        color: #000;
        font-size: 16px;
        font-weight: 400;
        line-height: 1;
        padding: 0 20px;
        background: #fff;
        height: 50px;
        display: block;
        width: 100%;
    }

    .title_filter {
        display: none;
    }

    .title-filter {
        display: block;
        margin: 0 0 30px;
        text-align: center;
        color: #000;
        font-family: 'TT Firs Neue', serif;
        font-size: 20px;
        font-weight: 500;
        line-height: 1;
    }

    .sort + .projects {
        padding-right: 0;
        padding-top: 10px;
    }

    .projects-block .projects .items .item:nth-child(4n+4),
    .projects .items .item {
        width: 33.3%;
    }

    .seo_block .img {
        text-align: center;
    }

    .sidebar_block {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin: 0 0 50px;
    }

    .rubric_box {
        width: calc(50% - 10px);
        margin: 0 10px 12px 0;
    }

    .sidebar_block .block {
        width: calc(50% - 10px);
        margin: 0 0 12px 10px;
        display: flex;
        align-items: center;
    }

    .discussion_box {
        width: 100%;
    }

    .article-info {
        width: 100%;
        padding: 0;
    }

    .article .author {
        margin: 0;
    }

    .sidebar_block .consult-form legend {
        padding: 0 17px;
    }

    .articles_block {
        width: 100%;
        padding: 0;
        margin: 0 0 50px;
    }

    .articles .item:first-child,
    .articles .item {
        width: 50% !important;
    }

    .map_block .map {
        width: 60%;
    }

    .address_box {
        width: 40%;
    }

    .contacts_block .contacts_list {
        width: 350px;
    }

    .contacts_dscr {
        padding: 0 0 0 20px;
    }

    .contacts_block .img_box {
        width: calc(100% - 350px);
    }

    .about_page .staff_text,
    .about_page .staff_box {
        width: 100%;
    }

    .list_advantage li {
        width: 50%;
    }

    .list_advantage .title {
        font-size: 20px;
    }

    .gallery_box {
        grid-template-columns: repeat(auto-fill, minmax(217px, 1fr));
    }

    .product_page h1 {
        max-width: 100%;
        font-size: 50px;
    }

    .product_page .information {
        padding: 0;
        width: 100%;
    }

    .product_page .sidebar_block {
        justify-content: space-between;
        margin: 0;
    }

    .options_block {
        margin: 0;
        width: calc(50% - 10px);
    }

    .product_page .block {
        width: 100%;
    }

    .inner_sidebar {
        width: calc(50% - 10px);
    }

    .note_block .title_block,
    .note_row {
        width: 100%;
    }

    .list_types .consult_box {
        padding: 37px 20px 24px;
    }

    .list_views .inner_list {
        padding: 32px 34px 44px;
    }

    /* lp style */
    .visual_inner {
        width: 100%;
        margin: 0 0 30px;
        padding: 0;
    }

    .visual_box .dscr_box {
        width: 100%;
        margin: 0;
    }

    .lp_page .advantage_list {
        justify-content: center;
    }

    .lp_page .advantage_list li {
        width: 33.3%;
    }

    .consist_block .row {
        display: flex;
        flex-wrap: wrap;
    }

    .consist_block .first {
        order: 2;
    }

    .consist_block .last {
        order: 1;
        margin: 0 0 50px;
    }

    .wood_list li {
        width: 50%;
        flex: 0 0 50%;
    }

    .deco_list .item_list {
        padding: 40px 30px;
    }

    /* end lp style */
    .sizes_box {
        display: none;
    }
}

@media screen and (max-width: 890px) {
    .menu-holder {
        width: 100%;
        padding: 0;
    }

    .all_show:after {
        bottom: 4px;
    }

    .articles .item.col-25,
    .articles .item.col-50 {
        width: 100% !important;
    }

    .articles .item .visual .img:before,
    .articles-box .visual .img:before {
        padding: 45% 0 0;
    }

    .articles .item.col-50 .visual,
    .articles .item.col-50 .visual .img {
        width: auto;
        height: auto;
    }

    .articles .item.col-50 .visual .img:before {
        padding: 50% 0 0;
    }

    .articles .item.col-25 .date_box .share {
        justify-content: flex-start;
    }

    .articles .item .date_box .share li {
        margin: 0 15px 10px 0;
    }

    .articles .item.col-25 .date_box .date,
    .articles .item.col-25 .date_box .share,
    .articles-box .date_box .share {
        width: auto;
    }

    .articles-box .gallery-item {
        width: 100%;
    }

    .articles-box .date_box .share li {
        margin: 0 15px 10px 0;
    }

    .articles-box h4 {
        min-height: auto;
    }

    .useful_box {
        display: block;
        margin: 0 0 30px;
    }

    .useful_box .title_box {
        width: 100%;
    }

    .projects-block .projects .items .item:nth-child(4n+4),
    .projects .items .item {
        width: 50%;
    }

    .contacts_block .contacts_list {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .contacts_block .contacts_list li {
        width: 48%;
    }

    .contacts_block .img_box {
        width: 100%;
        padding: 0;
    }

    .requisites_box,
    .requisites_faq {
        width: 100%;
    }

    .requisites_box {
        margin: 0 0 30px;
    }

    .requisites_faq {
        justify-content: center;
    }

    .faq_box {
        max-width: 500px;
    }

    .faq_box:after {
        left: -150px;
    }

    .list_history {
        margin: 0;
        padding: 0 0 0 20px;
    }

    .list_history:after {
        left: 0;
        right: auto;
        width: 3px;
        top: 0;
        margin: 0;
        bottom: -30px;
        height: auto;
        background: -moz-linear-gradient(top, rgba(128, 199, 0, 1) 0%, rgba(128, 199, 0, 1) 75%, rgba(128, 199, 0, 0) 100%);
        background: -webkit-linear-gradient(top, rgba(128, 199, 0, 1) 0%, rgba(128, 199, 0, 1) 75%, rgba(128, 199, 0, 0) 100%);
        background: linear-gradient(to bottom, rgba(128, 199, 0, 1) 0%, rgba(128, 199, 0, 1) 75%, rgba(128, 199, 0, 0) 100%);
    }

    .list_history li {
        width: 100%;
        padding: 0;
    }

    .list_history li:nth-child(2n) {
        margin-top: 0;
    }

    .list_history li:after {
        left: -29px;
        bottom: auto;
        top: 15px;
    }

    .list_history li:nth-child(2n):after {
        top: 15px;
    }

    .list_history .dscr {
        min-height: auto;
    }

    .note_box {
        padding: 42px 32px 39px;
    }

    .page_block .title_block {
        padding: 0 0 20px;
        width: 100%;
    }

    .page_block .dscr_box,
    .list_types .consult_box .head_box,
    .list_types .consult_box .btn_holder {
        width: 100%;
        padding: 0;
    }

    .list_types .consult_box {
        padding: 20px 20px 10px;
    }

    .page_block .col-50,
    .list_views li {
        width: 100%;
    }

    .view_box,
    .view_box.change_3,
    .view_box.change_4 {
        margin: 0;
    }

    .view_box.change_1 {
        margin-right: 0;
    }

    .list_icon li {
        width: 50%;
    }

    .page_block .text_box {
        padding: 0;
    }

    .view_box.change_2 {
        margin: -30px 0 0;
    }

    .list_doors {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -15px;
    }

    .list_doors li {
        padding: 0 15px;
        width: 50%;
    }

    /* lp style */
    .deco_block .title_block,
    .flue_block .title_block {
        width: 100%;
    }

    .deco_block .dscr_box,
    .flue_block .dscr_box {
        width: 100%;
        padding: 0;
    }

    .flue_list li {
        width: 50%;
    }

    /* end lp style */
    /* works page */
    .works_another_view .item_works {
        width: 40%;
    }

    .works_another_view .item_works.big {
        width: 60%;
    }

    .works_another_view .big .img:before {
        padding: 82.7% 0 0;
    }

    /* end works page */
    /* card2 page */
    .example_home_box .inner_box {
        padding: 15px 15px 15px 0;
    }

    .example_home_box .text_box:after {
        left: -130px;
    }

    .view_box.change_5,
    .view_box.change_6,
    .view_box.change_7 {
        margin: 0;
    }

    .finishing_box {
        padding: 40px 20px;
    }

    .dscr_doors {
        padding: 0;
        margin: 0 0 50px;
    }

    .img_branch, .text_branch {
        width: 100%;
    }

    .img_branch {
        padding: 0 15px;
        justify-content: center;
    }

    .item_branch:nth-child(even) .text_branch {
        order: 1;
    }

    .item_branch:nth-child(even) .img_branch {
        order: 2;
        justify-content: center;
    }

    /* end card2 page */
}

@media screen and (max-width: 768px) {
    h1, .h1,
    .article h1 {
        font-size: 50px;
    }

    #wrapper {
        padding: 55px 0 0;
    }

    .container {
        padding: 0 25px;
    }

    .active-top #header .contacts {
        /*top: 3px;
        right: 55px;*/
        top: 15px;
    }

    #header .contacts li:last-child {
        display: none;
    }

    #header .mob-social-icons {
        display: flex !important;
        gap: 14px;
        position: absolute;
        top: 20px;
        left: 230px;
    }

    #header .mob-social-icons .icon__item a img {
        width: 20px;
        height: 20px;
    }

    /*#header .mob-social-icons .icon__item--wtsp a{
        background: url("/local/templates/bania.3.0/img_new/wtsp-m.svg") no-repeat;
    }
    #header .mob-social-icons .icon__item--tlgr a{
        background: url("/local/templates/bania.3.0/img_new/tlgr-m.svg") no-repeat;
    }
    .active-top #header .contacts li .btn{
        background: none;
        width: 40px;
        padding: 17px 10px;
    }*/
    #header ul.contacts {
        top: 15px;
        right: initial;
        left: 70px;
    }

    ul.contacts li .btn {
        font-size: 10px;
        line-height: 12px;
        width: 100px;
        padding: 9px 10px;
        text-indent: initial;
    }

    ul.contacts li .btn:after {
        content: none !important;
    }

    .favorite.show_m {
        top: 30px;
        right: 25px;
    }

    .active-top #header .favorite.show_m {
        display: block;
    }

    .mb-burger {
        left: 15px;
    }

    .active-top #header .logo,
    #header .logo {
        background: url("/local/templates/bania.3.0/img_new/logo.svg") no-repeat !important;
        top: 5px;
        width: 178px;
        height: 42px;
        margin: 0;
        /*transform: translateX(-50%);*/
        z-index: 0;

        transform: unset !important;
        right: 15px;
        left: initial;
    }

    #navigation .search {
        top: 74px;
    }

    #navigation {
        padding: 139px 24px 20px 21px;
        z-index: 2;
    }

    #promo {
        background: none;
    }

    #promo picture {
        display: block;
    }

    #promo h1 {
        font-size: 60px;
    }

    #promo .text p {
        font-size: 20px;
    }

    .info-list li {
        display: block;
    }

    .info-list li .num {
        padding: 0;
        width: 100%;
        font-size: 40px;
    }

    .info-list li p {
        padding: 0;
        font-size: 16px;
    }

    .video_dscr {
        padding: 0;
    }

    .about_text .text {
        padding: 0 0 0 15px;
    }

    .tab-control li {
        margin: 0 30px 0 0;
    }

    .head_box {
        display: block;
    }

    .video_tabs {
        padding: 34px 0 30px;
    }

    .our_works_block {
        padding: 45px 0 50px;
    }

    .our_works_list .dscr_item {
        padding: 0 11px 10px 15px;
    }

    #footer .contacts li .btn {
        display: none;
    }

    #footer .contacts {
        text-align: left;
    }

    #footer .contacts li strong a {
        font-size: 22px;
    }

    #footer .logo {
        background: url("/local/templates/bania.3.0/img_new/logo.svg") no-repeat !important;
        width: 178px;
        height: 42px;
    }

    #footer .menu_block {
        padding: 0;
    }

    #footer .menu_block .menu {
        width: 50%;
    }

    #footer .menu > li > a {
        min-height: auto;
    }

    #footer .menu > li > a br {
        display: none;
    }

    #footer .menu ul {
        columns: 2;
        margin: 0 0 20px;
    }

    #footer .footer:after {
        left: -25px;
        right: -25px;
    }

    .menu-holder .menu {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .holder_box {
        padding: 0 150px 0 0;
    }

    .holder_box input {
        height: 50px;
    }

    .holder_box button {
        width: 150px;
        font-size: 18px;
    }

    .articles .item:first-child .date_box .share li a:after {
        display: block;
    }

    .main-content-box {
        padding-top: 50px;
    }

    .active-filter .mob-filter {
        padding-left: 25px;
        padding-right: 25px;
    }

    .bg_color:after {
        width: 100vw;
    }

    .slider_block.bg_color {
        padding-bottom: 40px;
    }

    .seo_block {
        padding: 50px 0;
    }

    .content_article-box {
        padding: 36px 25px 37px;
    }

    .article h2 {
        font-size: 36px;
    }

    .article h3 {
        font-size: 28px;
    }

    .article .notice {
        padding: 30px;
    }

    .articles .item:first-child,
    .articles .item {
        width: 100% !important;
    }

    .articles .date_box .share {
        width: auto;
    }

    .staff_block .list_staff {
        justify-content: center;
    }

    .staff_block .list_staff li {
        width: 50%;
    }

    .map_block .map,
    .address_box {
        width: 100%;
    }

    .map_block .map {
        margin: 0 0 30px;
    }

    .address_box .metro {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .address_box .metro li:nth-child(2n+2),
    .address_box .metro li {
        width: 48%;
    }

    .contacts_block .contacts_list li strong a,
    .contacts_block .contacts_list li strong {
        font-size: 20px;
    }

    .contacts_block .contacts_list li .icon {
        width: 64px;
        height: 64px;
    }

    .contacts_dscr {
        width: calc(100% - 64px);
    }

    .contacts_block .contacts_list li {
        width: 50%;
    }

    .about_page .video_dscr {
        padding: 0;
    }

    .about_page .inst_dscr {
        padding: 0;
        width: 100%;
        margin: 0 0 30px;
    }

    .about_page .inst_box .img {
        width: 100%;
        max-width: 100%;
    }

    .gallery_box {
        grid-gap: 15px;
        grid-auto-rows: 200px;
        grid-template-columns: repeat(auto-fill, minmax(169px, 1fr));
    }

    .item_gallery {
        min-height: 200px;
    }

    .item_height {
        min-height: 415px;
    }

    .list_types li,
    .list_doors li,
    .list_finishing li,
    .page_block .list_sizes li,
    .note_block .answer_box .head_box,
    .note_block .answer_box .btn_holder,
    .faq-box .col-60,
    .faq-box .col-40 {
        width: 100%;
    }

    .example_box {
        background-position: 40% 0;
    }

    .pagination_wrap {
        padding: 0 40px;
    }

    /* .product .slideshow .pagination{
        padding: 0;
    } */
    .product_page .slideshow-button-prev {
        right: auto;
        left: 0;
    }

    .faq-box .subtitle {
        margin: 0 0 30px;
    }

    .faq-box .btn-wrap {
        text-align: left;
    }

    .faq-box .btn {
        margin: 0 0 14px;
    }

    .reviews_box {
        padding: 33px 10px 19px;
    }

    .list_reviews .rating_list span,
    .list_reviews .rating_list a {
        width: 25px;
        height: 24px;
    }

    .list_reviews .num {
        font-size: 40px;
    }

    /* lp style */
    .version_list li {
        width: 50%;
    }

    .deco_list .img_wrap {
        width: 100%;
        margin: 0 0 30px;
    }

    .deco_list .img_box {
        max-width: 100%;
    }

    .deco_list .deco_dscr {
        width: 100%;
    }

    .deco_list .item_list:nth-child(odd) .img_wrap {
        order: 1;
    }

    .deco_list .item_list:nth-child(odd) .deco_dscr {
        order: 2;
    }

    /* end lp style */
    .unique_text_block .title_box {
        font-size: 28px;
    }

    .unique_text_block p {
        font-size: 16px;
    }

    /* works page */
    .item_works,
    .works_another_view .item_works,
    .works_another_view .item_works.big {
        width: 100%;
        margin: 0 0 30px;
    }

    .works_another_view .item_works,
    .works_another_view .item_works.big {
        float: none;
    }

    .item_works .img:before,
    .works_another_view .big .img:before {
        padding: 47.5% 0 0;
    }

    .works_another_view .img:after {
        display: none;
    }

    .works_another_view .desc_works,
    .works_another_view .big .desc_works {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        padding: 0;
    }

    .works_another_view .big .title {
        margin: 0 0 8px;
        font-size: 16px;
        line-height: 1.5;
    }

    .works_another_view .desc_works .title a {
        color: #000;
    }

    .works_another_view .big .place {
        font-size: 12px;
    }

    /* end works page */
    /* card2 page */
    .example_home_box {
        margin: -64px 0 55px;
    }

    .example_home_box .img_box {
        width: 100%;
        margin: 0 0 50px;
        text-align: center;
    }

    .example_home_box .text_box {
        width: 100%;
    }

    .example_home_box .inner_box {
        padding: 20px 15px;
    }

    .example_home_box .text_box {
        padding: 0;
        background: #f7f4f1;
        border-radius: 4px;
    }

    .example_home_box .text_box:after {
        display: none;
    }

    .specifications_box {
        margin: 60px 0 0;
    }

    .specifications_box .head_box {
        margin: 0 0 48px;
    }

    .specifications_box .title_list {
        margin: 0 0 40px;
    }

    .finishing_box {
        margin: 0 0 20px;
    }

    .finishing_box .inner_box strong {
        width: 100%;
        margin: 0 0 20px;
    }

    .finishing_box .inner_box span {
        width: 100%;
    }

    .item_branch {
        margin: 0 -15px 50px;
    }

    .list_check .icon {
        width: 84px;
    }

    .list_check .dscr {
        width: calc(100% - 84px);
        padding: 0 0 0 29px;
    }

    /* end card2 page */
}

@media screen and (max-width: 700px) {
    .requisites_box .details li {
        width: 50% !important;
        padding: 0 10px 17px 0 !important;
        border-bottom: 3px solid #e5eff0 !important;
        flex: none;
    }

    .product .options_block .price strong {
        font-size: 30px;
    }
}

@media screen and (max-width: 600px) {
    h2,
    .title_block {
        font-size: 30px;
    }

    .our_works_list .title_dscr {
        font-size: 14px;
    }

    .list_sizes li strong, .our_works_list .list_sizes li strong {
        font-size: 16px;
    }

    .dscr_popular {
        padding: 16px 10px 10px 10px;
    }

    #footer .contacts {
        padding: 0;
        justify-content: center;
    }

    #footer .contacts li {
        width: 100%;
        margin: 0;
    }

    #footer .contacts li strong {
        min-height: auto;
    }

    #footer .contacts li strong br {
        display: none;
    }

    #footer .menu_block .menu {
        width: 100%;
    }

    #footer .copyright {
        font-size: 12px;
        margin: 0 0 10px;
    }

    #footer .by {
        font-size: 12px;
        margin: 0;
    }

    #footer .by a {
        font-size: 14px;
    }

    .useful_box {
        padding: 0;
    }

    .useful_box:after {
        width: 50px;
        height: 50px;
        top: 0;
    }

    .useful_box h2 {
        font-size: 30px;
        padding: 0 0 0 65px;
    }

    .useful_box .btn_holder {
        padding: 0;
        width: 100%;
    }

    .useful_box .btn {
        max-width: 100%;
    }

    .paging .slideshow-button-next,
    .paging .slideshow-button-prev {
        width: 25px;
        height: 50px;
        margin: -25px 0 0;
    }

    .paging .slideshow-button-prev:after,
    .paging .slideshow-button-next:after {
        width: 25px;
        height: 25px;
        margin: -14px 0 0 -6px;
    }

    .paging .slideshow-button-next:after {
        margin: -14px 0 0 -24px;
    }

    .video_section {
        padding: 67px 0 50px;
    }

    .projects {
        padding: 0px 0 58px;
    }

    .projects-block .projects .items .item:nth-child(4n+4),
    .projects .items .item {
        width: 100%;
    }

    .projects .items .inner_help {
        padding: 45px 25px 40px 25px;
    }

    .projects .items .item.help strong br,
    .projects .items .item.help p br {
        display: none;
    }

    .text_box ul {
        padding: 0;
    }

    .text_box ul li {
        font-size: 18px;
    }

    .article h2 {
        font-size: 32px;
    }

    .article h3 {
        font-size: 26px;
    }

    .article p {
        font-size: 16px;
    }

    .article .notice p {
        font-size: 18px;
    }

    .article .author {
        display: block;
    }

    .article .author .social {
        width: 100%;
        padding: 0;
    }

    .sidebar_block {
        display: block;
    }

    .rubric_box,
    .sidebar_block .block {
        width: 100%;
        margin: 0 0 12px;
    }

    .sidebar_block .block {
        display: block;
    }

    .date_box .share {
        justify-content: flex-start;
    }

    .article-info .date_box .share li,
    .article-info .date_box .share li:first-child {
        margin: 0 20px 10px 0;
    }

    .comment_form {
        max-width: 100%;
    }

    .comment_form .inpt_holder,
    .comment_form .sbmt_holder input[type="submit"] {
        width: 100%;
        max-width: 100%;
    }

    .chbx_holder {
        margin: 0 0 30px;
    }

    .comments_list .inner_dscr {
        padding: 30px 20px 29px;
    }

    .answer_box {
        padding: 0 0 0 50px;
    }

    .comments_list .text_comment,
    .comments_list .link {
        font-size: 14px;
    }

    .comments_list .avatar {
        width: 55px;
        height: 55px;
    }

    .comments_list .avatar img {
        width: 50%;
    }

    .comments_list .dscr_comment {
        width: calc(100% - 55px);
    }

    .address_box .metro li:nth-child(2n+2),
    .address_box .metro li,
    .contacts_block .contacts_list li,
    .call_form .inpt_holder,
    .call_form .sbmt_holder {
        width: 100%;
    }

    .call_form .inpt_holder {
        padding: 0;
    }

    .list_history .num {
        font-size: 40px;
    }

    .list_history li:nth-child(2n):after,
    .list_history li:after {
        top: 10px;
    }

    .history_block .title_block {
        position: relative;
        z-index: 1;
    }

    .gallery_box {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -7px;
        grid-gap: 0;
        grid-auto-rows: 0;
    }

    .item_gallery {
        width: 50%;
        padding: 0 7px;
        margin: 0 0 15px;
    }

    .item_height {
        min-height: 200px;
    }

    .product_page h1 {
        font-size: 40px;
    }

    .order_plans .head_plans,
    .order_plans .consult-form,
    .options_block,
    .inner_sidebar,
    .list_icon li,
    .example_box p {
        width: 100%;
    }

    .order_plans .head_plans {
        font-size: 28px;
    }

    .list_reviews > li {
        width: 100%;
    }

    /* lp style */
    .lp_page .advantage_list li {
        width: 50%;
    }

    .list_consist {
        columns: 1;
    }

    .list_consist li {
        margin: 0 0 20px;
    }

    .list_consist .num {
        margin: 0 0 5px;
    }

    .list_consist .dscr br {
        display: none;
    }

    .wood_list li {
        text-align: center;
    }

    .wood_list .img_box {
        width: 100%;
        max-width: 150px;
        margin: 0 auto 20px;
    }

    .wood_list .dscr_list {
        padding: 0;
        width: 100%;
    }

    .wood_list .title {
        margin: 0 0 10px;
    }

    .wood_list .btn {
        margin: 0 auto;
    }

    .version_list .name {
        font-size: 18px;
    }

    .deco_block .notice {
        padding: 30px;
    }

    /* end lp style */
    .tags_list li a {
        padding: 5px 8px 4px;
        font-size: 14px;
    }
}

@media screen and (max-width: 480px) {
    h1, .h1 {
        font-size: 38px;
    }

    .container {
        padding: 0 15px;
    }

    .main-content-box {
        padding-top: 60px;/*30px*/
    }

    .active-top #header .logo,
    #header .logo {
        top: 18px;
        width: 84px;
        height: 19px;
        /*transform: translateX(-60%);*/

        transform: unset;
        right: 15px;
        left: initial;
    }

    #header .mob-social-icons {
        left: 195px;
    }

    #header ul.contacts {
        left: 50px;
    }

    #promo {
        height: auto;
    }

    #promo h1 {
        font-size: 40px;
    }

    #promo .text p {
        font-size: 18px;
    }

    .btn {
        font-size: 16px;
        padding: 16px 5px;
    }

    .our_projects {
        padding: 40px 0 50px;
    }

    .our_projects .item_list {
        width: 100%;
    }

    .our_projects .title_list {
        min-height: auto;
    }

    .info-list li {
        width: 100%;
    }

    .title_block {
        font-size: 32px;
    }

    .about_text {
        display: block;
    }

    .about_text .icon {
        margin: 0 auto 15px;
    }

    .about_text .text {
        padding: 0;
        width: 100%;
    }

    .video .play {
        width: 60px;
        height: 60px;
    }

    .video_dscr {
        margin: 0 0 35px;
    }

    blockquote p,
    .video_dscr {
        padding: 0;
        font-size: 16px !important;
    }

    .video_dscr:before {
        top: -30px;
        left: 0;
        font-size: 93px;
    }

    .staff_text .num {
        font-size: 34px;
    }

    .staff_text p {
        padding: 0 0 0 15px;
        font-size: 16px;
    }

    .list_staff {
        justify-content: center;
    }

    .list_staff li {
        width: 50%;
    }

    .staff_box .btn {
        max-width: 100%;
    }

    .inner_inst {
        padding: 30px 20px;
    }

    .inst_box .subscribers strong {
        font-size: 40px;
    }

    .title_inst {
        padding: 0 0 0 50px;
        font-size: 20px;
    }

    .title_inst:after {
        left: 0;
        width: 36px;
        height: 36px;
    }

    .inst_box .subscribers {
        padding: 0;
    }

    .gallery-item,
    .certificate_block .gallery-item,
    .lp_works_block .our_works_list .item_works {
        flex: 1 0 100%;
    }

    .gallery h4, .gallery .h4 {
        min-height: auto;
    }

    .tab-control {
        overflow: hidden;
        overflow-x: auto;
        flex-wrap: nowrap;
        margin: 0 0 30px;
    }

    .tab-control li {
        margin: 0 20px 0 0;
    }

    .gallery-pagination .swiper-pagination-bullet {
        width: 30px;
        margin: 0 6px 6px;
    }

    .our_works_list .item_works,
    .popular_list .popular_item {
        width: 100%;
    }

    .our_works_list .title_dscr {
        min-height: auto;
    }

    .btn_plus {
        width: 60px;
        height: 60px;
    }

    .btn_plus:after,
    .btn_plus:before {
        width: 30px;
        margin: -2px 0 0 -15px;
    }

    .text_info {
        font-size: 16px;
    }

    #footer .row:first-child {
        padding: 0 0 16px;
    }

    #footer .footer:after {
        left: -15px;
        right: -15px;
    }

    .holder_box {
        padding: 0;
        background: transparent;
    }

    .holder_box input {
        background: #f2f7f7;
        border-radius: 4px;
        margin: 0 0 15px;
    }

    .holder_box button {
        position: relative;
        top: auto;
        bottom: auto;
        right: auto;
        width: 100%;
        height: 50px;
    }

    .paging {
        margin: -34px auto 15px;
    }

    .paging ul a,
    .paging ul span {
        font-size: 20px;
        margin: 0 1px;
    }

    .seo_block .img {
        padding: 25px 0 0;
    }

    .seo_block .img:after {
        width: 295px;
        height: 295px;
    }

    .article h1 {
        font-size: 40px;
    }

    .article h2 {
        font-size: 30px;
    }

    .content_article-box {
        padding: 36px 15px 37px;
    }

    .article .notice {
        padding: 30px 15px;
    }

    .article .notice p {
        font-size: 16px;
    }

    .article .author .list_soc a {
        width: 136px;
    }

    .article .author .list_soc a.ok,
    .article .author .list_soc a.vk,
    .article .author .list_soc a.fb,
    .article .author .list_soc a.tw {
        background-position: 50%;
    }

    .answer_box {
        padding: 0 0 0 20px;
    }

    .comments_list .avatar {
        margin: 0 0 5px;
    }

    .comments_list .dscr_comment {
        width: 100%;
        padding: 0;
    }

    .comments_list .inner_dscr:after {
        display: none;
    }

    .title_team {
        font-size: 26px;
    }

    .staff_block .list_staff li {
        width: 100%;
    }

    .img_text {
        bottom: 25px;
        font-size: 16px;
    }

    .requisites_box .details li {
        width: 100% !important;
    }

    .requisites_block h2 {
        font-size: 28px;
    }

    .faq_form {
        padding: 34px 10px 35px;
    }

    .form legend {
        font-size: 30px;
    }

    .about_page .about_text .text {
        padding: 0;
    }

    .call_form {
        padding: 30px 20px 30px 20px;
    }

    .list_advantage li {
        width: 100%;
    }

    .list_advantage .title br {
        display: none;
    }

    .list_photo {
        padding: 0;
    }

    .list_photo li {
        width: 100%;
    }

    .list_photo li:nth-child(2),
    .list_photo li:nth-child(3) {
        margin: 0 0 10px;
    }

    .item_gallery {
        width: 100%;
        min-height: 250px;
    }

    .item_height {
        min-height: 250px;
    }

    .order_plans {
        padding: 33px 20px 12px;
    }

    .options_block .btn_holder .btn {
        font-size: 20px;
    }

    .product_page .sidebar_block .block {
        padding: 28px 5px 14px;
    }

    .dscr_note,
    .page_block .dscr_box .dscr {
        font-size: 18px;
    }

    .note_block .answer_box .head_box .title {
        font-size: 30px;
    }

    .note_block .answer_box {
        padding: 30px 20px 10px;
    }

    .note_block .answer_box .head_box p {
        font-size: 20px;
    }

    .note_block .answer_box .btn_holder .btn,
    .page_block .title_list {
        font-size: 22px;
    }

    .list_types .img_box,
    .list_doors .img_box,
    .types_block .list_types .img_box {
        width: 100%;
        margin: 0 0 20px;
    }

    .list_types .dscr_list,
    .list_doors .dscr_list {
        padding: 0;
        width: 100%;
    }

    .list_types .title br,
    .list_doors .title br,
    .list_doors p br {
        display: none;
    }

    .page_block .list_info .icon {
        width: 84px;
        margin: 0 0 20px;
    }

    .page_block .list_info .dscr_list {
        width: 100%;
        padding: 0;
    }

    .list_views .inner_list {
        padding: 32px 20px 44px;
    }

    .example_box {
        padding: 28px 20px 29px;
    }

    .communications_box .icon {
        margin: 0 0 20px;
    }

    .communications_box .dscr_box {
        display: block;
    }

    .communications_box .dscr_box .title {
        margin: 0 0 15px;
        width: 100%;
    }

    .communications_box .dscr_box p {
        padding: 0;
        width: 100%;
        font-size: 18px;
    }

    .faq-box {
        padding: 30px 20px;
    }

    .faq-box .title {
        font-size: 30px;
    }

    .faq-box .subtitle,
    .faq-box .btn {
        font-size: 20px;
    }

    .product_page h1 {
        font-size: 36px;
    }

    .list_plans .item_list {
        width: 100%;
    }

    .product_page .product .slideshow {
        margin: 0 0 30px;
    }

    .page_block .dscr_box .icon,
    .list_finishing .icon,
    .page_block .list_sizes .icon {
        margin: 0 0 20px;
    }

    .page_block .dscr_box .dscr,
    .list_finishing .dscr_list,
    .page_block .list_sizes .dscr {
        padding: 0;
        width: 100%;
    }

    /* lp style */
    .visual_box .dscr {
        font-size: 18px;
    }

    .lp_page .advantage_list li {
        width: 100%;
    }

    .lp_page .advantage_list .title br {
        display: none;
    }

    .consist_block .last {
        margin: 0 0 30px;
    }

    .list_num li {
        font-size: 20px;
        width: 38px;
        height: 38px;
        border: 5px solid #80c700;
    }

    .list_consist .num {
        font-size: 44px;
    }

    .version_list li {
        width: 100%;
    }

    .flue_block .head_box .dscr {
        font-size: 18px;
    }

    .flue_list li {
        width: 100%;
    }

    .deco_block .notice p {
        font-size: 18px;
    }

    .deco_list .item_list {
        padding: 30px 20px;
    }

    .deco_list .list li {
        font-size: 16px;
        padding: 0 0 0 20px;
    }

    .deco_list .list li:after {
        width: 10px;
        top: 8px;
    }

    /* end lp style */
    /* card2 page */
    .example_home_box .inner_box,
    .subtitle_list,
    .finishing_box .inner_box strong {
        font-size: 18px;
    }

    .dscr_doors .icon {
        margin: 0 0 20px;
    }

    .dscr_doors .dscr {
        width: 100%;
        padding: 0;
    }

    .dscr_doors p {
        font-size: 18px;
        margin: 0 0 30px;
    }

    .dscr_doors span {
        max-width: none;
    }

    .dscr_box .title_dscr,
    .item_branch .dscr_doors .title {
        font-size: 22px;
    }

    .list_check li {
        margin: 0 0 30px;
    }

    .list_check .icon {
        margin: 0 0 20px;
    }

    .list_check .dscr {
        width: 100%;
        padding: 0;
    }

    /* end card2 page */
    /* pop-up callback */
    .callback-box {
        min-width: auto;
    }

    .callback-box .recall {
        padding: 34px 20px 40px;
    }

    .callback-box .fancybox-close-small {
        top: 12px;
        right: 12px;
    }

    .callback-box .recall legend {
        font-size: 32px;
    }

    .callback-box .recall p {
        font-size: 16px;
    }

    .callback-box .recall input[type=text],
    .callback-box .recall input[type=submit] {
        height: 50px;
    }

    .callback-box .fancybox-close-small {
        width: 27px;
        height: 27px;
    }

    .callback-box .fancybox-close-small:after,
    .callback-box .fancybox-close-small:before {
        height: 34px;
        margin: -17px 0 0 -2px;
    }

    /* end pop-up callback */
}

@media screen and (max-width: 380px) {
    .lp_works_block .our_works_list .gallery-button-prev,
    .lp_works_block .our_works_list .gallery-button-next {
        top: 73px;
    }
}

/* begin first screen */
section#new_mp {
    min-height: 600px;
    height: 600px;
    background: url(/local/templates/bania.3.0/images/first-screen/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.mp_wrapper {
    display: flex;
    justify-content: space-between;
    font-family: "Museo Sans Cyrl 700";
}

.mp_left {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mp_left_title {
    color: #000;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    width: 620px;
    max-width: 100%;
    margin-bottom: 24px;
}

.mp_left_title span {
    font-weight: 700;
    font-size: inherit;
    line-height: inherit;
    color: #00606D;
}

.mp_left_subtitle {
    color: #000;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 24px;
    max-width: 480px;
}

.mp_left_subtitle span {
    font-weight: 600;
}

.mp_left_info-blocks {
    width: 480px;
    display: flex;
    gap: 8px;
    flex-direction: column;
}

.mp_left_info {
    display: flex;
    align-items: center;
    width: 446.9px;
    height: 46px;
    background: url('/local/templates/bania.3.0/images/first-screen/bg-check-green.svg');
}

.mp_left_info-text {
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
    padding: 0;
    margin: 0;
    padding-left: 55px;
}

.mp_right {
    width: 450px;
    max-width: 100%;
    padding: 20px;
    margin-top: 100px;
    margin-bottom: 100px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.90);
    backdrop-filter: blur(10px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.mp_right__top {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
}

.mp_right__title {
    font-style: normal;
    color: #000;
    font-size: 28px;
    font-weight: 700;
    line-height: 100%;
    text-align: center;
    margin-bottom: 22px;
}

.mp_right__list {
    position: relative;
    margin-bottom: 22px;
    /*display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;*/
}

.mp_right__list div {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    text-align: left;
    color: #000000;
    margin: 0;
    padding: 0 0 0 20px;
    position: relative;
}

.mp_right__list div:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    left: 0;
    top: calc(50% - 4px);
    background: #275F6C;
    border-radius: 50%;
}

.mp_right__form {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* gap: 16px;*/
}

.mp_r_form-phone {
    width: 100%;
    max-width: 428px;
    margin-bottom: 22px;
}

.mp_r_form-phone input {
    border-radius: 5px;
    background: #FFF;
    height: 50px;
    width: 100%;
    max-width: 428px;
    font-style: normal;
    color: #999;
    font-size: 14px;
    line-height: 100%;
    border: 1px solid #fff;
    outline: none;
    padding-left: 81px;
    background-image: url(/local/templates/bania.3.0/images/mp-block-1-input.png);
    background-position-x: 26px;
    background-repeat: no-repeat;
    background-position-y: center;
}

.mp_r_form-phone input#mp_r_form__phone::placeholder {
    color: #999;
    font-size: 14px;
    line-height: 100%;
}

.mp_r_form-btn {
    border-radius: 4px;
    background: linear-gradient(180deg, #35DA23 0%, #27A11A 100%);
    height: 72px;
    width: 100%;
    max-width: 428px;
    margin-bottom: 9px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    text-align: center;
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    transition: all .3s ease-in-out;
    user-select: none;
    cursor: pointer;
}

.mp_r_form-checklist {
    display: flex;
    align-items: center;
}

div#mp_r_form__checklist {
    min-width: 18px;
    min-height: 18px;
    margin: auto 9px auto 0;
    position: relative;
}

div#mp_r_form__checklist input {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}

div#mp_r_form__checklist input + span {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    border-radius: 2px;
    z-index: 1;
}

div#mp_r_form__checklist input:checked + span {
    background-image: url('/local/templates/bania.3.0/images/first-screen/check.png') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.mp_r_form__checklist-text {
    line-height: 12px;
}

.mp_r_form__checklist-text span,
.mp_r_form__checklist-text a {
    color: #275F6C;
    font-size: 14px;
    font-weight: 600;
    text-decoration-line: underline;
}

@media (max-width: 767.98px) {
    section#new_mp {
        background: url(/local/templates/bania.3.0/images/first-screen/bg-m.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        max-width: 100%;
        height: 704px;
    }

    .mp_wrapper {
        flex-direction: column;
        align-items: center;
        gap: 22px;
    }

    .mp_left {
        margin-top: 40px;
        width: 100%;
    }

    .mp_left_title {
        font-size: 21px;
        width: 345px;
        max-width: 100%;
        margin: 0 auto 10px;
    }

    .mp_left_subtitle {
        font-size: 19px;
        line-height: 28px;
        margin: 0 auto 22px;
        width: 345px;
        max-width: 100%;
    }

    .mp_left_info-blocks {
        gap: 4px;
        margin: 0 auto;
        max-width: 345px;
    }

    .mp_left_info {
        width: 320px;
        height: 35px;
        background: url('/local/templates/bania.3.0/images/first-screen/bg-check-green-m.svg');
    }

    .mp_left_info-text {
        font-size: 12px;
        padding-left: 40px;
    }

    .mp_right {
        width: 345px;
        max-width: 100%;
        padding: 16px;
        flex-direction: column;
        align-items: flex-start;
        margin: 0 auto;
    }

    .mp_right__top {
        flex-direction: column;
        align-items: flex-start;
        /*gap: 24px;*/
        margin: 0 auto;
    }

    .mp_right__title {
        font-size: 18px;
        font-weight: 700;
        line-height: normal;
        margin: 0 auto 14px;
    }

    .mp_right__list {
        flex-direction: column;
        gap: 16px;
        margin: 0 auto 14px;
    }

    .mp_right__list div {
        font-size: 14px;
        padding-left: 20px;
    }

    .mp_right__form {
        width: 345px;
        max-width: 100%;
        /* flex-direction: column;
         align-items: flex-start;
         gap: 16px;*/
        margin: 0 auto;
    }

    .mp_r_form-phone {
        width: 345px;
        max-width: 100%;
        margin-bottom: 16px;
    }

    .mp_r_form-btn {
        height: 50px;
        width: 345px;
        max-width: 100%;
        font-size: 16px;
        line-height: 21px;
        gap: 16px;
        margin-bottom: 6px;
    }

    .mp_r_form-btn svg {
        width: 26px;
        height: 26px;
    }

    .mp_r_form-checklist {
        max-width: 345px;
        width: 100%;
        margin: 0 auto;
    }

    div#mp_r_form__checklist {
        min-width: 12px;
        min-height: 12px;
    }

    .mp_r_form__checklist-text span {
        font-size: 7px;
    }

    .mp_r_form__checklist-text a {
        font-size: 7px;
    }

    .mobile_br_only {
        display: block !important;
    }
}

/* end first screen */

/* new style for promo */
section#new_mp{
    background: url("/local/templates/bania.3.0/img_new/pr_img-1.webp") no-repeat;
    background-size: cover;
    background-position: 30% 50%;
    height: 540px;
    min-height: auto;
    margin: 0 0 150px;
}
.mp_wrapper{
    display: block;
    padding: 28px 0 0;
}
.mp_left{
    width: 100%;
}
.mp_left_title{
    color: #fff;
    font-size: 44px;
    font-weight: 600;
    line-height: 1.3;
    max-width: 100%;
    width: 100%;
    letter-spacing: -0.02em;
    margin-bottom: 18px;
    font-family: 'TT Firs Neue';
}
.mp_left_title span{
    color: #fff;
    display: block;
    font-size: 70px;
    font-weight: 700;
    margin-bottom: -10px;
}
.mp_left_title em{
    font-style: normal;
    color: #9BD72F;
}
.mp_left_subtitle{
    color: #fff;
    max-width: 382px;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -0.01em;
    margin-bottom: 30px;
    font-family: 'Montserrat';
}
.mp_left_subtitle b{
    font-weight: 700;
}
.mp_left_info-blocks{
    display: block;
    width: 100%;
    max-width: 456px;
}
.mp_left_info{
    border-radius: 80px;
    background: #8AC618;
    margin: 0 0 12px;
    display: inline-block;
    vertical-align: top;
    height: auto;
    width: auto;
    padding: 17px 18px 16px 49px;
    position: relative;
}
.mp_left_info:after{
    position: absolute;
    content: '';
    left: 19px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url("/local/templates/bania.3.0/img_new/pr_icon-1.svg") no-repeat;
    background-size: 100%;
}
.mp_left_info-text{
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 17px;
    line-height: 1;
    letter-spacing: -0.02em;
    padding: 0;
}
.mp_right{
    width: 100%;
    max-width: 1056px;
    margin: 47px auto 0;
    border-radius: 20px;
    border: 3px solid #1CAABD;
    background: #FFF;
    box-shadow: 0px 4px 60px 0px rgba(19, 46, 71, 0.20);
    padding: 22px 47px 13px;
    display: block;
}
.mp_right__title{
    color: #00616E;
    font-family: 'Montserrat';
    line-height: 1.1;
    font-weight: 700;
    font-size: 25px;
    letter-spacing: -0.02em;
    margin: 0 0 8px;
}
.mp_right__list{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 17px;
}
.mp_right__list div{
    color: #092023;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.02em;
    padding: 0 29px 0 0;
}
.mp_right__list div:last-child{
    padding: 0;
}
.mp_right__list div:before{
    left: auto;
    width: 6px;
    height: 6px;
    right: 12px;
    top: calc(50% - 2px);
}
.mp_right__list div:last-child:before{
    display: none;
}
.mp_right__form{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
}
.mp_r_form-phone,
.mp_r_form-btn{
    width: calc(50% - 10px);
    max-width: none;
}
.mp_r_form-phone input{
    background: #fff;
    border-radius: 6px;
    border: 1px solid #568A90;
    height: 60px;
    padding: 5px 27px;
    color: #000;
    font-family: 'TT Firs Neue';
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    max-width: none;
}
.mp_r_form-phone input::placeholder{
    color: #000 !important;
    font-family: 'TT Firs Neue' !important;
    font-size: 18px !important;
    font-weight: 400;
    line-height: 1;
    opacity: 1 !important;
}
.mp_r_form-phone .txt{
    display: block;
    margin-top: 9px;
    color: #A4B0B1;
    font-family: 'Montserrat';
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.02em;
}
.mp_r_form-btn{
    border-radius: 6px;
    background: #00616E;
    /* width: 100%; */
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
}
.mp_r_form-btn:hover{
    background: #91c700;
    box-shadow: 10.6px 10.6px 25px rgba(128, 199, 0, 0.5);
}
.mp_r_form-btn span{
    display: block;
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
    font-family: 'TT Firs Neue';
}
@media (max-width: 991px){
    section#new_mp{
        margin: 0 0 180px;
    }
}
@media (max-width: 767.98px){
    section#new_mp{
        margin: 0 0 200px;
        background-position: 40% 50%;
    }
    .mp_left_title{
        font-size: 34px;
    }
    .mp_left_title span{
        font-size: 50px;
    }
    .mp_left_subtitle{
        font-size: 20px;
    }
    .mp_left_subtitle{
        margin: 0 0 22px;
    }
    .mp_left_info-blocks{
        margin: 0;
    }
    .mp_right__list{
        flex-direction: row;
        gap: 0;
    }
    .mp_right__form,
    .mp_r_form-phone,
    .mp_r_form-btn{
        width: 100%;
    }
}
@media (max-width: 640px){
    section#new_mp{
        margin: 0 0 210px;
    }
    .mp_left_title{
        font-size: 24px;
    }
    .mp_left_title span{
        font-size: 40px;
    }
    .mp_left_info{
        padding: 10px 18px 10px 49px
    }
    .mp_right{
        padding: 22px 20px 13px;
    }
}
@media (max-width: 480px){
    section#new_mp{
        height: 620px;
        margin: 0 0 90px;
        background: url(/local/templates/bania.3.0/img_new/pr_img-1_1.webp) no-repeat;
        background-size: auto 100%;
        background-position: 50% 50%;
    }
    .mp_left_title span{
        font-size: 34px;
    }
    .mp_left_subtitle{
        width: 100%;
        font-size: 18px;
    }
    .mp_left_info-text{
        font-size: 15px;
    }
    .mp_right__title{
        font-size: 23px;
    }
    .mp_r_form-phone input,
    .mp_r_form-btn{
        height: 50px;
    }
    .mp_r_form-btn span{
        font-size: 16px;
    }
    .mp_right__list{
        display: block;
    }
    .mp_right__list div,
    .mp_right__list div:last-child{
        display: block;
        padding: 0 0 0 15px;
    }
    .mp_right__list div:before,
    .mp_right__list div:last-child:before{
        display: block;
        right: auto;
        left: 0;
        top: calc(50% - 3px);
    }
}
@media (max-width: 420px){
    section#new_mp {
        margin: 0 0 160px;
    }
}
@media (max-width: 380px){
    section#new_mp {
        margin: 0 0 210px;
    }
}

/* end new style for promo */
/* header */
body.has-topbar.redesing_head div#wrapper{
    padding-top: 197px;
}
.redesing_head ul.contacts li .btn{
    width: 170px;
    padding: 12px 10px;
}
.redesing_head .slogan{
    position: absolute;
    top: 26px;
    left: 197px;
    color: #707E80;
    font-family: 'TT Firs Neue';
    font-size: 13px;
    font-weight: 400;
    line-height: 1.1;
}
ul.contacts li:nth-child(2){
    margin: 0 0 0 28px;
}
.redesing_head ul.contacts li strong.phones{
    display: block;
    min-height: auto;
    /* margin: 4px 0 1px;
    padding-top: 10px; */
    margin: 0 0 1px;
    padding-top: 0;
}
.redesing_head ul.contacts li strong a{
    font-size: 20px;
    text-transform: none;
    font-family: 'TT Firs Neue';
}
.redesing_head ul.contacts li strong a:hover{
    text-decoration: underline;
}
.redesing_head ul.contacts li strong.phone_2 a{
    font-size: 14px;
    font-weight: 500;
}
.redesing_head ul.contacts li span{
    color: #707E80;
    font-family: 'TT Firs Neue';
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    padding-left: 15px;
    position: relative;
}
.redesing_head ul.contacts li:nth-child(2) span:before{
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #8ED212;
    top: 5px;
    left: 0;
    transform: none;
    margin: 0;
    animation: blink-animation 1s infinite;
}
@keyframes blink-animation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.redesing_head ul.contacts li .wtsp{
    display: block;
    position: relative;
    max-width: 211px;
    padding-left: 42px;
    color: #000;
    font-family: 'Montserrat';
    font-size: 13px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.26px;
    text-decoration: none;
    margin: 7px 0 0;
}
.redesing_head ul.contacts li .wtsp:hover{
    text-decoration: underline;
}
.redesing_head ul.contacts li .wtsp:after{
    position: absolute;
    content: '';
    width: 26px;
    height: 26px;
    background: url(/local/templates/bania.3.0/images/telegram-icon.svg) no-repeat;
    background-size: 100%;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.redesing_head #navigation:after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #E0E4EA;
}
.mob_contact{
    display: none;
}
@media (max-width: 1170px){
    body.has-topbar.redesing_head div#wrapper{
        padding-top: 135px;
    }
    .redesing_head #header ul.contacts li:nth-child(2){
        display: block;
    }
    .redesing_head #navigation:after{
        display: none;
    }
    .mb-burger{
        z-index: 2000;
    }
    #navigation .search .inner_search{
        display: none;
    }
    #navigation .search .search-form{
        border: none;
        height: auto;
        border-radius: 5px;
        background: #EBF0F0;
        padding: 0;
        box-shadow: none;
    }
    #navigation .search .search-form input{
        height: 50px;
        font-size: 13px;
        line-height: 1;
        padding: 10px 26px;
    }
    #navigation .search .close_search{
        display: none;
    }
    #navigation .search-form form{
        margin: 0;
    }
}
@media (max-width: 960px){
    .redesing_head ul.contacts li:first-child{
        display: block;
    }
    .redesing_head ul.contacts li .wtsp{
        width: 26px;
        height: 26px;
        padding-left: 0;
        overflow: hidden;
        text-indent: -9999px;
    }
    .redesing_head ul.contacts li:nth-child(2){
        margin: 0 0 0 20px;
    }
}
@media (max-width: 768px){
    body.has-topbar.redesing_head div#wrapper{
        padding-top: 115px;
    }
    .redesing_head #header .logo{
        width: 131px;
        height: 31px;
        right: auto;
        left: 20px;
        top: auto;
        bottom: 10px;
        z-index: 3;
    }
    .mob_contact{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 9px 0 10px;
        border-bottom: 1px solid rgba(237, 239, 238, 1);
        position: relative;
        z-index: 3;
    }
    .mob_contact .phone{
        display: block;
        color: #000;
        font-size: 15px;
        font-weight: 500;
        line-height: 1;
        text-decoration: none;
    }
    .mob_contact .phone:hover{
        text-decoration: underline;
    }
    .mob_contact .call_link{
        position: relative;
        display: block;
        padding-left: 18px;
        color: #80C700;
        font-size: 13px;
        font-weight: 500;
        line-height: 1;
        transition: all ease 0.3s;
        margin-right: auto;
        text-decoration: none;
    }
    .mob_contact .call_link .icon{
        position: absolute;
        display: block;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 12px;
        height: 12px;
    }
    .mob_contact .call_link .icon path{
        transition: all ease 0.3s;
    }
    .mob_contact .call_link:hover{
        color: #006573;
    }
    .mob_contact .call_link:hover .icon path{
        fill: #006573;
    }
    .mb-burger{
        left: auto;
        right: 20px;
        top: auto;
        bottom: 1px;
    }
    .active-top .mb-burger{
        top: auto;
    }
    .mb-burger span{
        width: 38px;
        margin-left: -19px;
    }
    .mb-burger span:before,
    .mb-burger span:after{
        height: 2px;
        width: 38px;
    }
    .mb-burger span:after{
        width: 24px;
    }
    .mb-open-nav .mb-burger span:after{
        width: 38px;
    }
    #header .mob-social-icons{
        top: auto;
        bottom: 23px;
        left: auto;
        right: 0;
        z-index: 3;
    }
    #header .mob-social-icons .icon__item a img{
        width: 100%;
        height: 100%;
    }
    #navigation{
        max-width: 100%;
        padding: 139px 28px 20px 28px;
    }
    #navigation:before{
        position: fixed;
        content: '';
        top: 0;
        left: 0;
        right: 0;
        height: 155px;
        background: #fff;
        display: block;
        z-index: 3;
    }
    #navigation,
    .active-top #navigation{
        padding-top: 150px;
    }
    #navigation .search,
    .active-top #navigation .search{
        top: 88px;
    }
    .social-block{
        display: none;
    }
    .sab-nav{
        padding-top: 16px;
    }
    .sab-nav > li,
    .active-top #header .sab-nav > li{
        margin-right: 0;
    }
    .sab-nav > li > a{
        line-height: 41px;
        font-weight: 600;
    }
    .sab-nav > li > a.arrow:before{
        opacity: 1;
        width: 5px;
        height: 5px;
        transform: rotate(-45deg);
        border-color: #000;
        top: 16px;
    }
    .nav{
        padding-top: 7px;
        padding-bottom: 24px;
        margin: 0 0 24px;
    }
    .nav li a{
        color: #555;
        font-size: 14px;
        font-weight: 500;
        line-height: 2;
        display: inline-block;
        vertical-align: top;
    }
    .mob-contacts div{
        margin-bottom: 5px;
    }
    .mob-contacts .address{
        margin-bottom: 18px;
    }
    .address strong{
        max-width: 215px;
        font-family: 'TT Firs Neue', serif;
        font-size: 16px;
    }
    .address span{
        color: #555;
        font-size: 14px;
    }
    .mob-contacts a{
        font-family: 'TT Firs Neue', serif;
        font-weight: 500;
        font-size: 16px;
    }
    #navigation .search,
    .active-top #navigation .search{
        margin: 0;
        top: 98px;
        right: 28px;
        left: 28px;
        z-index: 3;
    }
    #navigation .search .search-form{
        border: none;
        height: auto;
        border-radius: 5px;
        background: #EBF0F0;
    }
    #navigation .search .search-form input{
        height: 50px;
        font-size: 13px;
        line-height: 1;
        padding: 10px 26px;
    }
    #navigation .sab-nav li > .drop{
        max-width: 100%;
        background-image: none;
    }
    #navigation .sab-nav li > .drop.open-drop{
        padding-top: 178px;
        padding-left: 28px;
        padding-right: 28px;
    }
    #navigation .sab-nav .drop .btn-back{
        position: relative;
        top: auto;
        left: auto;
    }
    .sab-nav li .drop .more-nav{
        display: none;
    }
    .sab-nav .drop .btn-back{
        padding-left: 24px;
        color: #000;
        font-weight: 600;
        font-family: 'TT Firs Neue', serif;
        text-transform: uppercase;
    }
    .btn-back:after{
        width: 10px;
        height: 10px;
        border-color: #000;
        border-width: 2px;
        left: 2px;
        margin-top: -7px;
    }
    .sab-nav > li > .drop ul{
        padding: 17px 0 0 27px;
    }
    .sab-nav > li > .drop ul li,
    .active-top #header .sab-nav > li > .drop ul li{
        margin: 0 0 11px;
    }
    .sab-nav > li > .drop > ul li a{
        color: #555;
        font-family: 'TT Firs Neue', serif;
        font-weight: 400;
        font-size: 15px;
    }
}
@media (max-width: 480px){
    body.has-topbar.redesing_head div#wrapper{
        padding-top: 85px;
    }
    body.has-topbar div#_topbar{
        position: fixed;
        bottom: 0;
        /* bottom: 80px; */
        left: 0;
        right: 0;
    }
}
/* end header */


body.compensate-for-scrollbar { overflow: auto; margin-right: 0; }

/* .product_page .information{
    padding: 0 28px 0 0;
} */
.product_page .product .slideshow .slides{
    position: static;
}
.product_page .product .slideshow .slick-prev,
.product_page .product .slideshow .slick-next{
    margin: 0;
    top: auto;
    bottom: 17px;
    width: 48px;
    height: 48px;
    border: 1px solid #EEEEEE;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.05);
}
.product_page .product .slideshow .slick-prev:hover,
.product_page .product .slideshow .slick-next:hover{
    transform: none;
    background: #85B823;
}
.product_page .product .slideshow .slick-prev{
    left: -3px;
}
.product_page .product .slideshow .slick-next{
    right: -3px;
}
.product_page .product .slideshow .slick-next:after,
.product_page .product .slideshow .slick-prev:after{
    border-width: 2px;
    border-color: #76BC21;
}
.product_page .product .slideshow .slick-prev:hover:after,
.product_page .product .slideshow .slick-next:hover:after{
    border-color: #fff;
}
.product .slideshow .pagination{
    margin-left: 59px;
    margin-right: 54px;
    height: 106px;
}
@media screen and (max-width: 768px){
    .product_page .slideshow .pagination_wrap{
        padding: 0;
    }
    /* .product_page .product .pagination .pagination-slide {
        width: 161px !important
    } */
}
@media screen and (max-width: 480px){
    .product .slideshow .pagination{
        margin-top: -40px;
        margin-left: 34px;
        margin-right: 44px;
        height: 70px;
    }
    /* .product_page .product .pagination .pagination-slide {
        width: 105px !important
    } */
    .product_page .product .slideshow .slick-prev,
    .product_page .product .slideshow .slick-next{
        width: 36px;
        height: 36px;
        bottom: 7px;
    }
}

.redesing_head ul.contacts li .wtsp.tg::after { background-image: url(/local/templates/bania.3.1/css/../img_new/tg_blue.svg); }
/* End */


/* Start:/local/templates/bania.3.1/css/template_new.css?1748865666124989*/
/*
.container {
	max-width: 1840px; }

.redesing_head .header-logo .logo {
	width: 202px;
	height: 47px;
	position: unset; }
.redesing_head .slogan {
	left: 235px;
	top: 31px;
	font-size: 14px;
	line-height: 18.2px;
	position: unset; }
.redesing_head #navigation:after {
	display: none; }

.sab-nav > li > a,
.nav li a {
	font-size: 16px;
	line-height: 19.2px;
	color: rgba(21, 22, 22, 1);
	font-weight: 500;
	text-transform: none;
	letter-spacing: 0.3px; }
.sab-nav > li > a:after {
	display: none; }
.sab-nav > li > a:before {
	border: none;
	background-image: url('/images/menu-arrow.svg');
	background-repeat: no-repeat;
	transform: none;
	width: 8px;
	height: 8px;
	top: 7px;
	right: -14px; }

.redesing_head ul.contacts li .btn {
	font-size: 16px;
	line-height: 19.2px;
	background-color: rgba(128, 195, 66, 1);
	border-radius: 12px;
	width: 230px;
	padding: 16px 23px; }
.redesing_head ul.contacts li .btn:hover {
	box-shadow: none;
	background-color: rgba(99, 157, 45, 1); }

#header {
	height: 130px;
	padding-top: 15px;
	box-shadow: none;
	border-bottom: 1px solid rgba(237, 239, 238, 1); }
#header .contacts {
	position: unset; }
.header-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap; }

#navigation {
	position: unset; }
#navigation .search {
	position: unset; }

.header-logo {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap; }
.header-logo .slogan {
	margin-top: 2px;
	margin-right: 20px; }
.header-logo .slogan {
	margin-bottom: -4px;
	margin-left: 15px; }
.header-contacts {
	display: flex;
	flex-wrap: wrap;
	margin-left: auto; }
.header-contact {
	background-color: rgba(246, 246, 246, 1);
	border-radius: 12px;
	margin-right: 10px;
	height: 51.2px;
	display: flex;
	align-items: center;
	padding: 0px 20px; }
.header-contact-name {
	color: rgba(21, 22, 22, 1);
	font-weight: 500;
	font-size: 14px;
	line-height: 16.8px;
	margin-bottom: 2px; }
.header-contact-name a {
	color: rgba(21, 22, 22, 1);
	text-decoration: none; }
.header-contact-name a:hover {
	color: rgba(128, 195, 66, 1); }
.header-contact-text {
	color: rgba(128, 135, 134, 1);
	font-size: 12px;
	line-height: 14.4px; }
.header-contact-text a {
	color: rgba(128, 135, 134, 1);
	text-decoration: none; }
.header-contact-text a:hover {
	color: rgba(128, 195, 66, 1); }
.header-contact-count {
	color: rgba(21, 22, 22, 1);
	font-weight: 600;
	font-size: 20px;
	line-height: 20px;
	margin-left: 5px; }
.header-contact-icon {
	margin-right: 12px; }
.header-contact-address {
	margin-right: 40px; }

.header-nav {
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	display: flex;
	padding-top: 5px; }

.header-contacts-socials a {
	background-color: rgba(246, 246, 246, 1);
	border-radius: 12px;
	width: 51.2px;
	height: 51.2px;
	display: flex;
	align-items: center;
	justify-content: center; }
.header-contacts-socials a:hover {
	background-color: rgba(203, 205, 204, 0.3); }

ul.contacts li:nth-child(2) {
	margin-left: 10px; }

.search-form button {
	background-color: transparent;
	border: none;
	height: 22px; }
#navigation .search .search-form {
	position: relative;
	margin-bottom: 12px; }
#navigation .search .search-popup {
	position: absolute;
	top: 114px;
	right: 0;
	border-radius: 12px;
	background-color: #fff;
	z-index: 1010;
	display: none;
	width: 1170px; }
#navigation .search .search-popup.active {
	display: block; }
.requests_block {
	border-top: 1px solid #EBEBEB;
	padding-top: 20px; }
#navigation .search .search-form input {
    width: 100%;
    height: 54px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    padding: 10px 70px 10px 30px; }
#navigation .search > a {
	background: none;
	width: 155px;
	color: #151616;
	font-size: 16px;
	line-height: 120%;
	text-decoration: none;
	font-weight: 500;
	display: flex;
	align-items: center;
	margin-top: 20px; }
#navigation .search > a svg {
	margin-left: 15px; }
#navigation .search > a.active {
	z-index: 1010;
	position: relative;
	color: #fff; }
#navigation .search > a.active svg path {
	fill: #fff; }

.search-form input::placeholder {
	color: rgba(21, 22, 22, 1);
	opacity: 1; }
.search-form input:focus::placeholder {
	color: rgba(21, 22, 22, 0.3); }

.mob-social-icons a {
	width: 40.4px;
	height: 40.4px;
	border-radius: 8px;
	background: rgba(246, 246, 246, 1);
	display: flex;
	align-items: center;
	justify-content: center; }
#header .mob-social-icons {
	height: 40.4px; }

.active-top #header {
	height: 130px; }

@media screen and (max-width: 768px) {
	.active-top #header {
		height: 97px; }

	.active-top #navigation {
		padding-top: 10px; }
	.active-top #navigation .search {
		z-index: auto; }
}

#navigation {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%; }
#navigation .search .search-form {
	display: block !important;
	position: unset;
	background: no-repeat;
	padding: 0;
	box-shadow: none;
	margin-top: 3px; }
#navigation .search .search-form button {
	position: absolute; }
#navigation .search .close_search {
	right: 70px; }
.requests_box {
	padding-left: 30px; }

.clearfix {
	clear: both; }

@media screen and (max-width: 1720px) {
	.header-contact-reviews .header-contact-name,
	.header-contact-reviews .header-contact-text {
		display: none; }
	.header-contact-reviews .header-contact-icon {
		margin-right: 0; }
}

@media screen and (max-width: 1600px) {
	.header-contact-address {
		margin-right: 10px; }
	.redesing_head ul.contacts li .btn {
		width: 185px; }
	.header-contact-phone .header-contact-text span {
		display: none; }
}

@media screen and (max-width: 1480px) {
	.header-logo .slogan {
    	max-width: 200px;
		font-size: 12px; }
	.header-logo .slogan br {
		display: none; }
	.redesing_head .header-logo .logo {
		width: 160px;
		height: 40px; }
}

@media screen and (max-width: 1420px) {
	.header-contact-address,
	.header-contact-reviews {
		display: none; }
}

@media (max-width: 1170px) {
	.redesing_head ul.contacts li .btn {
		padding: 13px 20px;
		font-size: 12px;
		line-height: 14.4px; }
	.header-contacts-socials a {
		width: 40.4px;
		height: 40.4px; }
	.header-contacts-socials svg {
		width: 16px;
		height: 16px; }
	.header-contact {
		padding: 0px 15px;
		height: 40.4px; }
	.header-contact-name {
		font-size: 12px;
		line-height: 14.4px; }
	.header-contact-text {
		font-size: 10px;
		line-height: 12px; }
	.redesing_head .header-logo .logo {
    	width: 140px; }

    .mb-burger {
	    background: rgba(246, 246, 246, 1);
	    border-radius: 8px;
	    width: 40.4px;
	    height: 40.4px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    position: unset;
	    margin-right: 10px; }
	#header:not(.mb-open-nav) .mb-burger .close {
		display: none; }
	#header.mb-open-nav .mb-burger .default {
		display: none; }

	#header {
		height: 54px;
		padding-top: 5px; }
	.mob_contact {
		width: 100%; }
	.mob_contact .phone {
		font-size: 12px;
		line-height: 14.4px; }
	.mob_contact .call_link {
		color: rgba(21, 22, 22, 1);
		font-size: 12px;
		line-height: 14.4px; }

	#wrapper {
    	padding: 54px 0 0 !important; }
}

@media screen and (max-width: 992px) {
	.header-logo .slogan {
		display: none; }

	#header:not(.mb-open-nav) .header-nav {
		display: none; }
}


@media screen and (max-width: 768px) {
	.redesing_head #header .logo {
    	width: 110px;
		height: 31px; }
	.header-logo {
		padding-top: 8px;
		display: flex;
		align-items: center; }
	#header {
    	height: 97px; }
    .header-contacts,
    #header ul.contacts {
		display: none; }

	#header .mob-social-icons {
		gap: 7px;
		right: 13px;
		bottom: 8px; }
	#header .mob-social-icons svg {
		width: 18px;
		height: 18px; }

	#navigation {
		padding-top: 10px; }
	#navigation:before {
		display: none; }
	.nav {
		padding-top: 0;
		padding-bottom: 0; }
	.nav li a {
		height: 43px; }

	.navigation-wrapper {
		width: 100%; }
	#navigation .search {
		width: 100%;
		background: rgba(246, 246, 246, 1);
		border-radius: 8px;
		position: relative; }
	#navigation .search .search-form input {
		width: 100%; }
	#navigation .search .search-form button {
		position: absolute;
		top: 0;
		right: 0;
		transform: none;
		top: 5px;
		right: 10px; }
	#navigation .search {
		position: unset;
		z-index: auto; }

	.sab-nav > li > a.arrow::before {
		width: 8px;
		height: 8px;
		transform: none;
		border-color: #000;
		top: 7px; }
	#navigation .sab-nav li > .drop.open-drop {
    	padding-top: 30px; }

    #navigation .search {
	    background: none; }
    #navigation .search > a {
	    display: none; }
	#navigation .search .search-popup {
		display: block;
		position: unset;
		width: 100%; }
	#navigation .search .search-form {
		margin: 0; }
	#navigation .search .search-form input {
    	background: #f0f0f0;
		border-radius: 8px; }
}
*/

.card-menu-fixed-bottom {
	z-index: 100 !important;
}
.cards-block--sections li::before {
	display: none;
}
.cards-block--sections {
	padding: 0 !important;
}
.cards-block--sections .cards-block__item {
	padding: 10px 30px 30px 30px !important;
}
.cards-block--sections .cards-block__title {
	font-size: 20px !important;
	margin-bottom: 10px !important;
}
.list-circle--sections {
	padding: 0 !important;
}
.list-circle--sections li::before {
	top: 7px !important;
}
.block-2-columns--sections .img-block2 img {
	margin: 0 !important;
}
.sab-nav li > .drop ul li {
	line-height: 24px;
}
.cards-block3 {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(min(400px,100%),1fr));
	gap: 30px;
}
.cards-block3__img {
	margin: 0 !important;
	max-width: inherit !important;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.cards-block3__item {
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 2;
	gap: 20px;
}




#footer {
	padding-top: 30px;
	border-top: 1px solid rgba(237, 239, 238, 1); }
#footer:after {
	display: none; }
#footer .logo {
	width: 202px;
	height: 47px; }
#footer .slogan {
	color: rgba(115, 115, 115, 1);
	font-weight: 400;
	font-size: 14px;
	line-height: 18.2px;
	max-width: 235px; }

.footer-contacts-phone {
	margin-bottom: 5px;
	padding-top: 14px; }
.footer-contacts-phone a {
	color: rgba(21, 22, 22, 1);
	font-weight: 500;
	font-size: 32px;
	line-height: 38.4px;
	text-decoration: none; }
.footer-contacts-phone a:hover {
	color: #80C342; }
.footer-contacts-watch {
	color: rgba(115, 115, 115, 1);
	font-weight: 400;
	font-size: 12px;
	line-height: 14.4px;
	margin-bottom: 30px; }
.footer-btn {
	display: inline-block;
	background-color: rgba(246, 246, 246, 1);
	border-radius: 6px;
	color: rgba(115, 115, 115, 1);
	font-size: 12px;
	line-height: 14.4px;
	padding: 12px 18px;
	text-decoration: none; }
.footer-address-value {
	padding-top: 16px;
	color: rgba(21, 22, 22, 1);
	font-weight: 500;
	font-size: 16px;
	line-height: 19.2px;
	margin-bottom: 8px; }
.footer-address-metro {
	color: rgba(115, 115, 115, 1);
	font-weight: 400;
	font-size: 12px;
	line-height: 14.4px;
	margin-bottom: 24px;
	background-image: url('/images/metro.svg');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px; }
.footer-panel {
	border-bottom: 1px solid rgba(237, 239, 238, 1); }

.footer-menu {
	padding-top: 30px; }

.footer-social {
	margin-top: 15px; }
.footer-social .soc_box a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	background-color: rgba(246, 246, 246, 1);
	border-radius: 12px; }
.footer-social ul a svg {
	width: 22px;
	height: 22px; }
.footer-social ul li {
	margin-right: 10px;
	margin-bottom: 10px; }

#footer .menu > li > a {
	color: #737373;
	font-weight: 400;
	font-size: 14px;
	line-height: 18.2px;
	letter-spacing: 0;
	text-transform: none; }
#footer .menu a {
	color: #151616;
	font-weight: 400;
	font-size: 16px;
	line-height: 19.2px; }
#footer .menu ul li {
	margin: 0 0 12px; }

.footer-text {
	color: #737373;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	max-width: 290px;
	margin-bottom: 20px; }

.dev_list li {
	margin-bottom: 10px; }
.dev_list li a {
	color: #151616;
	font-weight: 400;
	font-size: 16px;
	line-height: 19.2px; }

.list_sizes {
	gap: 20px;
}
.list_sizes li {
	margin-right: auto !important;
}
.card-section .card-gallery {
	height: 700px !important;
}
.project-details h1.project-tag {
	max-width: 100%;
}
.promo-details__title {
	margin: 0 0 8px;
	font-family: 'TT Firs Neue', sans-serif;
	font-weight: 500;
	font-size: 24px;
	line-height: 1.2;
	color: #fff;
}
.card-features-download__title {
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	font-size: 56px;
	line-height: 67px;
	margin: 0;
	text-align: center;
	color: rgba(21, 22, 22, 1);
	letter-spacing: -0.005em;
}
.card-features-download__title span {
	color: rgba(128, 195, 66, 1);
}
.project-options-gallery__title {
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	color: rgba(21, 22, 22, 1);
	font-size: 24px;
	line-height: 28px;
	margin: 0 0 32px;
	letter-spacing: -0.005em;
}
.project-details-item__title {
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	margin: 0 0 24px;
	color: rgba(21, 22, 22, 1);
}
.card-project-description-list__title {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	font-size: 24px;
	line-height: 28px;
	color: rgba(21, 22, 22, 1);
	margin: 0 0 16px;
	font-weight: 400;
}
.project-info__title {
	font-family: 'TT Firs Neue', sans-serif;
	margin: 0 0 14px;
	font-weight: 500;
	font-size: 56px;
	line-height: 67px;
	color: rgba(21, 22, 22, 1);
}
.card-menu-fixed-bottom__title {
	font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
	font-size: 40px;
	line-height: 48px;
	margin: 0;
	padding-right: 14px;
}
.articles_block__title {
	margin: 0 0 16px;
	color: #000;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'TT Firs Neue', serif;
	font-size: 16px;
	line-height: 1.5;
}
.footer-contacts-watch {
	margin-bottom: 5px;
}
.footer-contacts-email {
	margin-bottom: 30px;
}
.footer__span-title {
	color: #000;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
	text-transform: uppercase;
	font-family: 'TT Firs Neue', serif;
	min-height: 45px;
	display: inline-block;
}
.catalog-tags-content span {
	display: block;
	padding: 10px 15px;
}
.logo:has(span) {
	cursor: unset;
}
.catalog .p-filter {
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
}
.catalog-panel-filter.active {
	position: fixed !important;
	top: 110px;
	right: 0;
}
.catalog-item-image img {
	transition: all .3s ease;
}
.catalog-item-image a:hover img {
	transform: scale(1.2);
	transition: all .3s ease;
}
.no-marker::before {
	border: none !important;
}
.cards-block2.cards-block2--mk {
	grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
}
.cards-block2--mk .cards-block2__desc {
	margin: 0;
}
.cards-block2--mk .cards-block2__title {
	font-weight: 500;
	margin-bottom: 20px;
}
.list-circle {
	padding-left: 20px;
}
.list-circle li {
	position: relative;
	margin-bottom: 5px;
}
.list-circle li::before {
	content: '';
	width: 5px;
	height: 5px;
	display: block;
	border-radius: 50%;
	background-color: rgba(128, 195, 66, 1);
	display: block;
	position: absolute;
	left: -15px;
	top: 8px;
}
.cards-block--mk .cards-block {
	grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
}
.strong-text {
	font-weight: 500;
}
.roistat-online-chat-holder {
	bottom: 50px !important;
	right: 10px !important;
}
.block-2-columns--mk {
	flex-direction: row-reverse;
}
.block-2-columns__wrap {
	margin-bottom: 30px;
}
.block-2-columns--delivery .block-2-columns__text {
	flex-basis: 50%;
}
.cards-block2--delivery .cards-block2__title {
	font-weight: 500;
	margin-bottom: 10px;
	margin-top: 5px;
}
.list-circle--inner {
	margin-top: 15px;
}
.mt-0 {
	margin-top: 0 !important;
}
.mt-30 {
	margin-top: 30px !important;
}
.pt-0 {
	padding-top: 0 !important;
}
.block-2-columns--reverse {
	justify-content: center;
	align-items: center;
}
.block-2-columns--reverse .block-2-columns__text {
	order: 2;
}
.cards-block2.cards-block2--delivery {
	grid-template-columns: repeat(auto-fit, minmax(min(400px, 100%), 1fr));
}
.sab-nav li {
	/*margin: 0 30px 0 0 !important;*/
}
.title-link {
	text-decoration: none;
	color: #151616;
	font-weight: 400;
	font-size: 24px;
	line-height: 28.8px;
}
.title-link:hover {
	color: #80C342;
}

.section-stocks__item {
	min-height: 352px;
	background-repeat: no-repeat;
	background-position: center bottom;
	border-radius: 12px;
	padding: 40px;
	background-color: #fff;
	background-size: 100%;
}
.section-stocks__inner-wrap {
	overflow: hidden;
	position: relative;
	padding-bottom: 50px;
}
.section-stocks__swiper {
	position: relative;
}
.section-stocks__main-title {
	font-weight: 500;
	font-size: 56px;
	line-height: 120%;
	text-align: center;
	color: #151616;
	margin-bottom: 48px;
}
.section-stocks__wrap {
	padding-top: 60px;
	padding-bottom: 60px;
}
.section-stocks__title {
	font-size: 16px;
	line-height: 140%;
	color: #323836;
	margin: 0 0 48px 0;
}
.section-stocks__title span {
	font-weight: 600;
}
.swiper-buttons-new {
	display: flex;
	margin-top: auto;
	gap: 8px;
	position: absolute;
	right: 0;
	top: -96px;
	z-index: 5;
}
.swiper-prev-new, .swiper-next-new {
	cursor: pointer;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 48px;
	height: 48px;
	background: #323836;
	border-radius: 8px;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 1;
	transition: all linear 0.1s;
}
.swiper-prev-new:hover, .swiper-next-new:hover {
	background: #80c342;
}
.badger-block {
	display: inline-block;
	vertical-align: top;
	padding: 8px 16px;
	background-color: #E6F5D0;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.2;
	color: #80c342;
	border-radius: 8px;
}
.section-stocks__top {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}
.section-stocks__pagination {
	bottom: -40px !important;
}
.swiper-pagination-new .swiper-pagination-bullet {
	border-radius: 8px;
	width: 50px;
	height: 6px;
	background: #b3b3b3;
}
.swiper-pagination-new .swiper-pagination-bullet-active {
	background: #80c342;
}
.section-width {
	width: 100%;
}
.section-vk__swiper {
	position: relative;
	margin-top: 48px;
}
.section-vk__top-logo {
	width: 202px;
	height: 46px;
}
.section-vk__top-header {
	display: grid;
	grid-template-columns: 192px 1fr;
	gap: 20px;
	align-items: center;
	margin-bottom: 30px;
}
.section-vk__top-info {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.section-vk__top-hash {
	font-weight: 500;
	font-size: 20px;
	color: #2d2d2d;
}
.section-vk__top-date {
	font-size: 12px;
	color: #808786;
}
.section-vk__title {
	font-size: 24px;
	line-height: 120%;
	color: #151616;
	margin-bottom: 24px;
}
.section-vk__desc {
	line-height: 140%;
	color: #808786;
	margin-bottom: 24px !important;
}
.section-vk__bottom-block {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 20px;
	margin-top: 28px;
}
.section-vk__comments,
.section-vk__likes {
	display: flex;
	align-items: center;
	gap: 11px;
}
.section-vk__comments span,
.section-vk__likes span {
	font-weight: 500;
	font-size: 16px;
	color: #151616;
}
.section-vk__img-block {
	border-radius: 20px;
	overflow: hidden;
}
.section-vk__img {
	object-fit: cover;
	width: 100%;
}
.section-vk__inner-wrap,
.section-reviews__inner-wrap,
.section-reasons__inner-wrap {
	overflow: hidden;
}
.section-top-2 {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 20%;
}
.section-top-2__badger {
	flex-shrink: 0;
	margin-bottom: 24px;
	margin-top: 9px;
}
.section-top-2__title {
	font-weight: 500;
	font-size: 56px;
	line-height: 120%;
	color: #151616;
	margin: 0;
}
.section-vk__wrap {
	padding-top: 60px;
	padding-bottom: 60px;
}
.section-top-2__title-wrap {
	max-width: 850px;
}
.section-reviews__wrap {
	padding-top: 60px;
	padding-bottom: 60px;
}
.cards-1 {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(min(350px,100%),1fr));
	gap: 20px;
}
.cards-1__item {
	border-radius: 12px;
	background: #f6f6f6;
	padding: 24px 30px;
	display: flex;
	align-items: center;
	gap: 5px;
}
.cards-1__left,
.cards-1__right {
	flex: 1 0 0;
}
.cards-1__right {
	display: flex;
	align-items: center;
	gap: 20px;
}
.cards-1__stars-block {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.cards-1__value {
	font-weight: 600;
	font-size: 26px;
	color: #323836;
}
.cards-1__stars-value {
	font-size: 14px;
	text-align: right;
	color: #80c342;
}
.section-reviews__btn {
	border: none;
	background: transparent;
	line-height: 140%;
	color: #151616;
	position: relative;
	margin-top: 8px;
	padding: 0;
}
.section-reviews__btn::after {
	content: '';
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.27488 10.4276C8.58884 10.7465 9.09786 10.7465 9.41182 10.4276L13.3094 6.46828C13.6925 6.07907 13.6925 5.45443 13.3094 5.06522L9.41182 1.10594C9.09786 0.787016 8.58884 0.787016 8.27488 1.10594C7.96092 1.42487 7.96092 1.94196 8.27488 2.26089L10.9222 4.95008L0.803941 4.95008C0.359937 4.95008 4.79186e-08 5.31571 0 5.76675C0 6.21778 0.359937 6.58341 0.803941 6.58341L10.9222 6.58341L8.27488 9.27261C7.96092 9.59154 7.96092 10.1086 8.27488 10.4276Z' fill='%23151616' /%3e%3c/svg%3e") center no-repeat;
	display: block;
	width: 14px;
	height: 11px;
	position: absolute;
	right: -25px;
	top: 5px;
}

.section-reviews__cards {
	margin-bottom: 36px;
}
.section-reviews__fio {
	font-size: 24px;
	line-height: 120%;
	color: #151616;
	margin-bottom: 10px;
}
.section-reviews__date {
	line-height: 140%;
	color: #808786;
	margin-bottom: 10px;
	display: block;
}
.section-reviews__stars-img {
	display: block;
	margin-bottom: 24px;
}
.section-reviews__desc p {
	line-height: 140%;
	color: #808786;

}
.section-reviews__desc {
	-webkit-line-clamp: 9;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.section-reviews__desc.active {
	-webkit-line-clamp: none;
}
.section-reviews__desc p:last-of-type {
	margin: 0;
}
.section-reviews__info-wrap {
	position: relative;
	margin-top: 48px;
}
.section-top-2__subtitle {
	margin: 14px 0 0 0;
	font-size: 16px;
	line-height: 140%;
	color: #323836;
}
.form-1 {
	border-radius: 12px;
	background: #f6f6f6;
	padding: 48px 98px;
}
.form-1__title {
	font-weight: 500;
	font-size: 56px;
	line-height: 120%;
	color: #151616;
	margin-bottom: 16px;
}
.form-1__desc {
	font-size: 18px;
	color: #323836;
	margin-bottom: 48px;
	max-width: 600px;
}
.form-1__inner-wrap {
	display: grid;
	grid-template-columns: 40% 60%;
	gap: 20px;
}
.form-1__info {
	display: flex;
	gap: 25px;
}
.form-1__info-desc {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.form-1__tel {
	display: inline-block;
	font-weight: 500;
	font-size: 20px;
	color: #151616;
	text-decoration: none;
}
.form-1__info-desc-top {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.form-1__info-desc-bottom {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.form-1__email {
	font-weight: 500;
	font-size: 20px;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	color: #80c342;
}
.form-1__fio {
	font-size: 20px;
	line-height: 120%;
	color: #151616;
	margin: 0;
}
.form-1__position {
	font-size: 16px;
	line-height: 150%;
	color: #808786;
	margin: 0;
}
.choice-block__title {
	font-size: 18px;
	color: #323836;
	margin-bottom: 20px;
}
.choice-block__wrap {
	display: grid;
	grid-template-columns: repeat(3,min-content);
	gap: 36px;
}
.choice-block__radio {
	width: 100%;
	height: 16px;
	border: 1px solid #cbcdcc;
	border-radius: 50%;
	transition: background-color 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	flex-basis: 30px;
	max-width: 16px;
	flex-shrink: 0;
}
.choice-block__radio::after {
	content: "";
	position: relative;
	width: 100%;
	max-width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #80c342;
	opacity: 0;
}
.choice-block__input:checked + .choice-block__radio::after {
	opacity: 1;
}
.choice-block__input {
	display: none;
}
.choice-block__label {
	display: flex;
	align-items: center;
	gap: 5px;
	cursor: pointer;
}
.choice-block__label-name {
	font-size: 18px;
	color: #323836;
}
.form-1__input-block {
	margin-top: 32px;
	margin-bottom: 24px;
}
.form-1__input-block {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 12px;
}
.form-1__item:nth-child(1) {
	grid-column: 1 / -1;
}
.input-new {
	border: 1px solid #cbcdcc;
	border-radius: 8px;
	padding: 16px 24px;
	height: 64px;
	background: #fff;
	width: 100%;
}
.input-new::placeholder {
	font-size: 14px;
	line-height: 160%;
	color: #737373;
}
.form-1__btn,
.form-5__btn {
	border-radius: 12px;
	padding: 10px 32px;
	height: 64px;
	background: #80c342;
	font-weight: 500;
	font-size: 14px;
	line-height: 120%;
	text-align: center;
	color: #fff;
	border: none;
	width: 100%;
}
.checkbox-new {
	position: relative;
}
.checkbox-new::before {
	content: '';
	position: absolute;
	left: 0;
	top: 1px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	line-height: 16px;
	border-radius: 4px;
	color: #46a346;
	font-size: 12px;
	border: 1px solid #cbcdcc;
}
.agree-block__checkbox:checked + .checkbox-new::before {
	content: "✔";
}
.agree-block__checkbox {
	display: none;
}
.agree-block {
	display: flex;
	gap: 28px;
}
.agree-block__text {
	font-size: 14px;
	line-height: 140%;
	color: #737373;
	margin: 0;
}
.section-reasons .features-slider {
	margin: 0 !important;
	overflow: unset;
}
.section-reasons__top {
	margin-bottom: 48px;
}
.section-reasons__inner-wrap {
	position: relative;
}
.section-reasons .features-section .swiper-pagination {
	bottom: -55px !important;
}

.features-slider2 .swiper-slide div {
	position: relative;
	z-index: 2;
}
.features-slider2 .slide-number {
	display: block;
	border-bottom: 1px solid #fff;
	padding: 0 0 11px 0;
	margin: 0 0 10px;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.2;
	text-align: center;
	color: #fff;
}
.features-slider2 .swiper-slide {
	flex-shrink: 0;
	position: relative;
	transition-property: transform;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-radius: 12px;
	font-family: 'TT Firs Neue', sans-serif;
	padding: 16px 40px;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.4;
	text-align: center;
	color: #edefee;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: cover;
	overflow: hidden;
	min-height: auto;
	height: 625px;
	max-height: calc(100vh - 160px);
}
.features-slider2 .slide-title {
	display: block;
	margin: 0 0 26px;
	font-weight: 500;
	font-size: 24px;
	line-height: 1.2;
	text-align: center;
	color: #fff;
}
.features-slider2 .swiper-slide div {
	position: relative;
	z-index: 2;
}
.features-slider2 .link-more {
	display: none;
}
.features-slider2 p {
	margin: 0 0 22px;
}
.features-slider2 strong {
	font-weight: 600;
}
.section-stages .card-project-description-list__title {
	display: flex;
	gap: 5px;
}
.section-stages {
	background-size: 32% auto !important;
}
.section-stages .card-project-description-list {
	width: 75% !important;
}
.section-portfolio__inner-wrap {
	overflow: hidden;
}
.section-portfolio__img-block {
	height: 450px;
	border-radius: 20px;
	overflow: hidden;
}
.section-portfolio__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.section-portfolio__swiper {
	margin-top: 48px;
	position: relative;
}
.section-top-2__title--portfolio {
	max-width: 597px;
}
.section-portfolio__item {
	position: relative;
}
.section-portfolio .portfolio-slider_block {
	position: absolute;
	bottom: 48px;
	width: calc(100% - 96px);
	left: 48px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 1;
}
.section-portfolio .section-portfolio__item::after {
	content: '';
	background: linear-gradient(180deg, rgba(21, 21, 21, 0) 3.32%, #151515 100%);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50%;
	border-radius: 20px;
}
.section-portfolio .portfolio-slider_title {
	font-weight: 500;
	font-size: 20px;
	line-height: 120%;
	color: #fff;
}
.section-portfolio .portfolio-slider_text {
	max-width: 425px;
	flex-basis: 80%;
}
.section-portfolio .portfolio-slider_plus {
	border-radius: 50px;
	padding: 13px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	transition: all 0.3s linear;
}
.section-portfolio .portfolio-slider_plus:hover {
	opacity: .8;
}
.quote-block.type-2 .card-project-description-list li::before {
	display: none;
}
.quote-block.type-2 .card-project-description-list {
	padding: 0;
	margin: 0;
}
.quote-block.type-2 .card-project-description-list li {
	display: flex;
	margin-bottom: 47px;
	padding: 0 10% 0 0;
	width: 50%;
	flex: 0 0 auto;
}
.section-portfolio__wrap {
	padding-bottom: 120px;
}
.section-reasons__wrap {
	padding-top: 60px;
	padding-bottom: 60px;
}
.form-1__wrap {
	margin-bottom: 60px;
}
iframe.three_tours {
	width: 100%;
	height: auto;
	height: 100vh;
	border: 0;
}
.section-top {
	background: url('/local/templates/bania.3.1/css/../images/sauna/sauna-top-bg.webp') center no-repeat, linear-gradient(360deg, rgba(21, 21, 21, 0) 0%, #151515 100%);
	background-size: cover;
	padding: 64px;
	border-radius: 12px;
	color: #fff;
	position: relative;
}
.section-top__title {
	font-weight: 500;
	font-size: 80px !important;
	line-height: 100% !important;
	text-transform: uppercase;
	margin-bottom: 17px;
	max-width: 811px;
	text-wrap: balance;
	color: #fff;
}
.section-top__subtitle {
	font-weight: 500;
	font-size: 20px;
	line-height: 140%;
	margin-bottom: 0;
	max-width: 700px;
}
.section-top__title-block {
	margin-bottom: 80px;
}
.section-top__info-text {
	font-weight: 500;
	font-size: 18px;
	line-height: 140%;
	margin-bottom: 32px;
	max-width: 465px;
}
.green-btn {
	border-radius: 12px;
	padding: 19px 32px;
	height: 56px;
	background: #80c342;
	text-align: center;
	display: inline-block;
	font-weight: 500;
	line-height: 120%;
	color: #fff;
	text-decoration: none;
	transition: 0.5s;
	border: none;
}
.green-btn:hover {
	background-color: #639D2D;
	color: #fff;
}
.section-top__footer {
	border-top: 1px solid #fff;
	padding-top: 30px;
	margin-top: 98px;
}
.section-top__footer-list {
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
}
.section-top__footer-item {
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 12px;
	padding: 28px 40px;
	height: 80px;
	backdrop-filter: blur(24px);
	background: rgba(255, 255, 255, 0.2);
	display: flex;
	align-items: center;
	gap: 15px;
}
.section-top__footer-icon {
	border-radius: 8px;
	padding: 14px;
	width: 40px;
	height: 40px;
	background: rgba(128, 195, 66, 0.2);
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.section-top__footer-icon--1::after {
	content:  url('/local/templates/bania.3.1/css/../images/sauna/guarantee.svg');
	width: 17px;
	height: 20px;
}
.section-top__footer-icon--2::after {
	content:  url('/local/templates/bania.3.1/css/../images/sauna/eco.svg');
	width: 20px;
	height: 17px;
}
.section-top__footer-icon--3::after {
	content:  url('/local/templates/bania.3.1/css/../images/sauna/car.svg');
	width: 20px;
	height: 20px;
}
.section-top__footer-icon--4::after {
	content:  url('/local/templates/bania.3.1/css/../images/sauna/clock.svg');
	width: 17px;
	height: 17px;
}
.section-top__footer-title {
	font-weight: 500;
	font-size: 24px;
	line-height: 120%;
	text-align: center;
}
.section-top__left-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
	position: absolute;
	top: 64px;
	right: 64px;
}
.section-top__left-item {
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 12px;
	padding: 16px;
	width: 120px;
	backdrop-filter: blur(24px);
	background: rgba(20, 20, 20, 0.2);
	display: flex;
	flex-direction: column;
	gap: 32px;
}
.section-top__left-info-rating {
	font-weight: 500;
	font-size: 48px;
	line-height: 102%;
	text-transform: uppercase;
	color: #fff;
	display: block;
}
.section-top__left-info-quantity {
	font-size: 12px;
	line-height: 140%;
	color: #edefee;
	opacity: 0.5;
}
.section-top__wrap {
	margin-bottom: 32px;
}
.section-tags__list {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(min(402px,100%),1fr));
	gap: 20px;
}
.section-tags__item {
	border-radius: 12px;
	padding: 24px;
	background: #f6f6f6;
	display: flex;
	gap: 18px;
	align-items: center;
}
.section-tags__item-title {
	font-weight: 500;
	font-size: 20px;
	color: #151616;
	margin: 0;
}
.section-tags__item-title span {
	color: #80c342;
}
.section-tags__wrap {
	margin-bottom: 32px;
}
.text-block-2__info {
	display: grid;
	grid-template-columns: 45% 55%;
	gap: 20px;
	margin-top: 48px;
}
.text-block-2__info-img-block {
	border-radius: 10px;
	overflow: hidden;
}
.text-block-2__info-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.text-block-2__info-desc p {
	font-size: 18px;
	line-height: 140%;
	color: #323836;
	margin-bottom: 20px;
}
.text-block-2__info-desc-title {
	font-weight: 600;
	font-size: 20px !important;
	line-height: 140% !important;
	color: #80c342 !important;
	margin-bottom: 10px !important;
}
.text-block-2__wrap {
	margin-top: 160px;
	margin-bottom: 160px;
}
.text-block-2__btns-block {
	margin-top: 40px;
	text-align: center;
}
.section-reviews--sauna {
	padding: 0;
	margin-top: 160px;
	margin-bottom: 160px;
}
.section-faq__wrap .faq {
	margin-top: 48px;
}
.section-certificates__list {
/*	overflow: hidden;*/
}
.section-certificates {
	border-radius: 12px;
	background: #f6f6f6;
	padding: 80px;
}
.section-certificates__wrap {
	margin-top: 160px;
	margin-bottom: 160px;
}
.section-certificates h2 {
	font-weight: 500;
	font-size: 56px;
	line-height: 1.2;
	text-align: center;
	color: #151616;
}
.certificates-slider {
  position: relative;
}
.certificates-section .holder-certificates-slider {
    overflow: hidden;
}
.section-certificates .project-example-nav {
	margin-top: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 40px;
}
.section-certificates .certificates-slider .project-example-nav .btn-prev,
.section-certificates .project-example-nav .btn-next {
	display: block !important;
	background-color: rgba(50, 56, 54, 1);
	height: 48px;
	width: 48px;
	border-radius: 8px;
	text-align: center;
	line-height: 48px;
}
.section-certificates .project-example-nav .btn-prev svg,
.section-certificates .project-example-nav .btn-next svg {
	margin: 0 0 -4px;
}
.section-certificates .project-example-nav .swiper-pagination-fraction {
	width: auto !important;
	font-size: 16px;
	line-height: 22px;
	color: rgba(128, 135, 134, 1);
	font-weight: 400;
}
.section-certificates .project-example-nav .swiper-pagination-current {
	font-weight: 700;
	font-size: 18px;
	color: rgba(21, 22, 22, 1);
}
.form-2 {
	background: url('/local/templates/bania.3.1/css/../images/sauna/form2-bg.webp') center no-repeat, linear-gradient(360deg, rgba(21, 21, 21, 0) 0%, #151515 100%);
	background-size: cover;
	border-radius: 12px;
	overflow: hidden;
	padding: 48px;
	color: #fff;
	display: grid;
	grid-template-columns: 60% 40%;
	gap: 30px;
}
.form-2__title {
	font-weight: 500;
	font-size: 42px;
	line-height: 120%;
	margin-bottom: 82px;
}
.form-2__subtitle {
	line-height: 140%;
	margin-bottom: 32px;
	max-width: 602px;
}
.form-2__form {
	max-width: 894px;
}
.form-2__list {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.form-2__btn {
	padding: 22px 32px;
	height: 100%;
	border: none;
}
.form-2__agree {
	margin-top: 14px;
}
.form-2__agree .agree-block__text {
	color: #fff;
}
.form-2__agree .agree-block__text a {
	text-decoration: none;
}
.form-2__agree .agree-block__text a:hover {
	text-decoration: underline;
}
.form-2__card {
	border-radius: 12px;
	max-width: 570px;
	background: #323836;
	padding: 32px;
}
.form-2__card-icon-block {
	border-radius: 8px;
	background-color: #80c342;
	width: 54px;
	height: 54px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}
.form-2__card-title-block {
	display: flex;
	align-items: center;
	gap: 24px;
	margin-bottom: 40px;
}
.form-2__card-title {
	font-size: 24px;
	line-height: 140%;
	margin: 0;
}
.form-2__card-desc {
	font-weight: 500;
	font-size: 18px;
	line-height: 140%;
	margin: 0;
}
.form-2__right {
	display: flex;
	justify-content: center;
	align-items: center;
}
.form-2__wrap {
	margin-top: 160px;
	margin-bottom: 160px;
}
.portfolio {
	margin-bottom: 160px;
	width: 100%;
}
.portfolio-header .badge {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}
.portfolio-header {
	display: flex;
	justify-content: space-between;
	position: relative;
	margin-bottom: 48px;
}
.portfolio-header .holder-title {
	max-width: 597px;
	margin: 0 auto;
}
.portfolio-header h2 {
	font-size: 56px;
	font-weight: 500;
	line-height: 67.2px;
	margin-bottom: 0;
}
.portfolio-buttons {
	display: flex;
	margin-top: auto;
	gap: 8px;
}
.portfolio-slide {
	max-width: 677px;
}
.portfolio-slider {
	overflow: hidden;
	margin-bottom: 40px;
}
.portfolio-slider_block {
	position: absolute;
	bottom: 48px;
	width: calc(100% - 96px);
	left: 48px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 1;
}
.portfolio-slider_img {
	max-width: 677px;
	width: 100%;
	border-radius: 20px;
	overflow: hidden;
	max-height: 520px;
	min-height: 465px;
	object-fit: cover;
}
.portfolio-slider_title {
	color: #FFFFFF;
	font-size: 24px;
	font-weight: 500;
	line-height: 28.8px;
	margin-bottom: 12px;
}
.portfolio-slider_subtitle {
	color: #CBCDCC;
	font-size: 14px;
	line-height: 18.2px;
}
.portfolio-slider_text {
	max-width: 425px;
	flex-basis: 80%;
}
.portfolio-slide::after {
	content: '';
	background: linear-gradient(180deg, rgba(21, 21, 21, 0) 3.32%, #151515 100%);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50%;
	border-radius: 20px;
}
.portfolio-slider_plus {
	border-radius: 50px;
	padding: 13px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	transition: all 0.3s linear;
}
.portfolio-slider_plus:hover {
	opacity: .8;
}
.portfolio-swiper-next:hover, .portfolio-swiper-prev:hover {
	background: #80c342;
}
.portfolio-swiper-next, .portfolio-swiper-prev {
	cursor: pointer;
	margin: 0 0 0 7px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 48px;
	height: 48px;
	background: #323836;
	border-radius: 8px;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 1;
	transition: all linear 0.1s;
}
.section-articles__swiper {
	position: relative;
	margin-top: 48px;
}
.section-articles__wrap {
	overflow: hidden;
	margin-bottom: 160px;
}
.section-articles__img-block {
	margin-bottom: 24px;
	border-radius: 12px;
	overflow: hidden;
}
.section-articles__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.section-articles__title-link {
	font-size: 24px;
	line-height: 120%;
	color: #151616;
	margin-bottom: 24px;
	text-decoration: none;
	display: inline-block;
}
.section-articles__desc {
	line-height: 140%;
	color: #808786;
	margin-bottom: 8px;
}
.section-articles__btn {
	line-height: 140%;
	color: #151616;
	text-decoration: none;
	display: flex;
	gap: 8px;
	align-items: center;
}
.section-articles__btn svg path {
	transition: all .3s ease;
}
.section-articles__btn:hover svg path {
	fill: #91c700;
	transition: all .3s ease;
}
.card-info-cost {
	display: flex;
	gap: 40px;
	justify-content: space-between;
}
.card-info-cost__title {
	font-weight: 600;
	font-size: 20px;
	line-height: 120%;
	color: #737373;
	margin-bottom: 0;
}
.card-info-cost__value {
	font-weight: 600;
	font-size: 20px;
	line-height: 120%;
	text-align: right;
	color: #80c342;
}
.card-info-cost__wrap {
	margin-bottom: 40px;
}
.card-section--sauna .card-info--sauna .card-info-item:not(:last-child) {
	margin-bottom: 12px !important;
}
.card-section.card-section--sauna .card-gallery {
	height: 700px !important;
	margin-bottom: 0 !important;
}
.card-section--sauna {
	margin-bottom: 48px;
}
.card-buttons--sauna .btn {
	width: 100%;
	font-weight: 500;
	font-size: 16px;
	max-width: 100%;
}
.card-buttons--sauna {
	margin: 0 !important;
}
.card-section--sauna .cart-head {
	margin-bottom: 0 !important;
}
.card-section--sauna .cart-head .card-title {
	margin-bottom: 10px !important;
}
.card-section--sauna .card-row {
	width: 100%;
}
.project-details--sauna .project-details-text {
	width: 75% !important;
	padding-right: 32px;
}
.project-details--sauna .project-details-text h2 {
	max-width: 875px;
}
.project-details-item-variants__title {
	font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
	line-height: 120%;
	color: #151616;
	margin-bottom: 24px;
}
.project-details-item-variants__item-left-wrap {
	display: flex;
	gap: 12px;
	align-items: center;
}
.project-details-item-variants__item-title {
	font-weight: 500;
	font-size: 14px;
	line-height: 120%;
	color: #323836;
	margin: 0;
}
.project-details-item-variants__list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.project-details-item-variants__item {
	border-radius: 8px;
	padding: 16px 16px 16px 8px;
	max-width: 393px;
	background: rgba(128, 195, 66, 0.1);
	display: flex;
	align-items: center;
	gap: 42px;
	flex-wrap: wrap;
}
.project-details-item-variants__item-right {
	font-weight: 500;
	font-size: 14px;
	line-height: 120%;
	color: #80c342;
}
.project-details--sauna .project-details-item-cat {
	margin-bottom: 32px !important;
}
.project-details-item-variants__wrap {
	margin-bottom: 32px;
}
.banner-1 {
	border-radius: 12px;
	background: #f6f6f6 url("/local/templates/bania.3.1/css/../images/sauna/banner-1-bg.webp") right bottom no-repeat;
	overflow: hidden;
	padding: 34px 32px;
	height: 275px;
}
.banner-1__text {
	max-width: 285px;
}
.banner-1__title {
	font-weight: 500;
	font-size: 20px;
	line-height: 120%;
	color: #151616;
	margin-bottom: 20px;
}
.banner-1__info-title p {
	font-size: 14px;
	line-height: 140%;
	color: #323836;
	margin: 0;
}
.banner-1__info-title:not(:last-child) {
	margin-bottom: 10px;
}
.banner-1__info-title p span {
	font-weight: 600;
}
.banners-details-item__list {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.banner-2 {
	border-radius: 12px;
	background: #f6f6f6 url("/local/templates/bania.3.1/css/../images/sauna/banner-2-bg.webp") right bottom no-repeat;
	height: 275px;
	overflow: hidden;
	padding: 50px 32px;
}
.banner-2__title {
	font-weight: 500;
	font-size: 20px;
	line-height: 120%;
	color: #151616;
	margin-bottom: 20px;
}
.banner-2__info-title {
	display: flex;
	align-items: center;
	gap: 10px;
}
.banner-2__info-title p {
	font-size: 14px;
	line-height: 140%;
	color: #323836;
	margin: 0;
}
.banner-2__info-title:not(:last-child) {
	margin-bottom: 10px;
}
.project-details-complement__title {
	font-weight: 600;
	line-height: 120% !important;
	color: #80c342 !important;
	margin-bottom: 24px !important;
}
.project-details-complement__wrap {
	margin-top: 40px;
}
.project-details-complement__item-title {
	font-size: 14px;
	line-height: 130%;
	color: #808786;
	display: block;
}
.project-details-complement__item-value {
	font-weight: 500;
	line-height: 120%;
	color: #151616;
}
.project-details-complement {
	max-width: 630px;
}
.project-details-complement__list {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
	gap: 16px 32px ;
}
.project-details-complement__item:first-child {
	grid-column: 1 / -1;
}
.section-add__info-wrap,
.section-why__wrap {
	position: relative;
	margin-top: 48px;
}
.section-add__inner-wrap {
	overflow: hidden;
}
.section-add__item-img-block {
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 24px;
}
.section-add__item-img {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.section-add__item-title {
	font-size: 24px;
	line-height: 120%;
	color: #151616;
	margin: 0;
}
.section-add__item-inner-wrap {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
}
.section-add__item-cost {
	font-weight: 600;
	font-size: 18px;
	line-height: 140%;
	color: #151616;
}
.section-add__item-desc {
	line-height: 120%;
	color: #808786;
	margin-bottom: 0;
	margin-top: 26px;
}
.section-why__wrap {
	margin-top: 160px;
	margin-bottom: 160px;
}
.section-why__inner-wrap {
	display: grid;
	grid-template-columns: 30% 67.7%;
	gap: 40px;
}
.section-why .swiper-buttons-new {
	bottom: 20px;
	top: auto;
	right: auto;
	left: 50%;
	transform: translateX(-50%);
	z-index: 3;
}
.section-why__left {
	overflow: hidden;
	position: relative;
}
.swiper-buttons-new--2 {
	background-color: rgba(50, 56, 54, 1);
	border-radius: 8px;
	color: #fff;
	font-size: 16px;
	display: flex;
	align-items: center;
	padding: 0 24px;
	height: 56px;
	flex-wrap: nowrap;
	white-space: nowrap;
	text-decoration: none;
	font-weight: 500;
	line-height: 16px;
	gap: 24px;
	padding-right: 5px;
}
.swiper-buttons-new--2 .swiper-prev-new,
.swiper-buttons-new--2 .swiper-next-new {
	flex-shrink: 0;
}
.swiper-buttons-new--2 .swiper-prev-new:hover,
.swiper-buttons-new--2 .swiper-next-new:hover {
	background: none;
}
.swiper-buttons__wrap {
	display: flex;
}
.swiper-buttons-new--2 .swiper-pagination-new {
	color: #cbcdcc;
	font-size: 16px;
}
.swiper-buttons-new--2 .swiper-pagination-new .swiper-pagination-current {
	font-weight: 700;
	font-size: 18px;
	line-height: 140%;
	color: #fff;
}

.parnye a::before {
	display: none;
}
.sab-nav li {
	margin: 0 46px 0 0 !important;
}
.section-why__item img {
	border-radius: 12px;
	overflow: hidden;
}
.section-why__badger {
	margin-bottom: 24px;
}
.section-why__title {
	font-weight: 500;
	font-size: 56px;
	line-height: 120%;
	color: #151616;
	margin-bottom: 48px;
	max-width: 975px;
}
.section-why__title span {
	color: #80c342;
}
.section-why__text {
	margin-bottom: 24px;
}
.section-why__text p {
	font-size: 18px;
	line-height: 120%;
	color: #323836;
}
.strong-text {
	font-weight: 600;
}
.section-why__text p:last-of-type {
	margin: 0;
}
.section-why__table {
	width: 100%;
	font-size: 20px;
	line-height: 120%;
}
.section-why__table tr td,
.section-why__table tr th {
	padding: 25px;

}
.section-why__table tbody tr td:not(:first-child) {
	text-align: center;
}
.section-why__table thead th:nth-child(2) {
	font-weight: 500;
	color: #151616;
	border-left: 1px solid #edefee;
	border-right: 1px solid #edefee;
}
.section-why__table thead th:nth-child(3),
.section-why__table tbody tr td:nth-child(3) {
	font-weight: 400;
	color: #808786;
}
.section-why__table tbody tr td:nth-child(2) {
	color: #80c342;
	font-weight: 600;
	border-left: 1px solid #edefee;
	border-right: 1px solid #edefee;
}
.section-why__table tbody tr td:nth-child(1) {
	color: #151616;
}
.section-why__table thead tr {
	border-bottom: 1px solid #edefee;
}
.card-section-2-billet-list {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 2;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.card-section-2-billet__item {
	border-radius: 8px;
	height: 32px;
	background: #80c342;
	font-size: 14px;
	line-height: 120%;
	color: #fff;
	padding: 7px 16px;
}
.section-placement__inner-wrap {
	overflow: hidden;
}
.section-placement__info-wrap {
	margin-top: 40px;
	position: relative;
}
.section-placement__item {
	position: relative;
}
.section-placement__item-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.section-placement__billet {
	position: absolute;
	bottom: 20px;
	left: 20px;
	border-radius: 8px;
	padding: 8px 15px;
	height: 41px;
	background: #323836;
	font-size: 18px;
	line-height: 140%;
	color: #fff;
}
.section-placement__wrap {
	margin-top: 160px;
	margin-bottom: 160px;
}
.section-top-2__title-wrap--placement {
	max-width: 1161px;
}
.section-placement__inner-wrap .section-top-2 {
	gap: 11%;
}
.product_page {
	width: 100%;
}
.section-why__swiper {
	position: relative;
}
.swiper-wrapper--sauna {
	/*overflow: hidden;*/
}

.card-row--sauna {
	display: block !important;
}
.project-details--sauna .project-tag.tag {
	margin-bottom: 24px;
}
.section-certificates--sauna .holder-img .img {
	background-size: contain;
 }
.services2__list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(360px,max-content));
	gap: 32px 20px;
	margin-bottom: 160px;
}
.services2__img-block {
	border-radius: 12px;
	overflow: hidden;
	height: 440px;
	margin-bottom: 24px;
}
.services2__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.services2__item:first-child,
.services2__item:last-child {
	grid-column: span 2;
}
.services2__title-block {
	margin-bottom: 15px;
	min-height: 60px;
}
.services2__title {
	font-size: 24px;
	line-height: 120%;
	color: #151616;
	text-decoration: none;
}
.services2__btn {
	border-radius: 8px;
	padding: 16px;
	height: 48px;
	background: #80c342;
	font-weight: 500;
	font-size: 14px;
	line-height: 120%;
	color: #fff;
	text-decoration: none;
	text-align: center;
	display: inline-block;
}
.services2__btn:hover {
	background-color: #639D2D;
	color: #fff;
}
.services2__general-subtitle {
	font-size: 18px;
	line-height: 140%;
	color: #323836;
	max-width: 680px;
	margin-bottom: 48px;
}
.services2-block,
.margin-block {
	margin-top: 160px;
	margin-bottom: 160px;
}
.services2-block .features-section .swiper-pagination {
	bottom: -20px !important;
}
.works_page--2 .img img {
	border-radius: 12px;
}
.params_works {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 32px;
}
.params_work__name,
.params_work__value {
	color: #151616;
	font-weight: 500;
	font-size: 16px;
	line-height: 120%;
}
.params_work__name span,
.params_work__value span {
	font-size: 14px;
	line-height: 130%;
	color: #737373;
}
.works_page--2 {
	margin: 0 0 10px !important;
}
.works_page--2 .item_works {
	padding: 0 10px;
	margin: 0 0 21px;
}
.works_page--2 .item_works .title {
	font-weight: 600;
	font-size: 24px;
	line-height: 120%;
	color: #151616;
	margin-top: 24px;
	margin-bottom: 16px;
	text-transform: unset;
}
.works_page--2.pagination-main ul {
	margin-bottom: 0;
}
.projects--2 .popular_list .img {
	border-radius: 12px;
}
.projects--2 .dscr_popular {
	border: none;
	border-radius: 0;
	padding: 24px 0 0;
}
.projects--2 .popular_list .popular_item {
	padding: 0 10px;
}
.projects--2 .title_dscr {
	font-weight: 600;
	font-size: 24px;
	line-height: 120%;
	color: #151616;
	min-height: auto;
	margin-bottom: 16px;
	text-transform: unset;
}
.projects--2 .dscr_popular__wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}
.projects--2 .list_sizes li {
	width: auto;
}
.projects--2 .price_box .btn {
	margin: 0;
	height: 48px;
	font-weight: 500;
	font-size: 14px;
	line-height: 120%;
}
.projects--2 .popular_list .list_sizes {
	margin: 0;
	gap: 24px;
}
.projects--2 .popular_list .list_sizes li span {
	font-size: 14px;
	line-height: 130%;
	color: #737373;
	margin-bottom: 6px;
}
.projects--2 .list_sizes li strong {
	font-size: 16px;
	line-height: 120%;
}
.work-detail2__swiper-nav-block {
	display: flex;
	align-items: center;
	gap: 24px;
	border-radius: 8px;
	padding: 0 16px 0 24px;
	width: 192px;
	height: 56px;
	background: #323836;
	position: absolute;
	bottom: 40px;
	z-index: 5;
	left: 50%;
	transform: translateX(-50%);
}
.swiper-prev-new2,
.swiper-next-new2 {
	cursor: pointer;
	width: 40px;
	height: 100%;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.swiper-prev-new2 svg,
.swiper-next-new2 svg {
	fill: #fff;
}
.swiper-pagination-new2 {
	font-weight: 400;
	font-size: 16px;
	color: #cbcdcc;
}
.swiper-pagination-new2 .swiper-pagination-current {
	font-weight: 700;
	font-size: 18px;
	line-height: 140%;
	color: #fff;
}
.work-detail2__swiper-nav-arrows {
	display: flex;
	align-items: center;
	height: 100%;
}
.work-detail2__swiper-nav-arrows .swiper-button-disabled {
	display: flex !important;
	cursor: auto;
}
.work-detail2__swiper-nav-arrows .swiper-button-disabled svg {
	fill: rgba(255, 255, 255, 0.3);
}
.work-detail2__top-block {
	display: grid;
	grid-template-columns: 1fr 479px;
	gap: 32px;
}
.work-detail2__swiper .swiper-slide {
	overflow: hidden;
	border-radius: 12px;
}
.work-detail2__swiper {
	width: 100%;
	height: 700px;
}
.work-detail2__swiper .swiper-slide a {
	display: block;
	width: 100%;
	height: 100%;
}
.work-detail2__swiper .swiper-slide a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	overflow: hidden;
	border-radius: 12px;
}
.work-detail2__info-btn {
	border-radius: 12px;
	height: 56px;
	background: #80c700;
	width: 100%;
	font-weight: 600;
	line-height: 120%;
	text-align: center;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	padding: 18px 32px;
}
.work-detail2__info-btn:hover {
	box-shadow: 10.6px 10.6px 25px rgba(128, 199, 0, 0.5);
	background: #80c700;
	border: 1px solid #80c700;
	color: #fff;
}
.work-detail2__info-block {
	margin-bottom: 32px;
}
.work-detail2__general-list {
	display: flex;
	gap: 32px;
	margin-bottom: 32px;
}
.work-detail2__general-item-title {
	font-size: 14px;
	line-height: 130%;
	color: #737373;
}
.work-detail2__info-btn-block {
	margin-bottom: 32px;
}
.work-detail2__general-item {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.work-detail2__general-item-value {
	font-weight: 600;
	font-size: 20px;
	line-height: 120%;
	color: #80c700;
}
.work-detail2__props-item {
	display: flex;
	justify-content: space-between;
}
.work-detail2__props-item:not(:last-child) {
	margin-bottom: 12px;
}
.work-detail2__props-name {
	flex-basis: 180px;
	line-height: 130%;
	color: #737373;
	flex-shrink: 0;
}
.work-detail2__props-value {
	font-weight: 500;
	font-size: 18px;
	line-height: 120%;
	color: #151616;
}
.work-detail2__wrap {
	margin-top: 48px;
	margin-bottom: 160px;
}
.steeps-photos-list__title {
	margin-bottom: 48px;
}
.steeps-photos-list--2 .items {
	gap: 20px;
	grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
}
.steeps-photos-list--2 .item .img {
	border-radius: 20px;
	overflow: hidden;
}
.steeps-photos-list--2__btn {
	border-radius: 12px;
	padding: 18px 64px;
	height: 56px;
	background: #80c342;
	font-weight: 600;
	line-height: 120%;
	text-align: center;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	text-decoration: none;
}
.steeps-photos-list--2__btn:hover {
	box-shadow: 10.6px 10.6px 25px rgba(128, 199, 0, 0.5);
	background: #80c700;
	border: 1px solid #80c700;
	color: #fff;
}
.steeps-photos-list--2__btn-block {
	margin-top: 40px;
	display: flex;
	justify-content: center;
}
.form-block-3 {
	background: url("/local/templates/bania.3.1/css/../images/forms/form3-bg.webp") center no-repeat;
	background-size: cover;
	border-radius: 24px;
	overflow: hidden;
	padding: 84px 48px;
	color: #fff;
}
.form-block-3__title {
	font-weight: 500;
	font-size: 42px;
	line-height: 120%;
	margin-bottom: 32px;
}
.form-block-3__subtitle {
	margin-bottom: 32px;
}
.form-3__list {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.form-3__textarea {
	padding-top: 20px;
}
.form-3__btn {
	height: 64px;
	border: none;
	width: 100%;
}
.form-3__item {
	flex-basis: 300px;
}
.form-3__agree {
	margin-top: 14px;
}
.form-3__agree .checkbox-new::before {
	color: #fff;
}
.form-3__agree .agree-block__text {
	color: #fff;
}
.agree-block a {
	text-decoration: none;
}
.agree-block a:hover {
	text-decoration: underline;
}
.form-block-4 {
	border-radius: 12px;
	background: #f6f6f6;
	padding: 48px;
	display: grid;
	grid-template-columns: 45% 55%;
	gap: 42px;
}
.form-block-4__bagger {
	background: #80c342;
	border-radius: 8px;
	font-size: 14px;
	line-height: 120%;
	color: #fff;
	margin-bottom: 40px;
}
.form-block-4__title {
	font-weight: 500;
	font-size: 56px;
	line-height: 120%;
	color: #151616;
	margin-bottom: 32px;
}
.form-block-4__subtitle {
	font-size: 20px;
	line-height: 140%;
	color: #323836;
	margin-bottom: 40px;
}
.form-4__list {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.form-4__btn {
	height: 64px;
	width: 100%;
}
.form-4__item {
	flex-basis: 240px;
}
.form-4__agree {
	margin-top: 12px;
}
.form-block-4__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.form-block-4__form-block {
	padding-top: 32px;
}

/* Tabs */


.tabs__btn {
	transition: all 0.15s ease;
}

.tabs__content {
	display: none;
	opacity: 0;
	transition: all 0.15s ease;
}

.tabs__content.active {
	display: block;
	opacity: 1;
}

.main-tabs__caption {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.main-tabs__btn {
	border-radius: 12px;
	padding: 10px 32px;
	height: 56px;
	background: rgba(128, 195, 66, 0.1);
	font-weight: 500;
	font-size: 20px;
	line-height: 120%;
	text-align: center;
	color: #323836;
	border: none;
}

.main-tabs__btn.active,
.main-tabs__btn:hover {
	color: #80c342;
}
.main-tabs__wrap {
	margin-top: 48px;
}

.payment-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 40px;
}
.payment-list__item {
	display: flex;
	align-items: center;
	gap: 15px;
}
.payment-list__title {
	font-size: 20px;
	line-height: 140%;
	color: #323836;
	margin-bottom: 0;
}
.icon-element {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	padding: 14px;
	width: 54px;
	height: 54px;
	background: rgba(128, 195, 66, 0.1);
}
.payment-text {
	margin-top: 48px;
	margin-bottom: 4px;
}
.payment-text p {
	font-weight: 300;
	font-size: 18px;
	line-height: 140%;
	color: #323836;
}
.delivery-block {
	font-size: 18px;
	line-height: 140%;
	color: #323836;
}
.mb-20 {
	margin-bottom: 20px;
}
.mb-40 {
	margin-bottom: 40px;
}
.delivery-block__title {
	font-weight: 600;
	font-size: 24px;
	line-height: 140%;
	color: #323836;
	margin-bottom: 24px;
}
.delivery-block__subtitle {
	font-weight: 600;
	font-size: 20px;
	line-height: 140%;
	margin-bottom: 12px;
	color: #323836;
}
.delivery-block__subtitle span {
	color: #80c342;
}
.delivery-block__wrap:not(:last-of-type) {
	margin-bottom: 24px;
}
.circle-list li {
	position: relative;
	padding-left: 47px;
}
.circle-list li:not(:last-child) {
	margin-bottom: 6px;
}
.circle-list li::before {
	content: '';
	width: 5px;
	height: 5px;
	display: block;
	border-radius: 50%;
	background-color: #80c342;
	position: absolute;
	left: 30px;
	top: 8px;
}
.project-example2__top {
	margin-bottom: 48px;
}
.text-center {
	text-align: center;
}
.project-example-gallery2 {
	position: relative;
	overflow: hidden;
	padding-bottom: 75px;
}
.project-example-gallery2 .swiper-buttons-new {
	top: auto;
	bottom: 5px;
	right: auto;
	left: 50%;
	transform: translateX(-50%);
}
.project-example-gallery2 .swiper-slide img {
	border-radius: 12px;
}
.project-example-gallery2 .swiper-prev-new,
.project-example-gallery2 .swiper-next-new {
	flex-shrink: 0;
}
.project-example-gallery2 .swiper-pagination-new2 {
	width: 130px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.project-example-gallery2 .swiper-buttons-new {
	gap: 0;
}
.project-example-gallery2 .swiper-pagination-total {
	font-size: 16px;
	color: #808786;
	margin-left: 5px;
}
.project-example-gallery2 .swiper-pagination-current {
	font-weight: 700;
	font-size: 18px;
	line-height: 140%;
	color: #151616;
	margin-right: 5px;
}
.project-example2__video-block {
	margin-bottom: 20px;
}
.project-example2__video__link {
	position: relative;
	display: block;
}
.project-example2__video-btn-block {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.project-example2__video-img-block {
	display: block;
	border-radius: 12px;
	overflow: hidden;
}
.project-example2__video-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.project-example2__inner-wrap {
	display: flex;
	flex-direction: column;
}
.project-form-1 .form-1__wrap {
	margin-bottom: 0;
}
.projects-similar-2 .projects-similar-gallery .buttons a {
	background-color: #323836;
}
.projects-similar-2 .projects-similar-gallery .buttons a:hover {
	background-color: #80c342;
}
.projects-similar-2 .projects-similar-gallery .slide-info .btn {
	max-width: 158px;
	border-radius: 8px;
	height: 48px;
	background: #80c342;
	font-weight: 500;
	font-size: 14px;
	line-height: 120%;
	color: #fff;
	padding: 16px;
}
.card-info-item-price {
	display: flex;
	gap: 40px;
	justify-content: space-between;
	margin-bottom: 35px;
}
.card-info-item-price__title {
	font-weight: 600;
	font-size: 20px;
	line-height: 120%;
	color: #737373;
	margin: 0;
}
.card-info-item-price__value {
	font-weight: 600;
	font-size: 20px;
	line-height: 120%;
	text-align: right;
	color: #80c342;
}
.card-info--2 {
	margin-bottom: 35px;
}
.card-buttons--2 {
	flex-wrap: wrap;
	gap: 10px;

}
.card-buttons--2 a {
	font-weight: 600;
	font-size: 16px;
	line-height: 120%;
}
.card-buttons--2 .btn + .btn {
	margin: 0 !important;
}
.card-section-2 .cart-head .card-title {
	margin-bottom: 11px !important;
}
.project-tabs {
	margin-top: 48px;
}
.project-details--2 {
	margin-bottom: 0 !important;
}
.section-stages2__inner-wrap {
	display: grid;
	grid-template-columns: 67.7% 30%;
	gap: 74px;
}
.section-stages2__right {
	overflow: hidden;
	position: relative;
}
.section-stages2 .swiper-buttons-new {
	bottom: 20px;
	top: auto;
	right: auto;
	left: 50%;
	transform: translateX(-50%);
	z-index: 3;
}
.section-stages2 {
	border-radius: 12px;
	background: #f6f6f6;
	padding: 80px;
}
.section-stages2__badger {
	margin-bottom: 24px;
}
.section-stages2__title {
	font-weight: 500;
	font-size: 56px;
	line-height: 120%;
	color: #151616;
	margin-bottom: 100px;
}
.section-stages2__item-icon-block {
	border-radius: 8px;
	padding: 15px;
	width: 54px;
	height: 54px;
	background: rgba(128, 195, 66, 0.1);
	flex-shrink: 0;
}
.section-stages2__item {
	display: flex;
	gap: 20px;
	align-items: flex-start;
	height: 100%;
}
.section-stages2__item-title {
	font-size: 24px;
	line-height: 120%;
	color: #151616;
	margin-bottom: 16px;
}
.section-stages2__item-desc {
	line-height: 140%;
	color: #323836;
	margin: 0;
}
.section-stages2__list {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(min(370px,100%),1fr));
	gap: 64px 32px;
}
.section-stages2__item-title {
	display: flex;
	gap: 8px;
}
.section-stages2__item img {
	border-radius: 12px;
	overflow: hidden;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.section-stages2__swiper {
	height: 100%;
}
.projects-similar-add__watch {
	text-align: center;
	margin-bottom: 48px;
	font-weight: 500;
	font-size: 14px;
	line-height: 120%;
	text-transform: uppercase;
	color: #808786;
}
.projects-similar-add__list {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
	gap: 20px;
}
.projects-similar-add__item {
	border-radius: 12px;
	background: #f6f6f6;
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 64px;
	position: relative;
}
.projects-similar-add__link {
	position: absolute;
	inset: 0;
}
.projects-similar-add__item-top-bagger {
	border-radius: 8px;
	height: 32px;
	background: rgba(128, 195, 66, 0.1);
	font-size: 14px;
	line-height: 120%;
	color: #80c342;
	padding: 7px 16px;
}
.projects-similar-add__item-top,
.projects-similar-add__item-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.projects-similar-add__item-top-icon {
	border-radius: 8px;
	width: 32px;
	height: 32px;
	background: #80c342 url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.09 1.54273C3.08698 1.15914 3.3955 0.850623 3.77909 0.853635L8.40043 0.889924C8.94658 0.894213 9.38826 1.3359 9.39255 1.88204L9.42884 6.50338C9.43185 6.88697 9.12333 7.19549 8.73974 7.19248C8.35616 7.18946 8.04276 6.87606 8.03974 6.49248L8.01435 3.25808L1.88177 9.39065C1.61267 9.65976 1.1729 9.6563 0.899537 9.38294C0.62617 9.10957 0.622716 8.66981 0.891824 8.4007L7.0244 2.26813L3.79 2.24273C3.40641 2.23972 3.09301 1.92631 3.09 1.54273Z' fill='white' /%3e%3c/svg%3e") center no-repeat;
}
.projects-similar-add__item-bottom-title {
	font-size: 18px;
	line-height: 120%;
	color: #151616;
}
.projects-similar-add__item-bottom-name {
	display: block;
}
.projects-similar-add__item-bottom-value {
	font-weight: 600;
}
.projects-similar-add {
	margin-top: 80px;
}
.project-options--2 .project-options-gallery__title {
	font-family: "Museo Sans Cyrl 400", Arial, sans-serif;
}
.projects-nav {
	max-width: 380px;
	display: flex;
	gap: 24px;
	justify-content: space-between;
	position: absolute;
	right: 20px;
	top: 20px;
}
.projects-nav__link {
	font-weight: 500;
	line-height: 120%;
	color: #151616;
	text-decoration: none;
}
.projects-nav__link:hover {
	color: #80c342;
}
.projects-nav__link {
	display: flex;
	align-items: center;
	gap: 12px;
}
.certificates-list2 {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 20px;
	align-items: center;
}
.inner-subtitle {
	font-size: 18px;
	line-height: 140%;
	color: #323836;
	max-width: 1500px;
	margin-bottom: 48px;
}
.certificate-hide-element {
	display: grid;
	grid-template-columns: subgrid;
	grid-column: span 4;
	gap: 20px;
}
.certificate-click-to-hide {
	font-weight: 600;
	line-height: 120%;
	text-align: center;
	color: #fff;
	border-radius: 12px;
	padding: 10px 32px;
	height: 56px;
	background: #80c342;
	border: none;
	margin-top: 40px;
	transition: all .2s linear;
}
.certificate-click-to-hide:hover {
	color: #fff;
	background: #91c700;
}
.certificate-click-to-hide-block {
	text-align: center;
	margin-bottom: 160px;
	width: 100%;
}
.staff-list__item {
	border-radius: 12px;
	background: #f6f6f6;
	padding: 48px;
	display: grid;
	grid-template-columns: 37% 58%;
	gap: 5%;
}
.staff-list__img-block {
	border-radius: 12px;
	overflow: hidden;
	aspect-ratio: 643 / 436;
	margin-bottom: 30px;
}
.staff-list__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.staff-info__name {
	font-weight: 600;
	font-size: 30px;
	line-height: 120%;
	color: #151616;
	margin-bottom: 20px;
}
.staff-info__list {
	margin-bottom: 30px;
}
.staff-info__item p {
	margin: 0;
	line-height: 130%;
	color: #737373;
}
.staff-info__item p span {
	font-weight: 700;

}
.staff-info__item:not(:last-child) {
	margin-bottom: 12px;
}
.staff-list__btn {
	border-radius: 8px;
	padding: 15px 32px;
	height: 48px;
	background: #80c342;
	font-weight: 500;
	font-size: 14px;
	line-height: 120%;
	text-align: center;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	border: none;
}
.staff-list__btn:hover {
	color: #fff;
	background: #91c700;
}
.staff-list__title {
	font-weight: 500;
	font-size: 36px;
	line-height: 120%;
	color: #000;
	margin-bottom: 24px;
}
.staff-list__title span {
	color: #80c342;
}
.staff-list__text p {
	margin-bottom: 16px;
	font-size: 18px;
	line-height: 140%;
	color: #323836;
}
.staff-list__text ul {
	font-size: 16px;
	line-height: 140%;
	color: #323836;
}
p.staff-list__subtitle {
	font-weight: 600;
	font-size: 24px;
	line-height: 120%;
	color: #151616;
	margin-bottom: 16px;
}
p.staff-list__list-title {
	font-weight: 500;
	font-size: 20px;
	line-height: 120%;
	color: #151616;
	margin-bottom: 12px;
}
.square-list li {
	position: relative;
	padding-left: 25px;
}
.staff-list p span {
	font-weight: 600;
}
.square-list li span {
	font-weight: 600;
}
.square-list li:not(:last-child) {
	margin-bottom: 11px;
}
.square-list li::before {
	content: '';
	width: 16px;
	height: 16px;
	background: #80c342 url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='16' height='16' rx='4' fill='%2380C342'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.8303 4.85067C10.7787 4.87834 9.8428 5.82081 8.7505 6.94505L6.7645 8.98914L6.01415 8.21196C5.13041 7.29669 5.05552 7.24714 4.70661 7.34702C4.55462 7.39051 4.15005 7.78113 4.06136 7.97C3.98043 8.14242 3.97949 8.35065 4.05895 8.51937C4.09901 8.60445 4.54615 9.08782 5.33331 9.89698C6.63019 11.2301 6.64933 11.246 6.88212 11.1792C7.02203 11.1391 11.8841 6.12854 11.955 5.95138C12.0186 5.79257 12.0146 5.6167 11.9439 5.45869C11.8777 5.31074 11.4586 4.88014 11.3328 4.83085C11.2088 4.78223 10.938 4.7929 10.8303 4.85067Z' fill='white'/%3e%3c/svg%3e") center no-repeat;
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
}
.mb-16 {
	margin-bottom: 16px !important;
}
.mb-24 {
	margin-bottom: 24px !important;
}
.mb-32 {
	margin-bottom: 32px !important;
}
.staff-list {
	display: flex;
	flex-direction: column;
	gap: 48px;
}
.staff-list__wrap {
	margin-bottom: 160px;
}
.staff-list__title span {
	font-weight: 500 !important;
}
.section-reviews2__wrap .section-reviews__info-wrap {
	margin-top: 0;
}
.section-reviews2__wrap .section-reviews__inner-wrap {
	padding-top: 92px;
	margin-top: -92px;
	margin-bottom: 160px;
}
.section-reviews2__wrap .swiper-buttons-new {
	top: -92px;
}
.inner-subtitle--reviews {
	max-width: 630px;
}
.inner-subtitle--reviews span {
	font-weight: 600;
}

.video-block .video-promo-block:before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='140' height='140' viewBox='0 0 140 140' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='70' cy='70' r='16' fill='white'/%3e%3ccircle opacity='0.2' cx='70' cy='70' r='69.5' stroke='%23CD201F'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M70.0008 119.849C97.5314 119.849 119.849 97.5314 119.849 70.0008C119.849 42.4703 97.5314 20.1523 70.0008 20.1523C42.4703 20.1523 20.1523 42.4703 20.1523 70.0008C20.1523 97.5314 42.4703 119.849 70.0008 119.849ZM80.168 70.3365C80.8346 69.9516 80.8346 68.9893 80.168 68.6044L66.4634 60.6921C65.7968 60.3072 64.9634 60.7883 64.9634 61.5581V77.3828C64.9634 78.1526 65.7968 78.6337 66.4634 78.2488L80.168 70.3365Z' fill='%23CD201F'/%3e%3c/svg%3e ");
}
.video-block .promo-details {
	margin-bottom: 11px;
}
.portfolio--sauna .btn.btn-radius {
	border-radius: 12px;
	padding: 18px 32px;
	height: 56px;
	background: #80c342;
	font-weight: 500;
	line-height: 120%;
	text-align: center;
	color: #fff;
	font-size: 16px;
	width: auto;
	max-width: unset;
}
.portfolio--sauna .btn.btn-radius:hover {
	background-color: #639D2D;
	color: #fff;
	box-shadow: none;
}
.card-section-2 {
	grid-template-columns: 1fr 479px !important;
}
.section-top-2__title span {
	color: #80c342;
}
.portfolio--sauna .section-top-2__title-wrap {
	max-width: 667px;
	flex-shrink: 0;
}
.portfolio--sauna .section-top-2 {
	flex-wrap: nowrap;
}
.catalog-items--sauna {
	margin-top: 80px;
}
.complect {
	width: 100%;
}
.complect tbody tr td:first-child {
	width: 289px;
	font-weight: 500;
	font-size: 20px;
	line-height: 120%;
	color: #151616;
	border-right: 1px solid #edefee;
	/*padding-right: 2%;*/
}
.complect tbody tr td:first-child span {
	color: #80c342;
}
.complect tbody tr td {
	padding-top: 25px;
	padding-bottom: 25px;
}
.complect tbody tr td:last-child {
	padding-left: 5%;
}
.complect thead tr th {
	padding-top: 25px;
	padding-bottom: 25px;
	font-weight: 500;
	font-size: 24px;
	line-height: 120%;
	color: #151616;
}
.complect thead tr {
	border-bottom: 1px solid #edefee;
}
.complect thead tr th:first-child {
	border-right: 1px solid #edefee;
}
.complect ul li:not(:last-child) {
	margin-bottom: 5px;
}
.complect ul li {
	position: relative;
	font-size: 18px;

}
.complect ul li::before {
	content: '';
	width: 5px;
	height: 5px;
	display: block;
	background-color: #80c342;
	border-radius: 50%;
	position: absolute;
	top: 9px;
	left: -15px;
}
.vacancy-block--1 {
	margin-top: 48px;
}
.vacancy-block__title {
	font-weight: 500;
	font-size: 36px;
	line-height: 120%;
	color: #151616;
}
.vacancy p {
	font-size: 18px;
}
.vacancy-block--1 .vacancy-block__wrap {
	display: flex;
	justify-content: space-between;
	gap: 8px;
	max-width: 1293px;
	flex-wrap: wrap;
}
.vacancy-block__item {
	font-weight: 400;
	line-height: 140%;
	color: #323836;
	padding-left: 28px;
	position: relative;
}
.vacancy-block__item:not(:last-child) {
	margin-bottom: 8px;
}
.vacancy-block__item::before {
	content: '';
	position: absolute;
	top: 2px;
	left: 0;
	width: 16px;
	height: 16px;
	display: block;
	background: url("/local/templates/bania.3.1/css/../images/icon/marker.svg");
}
.vacancy__wrap {
	display: flex;
	flex-direction: column;
	gap: 48px;
}
.vacancy-block__inner-list {
	margin-left: 9px;
	margin-top: 8px;
}
.vacancy-block__inner-item:not(:last-child) {
	margin-bottom: 4px;
}
.vacancy-block__inner-item {
	line-height: 140%;
	color: #323836;
}
.section-block-2 {
	margin-top: 160px;
	margin-bottom: 160px;
}
.form-5 {
	background: #f6f6f6 url("/local/templates/bania.3.1/css/../images/forms/form-5-bg.webp") center no-repeat;
	padding: 80px 98px;
	border-radius: 12px;
	display: grid;
	grid-template-columns: 43% 1fr;
	gap: 56px;
}
.form-5__title {
	font-weight: 500;
	font-size: 56px;
	line-height: 120%;
	color: #151616;
}
.form-5__title span {
	color: #80c342;
	margin-bottom: 48px;
}
.form-5__subtitle {
	font-size: 18px;
	color: #323836;
	margin-bottom: 0;
}
.form-5__form__wrap {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 12px;
	margin-bottom: 24px;
}
.form-5__item--vacancy,
.form-5__item--experience {
	grid-column: 1 / -1;
}
.stocks-2__list {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(min(450px,100%),1fr));
	gap: 20px;
}
.stocks-2__item {
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #f6f6f6;
	border-radius: 12px;
	overflow: hidden;
	padding: 40px;
}
.stocks-2__what {
	display: inline-block;
	border-radius: 8px;
	padding: 6px 12px;
	height: 29px;
	background: rgba(128, 195, 66, 0.1);
	font-size: 14px;
	line-height: 120%;
	color: #80c342;
	margin-bottom: 18px;
}
.stocks-2__what span {
	font-weight: 600;

}
.stocks-2__title {
	font-size: 24px;
	line-height: 140%;
	color: #151616;
	max-width: 415px;
	margin-bottom: 24px;
}
.stocks-2__desc {
	line-height: 140%;
	color: #808786;
	margin-bottom: 24px;
	max-width: 415px;
}
.stocks-2__desc span {
	font-weight: 600;
}
.stocks-2__link {
	line-height: 140%;
	color: #151616;
	text-decoration: none;
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
}
.stocks-2__link::after {
	content: url("/local/templates/bania.3.1/css/../images/icon/stocks-2-arrow.svg");
}
.footer-menu .menu ul li span {
	font-weight: 600;
	color: rgba(128, 195, 66, 1);
}
.top-anhor {
	right: 2.7% !important;
	bottom: 12%;
}
.projects .items .price_box {
	gap: 10px;
}


@media screen and (max-width: 1770px) {

	.section-stages2 {
		padding: 60px;
	}
	.section-stages2__title {
		margin-bottom: 60px;
	}
	.catalog-items--sauna .catalog-item-foot {
		flex-direction: column;
		gap: 20px;
		align-items: flex-end;
	}
	.catalog-items--sauna .list_sizes {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	}
	.catalog-items--sauna .list_sizes li {
		width: 100%;
	}

	.catalog-items--sauna .catalog-item-property {
		width: 100%;
		padding-right: 0;
	}
	.section-stages .image {
		display: none !important;
	}
	.section-stages .card-project-description-list {
		width: 100% !important;
	}
	.project-info__title {
		font-size: 48px;
		line-height: 57px;
		margin-bottom: 14px;
	}
	.card-features-download__title {
		font-size: 48px;
		line-height: 57px;
	}
	.card-project-description-list__title {
		font-size: 20px;
		line-height: 24px;
	}
}
@media screen and (max-width: 1650px) {
	.banner-1,
	.banner-2 {
		background-image: none;
	}
	.form-block-4__title {
		font-size: 36px;
	}
}
@media screen and (max-width: 1600px) {
	.section-vk__title {
		min-height: 87px;
	}
	.section-vk__desc {
		min-height: 90px;
	}
}
@media screen and (max-width: 1450px) {
	.form-5__title {
		font-size: 40px;
	}
	.card-menu-fixed-bottom__title {
		font-size: 32px;
		line-height: 38px;
	}
	.block-2-columns--delivery .block-2-columns__img {
		flex-basis: 50%;
	}
	.form-1__info {
		flex-direction: column;
	}
	.form-1__info-desc-top {
		gap: 0;
	}
	.form-1__info-desc {
		gap: 20px;
	}
	.form-1 {
		padding: 30px;
	}
	.section-top__title-block .section-top__title {
		font-size: 64px !important;
		font-weight: 500;
		line-height: 64px !important;
		margin-bottom: 12px;
	}
	.section-top__subtitle,
	.section-top__footer-title {
		font-size: 18px;
	}
	.section-top__footer-item {
		height: 60px;
	}
	.section-top__left-info-rating {
		font-size: 35px;
	}
	.section-top__left-item {
		gap: 12px;
	}
}
@media screen and (max-width: 1366px) {
	.form-4__item {
		flex-basis: 48%;
	}
	.projects--2 .title_dscr {
		min-height: 58px;
	}
	.section-vk__desc {
		min-height: 113px;
	}
	.section-vk__top-header {
		grid-template-columns: 155px 1fr;
	}
	.section-why__inner-wrap,
	.section-stages2__inner-wrap {
		grid-template-columns: 1fr;
	}
	.section-why__left {
		order: 2;
	}
	.section-why__right {
		order: 1;
	}
	.section-placement--sauna .section-placement__info-wrap {
		margin-top: 90px;
	}
	.section-placement--sauna .swiper-buttons-new {
		top: -65px;
	}
	.text-block-2__info-img-block {
		max-width: 50%;
	}
	.portfolio-slider_img {
		height: 100%;
	}
}
@media screen and (max-width: 1279px) {
	.section-vk__desc,
	.section-vk__title {
		min-height: auto;
	}
	.section-vk__top-header {
		grid-template-columns: 192px 1fr;
	}
}
@media screen and (max-width: 1250px) {
	.banner-1 {
		background: #f6f6f6 url('/local/templates/bania.3.1/css/../images/sauna/banner-1-bg.webp') right bottom no-repeat;
	}
	.banner-2 {
		background: #f6f6f6 url('/local/templates/bania.3.1/css/../images/sauna/banner-2-bg.webp') right bottom no-repeat;
	}
	.banners-details-item__list {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(400px,1fr));
		gap: 20px;
	}
	.quote-block.type-2 .card-project-description .card-project-description-list li {
		width: 100%;
		padding: 0;
		margin: 0 0 32px;
	}
	.card-project-description {
		margin-bottom: 0;
	}
	.card-features-download__title {
		font-size: 42px;
		line-height: 50px;
	}
	.project-info__title {
		font-size: 42px;
		line-height: 50px;
	}
	.section-stages .image {
		display: block !important;
		max-width: 438px !important;
		width: 100% !important;
	}
	.project-details--sauna .project-details-text {
		width: 100% !important;
	}
	.project-details--sauna .project-details-complement {
		max-width: 100%;
		padding-right: 0;
	}

}
@media screen and (max-width: 1170px) {
	#header .sab-nav > li > a.arrow:before {
		top: 14px !important;
	}
	.promo-details__title {
		font-size: 20px;
	}
	#navigation .sab-nav li > .drop.open-drop {
		padding-top: 178px;
		padding-left: 28px;
		padding-right: 28px;
	}
	#navigation .sab-nav .drop .btn-back {
		position: relative;
		top: auto;
		left: auto;
	}
	.sab-nav > li > .drop ul {
		padding: 17px 0 0 27px;
	}
	.sab-nav > li > .drop > ul li a {
		color: #555;
		font-family: 'TT Firs Neue', serif;
		font-weight: 400;
		font-size: 15px;
	}
}
@media screen and (max-width: 1100px) {
	.card-menu-fixed-bottom__title {
		padding-right: 16px;
	}
}
@media screen and (max-width: 1024px) {
	.text-block-2__info {
		grid-template-columns: 1fr;
	}
	.form-3__item {
		flex-basis: 49%;
	}
	.portfolio-slider_img,
	.portfolio-slide {
		max-width: 100%;
	}
	.section-why__title,
	.section-certificates h2 {
		font-size: 42px;
		font-weight: 500;
		line-height: 1.2;
		margin-bottom: 20px;
	}
	.section-why__table,
	.section-why__text p {
		font-size: 16px;
	}
	.section-stocks__main-title,
	.section-top-2__title {
		font-size: 42px !important;
		font-weight: 500 !important;
		line-height: 50px !important;
		margin-bottom: 0 !important;
	}
	.card-row--sauna .card-info {
		display: grid !important;
        grid-template-columns: repeat(auto-fit,minmax(230px, 1fr));
	}
	.card-section--sauna .cart-head--sauna .card-title {
		margin-bottom: 40px !important;
	}
	.card-info-cost__wrap {
		margin-top: 40px;
	}
	.card-info-cost {
		justify-content: flex-start;
	}
	.section-why__table tr td,
	.section-why__table tr th {
		padding: 15px;
	}
	.section-top__title-block .section-top__title {
		font-size: 56px !important;
		line-height: 56px !important;
	}
	.section-top__left-list {
		top: 30px;
		right: 30px;
	}
	.section-top__title-block {
		max-width: 80%;
	}
}


@media screen and (max-width: 991px) {
	.form-5 {
		grid-template-columns: 1fr;
		padding: 30px;
		gap: 30px;
	}
	.form-5__form__wrap {
		grid-template-columns: 1fr;
	}
	.section-block-2 {
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.portfolio--sauna .section-top-2 {
		flex-wrap: wrap;
	}
	.card-buttons--sauna .btn {
		max-width: 439px;
	}
	.projects-nav {
		position: static;
		justify-content: flex-end;
		margin-bottom: 20px;
		max-width: unset;
	}
	.card-buttons--2 a {
		max-width: 32%;
	}
	.form-block-4__title {
		font-size: 28px;
		margin-bottom: 20px;
	}
	.form-block-4__subtitle {
		font-size: 16px;
		margin-bottom: 20px;
	}
	.form-block-4 {
		grid-template-columns: 1fr;
		padding: 30px;
	}
	.form-block-4__img {
		height: 200px;
	}
	.form-block-4__form-block {
		padding-top: 0;
	}
	.form-block-3 {
		padding: 40px;
	}
	.work-detail2__top-block {
		grid-template-columns: 1fr;
	}
	.work-detail2__props-value {
		text-align: right;
	}
	.services2-block,
	.margin-block {
		margin-top: 80px;
		margin-bottom: 80px;
	}
	.services2__list,
	.work-detail2__wrap,
	.staff-list__wrap,
	.section-reviews2__wrap .section-reviews__inner-wrap {
		margin-bottom: 80px;
	}
	.form-2 {
		grid-template-columns: 1fr;
	}
	.form-2__title,
	.form-block-3__title {
		margin-bottom: 20px;
	}
	.form-2__card {
		max-width: 100%;
	}
	.wrap-catalog {
		width: 100% !important;
	}
	.project-details--sauna,
	.section-articles--sauna .section-articles__wrap,
	.portfolio--sauna,
	.section-articles__wrap {
		margin-bottom: 40px !important;
	}
	.project-details--sauna .project-details-item {
		margin-bottom: 0;
	}
	.section-why__wrap,
	.section-placement--sauna,
	.section-reviews--sauna,
	.section-certificates--sauna,
	.section-articles--sauna,
	.text-block-2__wrap,
	.form-2__wrap,
	.section-certificates__wrap {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.section-placement__info-wrap {
		margin-top: 70px;
	}
	.form-1__inner-wrap {
		grid-template-columns: 1fr;
	}
	.form-1__info {
		flex-direction: row;
	}
	.form-1__info {
		margin-bottom: 20px;
	}
	/*.section-stocks__wrap {
		padding-top: 60px;
		padding-bottom: 40px;
	}*/
	.block-2-columns--reverse {
		justify-content: flex-start;
	}
	.promo-details__title {
		margin: 0 0 14px;
	}
	.block-2-columns--delivery .block-2-columns__img,
	.block-2-columns--delivery .block-2-columns__text {
		flex-basis: 100%;
	}
	.section-add__info-wrap {
		margin-top: 90px;
	}
	.section-add .swiper-buttons-new {
		top: -65px;
	}
	.section-tags__item {
		padding: 14px;
	}
	.section-tags__item-img {
		max-width: 60%;
	}
	.section-tags__item-img-block {
		text-align: center;
		flex-shrink: 0;
	}
	.section-tags__item-title {
		font-size: 18px;
	}
	.section-tags__list {
		grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
	}
	.section-stages2__title {
		font-size: 42px;
		margin-bottom: 30px;
	}
	.section-stages2__list {
		gap: 30px;
	}
	.section-stages2 {
		padding: 30px;
	}
	.section-stages2__item-title {
		font-size: 20px;
	}
}
@media screen and (max-width: 850px) {
	.section-top__title-block .section-top__title {
		font-size: 40px !important;
	}
}
@media screen and (max-width: 768px) {
	.works-filter .catalog-tags-list {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}
	.works-filter .catalog-tags-item.catalog-tags-item--dropdown .catalog-tags-name {
		font-size: 14px;
		padding: 5px 10px;
	}
	.works-filter__block {
		gap: 20px;
	}
	.footer__span-title {
		min-height: auto;
	}






	.portfolio-slider_img {
		min-height: 520px;
	}
	.inner-subtitle--staff {
		margin-bottom: 0;
	}
	.certificates-list2 {
		grid-template-columns: repeat(2,1fr);
	}
	.section-stages2__item-icon-block {
		padding: 10px;
		width: 40px;
		height: 40px;
	}
	.section-stages2__inner-wrap {
		gap: 40px;
	}
	.project-example-gallery2 {
		order: 1;
		padding-bottom: 0;
		margin-bottom: 5px;
	}
	.project-example2__video-block {
		order: 2;
	}
	.project-example2__video-img-block {
		height: 300px;
	}
	.project-example2__top {
		margin-bottom: 0;
	}
	.main-tabs__btn {
		font-size: 16px;
	}
	.payment-list__title,
	.delivery-block {
		font-size: 16px;
	}
	.form-3__item,
	.form-4__item {
		flex-basis: 100%;
	}
	.services2-block .features-section .swiper-pagination {
		display: none;
	}
	.services2-block,
	.margin-block,
	.staff-list__wrap {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.services2__list,
	.work-detail2__wrap,
	.section-reviews2__wrap .section-reviews__inner-wrap {
		margin-bottom: 40px;
	}
	.section-reviews2__wrap .section-reviews__inner-wrap {
		margin-bottom: 0;
	}
	.video-block__wrap .video-portfolio-section {
		margin-bottom: 40px;
	}
	.services2__img-block {
		height: 360px;
	}
	.services2__item:first-child,
	.services2__item:last-child {
		grid-column: span 1;
	}
	.services2__list {
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	}
	.portfolio--sauna .portfolio-header {
		margin-bottom: 10px;
	}
	.form-2 {
		padding: 30px;
	}
	.form-2__btn {
		width: 100%;
	}
	.form-2__btn {
		padding: 20px;
	}
	.form-2__item {
		flex-basis: 100%;
	}
	.form-2__btn {
		margin-bottom: 10px;
	}
	.form-2__card-title {
		font-size: 22px;
	}
	.form-2__card-title-block {
		margin-bottom: 15px;
	}
	.portfolio--sauna .portfolio-buttons  {
		display: none;
	}
	.section-top__title-block {
		margin-bottom: 40px;
		max-width: 100%;
	}
	.section-top__title-block .section-top__title {
		padding-right: 0;
		font-size: 30px !important;
		line-height: 40px !important;
	}
	.section-top__footer {
		margin-top: 30px;
	}
	.section-top__footer-list {
		gap: 20px;
	}
	.section-top__left-item {
		width: auto;
	}
	.section-top__footer-item {
		flex-basis: 100%;
	}
	.section-top__left-info-rating {
		font-size: 20px;
	}
	.section-top {
		padding: 20px;
	}
	.section-top__subtitle,
	.section-top__info-text,
	.section-top__footer-title {
		font-size: 16px;
	}

	.section-top__left-list {
		position: static;
		flex-direction: row;
		margin-top: 30px;
	}
	.section-articles__swiper {
		margin-top: 0;
	}
	.section-placement__info-wrap {
		margin-top: 0 !important;
	}
	.card-section.card-section--sauna .card-gallery {
		height: auto !important;
		margin-bottom: 40px !important;
	}
	.section-portfolio__wrap {
		padding-bottom: 60px;
	}
	.section-reasons__wrap {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.form-1__wrap {
		margin-bottom: 30px;
	}
	.section-portfolio__swiper {
		margin-top: 20px;
	}
	.steams-item {
		z-index: 2 !important;
	}
	.swiper-buttons-new {
		display: none;
	}
	.section-top-2 {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}
	.form-1__input-block {
		grid-template-columns: 1fr;
	}
	.form-1__title {
		font-size: 40px;
	}
	.form-1__desc {
		margin-top: 30px;
	}
	.section-reasons__top {
		margin-bottom: 10px;
	}
	.section-add__info-wrap {
		margin-top: 5px;
	}
	.section-stages2__item {
		height: auto;
	}
}



@media screen and (max-width: 759px) {
	.project-info__title {
		font-size: 28px;
		line-height: 30px;
	}
	.card-project-description-list__title {
		font-size: 18px;
		line-height: 21px;
		margin: 0 0 12px;
		font-weight: 400;
	}
	.card-features-download__title {
		font-size: 28px;
		line-height: 30px;
		text-align: left;
		font-family: 'TT Firs Neue';
		font-weight: 500;
	}
	.project-options-gallery__title {
		font-size: 20px;
		line-height: 24px;
		font-weight: 400;
		margin: 0 0 16px;
	}
}
@media screen and (max-width: 750px) {
	.promo-details__title {
		font-size: 16px !important;
		margin: 0 13% 9px 0;
		line-height: 1.2 !important;
	}
}

@media screen and (max-width: 700px) {
	.promo-details__title, .card-features-download__title .project-options-gallery__title {
		font-size: 30px;
		line-height: 36px;
	}
}
@media screen and (max-width: 650px) {
	.complect thead tr th:first-child {
		display: none;
	}
	.complect thead tr th:last-child {
		padding-top: 0;
	}
	.complect tr {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.complect tbody tr td:first-child {
		width: 100%;
		border-right: none;
	}
	.complect tbody tr td:first-child {
		padding-bottom: 0;
		font-size: 18px;
	}
	.complect ul li {
		font-size: 16px;
	}
	.complect thead tr th {
		text-align: left;
		font-size: 20px;
		padding-bottom: 10px;
	}
}
@media screen and (max-width: 575px) {
	.stocks-2__item {
		background-image: none !important;
		padding: 30px;
	}
	.form-5__title {
		font-size: 24px;
	}
	.services2__title-block {
		min-height: auto;
	}
	.projects-similar-add__item-bottom-title {
		font-size: 16px;
	}
	.payment-list {
		gap: 12px;
	}
	.form-1__title {
		font-size: 30px;
	}
	.section-stages2__item {
		flex-direction: column;
	}
	.section-stages2__title {
		font-size: 28px;
	}
	.portfolio--sauna .center-block .btn {
		font-size: 18px;
	}
	.text-block-2__info-img-block {
		max-width: 100%;
	}
	.text-block-2__info-desc p {
		font-size: 16px;
	}
	.text-block-2__btn {
		height: auto;
	}
	.form-2__input,
	.form-2__btn {
		height: 50px;
	}
	.form-2__btn {
		padding: 11px;
	}
	.form-2__title,
	.form-block-3__title {
		font-size: 28px;
	}
	.form-2__card-title,
	.form-2__card-desc {
		font-size: 16px;
	}
	.form-2__card {
		padding: 20px;
	}
	.form-1__info {
		flex-direction: column;
	}
	.banner-1,
	.banner-2 {
		background-image: none;
		height: auto;
	}
	.banner-1__text {
		max-width: 100%;
	}
	.section-certificates--sauna {
		padding: 30px;
	}
}

@media screen and (max-width: 475px) {
	.works-filter__item-square {
		gap: 12px;
	}
	.works-filter__block {
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
	}
	.works-filter__input {
		padding: 10px 10px 10px 16px;
		width: 75px;
	}
	.works-filter__tags-block {
		grid-template-columns: repeat(2,1fr);
	}
	.works-filter__item-square {
		flex-direction: column;
		align-items: flex-start;
	}
	.projects-nav {
		margin-top: 50px;
	}
	.portfolio--sauna .portfolio-slider_plus {
		position: absolute;
		bottom: -38px;
		right: 0;
	}
	.portfolio--sauna .portfolio-slider_block {
		width: calc(100% - 50px);
	}
	.projects--2 .title_dscr {
		min-height: auto;
	}
	.projects-nav__link {
		font-size: 14px;
	}
	.works-filter__item-square-block {
		gap: 20px;
	}
}



@media screen and (max-width: 450px) {
	.hero-promo .holder-title div.h1 {
		font-size: 40px !important;
	}
}
@media screen and (max-width: 430px) {
	.product_page .project-details-item,
	.product_page .project-details {
		margin-bottom: 40px;
	}
	.project-details-item-variants__item {
		gap: 10px;
	}
}
@media screen and (max-width: 560px) {
	.section-why__title,
	.section-certificates h2 {
		font-size: 28px;
		font-weight: 500;
		line-height: 30px;
	}
	.section-stocks__main-title,
	.section-top-2__title {
		font-size: 28px !important;
		font-weight: 500 !important;
		line-height: 30px !important;
	}
	.choice-block__wrap {
		grid-template-columns: repeat(2,min-content);
		gap: 20px;
	}
	.form-1__title {
		font-size: 35px;
	}
	.form-1__desc {
		margin-top: 0;
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 360px) {
	.works-filter__tags-block {
		grid-template-columns: 1fr;
	}
}





@media screen and (max-width: 1340px) {
	.footer-contacts-phone a {
		font-size: 25px;
		line-height: 30px; }

	.col-25-empty {
		display: none; }

	.col-50.footer-menu-col {
		width: 70%; }
	.col-25.footer-info-col {
		width: 30%; }
}

@media screen and (max-width: 1120px) {
	.footer-panel .col-25:nth-child(1) {
		order: 1; }
	.footer-panel .col-25:nth-child(4) {
		order: 2; }
	.footer-panel .col-25:nth-child(2) {
		order: 3; }
	.footer-panel .col-25:nth-child(3) {
		order: 4; }

	#footer .col-25 {
		width: 50%; }

	.col-50.footer-menu-col {
		width: 100%; }
	.col-25.footer-info-col {
		border-top: 1px solid rgba(237, 239, 238, 1);
		width: 100% !important;
		column-count: 2;
		padding-top: 30px !important; }

	.dev_list li {
		margin-bottom: 2px; }

	.menu_block {
		padding-right: 0; }
	.menu_block .menu {
		width: 25%;
		padding-right: 30px; }
}

@media screen and (max-width: 768px) {

	#footer .row .col-25 {
		width: 100%; }
	#footer .slogan {
		display: block;
		margin-bottom: 10px; }

	.footer-social .soc_box a {
		width: 40px;
		height: 40px; }
	.footer-social .soc_box a svg {
		width: 16px;
		height: 16px; }
	.footer-contacts {
		margin-bottom: 20px; }
	.footer-address {
		padding-bottom: 20px; }

	#footer .menu_block .menu {
		width: 50% !important;
		padding-right: 15px; }

	#footer .menu ul {
		padding: 10px 0 0; }
	#footer .menu ul {
		columns: 1; }

	.col-25.footer-info-col {
		column-count: 1; }

	.dev_list li {
		width: 100%; }
	.dev_list li a,
	.footer-text {
		font-size: 12px;
		line-height: 14.4px; }
}

.breadcrumbs li .sep {
	margin: 0px 10px; }
.breadcrumbs li span {
	color: #808786;
	font-size: 16px;
	font-weight: normal; }
.breadcrumbs li a span {
	color: #151616; }

.main-content-box h1 {
	font-size: 52px;
	line-height: 60px;
	padding-right: 40px; }

@media screen and (max-width: 992px) {
	.main-content-box h1 {
		font-size: 42px;
		line-height: 50px; }
}

@media screen and (max-width: 768px) {
	.roistat-online-chat-holder {
		bottom: 100px !important;
		right: 25px !important;
	}
	.card-section .card-gallery {
		height: auto !important;
	}
	.main-content-box h1 {
		font-size: 24px;
		line-height: 32px; }
	.breadcrumbs {
		display: block;
		margin-bottom: 15px; }
	.breadcrumbs li,
	.breadcrumbs li a {
		line-height: 1; }
	.breadcrumbs li a span,
	.breadcrumbs li span {
		font-size: 11px; }
	.main-content-box {
		padding-top: 10px !important; }
}

.wrap-catalog {
	margin: 0; }

.catalog {
	width: 100%; }
.catalog-items .items {
	display: flex;
	flex-wrap: wrap;
	margin: 0px -10px; }
.catalog-items .item {
	width: 50%;
	padding: 0px 10px;
	margin-bottom: 40px; }
.catalog-item-body {
	border-bottom: 1px solid rgba(237, 239, 238, 1);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 15px; }

.catalog-item-images {
	position: relative;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border-radius: 12px;
	height: 487px; }
.catalog-item-image {
	height: 487px; }
.catalog-item-images .owl-nav {
	position: absolute;
	top: 20px;
	right: 20px; }
.catalog-item-images .owl-carousel .owl-nav button {
	width: 48px;
	height: 48px;
	border-radius: 8px;
	background-color: #80C342;
	margin-left: 10px;
	transition: 0.5s; }
.catalog-item-images .owl-carousel .owl-nav button:hover {
	background-color: #639D2D; }
.catalog-item-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 12px; }
.catalog-item-images .owl-dots {
	display: none; }

.catalog-item-name a {
	text-decoration: none;
	color: #151616;
	font-weight: 400;
	font-size: 24px;
	line-height: 28.8px; }
.catalog-item-name a:hover {
	color: #80C342; }
.catalog-item-name a b {
	font-weight: 600; }
.catalog-item-price .price {
	color: #151616;
	font-size: 24px;
	line-height: 28.8px; }
.catalog-item-foot {
	padding-top: 15px; }
.catalog-item-button {
	width: 158px; }
.catalog-item-button a {
	text-decoration: none;
	transition: 0.5s;
	display: inline-block;
	color: #fff;
	background-color: #80C342;
	border-radius: 8px;
	font-weight: 500;
	font-size: 14px;
	line-height: 16.8px;
	padding: 15px 20px;
	width: 158px;
	text-align: center; }
.catalog-item-button a:hover {
	background-color: #639D2D; }
.catalog-item-foot {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between; }
.catalog-item-property {
	width: calc(100% - 158px);
	padding-right: 20px; }

.list_sizes li {
	margin-right: 20px;
	width: auto; }

@media screen and (max-width: 1420px) {
	.catalog-item-images,
	.catalog-item-image {
		height: 420px; }
}

@media screen and (max-width: 1320px) {
	.catalog-item-images,
	.catalog-item-image {
		height: 380px; }
}

@media screen and (max-width: 992px) {
	.catalog-item-images,
	.catalog-item-image {
		height: 352px; }

	.catalog-items .item {
		width: 100%; }

	.catalog-item-name a,
	.catalog-item-price .price {
		font-size: 20px;
		line-height: 24px; }
}

@media screen and (max-width: 768px) {
	.catalog-item-images,
	.catalog-item-image {
		height: 235px; }

	.catalog-item-images .owl-nav {
		top: 10px;
		right: 10px; }
	.catalog-item-images .owl-carousel .owl-nav button {
		width: 32px;
		height: 32px;
		margin-left: 5px; }
	.catalog-item-images .owl-carousel .owl-nav button svg {
		width: 12px; }

	.catalog-item-name {
		padding-bottom: 10px; }
	.catalog-item-name a {
		font-size: 16px;
		line-height: 22px; }

	.catalog-item-price .price {
		font-size: 18px;
		line-height: 22px; }

	.catalog-item-property {
		width: 100%;
		padding-right: 0; }
	.catalog-item-button {
		width: 100%;
		padding-top: 20px; }
	.catalog-item-button a {
		width: 100%; }

	.catalog-item-body {
		display: block; }
}

.catalog-advantages-block {
	border-bottom: 1px solid rgba(237, 239, 238, 1);
	padding-bottom: 30px;
	margin-bottom: 30px;
	position: relative; }
.catalog-advantages {
	position: relative; }
.catalog-advantages-item {
	background: rgba(246, 246, 246, 1);
	border-radius: 12px;
	display: flex;
	align-items: center;
	padding: 24px 20px; }
.catalog-advantages-img {
	width: 50px;
	height: 50px; }
.catalog-advantages-img.guaranty {
	height: 50px;
	width: 47px; }
.catalog-advantages-img.free {
	width: 70px; }
.catalog-advantages-info {
	width: calc(100% - 50px);
	color: rgba(21, 22, 22, 1);
	font-weight: 400;
	font-size: 16px;
	line-height: 22.4px;
	padding-left: 15px; }
.catalog-advantages-info span {
	color: rgba(128, 195, 66, 1); }

.catalog-advantages-block .owl-nav {
	display: none; }
.catalog-advantages-block .owl-dots {
	background: rgba(237, 239, 238, 1);
	border-radius: 30px;
	padding: 0px 5px 1px;
	line-height: 1;
	display: none;
	position: absolute;
	top: -30px;
	right: 20px; }
.catalog-advantages-block .owl-carousel button.owl-dot {
	width: 8px;
	height: 8px;
	border-radius: 10px;
	background-color: #fff;
	margin: 0px 2px; }
.catalog-advantages-block .owl-carousel button.owl-dot.active {
	background: rgba(128, 195, 66, 1); }

@media screen and (max-width: 992px) {
	.catalog-advantages-item {
		display: flex;
		min-height: 150px;
		flex-direction: column;
		align-items: flex-start; }
	.catalog-advantages-info {
		width: 100%;
		padding-left: 0;
		padding-top: 30px;
		margin-top: auto;
		padding-top: 10px; }
	.catalog-advantages-img {
		width: 40px;
		height: 40px; }
	.catalog-advantages-img.guaranty {
		height: 40px;
		width: 37px; }
	.catalog-advantages-img.free {
		width: 55px; }
	.catalog-advantages-img-large {
		width: 50px; }
	.catalog-advantages-info {
		font-size: 14px;
		line-height: 21px; }
}

@media screen and (max-width: 768px) {
	.catalog-advantages-block {
		width: calc(100% + 20px);
		margin-bottom: 10px; }
	.catalog-advantages-item {
		min-height: 165px;
		height: 100%; }
	.catalog-advantages-info {
		margin-top: 10px; }
}


.wrap-catalog {
	padding-top: 0; }

.catalog-panel {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px; }
.catalog-panel-filter.active {
	position: relative;
	z-index: 1010; }
.catalog-panel-filter.active .catalog-filter-close {
	color: #fff; }
.catalog-panel-filter .icon svg {
	transition: 0.2s; }
.catalog-panel-filter.active .icon svg {
	transform: rotate(45deg); }

.catalog-tags {
	width: calc(100% - 455px); }
.catalog-tags.active {
	height: auto; }
.catalog-tags-title {
	display: inline-block;
	color: rgba(128, 135, 134, 1);
	font-weight: 500;
	font-size: 16px;
	line-height: 19.2px;
	margin-right: 20px;
	padding: 10px 0 0;
	min-width: 210px; }

@media screen and (min-width: 768px) {
	.catalog-panel-tags {
		padding-top: 14px; }
}

.catalog-filter-btn {
	color: #fff;
	font-weight: 500;
	font-size: 14px;
	line-height: 16.8px;
	text-decoration: none;
	background: rgba(50, 56, 54, 1);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 15px;
	width: 280px; }
.catalog-filter-close {
	display: flex;
	align-items: center;
	font-weight: 500;
	font-size: 14px;
	line-height: 16.8px;
	color: rgba(50, 56, 54, 1);
	text-decoration: none;
	margin-right: 20px; }
.catalog-filter-panel {
	width: 455px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: relative; }
.catalog-filter-btn span.icon,
.catalog-filter-close span {
	width: 24px;
	height: 24px;
	background: #fff;
	border-radius: 30px;
	display: flex;
	align-items: center;
	justify-content: center; }
.catalog-filter-close span {
	background: #EDEFEE;
	margin-left: 8px; }

.catalog-tags-content {
	display: none; }
.catalog-tags-name {
	display: flex;
	align-items: center;
	color: #151616;
	font-weight: 500;
	font-size: 16px;
	line-height: 19.2px;
	text-decoration: none;
	transition: 0.5s;
	margin-right: 20px; }
.catalog-tags-name svg {
	margin-right: 5px; }
.catalog-tags-name:hover {
	cursor: pointer; }
.catalog-tags-name:hover svg {
	transform: rotate(180deg); }
.catalog-tags-name:hover svg path {
	fill: #80C342; }
.catalog-tags-name svg {
	margin-left: 5px; }
.catalog-tags {
	margin-bottom: 0 !important;
	width: 100%;
	display: flex; }
.catalog-tags-item {
	margin-bottom: 10px;
	position: relative; }
.catalog-tags-item ul {
	margin-top: 10px;
	background-color: #FFF;
	border: 1px solid #F6F6F6;
	border-radius: 8px;
	width: 240px;
	display: flex;
	flex-wrap: wrap; }
.catalog-tags-content li {
	display: block;
	width: 100%;
	border-bottom: 1px solid #EDEFEE; }
.catalog-tags-content li:last-child {
	border-bottom: none; }
.catalog-tags-content a,
.catalog-tags-content label {
	color: #000;
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	font-size: 15px;
	border-radius: 2px; }
.catalog-tags-content a:hover {
	background: #F3F9ED; }
.catalog-tags-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap; }
.catalog-tags {
	flex-grow: 1; }
.projects-block .catalog-tags {
	height: auto;
}

@media only screen and (min-width: 768px) {
	.catalog-tags-item:hover .catalog-tags-content {
		display: block;
		position: absolute;
		top: 20px;
		left: 0;
		z-index: 10; }
}

@media only screen and (max-width: 768px) {
	.catalog-tags-name {
		font-size: 14px; }
	.catalog-tags-name svg {
		width: 10px; }
	.catalog-tags-item {
		margin-bottom: 5px; }
	.catalog-tags {
		margin-bottom: 10px; }

	.catalog-tags-item:hover .catalog-tags-content {
		top: 25px; }
	.catalog-tags-content a {
		font-size: 13px;
		margin-bottom: 2px; }

	.catalog-tags-item.catalog-tags-item--dropdown .catalog-tags-name {
		background: #f9f9f9;
		font-weight: 300;
		color: #777; }

	.catalog-tags-title {
		display: none; }
	.catalog-tags {
		display: block;
		height: auto !important; }
	.catalog-tags-name {
		margin-right: 5px; }
	.catalog-tags-item {
		margin-bottom: 10px; }
	.catalog-tags .main-menu-item_more {
		display: none; }

	.catalog-panel {
		display: block; }

	.main-menu-link.main-menu-link--more {
		min-height: 26px !important; }
}

.catalog-tags-content a.active {
	text-decoration: underline; }

.main-menu-target {
	display: none; }
.main-menu-item_more .main-menu-link {
	align-items: center;
	display: inline-block;
	color: #000;
	font-weight: 500;
	font-size: 14px;
	background-color: #f3f3f3;
	border-radius: 20px;
	padding: 9px 25px 13px !important;
	text-decoration: none;
	transition: 0.5s;
	min-height: 0 !important;
}
.catalog-tags .main-menu-link {
	padding: 10px 0; }
.main-menu-item_more .main-menu-link:hover .main-menu-more-icon circle {
	fill: rgba(128, 195, 66, 1); }
.main-menu-link.main-menu-link--more {
	min-height: 46px;
	width: 100%;
	margin-right: 0; }

.fancybox-bg {
	background-color: rgba(0, 0, 0, 0.6); }

.popup-catalog-row {
	display: flex;
	flex-wrap: wrap; }
.popup-catalog-sections {
	width: 40%;
	border-right: 1px solid #CBCDCC;
	padding-right: 100px; }
.popup-catalog-filter {
	width: 60%;
	padding-left: 100px; }

@media screen and (max-width: 768px) {
	.catalog-filter-close {
		display: none; }
	.catalog-filter-panel {
		width: 100%; }
	.catalog-filter-btn {
		width: 100%; }

	.tags_list .main-menu-item_more {
		display: none; }
	.tags_list li:not(.main-menu-item_more) {
		min-width: auto; }
	.tags_list li a {
		padding: 5px 12px 4px;
		width: auto; }
}

.popup-catalog-sections-title {
	color: rgba(21, 22, 22, 1);
	font-weight: 500;
	font-size: 16px;
	line-height: 19.2px;
	padding-bottom: 15px; }
.popup-catalog-sections-list {
	column-width: 33.33333%;
	column-count: 3;
	column-gap: 4%; }
.popup-catalog-sections-list li {
	margin-bottom: 5px;
	padding-right: 20px; }
.popup-catalog-sections-list li a {
	color: rgba(50, 56, 54, 1);
	font-weight: 400;
	font-size: 16px;
	line-height: 16px;
	text-decoration: none; }
.popup-catalog-sections-list li a:hover {
	color: #80C342; }

.popup-catalog-filter .smartfilter {
	column-width: 33.33333%;
	column-count: 3;
	column-gap: 4%; }
.popup-catalog-filter .bx-filter-parameters-box-hint {
	color: rgba(21, 22, 22, 1);
	font-weight: 500;
	font-size: 16px;
	line-height: 19.2px;
	padding-bottom: 20px;
	display: block; }
.popup-catalog-filter .bx-filter-param-label {
	color: rgba(21, 22, 22, 1);
	font-weight: 400;
	font-size: 16px;
	line-height: 16px; }
.bx-filter-input-checkbox {
	display: flex;
	align-items: center;
	margin-bottom: 12px; }
.popup-catalog-filter .bx-filter-param-label input {
	display: none; }
.popup-catalog-filter .bx-filter-param-icon {
	border: 1px solid rgba(203, 205, 204, 1);
	border-radius: 4px;
	width: 16px;
	height: 16px;
	margin-right: 10px;
	display: inline-block;
	position: relative; }
.popup-catalog-filter input:checked + .bx-filter-param-icon {
	background-color: #80C342;
	background-image: url('/images/checkbox.svg');
	border-color: #80C342;
	background-repeat: no-repeat;
	background-position: center; }
.bx-filter-input-checkbox {
	cursor: pointer; }
.bx-filter-param-text span {
	font-size: 14px;
	line-height: 16px; }
.bx-filter-parameters-box {
	max-width: 270px; }

.inpt_wrapp {
	margin: 0px -5px; }
.inpt_wrapp .bx-filter-parameters-box-container-block {
	width: 50%;
	padding: 0px 5px; }
.inpt_wrapp .min-price,
.inpt_wrapp .max-price {
	font-weight: 500;
	font-size: 14px;
	line-height: 16.8px;
	color: rgba(21, 22, 22, 1);
	border: 1px solid rgba(203, 205, 204, 1);
	border-radius: 8px;
	width: 100%;
	height: 49px;
	padding: 0px 20px; }
.bx-ui-slider-part {
	display: none; }
.bx-ui-slider-range {
	background: rgba(192, 225, 161, 1);
	border-radius: 20px;
	height: 4px;
	position: relative;
	margin-top: 20px;
	margin-bottom: 30px; }
.bx-ui-slider-handle {
	background: rgba(128, 195, 66, 1);
	width: 24px;
	height: 24px;
	border-radius: 24px;
	display: block;
	position: absolute;
	top: -10px; }

.catalog-panel {
	position: relative; }

.p-filter {
	display: none;
	padding: 40px;
	position: absolute;
	height: 500px;
	overflow-y: auto;
	top: 70px;
	right: 0;
	z-index: 1010;
	background-color: #fff;
	border-radius: 12px;
	width: 100%; }
.p-filter.active {
	display: block; }
.p-filter-bg,
.popup-bg {
	display: none;
	background-color: rgba(0, 0, 0, 0.6);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%; }
.p-filter-bg.active,
.popup-bg.active {
	display: block; }

@media screen and (max-width: 768px) {
	.p-filter {
		padding: 20px;
		top: calc(100% + 20px); }
	.popup-catalog-row {
		display: block; }
	.popup-catalog-sections {
		width: 100%;
		padding-right: 0;
		border-right: none; }
	.popup-catalog-filter {
		width: 100%;
		padding-left: 0; }
	.popup-catalog-sections-list {
		column-count: 1; }
	.popup-catalog-sections-list {
		height: 230px;
		overflow: scroll;
		display: block;
		column-count: unset; }
	.popup-catalog-sections-list li a {
		font-size: 14px; }
	.popup-catalog-sections {
		border-bottom: 1px solid rgb(203, 205, 204);
		margin-bottom: 20px;
		padding-bottom: 20px; }

	.popup-catalog-filter .smartfilter {
		column-count: unset; }
}

.pagination-main ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 50px; }
.pagination-main li {
	padding: 0px 5px;
	margin-bottom: 10px; }
.pagination-main li a,
.pagination-main li span.active,
.pagination-main li span.pagination-nav {
	background: rgba(237, 239, 238, 1);
	border-radius: 8px;
	width: 48px;
	height: 48px;
	color: rgba(21, 22, 22, 1);
	font-weight: 500;
	font-size: 14px;
	line-height: 16.8px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: 0.5s; }
.pagination-main li span.active,
.pagination-main li a:hover {
	background: rgba(128, 195, 66, 1);
	color: #fff; }
.pagination-main li a:hover svg path {
	stroke: #fff; }

@media only screen and (max-width: 992px) {
	.pagination-main li a,
	.pagination-main li span.active,
	.pagination-main li span.pagination-nav {
		width: 38px;
		height: 38px; }
}

.project-gift {
	width: 100%;
	padding: 0px 10px;
	margin-bottom: 40px;
	position: relative; }
.project-gift-content {
	background-image: url('/images/project-gift.webp');
	background-repeat: no-repeat;
	background-size: cover;
	padding: 80px;
	padding-top: 250px;
	border-radius: 12px;
	overflow: hidden; }
.project-gift-content:before {
	background: linear-gradient(0deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
	position: absolute;
	border-radius: 12px;
	top: 0;
	left: 10px;
	content: '';
	width: calc(100% - 20px);
	height: 100%; }
.project-gift-wrapper {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between; }
.project-gift-title {
	color: #fff;
	font-weight: 500;
	font-size: 72px;
	line-height: 100%;
	max-width: 745px; }
.project-gift-info {
	max-width: 895px;
	padding-right: 20px; }
.project-gift-subtitle {
	font-weight: 400;
	font-size: 20px;
	line-height: 140%;
	color: #fff;
	max-width: 385px;
	padding-top: 15px; }

.project-gift-plus {
	margin-top: 45px; }
.project-gift-plus .item {
	width: 100%;
	margin-bottom: 0;
	padding: 0; }
.project-gift-plus-item {
	background-color: #323836;
	border-radius: 12px;
	padding: 25px;
	min-height: 198px;
	display: flex;
	flex-direction: column;
	justify-content: space-between; }
.project-gift-name {
	color: #80C342;
	font-size: 14px;
	line-height: 160%; }
.project-gift-name .num {
	opacity: 0.3;
	margin-right: 5px;  }
.project-gift-text {
	color: #fff;
	font-size: 16px;
	line-height: 140%;
	padding-top: 20px; }
.project-gift-text span {
	font-weight: 500; }

.project-gift-callback {
	background: #fff;
	width: 440px;
	border-radius: 12px;
	padding: 30px; }
.project-gift-callback-text {
	font-size: 16px;
	line-height: 160%;
	color: rgba(21, 22, 22, 1);
	margin-bottom: 20px; }

.project-gift-user {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 60px; }
.project-gift-user-img {
	width: 80px; }
.project-gift-user-info {
	width: calc(100% - 80px);
	padding-left: 15px; }
.project-gift-user-name {
	font-weight: 500;
	color: rgba(21, 22, 22, 1);
	font-size: 16px;
	line-height: 160%; }
.project-gift-user-text {
	color: #737373;
	font-size: 14px;
	line-height: 140%; }

.project-gift-field {
	margin-bottom: 15px; }
.project-gift-field .input {
	width: 100%;
	border: 1px solid #EDEFEE;
	border-radius: 8px;
	font-size: 14px;
	line-height: 160%;
	padding: 14px 20px; }
.project-gift-field .input.error {
	border-color: #f00; }
.project-gift-field .button {
	background: #80C342;
	color: #fff;
	width: 100%;
	box-shadow: none;
	border: none;
	border-radius: 12px;
	color: #fff;
	font-size: 16px;
	line-height: 120%;
	padding: 17px 20px;
	display: inline-block;
	text-decoration: none;
	text-align: center; }
.project-gift-privacy label {
	color: #737373;
	font-size: 12px;
	line-height: 140%;
	display: flex;
	align-items: center; }
.project-gift-privacy label a {
	text-decoration: none;
	margin-left: 3px; }
.project-gift-privacy label input {
	display: none; }
.project-gift-privacy span.icon {
	border: 1px solid rgba(203, 205, 204, 1);
	border-radius: 4px;
	width: 16px;
	height: 16px;
	margin-right: 10px;
	display: inline-block;
	position: relative; }
.project-gift-privacy input:checked + .icon {
	background-color: #80C342;
	background-image: url('/images/checkbox.svg');
	border-color: #80C342;
	background-repeat: no-repeat;
	background-position: center; }

.project-gift-video {
	position: absolute;
	top: 80px;
	right: 30%; }
.project-gift-video a svg path {
	transition: 0.5s; }
.project-gift-video a:hover svg path {
	fill: #80C342; }

@media only screen and (max-width: 1560px) {
	.project-gift-info {
		width: 70%;
		max-width: 100%; }
	.project-gift-callback {
		width: 30%;
		max-width: 100%; }
}

@media only screen and (max-width: 1280px) {
	.project-gift-content {
		padding: 45px;
		padding-top: 250px; }
	.project-gift-title {
		font-size: 42px;
		line-height: 100%; }
	.project-gift-subtitle {
		font-size: 16px;
		line-height: 140%; }
	.text-block-2__info-img-block {
		max-width: 100%;
		height: 100%;
	}

}

@media only screen and (max-width: 1140px) {
	.project-gift-info,
	.project-gift-callback {
		width: 100%;
		max-width: 100%; }
	.project-gift-callback {
		margin-top: 20px; }
	.project-gift-user {
		margin-bottom: 30px; }
	.project-gift-user-name {
		font-size: 14px; }
	.project-gift-user-text {
		font-size: 12px; }
	.project-gift-user-img {
		width: 62px; }
	.project-gift-user-info {
		width: calc(100% - 62px); }
	.project-gift-callback-text {
		font-size: 14px; }
	.project-gift-form form {
		display: flex;
		flex-wrap: wrap;
		margin: 0px -10px; }
	.project-gift-field {
		width: 50%;
		padding: 0px 10px; }
	.project-gift-privacy {
		width: 100%;
		padding: 0px 10px; }
	.project-gift-video {
		right: 60px; }
}

@media only screen and (max-width: 1140px) {
	.project-gift-content {
		padding-top: 200px; }
}

@media only screen and (max-width: 768px) {
	.project-gift {
		width: calc(100% + 40px);
		padding: 0;
		margin-left: -20px;
		margin-right: -20px; }
	.project-gift-video {
		width: 80px;
		height: 80px;
		top: 40px;
		right: 40px; }
	.project-gift-video svg {
		width: 80px;
		height: 80px; }
	.project-gift-content {
		padding: 30px;
		padding-right: 0;
		padding-top: 200px; }
	.project-gift-title {
		font-size: 28px;
		line-height: 120%;
		padding-right: 30px; }
	.project-gift-subtitle {
		font-size: 14px;
		line-height: 140%;
		padding-right: 30px; }
	.project-gift-name,
	.project-gift-text {
		font-size: 12px; }
	.project-gift-plus-item {
		min-height: 140px; }
	.project-gift-info {
		padding-right: 0; }

	.project-gift-plus .owl-dots {
		display: none;
		background: #323836;
		border-radius: 30px;
		padding: 0px 5px 1px;
		line-height: 1;
		position: absolute;
		top: -30px;
		right: 20px; }
	.project-gift-plus.owl-carousel button.owl-dot {
		width: 8px;
		height: 8px;
		border-radius: 10px;
		background-color: #323836;
		margin: 0px 2px; }
	.project-gift-plus.owl-carousel button.owl-dot.active {
		background: rgba(128, 195, 66, 1); }
	.project-gift-plus.owl-carousel .owl-nav {
		display: none; }

	.project-gift-callback-text {
		font-size: 12px; }
	.project-gift-field {
		width: 100%; }
	.project-gift-privacy label {
		display: block; }
	.project-gift-privacy span.icon {
		top: 4px; }
	.project-gift-callback {
		margin-right: 30px; }

	.project-gift {
		overflow: hidden;
		border-radius: 10px;
		margin-left: -5px;
		margin-right: -5px; }
	.project-gift-content {
		padding-left: 15px;
		background-color: #151515;
		background-position: center top;
		background-size: 200%; }
	.project-gift-callback {
		margin-right: 15px; }
}

.bx-filter-button-box {
	width: 100%; }
.bx-filter-block #set_filter.btn {
	box-shadow: none;
	transition: 0.5s;
	background-color: #80C342;
	border-radius: 12px;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	width: 100%;
	max-width: 270px;
	line-height: 120%;
	display: flex;
	align-items: center;
	justify-content: center; }
.bx-filter-block #set_filter.btn:hover {
	background-color: rgba(99, 157, 45, 1); }
#modef {
	display: none !important; }
.bx-filter-block #set_filter.btn span {
	color: #80C342;
	background: #fff;
	display: inline-block;
	padding: 0px 5px;
	min-width: 26px;
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 20px;
	font-size: 14px;
	margin-left: 20px; }

.catalog-item-price span {
	font-size: 20px; }

.mCSB_scrollTools {
	width: 4px;
	background: #EDEFEE;
	border-radius: 20px; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #80C342; }

.catalog-advantages-dots {
	display: none;
	background-color: #EDEFEE;
	border-radius: 10px;
	width: 32px;
	height: 16px;
	position: relative;
	z-index: 1; }
.catalog-advantages-dots span {
	background-color: #80C342;
	position: absolute;
	top: 4px;
	right: 4px;
	width: 8px;
	height: 8px;
	border-radius: 10px; }

.catalog-advantages-dots span {
	animation: animate-slider 1.9s infinite linear;
	backface-visibility: hidden; }

@keyframes animate-slider {
	0% {opacity:1;transform:translateX(0px);animation-timing-function:ease-in; }
	42% {opacity:1;transform:translateX(-16px);animation-timing-function:ease-in; }
	47% {opacity:1;transform:translateX(-16px);animation-timing-function:ease-out; }
	62% {opacity:0;transform:translateX(-16px);animation-timing-function:ease-out; }
	67% {opacity:0;transform:translateX(-16px);animation-timing-function:ease-out; }
	82% {opacity:0;transform:translateX(0px);animation-timing-function:ease-out; }
	87% {opacity:0;transform:translateX(0px);animation-timing-function:ease-out; }
	100% {opacity:1;transform:translateX(0px); }
}

@media screen and (max-width: 992px) {
	.catalog-advantages-dots {
		display: block;
		position: absolute;
		top: -23px;
		right: 30px;
		z-index: 10; }
}

.project-gift-plus-content {
	position: relative; }
.project-gift-plus-content .catalog-advantages-dots {
	background-color: #323836; }

body.hidden,
html.hidden {
	overflow: hidden;
	height: 100%; }

body #del_filter {
	color: #000;
	text-decoration: none;
	display: flex;
	align-items: center;
	margin: 0 auto; }
body #del_filter .icon {
	width: 24px;
	height: 24px;
	background: #fff;
	border-radius: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #EDEFEE;
	margin-left: 8px; }
body #del_filter .icon svg {
	transform: rotate(45deg); }
.btn-holder .filter-nav {
	display: block; }

.popup-catalog-sections-more {
	display: none; }
.fancybox-inner .project-options-popup .popup-content {
	display: flex;
	gap: 20px;
	align-items: center;
}
.project-options-popup .fancy-image {
	flex: 0 0 30% !important;
}
.possibilities-slider_title.possibilities-slider_title--inner {
	max-width: 100%;
}
.sab-nav li span.arrow {
	position: relative;
}
.sab-nav > li > span.arrow:before {
	position: absolute;
	content: '';
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 8px solid rgba(203, 205, 204, 1);
	top: 5px;
	height: 4px;
	width: auto;
	transform: rotate(180deg);
	right: -19px;
}
.sab-nav > li > span {
	height: 37px;
	display: inline-block;
}
.component-menu span {
	font-weight: 500;
	color: rgba(21, 22, 22, 1);
	font-size: 15px;
	line-height: 1.07;
	text-transform: uppercase;
	letter-spacing: 0.01em;
}



.faq {
	position: relative;
}
.faq-questions {
	list-style: none;
	padding: 0!important;
	margin: 0!important;
}
.faq-questions,
.faq-questions > li {
	width: 100%;
	display: block;
	padding: 30px;
}
.faq-answer li:before{
	display: none;
}
.faq-questions > li h4.faq-question,
.faq-questions > li .faq-question {
	font-weight: 500;
	font-size: 20px;
	color: #323836;
	cursor: pointer;
	padding-right: 50px;
}
.faq-questions > li .faq-answer,
.faq-questions > li .faq-asnwer {
	font-size: 18px;
	line-height: 140%;
	color: #323836;
	display: none;
	margin-top: 20px;
	padding-right: 30px;
}
.faq-answer p {
	margin-bottom: 15px;
}
.faq-answer p:last-child {
	margin-bottom: 0;
}
.faq-questions li {
	background: #fff;
	margin-bottom: 20px;
	position: relative;
	border: 1px solid #edefee;
	border-radius: 12px;
	z-index: 33;
}
.faq-questions li:before {
	position: absolute;
	content: "";
	width: 24px;
	height: 24px;
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.000118256 16.896L0.000118256 7.092C0.000118256 2.856 2.72531 0 6.79208 0L17.196 0C21.264 0 24 2.856 24 7.092L24 16.896C24 21.144 21.264 24 17.196 24L6.79208 24C2.72531 24 0.000118256 21.144 0.000118256 16.896ZM12.8995 14.7249V7.10488C12.8995 6.60087 12.4915 6.20487 11.9995 6.20487C11.4955 6.20487 11.0995 6.60087 11.0995 7.10488V14.7249L8.13553 11.7489C7.96753 11.5809 7.72753 11.4849 7.49953 11.4849C7.27273 11.4849 7.04354 11.5809 6.86354 11.7489C6.51554 12.0969 6.51554 12.6729 6.86354 13.0209L11.3635 17.5449C11.6995 17.8809 12.2995 17.8809 12.6355 17.5449L17.1355 13.0209C17.4835 12.6729 17.4835 12.0969 17.1355 11.7489C16.7755 11.4009 16.2115 11.4009 15.8515 11.7489L12.8995 14.7249Z' fill='%2380C342' /%3e%3c/svg%3e") center no-repeat;
	top: 30px;
	right: 30px;
	z-index: -1;
}
.faq-questions li.opened::before {
	transform: rotate(180deg);
	transform-origin: center;
}
.faq-questions li.opened {
	background: #f6f6f6;
}
.cards-block {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(min(400px,100%),1fr));
	gap: 20px;
}
.cards-block__item {
	background-color: rgba(246, 246, 246, 1);
	padding: 10px 30px 30px 30px;
	border-radius: 12px;
}
.cards-block__wrap,
.cards-block2__wrap {
	margin-bottom: 40px;
}
.cards-block__number {
	display: inline-block;
	font-size: 64px;
	color: rgba(128, 195, 66, 1);
	font-weight: 500;
}
.cards-block__title {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
}
.cards-block__text {
	margin: 0;
}
.section-block {
	margin-top: 60px;
	margin-bottom: 60px;
	width: 100%;
}

.cards-block2__title {
	font-size: 18px;
	margin: 0;
}
.img-block2 {
	text-align: center;
}
.img-block2 img {
	border-radius: 15px;
	overflow: hidden;
	width: 100%;
}
.cards-block2__icon-block {
	border-radius: 8px;
	padding: 15px;
	width: 54px;
	height: 54px;
	background: rgba(128, 195, 66, 0.1);
	margin-bottom: 10px;
}
.cards-block2__item {
	background-color: rgba(246, 246, 246, 1);
	padding: 20px;
	border-radius: 12px;
}
.cards-block2 {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(min(200px,100%),1fr));
	gap: 20px;
}
.block-2-columns {
	display: flex;
	gap: 40px;
}
.mb-0 {
	margin-bottom: 0 !important;
}
.block-2-columns__img {
	flex-shrink: 0;
	flex-basis: 30%;
}

label.error .checkbox-new:before,
input.error {
    border-color: #ff0000 !important;
}

@media (max-width: 991px) {
	.staff-list__item {
		grid-template-columns: 1fr;
		padding: 30px;
		gap: 40px;
	}
	.work-detail2__swiper {
		height: 525px;
	}
	.block-2-columns {
		flex-wrap: wrap;
		gap: 0;
	}
	.block-2-columns__text {
		order: 2;
	}
	.block-2-columns__img {
		margin-bottom: 40px;
	}
	.block-2-columns__img {
		flex-shrink: 1;
		flex-basis: 100%;
	}
}

@media (max-width: 767px) {
	.stocks-2__title {
		font-size: 20px;
	}
	.staff-info__name,
	.staff-list__title {
		font-size: 22px;
	}
	.inner-subtitle,
	.staff-list__text p {
		font-size: 16px;
	}
	p.staff-list__subtitle {
		font-size: 20px;
	}
	.projects-similar-add__item {
		gap: 35px;
	}
	.certificate-hide-element {
		grid-column: span 2;
	}
	.icon-element {
		padding: 10px;
		width: 40px;
		height: 40px;
	}
	.form-block-4 {
		gap: 20px;
	}
	.work-detail2__swiper {
		height: 325px;
	}
	.work-detail2__swiper-nav-block {
		bottom: 10px;
		height: 45px;
	}
	.work-detail2__props-value {
		font-size: 16px;
	}
	.component-menu span {
		font-size: 14px;
		line-height: 2;
		display: inline-block;
		vertical-align: top;
		text-transform: none;
	}
	.faq-questions > li .faq-question {
		font-size: 18px;
	}
	.faq-questions > li .faq-answer {
		font-size: 16px;
	}
	.cards-block2__title {
		font-size: 16px;
	}
	.section-block {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.section-block h2 {
		font-size: 22px;
	}
	.p-filter.active {
		transform: translateY(0);
	}
	.form-block-3 {
		padding: 30px;
	}

	.sab-nav > li > span {
		line-height: 41px;
		height: 41px;
		font-weight: 600;
	}
	.sab-nav > li > span.arrow:before {
		top: 13px;
	}
	body #del_filter {
		width: auto;
		border: none; }

	.popup-catalog-item.hide:not(.active) {
		display: none; }
	.popup-catalog-sections-list {
		height: auto;
		overflow: auto; }
	.popup-catalog-sections-more {
		display: block; }
}
.article ul:not(.list_sizes, .slick-dots) li:before{
	top: 8px;
}
.h3 {
	font-size: 40px;
	line-height: 57px;
	padding-bottom: 20px;
}
.section-stages{
	margin-bottom: 40px!important;
}
.img_desc {
	width: 70%;
	max-width: 100%!important;
	height: 400px;
	object-fit: cover;
	border-radius: 12px!important;
}
@media (max-width: 767px) {
	.product_page {
		margin-top: 40px;
	}
	.p-filter-bg.js-filter-bg { display: none; }
	.p-filter.active {
		position: fixed; left: 0; top: 0; width: 100%; overflow-y: auto; height: 100%; z-index: 10000; transition: transform .3s ease; padding-top: 124px;
		-webkit-overflow-scrolling: touch;
	}
	.redesing_head #header { z-index: 10001; }

	.p-filter.active::-webkit-scrollbar {
		width: 4px;               /* ширина всей полосы прокрутки */
	}

	.p-filter.active::-webkit-scrollbar-track {
		background: #CBCDCC;        /* цвет зоны отслеживания */
	}

	.p-filter.active::-webkit-scrollbar-thumb {
		background-color: rgba(128, 195, 66, 1);    /* цвет бегунка */
		border-radius: 2px;       /* округлось бегунка */
		border: 3px solid rgba(128, 195, 66, 1);  /* отступ вокруг бегунка */
	}
}
@media (max-width: 560px) {
	.portfolio--sauna .btn.btn-radius {
		padding: 18px 25px;
	}
	.banners-details-item__list {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 340px) {
	.services2__btn {
		width: 100%;
	}
	.services2__img-block {
		height: 316px;
	}
	.portfolio--sauna .center-block .btn {
        font-size: 15px;
    }
	.banner-1__title {
		font-size: 17px;
	}
}
/* End */


/* Start:/local/templates/bania.3.1/css/style_detail_card.css?17453925722679*/
.card-section-2 {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 40px;
}

.card-section-2 .cart-head {
    flex-direction: column;
    align-items: flex-start !important;
}
.card-section-2 .cart-head .card-title {
    display: block !important;
    margin-bottom: 30px;
}
.card-section-2 .card-row {
    flex-direction: column !important;
    margin: 0 !important;
}
.card-section-2 .card-info {
    flex-direction: column !important;
    align-items: flex-start !important;
    margin: 0 0 40px 0 !important;
    flex-wrap: wrap;
}
.card-section-2 .card-gallery {
    /*height: 525px !important;*/
}
.card-section-2 .card-title-desc {
    margin-top: 20px !important;
}
.card-section-2 .card-info-item {
    display: flex;
    gap: 40px;
    justify-content: space-between;
}
.card-section-2 .cart-head .card-info .card-info-item {
    width: 100%;
}
.card-section-2 .card-info-item:not(:last-child) {
    margin-bottom: 14px !important;
}



@media (min-width: 1600px) {
    .card-section .cart-head .card-buttons{
        flex-wrap: wrap;
        gap: 10px;
    }
    .card-section .cart-head .card-buttons .btn + .btn{
        margin: 0!important;
    }
    .card-menu-fixed-bottom .cart-head .card-buttons{
        flex-wrap: inherit;
        gap: 10px;
    }


}


@media (max-width: 1920px) {
    .card-section-2 .card-gallery {
        min-height: 680px !important;
    }
}
@media (max-width: 1600px) {
    /*.card-section-2 .card-gallery {
        min-height: 600px !important;
    }*/
    .card-section-2 .card-gallery {
        min-height: auto !important;
    }
}

@media (max-width: 1024px) {
    .card-info-content {
        flex-wrap: wrap;
    }
    .card-section-2 {
        display: block;
    }
    .card-section-2 .cart-head .card-title {
        display: flex !important;
    }
    .card-section-2 .card-info-item {
        margin: 0 24px 0 0 !important;
        width: auto !important;
        flex: 0 0 auto !important;
        display: block !important;
    }
    .card-section-2 .card-info {
        flex-direction: row !important;
        margin: 0 !important;
    }
    .card-section-2 .card-row {
        /*flex-direction: row !important;*/
        width: 100%;
    }
}
@media (max-width: 758px) {
    .card-section-2 .card-gallery {
        height: auto !important;
    }
    .card-section .card-row-mobile .card-info-content {
        display: grid !important;
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)) !important;
        margin-top: 20px !important;
        gap: 10px !important;
    }
}


/* End */


/* Start:/local/templates/bania.3.1/css/redesign_style.css?1744624367354190*/
* {
    -webkit-backface-visibility: hidden;
}

html {
    -webkit-font-smoothing: antialiased;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('/local/templates/bania.3.0/fonts/TTFirsNeue-Regular.eot');
    src: local('TT Firs Neue Regular'), local('TTFirsNeue-Regular'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Regular.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Regular.woff2') format('woff2'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Regular.woff') format('woff'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('/local/templates/bania.3.0/fonts/TTFirsNeue-Medium.eot');
    src: local('TT Firs Neue Medium'), local('TTFirsNeue-Medium'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Medium.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Medium.woff2') format('woff2'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Medium.woff') format('woff'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('/local/templates/bania.3.0/fonts/TTFirsNeue-DemiBold.eot');
    src: local('TT Firs Neue DemiBold'), local('TTFirsNeue-DemiBold'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-DemiBold.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-DemiBold.woff2') format('woff2'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-DemiBold.woff') format('woff'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-DemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('/local/templates/bania.3.0/fonts/TTFirsNeue-Bold.eot');
    src: local('TT Firs Neue Bold'), local('TTFirsNeue-Bold'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Bold.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Bold.woff2') format('woff2'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Bold.woff') format('woff'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('/local/templates/bania.3.0/fonts/TTFirsNeue-Italic.eot');
    src: local('TT Firs Neue Italic'), local('TTFirsNeue-Italic'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Italic.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Italic.woff2') format('woff2'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Italic.woff') format('woff'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* montserrat-regular - cyrillic_cyrillic-ext_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('/local/templates/bania.3.0/fonts/montserrat-v25-cyrillic_cyrillic-ext_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-500 - cyrillic_cyrillic-ext_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url('/local/templates/bania.3.0/fonts/montserrat-v25-cyrillic_cyrillic-ext_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-600 - cyrillic_cyrillic-ext_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('/local/templates/bania.3.0/fonts/montserrat-v25-cyrillic_cyrillic-ext_latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-700 - cyrillic_cyrillic-ext_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('/local/templates/bania.3.0/fonts/montserrat-v25-cyrillic_cyrillic-ext_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-800 - cyrillic_cyrillic-ext_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    src: url('/local/templates/bania.3.0/fonts/montserrat-v25-cyrillic_cyrillic-ext_latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-900 - cyrillic_cyrillic-ext_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    src: url('/local/templates/bania.3.0/fonts/montserrat-v25-cyrillic_cyrillic-ext_latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
    font-family: 'TT Firs Neue', serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    background: #fff;
}

button, input, textarea, select {
    font: 100% 'TT Firs Neue', serif;
}

strong {
    font-family: 'TT Firs Neue', serif;
}

h1, .h1 {
    letter-spacing: 0;
}

h2 {
    font-family: 'TT Firs Neue', serif;
    font-size: 40px;
    line-height: 1;
    font-weight: 400;
}

h2 span {
    color: #80c700;
}

div.h2-block span {
    color: #80c700;
}

.container {
    /*max-width: 1210px;*/
    max-width: 1880px;
}
/*
#wrapper {
    padding: 190px 0 0;
}
*/
#main {
    padding: 0;
}

.form legend {
    display: block;
    text-align: center;
    margin: 0 0 29px;
    color: #fff;
    font-size: 40px;
    font-weight: 500;
    line-height: 1;
}

.form textarea,
.form input[type="text"] {
    display: block;
    width: 100%;
    height: 50px;
    background: #f2f7f7;
    border-radius: 4px;
    padding: 0 17px;
    color: #000;
    /* font-size: 16px; */
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    border: none;
}

.form textarea {
    height: 150px;
    padding: 16px 17px 10px;
    resize: none;
}

.form input[type="submit"] {
    display: block;
    width: 100%;
    height: 50px;
    background: #80c700;
    border-radius: 4px;
    color: #fff;
    /* font-size: 16px; */
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition: all .2s linear;
    border: 1px solid #80c700;
}

.form input[type="submit"]:hover {
    box-shadow: 10.6px 10.6px 25px rgb(128 199 0 / 50%);
}

.form .row {
    margin: 0 0 10px;
}

.form .form-prvt {
    text-align: center;
    display: block;
    padding: 9px 0 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.34;
    color: #fff;
}

.form .form-prvt a {
    text-decoration: underline;
    color: #80c700;
    transition: all .2s linear;
}

.form .form-prvt a:hover {
    text-decoration: none;
}

.video {
    width: 100%;
    height: auto;
    background: none;
}

.video a {
    position: relative;
    width: auto;
    /* height: auto; */
    height: 222px;
    display: block;
    border-radius: 4px;
    top: auto;
    left: auto;
}

.video a:after {
    display: none;
}

.video .play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 100px;
    height: 100px;
    background: #bb8f63;
    border-radius: 50%;
    transition: all 0.3s linear;
}

.about_block .video {
    max-width: 500px;
    margin: 0 0 53px;
}

.video .play:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    border-left: 16px solid #fff;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    margin: -9px 0 0 -6px;
}

.video a:hover .play {
    box-shadow: 10.6px 10.6px 25px rgb(128 199 0 / 50%);
    background: #80c700;
}

#header {
    height: 190px;
}

.logo {
    width: 248px;
    height: 58px;
    background: url("/local/templates/bania.3.0/img_new/logo.svg") no-repeat;
    background-size: 100%;
    top: 23px;
}

.slogan {
    font-size: 14px;
    line-height: 1.14;
    top: 94px;
    left: 22px;
    color: #000;
}

#header .contacts {
    right: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    top: 28px;
}

ul.contacts li {
    padding: 0;
    /* margin: 0 0 0 29px; */
    margin: 0 0 0 19px;
}

ul.contacts li:nth-child(2) {
    /* margin: 0 0 0 71px; */
    margin: 0 0 0 40px;
}

ul.contacts li:before {
    display: none;
}

.list-social,
.soc_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.list-social li,
.item_soc {
    margin: 0 0 0 18px;
}

.item_soc {
    margin: 0 0 0 9px;
}

.list-social li:first-child,
.item_soc:first-child {
    margin: 0 0 0 5px;
}

.list-social a,
.item_soc a {
    display: block;
    /* width: 19px;
    height: 19px; */
    width: 30px;
    height: 31px;
    transition: all .3s ease;
}

/* .list-social a:hover,
.item_soc a:hover{
    opacity: 0.5;
} */
.list-social .wts a{
    background: url("/local/templates/bania.3.0/img_new/whatsapp_green.svg") no-repeat;
    background-size: 100%;
}

.list-social .inst a,
.item_soc.inst a {
    background: url("/local/templates/bania.3.0/img_new/icon_inst.svg") no-repeat;
    background-size: 100%;
}

.list-social .wts a:hover {
    background: url("/local/templates/bania.3.0/img_new/whatsapp_green_hover.svg") no-repeat;
    background-size: 100%;
}

.item_soc.wtsp a {
    background: url("/local/templates/bania.3.0/img_new/whatsapp_green.svg") no-repeat;
    background-size: 100%;
 }
 .item_soc.wtsp a:hover {
    background: url("/local/templates/bania.3.0/img_new/whatsapp_green_hover.svg") no-repeat;
    background-size: 100%;
 }

#footer .item_soc.wtsp a {
    background: url("/local/templates/bania.3.0/img_new/whatsapp_black.svg") no-repeat;
    background-size: 100%;
 }
 #footer .item_soc.wtsp a:hover {
    background: url("/local/templates/bania.3.0/img_new/whatsapp_green_hover.svg") no-repeat;
    background-size: 100%;
 }

.list-social .inst a:hover,
.item_soc.inst a:hover {
    background: url("/local/templates/bania.3.0/img_new/icon_inst_hv.svg") no-repeat;
    background-size: 100%;
}

ul.contacts li .btn {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    width: 180px;
    height: auto;
    background: #00616e;
    border: none;
    border-radius: 4px;
    padding: 17px 10px;
    font-family: 'TT Firs Neue', serif;
    display: block;
    min-width: auto;
}

ul.contacts li strong {
    line-height: 1.25;
    font-weight: 600;
    min-height: 40px;
    display: flex;
    align-items: center;
    margin: 0 0 11px;
}

ul.contacts li strong.phones {
    flex-direction: column;
    align-items: flex-start;
}

ul.contacts li strong a {
    color: #000;
    font-size: 25px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
}

ul.contacts li strong a.second {
    font-size: 16px;
    line-height: 19px;
}

ul.contacts li span {
    color: #000;
    font-family: 'TT Firs Neue', serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.14;
    display: block;
    position: relative;
    padding: 2px 0 2px 24px;
    overflow: visible;
}

ul.contacts li span:before {
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
    top: 50%;
    left: -4px;
    margin: -9px 0 0;
}

ul.contacts li:nth-child(1) span:before {
    background: url("/local/templates/bania.3.0/img_new/icon_metro.svg") no-repeat;
    background-size: 100%;
}

ul.contacts li:nth-child(2) span:before {
    background: url("/local/templates/bania.3.0/img_new/icon_time.svg") no-repeat;
    background-size: 100%;
}

.sab-nav {
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.07;
    font-size: 15px;
    font-family: 'TT Firs Neue', serif;
    padding: 18px 0 0;
}

.sab-nav li {
    margin: 0 56px 0 0;
}

.sab-nav > li > a {
    height: 37px;
}

.sab-nav > li > a:hover {
    color: #80c700;
}

.nav li.arrow a:after,
.sab-nav > li > a:before {
    border-bottom: 2px solid #80c700;
    border-right: 2px solid #80c700;
    width: 6px;
    height: 6px;
    top: 1px;
    right: -19px;
}

.nav {
    margin: 0 0 0 -2px;
    padding: 13px 0 0;
    font-family: 'TT Firs Neue', serif;
}

.nav:after {
    display: none;
}

.nav li {
    margin: 0 36px 0 0;
}

.nav li a {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.07;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 0.01em;
}

.nav li a:hover {
    color: #80c700;
}

.favorite {
    width: 20px;
    height: 17px;
    background: url("/local/templates/bania.3.0/img_new/icon_fav.svg") no-repeat;
    background-size: 100%;
    display: block;
    top: 15px;
    right: 0;
}

.favorite span {
    width: 20px;
    height: 20px;
    background: #00616e;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.14;
    text-transform: uppercase;
    top: auto;
    bottom: 100%;
    right: 0;
}

.favorite.show_m {
    display: none;
}

#navigation .search {
    top: auto;
    right: auto;
    position: static;
}

#navigation .search > a,
#navigation .search .search-form button {
    width: 20px;
    height: 20px;
    background: url("/local/templates/bania.3.0/img_new/icon_search.svg") no-repeat;
    background-size: 100%;
    position: absolute;
    top: 15px;
    right: 36px;
}

#navigation .search .search-form button {
    top: 50%;
    transform: translateY(-50%);
    right: 33px;
}

#navigation .search .search-form {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 10px 50px 0px rgba(14, 47, 51, 0.30);
    box-sizing: border-box;
    border: none;
    padding: 13px 29px 20px 36px;
    width: auto;
    height: auto;
    top: -5px;
    left: 0;
}
#navigation .search-form form{
    position: relative;
    margin-bottom: 11px;
}

#navigation .search .search-form input {
    width: 100%;
    height: 54px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    padding: 10px 70px 10px 8px;
}
#navigation .search .search-form button{
    right: 0;
    width: 20px;
    height: 20px;
    background: url("/local/templates/bania.3.0/img_new/icon_search-2.svg") no-repeat;
}
#navigation .search .close_search{
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    transform: translateY(-50%);
    right: 50px;
}
#navigation .search .close_search svg{
    display: block;
    width: 100%;
    height: 100%;
}
#navigation .search .inner_search{
    padding: 21px 0 0;
    border-top: 1px solid #EBEBEB;
}
#navigation .search .inner_search .title{
    display: block;
    margin: 0 0 14px;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.1;
}
.requests_block{
    display: flex;
    flex-wrap: wrap;
}
.requests_box{
    width: 67%;
    padding-right: 70px;
    padding-left: 7px;
}
.requests_box .list_tag{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 17px;
}
.requests_box .list_tag li{
    margin: 0 11px 10px 0;
}
.requests_box .list_tag a{
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    border-radius: 5px;
    border: 1px solid #555;
    padding: 4px 9px;
    text-decoration: none;
}
.requests_box .list_tag a:hover{
    color: #fff;
    background: #555;
}
.requests_box .custom-block-list{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.requests_box .custom-block-list .custom-block-list__item{
    width: 50%;
    padding: 0 10px;
    margin: 0 0 30px;
}
.requests_box .custom-block-list .custom-block-list__item .wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 0px;
    background: transparent;
}
.requests_box .custom-block-list .custom-block-list__item .wrapper a{
    text-decoration: none;
}
.requests_box .custom-block-list .custom-block-list__item .wrapper .img{
    position: relative;
    height: 187px;
    border-radius: 20px;
    overflow: hidden;
}
.requests_box .custom-block-list .custom-block-list__item .wrapper .img:before{
    content: "";
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border-radius: 20px 20px 0 0;
    background: linear-gradient(324deg, rgba(23, 90, 99, 0.60) 2.43%, rgba(10, 29, 32, 0.00) 199.37%);
    transition: all 0.3s linear;
    opacity: 0;
    z-index: 1;
}
@media (min-width: 1024px){
    .requests_box .custom-block-list .custom-block-list__item .wrapper .img:hover:before{
        transition: all 0.3s linear;
        opacity: 1;
    }
}
.requests_box .custom-block-list .custom-block-list__item .wrapper .img img{
    display: block;
    max-height: none;
    border-radius: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.requests_box .custom-block-list .custom-block-list__item .wrapper .information{
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
    transition: all .3s ease;
    /*padding: 19px 20px 20px;*/
}
.requests_box .custom-block-list .custom-block-list__item .wrapper .information .information__title{
    text-decoration: none;
    color: #151616;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(237, 239, 238, 1);
}
.requests_box .custom-block-list .custom-block-list__item .wrapper .information .information__title a { font-size: 20px; line-height: 28.8px; }
.requests_box .custom-block-list .custom-block-list__item .wrapper .information .information__title .price { color: #151616; font-size: 20px; display: inline-block; line-height: 28.8px; }
.requests_box .custom-block-list .custom-block-list__item .wrapper .information .information__title a{
    color: #000;
    transition: all 0.3s linear;
}
.requests_box .custom-block-list .custom-block-list__item .wrapper .information .information__title a:hover{
    color: #91c700;
}
.requests_box .custom-block-list .custom-block-list__item .information__dscr{
    background: transparent;
    padding: 0;
    border-radius: none;
    /*padding: 10px;
    background: #fff;
    border-radius: 10px;*/
    display: flex;
}
.requests_box .custom-block-list .custom-block-list__item .information__properties{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
    gap: 0;
    flex: none;
    min-height: auto;
    margin: 0;
    width: calc(100% - 158px);
    padding-right: 20px;
}
.requests_box .custom-block-list .custom-block-list__item .information__properties .information__property{
    flex: 1 0 auto;
    display: flex;
    width: auto;
    align-items: center;
    justify-content: start;
    gap: 0;
    padding: 0 5px;
}
.requests_box .custom-block-list .custom-block-list__item .information__properties .information__property .icon{
    display: none;
    width: 21px;
    height: 21px;
}
.requests_box .custom-block-list .custom-block-list__item .information__properties .information__property .icon svg{
    display: block;
    width: 100%;
    height: 100%;
}
.requests_box .custom-block-list .custom-block-list__item .information__properties .information__property .prop_box{
    padding-left: 6px;
    width: calc(100% - 21px);
}
.requests_box .custom-block-list .custom-block-list__item .information__properties .information__property .key{
    display: none;
    color: #555;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.2;
    text-align: left;
}
.requests_box .custom-block-list .custom-block-list__item .information__properties .information__property .value{
    display: block;
    color: #80c700;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
    text-align: left;
}
.requests_box .custom-block-list .custom-block-list__item .links_holder{
    padding-top: 10px;
    position: relative;
}
.requests_box .custom-block-list .custom-block-list__item .links_holder:after{
    position: absolute;
    content: '';
    top: 0;
    height: 1px;
    left: -5px;
    right: -5px;
    background: #EBEBEB;
}
.requests_box .custom-block-list .custom-block-list__item .links_holder .links{
    text-decoration: none;
    transition: 0.5s;
    display: inline-block;
    color: #fff;
    background-color: #80C342;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16.8px;
    padding: 15px 20px;
    width: 158px;
    text-align: center;
}
.requests_box .custom-block-list .custom-block-list__item .links_holder .links:hover{
    background-color: #639D2D;
}
.requests_box .custom-block-list .custom-block-list__item .links_holder .links svg{
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    width: 21px;
    height: 8px;
    transition: all 0.3s linear;
}
.requests_box .custom-block-list .custom-block-list__item .links_holder .links:hover svg path{
    fill: #91c700;
}

.often_searched_box{
    width: 33%;
    padding-right: 40px;
}
.list_requests{
    margin-top: -1px;
}
.list_requests li{
    margin: 0 0 11px;
}
.list_requests a{
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0;
    border-bottom: 1px solid #F6F6F6;
    color: #555;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    display: block;
    transition: all ease 0.3s;
}
.list_requests a:after{
    position: absolute;
    content: '';
    right: 12px;
    top: 50%;
    transform: translateY(-65%);
    width: 12px;
    height: 12px;
    background: url("/local/templates/bania.3.0/img_new/icon_search-2.svg") no-repeat;
    opacity: 0.3;
    background-size: 100%;
    transition: all ease 0.3s;
}
.list_requests a:hover{
    color: #000;
}
.list_requests a:hover:after{
    opacity: 1;
}
.options_block{
    /*display: none;*/
}
.inner_search .options_list{
    margin: 0 0 0;
    padding: 11px 52px 10px 11px;
    overflow: hidden;
    overflow-y: auto;
    height: 303px;
    scrollbar-color: #000 #E6E6E6;
}
.inner_search .options_list::-webkit-scrollbar{
    width: 2px;
}
.inner_search .options_list::-webkit-scrollbar-track{
    background: #E6E6E6;
}
.inner_search .options_list::-webkit-scrollbar-thumb{
    background: #000;
}
.inner_search .options_list li{
    position: relative;
    padding: 0 0 0 28px;
    margin: 0 0 11px;
    border-bottom: 1px solid #F6F6F6;
    display: flex;
}
.inner_search .options_list li:after{
    position: absolute;
    content: '';
    width: 12px;
    height: 12px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url("/local/templates/bania.3.0/img_new/icon_search-2.svg") no-repeat;
    background-size: 100%;
    opacity: 0.3;
}
.inner_search .options_list li.previously:after{
    width: 17px;
    height: 15px;
    background: url("/local/templates/bania.3.0/img_new/icon_time-2.svg") no-repeat;
    background-size: 100%;
    opacity: 1;
}
.inner_search .options_list li a{
    display: block;
    padding: 10px 0;
    color: #555;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    transition: all ease 0.3s;
    text-decoration: none;
    width: 100%;
}
.inner_search .options_list li a span{
    color: #000;
}
.inner_search .options_list li a.del{
    font-size: 13px;
    color: #8B8B8B;
    width: auto;
}
.inner_search .options_list li a.del:hover{
    color: #000;
}
.options_block .link_holder{
    padding: 13px 0 10px;
    text-align: center;
}
.options_block .link_holder .link{
    display: inline-block;
    vertical-align: top;
    padding-right: 34px;
    text-decoration: none;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    position: relative;
}
.options_block .link_holder .link svg{
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* drop_menu */
.sab-nav li > .drop {
    width: 1170px;
    padding: 41px 30px 52px 74px;
    margin: 10px 0 0;
    background-color: #fff;
    background-image: url("/local/templates/bania.3.0/img_new/rd_bg-11.png");
    background-repeat: no-repeat;
    background-position: 100% -102px;
    border-radius: 4px;
    box-shadow: 10.6px 10.6px 25px rgba(0, 97, 110, 0.5);
}

.sab-nav > li > .drop:after {
    left: 0;
    right: 0;
    background: transparent;
    height: 10px;
    top: -10px;
}

.sab-nav > li > .drop:before {
    position: absolute;
    content: '';
    top: -10px;
    left: 63px;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.sab-nav > li:nth-child(2) > .drop:before {
    left: 253px;
}
.sab-nav > li:nth-child(3) > .drop:before {
    left: 433px;
}

.sab-nav > li > .drop > ul {
    font-family: 'TT Firs Neue', serif;
    letter-spacing: 0;
    text-transform: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 2.25;
    width: 426px;
    columns: 183px 2;
}

.sab-nav > li .drop > ul > li {
    margin: 0 0 12px;
}

.sab-nav > li > .drop > ul li a {
    font-weight: 400;
    line-height: 1.5;
    display: block;
}

.sab-nav li .drop .more-nav {
    padding: 37px 0 0;
}

.sab-nav li .drop .more-nav a {
    text-transform: none;
    color: #00616e;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    font-family: 'TT Firs Neue', serif;
    border-bottom: 1px solid #00616e;
    padding: 0;
}

.sab-nav li .drop .more-nav a:hover {
    color: #80c700;
    border-bottom-color: #80c700;
}

.sab-nav li > .drop img {
    right: 285px;
    top: 57px;
}

.sab-nav li .drop .count {
    top: 93px;
    right: 86px;
}

.sab-nav li .drop .count i {
    color: #fff;
    font-family: 'TT Firs Neue', serif;
    font-size: 60px;
    font-weight: 400;
    line-height: 1;
}

.sab-nav li .drop .count strong {
    color: #000;
    font-family: 'TT Firs Neue', serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    text-transform: none;
    margin: 20px 0 0;
}

.active-top #header .logo {
    z-index: 1;
}

.active-top #header .contacts li:last-child,
.active-top #header .soc_box,
.active-top #header .favorite {
/*    display: none;*/
}

/*.active-top #header .contacts li .btn{
    font-size: 14px;
    width: 140px;
    padding: 11px 10px;
}*/
.active-top #header .sab-nav {
    font-size: 16px;
}

.active-top #header .sab-nav li {
    margin: 0 36px 0 0;
}

#promo {
    height: 539px;
}

#promo picture {
    position: absolute;
    height: 100%;
    width: 100%;
    max-width: 1487px;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    overflow: hidden;
    border-radius: 4px;
}

#promo .text {
    width: 100%;
    max-width: 650px;
    padding-top: 0;
}

#promo h1 {
    color: #fff;
    font-family: 'TT Firs Neue', serif;
    font-size: 80px;
    font-weight: 700;
    line-height: 0.95;
    text-transform: uppercase;
    letter-spacing: 0;
    margin: 0 0 28px;
}

#promo .text p {
    color: #fff;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.38;
    margin: 0 0 47px;
}

.btn {
    display: block;
    width: 100%;
    max-width: 439px;
    background: #80c700;
    border: 1px solid #80c700;
    border-radius: 4px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    height: auto;
    padding: 26px 10px;
    text-align: center;
    letter-spacing: 0;
    font-family: 'TT Firs Neue', serif;
}

.btn:hover {
    box-shadow: 10.6px 10.6px 25px rgba(128, 199, 0, 0.5);
    font-family: 'TT Firs Neue', serif;
    background: #80c700;
    border: 1px solid #80c700;
}

.our_projects {
    position: relative;
    padding: 90px 0 50px;
    z-index: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.our_projects:after {
    position: absolute;
    content: '';
    width: 161px;
    height: 155px;
    /*background: url("/local/templates/bania.3.0/img_new/rd_bg-02.png") no-repeat;*/
    background: url("/local/templates/bania.3.0/img_new/rd_bg-02.png") no-repeat;
    background-size: 100%;
    top: 50%;
    transform: translateY(-11%);
    right: -294px;
    z-index: -1;
}

.our_projects:before {
    position: absolute;
    content: '';
    width: 313px;
    height: 651px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-01.webp") no-repeat;
    background-size: 100%;
    top: 50%;
    transform: translateY(-50%);
    /* right: calc((100% + (100vw - 100%)/2) - 313px); */
    left: 50%;
    margin: 0 0 0 -960px;
    z-index: -1;
}

.our_projects .item_projects {
    margin: 0 -30px 10px;
    padding: 43px 30px 30px;
    border-radius: 4px;
}

.our_projects .item_house {
    background: #f2f7f7;
    order: 2;
}

.our_projects .item_bania {
    background: #f7f4f1;
    order: 1;
}

.our_projects .item_materials {
    background: #ecf7d9;
    order: 3;
}

.head_box {
    margin: 0 0 19px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
}

.head_box .title_box {
    display: block;
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    margin: 0 0 15px;
}

.head_box .link {
    display: inline-block;
    vertical-align: top;
    color: #00616e;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    text-decoration: underline;
    margin: 0 0 15px;
}

.head_box .link:hover {
    text-decoration: underline;
    color: #80c700;
    font-weight: 600;
}

.our_projects .list_box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.our_projects .item_list {
    padding: 0 15px;
    margin: 0 0 0;
    display: flex;
    /* flex: 0 1 25%; */
    width: 25%;
}

.our_projects .wrap_list {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    overflow: hidden;
}

.our_projects .inner_list {
    background: transparent;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 41px 35px 51px;
    transition: all .3s ease;
    overflow: hidden;
    border-radius: 4px;
    cursor: pointer;
    z-index: 1;
    transition: all .3s ease;
    height: 100%;
}

.our_projects .inner_list:after {
    position: absolute;
    content: '';
    top: -45px;
    left: -45px;
    width: 80px;
    height: 80px;
    background: #000;
    opacity: 0;
    transition: all .3s ease;
    transform: rotate(45deg);
}

.our_projects .inner_list:before {
    position: absolute;
    content: '';
    bottom: -78px;
    right: -78px;
    width: 150px;
    height: 150px;
    background: #80c700;
    transform: rotate(45deg);
    opacity: 0;
    transition: all .3s ease;
}

.our_projects .wrap_list .img_box {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    visibility: visible;
    transition: all .3s ease;
    opacity: 1;
}

.our_projects .wrap_list .img_box img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    display: block;
}

.our_projects .title_list {
    /* color: #000; */
    /* font-weight: 700;
    text-transform: uppercase; */
    min-height: 59px;
    margin: 0 0 12px;
}

.our_projects .title_list span {
    background: #bb8f63;
    padding: 6px 12px 5px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.5;
    display: inline-block;
    vertical-align: top;
}

.our_projects .title_list span.last {
    margin: -12px 0 0;
}

.our_projects .text_list {
    flex: 1 1 auto;
    padding: 0 0 20px;
    color: #fff;
    transition: all .3s ease;
}

.our_projects .more_link {
    display: inline-block;
    vertical-align: top;
    /* color: #00616e; */
    font-weight: 400;
    text-decoration: underline;
    color: #fff;
    transition: all .3s ease;
}

.our_projects .more_link:hover {
    /* font-weight: 600; */
    text-decoration: underline;
}

.our_projects .wrap_list:hover .img_box {
    opacity: 0;
    visibility: hidden;
}

.our_projects .wrap_list:hover .more_link {
    color: #00616e;
}

.our_projects .wrap_list:hover .more_link:hover {
    color: #80c700;
}

.our_projects .wrap_list:hover .inner_list {
    background: #fff;
}

.our_projects .wrap_list:hover {
    box-shadow: 10.6px 10.6px 25px rgba(0, 97, 110, 0.5);
}

.our_projects .wrap_list:hover .inner_list:after,
.our_projects .wrap_list:hover .inner_list:before {
    opacity: 1;
}

.our_projects .wrap_list:hover .text_list {
    color: #000;
}

.info {
    padding: 34px 0;
    z-index: 0;
}

.info:before {
    position: absolute;
    content: '';
    bottom: -162px;
    left: -346px;
    width: 280px;
    height: 321px;
    right: auto;
    top: auto;
    z-index: -1;
    /*background: url("/local/templates/bania.3.0/img_new/rd_bg-03.png") no-repeat;*/
    background: url("/local/templates/bania.3.0/img_new/rd_bg-03.png") no-repeat;
    background-size: 100%;
}

.info:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    width: 366px;
    height: 721px;
    z-index: -1;
    /*background: url("/local/templates/bania.3.0/img_new/rd_bg-04.png") no-repeat;*/
    background: url("/local/templates/bania.3.0/img_new/rd_bg-04.webp") no-repeat;
    background-size: 100%;
    margin: 0 0 -396px 595px;
}

.info-title {
    margin-bottom: 40px;
    color: #000;
    font-family: 'Montserrat';
    font-style: normal;
    font-size: 34px;
    font-weight: 700;
    line-height: 100%;
}

.info-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 0;
    width: auto;
}

.info-list li {
    padding: 0 15px;
    margin: 0 0 30px;
    width: 25%;
}

.info-list li .visual {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    background: #f2f7f7;
    margin: 0 auto 36px;
    border-radius: 50%;
    padding: 0;
}

.info-list li .num {
    display: block;
    margin: 0 0 19px;
    color: #00616e;
    font-size: 60px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0;
}

.info-list li p {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    letter-spacing: 0;
    padding: 0 20px;
}

.info-list li:nth-child(3) p {
    padding: 0 5px;
}

.about_block {
    position: relative;
    padding: 58px 0 20px;
    z-index: 1;
}

.title_block {
    margin: 0 0 42px;
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    font-family: 'TT Firs Neue', serif;
}

.title_block span {
    color: #80c700;
}

.about_text {
    margin: 0 0 32px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.about_text .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    background: #f2f7f7;
    border-radius: 50%;
    margin: 0 0 15px;
    padding: 0 0 11px;
}

.about_text .text {
    color: #000;
    width: calc(100% - 84px);
    padding: 0 0 0 56px;
    margin: 0 0 15px;
}

.about_block .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.about_block .col-50 {
    width: 50%;
    padding: 0 15px;
    margin: 0 0 30px;
}

.video_dscr {
    color: #00616e;
    font-size: 18px;
    font-style: italic;
    line-height: 1.45;
    padding: 0 87px 0 3px;
    letter-spacing: 0;
    z-index: 0;
    margin: 0 0 57px;
    overflow: visible;
}

.video_dscr:before {
    content: '\00AB';
    color: #f7f4f1;
    font-family: 'TT Firs Neue', serif;
    font-size: 153px;
    font-weight: 600;
    line-height: 1;
    top: -80px;
    left: -46px;
    z-index: -1;
}

.video_dscr p {
    margin: 0 0 32px;
}

.video_dscr .dscr {
    display: block;
    color: #bb8f63;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    font-style: normal;
}

.staff_text {
    margin: -6px 0 28px;
}

.staff_text:after {
    clear: both;
    display: block;
    content: '';
}

.staff_text .num {
    display: block;
    color: #00616e;
    font-size: 60px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    float: left;
    margin: 0 0 15px;
}

.staff_text p {
    padding: 0 0 0 22px;
    overflow: hidden;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 15px;
}

.staff_box {
    margin: 0 0 60px;
}

.list_staff {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px 10px;
}

.list_staff li {
    padding: 0 8px;
    margin: 0 0 30px;
    width: 33.3%;
}

.list_staff .name_staff {
    display: block;
    margin: 0 0 10px;
    font-weight: 700;
    text-transform: uppercase;
    min-height: 48px;
    padding: 0 10px 0 0;
}

.list_staff .position {
    display: block;
    margin: 0 0 25px;
    color: #bb8f63;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    min-height: 28px;
    font-synthesis: none;
}

.list_staff .img {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.list_staff .img img {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    object-fit: cover;
}

.list_staff .img:before {
    padding: 116.5% 0 0;
    display: block;
    content: '';
}

.staff_box .btn {
    margin: 0 auto;
    max-width: 270px;
    font-size: 16px;
    padding: 16px 10px;
}

.inst_box {
    width: 100%;
    max-width: 570px;
    position: relative;
    z-index: 0;
}

.inner_inst {
    background: url("/local/templates/bania.3.0/img_new/rd_bg-05.jpg") no-repeat;
    background-size: cover;
    padding: 50px 43px 51px;
    border-radius: 4px;
}

.inst_box:after {
    position: absolute;
    content: '';
    width: 396px;
    height: 532px;
    /*background: url("/local/templates/bania.3.0/img_new/rd_bg-06.png") no-repeat;*/
    background: url("/local/templates/bania.3.0/img_new/rd_bg-06.webp") no-repeat;
    background-size: 100%;
    top: 0;
    left: 100%;
    margin: -61px 0px 0 -124px;
    z-index: -1;
}

.title_inst {
    display: block;
    margin: 0 0 26px;
    padding: 0 0 0 108px;
    position: relative;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.17;
}

.title_inst em {
    text-transform: uppercase;
    font-style: normal;
}

.title_inst:after {
    position: absolute;
    content: '';
    width: 56px;
    height: 56px;
    background: url("/local/templates/bania.3.0/img_new/rd_icon-06.svg") no-repeat;
    background-size: 100%;
    top: 0;
    left: 23px;
}

.inst_box .subscribers {
    /* display: flex;
    flex-wrap: wrap; */
    margin: 0 0 20px;
    /* align-items: baseline; */
    padding: 0 0 0 20px;
}

.inst_box .subscribers strong {
    display: block;
    /* margin: 0 16px 5px 0; */
    margin: 0 0 -4px;
    color: #fff;
    font-size: 60px;
    font-weight: 400;
    line-height: 1;
}

.inst_box .subscribers span,
.subscribers_box .publications span {
    display: block;
    padding: 0 0 0 24px;
    background: url("/local/templates/bania.3.0/img_new/rd_icon-07.svg") no-repeat;
    background-size: 12px 12px;
    background-position: 0 0;
    color: #80c700;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 5px 6px;
}

.subscribers_box .publications span {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-73.svg") no-repeat;
    background-size: 12px 12px;
    background-position: 0 0;
}

.inst_box .img {
    position: relative;
}

.inst_box .img:before {
    content: '';
    display: block;
    padding: 23.5% 0 0;
}

.inst_box .img img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.video_tabs {
    padding: 34px 0 30px;
    position: relative;
    z-index: 0;
}

.video_tabs:after {
    position: absolute;
    content: '';
    top: 100%;
    transform: translateY(-51.9%);
    left: 50%;
    margin: 0 0 0 -959px;
    width: 1539px;
    height: 2816px;
    z-index: -1;
    /*background: url("/local/templates/bania.3.0/img_new/rd_bg-07.png") no-repeat;*/
    background: url("/local/templates/bania.3.0/img_new/rd_bg-07.webp") no-repeat;
    background-size: 100%;
}

.video_tabs .head_box {
    margin: 0 0 34px;
}

.video_tabs .title_block {
    margin: 0 0 15px;
}

.tab {
    display: none;
}

.tab.active {
    display: block;
}

.tab-control {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 53px;
}

.tab-control li {
    margin: 0 87px 0 0;
}

.tab-control li:last-child {
    margin: 0;
}

.tab-control a {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
    text-decoration: none;
}

.tab-control .active a,
.tab-control a:hover {
    color: #80c700;
}

.gallery {
    margin: 0 -52px;
    width: auto;
    z-index: 0;
    overflow: hidden;
    padding: 0 37px;
}

/* .gallery:before,
.gallery:after{
    display: none;
} */
.gallery:before,
.gallery:after {
    width: 37px;
}

.gallery:before {
    right: 0;
    left: auto;
}

.gallery:after {
    left: 0;
    right: auto;
}

.gallery.change:after {
    background: url("/local/templates/bania.3.0/img_new/rd_bg-07_2.jpg") no-repeat;
    background-size: 100%;
}

.video_section .gallery:before,
.video_section .gallery:after,
.bg_color .gallery:before,
.bg_color .gallery:after {
    background: #f8fbfb;
}

.gallery-holder {
    margin: 0 0 33px;
    /* overflow: hidden; */
}

.gallery-item {
    flex: 1 0 400px;
    margin: 0;
    padding: 0 15px;
}

.gallery-item a:hover {
    opacity: 1;
}

.gallery-item .video {
    margin: 0 0 12px;
}

.gallery-item .video a:hover {
    /* box-shadow: 10.6px 10.6px 25px rgba(0, 97, 110, 0.5); */
    box-shadow: 6.6px 6.6px 15px rgba(0, 97, 110, 0.5);
}

.gallery h4, .gallery .h4 {
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'TT Firs Neue', serif;
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 21px;
    min-height: 72px;
}

.gallery h4 a, .gallery .h4 a {
    text-decoration: underline;
}

.gallery h4 a:hover, .gallery .h4 a:hover {
    color: #80c700;
}

.tag_list {
    display: flex;
    flex-wrap: wrap;
}

.tag_list li {
    margin: 0 7px 7px 0;
}

.tag_list a {
    display: block;
    padding: 4px 12px 2px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    background: #00616e;
}

.tag_list a:hover {
    background: #bb8f63;
}

.gallery-button-prev,
.gallery-button-next {
    width: 37px;
    height: 74px;
    background: transparent;
    border-radius: 0;
    top: 72px;
    /* right: -52px; */
    right: 0;
}

.gallery-button-prev {
    /* left: -53px; */
    left: 0;
}

.gallery-button-prev:after,
.gallery-button-next:after {
    width: 45px;
    height: 45px;
    border-top: 4px solid #000;
    border-left: 4px solid #000;
    margin: -24px 0 0 -8px;
    transition: all 0.3s linear;
}

.gallery-button-next:after {
    margin: -24px 0 0 -40px;
}

.gallery-button-prev:hover:after,
.gallery-button-next:hover:after {
    border-color: #80c700;
}

.gallery-pagination .swiper-pagination-bullet {
    width: 50px;
    height: 4px;
    background: #e5eff0;
    border-radius: 1px;
    margin: 0 12.5px 0;
}

.gallery-pagination .swiper-pagination-bullet:hover,
.gallery-pagination .swiper-pagination-bullet-active {
    background: #80c700;
}

.our_works_block {
    padding: 35px 0 80px;
    position: relative;
    z-index: 1;
}

.our_works_block:after {
    position: absolute;
    content: '';
    bottom: -210px;
    right: 50%;
    margin: 0 -961px 0 0;
    width: 381px;
    height: 442px;
    /*background: url("/local/templates/bania.3.0/img_new/rd_bg-08.png") no-repeat;*/
    background: url("/local/templates/bania.3.0/img_new/rd_bg-08.webp") no-repeat;
    background-size: 100%;
    z-index: -1;
}

.our_works_block .title_block {
    margin: 0 0 55px;
}

.our_works_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7px;
}

.our_works_list .item_works {
    padding: 0 7px;
    margin: 0 0 14px;
    width: 33.3%;
}

.our_works_list .inner_item {
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    transition: all 0.3s linear;
}

.our_works_list .inner_item:hover {
    box-shadow: 10.6px 10.6px 25px rgba(0, 97, 110, 0.5);
}

.our_works_list .inner_item .img {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.our_works_list .inner_item .img:before {
    display: block;
    content: '';
    padding: 81% 0 0;
}

.our_works_list .inner_item .img img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.our_works_list .dscr_item {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 11px 10px 29px;
}

.our_works_list .title_dscr {
    margin: 0 0 12px;
    min-height: 40px;
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
}

.list_sizes,
.our_works_list .list_sizes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.list_sizes li,
.our_works_list .list_sizes li {
    padding: 0 5px;
    width: 33.3%;
}
.list_sizes li { width: 30%; }

.list_sizes li span,
.our_works_list .list_sizes li span {
    display: block;
    margin: 0 0 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
}
.list_sizes li span { color: #737373; }
.list_sizes li strong,
.our_works_list .list_sizes li strong {
    display: block;
    color: #80c700;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
}
.list_sizes li strong { color:#151616; font-weight: 500;  }
.our_works_list .btn {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s linear;
    max-width: 180px;
    font-size: 16px;
    padding: 16px 10px;
    margin: -68px 0 0;
}

.our_works_list .inner_item:hover .btn {
    opacity: 1;
    visibility: visible;
}

.our_works_block .btn_holder {
    padding: 27px 0 0;
}

.our_works_block .btn_holder .btn {
    margin: 0 auto;
}

.slider_block {
    padding: 65px 0 50px;
    position: relative;
    z-index: 0;
}

.slider_block.slider_block_section {
    padding-top: 0;
}

.slider_block .head_box {
    margin: 0 0 39px;
}

.slider_block .title_block {
    margin: 0 0 15px;
}

.gallery .visual {
    border-radius: 4px;
    transition: all 0.3s linear;
    margin: 0 0 16px;
}

.gallery .visual .img {
    border-radius: 4px;
    overflow: hidden;
    height: auto;
    max-width: none;
}

.gallery .visual .img:before {
    display: block;
    content: '';
    padding: 54% 0 0;
}

.articles .item:hover .visual,
.gallery-item:hover .visual {
    /* box-shadow: 10.6px 10.6px 25px rgba(0, 97, 110, 0.5); */
    box-shadow: 5px 10.6px 15px rgb(0 97 110 / 50%);
}

.date_box {
    margin: 0 0 2px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.date_box .date {
    display: block;
    margin: 0 0 10px;
    color: #bb8f63;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.date_box .share {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 40%;
}

.date_box .share li {
    margin: 0 0 10px 0;
}

.date_box .share li span,
.date_box .share li a {
    padding: 0 0 0 24px;
    color: #bb8f63;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    position: relative;
}

.date_box .share li span:after,
.date_box .share li a:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
}

.date_box .share li span.view:after,
.date_box .share li a.view:after {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-08.svg") no-repeat;
    background-size: 100%;
    width: 19px;
    height: 13px;
}

.date_box .share li span.comment:after,
.date_box .share li a.comment:after {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-09.svg") no-repeat;
    background-size: 100%;
    width: 17px;
    height: 16px;
    top: -2px;
}

.slider_block .gallery h4, .slider_block .gallery .h4 {
    margin: 0 0 16px;
}

.gallery .text p {
    margin: 0 0 33px;
}

.popular_block {
    padding: 35px 0 40px;
    position: relative;
    z-index: 0;
}

.popular_block:after {
    position: absolute;
    content: '';
    right: 50%;
    top: 50%;
    transform: translateY(-60.5%);
    width: 605px;
    height: 1221px;
    margin: 0 -960px 0 0;
    z-index: -1;
    /*background: url("/local/templates/bania.3.0/img_new/rd_bg-09.png") no-repeat;*/
    background: url("/local/templates/bania.3.0/img_new/rd_bg-09.webp") no-repeat;
    background-size: 100%;
}

.popular_block .title_block {
    margin: 0 0 54px;
}

.popular_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -6px;
}

.popular_list .popular_item {
    width: 33.3%;
    padding: 0 6px;
    margin: 0 0 12px;
    transition: all 0.3s linear;
}

.popular_list .popular_item .inner_item {
    transition: all 0.3s linear;
    border-radius: 4px;
}

.popular_list .popular_item .inner_item:hover {
    box-shadow: 10.6px 10.6px 25px rgba(0, 97, 110, 0.5);
}

.popular_list .popular_item .inner_item:hover .btn {
    box-shadow: 10.6px 10.6px 25px rgb(128 199 0 / 50%);
}

/* .popular_list .popular_item:hover{
    box-shadow: 10.6px 10.6px 25px rgba(0, 97, 110, 0.5);
} */
.popular_list .img {
    overflow: hidden;
    border-radius: 4px;
    position: relative;
    /* margin: 0 0 16px; */
}

.popular_list .img:before {
    display: block;
    content: '';
    padding: 73% 0 0;
    height: auto;
}

.popular_list .img img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dscr_popular {
    padding: 16px 22px 10px 27px;
    background: #fff;
    border: 3px solid #f2f7f7;
    border-radius: 4px;
}

.title_dscr {
    display: block;
    margin: 0 0 12px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
    min-height: 40px;
}

.title_dscr a {
    text-decoration: none;
    color: #000;
}

.title_dscr a:hover {
    color: #80c700;
}

.popular_list .list_sizes {
    margin: 0 -5px 22px;
}

.popular_list .list_sizes li span {
    color: #000;
}

.price_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.price_box .price {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
    margin: 0 10px 15px 0;
}

.price_box .btn {
    padding: 16px 10px;
    max-width: 180px;
    font-size: 16px;
    margin: 0 0 15px;
}

.certificate_block {
    padding: 32px 0 40px;
    position: relative;
    z-index: 0;
}

.certificate_block:after {
    position: absolute;
    content: '';
    top: 68px;
    left: 50%;
    width: 153px;
    height: 123px;
    z-index: 0;
    margin: 0 0 0 -883px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-10.webp") no-repeat;
    background-size: 100%;
}

.certificate_block .gallery-item {
    flex: 1 0 300px;
}

.certificate_block .gallery-holder {
    margin: 0 0 47px;
}

.certificate_block .title_block {
    margin: 0 0 59px;
}

.certificate_block .gallery .visual {
    margin: 0;
    overflow: hidden;
    border-radius: 4px;
}

.certificate_block .gallery .visual .img:before {
    padding: 138% 0 0;
}

.certificate_block .gallery-button-prev,
.certificate_block .gallery-button-next {
    top: 50%;
    transform: translateY(-86%);
}

.btn_plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 84px;
    height: 84px;
    background: #80c700;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s linear;
    border-radius: 50%;
}

.btn_plus:after,
.btn_plus:before {
    position: absolute;
    content: '';
    width: 50px;
    height: 4px;
    background: white;
    border-radius: 1px;
    top: 50%;
    left: 50%;
    margin: -2px 0 0 -25px;
}

.btn_plus:before {
    transform: rotate(90deg);
}

.gallery-item:hover .btn_plus {
    opacity: 1;
    visibility: visible;
}

.btn_plus:hover {
    box-shadow: 10.6px 10.6px 25px rgba(128, 199, 0, 0.5);
}

.info_block {
    padding: 48px 0 33px;
}

.info_block .info_box {
    display: flex;
    flex-wrap: wrap;
}

.info_block .visual {
    width: 331px;
    position: relative;
    margin: 8px 0 30px;
    z-index: 0;
    align-self: flex-start;
}

.info_block .visual:before {
    display: block;
    content: '';
    padding: 100% 0 0;
}

.info_block .visual:after {
    position: absolute;
    content: '';
    width: 142px;
    height: 142px;
    background: #f7f4f1;
    transform: rotate(45deg);
    top: 50%;
    left: -58px;
    margin: -71px 0 0;
    z-index: -1;
}

.info_block .visual img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.text_info {
    padding: 2px 0 0 84px;
    width: calc(100% - 331px);
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.45;
    margin: 0 0 30px;
}

.text_info p {
    margin: 0;
}

#footer {
    background: #fff;
    position: relative;
}

#footer:after {
    position: absolute;
    content: '';
    width: 1170px;
    height: 1px;
    background: #e5eff0;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

#footer .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    overflow: visible;
    border: none;
    padding: 0 0 42px;
}

#footer .row:first-child {
    padding: 0 0 46px;
}

#footer .col-25 {
    width: 25%;
    padding: 0 15px;
}

#footer .col-75 {
    width: 75%;
    padding: 0 15px;
}

#footer .logo {
    width: 178px;
    height: 41px;
    margin: 0 0 0;
    float: none;
}

#footer .slogan {
    float: none;
    display: block;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.2;
    margin: 9px 0 0;
}

#footer .contacts {
    columns: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: -5px 0 0;
    padding: 0 0 0 4px;
}

#footer .contacts li {
    float: none;
    padding: 0;
}

#footer .contacts li:nth-child(2) {
    margin: 0 23px 0 auto;
}

#footer .contacts li strong {
    line-height: 1.25;
    display: flex;
    align-items: center;
}

#footer .contacts li strong a {
    font-size: 25px;
}

#footer .contacts li span {
    padding-left: 24px;
}

#footer .contacts li span:before {
    left: 0;
}

#footer .menu_block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 55px 0 0;
}

#footer .menu a {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
    font-family: 'TT Firs Neue', serif;
}

#footer .menu > li > a {
    display: inline-block;
    vertical-align: top;
    min-height: 45px;
    letter-spacing: 0.07em;
}

#footer .menu ul,
#footer .menu > li,
#footer .menu ul a {
    color: #000;
    font-family: 'TT Firs Neue', serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-transform: none;
    columns: 1;
}

#footer .menu ul {
    padding: 20px 0 0;
}

#footer .menu > li {
    width: auto;
}

#footer .menu ul li {
    margin: 0 0 9px;
}

#footer .menu ul a:hover {
    color: #80c700;
    /* font-weight: 700; */
}

#footer .soc_box {
    margin: 0 0 46px;
}

#footer .item_soc {
    margin: 0 10px 0 0;
}

#footer .item_soc:last-child {
    margin: 0;
}

.dev_list li {
    margin: 0 0 36px;
}

.dev_list li:last-child {
    margin: 0;
}

.dev_list a {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
}

.dev_list a:hover {
    color: #80c700;
    /* font-weight: 700; */
}

#footer .footer {
    overflow: visible;
    position: relative;
    z-index: 0;
    padding: 21px 0 22px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

#footer .footer:after {
    position: absolute;
    content: '';
    width: calc(100vw - 17px);
    left: 50%;
    top: 0;
    bottom: 0;
    transform: translateX(-50%);
    background: #f2f7f7;
    z-index: -1;
}

#footer .copyright {
    padding: 0 15px 0 0;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0;
}

#footer .by {
    font-weight: 400;
    line-height: 18px;
    color: #000;
    font-size: 14px;
}

#footer .by a {
    color: #00616e;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s linear;
}

#footer .by a:hover {
    color: #80c700;
}

.breadcrumbs {
    border-top: 1px solid #e5eff0;
    /* padding: 31px 0 0; */
    padding: 17px 0 0;
    /* margin: 0 0 44px; */
    margin: 0 0 31px;
}

.breadcrumbs .back {
    color: #00616e;
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
    position: relative;
}

.breadcrumbs .back:after {
    position: absolute;
    content: '';
    right: 0;
    left: 18px;
    bottom: 6px;
    height: 1px;
    background: #00616e;
    transition: all 0.3s linear;
}

.breadcrumbs .back i {
    font-weight: 700;
    font-size: 10px;
    color: #80c700;
    padding: 0 11px 0 0;
}

.breadcrumbs .back:hover {
    color: #80c700;
}

.breadcrumbs .back:hover:after {
    background: #80c700;
}

.breadcrumbs li {
    font-size: 14px;
    line-height: 2;
    color: #000;
    font-weight: 700;
}

.breadcrumbs a {
    font-size: 14px;
    line-height: 2;
    color: #000;
    font-weight: 400;
}

.breadcrumbs a:hover {
    color: #80c700;
}

h1, .h1 {
    color: #000;
    font-family: 'TT Firs Neue', serif;
    /* font-size: 60px; */
    font-size: 40px;
    font-weight: 500;
    line-height: 1;
}

.tags_box {
    max-width: 870px;
    margin: 0 0 25px;
    padding: 25px 0 0;
}

.tag_list a {
    text-decoration: none;
}

.search_box {
    /* margin: 0 0 53px; */
    margin: 0 0 23px;
}

.holder_box {
    position: relative;
    padding: 0 270px 0 0;
    background: #f2f7f7;
    border-radius: 4px;
    border: 3px solid #80c700;
}

.holder_box input {
    display: block;
    width: 100%;
    height: 75px;
    padding: 5px 26px;
    border: none;
    background: none;
    color: #000;
    /* font-size: 14px; */
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
}

.holder_box button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: #80c700;
    border-radius: 4px;
    color: #fff;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.4;
    font-family: 'TT Firs Neue', serif;
    transition: all 0.3s linear;
    width: 368px;
    border: none;
}

.holder_box button:hover {
    box-shadow: 10.6px 10.6px 25px rgb(128 199 0 / 50%);
}

.menu-categories {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 50px;
}

.menu-holder {
    margin: 0 0 0;
    width: calc(100% - 164px);
    padding: 0 15px 0 0;
}

.menu-holder .menu {
    width: 100%;
    max-width: 887px;
    justify-content: space-between;
}

.menu-holder .menu li {
    padding: 0;
    margin: 0 20px 0 0;
}

.menu-holder .menu li.active {
    border: none;
}

.menu-holder .menu li a {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.75;
    color: #000;
}

.menu-holder .menu li a:hover,
.menu-holder .menu li.active a {
    color: #80c700;
}

.menu-holder .menu li.active a {
    font-family: 'TT Firs Neue', serif;
}

.all_show {
    color: #00616e;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.75;
    position: relative;
    text-decoration: none;
    margin: 3px 0 0;
}

.all_show:after {
    position: absolute;
    content: '';
    bottom: 7px;
    left: 0;
    right: 0;
    height: 1px;
    background: #00616e;
    transition: all 0.3s linear;
}

.all_show:hover {
    color: #80c700;
}

.all_show:hover:after {
    background: #80c700;
}

.articles_page {
    padding: 8px 0 25px;
}

.articles {
    display: flex;
    flex-wrap: wrap;
}

.articles_block {
    width: calc(100% - 370px);
    padding: 0 28px 0 0;
}

.articles_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 46px;
}

.articles .item:first-child,
.articles .item {
    width: 50%;
    padding: 0 15px;
    float: none;
    margin: 0 0 38px;
    box-sizing: border-box;
    border: none;
}

.articles .item:first-child .visual,
.articles .item .visual {
    border-radius: 4px;
    transition: all 0.3s linear;
    margin: 0 0 15px;
    float: none;
    overflow: hidden;
}

.articles .item .visual .img {
    border-radius: 4px;
    overflow: hidden;
    height: auto;
    max-width: none;
    width: auto;
}

.articles .item .visual .img:before {
    display: block;
    content: '';
    padding: 54% 0 0;
}

.articles .item:first-child .text h4,
.articles .item .text h4 {
    margin: 0 0 16px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'TT Firs Neue', serif;
    font-size: 16px;
    line-height: 1.5;
}

.articles .item h4 a {
    text-decoration: underline;
}

.articles .item h4 a:hover {
    color: #80c700;
}

.articles .item:first-child h4 a:after {
    display: none;
}

.articles .item .text {
    margin: 0;
}

.articles .item .text p {
    margin: 0 0 33px;
}

.articles .item:first-child .text {
    position: static;
    bottom: auto;
    left: auto;
    right: auto;
    padding: 0;
    overflow: visible;
    padding: 5px 0 0;
}

.articles .item:first-child .text p {
    display: block;
}

.articles .item .text p {
    margin: 0;
    letter-spacing: 0;
    line-height: 1.5;
    color: #000;
}

.paging {
    padding: 21px 39px;
    overflow: visible;
    margin: -34px auto 37px;
    max-width: 872px;
    position: relative;
}

.paging ul li {
    line-height: 1;
    font-size: 24px;
}

.paging ul a,
.paging ul span {
    font-family: 'TT Firs Neue', serif;
    font-size: 24px;
    line-height: 1.25;
    color: #000;
    font-weight: 500;
    padding: 0 5px;
    margin: 0 5px;
    height: auto;
}

.paging ul a:hover {
    color: #80c700;
    text-decoration: none;
}

.paging ul .active {
    background: none;
    color: #80c700;
    font-weight: 700;
    font-family: 'TT Firs Neue', serif;
}

.paging .slideshow-button-next,
.paging .slideshow-button-prev {
    width: 37px;
    height: 74px;
    background: transparent;
    border-radius: 0;
    top: 50%;
    right: 0;
    position: absolute;
    cursor: pointer;
    margin: -37px 0 0;
    transform: none;
}

.paging .slideshow-button-prev {
    left: 0;
}

.paging .slideshow-button-prev:after,
.paging .slideshow-button-next:after {
    width: 45px;
    height: 45px;
    border-top: 4px solid #000;
    border-left: 4px solid #000;
    margin: -24px 0 0 -8px;
    transition: all 0.3s linear;
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
}

.paging .slideshow-button-prev:after {
    transform: rotate(-45deg);
}

.paging .slideshow-button-next:after {
    transform: rotate(135deg);
    margin: -24px 0 0 -41px;
}

.paging .swiper-button-disabled,
.swiper-button-disabled {
    opacity: 1;
}

.video_section {
    padding: 67px 0 90px;
    position: relative;
    z-index: 0;
}

.video_section:after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    width: calc(100vw - 17px);
    background: #f8fbfb;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
}

.useful_box {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: 0 0 0 135px;
    margin: 0 0 14px;
}

.useful_box h2 {
    font-size: 40px;
    line-height: 1;
    font-family: 'TT Firs Neue', serif;
    font-weight: 400;
    margin: 0 0 15px;
}

.useful_box:after {
    position: absolute;
    content: '';
    width: 84px;
    height: 84px;
    border-radius: 50%;
    top: -8px;
    left: 0;
    background: url("/local/templates/bania.3.0/img_new/rd_icon-10.svg") no-repeat;
    background-size: 100%;
}

.useful_box .btn_holder {
    width: 270px;
    padding: 4px 0 0;
}

.useful_box .btn {
    padding: 16px 10px;
}

.useful_box .title_box {
    width: calc(100% - 270px);
    box-sizing: border-box;
    padding: 0 0 0 0;
}

.useful_box .share {
    display: flex;
    flex-wrap: wrap;
}

.useful_box .share li {
    margin: 0 77px 10px 0;
}

.useful_box .share li:last-child {
    margin: 0 0 10px 0;
}

.useful_box .share a {
    display: block;
    padding: 0 0 0 28px;
    color: #bb8f63;
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
    position: relative;
    text-decoration: none;
}

.useful_box .share a:after {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: block;
}

.useful_box .share a.users:after {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-11.svg") no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
}

.useful_box .share a.video:after {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-12.svg") no-repeat;
    background-size: 100%;
    width: 13px;
    height: 14px;
}

.useful_box .share a.view:after {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-08.svg") no-repeat;
    background-size: 100%;
    width: 19px;
    height: 16px;
}

.projects {
    padding: 0px 0 58px;
}

.projects h2 {
    margin: 0 0 53px;
}

.wrap-catalog.wrap-catalog-section {
    padding-bottom: 0;
}

.slider_block-section .article {
    display: block;
}

.wrap-catalog {
    padding: 16px 0 63px;
}

.mob-filter {
    background: #f8fbfb;
    border-radius: 4px;
    padding: 37px 19px 20px 23px;
    margin: 0 0 27px;
}

.title_filter {
    display: block;
    margin: 0 0 24px;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

.catalog-sections-box {
    border-top: 3px solid #cddee0;
    padding: 25px 0 0;
    margin: 0 0 36px;
}

.bx-filter .bx-filter-parameters-box .h5 span,
.bx-filter .bx-filter-parameters-box h5 span,
.sections-title {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    position: relative;
    font-family: 'TT Firs Neue', serif;
    cursor: pointer;
    display: block;
    border: none;
}

.bx-filter .bx-filter-parameters-box .h5 span sup,
.bx-filter .bx-filter-parameters-box h5 span sup {
    font-size: 12px;
}

.bx-filter .bx-filter-parameters-box.bx-active .h5 span:after,
.bx-filter .bx-filter-parameters-box.bx-active h5 span:after,
.sections-title:after {
    position: absolute;
    content: '\e907';
    top: 50%;
    right: 3px;
    transform: rotate(90deg);
    font-family: 'icomoon' !important;
    font-weight: 700;
    font-size: 12px;
    color: #80c700;
    margin: -16px 0 0;
    transition: all .2s linear;
}

.catalog-sections-box.open .sections-title:after {
    transform: rotate(-90deg);
}

.bx-filter .bx-filter-parameters-box.bx-active .h5 span:after,
.bx-filter .bx-filter-parameters-box.bx-active h5 span:after {
    margin: -6px 0 0;
}

.bx-filter .bx-filter-parameters-box .h5 span:after,
.bx-filter .bx-filter-parameters-box h5 span:after {
    transform: rotate(-90deg);
    position: absolute;
    content: '\e907';
    top: 50%;
    right: 3px;
    font-family: 'icomoon' !important;
    font-weight: 700;
    font-size: 12px;
    color: #80c700;
    margin: -6px 0 0;
}

.bx-filter .bx-filter-parameters-box.bx-active .h5 span:after,
.bx-filter .bx-filter-parameters-box .h5 span:after,
.bx-filter .bx-filter-parameters-box.bx-active h5 span:after,
.bx-filter .bx-filter-parameters-box h5 span:after {
    border: none;
    width: auto;
    height: auto;
}

.filter .h5,
.filter h5 {
    margin: 0 0 20px;
}

.filter ul {
    color: #000;
    font-family: 'TT Firs Neue', serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
    margin: 0 0 11px;
}

.filter ul li {
    margin: 0 0 7px;
}

.filter .columns {
    margin: 0;
}

.filter .bx-filter-parameters-box-container {
    margin: 0 0 0;
}

.catalog-sections-box .sub-sections-list .hide-item {
    display: none;
}

.catalog-sections-box .sub-sections-more {
    display: block;
}

.sub-sections-more a {
    color: #00616e;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: underline;
    border: none;
}

.sub-sections-more a:hover {
    color: #80c700;
}

.bx-filter .bx-filter-parameters-box {
    border-top: 3px solid #cddee0;
    padding: 23px 0 0;
    margin: 0 0 10px;
}

.bx-filter .bx-filter-section {
    padding-top: 0;
}

.bx-filter .bx-filter-parameters-box .h5,
.bx-filter .bx-filter-parameters-box h5 {
    margin: 0 0 20px;
    font-family: 'TT Firs Neue', serif;
}

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

.bx-filter .bx-filter-parameters-box-container-block.bx-left,
.bx-filter .bx-filter-parameters-box-container-block.bx-right {
    width: calc(50% - 13px);
    margin: 0 0 15px;
    display: block;
    position: relative;
}

.bx-filter .bx-filter-input-container input,
.bx-filter .bx-filter-parameters-box-container-block.bx-left input,
.bx-filter .bx-filter-parameters-box-container-block.bx-right input {
    height: 50px;
    background: #fff;
    border: 3px solid #cddee0;
    border-radius: 4px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    width: 100%;
    padding: 0 7px;
}

.bx-filter .bx-ui-slider-track-container {
    padding: 19px 9px 35px;
}

.bx-filter .bx-ui-slider-track {
    height: 6px;
    background: #cddee0;
    border-radius: 3px;
}

.bx-filter .bx-ui-slider-part span {
    color: #000;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.34;
    top: 28px;
    left: -8px;
}

.bx-filter .bx-ui-slider-part.p5 span {
    right: -8px;
}

.bx-filter.bx-blue .bx-ui-slider-handle {
    width: 20px;
    height: 20px;
    border: 3px solid #80c700;
}

.bx-filter-parameters-box-container .checkbox {
    margin-bottom: 4px;
}

.filter input[type="checkbox"] + span:before {
    width: 20px;
    height: 20px;
    background: #fff;
    border: 3px solid #cddee0;
    border-radius: 4px;
    top: 0;
    left: 0;
}

.filter input[type="checkbox"] + span:after {
    top: 3px;
    left: 6px;
    width: 6px;
    height: 10px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    background: none;
    opacity: 0;
}

.filter input[type="checkbox"]:checked + span:before {
    border-color: #80c700;
    background: #80c700;
}

.filter input[type="checkbox"]:checked + span:after {
    opacity: 1;
}

.bx-filter .bx-filter-input-checkbox .bx-filter-param-text {
    color: #000;
    font-family: 'TT Firs Neue', serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    padding: 0 25px 0 32px;
}

.bx-filter .bx-filter-input-checkbox .bx-filter-param-text span {
    font-style: normal;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 5px;
}

.filter .btn-holder {
    display: block;
    padding: 4px 0 0;
}

.btn-holder .bx-filter-parameters-box-container {
    padding: 0;
    text-align: center;
}

#set_filter {
    max-width: 180px;
    width: 100%;
    margin: 0 auto 20px;
    background: #80c700;
    border-radius: 4px;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    height: 50px;
    display: block;
}

#set_filter:hover {
    background: #80c700;
}

#del_filter {
    color: #00616e;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    text-decoration: underline;
    border: none;
}

#del_filter:hover {
    color: #80c700;
}

.projects-block {
    padding: 0 0 0 15px;
    margin: 0;
    border: none;
}

.sort li {
    font-family: 'TT Firs Neue', serif;
    margin: 0 88px 10px 0;
}

.sort li:last-child {
    margin: 0 0 10px;
}

.sort a {
    color: #000;
    font-family: 'TT Firs Neue', serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
}

.sort a:hover {
    color: #80c700;
}

.sort + .projects {
    padding-top: 38px;
    padding-right: 12px;
    padding-bottom: 14px;
}

.projects .items {
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
}

.projects-block .projects .items .item:nth-child(4n+4),
.projects .items .item {
    width: 33.3%;
    margin: 0 0 28px;
    padding: 0 15px;
    display: block;
    min-height: auto;
}

.projects .items .item .inner_item {
    background: #fff;
    border-radius: 4px;
    transition: all .2s linear;
}

.projects .items .item:hover .inner_item {
    box-shadow: 10.6px 10.6px 25px rgba(0, 97, 110, 0.5);
}

.projects .items .item .img {
    position: relative;
    /* overflow: hidden; */
    border-radius: 4px;
    margin: 0 0 0;
}

.projects .items .item .img:before {
    padding: 74% 0 0;
    display: block;
    content: '';
}

.projects .items .item .favorite_box {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 30px;
    height: 30px;
}

.projects .items .item .favorite {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: #80c700;
    border-radius: 50%;
    z-index: 1;
}

.projects .items .item .tooltip {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 0 20px;
    padding: 9px 11px;
    background: #80c700;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    display: block;
    z-index: 1;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: all .2s linear;
}

.projects .items .item .favorite_box:hover .tooltip {
    opacity: 1;
    visibility: visible;
}

.projects .items .item .tooltip:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-top: 10px solid #80c700;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

.projects .items .item .favorite:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 20px;
    height: 18px;
    transform: translate(-50%, -50%);
    background: url("/local/templates/bania.3.0/img_new/rd_icon-13.svg") no-repeat;
    background-size: 100%;
}

.projects .items .item.add_item .favorite:after {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-13_hv.svg") no-repeat;
    background-size: 100%;
}

.projects .items .item img {
    max-width: none;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.projects .items .new {
    right: auto;
    left: 12px;
    top: 12px;
    color: #fff;
    font-family: 'TT Firs Neue', serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    padding: 8px 8px 6px 10px;
    background: #e13a00;
    border-radius: 0;
    display: block;
    height: auto;
}

.projects .items .dscr_popular {
    padding: 17px 15px 13px 17px;
}

.projects .items .title_dscr {
    font-size: 14px;
    line-height: 1.29;
    min-height: 36px;
    margin: 0 0 16px;
}

.projects .items ul {
    overflow: visible;
    margin: 0 -5px 13px;
    display: flex;
    flex-wrap: wrap;
}

.projects .items ul li {
    padding: 0 5px;
    margin: 0 0 0;
    width: 33.3%;
}

.projects .items ul li:after {
    display: none;
}

.projects .items ul li span {
    font-size: 12px;
    line-height: 1;
    margin: 0 0 4px;
    letter-spacing: 0;
}

.projects .items ul li strong {
    color: #80c700;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    min-height: auto;
}

.projects .items .price_box {
    justify-content: center;
}

.projects .items .price {
    height: auto;
    min-height: auto;
    font-size: 20px;
    line-height: 1;
    margin: 0 0 19px;
}

.projects .items .item .btn {
    background: #80c700;
    border: 1px solid #80c700;
    font-weight: 600;
}

.projects .items .item:hover .btn {
    background: #80c700;
    border-color: #80c700;
}

.projects .items .item.help {
    background: none;
    height: auto;
    padding: 0 15px;
}

.projects .items .inner_help {
    overflow: hidden;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    padding: 115px 10px 0 45px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-14.jpg") no-repeat;
    background-size: cover;
}

.projects .items .item.help strong {
    background: none;
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
    padding: 0;
    margin: 0 0 26px;
    letter-spacing: 0;
    min-height: auto;
}

.projects .items .item.help p {
    margin: 0 0 46px;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
    font-family: 'TT Firs Neue', serif;
    padding: 0;
}

.projects .items .item.help .btn {
    max-width: 180px;
    background: #80c700;
    border-radius: 4px;
    font-family: 'TT Firs Neue', serif;
    height: auto;
    padding: 0 0 0;
    line-height: 1;
    font-size: 16px;
    font-weight: 600;
    padding: 16px 10px;
    letter-spacing: 0;
}

.ajax-pager-wrap {
    padding: 5px 0 0;
    margin: 0 0 58px;
}

.ajax-pager-wrap .btn {
    margin: 0 auto 0;
    max-width: 369px;
    /* background: #00616e; */
    border: none;
}

.ajax-pager-wrap .btn:hover {
    color: #fff;
}

.catalog-items .paginator-box {
    margin-top: 34px;
}

.bg_color {
    position: relative;
    z-index: 0;
}

.bg_color:after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    background: #f8fbfb;
    z-index: -1;
}

.slider_block.bg_color {
    padding-bottom: 90px;
}

.seo_block {
    padding: 63px 0 60px;
}

.line,
.seo_block .line {
    position: relative;
    padding: 0 0 22px;
}

.line:after,
.seo_block .line:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 158px;
    height: 4px;
    background: #000000;
    background: -moz-linear-gradient(left, #000000 0%, #000000 37%, #80c700 37%, #80c700 100%);
    background: -webkit-linear-gradient(left, #000000 0%, #000000 37%, #80c700 37%, #80c700 100%);
    background: linear-gradient(to right, #000000 0%, #000000 37%, #80c700 37%, #80c700 100%);
}

.seo_block .title_block {
    margin: 0 0 54px;
}

.seo_block .video {
    margin: 6px 0 52px;
    max-width: 500px;
}

.text_box .text_title {
    margin: 0 0 26px;
    display: block;
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5;
}

.text_box p {
    margin: 0 0 20px;
}

.text_box ul {
    padding: 5px 0 0 30px;
    margin: 0 0 23px;
}

.text_box ul li {
    margin: 0 0 0;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
}

.text_box ul li strong {
    color: #00616e;
    font-weight: 600;
}

.seo_block .img {
    margin: 0 0 11px;
    text-align: right;
    padding: 74px 0 0;
    z-index: 0;
    position: relative;
}

.seo_block .img:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    z-index: -1;
    width: 455px;
    height: 455px;
    transform: translate(-50%, -36%);
    background: url("/local/templates/bania.3.0/img_new/rd_bg-15.png") no-repeat;
    background-size: 100%;
}

.seo_block .img img {
    max-width: 100%;
}

.seo_block .btn {
    max-width: 370px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
}

.works_block {
    padding: 57px 0 61px;
}

.works_block .title_block {
    margin: 0 0 51px;
}

.works_block .gallery {
    /* margin: 0 -15px 40px; */
    margin: 0 -55px 40px;
}

.works_block .gallery-holder {
    margin: 0 0 0;
}

.works_block .gallery .visual .img:before {
    padding: 59% 0 0;
}

.works_block .gallery h4, .works_block .gallery .h4 {
    min-height: 48px;
    margin: 0 0 16px;
}

.works_block .btn {
    margin: 0 auto;
    max-width: 370px;
}

.projects .items .item:after {
    display: none;
}

.article-info {
    width: calc(100% - 370px);
    padding: 0 35px 0 0;
    overflow: visible;
}

.article h1 {
    color: #000;
    font-size: 60px;
    font-weight: 500;
    line-height: 1;
    margin: 0 0 50px;
    width: 100%;
}

.main_visual {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    margin: 0 0 18px;
}

.main_visual:before {
    padding: 61.5% 0 0;
    content: '';
    display: block;
}

.article .main_visual img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    margin: 0;
    max-width: none;
}

.article-info .date_box {
    width: 100%;
    margin: 0 0 10px;
}

.article-info .date_box .date {
    margin: 3px 0 10px;
}

.article-info .date_box .share {
    width: auto;
    margin: 0;
    padding: 0;
}

.article-info .date_box .share li {
    margin: 0 0 10px 46px;
    padding: 0;
}

.article-info .date_box .share li:before {
    display: none;
}

.article-info .date_box .share li:first-child {
    margin: 0 0 10px;
}

.article-info .date_box .share li span a {
    padding: 0;
    color: #00616e;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-decoration: underline;
    margin: 0 0 0 13px;
}

.article-info .date_box .share li span a:hover {
    color: #80c700;
}

.article-info .date_box .share li span a:after {
    display: none;
}

.article-info .date_box .share li span.time:after {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-14.svg") no-repeat;
    background-size: 100%;
    width: 15px;
    height: 15px;
}

.article-info .consult-form legend {
    margin: 0 0 35px;
    padding: 0;
    background: none;
    color: #fff;
    font-family: 'TT Firs Neue', serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.07;
    border: none;
}

.consult-form textarea,
.consult-form input[type=text] {
    font-family: 'TT Firs Neue', serif;
    color: #000;
    /* font-size: 16px; */
    font-size: 18px;
    line-height: 1;
    padding: 0 9px;
    height: 50px;
    background: #f2f7f7;
    border-radius: 4px;
}

.consult-form textarea {
    padding: 10px 9px;
    height: 100px;
}

.consult-form input[type=submit] {
    color: white;
    font-family: 'TT Firs Neue', serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    height: 50px;
    background: #80c700;
    border-radius: 4px;
    border: none;
    padding: 5px 10px;
}

.consult-form span {
    font-family: 'TT Firs Neue', serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.34;
    color: #fff;
    margin: 0;
    padding: 6px 0 0;
}

.consult-form span a {
    color: #80c700;
    text-decoration: underline;
}

.consult-form span a:hover {
    text-decoration: none;
}

.content_article-box {
    border: none;
    background: #f8fbfb;
    border-radius: 4px;
    padding: 36px 46px 37px;
    margin: 0 0 53px;
}

.content_article-box:after {
    display: none;
}

.content_article-box .title-list {
    margin: 0 0 23px;
    position: relative;
    font-family: 'TT Firs Neue', serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    display: inline-block;
    padding: 0 30px 0 0;
}

.content_article-box .title-list:after {
    position: absolute;
    content: '';
    top: 50%;
    right: 0;
    width: 6px;
    height: 6px;
    border-top: 2px solid #80c700;
    border-right: 2px solid #80c700;
    transform: rotate(-45deg);
    margin: -2px 0 0;
    transition: all 0.3s linear;
}

.content_article-box.open .title-list:after {
    transform: rotate(135deg);
    margin: -5px 0 0;
}

.article .list-content {
    padding: 0;
    columns: 1;
    max-width: 460px;
    margin: 0;
}

.article .list-content li {
    margin: 0 0 0;
    color: #000;
    font-size: 18px;
    line-height: 1.56;
    padding: 0 0 0 0;
}

.article .list-content li:before,
.list-content li:after {
    display: none;
}

.list-content li em {
    font-style: normal;
    color: #bb8f63;
}

.list-content li.level_2,
.list-content li.level_3 {
    font-size: 16px;
    line-height: 1.75;
}

.list-content li.level_2 {
    padding: 0 0 0 16px;
}

.list-content li.level_3 {
    padding: 0 0 0 32px;
}

.article {
    display: flex;
    flex-wrap: wrap;
    overflow: visible;
}

.article-title {
    color: #000;
    font-family: 'TT Firs Neue', serif;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0 0 25px;
}

.article h2 {
    font-size: 40px;
    line-height: 1;
}

.article h3 {
    font-size: 32px;
    line-height: 1.125;
    padding: 33px 0 0;
    margin: 0 0 25px;
    letter-spacing: 0;
}

.article h4 {
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 0;
    padding: 30px 0 0;
    margin: 0 0 24px;
}

.article p {
    margin: 0 0 28px;
    font-size: 18px;
    line-height: 1.56;
}

.article p strong {
    font-weight: 600;
}

.article p strong em {
    font-style: normal;
    color: #bb8f63;
    font-weight: 700;
}

.article .visual {
    margin: 0 0 66px;
    text-align: left;
    width: auto;
    padding: 3px 0 0;
    overflow: visible;
    border-radius: 0;
}

.article .visual .img {
    overflow: hidden;
    border-radius: 4px;
}

.article .visual .img img {
    margin: 0;
    max-width: none;
    border-radius: 0;
}

.article .visual span {
    display: block;
    position: relative;
    bottom: auto;
    right: auto;
    padding: 16px 0 0;
    color: #bb8f63;
    font-family: 'TT Firs Neue', serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    height: auto;
}

.article .notice {
    padding: 39px 72px 42px 81px;
    margin: 0 0 35px;
    border-radius: 4px;
}

.article .notice.change {
    margin-top: -32px;
}

.article .notice strong {
    display: block;
    margin: 0 0 16px;
    color: #bb8f63;
    font-family: 'TT Firs Neue', serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    text-transform: uppercase;
}

.article .notice p {
    margin: 0;
    color: #000;
    font-family: 'TT Firs Neue', serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
}

.article .notice.red {
    background: url("/local/templates/bania.3.0/img_new/rd_bg-17.jpg") no-repeat;
    background-size: cover;
}

.article .notice.green {
    background: url("/local/templates/bania.3.0/img_new/rd_bg-18.jpg") no-repeat;
    background-size: cover;
    background-position: 0 50%;
    margin-top: 0;
}

.inner_article ul {
    padding: 0 0 0;
    margin: 0 0 0;
    font-family: 'TT Firs Neue', serif;
}

.inner_article ul li {
    margin: 0 0 28px;
    padding: 0 0 0 22px;
    font-size: 18px;
    line-height: 1.56;
}

.inner_article ul li:before {
    height: 2px;
    width: 15px;
    background: #80c700;
    top: 14px;
    left: 0;
    border-radius: 0;
    border: none;
}

.inner_article {
    width: 100%;
    padding: 12px 0 0;
}

.inner_article p span {
    display: block;
}

.article .author {
    padding: 37px 0 39px;
    display: flex;
    flex-wrap: wrap;
    overflow: visible;
    margin: 0 -106px 0 0;
}

.article .author .rating {
    float: none;
    width: 135px;
    margin: 0 0 15px;
}

.article .author .social {
    float: none;
    padding: 0 15px 0 0;
    margin: 0 0 15px;
    width: calc(100% - 135px);
}

.article .author .social span {
    display: block;
    margin: 0 0 8px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.article .author .list_soc {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

.article .author .list_soc li {
    margin: 0 9px 10px 0;
}

.article .author .list_soc li:last-child {
    margin: 0 0 10px;
}

.article .author .list_soc a {
    display: block;
    width: 150px;
    height: 40px;
    border-radius: 4px;
    overflow: hidden;
}

.article .author .list_soc a.ok {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-15.jpg") no-repeat;
    background-size: cover;
}

.article .author .list_soc a.vk {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-16.jpg") no-repeat;
    background-size: cover;
}

.article .author .list_soc a.fb {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-17.jpg") no-repeat;
    background-size: cover;
}

.article .author .list_soc a.tw {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-18.jpg") no-repeat;
    background-size: cover;
}

.article .author .rating span {
    display: block;
    margin: 0 0 18px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.author .rating_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    margin: 0;
}

.author .rating_list li {
    margin: 0 2px 0 0;
    padding: 0;
}

.author .rating_list li:last-child {
    margin: 0;
}

.rating_list li:before {
    display: none;
}

.rating_list span,
.rating_list a {
    display: block;
    width: 25px;
    height: 24px;
    background: url("/local/templates/bania.3.0/img_new/rd_icon-19.svg") no-repeat;
    background-size: 100%;
}

.rating_list .active span,
.rating_list .active a,
.rating_list a:hover {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-19_1.svg") no-repeat;
    background-size: 100%;
}

.sidebar_block {
    width: 370px;
}

.rubric_box {
    background: #f2f7f7;
    border-radius: 4px;
    padding: 32px 41px 27px;
    margin: 0 0 12px;
}

.title_rubric {
    display: block;
    margin: 0 0 37px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.75;
    text-transform: uppercase;
}

.rubric_box .list_rubric {
    margin: 0;
    padding: 0;
}

.rubric_box .list_rubric li {
    margin: 0 0 12px;
    padding: 0;
}

.list_rubric li:before {
    display: none;
}

.list_rubric li a {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color: #000;
    transition: all .2s linear;
    text-decoration: none;
    font-family: 'TT Firs Neue', serif;
}

.list_rubric li.active a,
.list_rubric li a:hover {
    color: #80c700;
}

.list_rubric li.active a {
    font-weight: 700;
}

.sidebar_block .block {
    border-radius: 4px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-19.png") no-repeat;
    background-size: cover;
    text-align: center;
    padding: 13px 33px 11px;
    margin: 0 0 12px;
}

.sidebar_block .consult-form legend {
    color: #fff;
    font-family: 'TT Firs Neue', serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.17;
    padding: 0;
    border: none;
    margin: 0 0 27px;
}

.sidebar_block .consult-form input[type=submit] {
    font-size: 20px;
}

.discussion_box {
    padding: 31px 41px 5px;
    background: #f2f7f7;
    border-radius: 4px;
}

.discussion_box .title_rubric {
    margin: 0 0 27px;
}

.list_disc .item_disc {
    padding: 0 0 24px;
    margin: 0 0 31px;
    border-bottom: 2px solid #e5eff0;
}

.list_disc .item_disc:last-child {
    border: none;
    padding: 0;
}

.head_disc {
    margin: 0 0 13px;
    display: flex;
    flex-wrap: wrap;
}

.head_disc .img_box {
    width: 70px;
    border-radius: 4px;
    overflow: hidden;
}

.head_disc .img_box img {
    max-width: 100%;
    margin: 0;
}

.head_disc .head_dscr {
    padding: 2px 0 0 19px;
    width: calc(100% - 70px);
}

.head_disc .user {
    padding: 0 0 0 24px;
    position: relative;
    margin: 0 0 13px;
    display: block;
    color: #bb8f63;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
}

.head_disc .user:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    background: url("/local/templates/bania.3.0/img_new/rd_icon-20.svg") no-repeat;
    background-size: 100%;
}

.head_disc .title_disc {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.625;
}

.head_disc .title_disc a {
    color: #000;
    /* text-decoration: none; */
}

.head_disc .title_disc a:hover {
    color: #80c700;
    text-decoration: underline;
}

.list_disc .text_disc {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.72;
}

.comments_block {
    padding: 0 0 0;
    margin: 0 0 55px;
}

.comments_block .title_block {
    margin: 0 0 52px;
}

.comment_form {
    max-width: 570px;
    margin: 0 0 60px;
}

.comment_form .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.comment_form .inpt_holder {
    width: 50%;
    padding: 0 15px;
    margin: 0 0 29px;
}

.txt_holder textarea,
.comment_form input[type="text"] {
    display: block;
    height: 50px;
    background: #f2f7f7;
    border-radius: 4px;
    border: none;
    padding: 0 16px 0;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    width: 100%;
}

.txt_holder {
    margin: 0 0 29px;
}

.txt_holder textarea {
    height: 100px;
    resize: none;
    padding: 17px 16px;
}

.chbx_holder {
    margin: -2px 0 11px;
    position: relative;
}

.comment_form .checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.comment_form .checkbox + label {
    position: relative;
    padding: 0 0 0 36px;
    cursor: pointer;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
    display: block;
}

.comment_form .checkbox + label:before {
    position: absolute;
    content: '';
    top: 1px;
    left: 1px;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 3px solid #cddee0;
    border-radius: 4px;
    box-sizing: border-box;
}

.comment_form .checkbox + label:after {
    position: absolute;
    content: '';
    top: 7px;
    left: 5px;
    border-radius: 0;
    border: none;
    width: 12px;
    height: 9px;
    background: url("/local/templates/bania.3.0/images/icon-check.png") no-repeat;
    background-size: 100%;
    transition: .2s;
    opacity: 0;
}

.comment_form .checkbox:checked + label:before {
    border-color: #80c700;
    background: #80c700;
}

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

.comment_form .sbmt_holder {
    margin: 0 0 0;
}

.comment_form .sbmt_holder input[type="submit"] {
    display: block;
    max-width: 270px;
    height: 50px;
    background: #80c700;
    border-radius: 4px;
    border: 1px solid #80c700;
    transition: all .2s linear;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    width: 100%;
}

.comment_form .sbmt_holder input[type="submit"]:hover {
    box-shadow: 10.6px 10.6px 25px rgb(128 199 0 / 50%);
}

.comments_list {
    max-width: 869px;
}

.inner_comment {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 10px;
}

.comments_list .avatar {
    width: 84px;
    height: 84px;
    background: #f8fbfb;
    position: relative;
    border-radius: 50%;
}

.comments_list .avatar img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.comments_list .dscr_comment {
    padding: 0 0 0 26px;
    width: calc(100% - 84px);
}

.comments_list .inner_dscr {
    position: relative;
    background: #f7f4f1;
    border-radius: 4px;
    padding: 30px 47px 29px;
}

.comments_list .inner_dscr:after {
    position: absolute;
    content: '';
    top: 28px;
    left: -14px;
    border-right: 14px solid #f7f4f1;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
}

.comments_list .head_comment {
    margin: 0 0 14px;
    display: flex;
    flex-wrap: wrap;
}

.comments_list .head_comment .name {
    display: block;
    margin: 0 44px 10px 0;
    color: #000;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
}

.comments_list .head_comment .date {
    display: block;
    color: #bb8f63;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin: 2px 0 10px;
}

.comments_list .text_comment {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 11px;
}

.comments_list .link {
    display: inline-block;
    vertical-align: top;
    text-decoration: underline;
    color: #00616e;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    transition: all .2s linear;
}

.comments_list .link:hover {
    color: #80c700;
}

.answer_box {
    padding: 0 0 0 111px;
}

.comments_list .admin .inner_dscr {
    background: #ecf7d9;
}

.comments_list .admin .inner_dscr:after {
    border-right: 14px solid #ecf7d9;
}

.comments_list .admin .head_comment .name {
    color: #80c700;
}

.comments_list .btn_holder {
    padding: 25px 0 0;
}

.our_team_section {
    padding: 24px 0 0;
}

.team_box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 35px;
}

.team_head {
    width: 100%;
    padding: 0 15px;
}

.team_dscr {
    padding: 0 15px;
    margin: 0 0 0;
    width: 25%;
}

.title_team {
    display: block;
    margin: 0 0 48px;
    color: #000;
    font-size: 40px;
    font-weight: 400;
    line-height: 0.9;
    width: 25%;
    max-width: 270px;
}

.text_team {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    padding: 0 30px 0 0;
}

.team_box .staff_block {
    width: 75%;
    padding: 14px 15px 0;
    margin: -84px 0 0;
}

.staff_block .list_staff {
    margin: 0 -15px 10px;
}

.staff_block .list_staff li {
    padding: 0 15px;
    margin: 0 0 40px;
}

.staff_block .list_staff .name_staff {
    margin: 0 0 7px;
    -webkit-font-smoothing: antialiased;
}

.staff_block .list_staff .position {
    margin: 0 0 28px;
}

[class*="ymaps-2"][class*="-ground-pane"] {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 3.5+ */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
}

.map_block {
    padding: 27px 0 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 49px;
}

.map_block .map {
    width: 75%;
    padding: 0 15px;
    margin: 0 0 0;
}

#big-map {
    max-width: 800px;
    min-height: 480px;
    overflow: hidden;
    border-radius: 4px;
}

.address_box {
    width: 25%;
    padding: 0 15px;
}

.contacts_page .address_box address {
    display: block;
    margin: 0 0 37px;
    /* padding: 100px 0 0; */
    padding: 75px 0 0;
    position: relative;
    font-family: 'TT Firs Neue', serif;
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.17;
    letter-spacing: 0;
    font-style: normal;
}

.address_box address .icon {
    position: absolute;
    content: '';
    /* top: -4px; */
    top: -29px;
    left: 2px;
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background: #f2f7f7;
    display: block;
    /* background: url("/local/templates/bania.3.0/img_new/rd_icon-21.svg") no-repeat;
    background-size: 100%; */
}

.address_box address .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.address_box .metro {
    overflow: visible;
}

.address_box .metro li:nth-child(2n+2),
.address_box .metro li {
    margin: 0 0 11px;
    /* padding: 30px 10px 28px 75px; */
    padding: 28px 10px 28px 75px;
    background: none;
    width: auto;
    height: auto;
    float: none;
    background: #f7f4f1;
    border-radius: 4px;
}

.address_box .metro li strong {
    color: #000;
    font-family: 'TT Firs Neue', serif;
    /* font-size: 16px; */
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
    /* text-transform: uppercase; */
    margin: 0 0 16px;
}

.address_box .metro li span {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.15;
}

.address_box .metro li i {
    width: 34px;
    height: 34px;
    top: 22px;
    left: 21px;
    background: url("/local/templates/bania.3.0/img_new/rd_icon-22.svg") no-repeat;
    background-size: 100%;
}

.address_box .icon-metro:before {
    display: none;
}

.contacts_block {
    display: flex;
    flex-wrap: wrap;
    /* margin: 0 0 71px; */
    margin: 0 0 64px;
}

.contacts_block .contacts_list {
    width: 410px;
    padding: 20px 0 0;
}

.contacts_block .img_box {
    width: calc(100% - 410px);
    padding: 0 0 0 25px;
}

.contacts_block .img_box .img {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.contacts_block .img_box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.contacts_block .img_box .img:before {
    display: block;
    content: '';
    padding: 51.65% 0 0;
}

.img_text {
    position: absolute;
    left: 55px;
    right: 30px;
    bottom: 44px;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

.contacts_block .contacts_list li {
    margin: 0 0 62px;
    display: flex;
    flex-wrap: wrap;
    float: none;
}

.contacts_block .contacts_list li:nth-child(2) {
    margin: 0 0 62px;
}

.contacts_block .contacts_list li .icon {
    width: 84px;
    height: 84px;
    background: #f2f7f7;
    position: relative;
    border-radius: 50%;
    margin: -21px 0 0;
}

.contacts_block .contacts_list li .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.contacts_dscr {
    padding: 0 0 0 52px;
    width: calc(100% - 84px);
}

.contacts_block .contacts_list li span:before {
    display: none;
}

.contacts_block .contacts_list li span {
    padding: 0;
    font-size: 16px;
    line-height: 1.2;
    margin: 0 0 13px;
    color: #000;
    display: block;
}

.contacts_block .contacts_list li strong a,
.contacts_block .contacts_list li strong {
    display: block;
    font-size: 24px;
    line-height: 1;
    font-weight: 500;
    text-transform: none;
    min-height: auto;
    color: #000;
    text-decoration: none;
}

.requisites_block {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 48px;
}

.requisites_block h2 {
    margin: 0 0 55px;
}

.with_hr {
    position: relative;
    padding: 0 0 19px;
}

.with_hr:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 4px;
    width: 158px;
    background: #000000;
    background: -moz-linear-gradient(left, #000000 0%, #000000 35%, #80c700 35%, #80c700 100%);
    background: -webkit-linear-gradient(left, #000000 0%, #000000 35%, #80c700 35%, #80c700 100%);
    background: linear-gradient(to right, #000000 0%, #000000 35%, #80c700 35%, #80c700 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#80c700', GradientType=1);
}

.requisites_box {
    width: 50%;
    padding: 0 15px;
}

.requisites_box .details {
    padding: 0;
    margin: 0 0 0;
}

.requisites_box .details li {
    width: 50%;
    padding: 0 10px 17px 0;
    border-bottom: 3px solid #e5eff0;
    margin: 0 0 19px;
}

.requisites_box .details li.last {
    border-bottom: none;
}

.requisites_box .details li span {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 11px;
}

.requisites_box .details strong {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
}

.requisites_faq {
    width: 50%;
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.faq_box {
    width: 100%;
    max-width: 430px;
    padding: 4px 0 0;
    align-self: start;
    z-index: 0;
    position: relative;
}

.faq_box:after {
    position: absolute;
    content: '';
    bottom: 39px;
    left: -169px;
    width: 273px;
    height: 239px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-20.png") no-repeat;
    background-size: 100%;
    z-index: -1;
}

.faq_form {
    padding: 34px 73px 35px;
    text-align: center;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-21.jpg") no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
}

.faq_form .row {
    padding: 0 7px;
}

.about_page .about_block {
    padding: 26px 0 53px;
}

.about_page .video_dscr {
    padding-right: 75px;
    overflow: visible;
}

.about_page .video_dscr p {
    margin: 0 0 53px;
}

.about_page .about_text .icon {
    margin: -6px 0 15px;
}

.about_page .about_text {
    padding: 5px 0 0;
    align-items: flex-start;
    margin: 0 0 16px;
}

.about_page .about_text .text {
    padding: 0 0 0 51px;
}

.about_page .text p {
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 24px;
}

.call_box {
    border-radius: 4px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-22.jpg") no-repeat;
    background-size: cover;
}

.call_form {
    padding: 42px 64px 44px 52px;
}

.call_form legend {
    font-size: 24px;
    text-align: left;
}

.call_form .row {
    margin: 0 0 0;
}

.call_form .inpt_holder {
    width: calc(100% - 170px);
    padding: 0 12px 0 0;
    margin: 0 0 16px;
}

.call_form .sbmt_holder {
    width: 170px;
    margin: 0 0 16px;
}

.about_page .staff_block {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.about_page .staff_text {
    width: 25%;
    padding: 0 15px;
}

.about_page .staff_box {
    width: 75%;
    padding: 0 15px;
    margin: 0 0 37px;
}

.about_page .staff_text .num {
    float: none;
    margin: 0 0 11px;
}

.about_page .staff_text p {
    padding: 0 20px 0 0;
    margin: 0 0 51px;
}

.about_page .staff_text .btn {
    font-size: 16px;
    padding: 16px 10px;
}

.about_page .inst_box {
    max-width: 100%;
    margin: 0 0 89px;
}

.about_page .inner_inst {
    display: flex;
    flex-wrap: wrap;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-23.jpg") no-repeat;
    background-size: cover;
    padding-bottom: 24px;
}

.about_page .inst_box:after {
    display: none;
}

.about_page .inst_dscr {
    width: 51.2%;
    padding: 0 40px 0 0;
}

.about_page .inst_box .subscribers {
    margin: 0;
}

.about_page .inst_box .img {
    width: 48.8%;
    max-width: 484px;
    align-self: start;
}

.list_advantage {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 0;
}

.list_advantage li {
    width: 25%;
    padding: 0 15px;
    margin: 0 0 30px;
    text-align: center;
}

.list_advantage .icon {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background: #f2f7f7;
    margin: 0 auto 33px;
    position: relative;
    display: block;
}

.list_advantage .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.list_advantage .title {
    display: block;
    margin: 0 0 18px;
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25;
}

.list_advantage .dscr {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.history_block {
    padding: 56px 0 22px;
}

.history_block:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    width: 965px;
    height: 601px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-26.png") no-repeat;
    background-size: 100%;
    margin: 0 0 0 -162px;
}

.history_block .title_block {
    margin: 0 0 48px;
}

.history_box {
    position: relative;
    z-index: 0;
}

.history_box:after {
    position: absolute;
    content: '';
    z-index: -1;
    width: 391px;
    height: 283px;
    right: -156px;
    top: -110px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-24.png") no-repeat;
    background-size: 100%;
}

.history_box:before {
    position: absolute;
    content: '';
    z-index: -1;
    width: 276px;
    height: 166px;
    left: -247px;
    bottom: 179px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-25.png") no-repeat;
    background-size: 100%;
}

.list_history {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 0;
    align-items: start;
    position: relative;
    z-index: 0;
}

.list_history:after {
    position: absolute;
    content: '';
    left: 15px;
    right: -180px;
    top: 50%;
    margin: -21px 0 0;
    height: 3px;
    /* background: #80c700; */
    background: -moz-linear-gradient(left, rgba(128, 199, 0, 1) 0%, rgba(128, 199, 0, 1) 75%, rgba(128, 199, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(128, 199, 0, 1) 0%, rgba(128, 199, 0, 1) 75%, rgba(128, 199, 0, 0) 100%);
    background: linear-gradient(to right, rgba(128, 199, 0, 1) 0%, rgba(128, 199, 0, 1) 75%, rgba(128, 199, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80c700', endColorstr='#0080c700', GradientType=1);
}

.list_history li {
    width: 25%;
    padding: 0 15px;
    position: relative;
    margin: 0 0 29px;
}

.list_history li:after {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    background: #80c700;
    border-radius: 50%;
    left: 15px;
    bottom: -39px;
}

.list_history li:nth-child(2n) {
    margin: 258px 0 29px;
}

.list_history li:nth-child(2n):after {
    bottom: auto;
    top: -48px;
}

.list_history .num {
    display: block;
    margin: 0 0 19px;
    color: #00616e;
    font-size: 60px;
    font-weight: 400;
    line-height: 1;
}

.list_history .dscr {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    min-height: 112px;
    padding: 0 20px 0 0;
}

.company_block {
    padding: 85px 0 60px;
}

.about_company {
    margin: 0 0 46px;
}

.about_company p {
    margin: 0 0 24px;
}

.list_photo {
    padding: 6px 0 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
    align-items: start;
}

.list_photo li {
    width: 50%;
    padding: 0 5px;
    margin: 0 0 10px;
}

.list_photo li:nth-child(2) {
    margin: 35px 0 10px;
}

.list_photo li:nth-child(3) {
    margin: -35px 0 10px;
}

.list_photo .img_box {
    overflow: hidden;
    border-radius: 4px;
    position: relative;
}

.list_photo .img_box:before {
    display: block;
    content: '';
    padding: 77.5% 0 0;
}

.list_photo .img_box img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.about_page .certificate_block {
    padding: 55px 0 65px;
}

.about_page .certificate_block:after {
    height: auto;
    margin: 0;
}

.our_work_block {
    padding: 86px 0 93px;
}

.our_work_block .title_block {
    margin: 0 0 47px;
}

.gallery_box {
    display: -ms-grid;
    display: grid;
    grid-gap: 28px;
    grid-auto-rows: 300px;
    grid-template-columns: repeat(auto-fill, minmax(287px, 1fr));
}

.item_gallery {
    min-height: 300px;
}

.item_width {
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
}

.item_height {
    -ms-grid-row-span: 2;
    grid-row-end: span 2;
    min-height: 630px;
}

.item_gallery a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 4px;
}

.item_gallery a img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.product_page h1 {
    max-width: calc(100% - 370px);
    /* margin: 0 0 47px; */
    margin: 0 0 25px;
}

.product_page .product {
    display: flex;
    flex-wrap: wrap;
}

.product_page .information {
    float: none;
    width: calc(100% - 370px);
    padding: 0 63px 0 0;
}

.product_page .product .slideshow {
    margin: 0 0 62px;
}

.product_page .product .slideshow .slides {
    /* height: auto; */
    margin: 0 0 25px;
}

.product .slideshow .slides .slide img {
    object-fit: cover;
}

/* .product_page .product .slideshow .slide{
    border-radius: 4px;
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    object-fit: none;
}
.product_page .product .slideshow .slide a{
    width: 100%;
    height: 100%;
}
.product_page .product .slideshow .slide a:before{
    display: block;
    content: '';
    padding: 61% 0 0;
}
.product_page .product .slideshow .slide img{
    max-width: none;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
} */
.fl_new {
    position: absolute;
    top: 23px;
    left: 23px;
    display: block;
    background: #e13a00;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    z-index: 1;
    padding: 7px 9px;
}

.pagination_wrap {
    position: relative;
    padding: 0 155px 0 0;
}

.product_page .product .pagination {
    /* padding: 0 155px 0 0; */
    position: static;
}

.product_page .product .pagination .pagination-slide {
    flex: 0 0 183px;
    width: 183px;
    margin: 0 11px 0 0;
}

.product_page .product .pagination .slideshow-pagination {
    display: none;
}

.product_page .product .pagination .pagination-slide .inner_slide {
    border-radius: 4px;
    transition: all .2s linear;
    cursor: pointer;
}

.product_page .product .pagination .pagination-slide.active .inner_slide:before,
.product_page .product .pagination .pagination-slide .inner_slide:before {
    display: block;
    content: '';
    padding: 61.5% 0 0;
    background: none;
    position: static;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    transform: none;
}

/*.product_page .product .pagination .pagination-slide .inner_slide img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}*/

.product_page .product .pagination .pagination-slide .inner_slide:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    border: 5px solid #80c700;
    opacity: 0;
    background: none;
    box-sizing: border-box;
}

.product_page .product .pagination .pagination-slide.active .inner_slide:hover:after,
.product_page .product .pagination .pagination-slide.active .inner_slide:after {
    opacity: 1;
}

.product_page .product .pagination .pagination-slide .inner_slide:hover {
    box-shadow: 10.6px 10.6px 25px rgba(0, 97, 110, 0.5);
}

.product_page .product .pagination .pagination-slide .inner_slide:hover:after {
    opacity: 0;
}

.product_page .product .pagination .pagination-slide .play {
    position: absolute;
    width: 85px;
    height: 85px;
    background: #bb8f63;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s linear;
}

.product_page .product .pagination .pagination-slide .play:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-20%, -50%);
    border-left: 14px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}

.product_page .product .pagination .pagination-slide .inner_slide:hover .play {
    box-shadow: 10.6px 10.6px 25px rgb(128 199 0 / 50%);
    background: #80c700;
}

.product_page .product .pagination .pagination-slide .plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 84px;
    height: 84px;
    background: #80c700;
    box-shadow: 10.6px 10.6px 25px rgba(128, 199, 0, 0.5);
    border-radius: 50%;
    opacity: 0;
    transition: all .2s linear;
}

.product_page .product .pagination .pagination-slide .plus:after,
.product_page .product .pagination .pagination-slide .plus:before {
    position: absolute;
    content: '';
    background: #fff;
    border-radius: 1px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.product_page .product .pagination .pagination-slide .plus:after {
    width: 4px;
    height: 50px;
}

.product_page .product .pagination .pagination-slide .plus:before {
    width: 50px;
    height: 4px;
}

.product_page .product .pagination .pagination-slide .inner_slide:hover .plus {
    opacity: 1;
}

.slideshow-button-next,
.slideshow-button-prev {
    width: 37px;
    height: 74px;
    background: transparent;
    border-radius: 0;
    top: 50%;
    transform: translateY(-69%);
    position: absolute;
    cursor: pointer;
}

.slideshow-button-next {
    right: 0;
}

.slideshow-button-prev {
    right: 101px;
}

.slideshow-button-next:after,
.slideshow-button-prev:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 45px;
    height: 45px;
    border-top: 4px solid #000;
    border-left: 4px solid #000;
    margin: -24px 0 0 -8px;
    transition: all 0.3s linear;
}

.slideshow-button-prev:after {
    transform: rotate(-45deg);
}

.slideshow-button-next:after {
    transform: rotate(135deg);
    margin: -24px 0 0 -40px;
}

.slideshow-button-next:hover:after,
.slideshow-button-prev:hover:after {
    border-color: #80c700;
}

.plans-box {
    padding: 36px 53px 50px;
    background: #f2f7f7;
    border-radius: 4px;
    margin: 0 0 0;
}

.plans-box h3 {
    margin: 0 0 18px;
    font-size: 24px;
    line-height: 1.17;
    font-family: 'TT Firs Neue', serif;
}

.list_plans {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px 16px;
}

.list_plans .item_list {
    width: 50%;
    padding: 0 16px;
    margin: 0 0 30px;
}

.list_plans .item_list a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.list_plans .item_list a img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.list_plans .item_list a:before {
    display: block;
    content: '';
    padding: 66.5% 0 0;
}

.order_plans {
    padding: 33px 29px 12px 35px;
    margin: 0 0 0;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-27.jpg") no-repeat;
    background-size: cover;
    border-radius: 4px;
}

.order_plans .inner_box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.order_plans .head_plans {
    width: 50%;
    padding: 0 15px;
    margin: 0 0 15px;
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    line-height: 1.2;
}

.order_plans .consult-form {
    width: 50%;
    padding: 0;
    margin: 0 0 15px;
}

.options_block {
    margin: -10px 0 0;
}

.options_block .price_box {
    position: relative;
    margin: 0 0 21px;
    display: block;
}

.options_block .price {
    margin: 0 0 0;
    padding: 0;
}

.product .options_block .price:before {
    display: none;
}

.product .options_block .price strong {
    font-weight: 700;
    line-height: 1.2;
    /* font-size: 30px; */
    font-size: 40px;
    text-transform: uppercase;
    /* color: #000; */
    display: block;
    margin: 0 0 6px;
    color: #00616e;
}

.product .options_block .price strong span {
    font-size: 20px;
    text-transform: none;
}

.product .options_block .price p {
    color: #bb8f63;
    font-size: 14px;
    /* font-weight: 400; */
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
    text-transform: none;
}

.options_block .price .favorites {
    position: absolute;
    top: 10px;
    right: -2px;
    width: 20px;
    height: 18px;
    background: url("/local/templates/bania.3.0/img_new/icon_fav-2.svg") no-repeat;
    background-size: 100%;
}

.options_block .btn_holder {
    margin: 0 0 36px;
}

.options_block .btn_holder .btn {
    font-size: 24px;
    padding: 24px 10px;
    margin: 0 0 18px;
}

.options_block .btn_holder .links {
    color: #00616e;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    text-decoration: underline;
    transition: all .2s linear;
}

.options_block .btn_holder .links:hover {
    color: #80c700;
    font-weight: 600;
}

.mess_box {
    margin: 0 0 26px;
}

.mess_box .title_mess {
    margin: 0 0 17px;
    display: block;
    color: #010101;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
}

.mess_box .mess_btn {
    padding: 16px 10px;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    transition: all .2s linear;
}

.mess_box .mess_btn:hover {
    background: #00616e;
    border: 1px solid #00616e;
    box-shadow: none;
}

.mess_box .mess_btn span {
    display: inline-block;
    vertical-align: top;
    padding: 0 49px 0 0;
    position: relative;
}

.mess_box .mess_btn span:after {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    width: 27px;
    height: 28px;
    background: url("/local/templates/bania.3.0/img_new/icon_wtsp-2.svg") no-repeat;
    background-size: 100%;
    right: 5px;
}

.param_box {
    margin: 0 0 29px;
}

.list_param {
    margin: 0 0 31px;
}

.list_param li {
    margin: 0 0 11px;
    display: flex;
    flex-wrap: wrap;
}

.list_param li span {
    display: block;
    width: 103px;
    color: #000;
    /* font-size: 12px; */
    font-weight: 400;
    /* line-height: 2; */
    line-height: 1.72;
    padding: 2px 0 0;
    font-size: 14px;
}

.list_param li strong {
    width: calc(100% - 103px);
    padding: 0 0 0 20px;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    display: block;
}

.param_box .list_info {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.param_box .list_info li {
    width: 33.3%;
    padding: 0 5px;
    margin: 0 0 10px;
}

.param_box .list_info span {
    display: block;
    margin: 0 0 0;
    color: #000;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
}

.param_box .list_info em {
    display: block;
    color: #80c700;
    /* font-size: 20px; */
    font-size: 28px;
    font-weight: 600;
    line-height: 1.4;
    font-style: normal;
    white-space: nowrap;
}

.product_page .sidebar_block .block {
    background: url("/local/templates/bania.3.0/img_new/rd_bg-28.jpg") no-repeat;
    background-size: cover;
    padding: 28px 33px 14px;
    margin: 0 0 11px;
}

.product_page .consult-form {
    padding: 0;
}

.product_page .consult-form legend {
    margin: 0 0 29px;
}

.product_page .consult-form legend:after {
    display: none;
}

.credit_block {
    padding: 31px 49px 30px;
    background: #f2f7f7;
    border-radius: 4px;
    margin: 0 0 0;
}

.credit_block .title_credit {
    display: block;
    margin: 0 0 12px;
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
}

.credit_block .list_credit {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px 11px;
    align-items: center;
    justify-content: space-between;
}

.list_credit li {
    padding: 0 5px;
    margin: 0 0 10px;
}

.credit_block .btn {
    font-size: 16px;
    line-height: 1;
    padding: 16px 10px;
    background: #00616e;
    border-radius: 4px;
    border: 1px solid #00616e;
    font-weight: 600;
}

.credit_block .btn:hover {
    background: #80c700;
    border: 1px solid #80c700;
}

.note_block {
    margin: 0 0 40px;
    padding: 33px 0 0;
}

.inner_note {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 60px;
}

.note_block .title_block {
    width: 36%;
    padding: 0 15px;
    margin: 0 0 30px;
}

.note_row {
    width: 64%;
    padding: 4px 15px 0;
    margin: 0 0 30px;
}

.note_box {
    padding: 42px 32px 39px 82px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-29.jpg") no-repeat;
    background-size: cover;
    border-radius: 4px;
}

.title_note {
    margin: 0 0 19px;
    display: block;
    color: #00616e;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
}

.dscr_note {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
}

.note_block .answer_box {
    margin: 0 0 0;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-30.jpg") no-repeat;
    background-size: cover;
    border-radius: 4px;
    padding: 50px 65px 33px 115px;
}

.note_block .inner_answer {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    align-items: center;
}

.note_block .answer_box .head_box {
    width: 60.5%;
    padding: 0 15px;
}

.note_block .answer_box .btn_holder {
    width: 39.5%;
    padding: 0 15px 19px;
}

.note_block .answer_box .head_box .title {
    display: block;
    margin: 0 0 22px;
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
}

.note_block .answer_box .head_box p {
    margin: 0;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
}

.note_block .answer_box .btn_holder .btn {
    font-size: 24px;
    line-height: 1;
    padding: 25px 10px;
}

.page_block {
    padding: 58px 0 50px;
}

.page_block .head_box {
    margin: 0 0 48px;
    align-items: flex-start;
}

.page_block.bg_color {
    padding-bottom: 14px;
}

.page_block .head_box.not_col {
    display: block;
}

.page_block .head_box.not_col .title_block {
    width: 100%;
}

.page_block .title_block {
    width: 50%;
    padding: 0 15px 0 0;
    margin: 0 0 30px;
}

.page_block .line {
    padding-bottom: 20px;
}

.page_block .dscr_box {
    width: 50%;
    padding-left: 15px;
    display: flex;
    flex-wrap: wrap;
}

.page_block .dscr_box .icon {
    display: block;
    width: 84px;
    height: 84px;
    background: #f2f7f7;
    border-radius: 50%;
    position: relative;
    margin: -5px 0 0;
}

.page_block .dscr_box .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.page_block .dscr_box .dscr {
    width: calc(100% - 84px);
    padding: 11px 0 0 29px;
    font-size: 20px;
    line-height: 1.4;
    color: #000;
    font-weight: 400;
}

.page_block .dscr_box .dscr strong {
    color: #00616e;
    font-weight: 600;
}

.page_block .title_list {
    margin: 0 0 53px;
    display: block;
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
}

.list_types {
    margin: 0 -15px 0;
    display: flex;
    flex-wrap: wrap;
}

.list_types li {
    width: 50%;
    padding: 0 15px;
    margin: 0 0 40px;
}

.list_types .inner_list {
    display: flex;
    flex-wrap: wrap;
}

.list_types .img_box {
    position: relative;
    width: 47.5%;
    border-radius: 4px;
    overflow: hidden;
}

.list_types .img_box img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.list_types .img_box:before {
    display: block;
    content: '';
    padding: 62.7% 0 0;
}

.list_types .dscr_list {
    width: 52.5%;
    padding: 0 0 0 30px;
    margin: -5px 0 0;
}

.list_types .title {
    display: block;
    margin: 0 0 38px;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
}

.list_types .btn {
    font-size: 16px;
    line-height: 1;
    padding: 16px 10px;
    max-width: 180px;
}

.list_types .consult_box {
    overflow: hidden;
    border-radius: 4px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-22.jpg") no-repeat;
    background-size: cover;
    padding: 37px 50px 24px 60px;
}

.list_types .inner_consult {
    display: flex;
    flex-wrap: wrap;
}

.list_types .consult_box .title {
    margin: 0 0 14px;
    width: 100%;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25;
    text-transform: none;
}

.list_types .consult_box .head_box {
    width: 50%;
    padding: 0 15px 0 0;
    margin: 0 0 15px;
}

.list_types .consult_box .head_box p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
}

.list_types .consult_box .btn_holder {
    width: 50%;
    padding: 0 0 0 15px;
    margin: 0 0 15px;
}

.page_block .row {
    display: flex;
    flex-wrap: wrap;
}

.page_block .col-50 {
    float: none;
    width: 50%;
}

.page_block .list_info li {
    margin: 0 0 42px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.page_block .list_info .icon {
    width: 140px;
    text-align: center;
}

.page_block .list_info .dscr_list {
    width: calc(100% - 140px);
}

.view_box {
    text-align: center;
    margin: -21px 0 0;
}

.view_box.change_1 {
    margin-right: -116px;
}

.list_views {
    display: flex;
    flex-wrap: wrap;
    margin: -15px -15px 0;
}

.list_views li {
    width: 50%;
    padding: 0 15px;
    margin: 0 0 30px;
}

.list_views .item_1 .inner_list {
    background: #f2f7f7;
}

.list_views .item_2 .inner_list {
    background: #f7f4f1;
}

.list_views .inner_list {
    border-radius: 4px;
    overflow: hidden;
    padding: 32px 74px 44px;
    width: 100%;
    height: 100%;
    position: relative;
}

.list_views .text {
    position: absolute;
    top: -16px;
    left: 0;
    opacity: 0.1;
    font-size: 80px;
    font-weight: 600;
    line-height: 1;
}

.list_views .item_1 .text {
    color: #00616e;
}

.list_views .item_2 .text {
    color: #bb8f63;
}

.list_views .title {
    display: block;
    margin: 0 0 15px;
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}

.list_views p {
    margin: 0;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.list_icon {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 24px;
}

.list_icon li {
    width: 50%;
    padding: 0 15px;
    margin: 0 0 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.list_icon .icon {
    width: 140px;
    text-align: center;
}

.list_icon .title {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    width: calc(100% - 140px);
}

.page_block .text_box {
    padding: 0 0 0 25%;
    margin: 0 0 70px;
}

.page_block .text_box .title {
    display: block;
    margin: 0 0 24px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
}

.page_block .text_box p {
    margin: 0 0 24px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.view_box.change_2 {
    margin: -95px -113px 0 0;
}

.view_box.change_3 {
    margin: -14px -78px 0 0;
}

.view_box.change_4 {
    margin: -21px 0 0 -70px;
}

.list_doors {
    margin: -12px 0 0;
}

.list_doors li {
    margin: 0 0 25px;
    display: flex;
    flex-wrap: wrap;
}

.list_doors .img_box {
    width: 47.5%;
    position: relative;
}

.list_doors .img_box img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.list_doors .img_box:before {
    display: block;
    content: '';
    padding: 68.5% 0 0;
}

.list_doors .dscr_list {
    width: 52.5%;
    padding: 12px 0 0 30px;
}

.list_doors .title {
    display: block;
    margin: 0 0 0;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    font-size: 16px;
    line-height: 1.5;
}

.list_doors p {
    margin: 0;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
}

.list_finishing {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 16px;
    align-items: center;
    padding: 6px 0 0;
}

.list_finishing li {
    width: 50%;
    padding: 0 15px;
    margin: 0 0 30px;
    display: flex;
    flex-wrap: wrap;
}

.list_finishing .icon {
    display: block;
    width: 84px;
    height: 84px;
    background: #f2f7f7;
    position: relative;
    border-radius: 50%;
}

.list_finishing .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.list_finishing .dscr_list {
    width: calc(100% - 84px);
    padding: 0 0 0 30px;
}

.list_finishing .title {
    display: block;
    margin: 0 0 17px;
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
}

.list_finishing p {
    margin: 0;
    line-height: 1.4;
    font-size: 20px;
    color: #000;
    font-weight: 400;
}

.list_finishing p strong {
    color: #00616e;
    font-weight: 600;
}

.page_block .list_sizes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 29px;
}

.page_block .list_sizes li {
    width: 50%;
    padding: 0 15px;
    margin: 0 0 30px;
    display: flex;
    flex-wrap: wrap;
}

.page_block .list_sizes .icon {
    display: block;
    width: 84px;
}

.page_block .list_sizes .dscr {
    width: calc(100% - 84px);
    padding: 0 0 0 30px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.example_box {
    padding: 58px 50px 59px;
    overflow: hidden;
    border-radius: 4px;
    background: url("/local/templates/bania.3.0/img_new/rd_img-81.jpg") no-repeat;
    background-size: cover;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 0 0 59px;
}

.example_box p {
    width: 58.5%;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
}

.communications_box {
    display: flex;
    flex-wrap: wrap;
    /* margin: 0 0 88px; */
    margin: 0 0 10px;
    align-items: center;
}

.communications_box .icon {
    width: 84px;
    height: 84px;
    background: #f2f7f7;
    border-radius: 50%;
    position: relative;
}

.communications_box .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.communications_box .dscr_box {
    width: calc(100% - 84px);
    padding: 0 0 0 30px;
    display: flex;
    flex-wrap: wrap;
}

.communications_box .dscr_box .title {
    display: block;
    width: 190px;
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
}

.communications_box .dscr_box p {
    margin: 0 0 0;
    line-height: 1.4;
    font-size: 20px;
    font-weight: 400;
    width: calc(100% - 190px);
    padding: 0 0 0 30px;
}

.communications_box .dscr_box p strong {
    color: #00616e;
    font-weight: 600;
}

.faq-box {
    padding: 50px 64px 51px 114px;
    margin: 0 0 0;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-31.jpg") no-repeat;
    background-size: cover;
    overflow: hidden;
    border-radius: 4px;
}

.faq-box .col-60 {
    padding: 0 15px;
    width: 60%;
}

.faq-box .col-40 {
    padding: 0 15px;
    width: 40%;
}

.faq-box .title {
    display: block;
    margin: 0 0 22px;
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
}

.faq-box .subtitle {
    display: block;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
    max-width: 100%;
    margin: 0;
    font-family: 'TT Firs Neue', serif;
}

.faq-box .btn-wrap {
    padding: 4px 0 0;
}

.faq-box .btn {
    font-size: 24px;
    padding: 24px 10px;
}

.faq-box .btn-wrap span {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.video_block {
    padding: 38px 0 10px;
}

.video_block .title_block {
    width: 100%;
    padding: 0;
    margin: 0 0 52px;
}

.video_block .video {
    margin: 0;
}

.video_block .video a {
    height: auto;
}

.product_page .projects {
    padding: 25px 0 58px;
}

.reviews_block {
    padding: 16px 0 83px;
}

.reviews_block .title_block {
    margin: 0 0 52px;
}

.reviews_box {
    padding: 33px 32px 19px;
    background: #f2f7f7;
    border-radius: 4px;
}

.list_reviews {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7px;
}

.list_reviews > li {
    padding: 0 7px;
    width: 33.3%;
    margin: 0 0 14px;
}

.list_reviews > li a {
    text-decoration: none;
}

.list_reviews .inner_reviews {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: #fff;
    padding: 37px 30px 32px 44px;
}

.list_reviews .logo_img {
    display: flex;
    align-items: center;
    margin: 0 0 26px;
    height: 39px;
}

.list_reviews .title {
    display: block;
    margin: 0 0 15px;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
    text-decoration: none;
}

.list_reviews .num_review {
    display: block;
    margin: 0 0 22px;
    color: #bb8f63;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
}

.list_reviews .rating {
    display: flex;
    flex-wrap: wrap;
}

.list_reviews .num {
    display: block;
    color: #00616e;
    font-size: 60px;
    font-weight: 400;
    line-height: 0.67;
    text-decoration: none;
}

.list_reviews .rating_list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin: 0 12px 0 0;
}

.list_reviews .rating_list li {
    margin: 0 7px 0 0;
}

.list_reviews .rating_list span,
.list_reviews .rating_list a {
    width: 29px;
    height: 27px;
}

.top-anhor {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    width: 72px;
    height: auto;
    background: transparent;
    right: 1.5%;
    padding: 38px 0 0;
    transition: all .2s linear;
}

.top-anhor:after {
    position: absolute;
    content: '';
    top: 0;
    left: 12px;
    width: 45px;
    height: 45px;
    border-top: 4px solid #000;
    border-right: 4px solid #000;
    transform: rotate(-45deg);
    transition: all .2s linear;
}

.top-anhor:hover {
    color: #80c700;
}

.top-anhor:hover:after {
    border-color: #80c700;
}

/* lp style */

.visual_box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 51px;
    padding: 25px 0 0;
}

.visual_inner {
    width: calc(100% - 370px);
    padding: 0 58px 0 0;
}

.visual_box .img_box {
    overflow: hidden;
    border-radius: 4px;
    position: relative;
}

.visual_box .img_box img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.visual_box .img_box:before {
    display: block;
    content: '';
    padding: 52.5% 0 0;
}

.visual_box .dscr_box {
    width: 370px;
    margin: -7px 0 0;
}

.visual_box .dscr {
    margin: 0 0 52px;
    font-size: 20px;
    line-height: 1.5;
    color: #000;
    font-weight: 400;
}

.visual_box .dscr strong {
    color: #00616e;
    font-weight: 600;
}

.lp_page .advantage_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 51px;
}

.lp_page .advantage_list li {
    width: 20%;
    padding: 0 15px;
    margin: 0 0 30px;
    text-align: center;
}

.lp_page .advantage_list .icon {
    display: block;
    width: 84px;
    height: 84px;
    background: #f2f7f7;
    margin: 0 auto 31px;
    position: relative;
    border-radius: 50%;
}

.lp_page .advantage_list .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lp_page .advantage_list .title {
    display: block;
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25;
}

.consist_block {
    padding: 58px 0 30px;
}

.list_consist {
    margin: -4px 0 0;
    columns: 2;
}

.list_consist li {
    margin: 0 0 53px;
}

.list_consist .num {
    display: block;
    margin: 0 0 20px;
    color: #00616e;
    font-size: 60px;
    font-weight: 400;
    line-height: 1;
}

.list_consist .dscr {
    font-size: 18px;
    line-height: 1.45;
    color: #000;
    font-weight: 400;
}

.list_consist .dscr strong {
    color: #00616e;
    font-weight: 600;
}

.visual_consist {
    position: relative;
}

.visual_consist .img_box {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.visual_consist .img_box img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    object-fit: cover;
}

.visual_consist .img_box:before {
    display: block;
    content: '';
    padding: 86.5% 0 0;
}

.list_num li {
    position: absolute;
    width: 64px;
    height: 64px;
    background: #fff;
    border-radius: 50%;
    border: 11px solid #80c700;
    justify-content: center;
    display: flex;
    align-items: center;
    color: #00616e;
    font-size: 30px;
    font-weight: 400;
    line-height: 0.87;
}

.list_num .ln_1 {
    top: 46.5%;
    left: 33%;
}

.list_num .ln_2 {
    bottom: 5%;
    right: 10.5%;
}

.list_num .ln_3 {
    bottom: 9.5%;
    left: 41%;
}

.list_num .ln_4 {
    bottom: 30%;
    left: 10%;
}

.list_num .ln_5 {
    top: 6%;
    left: 43.5%;
}

.list_num .ln_6 {
    top: 30.5%;
    left: 15.5%;
}

.types_wood_block {
    padding: 57px 0 32px;
    position: relative;
    z-index: 0;
}

.types_wood_block:after {
    position: absolute;
    content: '';
    width: 100vw;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: url("/local/templates/bania.3.0/img_new/rd_bg-32.jpg") no-repeat;
    background-size: cover;
    z-index: -1;
}

.wood_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -35px 0 -15px;
}

.wood_list li {
    width: 33.3%;
    flex: 0 0 33.3%;
    padding: 0 15px;
    margin: 0 0 57px;
    display: flex;
    flex-wrap: wrap;
}

.wood_list .img_box {
    width: 40.5%;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    align-self: start;
}

.wood_list .img_box img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.wood_list .img_box:before {
    display: block;
    content: '';
    padding: 100% 0 0;
}

.wood_list .dscr_list {
    width: 59.5%;
    padding: 0 0 0 24px;
    margin: -3px 0 0;
}

.wood_list .title {
    display: block;
    margin: 0 0 21px;
    color: #000;
    font-size: 16px;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 600;
}

.wood_list .price {
    margin: 0 0 26px;
    display: block;
    font-weight: 700;
    color: #000;
    font-size: 16px;
    line-height: 1.2;
    text-transform: uppercase;
}

.wood_list .btn {
    max-width: 180px;
    font-weight: 600;
    font-size: 16px;
    padding: 16px 10px;
}

.types_block {
    padding: 87px 0 49px;
}

.types_block .list_types .img_box {
    margin: -20px 0 0;
}

.types_block .list_types .img_box:before {
    padding: 70.5% 0 0;
}

.version_block {
    padding: 55px 0 53px;
}

.version_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.version_list li {
    width: 25%;
    padding: 0 15px;
    margin: 0 0 30px;
    text-align: center;
}

.version_list .img_box {
    position: relative;
    margin: 0 auto 32px;
    overflow: hidden;
    border-radius: 50%;
    max-width: 150px;
}

.version_list .img_box img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.version_list .img_box:before {
    display: block;
    content: '';
    padding: 100% 0 0;
}

.version_list .subtitle {
    display: block;
    margin: 0 0 0;
    color: #111;
    line-height: 1.4;
    font-size: 16px;
    font-weight: 400;
}

.version_list .name {
    display: block;
    color: #111;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    padding: 0 5px;
}

.flue_block {
    padding: 87px 0 20px;
}

.deco_block .head_box,
.flue_block .head_box {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0 0 48px;
}

.deco_block .title_block,
.flue_block .title_block {
    width: 34.5%;
}

.deco_block .dscr_box,
.flue_block .dscr_box {
    width: 65.5%;
    padding: 0 0 0 30px;
    margin: -3px 0 0;
}

.flue_block .head_box .dscr {
    color: #000;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5;
}

.flue_block .head_box .dscr strong {
    color: #00616e;
    font-weight: 600;
}

.flue_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.flue_list li {
    width: 25%;
    padding: 0 15px;
    margin: 0 0 30px;
    text-align: center;
}

.flue_list .icon_img {
    display: block;
    margin: 0 0 22px;
    position: relative;
    min-height: 265px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 0;
}

.flue_list .icon_img:after {
    position: absolute;
    content: '';
    z-index: -1;
    width: 190px;
    height: 190px;
    background: #80c700;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.flue_list .title {
    margin: 0 0 14px;
    display: block;
    color: #111;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}

.flue_list .dscr {
    color: #111;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.deco_block {
    padding: 29px 0 30px;
}

.deco_block .head_box {
    margin: 0;
}

.deco_block .dscr_box {
    margin: 0 0 0;
    padding: 4px 0 0 30px;
}

.deco_block .notice {
    padding: 39px 72px 42px 81px;
    margin: 0 0 35px;
    border-radius: 4px;
}

.deco_block .notice.red {
    background: url("/local/templates/bania.3.0/img_new/rd_bg-17.jpg") no-repeat;
    background-size: cover;
}

.deco_block .notice strong {
    display: block;
    margin: 0 0 16px;
    color: #bb8f63;
    font-family: 'TT Firs Neue', serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    text-transform: uppercase;
}

.deco_block .notice p {
    margin: 0;
    color: #000;
    font-family: 'TT Firs Neue', serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
}

.deco_list .item_list {
    margin: 0 0 9px;
    border-radius: 4px;
    padding: 56px 68px 56px 71px;
}

.deco_list .item_list.blue {
    background: #f2f7f7;
}

.deco_list .item_list.green {
    background: #ecf7d9;
}

.deco_list .item_list.red {
    background: #f7f4f1;
}

.deco_list .item_list.grey {
    background: #f8fbfb;
}

.deco_list .inner_item {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.deco_list .img_wrap {
    width: 50%;
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap;
}

.deco_list .deco_dscr {
    width: 50%;
    padding: 0 15px;
}

.deco_list .item_list:nth-child(odd) .img_wrap {
    order: 2;
    justify-content: flex-end;
}

.deco_list .item_list:nth-child(odd) .deco_dscr {
    order: 1;
}

.deco_list .img_box {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    max-width: 435px;
    width: 100%;
    align-self: start;
}

.deco_list .img_box img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.deco_list .img_box:before {
    display: block;
    content: '';
    padding: 76% 0 0;
}

.deco_list .deco_dscr {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}

.deco_list .deco_dscr .title {
    display: block;
    margin: -4px 0 18px;
    color: #000;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.17;
}

.deco_list .list {
    margin: 0 0 25px;
}

.deco_list .list li {
    margin: 0 0 14px;
    padding: 0 0 0 41px;
    position: relative;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.45;
    background: none;
}

.deco_list .list li:after {
    position: absolute;
    content: '';
    top: 12px;
    left: 2px;
    width: 17px;
    height: 3px;
    background: #80c700;
}

.deco_list .btn {
    font-weight: 600;
    font-size: 16px;
    padding: 16px 10px;
    max-width: 180px;
}

.lp_works_block {
    padding: 47px 0 0;
}

.lp_works_block .title_block {
    margin: 0 0 52px;
}

.lp_works_block .our_works_list {
    display: block;
    margin: 0 -43px 86px;
}

.lp_works_block .our_works_list .item_works {
    width: auto;
    flex: 1 0 394px;
    padding: 0 6px;
}

.lp_works_block .gallery:before,
.lp_works_block .gallery:after {
    width: 31px;
}

.lp_works_block .our_works_list .btn {
    color: #fff;
}

.lp_works_block .our_works_list .gallery-button-prev,
.lp_works_block .our_works_list .gallery-button-next {
    top: 113px;
}

.lp_works_block .faq-box {
    margin: 0 0 91px;
}

.lp_works_block .faq-box .row {
    display: flex;
    flex-wrap: wrap;
}

.lp_works_block .advantage_list li {
    width: 25%;
}

/* end lp style */

.tags_list {
    margin: 0 0 17px;
    display: flex;
    flex-wrap: wrap;
    padding: 2px 0 0;
}

.tags_list li {
    margin-right: 10px;
	margin-bottom: 10px;
}

.tags_list li a {
    display: inline-block;
	color: #000;
	font-weight: 500;
	font-size: 14px;
	background-color: #f3f3f3;
	border-radius: 20px;
	padding: 10px 25px;
	text-decoration: none;
	transition: 0.5s; }

.tags_list li a:hover {
    background: #ddd;
}

.sizes_box {
    padding: 29px 15px 15px 21px;
    background: #f8fbfb;
    border-radius: 4px;
}

.sizes_box .title_size {
    display: block;
    margin: 0 0 27px;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
}

.filter .sizes_list {
    display: flex;
    flex-wrap: wrap;
    columns: 1;
    column-gap: 0;
}

.filter .sizes_list li {
    margin: 0 7px 7px 0;
}

.filter .sizes_list a {
    display: block;
    padding: 12px 8px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    background: #cddee0;
    border-radius: 4px;
    transition: all .2s linear;
}

.filter .sizes_list .active a,
.filter .sizes_list a:hover {
    color: #fff;
    background: #80c700;
}

.filter .sizes_list .active a {
    font-weight: 600;
    font-family: 'TT Firs Neue', serif;
}

.unique_text_block {
    padding: 88px 0 53px;
}

.unique_text_block .title_box {
    font-family: 'TT Firs Neue', serif;
    margin: 0 0 25px;
    color: #000;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.125;
}

.unique_text_block p {
    margin: 0 0 28px;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.56;
}

/* works page */
.works_page {
    padding: 24px 0 0;
    margin: 0 0 -40px;
}

.works_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 0;
}

.item_works {
    width: 33.3%;
    padding: 0 15px;
    margin: 0 0 27px;
}

.item_works .img {
    margin: 0 0 14px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.item_works .img img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.item_works .img:before {
    display: block;
    content: '';
    padding: 59.5% 0 0;
}

.desc_works .title {
    display: block;
    margin: 0 0 8px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
}

.desc_works .title a {
    color: #000;
    text-decoration: none;
    transition: all .2s linear;
}

.desc_works .title a:hover {
    color: #80c700;
}

.desc_works .place {
    display: block;
    color: #bb8f63;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
}

.works_another_view {
    margin: 0 -15px 0;
}

.works_another_view:after {
    content: '';
    display: block;
    clear: both;
}

.works_another_view .item_works {
    float: left;
    margin: 0 0 15px;
}

.works_another_view .item_works.big {
    width: 66.7%;
    float: right;
}

.works_another_view .inner_item {
    position: relative;
}

.works_another_view .img:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(to top, rgba(0, 97, 110, 0.81) 0%, transparent 60%, transparent 100%);
    z-index: 0;
}

.works_another_view .desc_works {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    padding: 0 27px 19px;
}

.works_another_view .desc_works .title {
    margin: 0 0 11px;
}

.works_another_view .desc_works .title a {
    color: #fff;
}

.works_another_view .big .img:before {
    padding: 60.7% 0 0;
}

.works_another_view .big .desc_works {
    padding: 0 38px 33px;
}

.works_another_view .big .title {
    font-size: 20px;
    line-height: 1.4;
    margin: 0 0 9px;
}

.works_another_view .big .place {
    font-size: 14px;
}

.works_page .paging {
    margin-top: 5px;
}

/* end works page */

/* card2 page */
.example_home_box {
    display: flex;
    flex-wrap: wrap;
    margin: -64px 0 85px;
    align-items: center;
}

.example_home_box .img_box {
    width: 50%;
}

.example_home_box .text_box {
    width: 50%;
    padding: 0 0 0 15px;
    position: relative;
}

.example_home_box .text_box:after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    right: 0;
    left: -210px;
    background: #f7f4f1;
    border-radius: 4px;
    z-index: -1;
}

.example_home_box .inner_box {
    font-size: 20px;
    line-height: 1.4;
    color: #000;
    padding: 45px 15px 45px 0;
}

.example_home_box .inner_box strong {
    color: #00616e;
    font-weight: 600;
}

.specifications_box {
    margin: 97px 0 0;
}

.specifications_box .head_box {
    margin: 0 0 88px;
}

.specifications_box .title_list {
    margin: 0 0 71px;
}

.specifications_box .list_info {
    margin: 0 0 57px;
}

.specifications_box .list_info li {
    margin: 0 0 47px;
}

.view_box.change_5 {
    margin: -26px 0 0 -70px;
}

.subtitle_list {
    margin: -25px 0 43px;
    color: #000;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
}

.subtitle_list strong {
    color: #00616e;
    font-weight: 600;
}

.view_box.change_6 {
    margin: 61px -38px 0 0;
}

.finishing_block .head_box {
    margin: 0 0 32px;
}

.finishing_box {
    padding: 59px 71px 60px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-33.jpg") no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    border-radius: 4px;
    margin: 0 0 49px;
}

.finishing_box .inner_box {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0 -15px;
}

.finishing_box .inner_box strong {
    display: block;
    width: 50%;
    padding: 0 15px 0;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
}

.finishing_box .inner_box span {
    display: block;
    width: 50%;
    padding: 3px 15px 0;
    color: #000;
    font-size: 16px;
    line-height: 1.5;
}

.dscr_doors {
    display: flex;
    flex-wrap: wrap;
    padding: 25px 0 0;
}

.dscr_doors .icon {
    width: 84px;
    height: 84px;
    background: #f2f7f7;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.dscr_doors .dscr {
    width: calc(100% - 84px);
    padding: 15px 0 0 29px;
}

.dscr_doors p {
    margin: 0 0 44px;
    font-size: 20px;
    line-height: 1.4;
}

.dscr_doors p strong {
    color: #00616e;
    font-weight: 600;
}

.dscr_doors span {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    max-width: 270px;
}

.view_box.change_7 {
    margin: -102px -80px -22px -5px;
}

.list_finishing.change_1 {
    align-items: flex-start;
}

.list_finishing.change_1 li:last-child {
    margin: 29px 0 30px;
}

.dscr_box.change_1 {
    margin: 0 0 0;
}

.dscr_box.change_1 .dscr {
    padding-top: 0;
}

.dscr_box .title_dscr {
    margin: 0 0 16px;
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
    text-transform: none;
    min-height: auto;
}

.branch_box {
    padding: 6px 0 0;
}

.item_branch {
    margin: 0 -15px 72px;
    display: flex;
    flex-wrap: wrap;
}

.img_branch,
.text_branch {
    width: 50%;
    padding: 0 15px;
}

.img_branch {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 0 38px 0 15px;
}

.list_check li {
    margin: 0 0 53px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.list_check .icon {
    display: block;
    width: 138px;
    text-align: center;
}

.list_check .dscr {
    color: #000;
    font-size: 16px;
    line-height: 1.5;
    width: calc(100% - 138px);
}

.list_check .dscr strong {
    color: #00616e;
    font-weight: 600;
}

.item_branch:nth-child(even) .img_branch {
    order: 1;
    justify-content: flex-start;
    padding: 0 15px;
}

.item_branch:nth-child(even) .text_branch {
    order: 2;
}

.item_branch .dscr_doors {
    padding: 0;
}

.item_branch .dscr_doors .dscr {
    padding-top: 0;
    margin: -4px 0 0;
}

.item_branch .dscr_doors .title {
    margin: 0 0 16px;
    display: block;
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
}

/* end card2 page */
.options_block .price .favorites.favorites-active {
    background: url("/local/templates/bania.3.0/img_new/icon_fav-3.svg") no-repeat;
    background-size: 100%;
}

/* pop-up callback */
.fancybox-bg {
    background: rgba(0, 97, 110, .96);
}
.fancybox-is-open .fancybox-bg { opacity: 1; }

.callback-box {
    width: 100%;
    max-width: 570px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    z-index: 0;
}

.callback-box:after {
    position: absolute;
    content: '';
    top: -156px;
    left: -156px;
    width: 230px;
    height: 258px;
    background: #000;
    transform: rotate(45deg);
    z-index: -1;
}

/*.callback-box:before {
    position: absolute;
    content: '';
    bottom: -140px;
    right: -125px;
    width: 230px;
    height: 258px;
    background: #80c700;
    transform: rotate(45deg);
    z-index: -1;
}*/
.callback-box:before {
    z-index: -1;
    position: absolute;
    content: '';
    bottom: 0px;
    right: 0px;
    border: 80px solid transparent; border-right: 80px solid #80c700; border-bottom: 80px solid #80c700;
}

.callback-box .fancybox-close-small {
    padding: 0;
    width: 37px;
    height: 37px;
    top: 22px;
    right: 22px;
}

.callback-box .fancybox-close-small:after,
.callback-box .fancybox-close-small:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -2px;
    height: 50px;
    width: 4px;
    border-radius: 1px;
}

.callback-box .fancybox-close-small:after {
    background: #000;
    transform: rotate(45deg);
}

.fancybox-close-small:before {
    background: #80c700;
    transform: rotate(-45deg);
}

.callback-box .fancybox-button svg {
    display: none;
}

.callback-box .recall {
    padding: 14px 64px 30px;
    background: transparent;
}

.callback-box .recall legend {
    text-align: center;
    color: #000;
    font-size: 40px;
    font-weight: 400;
    line-height: 1.15;
    margin: 0 0 31px;
}

.callback-box .recall div.resut-form-row {
    text-align: center;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    margin: 40px 0 40px;
}

.callback-box .recall p {
    padding: 0;
    background: none;
    text-align: center;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
}

.callback-box .recall .col + .col,
.callback-box .recall .col {
    float: none;
    width: 100%;
}

.callback-box .recall .col + .col {
    padding: 12px 0 0;
}

.callback-box .recall label {
    display: none;
}

.callback-box .recall input[type=text] {
    height: 75px;
    background: #f2f7f7;
    border: 1px solid #f2f7f7;
    border-radius: 5px;
    margin: 0 0 0;
    color: #000;
    /* font-size: 16px; */
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    font-family: 'TT Firs Neue', serif;
}

.callback-box .recall input[type=submit] {
    width: 100%;
    height: 75px;
    background: #80c700;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    text-transform: none;
    display: block;
    margin: 0 0 21px;
}

.callback-box .recall span {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.58;
    text-align: center;
    color: #000;
}

.callback-box .recall span a {
    color: #00616e;
    text-decoration: underline;
}

.callback-box .recall span a:hover {
    text-decoration: none;
}

/* end pop-up callback */

/*begin header*/
#header .mob-social-icons {
    display: none;
}

/*end header*/
@media screen and (max-width: 1300px) {
    .gallery-button-prev,
    .gallery-button-next {
        right: 0;
    }

    .gallery-button-prev {
        left: 0;
    }

    .gallery {
        margin: 0 -15px;
        padding: 0;
    }

    .gallery:before,
    .gallery:after {
        display: none;
    }

    /* lp style */
    .lp_works_block .our_works_list {
        margin: 0 -15px 86px;
    }

    /* end lp style */
    /* card2 page */
    .view_box.change_7 {
        margin: -102px -10px -22px -5px;
    }

    /* end card2 page */
}

@media screen and (max-width: 1200px) {
    .nav li {
        margin: 0 30px 0 0;
    }

    .list_history .dscr {
        padding: 0;
    }

    /* lp style */
    .wood_list {
        margin: 0 -15px;
    }

    /* end lp style */
    .product .options_block .price strong {
        font-size: 36px;
    }
}

@media screen and (max-width: 1170px) {
    #wrapper {
        padding: 100px 0 0;
    }

    #header {
        height: 100px;
    }

    .logo {
        top: 15px;
    }

    .slogan {
        top: 80px;
        left: 80px;
    }

    #header .contacts {
        top: 15px;
    }

    #navigation .search {
        top: 110px;
        right: 24px;
        left: 20px;
        position: absolute;
        margin: 0 0 30px;
        width: auto;
    }

    #navigation .search .search-form {
        height: 46px;
    }

    #navigation .search .search-form input {
        width: calc(100% - 35px);
        height: 40px;
        padding: 10px 20px;
    }

    #navigation .search a {
        display: none;
    }

    #navigation .search .search-form button {
        right: 0;
        height: 40px;
        width: 35px;
        background-position: 50% 50%;
        background-size: 20px 20px;
    }

    #header .soc_box,
    .favorite {
        display: none;
    }

    .social-block span {
        font-size: 14px;
    }

    .favorite.show_m {
        display: block;
        top: 50px;
        right: 15px;
    }

    .sab-nav li a {
        font-size: 16px;
        font-family: 'TT Firs Neue', serif;
    }

    .nav li.arrow a:after, .sab-nav > li > a:before {
        top: 11px;
    }

    .nav {
        margin: 0 0 30px;
        padding-bottom: 20px;
    }

    .nav li a {
        text-transform: none;
        font-weight: 400;
        line-height: 1.875;
        font-size: 16px;
    }

    .our_projects .inner_list {
        padding: 47px 25px 51px;
    }

    .about_block,
    .video_tabs,
    .our_works_block,
    .slider_block,
    .popular_block,
    .certificate_block,
    .info_block,
    .works_block {
        width: 100%;
    }

    .gallery,
    .works_block .gallery {
        margin: 0;
        width: 100%;
    }

    .gallery-holder {
        overflow: visible;
    }

    .gallery-item {
        flex: 1 0 350px;
        margin: 0 30px 0 0;
        padding: 0;
    }

    #footer .contacts li {
        margin: 0 0 10px;
    }

    #footer .contacts li:nth-child(2) {
        margin: 0 23px 10px auto;
    }

    #footer .footer:after {
        left: -20px;
        right: -20px;
        width: auto;
        transform: none;
    }

    .articles-box .gallery-item {
        padding: 0 15px;
        margin: 0;
    }

    .useful_box .share li {
        margin: 0 15px 10px 0;
    }

    .video_section .gallery:before,
    .video_section .gallery:after {
        display: none;
    }

    .filter ul {
        columns: 1;
    }

    .projects .items .item,
    .projects-block .projects .items .item:nth-child(3n+3) {
        margin: 0 0 28px;
    }

    .works_block .gallery {
        margin: 0 0 40px;
    }

    .projects .items .item .favorite {
        display: block;
    }

    .sidebar_block {
        width: 300px;
    }

    .rubric_box {
        padding: 32px 20px 27px;
    }

    .sidebar_block .block {
        padding: 13px 3px 11px;
    }

    .discussion_box {
        padding: 31px 20px 5px;
    }

    .article-info,
    .articles_block {
        width: calc(100% - 300px);
    }

    .holder_box button {
        width: 300px;
    }

    .title_team {
        font-size: 34px;
    }

    .about_page .about_text .text {
        padding: 0 0 0 20px;
    }

    .product_page .information {
        padding: 0 30px 0 0;
        width: calc(100% - 300px);
    }

    .list_reviews .inner_reviews {
        padding: 37px 20px 32px;
    }

    .product_page .sidebar_block .block {
        padding: 28px 15px 14px;
    }

    .credit_block {
        padding: 31px 25px 30px;
    }

    .plans-box {
        padding: 36px 20px 50px;
    }

    /* lp style */
    .lp_works_block .our_works_list {
        margin: 0 0 86px;
    }

    /* end lp style */
}

@media screen and (max-width: 1100px) {
    .list_history .dscr {
        font-size: 18px;
    }

    /* .product_page .slideshow-button-prev{
        right: 40px;
    } */
    .list_reviews .num {
        font-size: 50px;
    }

    .list_reviews .rating_list {
        margin: 0;
    }

    /* lp style */
    .visual_inner {
        padding: 0 30px 0 0;
    }

    /* end lp style */
}

@media screen and (max-width: 1024px) {
    .projects-block .projects .items .item:nth-child(4n+4),
    .projects .items .item {
        width: 50%;
    }

    .projects .items .price {
        display: block;
        width: 100%;
        text-align: center;
    }

    .mob-filter .bx-filter {
        min-width: auto;
    }

    .title_team {
        width: 100%;
        max-width: 100%;
    }

    .team_dscr,
    .team_box .staff_block {
        width: 100%;
    }

    .team_box .staff_block {
        margin: 0;
    }

    .team_dscr {
        margin: 0 0 30px;
    }

    .title_team {
        margin: 0 0 28px;
    }

    .text_team {
        padding: 0;
    }

    .img_text {
        left: 20px;
        right: 20px;
        font-size: 24px;
    }

    .map_block .map {
        width: 70%;
    }

    .address_box {
        width: 30%;
    }

    .requisites_box {
        width: 60%;
    }

    .requisites_faq {
        width: 40%;
    }

    .faq_box:after {
        left: -100px;
    }

    .faq_form {
        padding: 34px 25px 35px;
    }

    .call_form {
        padding: 42px 44px 44px 52px;
    }

    .list_history .num {
        font-size: 50px;
    }

    .list_history .dscr {
        min-height: 122px;
    }

    .list_history .dscr {
        font-size: 16px;
    }

    .order_plans .head_plans {
        font-size: 36px;
    }

    .note_block .answer_box {
        padding: 50px 40px 33px;
    }

    .list_icon li {
        width: 100%;
    }

    .faq-box {
        padding: 50px 40px 51px;
    }

    .list_reviews > li {
        width: 50%;
    }

    /* lp style */
    .lp_page .advantage_list .title {
        font-size: 20px;
    }

    /* end lp style */
}

@media screen and (max-width: 960px) {
    #header .contacts {
        top: 25px;
    }

    .our_projects .item_list {
        width: 50%;
        margin: 0 0 30px;
    }

    .our_projects .inner_list {
        width: 100%;
        padding: 22px 25px 21px;
    }

    .info-title {
        margin-bottom: 32px;
        font-size: 26px;
    }

    .info-list li {
        width: 50%;
    }

    .about_block .col-50 {
        width: 100%;
        margin: 0 0 50px;
    }

    .our_works_list .item_works,
    .popular_list .popular_item {
        width: 50%;
    }

    .info_block .info_box {
        display: block;
    }

    .text_info {
        padding: 0;
        width: 100%;
        margin: 0;
    }

    .info_block .visual {
        margin: 0 auto 30px;
        width: 100%;
        max-width: 331px;
    }

    #footer .row {
        padding: 0 0 12px;
    }

    #footer .row .col-25,
    #footer .row .col-75 {
        width: 100%;
    }

    #footer .nav_row .col-25 {
        order: 2;
        width: 100%;
    }

    #footer .nav_row .col-75 {
        order: 1;
        width: 100%;
    }

    #footer .soc_box {
        margin: 0 0 10px;
    }

    .dev_list {
        display: flex;
        flex-wrap: wrap;
    }

    .dev_list li {
        margin: 0 10px 5px 0;
    }

    #footer .slogan {
        margin: 9px 0 30px;
    }

    .articles .item.col-25 {
        width: 25% !important;
    }

    .articles .item.col-50 {
        width: 50% !important;
    }

    .wrap-catalog {
        padding: 43px 0 0;
        width: auto;
        margin: 0;
    }

    .wrap-catalog .filter,
    .projects-block {
        width: 100%;
    }

    .projects-block {
        padding: 0;
    }

    .wrap-catalog .filter {
        margin: 0 0 30px;
    }

    .mob-nav-filter {
        background: #fff;
        border: 1px solid #dbdedf;
        border-radius: 4px;
        height: 43px;
        line-height: 41px;
        display: block;
    }

    .mob-filter {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        padding: 124px 83px 34px;
        overflow-y: auto;
        background: #fff;
        height: 100%;
        z-index: 100;
        transform: translate3d(-150%, 0, 0);
        transition: transform .3s ease;
    }

    .filter-form {
        position: relative;
    }

    .catalog-sections-box {
        display: none;
    }

    .mob-nav-filter i {
        width: 26px;
        height: 26px;
        background: url(/local/templates/bania.3.0/images/icon-filter.svg) no-repeat;
        -webkit-background-size: 100%;
        background-size: 100%;
        display: inline-block;
        vertical-align: middle;
        line-height: 41px;
        font-size: 26px;
        margin-right: 15px;
    }

    .active-filter .mob-filter {
        transform: translate3d(0, 0, 0);
    }

    .filter-form .hide-d {
        display: block;
    }

    .close-filter {
        position: absolute;
        top: 10px;
        right: 0;
        width: 11px;
        height: 11px;
        background: url(/local/templates/bania.3.0/images/icon-close.png) no-repeat;
        -webkit-background-size: 100%;
        background-size: 100%;
    }

    .filter-form .hide-d {
        display: block;
    }

    .filter-form .sort-box {
        display: block;
        margin: 0 0 30px;
        position: relative;
    }

    .sort-box .angle {
        position: absolute;
        top: 3px;
        right: 3px;
        width: 41px;
        bottom: 3px;
        background: #fff;
        border-radius: 0 4px 4px 0;
    }

    .sort-box .angle:after {
        position: absolute;
        content: '';
        top: 50%;
        left: 50%;
        width: 8px;
        height: 8px;
        border-bottom: 2px solid #80c700;
        border-right: 2px solid #80c700;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        margin: -5px 0 0 -4px;
        pointer-events: none;
    }

    .sort-box select {
        color: #13141c;
        border: 3px solid #cddee0;
        border-radius: 4px;
        color: #000;
        font-size: 16px;
        font-weight: 400;
        line-height: 1;
        padding: 0 20px;
        background: #fff;
        height: 50px;
        display: block;
        width: 100%;
    }

    .title_filter {
        display: none;
    }

    .title-filter {
        display: block;
        margin: 0 0 30px;
        text-align: center;
        color: #000;
        font-family: 'TT Firs Neue', serif;
        font-size: 20px;
        font-weight: 500;
        line-height: 1;
    }

    .sort + .projects {
        padding-right: 0;
        padding-top: 10px;
    }

    .projects-block .projects .items .item:nth-child(4n+4),
    .projects .items .item {
        width: 33.3%;
    }

    .seo_block .img {
        text-align: center;
    }

    .sidebar_block {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin: 0 0 50px;
    }

    .rubric_box {
        width: calc(50% - 10px);
        margin: 0 10px 12px 0;
    }

    .sidebar_block .block {
        width: calc(50% - 10px);
        margin: 0 0 12px 10px;
        display: flex;
        align-items: center;
    }

    .discussion_box {
        width: 100%;
    }

    .article-info {
        width: 100%;
        padding: 0;
    }

    .article .author {
        margin: 0;
    }

    .sidebar_block .consult-form legend {
        padding: 0 17px;
    }

    .articles_block {
        width: 100%;
        padding: 0;
        margin: 0 0 50px;
    }

    .articles .item:first-child,
    .articles .item {
        width: 50% !important;
    }

    .map_block .map {
        width: 60%;
    }

    .address_box {
        width: 40%;
    }

    .contacts_block .contacts_list {
        width: 350px;
    }

    .contacts_dscr {
        padding: 0 0 0 20px;
    }

    .contacts_block .img_box {
        width: calc(100% - 350px);
    }

    .about_page .staff_text,
    .about_page .staff_box {
        width: 100%;
    }

    .list_advantage li {
        width: 50%;
    }

    .list_advantage .title {
        font-size: 20px;
    }

    .gallery_box {
        grid-template-columns: repeat(auto-fill, minmax(217px, 1fr));
    }

    .product_page h1 {
        max-width: 100%;
        font-size: 50px;
    }

    .product_page .information {
        padding: 0;
        width: 100%;
    }

    .product_page .sidebar_block {
        justify-content: space-between;
        margin: 0;
    }

    .options_block {
        margin: 0;
        width: calc(50% - 10px);
    }

    .product_page .block {
        width: 100%;
    }

    .inner_sidebar {
        width: calc(50% - 10px);
    }

    .note_block .title_block,
    .note_row {
        width: 100%;
    }

    .list_types .consult_box {
        padding: 37px 20px 24px;
    }

    .list_views .inner_list {
        padding: 32px 34px 44px;
    }

    /* lp style */
    .visual_inner {
        width: 100%;
        margin: 0 0 30px;
        padding: 0;
    }

    .visual_box .dscr_box {
        width: 100%;
        margin: 0;
    }

    .lp_page .advantage_list {
        justify-content: center;
    }

    .lp_page .advantage_list li {
        width: 33.3%;
    }

    .consist_block .row {
        display: flex;
        flex-wrap: wrap;
    }

    .consist_block .first {
        order: 2;
    }

    .consist_block .last {
        order: 1;
        margin: 0 0 50px;
    }

    .wood_list li {
        width: 50%;
        flex: 0 0 50%;
    }

    .deco_list .item_list {
        padding: 40px 30px;
    }

    /* end lp style */
    .sizes_box {
        display: none;
    }
}

@media screen and (max-width: 890px) {
    .menu-holder {
        width: 100%;
        padding: 0;
    }

    .all_show:after {
        bottom: 4px;
    }

    .articles .item.col-25,
    .articles .item.col-50 {
        width: 100% !important;
    }

    .articles .item .visual .img:before,
    .articles-box .visual .img:before {
        padding: 45% 0 0;
    }

    .articles .item.col-50 .visual,
    .articles .item.col-50 .visual .img {
        width: auto;
        height: auto;
    }

    .articles .item.col-50 .visual .img:before {
        padding: 50% 0 0;
    }

    .articles .item.col-25 .date_box .share {
        justify-content: flex-start;
    }

    .articles .item .date_box .share li {
        margin: 0 15px 10px 0;
    }

    .articles .item.col-25 .date_box .date,
    .articles .item.col-25 .date_box .share,
    .articles-box .date_box .share {
        width: auto;
    }

    .articles-box .gallery-item {
        width: 100%;
    }

    .articles-box .date_box .share li {
        margin: 0 15px 10px 0;
    }

    .articles-box h4 {
        min-height: auto;
    }

    .useful_box {
        display: block;
        margin: 0 0 30px;
    }

    .useful_box .title_box {
        width: 100%;
    }

    .projects-block .projects .items .item:nth-child(4n+4),
    .projects .items .item {
        width: 50%;
    }

    .contacts_block .contacts_list {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .contacts_block .contacts_list li {
        width: 48%;
    }

    .contacts_block .img_box {
        width: 100%;
        padding: 0;
    }

    .requisites_box,
    .requisites_faq {
        width: 100%;
    }

    .requisites_box {
        margin: 0 0 30px;
    }

    .requisites_faq {
        justify-content: center;
    }

    .faq_box {
        max-width: 500px;
    }

    .faq_box:after {
        left: -150px;
    }

    .list_history {
        margin: 0;
        padding: 0 0 0 20px;
    }

    .list_history:after {
        left: 0;
        right: auto;
        width: 3px;
        top: 0;
        margin: 0;
        bottom: -30px;
        height: auto;
        background: -moz-linear-gradient(top, rgba(128, 199, 0, 1) 0%, rgba(128, 199, 0, 1) 75%, rgba(128, 199, 0, 0) 100%);
        background: -webkit-linear-gradient(top, rgba(128, 199, 0, 1) 0%, rgba(128, 199, 0, 1) 75%, rgba(128, 199, 0, 0) 100%);
        background: linear-gradient(to bottom, rgba(128, 199, 0, 1) 0%, rgba(128, 199, 0, 1) 75%, rgba(128, 199, 0, 0) 100%);
    }

    .list_history li {
        width: 100%;
        padding: 0;
    }

    .list_history li:nth-child(2n) {
        margin-top: 0;
    }

    .list_history li:after {
        left: -29px;
        bottom: auto;
        top: 15px;
    }

    .list_history li:nth-child(2n):after {
        top: 15px;
    }

    .list_history .dscr {
        min-height: auto;
    }

    .note_box {
        padding: 42px 32px 39px;
    }

    .page_block .title_block {
        padding: 0 0 20px;
        width: 100%;
    }

    .page_block .dscr_box,
    .list_types .consult_box .head_box,
    .list_types .consult_box .btn_holder {
        width: 100%;
        padding: 0;
    }

    .list_types .consult_box {
        padding: 20px 20px 10px;
    }

    .page_block .col-50,
    .list_views li {
        width: 100%;
    }

    .view_box,
    .view_box.change_3,
    .view_box.change_4 {
        margin: 0;
    }

    .view_box.change_1 {
        margin-right: 0;
    }

    .list_icon li {
        width: 50%;
    }

    .page_block .text_box {
        padding: 0;
    }

    .view_box.change_2 {
        margin: -30px 0 0;
    }

    .list_doors {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -15px;
    }

    .list_doors li {
        padding: 0 15px;
        width: 50%;
    }

    /* lp style */
    .deco_block .title_block,
    .flue_block .title_block {
        width: 100%;
    }

    .deco_block .dscr_box,
    .flue_block .dscr_box {
        width: 100%;
        padding: 0;
    }

    .flue_list li {
        width: 50%;
    }

    /* end lp style */
    /* works page */
    .works_another_view .item_works {
        width: 40%;
    }

    .works_another_view .item_works.big {
        width: 60%;
    }

    .works_another_view .big .img:before {
        padding: 82.7% 0 0;
    }

    /* end works page */
    /* card2 page */
    .example_home_box .inner_box {
        padding: 15px 15px 15px 0;
    }

    .example_home_box .text_box:after {
        left: -130px;
    }

    .view_box.change_5,
    .view_box.change_6,
    .view_box.change_7 {
        margin: 0;
    }

    .finishing_box {
        padding: 40px 20px;
    }

    .dscr_doors {
        padding: 0;
        margin: 0 0 50px;
    }

    .img_branch, .text_branch {
        width: 100%;
    }

    .img_branch {
        padding: 0 15px;
        justify-content: center;
    }

    .item_branch:nth-child(even) .text_branch {
        order: 1;
    }

    .item_branch:nth-child(even) .img_branch {
        order: 2;
        justify-content: center;
    }

    /* end card2 page */
}

@media screen and (max-width: 768px) {
    h1, .h1,
    .article h1 {
        font-size: 50px;
    }

    #wrapper {
        padding: 55px 0 0;
    }

    .container {
        padding: 0 25px;
    }

    #header {
        height: 55px;
    }

    .active-top #header .contacts,
    #header .contacts {
        /*top: 3px;
        right: 55px;*/
        top: 15px;
    }

    #header .contacts li:last-child {
        display: none;
    }

    #header .mob-social-icons {
        display: flex !important;
        gap: 14px;
        position: absolute;
        top: 20px;
        left: 230px;
        width: 54px;
        height: 16px;
    }

    #header .mob-social-icons .icon__item a {
        width: 20px;
        height: 20px;
        background-size: 100%;
        display: block;
    }

    #header .mob-social-icons .icon__item a img {
        width: 20px;
        height: 20px;
    }

    /*#header .mob-social-icons .icon__item--wtsp a{
        background: url("/local/templates/bania.3.0/img_new/wtsp-m.svg") no-repeat;
    }
    #header .mob-social-icons .icon__item--tlgr a{
        background: url("/local/templates/bania.3.0/img_new/tlgr-m.svg") no-repeat;
    }
    .active-top #header .contacts li .btn{
        background: none;
        width: 40px;
        padding: 17px 10px;
    }*/
    #header ul.contacts {
        top: 15px;
        right: initial;
        left: 70px;
    }

    ul.contacts li .btn {
        font-size: 10px;
        line-height: 12px;
        width: 100px;
        padding: 9px 10px;
        text-indent: initial;
    }

    ul.contacts li .btn:after {
        content: none !important;
    }

    .favorite.show_m {
        top: 30px;
        right: 25px;
    }

    .active-top #header .favorite.show_m {
        display: block;
    }

    .mb-burger {
        left: 15px;
    }

    .active-top #header .logo,
    #header .logo {
        background: url("/local/templates/bania.3.0/img_new/logo.svg") no-repeat !important;
        top: 5px;
        width: 178px;
        height: 42px;
        margin: 0;
        /*transform: translateX(-50%);*/
        z-index: 0;

        transform: unset !important;
        right: 15px;
        left: initial;
    }

    #navigation .search {
        top: 74px;
    }

    #navigation {
        padding: 139px 24px 20px 21px;
        z-index: 2;
    }

    #promo {
        background: none;
    }

    #promo picture {
        display: block;
    }

    #promo h1 {
        font-size: 60px;
    }

    #promo .text p {
        font-size: 20px;
    }

    .info-list li {
        display: block;
    }

    .info-list li .num {
        padding: 0;
        width: 100%;
        font-size: 40px;
    }

    .info-list li p {
        padding: 0;
        font-size: 16px;
    }

    .video_dscr {
        padding: 0;
    }

    .about_text .text {
        padding: 0 0 0 15px;
    }

    .tab-control li {
        margin: 0 30px 0 0;
    }

    .head_box {
        display: block;
    }

    .video_tabs {
        padding: 34px 0 30px;
    }

    .our_works_block {
        padding: 45px 0 50px;
    }

    .our_works_list .dscr_item {
        padding: 0 11px 10px 15px;
    }

    #footer .contacts li .btn {
        display: none;
    }

    #footer .contacts {
        text-align: left;
    }

    #footer .contacts li strong a {
        font-size: 22px;
    }

    #footer .logo {
        background: url("/local/templates/bania.3.0/img_new/logo.svg") no-repeat !important;
        width: 178px;
        height: 42px;
    }

    #footer .menu_block {
        padding: 0;
    }

    #footer .menu_block .menu {
        width: 50%;
    }

    #footer .menu > li > a {
        min-height: auto;
    }

    #footer .menu > li > a br {
        display: none;
    }

    #footer .menu ul {
        columns: 1;
        margin: 0 0 20px;
    }

    #footer .footer:after {
        left: -25px;
        right: -25px;
    }

    .menu-holder .menu {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .holder_box {
        padding: 0 150px 0 0;
    }

    .holder_box input {
        height: 50px;
    }

    .holder_box button {
        width: 150px;
        font-size: 18px;
    }

    .articles .item:first-child .date_box .share li a:after {
        display: block;
    }

    .main-content-box {
        padding-top: 50px;
    }

    .active-filter .mob-filter {
        padding-left: 25px;
        padding-right: 25px;
    }

    .bg_color:after {
        width: 100vw;
    }

    .slider_block.bg_color {
        padding-bottom: 40px;
    }

    .seo_block {
        padding: 50px 0;
    }

    .content_article-box {
        padding: 36px 25px 37px;
    }

    .article h2 {
        font-size: 36px;
    }

    .article h3 {
        font-size: 28px;
    }

    .article .notice {
        padding: 30px;
    }

    .articles .item:first-child,
    .articles .item {
        width: 100% !important;
    }

    .articles .date_box .share {
        width: auto;
    }

    .staff_block .list_staff {
        justify-content: center;
    }

    .staff_block .list_staff li {
        width: 50%;
    }

    .map_block .map,
    .address_box {
        width: 100%;
    }

    .map_block .map {
        margin: 0 0 30px;
    }

    .address_box .metro {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .address_box .metro li:nth-child(2n+2),
    .address_box .metro li {
        width: 48%;
    }

    .contacts_block .contacts_list li strong a,
    .contacts_block .contacts_list li strong {
        font-size: 20px;
    }

    .contacts_block .contacts_list li .icon {
        width: 64px;
        height: 64px;
    }

    .contacts_dscr {
        width: calc(100% - 64px);
    }

    .contacts_block .contacts_list li {
        width: 50%;
    }

    .about_page .video_dscr {
        padding: 0;
    }

    .about_page .inst_dscr {
        padding: 0;
        width: 100%;
        margin: 0 0 30px;
    }

    .about_page .inst_box .img {
        width: 100%;
        max-width: 100%;
    }

    .gallery_box {
        grid-gap: 15px;
        grid-auto-rows: 200px;
        grid-template-columns: repeat(auto-fill, minmax(169px, 1fr));
    }

    .item_gallery {
        min-height: 200px;
    }

    .item_height {
        min-height: 415px;
    }

    .list_types li,
    .list_doors li,
    .list_finishing li,
    .page_block .list_sizes li,
    .note_block .answer_box .head_box,
    .note_block .answer_box .btn_holder,
    .faq-box .col-60,
    .faq-box .col-40 {
        width: 100%;
    }

    .example_box {
        background-position: 40% 0;
    }

    .pagination_wrap {
        padding: 0 40px;
    }

    /* .product .slideshow .pagination{
        padding: 0;
    } */
    .product_page .slideshow-button-prev {
        right: auto;
        left: 0;
    }

    .faq-box .subtitle {
        margin: 0 0 30px;
    }

    .faq-box .btn-wrap {
        text-align: left;
    }

    .faq-box .btn {
        margin: 0 0 14px;
    }

    .reviews_box {
        padding: 33px 10px 19px;
    }

    .list_reviews .rating_list span,
    .list_reviews .rating_list a {
        width: 25px;
        height: 24px;
    }

    .list_reviews .num {
        font-size: 40px;
    }

    /* lp style */
    .version_list li {
        width: 50%;
    }

    .deco_list .img_wrap {
        width: 100%;
        margin: 0 0 30px;
    }

    .deco_list .img_box {
        max-width: 100%;
    }

    .deco_list .deco_dscr {
        width: 100%;
    }

    .deco_list .item_list:nth-child(odd) .img_wrap {
        order: 1;
    }

    .deco_list .item_list:nth-child(odd) .deco_dscr {
        order: 2;
    }

    /* end lp style */
    .unique_text_block .title_box {
        font-size: 28px;
    }

    .unique_text_block p {
        font-size: 16px;
    }

    /* works page */
    .item_works,
    .works_another_view .item_works,
    .works_another_view .item_works.big {
        width: 100%;
        margin: 0 0 30px;
    }

    .works_another_view .item_works,
    .works_another_view .item_works.big {
        float: none;
    }

    .item_works .img:before,
    .works_another_view .big .img:before {
        padding: 47.5% 0 0;
    }

    .works_another_view .img:after {
        display: none;
    }

    .works_another_view .desc_works,
    .works_another_view .big .desc_works {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        padding: 0;
    }

    .works_another_view .big .title {
        margin: 0 0 8px;
        font-size: 16px;
        line-height: 1.5;
    }

    .works_another_view .desc_works .title a {
        color: #000;
    }

    .works_another_view .big .place {
        font-size: 12px;
    }

    /* end works page */
    /* card2 page */
    .example_home_box {
        margin: -64px 0 55px;
    }

    .example_home_box .img_box {
        width: 100%;
        margin: 0 0 50px;
        text-align: center;
    }

    .example_home_box .text_box {
        width: 100%;
    }

    .example_home_box .inner_box {
        padding: 20px 15px;
    }

    .example_home_box .text_box {
        padding: 0;
        background: #f7f4f1;
        border-radius: 4px;
    }

    .example_home_box .text_box:after {
        display: none;
    }

    .specifications_box {
        margin: 60px 0 0;
    }

    .specifications_box .head_box {
        margin: 0 0 48px;
    }

    .specifications_box .title_list {
        margin: 0 0 40px;
    }

    .finishing_box {
        margin: 0 0 20px;
    }

    .finishing_box .inner_box strong {
        width: 100%;
        margin: 0 0 20px;
    }

    .finishing_box .inner_box span {
        width: 100%;
    }

    .item_branch {
        margin: 0 -15px 50px;
    }

    .list_check .icon {
        width: 84px;
    }

    .list_check .dscr {
        width: calc(100% - 84px);
        padding: 0 0 0 29px;
    }

    /* end card2 page */
}

@media screen and (max-width: 700px) {
    .requisites_box .details li {
        width: 50% !important;
        padding: 0 10px 17px 0 !important;
        border-bottom: 3px solid #e5eff0 !important;
        flex: none;
    }

    .product .options_block .price strong {
        font-size: 30px;
    }
}

@media screen and (max-width: 600px) {
    h2,
    .title_block {
        font-size: 30px;
    }

    .our_works_list .title_dscr {
        font-size: 14px;
    }

    .list_sizes li strong, .our_works_list .list_sizes li strong {
        font-size: 16px;
    }

    .dscr_popular {
        padding: 16px 10px 10px 10px;
    }

    #footer .contacts {
        padding: 0;
        justify-content: center;
    }

    #footer .contacts li {
        width: 100%;
        margin: 0;
    }

    #footer .contacts li strong {
        min-height: auto;
    }

    #footer .contacts li strong br {
        display: none;
    }

    #footer .menu_block .menu {
        width: 100%;
    }

    #footer .copyright {
        font-size: 12px;
        margin: 0 0 10px;
    }

    #footer .by {
        font-size: 12px;
        margin: 0;
    }

    #footer .by a {
        font-size: 14px;
    }

    .useful_box {
        padding: 0;
    }

    .useful_box:after {
        width: 50px;
        height: 50px;
        top: 0;
    }

    .useful_box h2 {
        font-size: 30px;
        padding: 0 0 0 65px;
    }

    .useful_box .btn_holder {
        padding: 0;
        width: 100%;
    }

    .useful_box .btn {
        max-width: 100%;
    }

    .paging .slideshow-button-next,
    .paging .slideshow-button-prev {
        width: 25px;
        height: 50px;
        margin: -25px 0 0;
    }

    .paging .slideshow-button-prev:after,
    .paging .slideshow-button-next:after {
        width: 25px;
        height: 25px;
        margin: -14px 0 0 -6px;
    }

    .paging .slideshow-button-next:after {
        margin: -14px 0 0 -24px;
    }

    .video_section {
        padding: 67px 0 50px;
    }

    .projects {
        padding: 0px 0 58px;
    }

    .projects-block .projects .items .item:nth-child(4n+4),
    .projects .items .item {
        width: 100%;
    }

    .projects .items .inner_help {
        padding: 45px 25px 40px 25px;
    }

    .projects .items .item.help strong br,
    .projects .items .item.help p br {
        display: none;
    }

    .text_box ul {
        padding: 0;
    }

    .text_box ul li {
        font-size: 18px;
    }

    .article h2 {
        font-size: 32px;
    }

    .article h3 {
        font-size: 26px;
    }

    .article p {
        font-size: 16px;
    }

    .article .notice p {
        font-size: 18px;
    }

    .article .author {
        display: block;
    }

    .article .author .social {
        width: 100%;
        padding: 0;
    }

    .sidebar_block {
        display: block;
    }

    .rubric_box,
    .sidebar_block .block {
        width: 100%;
        margin: 0 0 12px;
    }

    .sidebar_block .block {
        display: block;
    }

    .date_box .share {
        justify-content: flex-start;
    }

    .article-info .date_box .share li,
    .article-info .date_box .share li:first-child {
        margin: 0 20px 10px 0;
    }

    .comment_form {
        max-width: 100%;
    }

    .comment_form .inpt_holder,
    .comment_form .sbmt_holder input[type="submit"] {
        width: 100%;
        max-width: 100%;
    }

    .chbx_holder {
        margin: 0 0 30px;
    }

    .comments_list .inner_dscr {
        padding: 30px 20px 29px;
    }

    .answer_box {
        padding: 0 0 0 50px;
    }

    .comments_list .text_comment,
    .comments_list .link {
        font-size: 14px;
    }

    .comments_list .avatar {
        width: 55px;
        height: 55px;
    }

    .comments_list .avatar img {
        width: 50%;
    }

    .comments_list .dscr_comment {
        width: calc(100% - 55px);
    }

    .address_box .metro li:nth-child(2n+2),
    .address_box .metro li,
    .contacts_block .contacts_list li,
    .call_form .inpt_holder,
    .call_form .sbmt_holder {
        width: 100%;
    }

    .call_form .inpt_holder {
        padding: 0;
    }

    .list_history .num {
        font-size: 40px;
    }

    .list_history li:nth-child(2n):after,
    .list_history li:after {
        top: 10px;
    }

    .history_block .title_block {
        position: relative;
        z-index: 1;
    }

    .gallery_box {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -7px;
        grid-gap: 0;
        grid-auto-rows: 0;
    }

    .item_gallery {
        width: 50%;
        padding: 0 7px;
        margin: 0 0 15px;
    }

    .item_height {
        min-height: 200px;
    }

    .product_page h1 {
        font-size: 40px;
    }

    .order_plans .head_plans,
    .order_plans .consult-form,
    .options_block,
    .inner_sidebar,
    .list_icon li,
    .example_box p {
        width: 100%;
    }

    .order_plans .head_plans {
        font-size: 28px;
    }

    .list_reviews > li {
        width: 100%;
    }

    /* lp style */
    .lp_page .advantage_list li {
        width: 50%;
    }

    .list_consist {
        columns: 1;
    }

    .list_consist li {
        margin: 0 0 20px;
    }

    .list_consist .num {
        margin: 0 0 5px;
    }

    .list_consist .dscr br {
        display: none;
    }

    .wood_list li {
        text-align: center;
    }

    .wood_list .img_box {
        width: 100%;
        max-width: 150px;
        margin: 0 auto 20px;
    }

    .wood_list .dscr_list {
        padding: 0;
        width: 100%;
    }

    .wood_list .title {
        margin: 0 0 10px;
    }

    .wood_list .btn {
        margin: 0 auto;
    }

    .version_list .name {
        font-size: 18px;
    }

    .deco_block .notice {
        padding: 30px;
    }

    /* end lp style */
    .tags_list li a {
        padding: 5px 8px 4px;
        font-size: 14px;
    }
}

@media screen and (max-width: 480px) {
    h1, .h1 {
        font-size: 38px;
    }

    .container {
        padding: 0 15px;
    }

    .main-content-box {
        padding-top: 60px;/*30px*/
    }

    .active-top #header .logo,
    #header .logo {
        top: 18px;
        width: 84px;
        height: 19px;
        /*transform: translateX(-60%);*/

        transform: unset;
        right: 15px;
        left: initial;
    }

    #header .mob-social-icons {
        left: 195px;
    }

    #header ul.contacts {
        left: 50px;
    }

    #promo {
        height: auto;
    }

    #promo h1 {
        font-size: 40px;
    }

    #promo .text p {
        font-size: 18px;
    }

    .btn {
        font-size: 16px;
        padding: 16px 5px;
    }

    .our_projects {
        padding: 40px 0 50px;
    }

    .our_projects .item_list {
        width: 100%;
    }

    .our_projects .title_list {
        min-height: auto;
    }

    .info-list li {
        width: 100%;
    }

    .title_block {
        font-size: 32px;
    }

    .about_text {
        display: block;
    }

    .about_text .icon {
        margin: 0 auto 15px;
    }

    .about_text .text {
        padding: 0;
        width: 100%;
    }

    .video .play {
        width: 60px;
        height: 60px;
    }

    .video_dscr {
        margin: 0 0 35px;
    }

    blockquote p,
    .video_dscr {
        padding: 0;
        font-size: 16px !important;
    }

    .video_dscr:before {
        top: -30px;
        left: 0;
        font-size: 93px;
    }

    .staff_text .num {
        font-size: 34px;
    }

    .staff_text p {
        padding: 0 0 0 15px;
        font-size: 16px;
    }

    .list_staff {
        justify-content: center;
    }

    .list_staff li {
        width: 50%;
    }

    .staff_box .btn {
        max-width: 100%;
    }

    .inner_inst {
        padding: 30px 20px;
    }

    .inst_box .subscribers strong {
        font-size: 40px;
    }

    .title_inst {
        padding: 0 0 0 50px;
        font-size: 20px;
    }

    .title_inst:after {
        left: 0;
        width: 36px;
        height: 36px;
    }

    .inst_box .subscribers {
        padding: 0;
    }

    .gallery-item,
    .certificate_block .gallery-item,
    .lp_works_block .our_works_list .item_works {
        flex: 1 0 100%;
    }

    .gallery h4, .gallery .h4 {
        min-height: auto;
    }

    .tab-control {
        overflow: hidden;
        overflow-x: auto;
        flex-wrap: nowrap;
        margin: 0 0 30px;
    }

    .tab-control li {
        margin: 0 20px 0 0;
    }

    .gallery-pagination .swiper-pagination-bullet {
        width: 30px;
        margin: 0 6px 6px;
    }

    .our_works_list .item_works,
    .popular_list .popular_item {
        width: 100%;
    }

    .our_works_list .title_dscr {
        min-height: auto;
    }

    .btn_plus {
        width: 60px;
        height: 60px;
    }

    .btn_plus:after,
    .btn_plus:before {
        width: 30px;
        margin: -2px 0 0 -15px;
    }

    .text_info {
        font-size: 16px;
    }

    #footer .row:first-child {
        padding: 0 0 16px;
    }

    #footer .footer:after {
        left: -15px;
        right: -15px;
    }

    .holder_box {
        padding: 0;
        background: transparent;
    }

    .holder_box input {
        background: #f2f7f7;
        border-radius: 4px;
        margin: 0 0 15px;
    }

    .holder_box button {
        position: relative;
        top: auto;
        bottom: auto;
        right: auto;
        width: 100%;
        height: 50px;
    }

    .paging {
        margin: -34px auto 15px;
    }

    .paging ul a,
    .paging ul span {
        font-size: 20px;
        margin: 0 1px;
    }

    .seo_block .img {
        padding: 25px 0 0;
    }

    .seo_block .img:after {
        width: 295px;
        height: 295px;
    }

    .article h1 {
        font-size: 40px;
    }

    .article h2 {
        font-size: 30px;
    }

    .content_article-box {
        padding: 36px 15px 37px;
    }

    .article .notice {
        padding: 30px 15px;
    }

    .article .notice p {
        font-size: 16px;
    }

    .article .author .list_soc a {
        width: 136px;
    }

    .article .author .list_soc a.ok,
    .article .author .list_soc a.vk,
    .article .author .list_soc a.fb,
    .article .author .list_soc a.tw {
        background-position: 50%;
    }

    .answer_box {
        padding: 0 0 0 20px;
    }

    .comments_list .avatar {
        margin: 0 0 5px;
    }

    .comments_list .dscr_comment {
        width: 100%;
        padding: 0;
    }

    .comments_list .inner_dscr:after {
        display: none;
    }

    .title_team {
        font-size: 26px;
    }

    .staff_block .list_staff li {
        width: 100%;
    }

    .img_text {
        bottom: 25px;
        font-size: 16px;
    }

    .requisites_box .details li {
        width: 100% !important;
    }

    .requisites_block h2 {
        font-size: 28px;
    }

    .faq_form {
        padding: 34px 10px 35px;
    }

    .form legend {
        font-size: 30px;
    }

    .about_page .about_text .text {
        padding: 0;
    }

    .call_form {
        padding: 30px 20px 30px 20px;
    }

    .list_advantage li {
        width: 100%;
    }

    .list_advantage .title br {
        display: none;
    }

    .list_photo {
        padding: 0;
    }

    .list_photo li {
        width: 100%;
    }

    .list_photo li:nth-child(2),
    .list_photo li:nth-child(3) {
        margin: 0 0 10px;
    }

    .item_gallery {
        width: 100%;
        min-height: 250px;
    }

    .item_height {
        min-height: 250px;
    }

    .order_plans {
        padding: 33px 20px 12px;
    }

    .options_block .btn_holder .btn {
        font-size: 20px;
    }

    .product_page .sidebar_block .block {
        padding: 28px 5px 14px;
    }

    .dscr_note,
    .page_block .dscr_box .dscr {
        font-size: 18px;
    }

    .note_block .answer_box .head_box .title {
        font-size: 30px;
    }

    .note_block .answer_box {
        padding: 30px 20px 10px;
    }

    .note_block .answer_box .head_box p {
        font-size: 20px;
    }

    .note_block .answer_box .btn_holder .btn,
    .page_block .title_list {
        font-size: 22px;
    }

    .list_types .img_box,
    .list_doors .img_box,
    .types_block .list_types .img_box {
        width: 100%;
        margin: 0 0 20px;
    }

    .list_types .dscr_list,
    .list_doors .dscr_list {
        padding: 0;
        width: 100%;
    }

    .list_types .title br,
    .list_doors .title br,
    .list_doors p br {
        display: none;
    }

    .page_block .list_info .icon {
        width: 84px;
        margin: 0 0 20px;
    }

    .page_block .list_info .dscr_list {
        width: 100%;
        padding: 0;
    }

    .list_views .inner_list {
        padding: 32px 20px 44px;
    }

    .example_box {
        padding: 28px 20px 29px;
    }

    .communications_box .icon {
        margin: 0 0 20px;
    }

    .communications_box .dscr_box {
        display: block;
    }

    .communications_box .dscr_box .title {
        margin: 0 0 15px;
        width: 100%;
    }

    .communications_box .dscr_box p {
        padding: 0;
        width: 100%;
        font-size: 18px;
    }

    .faq-box {
        padding: 30px 20px;
    }

    .faq-box .title {
        font-size: 30px;
    }

    .faq-box .subtitle,
    .faq-box .btn {
        font-size: 20px;
    }

    .product_page h1 {
        font-size: 36px;
    }

    .list_plans .item_list {
        width: 100%;
    }

    .product_page .product .slideshow {
        margin: 0 0 30px;
    }

    .page_block .dscr_box .icon,
    .list_finishing .icon,
    .page_block .list_sizes .icon {
        margin: 0 0 20px;
    }

    .page_block .dscr_box .dscr,
    .list_finishing .dscr_list,
    .page_block .list_sizes .dscr {
        padding: 0;
        width: 100%;
    }

    /* lp style */
    .visual_box .dscr {
        font-size: 18px;
    }

    .lp_page .advantage_list li {
        width: 100%;
    }

    .lp_page .advantage_list .title br {
        display: none;
    }

    .consist_block .last {
        margin: 0 0 30px;
    }

    .list_num li {
        font-size: 20px;
        width: 38px;
        height: 38px;
        border: 5px solid #80c700;
    }

    .list_consist .num {
        font-size: 44px;
    }

    .version_list li {
        width: 100%;
    }

    .flue_block .head_box .dscr {
        font-size: 18px;
    }

    .flue_list li {
        width: 100%;
    }

    .deco_block .notice p {
        font-size: 18px;
    }

    .deco_list .item_list {
        padding: 30px 20px;
    }

    .deco_list .list li {
        font-size: 16px;
        padding: 0 0 0 20px;
    }

    .deco_list .list li:after {
        width: 10px;
        top: 8px;
    }

    /* end lp style */
    /* card2 page */
    .example_home_box .inner_box,
    .subtitle_list,
    .finishing_box .inner_box strong {
        font-size: 18px;
    }

    .dscr_doors .icon {
        margin: 0 0 20px;
    }

    .dscr_doors .dscr {
        width: 100%;
        padding: 0;
    }

    .dscr_doors p {
        font-size: 18px;
        margin: 0 0 30px;
    }

    .dscr_doors span {
        max-width: none;
    }

    .dscr_box .title_dscr,
    .item_branch .dscr_doors .title {
        font-size: 22px;
    }

    .list_check li {
        margin: 0 0 30px;
    }

    .list_check .icon {
        margin: 0 0 20px;
    }

    .list_check .dscr {
        width: 100%;
        padding: 0;
    }

    /* end card2 page */
    /* pop-up callback */
    .callback-box {
        min-width: auto;
    }

    .callback-box .recall {
        padding: 34px 20px 40px;
    }

    .callback-box .fancybox-close-small {
        top: 12px;
        right: 12px;
    }

    .callback-box .recall legend {
        font-size: 32px;
    }

    .callback-box .recall p {
        font-size: 16px;
    }

    .callback-box .recall input[type=text],
    .callback-box .recall input[type=submit] {
        height: 50px;
    }

    .callback-box .fancybox-close-small {
        width: 27px;
        height: 27px;
    }

    .callback-box .fancybox-close-small:after,
    .callback-box .fancybox-close-small:before {
        height: 34px;
        margin: -17px 0 0 -2px;
    }

    /* end pop-up callback */
}

@media screen and (max-width: 380px) {
    .lp_works_block .our_works_list .gallery-button-prev,
    .lp_works_block .our_works_list .gallery-button-next {
        top: 73px;
    }
}

/* begin first screen */
section#new_mp {
    min-height: 600px;
    height: 600px;
    background: url(/local/templates/bania.3.0/images/first-screen/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.mp_wrapper {
    display: flex;
    justify-content: space-between;
    font-family: "Museo Sans Cyrl 700";
}

.mp_left {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mp_left_title {
    color: #000;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    width: 620px;
    max-width: 100%;
    margin-bottom: 24px;
}

.mp_left_title span {
    font-weight: 700;
    font-size: inherit;
    line-height: inherit;
    color: #00606D;
}

.mp_left_subtitle {
    color: #000;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 24px;
    max-width: 480px;
}

.mp_left_subtitle span {
    font-weight: 600;
}

.mp_left_info-blocks {
    width: 480px;
    display: flex;
    gap: 8px;
    flex-direction: column;
}

.mp_left_info {
    display: flex;
    align-items: center;
    width: 446.9px;
    height: 46px;
    background: url('/local/templates/bania.3.0/images/first-screen/bg-check-green.svg');
}

.mp_left_info-text {
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
    padding: 0;
    margin: 0;
    padding-left: 55px;
}

.mp_right {
    width: 450px;
    max-width: 100%;
    padding: 20px;
    margin-top: 100px;
    margin-bottom: 100px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.90);
    backdrop-filter: blur(10px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.mp_right__top {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
}

.mp_right__title {
    font-style: normal;
    color: #000;
    font-size: 28px;
    font-weight: 700;
    line-height: 100%;
    text-align: center;
    margin-bottom: 22px;
}

.mp_right__list {
    position: relative;
    margin-bottom: 22px;
    /*display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;*/
}

.mp_right__list div {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    text-align: left;
    color: #000000;
    margin: 0;
    padding: 0 0 0 20px;
    position: relative;
}

.mp_right__list div:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    left: 0;
    top: calc(50% - 4px);
    background: #275F6C;
    border-radius: 50%;
}

.mp_right__form {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* gap: 16px;*/
}

.mp_r_form-phone {
    width: 100%;
    max-width: 428px;
    margin-bottom: 22px;
}

.mp_r_form-phone input {
    border-radius: 5px;
    background: #FFF;
    height: 50px;
    width: 100%;
    max-width: 428px;
    font-style: normal;
    color: #999;
    font-size: 14px;
    line-height: 100%;
    border: 1px solid #fff;
    outline: none;
    padding-left: 81px;
    background-image: url(/local/templates/bania.3.0/images/mp-block-1-input.png);
    background-position-x: 26px;
    background-repeat: no-repeat;
    background-position-y: center;
}

.mp_r_form-phone input#mp_r_form__phone::placeholder {
    color: #999;
    font-size: 14px;
    line-height: 100%;
}

.mp_r_form-btn {
    border-radius: 4px;
    background: linear-gradient(180deg, #35DA23 0%, #27A11A 100%);
    height: 72px;
    width: 100%;
    max-width: 428px;
    margin-bottom: 9px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    text-align: center;
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    transition: all .3s ease-in-out;
    user-select: none;
    cursor: pointer;
}

.mp_r_form-checklist {
    display: flex;
    align-items: center;
}

div#mp_r_form__checklist {
    min-width: 18px;
    min-height: 18px;
    margin: auto 9px auto 0;
    position: relative;
}

div#mp_r_form__checklist input {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}

div#mp_r_form__checklist input + span {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    border-radius: 2px;
    z-index: 1;
}

div#mp_r_form__checklist input:checked + span {
    background-image: url('/local/templates/bania.3.0/images/first-screen/check.png') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.mp_r_form__checklist-text {
    line-height: 12px;
}

.mp_r_form__checklist-text span,
.mp_r_form__checklist-text a {
    color: #275F6C;
    font-size: 14px;
    font-weight: 600;
    text-decoration-line: underline;
}

@media (max-width: 767.98px) {
    section#new_mp {
        background: url(/local/templates/bania.3.0/images/first-screen/bg-m.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        max-width: 100%;
        height: 704px;
    }

    .mp_wrapper {
        flex-direction: column;
        align-items: center;
        gap: 22px;
    }

    .mp_left {
        margin-top: 40px;
        width: 100%;
    }

    .mp_left_title {
        font-size: 21px;
        width: 345px;
        max-width: 100%;
        margin: 0 auto 10px;
    }

    .mp_left_subtitle {
        font-size: 19px;
        line-height: 28px;
        margin: 0 auto 22px;
        width: 345px;
        max-width: 100%;
    }

    .mp_left_info-blocks {
        gap: 4px;
        margin: 0 auto;
        max-width: 345px;
    }

    .mp_left_info {
        width: 320px;
        height: 35px;
        background: url('/local/templates/bania.3.0/images/first-screen/bg-check-green-m.svg');
    }

    .mp_left_info-text {
        font-size: 12px;
        padding-left: 40px;
    }

    .mp_right {
        width: 345px;
        max-width: 100%;
        padding: 16px;
        flex-direction: column;
        align-items: flex-start;
        margin: 0 auto;
    }

    .mp_right__top {
        flex-direction: column;
        align-items: flex-start;
        /*gap: 24px;*/
        margin: 0 auto;
    }

    .mp_right__title {
        font-size: 18px;
        font-weight: 700;
        line-height: normal;
        margin: 0 auto 14px;
    }

    .mp_right__list {
        flex-direction: column;
        gap: 16px;
        margin: 0 auto 14px;
    }

    .mp_right__list div {
        font-size: 14px;
        padding-left: 20px;
    }

    .mp_right__form {
        width: 345px;
        max-width: 100%;
        /* flex-direction: column;
         align-items: flex-start;
         gap: 16px;*/
        margin: 0 auto;
    }

    .mp_r_form-phone {
        width: 345px;
        max-width: 100%;
        margin-bottom: 16px;
    }

    .mp_r_form-btn {
        height: 50px;
        width: 345px;
        max-width: 100%;
        font-size: 16px;
        line-height: 21px;
        gap: 16px;
        margin-bottom: 6px;
    }

    .mp_r_form-btn svg {
        width: 26px;
        height: 26px;
    }

    .mp_r_form-checklist {
        max-width: 345px;
        width: 100%;
        margin: 0 auto;
    }

    div#mp_r_form__checklist {
        min-width: 12px;
        min-height: 12px;
    }

    .mp_r_form__checklist-text span {
        font-size: 7px;
    }

    .mp_r_form__checklist-text a {
        font-size: 7px;
    }

    .mobile_br_only {
        display: block !important;
    }
}

/* end first screen */

/* new style for promo */
section#new_mp{
    background: url("/local/templates/bania.3.0/img_new/pr_img-1.webp") no-repeat;
    background-size: cover;
    background-position: 30% 50%;
    height: 540px;
    min-height: auto;
    margin: 0 0 150px;
}
.mp_wrapper{
    display: block;
    padding: 28px 0 0;
}
.mp_left{
    width: 100%;
}
.mp_left_title{
    color: #fff;
    font-size: 44px;
    font-weight: 600;
    line-height: 1.3;
    max-width: 100%;
    width: 100%;
    letter-spacing: -0.02em;
    margin-bottom: 18px;
    font-family: 'TT Firs Neue';
}
.mp_left_title span{
    color: #fff;
    display: block;
    font-size: 70px;
    font-weight: 700;
    margin-bottom: -10px;
}
.mp_left_title em{
    font-style: normal;
    color: #9BD72F;
}
.mp_left_subtitle{
    color: #fff;
    max-width: 382px;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -0.01em;
    margin-bottom: 30px;
    font-family: 'Montserrat';
}
.mp_left_subtitle b{
    font-weight: 700;
}
.mp_left_info-blocks{
    display: block;
    width: 100%;
    max-width: 456px;
}
.mp_left_info{
    border-radius: 80px;
    background: #8AC618;
    margin: 0 0 12px;
    display: inline-block;
    vertical-align: top;
    height: auto;
    width: auto;
    padding: 17px 18px 16px 49px;
    position: relative;
}
.mp_left_info:after{
    position: absolute;
    content: '';
    left: 19px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url("/local/templates/bania.3.0/img_new/pr_icon-1.svg") no-repeat;
    background-size: 100%;
}
.mp_left_info-text{
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 17px;
    line-height: 1;
    letter-spacing: -0.02em;
    padding: 0;
}
.mp_right{
    width: 100%;
    max-width: 1056px;
    margin: 47px auto 0;
    border-radius: 20px;
    border: 3px solid #1CAABD;
    background: #FFF;
    box-shadow: 0px 4px 60px 0px rgba(19, 46, 71, 0.20);
    padding: 22px 47px 13px;
    display: block;
}
.mp_right__title{
    color: #00616E;
    font-family: 'Montserrat';
    line-height: 1.1;
    font-weight: 700;
    font-size: 25px;
    letter-spacing: -0.02em;
    margin: 0 0 8px;
}
.mp_right__list{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 17px;
}
.mp_right__list div{
    color: #092023;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.02em;
    padding: 0 29px 0 0;
}
.mp_right__list div:last-child{
    padding: 0;
}
.mp_right__list div:before{
    left: auto;
    width: 6px;
    height: 6px;
    right: 12px;
    top: calc(50% - 2px);
}
.mp_right__list div:last-child:before{
    display: none;
}
.mp_right__form{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
}
.mp_r_form-phone,
.mp_r_form-btn{
    width: calc(50% - 10px);
    max-width: none;
}
.mp_r_form-phone input{
    background: #fff;
    border-radius: 6px;
    border: 1px solid #568A90;
    height: 60px;
    padding: 5px 27px;
    color: #000;
    font-family: 'TT Firs Neue';
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    max-width: none;
}
.mp_r_form-phone input::placeholder{
    color: #000 !important;
    font-family: 'TT Firs Neue' !important;
    font-size: 18px !important;
    font-weight: 400;
    line-height: 1;
    opacity: 1 !important;
}
.mp_r_form-phone .txt{
    display: block;
    margin-top: 9px;
    color: #A4B0B1;
    font-family: 'Montserrat';
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.02em;
}
.mp_r_form-btn{
    border-radius: 6px;
    background: #00616E;
    /* width: 100%; */
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
}
.mp_r_form-btn:hover{
    background: #91c700;
    box-shadow: 10.6px 10.6px 25px rgba(128, 199, 0, 0.5);
}
.mp_r_form-btn span{
    display: block;
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
    font-family: 'TT Firs Neue';
}
@media (max-width: 991px){
    section#new_mp{
        margin: 0 0 180px;
    }
}
@media (max-width: 767.98px){
    section#new_mp{
        margin: 0 0 200px;
        background-position: 40% 50%;
    }
    .mp_left_title{
        font-size: 34px;
    }
    .mp_left_title span{
        font-size: 50px;
    }
    .mp_left_subtitle{
        font-size: 20px;
    }
    .mp_left_subtitle{
        margin: 0 0 22px;
    }
    .mp_left_info-blocks{
        margin: 0;
    }
    .mp_right__list{
        flex-direction: row;
        gap: 0;
    }
    .mp_right__form,
    .mp_r_form-phone,
    .mp_r_form-btn{
        width: 100%;
    }
}
@media (max-width: 640px){
    section#new_mp{
        margin: 0 0 210px;
    }
    .mp_left_title{
        font-size: 24px;
    }
    .mp_left_title span{
        font-size: 40px;
    }
    .mp_left_info{
        padding: 10px 18px 10px 49px
    }
    .mp_right{
        padding: 22px 20px 13px;
    }
}
@media (max-width: 480px){
    section#new_mp{
        height: 620px;
        margin: 0 0 90px;
        background: url(/local/templates/bania.3.0/img_new/pr_img-1_1.webp) no-repeat;
        background-size: auto 100%;
        background-position: 50% 50%;
    }
    .mp_left_title span{
        font-size: 34px;
    }
    .mp_left_subtitle{
        width: 100%;
        font-size: 18px;
    }
    .mp_left_info-text{
        font-size: 15px;
    }
    .mp_right__title{
        font-size: 23px;
    }
    .mp_r_form-phone input,
    .mp_r_form-btn{
        height: 50px;
    }
    .mp_r_form-btn span{
        font-size: 16px;
    }
    .mp_right__list{
        display: block;
    }
    .mp_right__list div,
    .mp_right__list div:last-child{
        display: block;
        padding: 0 0 0 15px;
    }
    .mp_right__list div:before,
    .mp_right__list div:last-child:before{
        display: block;
        right: auto;
        left: 0;
        top: calc(50% - 3px);
    }
}
@media (max-width: 420px){
    section#new_mp {
        margin: 0 0 160px;
    }
}
@media (max-width: 380px){
    section#new_mp {
        margin: 0 0 210px;
    }
}

/* end new style for promo */
/* header */
body.has-topbar.redesing_head div#wrapper{
    padding-top: 197px;
}
.redesing_head #header{
    height: 137px;
}
.redesing_head .logo{
    width: 164px;
    height: 41px;
    top: 16px;
    left: 16px;
}
.redesing_head ul.contacts li .btn{
    width: 170px;
    padding: 12px 10px;
}
.redesing_head .slogan{
    position: absolute;
    top: 26px;
    left: 197px;
    color: #707E80;
    font-family: 'TT Firs Neue';
    font-size: 13px;
    font-weight: 400;
    line-height: 1.1;
}
.redesing_head #header .contacts{
    width: 100%;
    max-width: 799px;
    /* top: 16px; */
    top: 9px;
    justify-content: space-between;
}
ul.contacts li:nth-child(2){
    margin: 0 0 0 28px;
}
.redesing_head ul.contacts li strong.phones{
    display: block;
    min-height: auto;
    /* margin: 4px 0 1px;
    padding-top: 10px; */
    margin: 0 0 1px;
    padding-top: 0;
}
.redesing_head ul.contacts li strong a{
    font-size: 20px;
    text-transform: none;
    font-family: 'TT Firs Neue';
}
.redesing_head ul.contacts li strong a:hover{
    text-decoration: underline;
}
.redesing_head ul.contacts li strong.phone_2 a{
    font-size: 14px;
    font-weight: 500;
}
.redesing_head ul.contacts li span{
    color: #707E80;
    font-family: 'TT Firs Neue';
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    padding-left: 15px;
    position: relative;
}
.redesing_head ul.contacts li:nth-child(2) span:before{
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #8ED212;
    top: 5px;
    left: 0;
    transform: none;
    margin: 0;
    animation: blink-animation 1s infinite;
}
@keyframes blink-animation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.redesing_head ul.contacts li .wtsp{
    display: block;
    position: relative;
    max-width: 211px;
    padding-left: 42px;
    color: #000;
    font-family: 'Montserrat';
    font-size: 13px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.26px;
    text-decoration: none;
    margin: 7px 0 0;
}
.redesing_head ul.contacts li .wtsp:hover{
    text-decoration: underline;
}
.redesing_head ul.contacts li .wtsp:after{
    position: absolute;
    content: '';
    width: 26px;
    height: 26px;
    background: url(/local/templates/bania.3.0/images/telegram-icon.svg) no-repeat;
    background-size: 100%;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.redesing_head #navigation:after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #E0E4EA;
}
.mob_contact{
    display: none;
}
@media (max-width: 1170px){
    body.has-topbar.redesing_head div#wrapper{
        padding-top: 135px;
    }
    .redesing_head #header{
        height: 75px;
    }
    .redesing_head .logo{
        left: 55px;
    }
    .redesing_head .slogan{
        display: none;
    }
    .redesing_head #header ul.contacts li:nth-child(2){
        display: block;
    }
    .redesing_head #header .contacts{
        max-width: 690px;
    }
    .redesing_head #navigation:after{
        display: none;
    }
    .mb-burger{
        z-index: 2000;
    }
    #navigation .search .inner_search{
        display: none;
    }
    #navigation .search,
    .active-top #navigation .search{
        margin: 0;
        top: 98px;
        right: 28px;
        left: 28px;
        z-index: 3;
    }
    #navigation .search .search-form{
        border: none;
        height: auto;
        border-radius: 5px;
        background: #EBF0F0;
        padding: 0;
        box-shadow: none;
    }
    #navigation .search .search-form input{
        height: 50px;
        font-size: 13px;
        line-height: 1;
        padding: 10px 26px;
    }
    #navigation .search .search-form button{
        height: 50px;
        background: url("/local/templates/bania.3.0/img_new/icon_search-2.svg") no-repeat;
        background-position: 0 50%;
    }
    #navigation .search .close_search{
        display: none;
    }
    #navigation .search-form form{
        margin: 0;
    }
}
@media (max-width: 960px){
    .redesing_head #header .contacts{
        justify-content: flex-end;
    }
    .redesing_head ul.contacts li:first-child{
        display: block;
    }
    .redesing_head ul.contacts li .wtsp{
        width: 26px;
        height: 26px;
        padding-left: 0;
        overflow: hidden;
        text-indent: -9999px;
    }
    .redesing_head ul.contacts li:nth-child(2){
        margin: 0 0 0 20px;
    }
}
@media (max-width: 768px){
    .redesing_head #header{
        /* height: 55px; */
        height: 88px;
    }
    body.has-topbar.redesing_head div#wrapper{
        padding-top: 115px;
    }
    .redesing_head #header .logo{
        width: 131px;
        height: 31px;
        right: auto;
        left: 20px;
        top: auto;
        bottom: 10px;
        z-index: 3;
    }
    .redesing_head #header .contacts{
        justify-content: start;
        max-width: none;
        display: none;
    }
    .mob_contact{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 9px 0 10px;
        border-bottom: 1px solid #E4E4E4;
        position: relative;
        z-index: 3;
    }
    .mob_contact .phone{
        display: block;
        color: #000;
        font-size: 15px;
        font-weight: 500;
        line-height: 1;
        text-decoration: none;
    }
    .mob_contact .phone:hover{
        text-decoration: underline;
    }
    .mob_contact .call_link{
        position: relative;
        display: block;
        padding-left: 18px;
        color: #80C700;
        font-size: 13px;
        font-weight: 500;
        line-height: 1;
        transition: all ease 0.3s;
        margin-right: auto;
        text-decoration: none;
    }
    .mob_contact .call_link .icon{
        position: absolute;
        display: block;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 12px;
        height: 12px;
    }
    .mob_contact .call_link .icon path{
        transition: all ease 0.3s;
    }
    .mob_contact .call_link:hover{
        color: #006573;
    }
    .mob_contact .call_link:hover .icon path{
        fill: #006573;
    }
    .mb-burger{
        left: auto;
        right: 20px;
        top: auto;
        bottom: 1px;
    }
    .active-top .mb-burger{
        top: auto;
    }
    .mb-burger span{
        width: 38px;
        margin-left: -19px;
    }
    .mb-burger span:before,
    .mb-burger span:after{
        height: 2px;
        width: 38px;
    }
    .mb-burger span:after{
        width: 24px;
    }
    .mb-open-nav .mb-burger span:after{
        width: 38px;
    }
    #header .mob-social-icons{
        top: auto;
        bottom: 23px;
        left: auto;
        right: 100px;
        z-index: 3;
    }
    #header .mob-social-icons .icon__item a{
        width: 24px;
        height: 24px;
    }
    #header .mob-social-icons .icon__item a img{
        width: 100%;
        height: 100%;
    }
    #navigation{
        max-width: 100%;
        padding: 139px 28px 20px 28px;
    }
    #navigation:before{
        position: fixed;
        content: '';
        top: 0;
        left: 0;
        right: 0;
        height: 155px;
        background: #fff;
        display: block;
        z-index: 3;
    }
    #navigation,
    .active-top #navigation{
        padding-top: 150px;
    }
    #navigation .search,
    .active-top #navigation .search{
        top: 88px;
    }
    .social-block{
        display: none;
    }
    .sab-nav{
        padding-top: 16px;
    }
    .sab-nav > li,
    .active-top #header .sab-nav > li{
        margin-right: 0;
    }
    .sab-nav > li > a{
        line-height: 41px;
        height: 41px;
        font-weight: 600;
    }
    .sab-nav > li > a.arrow:before{
        opacity: 1;
        width: 5px;
        height: 5px;
        transform: rotate(-45deg);
        border-color: #000;
        top: 16px;
    }
    .nav{
        padding-top: 7px;
        padding-bottom: 24px;
        margin: 0 0 24px;
    }
    .nav li a{
        color: #555;
        font-size: 14px;
        font-weight: 500;
        line-height: 2;
        display: inline-block;
        vertical-align: top;
    }
    .mob-contacts div{
        margin-bottom: 5px;
    }
    .mob-contacts .address{
        margin-bottom: 18px;
    }
    .address strong{
        max-width: 215px;
        font-family: 'TT Firs Neue', serif;
        font-size: 16px;
    }
    .address span{
        color: #555;
        font-size: 14px;
    }
    .mob-contacts a{
        font-family: 'TT Firs Neue', serif;
        font-weight: 500;
        font-size: 16px;
    }
    #navigation .search,
    .active-top #navigation .search{
        margin: 0;
        top: 98px;
        right: 28px;
        left: 28px;
        z-index: 3;
    }
    #navigation .search .search-form{
        border: none;
        height: auto;
        border-radius: 5px;
        background: #EBF0F0;
    }
    #navigation .search .search-form input{
        height: 50px;
        font-size: 13px;
        line-height: 1;
        padding: 10px 26px;
    }
    #navigation .search .search-form button{
        height: 50px;
        background: url("/local/templates/bania.3.0/img_new/icon_search-2.svg") no-repeat;
        background-position: 0 50%;
    }
    #navigation .sab-nav li > .drop{
        max-width: 100%;
        background-image: none;
    }
    #navigation .sab-nav li > .drop.open-drop{
        padding-top: 178px;
        padding-left: 28px;
        padding-right: 28px;
    }
    #navigation .sab-nav .drop .btn-back{
        position: relative;
        top: auto;
        left: auto;
    }
    .sab-nav li .drop .more-nav{
        display: none;
    }
    .sab-nav .drop .btn-back{
        padding-left: 24px;
        color: #000;
        font-weight: 600;
        font-family: 'TT Firs Neue', serif;
        text-transform: uppercase;
    }
    .btn-back:after{
        width: 10px;
        height: 10px;
        border-color: #000;
        border-width: 2px;
        left: 2px;
        margin-top: -7px;
    }
    .sab-nav > li > .drop ul{
        padding: 17px 0 0 27px;
    }
    .sab-nav > li > .drop ul li,
    .active-top #header .sab-nav > li > .drop ul li{
        margin: 0 0 11px;
    }
    .sab-nav > li > .drop > ul li a{
        color: #555;
        font-family: 'TT Firs Neue', serif;
        font-weight: 400;
        font-size: 15px;
    }
}
@media (max-width: 480px){
    body.has-topbar.redesing_head div#wrapper{
        padding-top: 85px;
    }
    body.has-topbar div#_topbar{
        position: fixed;
        bottom: 0;
        /* bottom: 80px; */
        left: 0;
        right: 0;
    }
}
/* end header */


body.compensate-for-scrollbar { overflow: auto; margin-right: 0; }

/* .product_page .information{
    padding: 0 28px 0 0;
} */
.product_page .product .slideshow .slides{
    position: static;
}
.product_page .product .slideshow .slick-prev,
.product_page .product .slideshow .slick-next{
    margin: 0;
    top: auto;
    bottom: 17px;
    width: 48px;
    height: 48px;
    border: 1px solid #EEEEEE;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.05);
}
.product_page .product .slideshow .slick-prev:hover,
.product_page .product .slideshow .slick-next:hover{
    transform: none;
    background: #85B823;
}
.product_page .product .slideshow .slick-prev{
    left: -3px;
}
.product_page .product .slideshow .slick-next{
    right: -3px;
}
.product_page .product .slideshow .slick-next:after,
.product_page .product .slideshow .slick-prev:after{
    border-width: 2px;
    border-color: #76BC21;
}
.product_page .product .slideshow .slick-prev:hover:after,
.product_page .product .slideshow .slick-next:hover:after{
    border-color: #fff;
}
.product .slideshow .pagination{
    margin-left: 59px;
    margin-right: 54px;
    height: 106px;
}
@media screen and (max-width: 768px){
    .product_page .slideshow .pagination_wrap{
        padding: 0;
    }
    /* .product_page .product .pagination .pagination-slide {
        width: 161px !important
    } */
}
@media screen and (max-width: 480px){
    .product .slideshow .pagination{
        margin-top: -40px;
        margin-left: 34px;
        margin-right: 44px;
        height: 70px;
    }
    /* .product_page .product .pagination .pagination-slide {
        width: 105px !important
    } */
    .product_page .product .slideshow .slick-prev,
    .product_page .product .slideshow .slick-next{
        width: 36px;
        height: 36px;
        bottom: 7px;
    }
}

.redesing_head ul.contacts li .wtsp.tg::after { background-image: url(/local/templates/bania.3.1/css/../img_new/tg_blue.svg); }

.catalog-tags-content {
	display: none; }
.catalog-tags-name {
	display: flex;
	color: #000;
	font-weight: 500;
	font-size: 14px;
	background-color: #f3f3f3;
	border-radius: 20px;
	padding: 10px 20px;
	text-decoration: none;
	transition: 0.5s; }
.catalog-tags-name svg {
	margin-right: 5px; }
.catalog-tags-name:hover {
	cursor: pointer;
	background-color: #ddd; }
.catalog-tags-name svg {
	width: 15px;
	margin-left: 5px; }
.catalog-tags {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px; }
.catalog-tags-item {
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative; }
.catalog-tags-item ul {
	margin-top: 10px;
	background-color: #eee;
	border-radius: 10px;
	padding: 20px;
	width: 240px;
	display: flex;
	flex-wrap: wrap; }
.catalog-tags-content li {
	margin-bottom: 5px;
	margin-right: 20px; }
.catalog-tags-content a {
	color: #000;
	text-decoration: none;
	font-size: 15px;
	border-radius: 2px; }
.catalog-tags-content a:hover {
	color: #91c700; }

@media only screen and (min-width: 768px) {
	.catalog-tags-item:hover .catalog-tags-content {
		display: block;
		position: absolute;
		top: 40px;
		left: 0;
		z-index: 10; }
}

@media only screen and (max-width: 768px) {
	.catalog-tags-name {
		font-size: 12px;
		padding: 5px 10px; }
	.catalog-tags-name svg {
		width: 10px; }
	.catalog-tags-item {
		margin-right: 5px;
		margin-bottom: 5px; }
	.catalog-tags {
		margin-bottom: 10px; }

	.catalog-tags-item:hover .catalog-tags-content {
		top: 25px; }
	.catalog-tags-content a {
		font-size: 13px;
		margin-bottom: 2px; }

	.catalog-tags-item.catalog-tags-item--dropdown .catalog-tags-name {
		background: #f9f9f9;
		font-weight: 300;
		color: #777; }
}

.catalog-tags-content a.active {
	text-decoration: underline;
}

/*=======================================================
=========================================================
                redesing index page
=========================================================
=========================================================
*/
.hero-promo {
    margin: 32px 0 140px;
    padding: 76px 63px 30px;
    position: relative;
    background-image: url('/local/templates/bania.3.1/css/../images/index/img-1.webp');
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    border-radius: 12px;
    overflow: hidden;
    color: #ffffff;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.4;
}
.hero-promo.steam-page {
    margin: 0 0 24px;
}
.hero-promo.steam-page .holder-title{
    margin: 0 0 163px;
}
.hero-promo.steam-page .hero-promo-content {
    margin-bottom: 34px;
}
.hero-promo.steam-page .promo-engineer {
    position: absolute;
    bottom: 64px;
    right: 64px;
    z-index: 2;
    max-width: 357px;
    padding: 24px;
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(24px);
    color: rgba(246, 246, 246, 1);
}
.hero-promo.steam-page .promo-engineer .photo {
    height: 160px;
    border-radius: 8px;
    overflow: hidden;
    margin: -12px -12px 23px;
}
.hero-promo.steam-page .promo-engineer .photo img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.hero-promo.steam-page .promo-engineer p {
    color: rgba(246, 246, 246, 1);
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 16px;
    max-height: 80px;
    overflow: hidden;
}
.hero-promo.steam-page .promo-engineer .button-holder a {
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 22px;
}
.hero-promo.steam-page .promo-engineer .button-holder a svg {
    margin: 0 0 0 8px;
}
.guide-section.steam-guide {
    padding: 0 0 100px;
    background: none;
}
.guide-section.steam-guide .icon {
    position: absolute;
    bottom: 28px;
    left: 32px;
}
.guide-section.steam-guide .guide-card {
    background-color: rgba(246, 246, 246, 1);
    position: relative;
}
.guide-section.steam-guide .guide-card .badge.active span{
    color: #fff;
    background-color: rgba(128, 195, 66, 1);
}
.project-see-mmore-galllery {
    margin: 0 -200px 0 0;
    position: relative;
}
.project-see-mmore-galllery .buttons {
    right: 200px !important;
}
.project-see-mmore-galllery .project-example-image {
    overflow: hidden;
    border-radius: 12px;
    height: 100%;
}
.project-see-mmore-galllery .project-example-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.project-see-mmore-galllery .swiper-slide {
    height: 520px;
}
.big.project-see-mmore-galllery .swiper-slide {
    height: 640px;
}
.project-see-mmore-galllery .project-example-text-block {
    position: absolute;
    top: 31px;
    left: 32px;
    background-color: #fff;
    padding: 24px;
    text-align: center;
    border-radius: 12px;
    width: 320px;
}
.project-see-mmore-galllery .project-example-text-block .btn {
    display: block;
    width: 100%;
    text-align: center;
}
.project-see-mmore-galllery .project-example-text-block h5 {
    font-weight: 400;
    margin: 0 0 16px;
    font-size: 24px;
    line-height: 28px;
}
.project-see-mmore-galllery .project-example-text-block p {
    font-weight: 400;
    margin: 0 0 48px;
    font-size: 16px;
    line-height: 22px;
    color: rgba(128, 135, 134, 1);
}
.project-see-mmore-galllery .project-example-text {
    position: absolute;
    bottom: 48px;
    left: 48px;
    color: #fff;
    right: 25%;
    z-index: 10;
}
.project-see-mmore-galllery .project-example-text h4 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    margin: 0 0 12px;
    color: #fff;
}
.project-see-mmore-galllery .project-example-text p {
    margin: 0;
    opacity: 0.7;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #fff;
}
.project-see-mmore-galllery .project-example-link {
    position: absolute;
    bottom: 48px;
    right: 46px;
}
.project-see-mmore-galllery .buttons {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: -96px;
    right: 230px;
    display: flex;
    gap: 8px;
    z-index: 2;
}
.project-see-mmore-galllery .buttons a {
    display: block !important;
    height: 48px;
    width: 48px;
    border-radius: 8px;
    text-align: center;
    line-height: 48px;
    background-color: rgba(50, 56, 54, 1);
    text-decoration: none;
    padding: 4px 0 0;
}
.project-see-mmore-galllery .buttons a:hover {
    background-color: rgba(128, 195, 66, 1);
}
.project-options .button-holder {
    display: flex;
    justify-content: center;
    padding-top: 20px;
}
.project-options .button-holder .btn {
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    border-radius: 12px;
}
.hero-promo:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#151515+0,ffffff+100&1+0,0+100 */
    background: linear-gradient(to right,  rgba(21,21,21,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.hero-promo:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 285px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#151515+0,ffffff+100&1+0,0+100 */
    background: linear-gradient(to top,  rgba(21,21,21,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.hero-promo .reviews-list,
.hero-promo .hero-promo-content {
    position: relative;
    z-index: 2;
}
.hero-promo-content {
    max-width: 743px;
    margin: 0 140px 94px 0;
}
.hero-promo .holder-title {
    min-height: 428px;
}
.hero-promo h1 {
    margin: 0 0 14px;
    font-weight: 500;
    font-size: 80px;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    opacity: 1;
}
.hero-promo .holder-title p {
    max-width: 525px;
}
.test-offer-intro {
    display: block;
    margin: 0 0 17px;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.4;
    color: #fff;
}
.hero-promo-offers {
    list-style: none;
    padding: 0;
    margin: 0 0 40px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #fff;
}
.hero-promo-offers li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 7px;

}
.hero-promo-offers li::before {
    content: url('data:image/svg+xml;utf8,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.53786 1.06328C8.47336 1.09786 7.30349 2.27595 5.93813 3.68126L3.45563 6.23636L2.51769 5.26489C1.41302 4.12081 1.3194 4.05887 0.88326 4.18372C0.693279 4.23808 0.187561 4.72636 0.0766995 4.96243C-0.0244675 5.17796 -0.0256403 5.43826 0.0736894 5.64915C0.123765 5.7555 0.682685 6.35972 1.66664 7.37117C3.28773 9.03758 3.31166 9.0574 3.60265 8.97394C3.77754 8.92377 9.85515 2.66062 9.94376 2.43917C10.0233 2.24065 10.0183 2.02081 9.92989 1.8233C9.84713 1.63836 9.3232 1.10012 9.16597 1.0385C9.01094 0.977726 8.67249 0.991065 8.53786 1.06328Z" fill="white" /></svg>');
    position: absolute;
    left: 0;
    top: 1px;
    width: 10px;
    height: 10px;
}
.hero-promo .green {
    max-width: 274px;
    padding: 20px 5px;
    background: #80C342;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    color: #fff;
    border-radius: 12px;
}
.hero-promo .reviews-list {
    position: absolute;
    right: 65px;
    top: 65px;
    width: 120px;
}

.reviews-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.review-card {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    padding: 16px;
    color: #ffffff;
    backdrop-filter: blur(24px);
    background: rgba(20, 20, 20, 0.2);
    width: 120px;
}
.review-icon {
    margin: 0 0 30px;
    max-width: 46px;
    height: 15px;
}
.review-icon img {
    display: block;
    max-width: 100%;
}
.review-score {
    display: block;
    margin: 0 0 3px;
    font-weight: 500;
    font-size: 48px;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
}
.review-count {
    display: block;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    color: rgba(237, 239, 238, 0.5);
}
.hero-promo-details {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    list-style: none;
    counter-reset: item;
    border-top: 1px solid #fff;
    margin: 0;
    padding: 15px 2% 0 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #fff;
}
.hero-promo-details  li {
    max-width: 23%;
}
.hero-promo-details span {
    position: relative;
    display: block;
    margin: 0 0 40px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    color: #fff;
}
.hero-promo-details span:before {
    display: inline;
    margin: 0 13px 0 0;
    content: "0" counter(item); /* Убираем точку и добавляем ведущий ноль */
    counter-increment: item; /* Увеличиваем счетчик */
    color: rgba(255, 255, 255, 0.4);
}
.advantages-section {
    display: none;
    position: relative;
    margin: 0 0 75px;
}
.advantages-section h2 {
    margin: 0;
    font-family: 'TT Firs Neue', sans-serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 1.1;
    color: #151616;
}
.swipe-indicator {
    margin: 0 0 8px auto;
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 120px;
    width: 32px;
    height: 16px;
    background: #edefee;
}
.swipe-dot {
    width: 8px;
    height: 8px;
    background: #80c342;
    border-radius: 50%;
    animation: swipeAnimation 2s ease-in-out infinite;
}
@keyframes swipeAnimation {
    0% {
        transform: translateX(7px); /* Начинает справа */
        opacity: 1;
    }
    50% {
        transform: translateX(-7px); /* Плавно перемещается влево */
        opacity: 1;
    }
    100% {
        transform: translateX(-7px); /* Исчезает слева */
        opacity: 0;
    }
}
.advantages-slider {
    overflow: hidden;
    margin: 0 -25px 0 0;
}
.advantages-slider .swiper {
    margin: 0 -55% 0 0 ;
}
.advantages-slider .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box
}
.advantages-slider .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}
.advantages-slider .swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.advantage-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 8px;
    padding: 16px;
    height: 140px;
    background: #f6f6f6;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4;
    color: #323836;
    box-sizing: border-box;
}
.advantage-item-stem {
    display: block;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.6;
    color: #80c342;
}
.advantage-item-stem span {
    display: inline-block;
    vertical-align: top;
    opacity: 0.3;
}
.advantage-item p {
    margin: 0;
}














.projects-content {
    margin: 0 0 120px;
}
.projects-content h2 {
    max-width: 970px;
    margin: 0 auto 46px;
    font-weight: 500;
    font-size: 56px;
    line-height: 1.2;
    text-align: center;
    color: #151616;
}
.holder-architect-info {
    display: flex;
    margin: 0 0 20px;
    gap: 20px;
}
.architect-info {
    flex: 0 0 290px;
}
.architect-info  {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.architect-info .photo-img {
    max-width: 64px;
    margin: 0 0 25px;
}
.architect-info img {
    display: block;
    max-width: 100%;
}
.architect-name {
    display: block;
    margin: 0 0 5px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    color: #151616;
}
.architect-position {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    color: #808786;
}
.architect-details {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    color: #323836;
}
.architect-details p {
    max-width: 230px;
    margin: 0 0 25px;
}
.architect-details .btn {
    position: relative;
    padding: 18px 45px 18px 15px;
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    color: #fff;
    background: #80c342;
    border-radius: 12px;
}
.architect-details .btn:before {
    content: '';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-color: #FFFFFF;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.4525 0.0723828C4.37766 0.112227 4.26367 0.21918 4.19922 0.310078L4.08203 0.475352L4.07043 2.26711L4.05883 4.05883L2.26711 4.07043L0.475352 4.08203L0.310078 4.19922C0.0520705 4.38215 0 4.5166 0 5C0 5.4834 0.0520705 5.61785 0.310078 5.80078L0.475352 5.91797L2.26711 5.92957L4.05883 5.94117L4.07043 7.73289L4.08203 9.52465L4.19922 9.68992C4.38215 9.94793 4.5166 10 5 10C5.4834 10 5.61785 9.94793 5.80078 9.68992L5.91797 9.52465L5.92957 7.73289L5.94117 5.94117L7.73289 5.92957L9.52465 5.91797L9.68992 5.80078C9.94793 5.61785 10 5.4834 10 5C10 4.5166 9.94793 4.38215 9.68992 4.19922L9.52465 4.08203L7.73289 4.07043L5.94117 4.05883L5.92957 2.26711L5.91797 0.475352L5.80078 0.310078C5.61785 0.0520703 5.4834 0 5 0C4.67445 0 4.56023 0.0151172 4.4525 0.0723828Z" fill="%23323836"/></svg>');
    background-size: 10px 10px;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
}
.holder-architect-info .large-project {
    flex: 1 1 auto;
    min-height: 500px;
}
.large-project {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 7px 5%;
    min-height: 440px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #cbcdcc;
}
.large-project:hover {
    color: #cbcdcc;
}
.large-project:before {
    opacity: 0;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 58px;
    height: 58px;
    background-color: #FFFFFF;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.4525 0.0723828C4.37766 0.112227 4.26367 0.21918 4.19922 0.310078L4.08203 0.475352L4.07043 2.26711L4.05883 4.05883L2.26711 4.07043L0.475352 4.08203L0.310078 4.19922C0.0520705 4.38215 0 4.5166 0 5C0 5.4834 0.0520705 5.61785 0.310078 5.80078L0.475352 5.91797L2.26711 5.92957L4.05883 5.94117L4.07043 7.73289L4.08203 9.52465L4.19922 9.68992C4.38215 9.94793 4.5166 10 5 10C5.4834 10 5.61785 9.94793 5.80078 9.68992L5.91797 9.52465L5.92957 7.73289L5.94117 5.94117L7.73289 5.92957L9.52465 5.91797L9.68992 5.80078C9.94793 5.61785 10 5.4834 10 5C10 4.5166 9.94793 4.38215 9.68992 4.19922L9.52465 4.08203L7.73289 4.07043L5.94117 4.05883L5.92957 2.26711L5.91797 0.475352L5.80078 0.310078C5.61785 0.0520703 5.4834 0 5 0C4.67445 0 4.56023 0.0151172 4.4525 0.0723828Z" fill="%23323836"/></svg>');
    background-size: 10px 10px;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    transition: all linear 0.3s;
}
.large-project:hover:before {
    opacity: 1;
}
.large-project h3 {
    margin: 0 0 8px;
    font-family: 'TT Firs Neue', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2;
    text-align: center;
    color: #fff;
}
.list-projects {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.list-projects .holder-block {
    flex: 0 0 33.3%;
    width: 33.3%;
    margin: 0 0 20px;
    padding: 0 10px;
}
.list-projects .holder-block.w-50 {
    flex: 0 0 50%;
    width: 50%;
}
.video-portfolio-section {
    display: flex;
    margin: 0 0 150px;
}
.video-portfolio-section .holder-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 0 0 773px;
    width: 773px;
    padding: 0 1.2% 0 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    color: #323836;
}
.video-portfolio-section h2{
    max-width: 500px;
    margin: 0 0 30px;
    font-family: 'TT Firs Neue', sans-serif;
    font-weight: 500;
    font-size: 56px;
    line-height: 1.2;
    color: #151616;
}
.video-portfolio-section p {
    max-width: 402px;
    margin: 0 0 23px;
}
.video-portfolio-section .holder-button {
    display: flex;
    justify-content: space-between;
}
.video-portfolio-section .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    padding: 10px 5px;
    width: 207px;
    height: 48px;
    background: #80c342;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    color: #fff;
}
.control-slider {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.control-slider .carousel-pagination {
    margin: 0 10px;
    line-height: 1.4;
    font-weight: 400;
    font-size: 16px;
    color: #808786;
}
.control-slider .carousel-pagination .swiper-pagination-current {
    font-weight: 700;
    font-size: 18px;
    color: #151616;
}
.control-slider .button-swiper-next,
.control-slider .button-swiper-prev {
    cursor: pointer;
    margin: 0 0 0 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    background: #323836;
    border-radius: 8px;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 1;
    transition: all linear 0.1s;
}
.control-slider .button-swiper-next:hover,
.control-slider .button-swiper-prev:hover,
.control-slider .swiper-button-disabled {
    display: flex !important;
    background: #808786;
    color: rgba(255, 255, 255, 0.3);
}
.video-portfolio-section .slider-video {
    flex: 1 1 auto;
    overflow: hidden;
    /*margin: 0 -405px 0 0;*/
    margin: 0 -22% 0 0;
}
.slider-video .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box
}
.slider-video .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}
.slider-video .swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.video-promo-block {
    position: relative;
    display: flex;
    align-items: flex-end;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    padding: 7px 5%;
    min-height: 520px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #cbcdcc;
}
.video-promo-block:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(to top,  rgba(21,21,21,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    opacity: 0.8;
}
.video-promo-block:hover {
    color: #cbcdcc;
}
.video-promo-block:before {
    content: '';
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 140px;
    height: 140px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M49.9999 99.8485C77.5304 99.8485 99.8483 77.5305 99.8483 50C99.8483 22.4694 77.5304 0.151489 49.9999 0.151489C22.4693 0.151489 0.151367 22.4694 0.151367 50C0.151367 77.5305 22.4693 99.8485 49.9999 99.8485ZM60.1665 50.3357C60.8332 49.9508 60.8332 48.9885 60.1665 48.6036L46.462 40.6913C45.7953 40.3064 44.962 40.7875 44.962 41.5573V57.382C44.962 58.1518 45.7953 58.6329 46.462 58.248L60.1665 50.3357Z" fill="white"/></svg>');
    background-size: 100px 100px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    transition: all linear 0.3s;
}
.video-promo-block:hover:before {
    opacity: .8;
}
.video-promo-block .promo-details {
    position: relative;
    z-index: 1;
}
.video-promo-block h3 {
    margin: 0 0 8px;
    font-family: 'TT Firs Neue', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2;
    color: #fff;
}
.projects-top {
    margin: 0 0 110px;
}
.projects-header {
    display: flex;
    justify-content: space-between;
    margin: 0 0 48px;
}
.projects-header .badge {
    margin: 0 4.5% 0 0;
}
 .badge span{
    display: inline-block;
    vertical-align: top;
    padding: 8px 16px;
    background-color: #E6F5D0;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    color: #80c342;
    border-radius: 8px;
}
.projects-header .holder-title {
    padding: 0 10px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    color: #323836;
}
.projects-header h2 {
    margin: 0 0 9px;
    font-family: 'TT Firs Neue', sans-serif;
    font-weight: 500;
    font-size: 56px;
    line-height: 1;
    color: #151616;
}
.projects-header p {
    margin: 0;
}
.project-offer-block {
    display: flex;
    align-items: center;
    margin-top: auto;
    max-width: 600px;
    background: #f6f6f6;
    border-radius: 12px;
    padding: 22px 24px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #151616;
}
.offer-icon {
    flex: 0 0 64px;
    margin: 0 20px 0 0;
}
.offer-icon img {
    display: block;
    max-width: 100%;
}
.promotion-text p {
    margin: 0;
}
.promotion-text a {
    color: #80c342;
    text-decoration: none;
}

.projects-list {
    overflow: hidden;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0 0 60px;
}
.projects-list .project-card {
    flex: 0 0 calc(50% - 10px); /* 20px - это значение gap */
    width:  calc(50% - 10px);
    margin: 0 0 21px;
}
.project-card-slider {
    position: relative;
    margin: 0 0 25px;
}
.project-card-slider .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
    transform: translate3d(0px, 0, 0);
}
.project-card-slider .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}
.project-card-slider .swiper-slide {
    background-position: center;
    background-size: cover;
}
.project-card-slider .swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.project-card-slider .swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}
.project-card-slider .holder-img {
    padding-top: 53.5%;
    overflow: hidden;
    border-radius: 12px;
}
.project-card-slider .holder-img img{
    position: absolute;
    object-fit: cover;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 12px;
    max-height: 460px;
}
.project-card-slider .control-swiper {
    position: absolute;
    z-index: 9;
    right: 25px;
    top: 24px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.project-card-slider .button-swiper-next,
.project-card-slider .button-swiper-prev {
    cursor: pointer;
    margin: 0 0 0 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    background: #323836;
    border-radius: 8px;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 1;
    transition: all linear 0.1s;
}
.project-card-slider .button-swiper-next:hover,
.project-card-slider .button-swiper-prev:hover {
    background: #80c342;
}
.project-info .project-info-head {
    display: flex;
    justify-content: space-between;
}
.project-info h3 {
    margin: 0 0 15px;
    font-family: 'TT Firs Neue', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.2;
    color: #151616;
}
.project-info strong {
    font-weight: 700;
}
.project-info .project-price {
    white-space: nowrap;
    display: block;
    margin: 0 0 8px 10px;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.2;
    text-align: right;
    color: #151616;
}
.project-info .project-info-footer {
    padding: 16px 0 0;
    border-top: 1px solid #edefee;
    display: flex;
    justify-content: space-between;
}
.project-info .project-details {
    display: flex;
    margin-bottom: 0;
}
.project-info .project-details span {
    display: block;
    margin: 0 19px 0 0;
    font-family: 'TT Firs Neue', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    color: #737373;
}
.project-info .project-details b {
    display: block;
    padding: 4px 0 0;
    font-weight: 500;
    font-size: 16px;
    color: #151616;
}
.project-info .btn {
    border-radius: 8px;
    padding: 14px 5px;
    width: 158px;
    border-color: #80c342;
    background: #80c342;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
}
.project-info .btn:hover {
    border-color: #80c342;
    background: #80c342;
    color: #fff;
}
.center-block {
    display: flex;
    justify-content: center;
}
.btn-plus {
    margin: 0 0 30px;
    max-width: 333px;
    position: relative;
    padding: 18px 45px 18px 23px;
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    color: #fff;
    background: #80c342;
    border-radius: 12px;
}
.btn-plus:before {
    content: '';
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-color: #FFFFFF;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.4525 0.0723828C4.37766 0.112227 4.26367 0.21918 4.19922 0.310078L4.08203 0.475352L4.07043 2.26711L4.05883 4.05883L2.26711 4.07043L0.475352 4.08203L0.310078 4.19922C0.0520705 4.38215 0 4.5166 0 5C0 5.4834 0.0520705 5.61785 0.310078 5.80078L0.475352 5.91797L2.26711 5.92957L4.05883 5.94117L4.07043 7.73289L4.08203 9.52465L4.19922 9.68992C4.38215 9.94793 4.5166 10 5 10C5.4834 10 5.61785 9.94793 5.80078 9.68992L5.91797 9.52465L5.92957 7.73289L5.94117 5.94117L7.73289 5.92957L9.52465 5.91797L9.68992 5.80078C9.94793 5.61785 10 5.4834 10 5C10 4.5166 9.94793 4.38215 9.68992 4.19922L9.52465 4.08203L7.73289 4.07043L5.94117 4.05883L5.92957 2.26711L5.91797 0.475352L5.80078 0.310078C5.61785 0.0520703 5.4834 0 5 0C4.67445 0 4.56023 0.0151172 4.4525 0.0723828Z" fill="%23323836"/></svg>');
    background-size: 10px 10px;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
}
.banner-toolbar {
    margin: 0 0 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 32px 10px 9px;
    background: #323836;
    border-radius: 12px;
}
.banner-toolbar .toolbar-item {
    margin: 0 24px 24px;
    display: flex;
    justify-content: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    text-align: center;
    color: #fff;
}
.banner-toolbar .icon {
    flex: 0 0 24px;
    width: 24px;
    margin: 0 16px 0 0;
}
.banner-toolbar span {
    display: block;
}
.dream-sauna-section {
    margin: 24px 0 140px;
    padding: 28.5% 4.3% 70px;
    overflow: hidden;
    position: relative;
    background-image: url("/local/templates/bania.3.1/css/../images/index/img-14.webp");
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    border-radius: 12px;
    color: #FFFFFF;
}
.our_features .swipe-indicator,
.dream-sauna-section .swipe-indicator {
    display: none;
}
.dream-sauna-section:before {
    content: '';
    position: absolute;
    top: 17%;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(360deg, rgba(21, 21, 21, 0) 0%, #151515 100%);
    transform: rotate(180deg);
    opacity: 0.8;
}
.dream-sauna-section .section-title {
    margin: 0 0 15px;
    position: relative;
    z-index: 1;
    font-family: 'TT Firs Neue', sans-serif;
    font-weight: 500;
    font-size: 72px;
    line-height: 1;
    text-align: center;
    color: #fff;
}
.dream-sauna-section .sub-title {
    display: block;
    margin: 0 0 40px;
    position: relative;
    z-index: 1;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
    color: #fff;
}
.sauna-content-section {
    position: relative;
    display: flex;
    gap: 12px;
}
.sauna-content-section .features-grid {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}
.sauna-content-section .feature-item {
    background: #323836;
    border-radius: 12px;
    padding: 24px 24px 18px;
    margin: 0 0 8px;
    width: calc(25% - 12px);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.8);
    box-sizing: border-box;
}
.sauna-content-section .feature-icon {
    max-width: 40px;
    margin: 0 0 44px;
}
.sauna-content-section .feature-icon img {
    display: block;
    max-width: 100%;
}
.sauna-content-section .feature-title {
    margin: 0 0 12px;
    font-family: 'TT Firs Neue', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.4;
    color: #fff;
}
.sauna-content-section p {
    margin: 0;
}
.consultation-form {
    flex: 0 0 28%;
    margin: 0 0 8px;
    padding: 24px;
    background: #fff;
    border-radius: 12px;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4;
    color: #737373;
}
.consultation-form .col {
    margin: 0 0 8px;
}
.consultation-form .col input {
    border: 1px solid #edefee;
    border-radius: 8px;
    padding: 16px 24px;
    width: 100%;
    height: 54px;
    background: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.6;
    color: #737373;
}
.consultation-form .btn {
    border-radius: 12px;
    padding: 18px 5px;
    margin: 0 0 11px;
    max-width: 100%;
    width: 100%;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    color: #fff;
}
.form-policy {
    display: inline-block;
    vertical-align: top;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4;
    color: #737373;
}
.form-policy input {
    display: none;
}
.form-policy span {
    position: relative;
    padding: 0 0 0 29px;
    display: inline-block;
    vertical-align: top;
}
.form-policy span:before {
    cursor: pointer;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 0 13px 0 0;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: 1px solid #cbcdcc;
    box-sizing: border-box;
}
.form-policy input:checked + span:before {
    background-color: #80c342;
    background-image: url("data:image/svg+xml;utf8,<svg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M6.83029 0.850675C6.77869 0.878337 5.8428 1.82081 4.7505 2.94505L2.7645 4.98914L2.01415 4.21196C1.13041 3.29669 1.05552 3.24714 0.706608 3.34702C0.554623 3.39051 0.150049 3.78113 0.0613596 3.97C-0.019574 4.14242 -0.0205123 4.35065 0.0589515 4.51937C0.0990118 4.60445 0.546148 5.08782 1.33331 5.89698C2.63019 7.23011 2.64933 7.24597 2.88212 7.1792C3.02203 7.13906 7.88412 2.12854 7.95501 1.95138C8.01862 1.79257 8.01465 1.6167 7.94391 1.45869C7.87771 1.31074 7.45856 0.880142 7.33278 0.830847C7.20875 0.782229 6.93799 0.792901 6.83029 0.850675Z' fill='white' /></svg>");
    background-position: center;
    background-repeat: no-repeat;
    border-color: #80c342;
}
.form-policy a {
    text-decoration: none;
    color: #80c342;
}
.form-policy a:hover {
    text-decoration: underline;
}
.reviews-section {
    margin: 0 0 120px;
}
.reviews-header {
    position: relative;
    display: flex;
    margin: 0 0 28px;
}
.reviews-header .swipe-indicator {
    display: none;
}
.reviews-header .badge {
    padding: 13px 0 0;
    margin: 0 18% 0 0;
}
.reviews-header h2 {
    max-width: 600px;
    margin: 0 0 20px;
    font-family: 'TT Firs Neue', sans-serif;
    font-weight: 500;
    font-size: 56px;
    line-height: 1.2;
    color: #151616;
}
.reviews-navigation {
    position: absolute;
    right: 0;
    bottom: 20px;
    display: flex;
    justify-content: end;
    margin-top: 20px;
}

.reviews-navigation .reviews-next,
.reviews-navigation .reviews-prev {
    cursor: pointer;
    margin: 0 0 0 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    background: #323836;
    border-radius: 8px;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 1;
    transition: all linear 0.1s;
}
.reviews-navigation .reviews-next:hover,
.reviews-navigation .reviews-prev:hover {
    background: #80c342;
}
.features-section  .swiper-pagination,
.reviews-swiper .swiper-pagination {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin: 0 200px 20px 0;
    padding-bottom: 24px;
    bottom: -18px !important;
    transform: translate3d(0, 24px, 0) !important;
}
.features-section {
    padding: 0 0 24px;
}
.features-section .swiper-pagination .swiper-pagination-bullet,
.reviews-swiper .swiper-pagination .swiper-pagination-bullet{
    cursor: pointer;
    display: block;
    border-radius: 8px;
    width: 50px;
    height: 6px;
    background: #80c342 !important;

}
.reviews-swiper .swiper-pagination .swiper-pagination-bullet:hover,
.reviews-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #80c342;
}

.reviews-swiper {
    position: relative;
    overflow: hidden;
    margin: 0 -200px 0 0;
}
.reviews-swiper .swiper-wrapper {
    margin: 0 0 24px;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box
}
.reviews-swiper .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}
.reviews-swiper .swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.testimonial-card {
    position: relative;
    display: block;
    border-radius: 12px;
    overflow: hidden;
    min-height: 460px;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}

.testimonial-card:before {
    content: '';
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 100px;
    height: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M49.9999 99.8485C77.5304 99.8485 99.8483 77.5305 99.8483 50C99.8483 22.4694 77.5304 0.151489 49.9999 0.151489C22.4693 0.151489 0.151367 22.4694 0.151367 50C0.151367 77.5305 22.4693 99.8485 49.9999 99.8485ZM60.1665 50.3357C60.8332 49.9508 60.8332 48.9885 60.1665 48.6036L46.462 40.6913C45.7953 40.3064 44.962 40.7875 44.962 41.5573V57.382C44.962 58.1518 45.7953 58.6329 46.462 58.248L60.1665 50.3357Z" fill="white"/></svg>');
    background-size: 71px 71px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    transition: all linear 0.3s;
}
.testimonial-card:hover:before {
    opacity: .8;
}
.holder-map {
    position: relative;
    margin: 0 0 24px;
}
.holder-map .badge {
    position: absolute;
    left: 0;
    top: 0;
}
.holder-map h2 {
    max-width: 1060px;
    padding: 0 0 0 15px;
    margin: 0 auto 40px;
    font-family: 'TT Firs Neue', sans-serif;
    font-weight: 500;
    font-size: 56px;
    line-height: 1.2;
    color: #151616;
}
.map {
    width: 100%;
    height: 734px;
    border-radius: 12px;
}
.ymaps-2-1-79-balloon__content {
    padding: 0!important;
    border-radius: 4px;
    overflow: hidden;
}
.ymaps-2-1-79-balloon__content > ymaps {
    height: auto!important;
}
.ymaps-2-1-79-balloon {
    border: none !important;
    box-shadow: none !important;
}
.ymaps-2-1-79-balloon__layout {
    border-radius: 5px;
}
.ymaps-2-1-79-balloon_to_top .ymaps-2-1-79-balloon__tail {
    display: none;
}
.listing-details-map {
    padding: 5px;
}
.features-slider {
    position: relative;
    overflow: hidden;
    margin: 0 -200px 123px 0;
}
.features-slider .swiper-slide {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}
.features-slider .swiper-slide div {
    position: relative;
    z-index: 2;
}
.features-slider .swiper-slide:after {
    content: '';
    font-size: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 400px;
  background: linear-gradient(to bottom, transparent, black);
  z-index: 1;
}
.features-slider .swiper-wrapper {
    margin: 0 0 24px;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box
}
.features-slider .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 720px;
    border-radius: 12px;
    font-family: 'TT Firs Neue', sans-serif;
    padding: 16px 40px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    color: #edefee;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}
.features-slider .swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.features-slider .slide-number {
    display: block;
    border-bottom: 1px solid #fff;
    padding: 0 0 11px 0;
    margin: 0 0 10px;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.2;
    text-align: center;
    color: #fff;
}
.features-slider p {
    margin: 0 0 22px;
}
.features-slider strong {
    font-weight: 600;
}
.features-slider .slide-title {
    display: block;
    margin: 0 0 26px;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2;
    text-align: center;
    color: #fff;
}
.features-slider .swiper-pagination {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin: 0 200px 20px 0;
}
.features-slider .swiper-pagination .swiper-pagination-bullet{
    cursor: pointer;
    display: block;
    border-radius: 8px;
    width: 50px;
    height: 6px;
    background: #edefee;
}
.features-slider .swiper-pagination .swiper-pagination-bullet:hover,
.features-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #80c342;
}
.link-more {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    text-decoration: none;
}
.link-more svg {
    margin: 0 0 0 5px;
}
.features-slider .link-more {
    display: none;
}
.guide-section {
    padding: 120px 0;
    background: #f6f6f6;
}
.guide-section .holder-title {
    text-align: center;
}
.guide-section .holder-title .badge {
    margin: 0 0 25px;
}
.guide-section .holder-title .badge span {
    background: #80c342;
    color: #fff;
}
.guide-section h2 {
    max-width: 1160px;
    text-align: center;
    margin: 0 auto 45px;
    font-family: 'TT Firs Neue', sans-serif;
    font-weight: 500;
    font-size: 56px;
    line-height: 1.2;
    color: #151616;
}
.guide-section h2 span {
    color: #80c342;
}
.guide-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}
.guide-cards .guide-card {
    flex: 0 0 calc(20% - 20px);
}
.guide-card {
    margin: 0 0 8px;
    min-height: 352px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 100%;
    border-radius: 12px;
    overflow: hidden;
    padding: 32px 28px 100px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #323836;
}
.guide-card .badge {
    margin: 0 0 23px;
}
.guide-card strong {
    font-weight: 600;
}
.guide-buttons {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 18px;
}
.guide-buttons .btn {
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    padding: 10px 24px;
    height: 56px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    color: #fff;
}

.guide-buttons .btn svg {
    margin-right: 10px;
}
.btn.blue {
    background: #18a3e6;
    border-color: #18a3e6;
}
.btn.blue:hover {
    box-shadow: 10.6px 10.6px 25px rgba(24, 163, 230, 0.50);
    font-family: 'TT Firs Neue', serif;
    background: #18a3e6;
    border: 1px solid #18a3e6;
}
.choose-block {
    margin: 0 0 24px;
}
.choose-block .block-head {
    display: flex;
    justify-content: center;
}
.choose-block .block-head .head-text {
    display: flex
;
    justify-content: center;
    flex-direction: column;
    width: 55%;
    margin-bottom: 48px;
}
.choose-block .block-head .tag {
    top: 0;
    transform: none;
}
.choose-holder {
    display: flex;
    gap: 20px;
}
.choose-holder .choose-item {
    flex: 0 1 352px;
    width: 352px;
    box-sizing: border-box;
    padding: 12px;
    border-radius: 12px;
    background: rgba(246, 246, 246, 1);
}
.choose-holder .choose-item .choose-image {
    border-radius: 8px;
    overflow: hidden;
    margin: 0 0 32px;
    height: 254px;
}
.choose-holder .choose-item .choose-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.choose-holder .choose-item .choose-text {
    padding: 0 20px;
}
.choose-holder .choose-item .choose-text em {
    font-style: normal;
    color: rgba(128, 195, 66, 1);
    background-color: rgba(128, 195, 66, 0.1);
    display: inline-block;
    font-size: 16px;
    line-height: 40px;
    font-weight: 500;
    height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 8px;
    margin: 0 0 32px;
}
.choose-holder .choose-item .choose-text h4 {
    margin: 0 0 12px;
    font-size: 24px;
    line-height: 28px;
    color: rgba(21, 22, 22, 1);
    font-weight: 400;
}
.choose-holder .choose-item .choose-text p {
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    color: rgba(21, 22, 22, 1);
}
.choose-holder .choose-item .choose-text p strong {
    font-weight: 600;
}
.card-project-info .project-image {
    flex:0 0 42%;
}
.card-project-info .project-list-info {
    padding: 24px 0 73px;
}
.card-project-info .project-list-info p {
    margin:0 0 20px;
}
.card-project-info .project-list-info ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 8px;
}
.card-project-info .project-list-info ul li em {
    display: flex;
    background: rgba(128, 195, 66, 0.1);
    height: 40px;
    line-height: 40px;
    width: 40px;
    justify-content: center;
    align-items: center;
    margin: 0 0 16px;
    border-radius: 8px;
}
.card-project-info .project-list-info ul li p {
    margin: 0;
}
.project-price-block {
    display: flex;
    gap: 8px;
}
section.project-price-block {
    display: none;
}
.project-price-form {
    flex: 0 0 50%;
    padding:32px;
    background: rgba(50, 56, 54, 1);
    border-radius: 12px;
    color: #fff;
}
.project-price-block .project-price-info h4 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    margin: 0 0 12px;
}
.project-price-block .project-price-info {
    flex: 0 0 50%;
    width: 50%;
    box-sizing: border-box;
    border-radius: 12px;
    background-color: #fff;
    padding: 31px 150px 40px 32px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 100% 100%;
}
.project-price-form label {
    display: block;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    margin: 0 0 8px;
}
.project-price-form label strong {
    color: rgba(128, 195, 66, 1);
}
.project-price-form p {
    color: #fff !important;
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 23px;
}
.project-price-form .form-input {
    margin: 0 0 8px;
}
.project-price-form .form-input input[type=text] {
    width: 100%;
    border-radius: 8px;
    border: 1px solid rgba(237, 239, 238, 1);
    background: #fff;
    padding: 24px 16px;
    font-size: 14px;
    line-height: 22px;
    height: 54px;
}
.project-price-form .btn {
    width: 100%;
    text-align: center;
    margin: 0 0 12px;
    height: 56px;
}
.project-price-form .form-input label {
    margin: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: rgba(246, 246, 246, 1);
}
.project-price-form .form-input label a {
    color: rgba(128, 195, 66, 1);
}
.card-project-info .project-image.project-image-gallery {
    margin: 0 42px auto 0;
    padding: 18px;
    height: auto;
    flex-direction: column;
}
.big-gallery.card-project-info {
    align-items: stretch;
}

.big-gallery.card-project-info .project-image.project-image-gallery {
    position: relative;
    padding: 0;
    margin: 0 42px 0 0;
}
.big-gallery.card-project-info .project-image.project-image-gallery .swiper-slide {
    border-radius: 12px;
    overflow: hidden;
}
.big-gallery.card-project-info.flex-reverse .project-image.project-image-gallery {
    margin: 0 0 0 42px;
}
.big-gallery.card-project-info .project-info .project-text {
    padding: 0 10% 0 0;
}
.big-gallery.card-project-info .project-image.project-image-gallery .card-project-info-nav .swiper-pagination-current,
.big-gallery.card-project-info .card-project-info-nav {
    color: #fff !important;
}
.big-gallery.card-project-info .project-image.project-image-gallery .card-project-info-nav {
    gap: 8px;
}
.big-gallery.card-project-info .project-image.project-image-gallery .swiper-slide img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.big-gallery.card-project-info .project-image.project-image-gallery .card-project-info-nav {
    position: absolute;
    right: 48px;
    bottom: 37px;
    z-index: 100;
}
.card-project-info .project-text-list {
    padding: 140px 0 0;
}
.card-project-info .project-text-list li {
    position: relative;
    margin: 0 0 12px;
    padding: 0 0 0 42px;
}
.card-project-info .project-text-list li span {
    position: absolute;
    top:3px;
    left:0;
    display: flex;
    background-color: rgba(128, 195, 66, 1);
    width: 16px;
    height: 16px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}

.card-project-info.big-gallery {

}
.card-project-info .project-image.project-image-gallery .card-project-info-nav{
    margin-top: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}
.card-project-info .project-image.project-image-gallery .card-project-info-nav .swiper-pagination-current {
    font-weight: 700;
    font-size: 18px;
    color: rgba(21, 22, 22, 1);
}
.card-project-info .project-image.project-image-gallery .btn-prev,
.card-project-info .project-image.project-image-gallery .btn-next {
    display: block !important;
    background-color: rgba(50, 56, 54, 1);
    height: 48px;
    width: 48px;
    border-radius: 8px;
    text-align: center;
    line-height: 48px;
    flex: 0 0 48px;
}
.card-project-info .project-image.project-image-gallery .btn-prev svg{
    margin: 0 0 -4px;
}
.card-project-info .project-image.project-image-gallery .btn-next {
    padding: 4px 0 0;
}
.card-project-info .project-image.project-image-gallery span svg path {
    fill: #fff;
}
.technologies-block {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    padding: 80px;
    margin-bottom: 160px;
}
.technologies-block * {
    position: relative;
    z-index: 1;
}
.technologies-block h4 {
    color: #fff;
    font-size: 56px;
    line-height: 67px;
    margin: 0 0 16px;
    font-weight: 500;
}
.technologies-block .text-block p {
    font-size: 18px;
    line-height: 25px;
    margin: 0;
    color: rgba(246, 246, 246, 1);
}
.technologies-block .text-block {
    margin: 0 0 123px;
    width: 50%;
}
.technologies-block .technologies-info {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 50%;
    display: flex;
    gap: 48px;
    flex-wrap: wrap;
    color: #fff;
}
.technologies-block .technologies-info li {
    flex: 0 0 28%;
}
.technologies-block .technologies-info strong {
    display: block;
    margin: 0 0 2px;
    font-size: 40px;
    line-height: 40px;
    font-weight: 400;
}
.technologies-block .technologies-info p {
    font-size: 16px;
    line-height: 22px;
    color: rgba(246, 246, 246, 1);
    margin: 0;
}
.technologies-block .image {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    height: 100%;
    z-index: 0;
}
.technologies-block .image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.technologies-block .image img + img {
    display: none;
}
.technologies-block .cup .icon {
    position: absolute;
    top:-30px;
    left:-30px;
}
.technologies-block .cup {
    backdrop-filter: blur(24px);
    position: absolute;
    right: 32px;
    bottom: 32px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    width: 300px;
    padding: 12px;
}
.technologies-block .cup .visual {
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
    margin: 0 0 24px;
}
.technologies-block .cup strong {
    display: block;
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    margin: 0 12px 8px;
    font-weight: 400;
}
.technologies-block .cup p {
    margin: 0 12px;
    font-size: 14px;
    line-height: 19px;
    color: rgba(246, 246, 246, 1);
}
.project-opinion-galllery {
    position: relative;
    margin: 0 -200px 0 0;
}
.project-opinion-galllery .buttons {
    right: 200px;
}
.project-opinion-galllery .visual {
    height: 480px;
    overflow: hidden;
    border-radius: 12px;
    margin: 0 0 24px;
}
.project-opinion-galllery .visual img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.project-opinion-galllery h4 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    margin: 0 0 32px;
    color: rgba(21, 22, 22, 1);
}
.project-opinion-galllery p {
    font-size: 16px;
    line-height: 22px;
    color: rgba(128, 135, 134, 1);
    margin: 0 0 8px;
}
.project-opinion-galllery .text-block a {
    color: rgba(21, 22, 22, 1);
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 22px;
}
.project-opinion-galllery .text-block a svg {
    margin: 0 0 0 8px;
}

.project-options .buttons {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: -96px;
    right: 0;
    display: flex;
    gap: 8px;
    z-index: 2;
}
.project-opinion-galllery .buttons {
    right: 200px;
}
.project-options .buttons a {
    display: block !important;
    height: 48px;
    width: 48px;
    border-radius: 8px;
    text-align: center;
    line-height: 48px;
    background-color: rgba(50, 56, 54, 1);
    text-decoration: none;
    padding: 4px 0 0;
}
.project-options .buttons a:hover {
    background-color: rgba(128, 195, 66, 1);
}
.card-project-info.flex-reverse {
    flex-direction: row-reverse;
}
.card-project-info.flex-reverse .project-image {
    margin: 0 0 auto 42px;
}
.card-project-info.flex-reverse .project-info .project-text {
    padding: 0 10% 0 0;
}
.card-project-info.flex-reverse .project-info .project-text p {
    margin: 0 0 24px;
}
.result-block {
    background-position: 50% 65%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: 48px;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    margin: 0 0 48px;
}
/* overlay */

.result-block:after {
position: absolute;
left: 0px;
top: 0;
right: 0;
bottom: 0;
z-index:0;

background: linear-gradient(270deg, rgba(21, 21, 21, 0) 0%, #151515 100.04%);
mix-blend-mode: normal;
content: '';
}
.result-block * {
    position: relative;
    z-index: 2;
}
.result-block h4 {
    color: #fff;
    font-size: 42px;
    line-height: 50px;
    margin: 0 0 113px;
    font-weight: 500;
}
.result-block .price {
    display: flex;
    gap: 49px
}
.result-block .price-item em {
    font-style: normal;
    color: #fff;
    display: block;
    margin: 0 0 12px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}
.result-block .price-item strong {
    color: rgba(128, 195, 66, 1);
    display: block;
    font-size: 32px;
    line-height: 38px;
    margin: 0 0 14px;
    font-weight: 500;
}
.result-block .price-item p {
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    color: rgba(255, 255, 255, 1);
}
.result-block .price-item:last-child {
    border-left: 1px solid #fff;
    padding: 0 0 0 23px;
}
.result-block .result-popup {
    position: absolute;
    top: 48px;
    right: 48px;
    width: 30%;
    padding: 32px;
    border-radius: 12px;
    background: rgba(50, 56, 54, 1);
}
.result-block .result-popup p {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 16px ;
}

.result-block .result-popup .btn {
    display: block;
    text-align: center;
    height: 56px;
    font-size: 16px;
}
.result-block .result-popup .title {
    display: flex;
    align-items: center;
    font-size: 24px;
    line-height: 33px;
    margin: 0 0 40px;
    color: #fff;
}
.result-block .result-popup .title svg {
    margin: 0 24px 0 0;
}
@media screen and (max-width: 1550px) {
    .dream-sauna-section {
        margin: 24px 0 100px;
        padding: 28.5% 3% 70px;
        }
}
@media screen and (max-width: 1450px) {
    .video-portfolio-section .holder-text {
        flex: 0 0 650px;
        width: 650px;
    }
    .projects-header .badge {
        margin: 0 20px 0 0;
    }
    .projects-header h2 {
        font-size: 45px;
    }
    .project-info .project-price,
    .project-info h3 {
        font-size: 20px;
    }
    .sauna-content-section .feature-item {
        width: calc(50% - 12px);
        margin: 0;
    }
}
@media screen and (max-width: 1330px) {
    .holder-map .badge {
        position: static;
        margin: 0 0 24px;
    }
    .holder-map h2 {
        padding: 0;
        max-width: 100%;
    }
    .guide-cards .guide-card {
        flex: 0 0 calc(33.3% - 20px);
    }
    .guide-cards .guide-card:first-child {
        flex: 0 0 calc(67.5% - 20px);
        padding-right: 30%;
    }
}
@media screen and (max-width: 1250px) {
    .projects-header {
        display: block;
        margin: 0 0 20px;
    }
    .projects-header .badge {
        margin: 0 0 24px;
    }
    .projects-header .holder-title {
        margin: 0 0 48px;
    }
    .project-see-mmore-galllery {
        margin: 50px -200px 0 0;
    }
}
@media screen and (max-width: 1170px) {
    .hero-promo h1 {
        font-size: 65px;
    }
    .guide-section h2,
    .holder-map h2,
    .reviews-header h2,
    .video-portfolio-section h2,
    .projects-content h2 {
        font-size: 50px;
    }
    .video-portfolio-section .holder-text {
        flex: 0 0 500px;
        width: 500px;
    }
    .video-promo-block {
        font-size: 14px;
    }
    .video-promo-block h3 {
        font-size: 20px;
    }
    .projects-list {
        overflow: hidden;
        overflow-x: auto;
        flex-wrap: nowrap;
        margin: 0 0 40px;
    }
    .projects-list .project-card {
        flex: 0 0 621px;
        width: 621px;
    }
    .projects-top {
        margin: 0 0 70px;
    }
    .dream-sauna-section {
        padding: 28.5% 3% 45px;
    }
    .dream-sauna-section .section-title {
        font-size: 55px;
    }
    .consultation-form {
        flex: 0 0 34%;
    }
    .testimonial-card {
        min-height: 400px;
    }
    .map {
        height: 600px;
    }
    .features-slider .swiper-slide {
        font-size: 12px;
        min-height: 480px;
        padding: 16px 23px;
    }
    .features-slider {
        margin: 0 -200px 90px 0;
    }
    .features-slider .slide-number {
        font-size: 14px;
        padding: 0 0 7px 0;
    }
    .features-slider .slide-title {
        font-size: 20px;
    }
    .guide-section {
        padding: 65px 0;
    }
}
@media screen and (max-width: 991px) {
    .hero-promo {
        padding: 50px 52px 30px;
        margin-bottom: 100px;
    }
    .hero-promo .reviews-list {
        right: 26px;
        top: 21px;
    }
    .hero-promo-content {
        margin: 0 110px 305px 0;
    }
    .hero-promo .holder-title {
        min-height: 0;
    }
    .hero-promo h1 {
        margin: 0 0 10px;
        font-size: 56px;
    }
    .hero-promo .holder-title p {
        margin: 0 0 40px;
        max-width: 460px;
    }
    .hero-promo-details {
        font-size: 14px;
        padding: 15px 0 0 0;
    }
    .hero-promo-details li {
        max-width: 28%;
    }
    .hero-promo-details span {
        margin: 0 0 27px;
    }
    .hero-promo-details p {
        margin: 0 0 20px;
    }
    .projects-content h2 {
        font-size: 45px;
        margin: 0 auto 31px;
    }
    .architect-name {
        font-size: 14px;
    }
    .architect-position {
        font-size: 12px;
    }
    .architect-details {
        font-size: 14px;
    }
    .holder-architect-info {
        gap: 8px;
        margin: 0 0 8px;
    }
    .architect-info {
        flex: 0 0 231px;
    }
    .architect-details p {
        margin: 0 0 15px;
    }
    .architect-details .btn {
        padding: 15px 45px 15px 15px;
    }
    .holder-architect-info .large-project {
        min-height: 400px;
    }
    .list-projects {
        margin: 0 -8px;
    }
    .list-projects .holder-block {
        flex: 0 0 50%;
        width: 50%;
        margin: 0 0 8px;
        padding: 0 4px;
    }
    .large-project {
        min-height: 300px;
        font-size: 14px;
        padding: 7px 7%;
    }
    .large-project h3 {
        font-size: 20px;
        margin: 0 0 6px;
    }
    .large-project p {
        margin: 0 0 25px;
    }
    .video-portfolio-section {
        display: block;
        margin: 0 0 100px;
    }
    .video-portfolio-section .holder-text {
        margin: 0 0 20px;
        width: 100%;
        padding: 0;
        font-size: 16px;
    }
    .projects-content {
        margin: 0 0 93px;
    }
    .video-portfolio-section h2 {
        font-size: 42px;
        margin: 0 0 14px;
    }
    .video-portfolio-section p {
        margin: 0 0 47px;
        max-width: 580px;
    }
    .video-promo-block {
        padding: 7px 8%;
        min-height: 400px;
    }
    .video-promo-block p {
        margin: 0 0 24px;
    }
    .video-portfolio-section .slider-video {
        margin: 0 -25px 0 0;
    }
    .carousel-video {
        margin: 0 -79% 0 0;
    }
    .video-promo-block .promo-details {
        max-width: 300px;
    }
    .video-promo-block h3 {
        margin: 0 0 14px;
    }
    .video-promo-block:before {
        width: 80px;
        height: 80px;
        background-size: 57px 57px;
    }
    .projects-header .badge {
        margin: 0 0 28px;
    }
    .badge span {
        padding: 9px 16px;
        font-size: 12px;
    }
    .projects-header h2 {
        margin: 0 0 12px;
        font-size: 42px;
    }
    .projects-header .holder-title {
        font-size: 16px;
        padding: 0;
    }
    .project-offer-block {
        max-width: 100%;
        padding: 14px 26px;
        font-size: 14px;
    }
    .offer-icon {
        flex: 0 0 57px;
        margin: 0 26px 0 0;
    }
    .project-offer-block .promotion-text {
        max-width: 450px;
    }
    .project-card-slider .holder-img {
        padding-top: 56.5%;
    }
    .projects-list {
        margin: 0 0 20px;
    }
    .btn-plus {
        max-width: 346px;
    }
    .projects-top {
        margin: 0 0 20px;
    }
    .banner-toolbar .toolbar-item {
        margin: 0 7px 24px;
    }
    .dream-sauna-section {
        padding: 28.5% 52px 45px;
    }
    .sauna-content-section {
        display: block;
    }
    .sauna-content-section .features-grid {
        margin: 0 0 8px;
    }
    .sauna-content-section .feature-icon {
        margin: 0 0 60px;
    }
    .sauna-content-section .feature-title {
        font-size: 16px;
        margin: 0 0 8px;
    }
    .sauna-content-section .feature-item {
        padding: 24px 24px 24px;
        font-size: 14px;
    }
    .reviews-header {
        display: block;
        margin: 0 0 20px;
    }
    .reviews-header .badge {
        padding: 0;
        margin: 0 0 31px;
    }
    .reviews-header h2 {
        font-size: 42px;
        margin: 0 176px 20px 0;
    }
    .reviews-navigation {
        bottom: 0;
    }
    .reviews-swiper {
        margin: 0 -102px 0 0;
    }
    .reviews-swiper .swiper-pagination .swiper-pagination-bullet {
        width: 32px;
    }
    .reviews-swiper .swiper-wrapper {
        margin: 0 0 20px;
    }
    .reviews-swiper .swiper-pagination {
        margin: 0 102px 20px 0;
    }
    .reviews-section {
        margin: 0 0 80px;
    }
    .holder-map {
        margin: 0 0 17px;
    }
    .holder-map h2 {
        font-size: 42px;
        margin: 0 6% 29px 0;
    }
    .map {
        height: 400px;
    }
    .features-slider {
        margin: 0 -250px 80px 0;
    }
    .features-slider .swiper-wrapper {
        margin: 0 0 19px;
    }
    .features-slider .swiper-slide {
        padding: 16px 23px 10px;
    }
    .features-slider .slide-title {
        margin: 0 0 19px;
    }
    .features-slider .slide-title br {
        display: none;
    }
    .features-slider p {
        margin: 0 0 15px;
    }
    .features-slider .swiper-pagination .swiper-pagination-bullet {
        width: 32px;
    }
    .guide-section h2 {
        max-width: 670px;
        margin: 0 auto 30px;
        font-size: 42px;
    }
    .guide-cards {
        gap: 8px;
    }
    .guide-card {
        padding: 25px 28px 100px;
        margin: 0;
    }
    .guide-cards .guide-card {
        flex: 0 0 calc(50% - 4px);
    }
    .guide-cards .guide-card:first-child {
        flex: 0 0 100%;
        padding-right: 30%;
    }
    .guide-buttons {
        gap: 8px;
        margin-top: 21px;
    }
    .guide-buttons .btn {
        font-size: 14px;
        height: 48px;
    }

}
@media screen and (max-width: 768px) {
    .hero-promo {
        margin-top: 42px;
    }
}
@media screen and (max-width: 750px) {
    .hero-promo {
        padding: 32px 20px 19px;
        margin-left: -25px;
        margin-right: -25px;
        font-size: 14px;
    }
    .hero-promo:before {
        background: #292929;
        height: 190px;
        width: 100%;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .hero-promo:after {
        height: 173px;
        bottom: 190px;
        background: linear-gradient(360deg, rgba(21, 21, 21, 0) 0%, #292929 100%);
        transform: rotate(180deg);
    }
    .hero-promo-content {
        margin: 0;
    }
    .hero-promo h1 {
        font-size: 32px;
        line-height: 1.02;
    }
    .hero-promo .holder-title {
        margin: 0 0 226px;
    }
    .test-offer-intro {
        font-size: 14px;
        margin-right: 110px;
    }
    .hero-promo-offers li {
        padding-left: 18px;
        margin-bottom: 4px;
    }
    .hero-promo-offers {
        font-size: 12px;
        margin: 0 0 23px;
    }
    .hero-promo .green {
        margin: 0 0 11px;
        max-width: 300px;
        font-size: 14px;
    }
    .hero-promo-details {
        display: none;
    }
    .hero-promo .reviews-list {
        width: auto;
        position: relative;
        right: auto;
        top: auto;
        flex-direction: row;
        justify-content: space-between;
    }
    .review-card {
        border: 1px solid rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(24px);
        background: rgba(20, 20, 20, 0.2);
        border-radius: 8px;
        padding: 11px;
    }
    .review-icon {
        margin: 0 0 12px;
        max-width: 40px;
    }
    .review-score {
        margin: 0 0 3px;
        font-size: 20px;
    }
    .review-count {
        font-size: 8px;
    }
    .projects-content {
        position: relative;
        padding-bottom: 50px;
    }
    .projects-content h2 {
        margin: 0 0 7px;
        font-size: 28px;
        line-height: 1.1;
        text-align: left;
    }
    .holder-architect-info {
        display: block;
    }
    .architect-info-head {
        display: none;
    }
    .architect-details .btn {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .architect-info {
        margin: 0 0 10px;
    }
    .holder-architect-info .large-project {
        min-height: 300px;
    }
    .large-project {
        min-height: 260px;
    }
    .list-projects .holder-block.w-50,
    .list-projects .holder-block {
        flex: 0 0 100%;
        width: 100%;
        min-height: 260px;
    }
    .large-project {
        text-align: left;
        font-size: 12px;
    }
    .large-project h3 {
        font-size: 16px;
        text-align: left;
        margin: 0 0 6px;
    }
    .large-project p {
        margin: 0 0 12px;
    }
    .projects-content {
        margin: 0 0 79px;
    }
    .video-portfolio-section {
        position: relative;
        padding-bottom: 43px;
        margin: 0 0 80px;
    }
    .video-portfolio-section h2 {
        font-size: 28px;
        margin: 0 20px 8px 0;
    }
    .video-portfolio-section .holder-text {
        margin: 0 0 20px;
        font-size: 14px;
    }
    .video-portfolio-section p {
        margin: 0 0 14px;
    }
    .video-promo-block {
        padding: 7px 8%;
        min-height: 250px;
    }
    .carousel-video {
        margin: 0 -57% 0 0;
    }
    .video-promo-block:before {
        width: 48px;
        height: 48px;
        background-size: 34px 34px;
        transform: translateY(0) translateX(0);
        left: auto;
        right: 16px;
        top: 16px;
    }
    .video-promo-block {
        font-size: 12px;
    }
    .video-promo-block h3 {
        font-size: 16px;
        margin: 0 13% 9px 0;
    }
    .video-portfolio-section .holder-button {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .control-slider .button-swiper-next, .control-slider .button-swiper-prev {
        flex: 0 0 32px;
        width: 32px;
        height: 32px;
        font-size: 12px;
        box-sizing: border-box;
    }
    .video-portfolio-section .btn {
        padding: 5px 5px;
        width: 146px;
        height: 32px;
        font-size: 12px;
    }
    .control-slider .carousel-pagination {
        margin: 3px 2px 0 0;
        font-size: 12px;
    }
    .control-slider .carousel-pagination .swiper-pagination-current {
        font-size: 14px;
    }
    .badge span {
        padding: 4px 12px;
        font-size: 12px;
    }
    .projects-header .badge {
        margin: 0 0 24px;
    }
    .projects-header h2 {
        margin: 0 0 10px;
        font-size: 28px;
    }
    .projects-header .holder-title {
        font-size: 14px;
        margin: 0 0 33px;
    }
    .project-offer-block {
        display: block;
        padding: 13px 16px;
        font-size: 12px;
    }
    .offer-icon {
        width: 48px;
        margin: 0 0 26px;
    }
    .projects-list {
        display: block;
        margin: 0;
    }
    .projects-list .project-card {
        width: 100%;
    }
    .project-card-slider .holder-img {
        padding-top: 60.5%;
    }
    .project-card-slider .control-swiper {
        right: 12px;
        top: 11px;
    }
    .project-card-slider .button-swiper-next, .project-card-slider .button-swiper-prev {
        width: 32px;
        height: 32px;
        font-size: 12px;
    }
    .project-info .project-info-head {
        display: block;
    }
    .project-card-slider {
        margin: 0 0 10px;
    }
    .project-info h3 {
        margin: 0 0 20px;
        font-size: 16px;
    }
    .project-info .project-price {
        font-size: 18px;
        margin: 0 0 9px;
        text-align: left;
    }
    .project-info .project-details {
        margin: 0 0 14px;
    }
    .project-info .project-info-footer {
        padding: 8px 0 0;
        display: block;
    }
    .project-info .project-details span {
        margin: 0 12px 0 0;
        font-size: 12px;
    }
    .project-info .project-details b {
        font-size: 16px;
    }
    .project-info .btn {
        max-width: 100%;
        width: 100%;
    }
    .btn-plus {
        padding: 15px 45px 15px 23px;
    }
    .main-content-box {
        padding-top: 39px;
    }
    .triple-d-tour {
        margin-left: -25px;
        margin-right: -25px;
    }
    .triple-d-tour .banner-tour {
        padding: 48px 21px 0;
    }
    .triple-d-tour .banner-tour .banner-tour__wrapper .banner-tour__title {
        margin-bottom: 8px;
        font-size: 28px;
        line-height: 1.1;
    }
    .triple-d-tour .banner-tour .banner-tour__wrapper .banner-tour__subtitle{
        font-size: 14px;
        text-align: left;
    }
    .banner-toolbar {
        margin: 0 0 40px;
        padding: 18px 10px 5px;
    }
    .banner-toolbar .toolbar-item {
        font-size: 12px;
        margin: 0 6px 12px;
    }
    .banner-toolbar .icon {
        flex: 0 0 16px;
        width: 16px;
        margin: 0 7px 0 0;
    }
    .dream-sauna-section {
        margin: 0 -25px 81px;
        padding: 79.5% 21px 12px;
        background-image: url("/local/templates/bania.3.1/css/../images/index/img-14mob.webp");
        background-color: #151515;
        background-size: 100% auto;
    }
    .dream-sauna-section:before {
        background: linear-gradient(360deg, rgba(21, 21, 21, 0) 0%, #151515 100%);
        transform: rotate(180deg);
        bottom: 220px;
        opacity: 1;
    }
    .dream-sauna-section .section-title {
        font-size: 28px;
        text-align: left;
    }
    .dream-sauna-section .sub-title {
        font-size: 14px;
        text-align: left;
    }
    .sauna-content-section .features-grid {
        justify-content: start;
        flex-wrap: nowrap;
        overflow-x: auto;
        margin-right: -25px;
    }
    .sauna-content-section .feature-item {
        flex: 0 0 240px;
        width: 240px;
    }
    .consultation-form {
        padding: 25px 19px;
    }
    .sauna-content-section .feature-icon {
        max-width: 24px;
        margin: 0 0 46px;
    }
    .sauna-content-section .feature-item {
        font-size: 12px;
        padding: 21px 19px 19px;
    }
    .sauna-content-section .feature-title {
        font-size: 14px;
    }
    .our_features  .swipe-indicator,
    .dream-sauna-section .swipe-indicator {
        display: flex;
        background: #323836;
    }
    .reviews-header {
        margin: 0 0 13px;
    }
    .reviews-header .badge {
        margin: 0 0 21px;
    }
    .reviews-header h2 {
        font-size: 28px;
        margin: 0;
    }
    .reviews-header .swipe-indicator {
        display: flex;
    }
    .reviews-navigation {
        display: none;
    }
    .reviews-swiper {
        margin: 0 -200px 0 0;
    }
    .testimonial-card:before {
        width: 80px;
        height: 80px;
        background-size: 58px 58px;;
    }
    .reviews-swiper .swiper-wrapper {
        margin: 0 0 11px;
    }
    .reviews-swiper .swiper-pagination {
        margin: 0 200px 20px 0;
    }
    .reviews-swiper .swiper-pagination .swiper-pagination-bullet {
        height: 4px;
        width: 34px;
    }
    .reviews-section {
        margin: 0 0 60px;
    }
    .holder-map h2 {
        font-size: 28px;
        margin: 0 5px 20px 0;
    }
    .features-slider {
        margin: 0 -208px 60px 0;
    }
    .features-slider .swiper-pagination {
        margin: 0 208px 20px 0;
    }
    /* .features-slider .slide-number {
        display: none;
    } */
    /* .features-slider .swiper-slide {
        justify-content: end;
    } */
    .features-slider .swiper-pagination .swiper-pagination-bullet {
        width: 34px;
        height: 4px;
    }
    .features-slider .swiper-slide {
        padding: 16px 21px 24px;
        min-height: 400px;
        text-align: left;
    }
    .features-slider .swiper-slide.more:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,.5);
        z-index: 1;
    }
    .features-slider .slide-title {
        font-size: 16px;
    }
    .features-slider .slide-title {
        text-align: left;
    }
    .features-slider p {
        margin: 0 0 26px;
    }
    .features-slider .hide-text {
        display: none;
    }
    .features-slider .link-more {
        display: flex;
    }
    .features-slider .swiper-wrapper {
        margin: 0 0 11px;
    }
    .guide-section .holder-title {
        text-align: left;
    }
    .guide-section .holder-title .badge {
        margin: 0 0 21px;
    }
    .guide-section h2 {
        margin: 0 10px 33px ;
        max-width: 100%;
        text-align: left;
        font-size: 28px;
        line-height: 1.1;
    }
    .guide-cards {
        display: block;
    }
    .guide-card {
        margin: 0 0 8px;
        min-height: 300px;
        font-size: 14px;
    }
    .guide-card .badge {
        margin: 0 0 15px;
    }
    .guide-card {
        padding: 25px 24px 100px;
    }
    .guide-cards .guide-card:first-child {
        padding-right: 15%;
    }
    .guide-buttons {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .guide-buttons .btn {
        width: 100%;
        max-width: 300px;
    }
    .banner-tour .banner-tour__wrapper .banner-tour__frame iframe {
        border: 0;
        border-radius: 12px;
    }
    .banner-tour .banner-tour__wrapper .banner-tour__frame {
        height: 400px;
    }
    .features-slider .swiper-slide:after {
        height: 300px;
    }
}
@media screen and (max-width: 540px) {
    .hero-promo {
        background-position: 57% -120px;
    }
}
@media screen and (max-width: 480px) {
    .hero-promo {
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 33px;
    }
    .video-portfolio-section .slider-video {
        margin: 0 -15px 0 0;
    }
    .advantages-section {
        display: block;
    }
    .advantages-slider {
        margin: 0 -15px 0 0;
    }
    .triple-d-tour {
        margin-left: -15px;
        margin-right: -15px
    }
    .dream-sauna-section {
        margin: 0 -15px 81px;
    }
    .sauna-content-section .features-grid {
        margin-right: -22px;
    }
}
@media screen and (max-width: 550px) {
   .hero-promo {
        background-position: center;
        background-size: auto 100%;
    }
    .hero-promo:before {
        height: 220px;
    }
    .hero-promo:after {
        bottom: 220px;
    }

    .holder-architect-info {
        overflow: hidden;
    }
}
:root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;filter:blur(0px)}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none}
.fancybox__slide.has-image>.fancybox__content {
    height: 100% !important;
    width: 100% !important;
}
@media screen and (max-width: 1400px) {
    .hero-promo.steam-page h1 {
        font-size: 64px;
        line-height: 64px;
        margin: 0 0 12px;
    }
    .hero-promo.steam-page .holder-title p {
        font-size: 18px;
        line-height: 25px;
    }
    .choose-holder {
        flex-wrap: wrap;
        gap: 0;
    }
    .choose-holder .choose-item {
        flex: 0 1 31%;
        margin: 0 20px 20px 0;
    }
    .card-project-info .project-price-block {
        display: none;
    }
    section.project-price-block {
        display: flex;
        gap:0;
        margin: 0;
    }
    section.project-price-block .project-price-info {
        background-color: rgba(246, 246, 246, 1);
    }
    .card-project-info .project-list-info {
        padding-bottom: 0;
    }
    .card-project-info .project-image.project-image-gallery {
        margin: 0 20px 0 0;
    }
    .card-project-info .project-info h3 {
        font-size: 32px;
        line-height: 38px;
        margin: 0 0 16px;
    }
    .card-project-info {
        align-items: stretch !important;
    }
    .card-project-info + section.project-price-block {
        margin: -60px 0 20px;
    }
    .card-project-info .project-image {
        flex: 1 1 50%;
    }
    .card-project-info .project-info {
        flex: 1 1 50%;
    }
    section.project-price-block .project-price-info {
        margin: 0 20px 0 0;
        flex: 1 1 50%;
    }
    section.project-price-block .project-price-form {
        flex: 1 1 50%;
    }
    .technologies-block h4 {
        font-size: 48px;
        line-height: 57px;
        margin: 0 0 16px;
    }
    .technologies-block h4 br {
        display: none;
    }
    section.project-price-block + .project-options {
        margin-top: 140px;
    }
    .result-block .result-popup .title br {
        display: none;
    }
    .result-block .price-item strong {
        font-size: 25px;
        line-height: 30px;
    }
    .result-block .price-item p {
        font-size: 14px;
        line-height: 19px;
    }
    .card-project-info .project-text-list {
        padding-top: 30px;
    }
    .card-project-info .project-image.project-image-gallery + .project-info .project-text {
        padding: 0;
    }
    .card-project-info .project-list-info ul {
        flex-wrap: wrap;
    }
    .card-project-info .project-list-info ul li {
        flex: 0 0 30%;
        margin: 0 0 20px;
    }
}
@media screen and (max-width: 1250px) {
    .card-project-info .project-image.project-image-gallery {
        display: flex;
        order: 2;
        margin: 0 auto;
        width: 100%;
    }
    .card-project-info.flex-reverse {
        flex-direction: column;
    }
    .big-gallery.card-project-info.flex-reverse .project-image.project-image-gallery,
    .big-gallery.card-project-info .project-image.project-image-gallery {
        margin: 0 auto;
        width: 100%;
    }
    .result-block .result-popup {
        position: relative;
        right: auto;
        top: auto;
        width: 100%;
        margin: 40px 0 0;
    }
    .result-block .result-popup .btn,
    .project-see-mmore-galllery .project-example-text-block .btn,
    .project-price-form .btn {
        max-width:none;
        font-size: 16px;
        height: 56px;
        font-weight: 500;
        padding: 0 10px;
        line-height: 56px;
    }
}
@media screen and (max-width: 1200px) {
    .hero-promo.steam-page .promo-engineer {
        position: relative;
        bottom: auto;
        right: auto;
        width: 100%;
        display: flex;
        max-width: none;
        align-items: center;
    }
    .hero-promo.steam-page .promo-engineer .photo {
        height: 125px;
        width: 140px;
        margin: -12px 20px -12px -12px;
        flex: 0 0 140px;
    }
}
@media screen and (max-width: 1023px) {
    .project-see-mmore-galllery {
        margin: 0 -200px 0 0;
    }
    .choose-holder .choose-item {
        flex: 0 0 49%;
        margin: 0 0 16px;
    }
    .choose-holder .choose-item:last-child {
        flex: 0 0 100%;
    }
    .choose-holder {
        gap: 10px;
    }
    .card-project-info .project-image.project-image-gallery {
        height: 600px;
    }
    .card-project-info + section.project-price-block {
        flex-direction: column;
    }
    section.project-price-block .project-price-info{
        flex: 0 0 100%;
        margin: 0 0 20px;
        width: 100%;
    }
    section.project-price-block .project-price-form {
        flex: 0 0 100%;
    }
    .technologies-block {
        padding: 32px;
    }
    .technologies-block .cup {
        position: relative;
        bottom: auto;
        right: auto;
        margin-top: 37px;
        width: 100%;
        display: flex;
        align-items: center;
    }
    .technologies-block .cup .icon {
        left: auto;
        right: -30px; 
    }
    .technologies-block .cup .visual {
        max-width: 140px;
        margin: 0 20px 0 0;
    }
    .technologies-block .technologies-info {
        width: 70%;
    }
    .technologies-block .technologies-info li {
        flex: 0 0 40%;
    }
    .technologies-block .text-block {
        width: 70%;
    }
    .technologies-block {
        margin: 0 0 100px;
    }
    .project-options .block-head .head-text {
        padding-right: 110px;
    }
    .project-opinion-galllery .visual {
        height: 320px;
    }
    .project-opinion-galllery h4 {
        font-size: 20px;
        line-height: 24px;
    }
    .project-opinion-galllery p {
        font-size: 14px;
        line-height: 19px;
    }
    .card-project-info .project-info h3 {
        font-size: 32px;
        line-height: 38px;
        margin: 0 0 14px;
    }
    .big-gallery.card-project-info.flex-reverse .project-image.project-image-gallery .swiper-wrapper, .big-gallery.card-project-info .project-image.project-image-gallery  .swiper-wrapper{
        height: 600px;
    }
    .big-gallery.card-project-info .project-image.project-image-gallery .card-project-info-nav {
        position: relative;
        bottom: auto;
        right: auto;
    }
    .big-gallery.card-project-info.flex-reverse .project-image.project-image-gallery, .big-gallery.card-project-info .project-image.project-image-gallery {
        background: none;
    }
    .big-gallery.card-project-info .project-image.project-image-gallery .card-project-info-nav .swiper-pagination-current, .big-gallery.card-project-info .card-project-info-nav,
    .card-project-navigation.swiper-pagination-fraction {
        color: #000 !important;
        order: 2;
        padding: 0 20px;
    }
    .card-project-info .project-image.project-image-gallery .btn-prev {
        order: 1;
    }
    .card-project-info .project-image.project-image-gallery .btn-next {
        order: 3;
    }
    .big.project-see-mmore-galllery .swiper-slide {
        height: 480px;
    }
    .result-block h4 {
        margin: 0 0 48px;
    }
    .result-block .price {
        flex-direction: column;
        gap: 0;
        position: relative;
    }
    .result-block .price .price-item {
        margin: 0 0 20px;
    }
    .result-block .price .price-item:last-child {
        border-left: 0;
        border-top:1px solid rgba(255,255,255,0.2);
        padding: 16px 0 0;
    }
    .result-block .price-item strong {
        margin: 0 0 8px;
    }
    .hero-promo.steam-page h1 {
        font-size: 56px;
        line-height: 56px;
    }
    .choose-block .block-head .head-text {
        width: auto;
    }
}
@media screen and (max-width: 759px) {
    .technologies-block {
        padding: 32px;
    }
    .technologies-block .technologies-info {
        width: 70%;
    }
     .technologies-block .text-block {
        width: 80%;
        margin: 0 0 58px;
    }
    .technologies-block h4 {
        font-size: 42px;
        line-height: 50px;
    }
    .technologies-block .text-block p {
        font-size: 16px;
        line-height: 22px;
    }
    .swipe-indicator {
        display: flex;
    }
    .project-see-mmore-galllery .buttons {
        display: none;
    }
    .project-see-mmore-galllery {
        margin: 0;
    }
    .project-options .project-see-mmore-galllery .swipe-indicator {
        margin-top: -40px;
    }
    .choose-block .block-head {
        padding: 0 0 0 150px;
    }
    .project-opinion-galllery {
        margin: 0;
    }
    .project-opinion-galllery .buttons {
        display: none;
    }
}
@media screen and (max-width: 750px) {
   
    .hero-promo.steam-page .promo-engineer {
        margin-top: 20px;
    }
    .hero-promo.steam-page:before {
        background: linear-gradient(to bottom, rgba(21, 21, 21, 1) 0%, rgba(255, 255, 255, 0) 100%);
        top:0;
        height: 350px;
        bottom: auto;
    }
    .hero-promo.steam-page:after {
        height: 400px;
        bottom: 0;
        background: linear-gradient(360deg, rgba(21, 21, 21, 0) 0%, #292929 40%);
    }
}
@media screen and (max-width: 640px) {
    .hero-promo.steam-page:after {
        height: 500px;
    }
    .hero-promo.steam-page h1 {
        font-size: 32px;
        line-height: 32px;
    }
    .hero-promo.steam-page .holder-title p {
        font-size: 14px;
        line-height: 19px;
    }
    .hero-promo.steam-page .holder-title {
        margin: 0 0 119px;
    }
    .project-see-mmore-galllery .project-example-link {
        bottom: auto;
        right: 16px;
        top: 16px;
        width: 48px;
        height: 48px;   
    }
    .project-see-mmore-galllery .project-example-link svg {
        height: 100%;
        width: 100%;
    }
    .project-see-mmore-galllery .swiper-slide {
        height: 250px;
    }
    .choose-block .block-head {
        flex-direction: column;
        align-items: start;
    }
    .choose-block .block-head .tag {
        position: relative;
        top: 0;
        margin: 0 0 24px;
    }
    .choose-block .block-head h2 {
        font-size: 28px;
        line-height: 30px;
        margin: 0 0 8px;
        display: block;
    }
    .choose-holder .choose-item {
        flex: 0 0 100%;
    }
    .choose-holder {
        gap: 0;
    }
    .card-project-info .project-list-info ul li {
        flex: 0 0 100%;
        display: flex;
        align-items: center;
        margin: 0 0 16px;
    }
    .card-project-info .project-list-info ul li em {
        margin: 0 16px 0 0;
    }
    .guide-section.steam-guide {
        padding-bottom: 80px;
    }
    .project-options .block-head .head-text {
        padding-right: 10px;
    }
    .project-see-mmore-galllery .project-example-text h4 {
        font-size: 16px;
        line-height: 19px;
        margin: 0 0 8px;
    }
    .project-see-mmore-galllery .project-example-text p {
        font-size: 12px;
        line-height: 16px;
    }
    .project-see-mmore-galllery .project-example-text {
        bottom: 20px;
        left: 20px;
    }
    .project-options .button-holder {
        padding-top: 0;
    }
    .choose-block .block-head h2 br {
        display: none;
    }
    .choose-block .block-head .head-text {
        margin-bottom: 30px;
    }
    .choose-holder .choose-item .choose-image {
        height: 200px;
    }
    .choose-holder .choose-item .choose-text h4 {
        font-size: 20px;
        line-height: 24px;
    }
    .choose-holder .choose-item .choose-text p {
        font-size: 14px;
        line-height: 19px;
    }
    .technologies-block .text-block p,
    .project-price-form p,
    .project-price-block .project-price-info p,
    .card-project-info .project-info p {
        font-size: 14px;
        line-height: 19px;
    }
    .card-project-info .project-image.project-image-gallery .btn-prev, .card-project-info .project-image.project-image-gallery .btn-next {
        width: 32px;
        height: 32px;
        flex: 0 0 32px;
        line-height: 32px;
    }
    .card-project-info .project-image.project-image-gallery .card-project-info-nav {
        gap: 8px;
    }
    .project-price-block .project-price-info {
        padding: 24px;
    }
    .project-price-block .project-price-info h4 {
        font-size: 20px;
        line-height: 24px;
    }
    .project-price-form {
        padding: 24px;
    }
    .result-block .result-popup .btn, .project-see-mmore-galllery .project-example-text-block .btn, .project-price-form .btn {
        font-size: 14px;
    }
    .technologies-block {
        margin: 0 -15px 100px;
        padding: 32px 20px 20px;
    }
    .technologies-block h4 {
        font-size: 28px;
        line-height: 33px;
        margin: 0 0 16px;
    }
    .technologies-block .text-block {
        width: 100%;
        margin: 0 0 285px;
    }
    .technologies-block .technologies-info strong {
        font-size: 24px;
        line-height: 28px;
    }
    .technologies-block .technologies-info p {
        font-size: 12px;
        line-height: 16px;
    }
    .technologies-block .technologies-info {
        width: 100%;
        gap:0;
    }
    .technologies-block .technologies-info li {
        margin: 0 30px 24px 0;
    }
    .technologies-block .cup {
        margin-top: 0;
    }
    .technologies-block .cup {
        flex-direction: column;
        padding: 24px;
        align-items: flex-start;
    }
    .technologies-block .cup .visual {
        width: 122px;
        height: 122px;
        margin: 0 0 24px;
    }
    .technologies-block .cup .visual img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .technologies-block .cup p {
        margin: 0;
    }
    .technologies-block .cup strong {
        margin: 0 0 8px;
    }
    .technologies-block .cup .icon {
        display: none;
    }
    .technologies-block {
        position: relative;
    }
    .technologies-block:before {
        background: linear-gradient(to bottom, rgba(61, 68, 22, 1) 40%, rgba(255, 255, 255, 0) 100%);
        top: 0;
        height: 350px;
        left: 0;
        right: 0;
        content: '';
        position: absolute;
        z-index: 2;
    }
    .technologies-block:after {
        background: linear-gradient(360deg, rgba(21, 21, 21, 0) 0%, #292929 40%);
        transform: rotate(180deg);
        height: 570px;
        bottom: 0;
        left: 0;
        right: 0;
        content: '';
        position: absolute;
        z-index: 2;
    }
    .hero-promo.steam-page .promo-engineer .photo {
        height: 122px;
        width: 122px;
        flex: 0 0 122px;
    }
    .technologies-block * {
        z-index: 10;
    }
    .technologies-block .image {
        height: auto;
        top: 110px;
        bottom: 340px;
    }
    .technologies-block .image img {
        display: none;
    }
    .technologies-block .image img + img {
        display: block;
    }
    .project-opinion-galllery .buttons {
        display: none;
    }
    .project-opinion-galllery {
        margin: 0;
    }
    .project-opinion-galllery .visual {
        height: 250px;
    }
    .project-opinion-galllery h4 {
        margin: 0 0 16px;
    }
    .card-project-info .project-image.project-image-gallery + .project-info .project-text .tag {
        white-space: normal;
        height: auto;
        min-height: 32px;
    }
    .card-project-info .project-info h3 {
        font-size: 24px;
        line-height: 26px;
    }
    .card-project-info .project-info p {
        font-size: 14px;
        line-height: 19px;
    }
    .big-gallery.card-project-info.flex-reverse .project-image.project-image-gallery .swiper-wrapper, .big-gallery.card-project-info .project-image.project-image-gallery .swiper-wrapper {
        height: 400px;
    }
    .big-gallery.card-project-info .project-image.project-image-gallery .card-project-info-nav {
        display: none;
    }
    .project-options .block-head h2 {
        font-size: 24px;
        line-height: 26px;
    }
    .project-see-mmore-galllery {
        margin: 25px 0 0;
    }
    .big.project-see-mmore-galllery .project-example-image {
        height: 400px;
    }
    .project-see-mmore-galllery .project-example-text-block {
        position: relative;
        top: auto;
        left: auto;
        width: auto;
        text-align: left;
    }
    .project-see-mmore-galllery .project-example-text-block h5 {
        font-size: 20px;
        line-height: 24px;
    }
    .project-see-mmore-galllery .project-example-text-block p {
        font-size: 14px;
        line-height: 19px;
        margin: 0 0 8px;
    }
    .big.project-see-mmore-galllery .swiper-slide {
        height: auto;
    }
    .project-see-mmore-galllery {
        margin: 25px 0 0;
    }
    .big.project-see-mmore-galllery {
        margin: 25px 0 100px;
    }
    .result-block {
        padding: 32px 20px 20px;
        background-size: cover;
        background-position: 0 0;
        margin: 0 -15px;
    }
    .result-block h4 {
        font-size: 28px;
        line-height: 33px;
        margin: 0 0 32px;
    }
    .result-block:after {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 40%, rgba(255, 255, 255, 0) 100%);
        top: 0;
        height: 350px;
        left: 0;
        right: 0;
        content: '';
        position: absolute;
    }
    .result-block .result-popup .title {
        flex-direction: column;
        align-items: flex-start;
        font-size: 18px;
        line-height: 25px;
        margin: 0 0 8px;
    }
    .result-block .result-popup .title svg {
        width: 42px;
        height: 42px;
        margin: 0 0 24px;
    }
    .result-block .result-popup p {
        font-size: 14px;
        line-height: 19px;
    }
    .result-block .result-popup {
        padding: 20px;
    }
    .choose-block .block-head {
        padding: 0;
    }
}
/* End */


/* Start:/local/templates/bania.3.1/css/pages/new_product_slider.css?17401169052624*/
.product_page .product .slideshow .slides{
   margin: 0;
   height: 480px;
}
.product .slideshow .slides .slide{
   border-radius: 20px;
}
.slideshow-button-next,
.slideshow-button-prev{
   border-radius: 50%;
   background: #FFF;
   box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.10);
   width: 50px;
   height: 50px;
   margin-top: -62px;
   transform: none;
   transition: all 0.3s linear;
}
.slideshow-button-next{
   right: 28px;
}
.slideshow-button-prev{
   left: 28px;
}
.slideshow-button-next:hover,
.slideshow-button-prev:hover{
   transform: scale(1.1);
}
.slideshow-button-next:after,
.slideshow-button-prev:after{
   border-top: 1px solid #000;
   border-left: 1px solid #000;
   width: 12px;
   height: 12px;
   margin: -7px 0 0 -3px;
}
.slideshow-button-next:after{
   margin: -7px 0 0 -11px;
}

.slideshow-button-next:hover:after,
.slideshow-button-prev:hover:after{
   border-color: #000;
}

.product .slideshow .pagination{
   /* overflow: visible; */
   margin: -48px 21px 0 32px;
   /* padding: 0 21px 0 32px; */
   width: auto;
}
.product .slideshow .pagination .pagination-holder{
   margin: 0;
   width: auto;
   height: auto;
}
.product_page .product .pagination .pagination-slide{
   margin-right: 10px;
   overflow: hidden;
   border-radius: 10px;
   width: 163px;
   height: 106px;
   /* border: 2px solid transparent; */
   /* flex: 1 0 163px; */
   flex: none;
   box-sizing: border-box;
   position: relative;
}
.product .slideshow .pagination .pagination-slide a:after,
.product .slideshow .pagination .pagination-slide a:before{
   display: none;
}
.product_page .product .pagination .pagination-slide:after{
   position: absolute;
   content: '';
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   border-radius: 10px;
   border: 2px solid #94CE24;
   opacity: 0;
   transition: all 0.3s linear;
}
.product .slideshow .pagination .pagination-slide:hover:after,
.product .slideshow .pagination .pagination-slide.active:after{
   opacity: 1;
}

@media only screen and (max-width: 768px){
   .product_page .product .slideshow .slides{
      height: 350px;
   }
   .slideshow-button-next{
      right: 15px;
   }
   .product_page .slideshow-button-prev{
      left: 15px;
   }
}
@media only screen and (max-width: 480px){
   .product_page .product .slideshow .slides{
      height: 300px;
   }
   .product .slideshow .pagination{
      margin: -28px 21px 0 20px;
   }
   .product_page .product .pagination .pagination-slide{
      width: 105px;
      height: 70px;
      /* flex: 1 0 105px; */
   }
   .slideshow-button-next, .slideshow-button-prev{
      width: 35px;
      height: 35px;
   }
}
/* End */


/* Start:/local/templates/bania.3.1/card_styles.css?174011691965159*/
#header {
    box-shadow: none;
    border-bottom: 1px solid rgba(237, 239, 238, 1);
}
.redesing_head #navigation:after {
    display: none;
}
#navigation .search > a {
    background: none;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    font-family: 'TT Firs Neue', sans-serif;
    width: auto;
    height: 19px;
    color: rgba(21, 22, 22, 1);
    text-decoration: none;
    right: 5px;
}
#navigation .search > a:hover {
    color: rgba(128, 195, 66, 1);
}
#navigation .search > a svg {
    margin: 0 0 -4px 16px;
}
.sab-nav {
    font-size: 16px;
    font-weight: 500;
}
.nav li.arrow a:after, .sab-nav > li > a:before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 8px solid rgba(203, 205, 204, 1);
    top: 5px;
    height: 4px;
    width: auto;
    transform: rotate(180deg);
}
.nav li a {
    font-weight: 500;
    color: rgba(21, 22, 22, 1);
}
#header .contacts {
    flex-wrap: nowrap;
}
#header .contacts {
    gap: 8px;
    justify-content: end !important;
}
#header .contacts li {
    height: 56px;
    border-radius: 12px;
    background-color: rgba(246, 246, 246, 1);
    padding: 0 19px 0 16px;
    display: flex;
    margin: 0;
    align-items: center;
}
.nav {
    padding-top: 14px;
}
#header .contacts li:last-child {
    background-color: transparent;
    padding: 0;
}
#header .contacts li:nth-child(2) {
    margin: 0 34px 0 0;
}
#header .contacts li .contacts-info {
    display: flex;
    align-items: center;
}
#header .contacts li .contacts-info p {
    margin: 0 0 2px;
    font-weight: 500;
    color: rgba(21, 22, 22, 1);
}
#header .contacts li .contacts-info p a {
    color: rgba(21, 22, 22, 1);
    text-decoration: none;
}
#header .contacts li .contacts-info strong {
    padding-right: 12px;
    margin: 0 0 4px;
}
#header ul.contacts span {
    padding: 0;
}
#header ul.contacts span:before {
    display: none;
}
#header .contacts li .contacts-info .contacts-info-icon {
    margin: 0 12px 0 0;
}
.redesing_head #header .contacts {
    max-width: none;
}
.redesing_head ul.contacts li .btn {
    height: 56px;
    border-radius: 12px;
    background-color: rgba(128, 195, 66, 1);
    line-height: 56px;
    padding: 0 52px;
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
    width: auto;
}
.breadcrumbs li .sep {
    padding: 0 12px;
}
.breadcrumbs a {
    font-weight: 500;
    color: rgba(21, 22, 22, 1);
    font-size: 14px;
    line-height: 16px;
}
.breadcrumbs li {
    font-weight: 500;
    color: rgba(128, 135, 134, 1)
}
.card-section .cart-head {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}
.card-section .cart-head .card-title {
    display: flex;
    align-items: end;
}
.card-section .cart-head .card-title .h1 {
    padding-right: 24px;
    margin: 0;
    font-size: 72px;
    line-height: 88px;
    color: rgba(21, 22, 22, 1);
}
.card-section .cart-head .card-title p {
    color: rgba(50, 56, 54, 1);
    margin: 0 0 19px;
    font-size: 18px;
    line-height: 25px;
}
.card-section .cart-head .card-info {
    display: flex;
    align-items: center;
    margin: 0 0 0 auto;
}
.card-section .cart-head .card-info .card-info-item {
    margin: 0 24px 0 0;
    flex: 0 0 auto;
}
.card-section .cart-head .card-info .card-info-item p {
    color: rgba(115, 115, 115, 1);
    margin: 0 0 6px;
    font-size: 16px;
    line-height: 20px;
}
.card-section .cart-head .card-info .card-info-item strong {
    color: rgba(21, 22, 22, 1);
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
}
.card-section .cart-head .card-buttons {
    display: flex;
    margin: 0 0 0 auto;
}
.card-section .cart-head .card-buttons .btn {
    height: 56px;
    border-radius: 12px;
    white-space: nowrap;
    padding: 0 50px;
    line-height: 56px;
    border: 0;
}
.card-section .cart-head .card-buttons .btn + .btn {
    background-color: rgba(237, 239, 238, 1);
    color: rgba(21, 22, 22, 1);
    margin: 0 0 0 12px;
}
.card-section .cart-head .card-buttons .btn + .btn:hover {
    background-color: rgba(128, 195, 66, 1);
    color: white;
}
.card-section .card-gallery {
    position: relative;
    height: 700px;
    min-height: calc(100vh - 137px - 80px - 135px);
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 12px;
}
.card-section .card-gallery .card-gallery-buttons {
    position: absolute;
    left: 50%;
    bottom: 40px;
    transform: translate(-50%, 0);
    z-index: 2;
    display: flex;
    gap:12px;
}
.card-section .card-gallery .card-gallery-navigation-buttons,
.card-section .card-gallery .card-gallery-buttons .button{
    background-color: rgba(50, 56, 54, 1);
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    height: 56px;
    flex-wrap: nowrap;
    white-space: nowrap;
    text-decoration: none;
    font-weight: 500;
    line-height: 16px;
}
.card-section .card-gallery .card-gallery-buttons .button .icon {
    margin: 0 16px 0 0;
}
.card-gallery-navigation.swiper-pagination-fraction .swiper-pagination-current{
    font-size: 18px;
    font-weight: 700;
}
.card-section .card-gallery .swiper-slide {
    overflow: hidden;
    border-radius: 12px;
    background-position: center;
    background-size: cover;
}
.card-section .card-gallery .swiper-slide a { position: relative; display: block; width: 100%; height: 100%; }
.card-section .card-gallery .card-gallery-navigation {
    margin: 0 24px 0 0;
    width: auto;
}
.card-section .card-gallery .swiper-button-disabled {
    display: block !important;
    opacity: 0.3;
}
.card-section .card-gallery .btn-next,
.card-section .card-gallery .btn-prev {
    display: block !important;
    height: 48px;
    width: 48px;
    line-height: 48px;
    text-align: center;
    padding: 2px 0 0;
}
.card-section .card-gallery .btn-next svg path,
.card-section .card-gallery .btn-prev svg path {
    fill: #fff;
}
.card-section .card-gallery .btn-next {
    padding: 4px 0 0;
}
.card-project-info {
    background-color: rgba(246, 246, 246, 1);
    border-radius: 12px;
    padding: 48px;
    display: flex;
    align-items: center;
    margin-bottom: 81px;
}
.card-project-info .project-image {
    overflow: hidden;
    border-radius: 12px;
    margin: 0 42px 0 0;
    background-color: #fff;
    padding: 37px 12px;
    height: 580px;
    display: flex;
    width: 52%;
    align-items: center;
}
.card-project-info .project-info .project-image {
    display: none;
}
.card-project-info .project-info .project-tag {
    background-color: rgba(128, 195, 66, 1);
    border-radius: 8px;
    height: 32px;
    line-height: 33px;
    padding: 0 16px;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    margin: 0 0 47px;
}
.card-project-info .project-info h3 {
    margin: 0 0 14px;
    font-weight: 500;
    font-size: 56px;
    line-height: 67px;
    color: rgba(21, 22, 22, 1);
}
.card-project-info .project-info p {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: rgba(50, 56, 54, 1);
    margin: 0 0 8px;
}
.card-project-info .project-info .project-text {
    padding: 0 40% 0 0;
}
.card-project-info .project-info .project-features {
    display: flex;
    align-items: center;
    background-color: rgba(237, 239, 238, 1);
    padding: 12px;
    border-radius: 12px;
}
.card-project-info .project-info .project-features .project-features-image {
    position: relative;
    padding-right: 8px;
    width: 124px;
    height: 100px;
    flex: 0 0 auto;
    margin: 0 24px 0 0;
}
.card-project-info .project-info .project-features .project-features-image img {
    overflow: hidden;
    border-radius: 6px;
}
.card-project-info .project-info .project-features .project-features-image ul {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.card-project-info .project-info .project-features .project-features-image ul li {
    background-color: rgba(128, 195, 66, 1);
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    overflow: hidden;
    border-radius: 4px;
}
.card-project-info .project-info .project-features .progect-features-info {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 22px;
    color: rgba(50, 56, 54, 1);
}
.card-project-info .project-info .project-features .progect-features-info p {
    margin: 0 120px 0 0;
    font-weight: 400;
}
.card-project-info .project-info .project-features .progect-features-info strong {
    font-weight: 500;
}
.card-project-info .project-info .project-features .progect-features-info .button {
    padding: 0 44px;
    height: 56px;
    line-height: 56px;
    text-decoration: none;
    background-color: rgba(128, 195, 66, 1);
    border-radius: 12px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    display: inline-block;
    margin: 0 0 0 auto;
    white-space: nowrap;
    width: auto;
    min-width: auto;
    max-width: none;
}
.tag {
    background-color: rgba(128, 195, 66, 0.1);
    height: 32px;
    white-space: nowrap;
    padding: 0 16px;
    font-size: 14px;
    color: rgba(128, 195, 66, 1);
    display: inline-block;
    line-height: 32px;
    font-weight: 400;
    border-radius: 8px;
}
.project-details .project-tag {
    margin-bottom: 40px;
}
.project-details {
    display: flex;
    margin-bottom: 140px;
}
.project-details .project-details-info {
    border-left: 1px solid rgba(237, 239, 238, 1);
    padding: 0 0 0 54px;
    margin: 0 0 0 auto;
    width: 40%;
}
.project-details .project-details-text {
    width: 45%;
}
.project-details .project-details-text h2{
    font-size: 48px;
    line-height: 58px;
    color: rgba(21, 22, 22, 1);
    margin: 0 0 24px;
    font-weight: 500;
}
.project-details .project-details-text p {
    font-size: 18px;
    line-height: 25px;
    color: rgba(50, 56, 54, 1);
    margin: 0 0 24px;
}
.project-details .project-details-text p:last-child {
    margin: 0;
}
.project-details .project-details-info h4 {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    margin: 0 0 24px;
    color: rgba(21, 22, 22, 1);
}
.project-details-item-tags {
    margin: 0 0 24px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.project-details-item-tags li {
    margin: 0 3% 16px 0;
    width: 30%;
}
.project-details-item-tags span {
    display: block;
    white-space: nowrap;
    margin: 0 0 6px;
    color: rgba(128, 135, 134, 1);
    font-size: 14px;
    line-height: 18px;
}
.project-details-item-tags strong {
    display: block;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: rgba(21, 22, 22, 1);
}
.project-details .project-details-item-cat {
    display: flex;
    margin: 0 0 24px;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
}
.project-options .swipe-indicator{
    display: none;
}
.project-options .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    flex: 1 1 auto;
}
.project-details .project-details-item-cat li {
    border-radius: 8px;
    background-color: rgba(246, 246, 246, 1);
    font-size: 16px;
    font-weight: 500;
    padding: 0 16px;
    height: 48px;
    line-height: 48px;
    margin: 0 8px 8px 0;
}
.project-details .project-details-item-preview {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
}
.project-details .project-details-item-preview li {
    background-color: rgba(128, 195, 66, 0.1);
    padding: 8px 16px 8px 8px;
    margin: 0 0 8px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    max-width: 393px;
}
.project-details .project-details-item-preview .project-details-item-preview-image {
    margin: 0 12px 0 0;
    overflow: hidden;
    border-radius: 4px;
}
.project-details .project-details-item-preview strong {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: rgba(50, 56, 54, 1);
}
.project-details .project-details-item-preview i {
    margin: 0 0 0 auto;
    color: rgba(128, 195, 66, 1);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    font-style: normal;
}
.project-example {
    margin: 0 0 140px;
}
.project-example h2 {
    text-align: center;
    margin: 0 0 48px;
    color: rgba(21, 22, 22, 1);
    font-size: 56px;
    font-weight: 500;
    line-height: 67px;
}
.project-example .project-example-video {
    border-radius: 12px;
    overflow: hidden;
    height: 520px;
    position: relative;
    margin: 0 0 20px;
}
.project-example .project-example-video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.project-example .project-example-video a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-decoration: none;
}
.project-example .project-example-gallery {
    overflow: hidden;
}
.project-example .project-example-gallery .swiper-slide {
    border-radius: 12px;
    height: 320px;
    overflow: hidden;
}
.project-example .project-example-gallery .swiper-slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.project-example .project-example-gallery .project-example-nav {
    margin-top: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}
.project-example .project-example-gallery .project-example-nav .btn-prev,
.project-example .project-example-gallery .project-example-nav .btn-next {
    display: block !important;
    background-color: rgba(50, 56, 54, 1);
    height: 48px;
    width: 48px;
    border-radius: 8px;
    text-align: center;
    line-height: 48px;
}
.project-example .project-example-gallery .project-example-nav .btn-prev svg{
    margin: 0 0 -4px;
}
.project-example .project-example-gallery .project-example-nav .btn-next {
    padding: 4px 0 0;
}
.project-example .project-example-gallery .project-example-nav span svg path {
    fill: #fff;
}
.project-example .tag {
    position: relative;
    top: -100px;
}
.project-example .project-example-gallery .project-example-nav .swiper-pagination-fraction {
    width: auto !important;
    font-size: 16px;
    line-height: 22px;
    color: rgba(128, 135, 134, 1);
    font-weight: 400;
}
.project-example .project-example-gallery .project-example-nav  .swiper-pagination-current {
    font-weight: 700;
    font-size: 18px;
    color: rgba(21, 22, 22, 1);
}
.project-prop .project-prop-list {
    margin: 0 0 140px;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    gap:20px;
}
.project-prop .project-prop-list-item {
    overflow: hidden;
    border-radius: 12px;
    background-color: rgba(246, 246, 246, 1);
    height: 480px;
    position: relative;
    flex: 1 1 33%;
}
.project-prop .project-prop-list-item img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    object-fit: cover;
}
.project-prop-buttons {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex;
    gap: 16px;
}
.project-prop-buttons .btn {
    display: flex;
    align-items: center;
    padding: 0 24px;
    height: 56px;
    border-radius: 12px;
    font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
}
.project-prop-buttons .btn svg {
    margin: 0 12px 0 0;
}
.project-prop .project-prop-list-item .title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    color: rgba(50, 56, 54, 1);
    display: block;
    text-align: center;
    margin: 40px 0 0;
    width: 58%;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 2;
}
.project-prop .project-prop-list-item .title i {
    color: rgba(128, 195, 66, 1);
    font-style: normal;
}
.project-prop .project-prop-list-item .project-prop-list-item-note {
    position: absolute;
    top: 144px;
    right: 53px;
    background-color: #fff;
    border-radius: 50%;
    width: 101px;
    height: 101px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 10px;
    line-height: 12px;
    color: rgba(128, 135, 134, 1);
}
.project-prop .project-prop-list-item .project-prop-list-item-note strong {
    color: rgba(50, 56, 54, 1);
    font-weight: 500;
}
.project-prop .project-prop-list-item .project-prop-list-item-note span {
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(128, 195, 66, 1);
    border-radius: 50%;
    width: 27px;
    height: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 10px 9.6px 5px rgba(37, 41, 73, 0.07);
}
.projects-similar {
    margin-bottom: 70px;
    position: relative;
}
.projects-similar .swipe-indicator {
    display: none;
}
.projects-similar .tag {
    position: relative;
    top: -100px;
}
.projects-similar h2 {
    text-align: center;
    margin: 0 0 48px;
    color: rgba(21, 22, 22, 1);
    font-size: 56px;
    font-weight: 500;
    line-height: 67px;
}
.projects-similar-gallery {
    margin-bottom: 84px;
}
.projects-similar-gallery .swiper-slide {
    position: relative;

}
@media screen and (min-width: 1300px){
    .projects-similar-gallery .swiper-slide {
        width: 45vw !important;
    }
}
.projects-similar-gallery .slide {
    border-radius: 12px;
    overflow: hidden;
    height: 487px;
    position: relative;
}
.projects-similar-gallery .slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.projects-similar-gallery .buttons {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 24px;
    right: 24px;
    display: flex;
    gap: 8px;
    z-index: 2;
}
.projects-similar-gallery .buttons a {
    display: block;
    height: 48px;
    width: 48px;
    border-radius: 8px;
    text-align: center;
    line-height: 48px;
    background-color: #80c342;
    text-decoration: none;
    padding: 4px 0 0;
}
.projects-similar-gallery .buttons a:hover {
    background-color: #639d2d;
}
.projects-similar-gallery .title {
    padding-top: 24px;
    display: flex;
}
.projects-similar-gallery .title i {
    font-style: normal;
    margin: 0 0 0 auto;
    display: block;
    font-size: 24px;
    line-height: 28px;
    color: rgba(21, 22, 22, 1);
    text-wrap: nowrap;
}
.projects-similar-gallery .title p {
    margin: 0;
    font-size: 24px;
    line-height: 28px;
    color: rgba(21, 22, 22, 1);
}
.projects-similar-gallery .title p strong {
    font-weight: 700;
}
.projects-similar-gallery .title {
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(237, 239, 238, 1);
    margin-bottom: 16px;
}
.projects-similar-gallery .slide-info {
    padding: 0;
    display: flex;
    justify-content: space-between;
}
.projects-similar-gallery .slide-info .btn {
    margin: 0 0 0 auto;
    height: 48px;
    border-radius: 8px;
    line-height: 48px;
    padding: 0 41px;
    line-height: 48px;
    font-weight: 500;
    width: auto;
}
.projects-similar-gallery .project-details-item-tags {
    flex-wrap: nowrap;
    gap: 24px;
}
.projects-similar-gallery .project-details-item-tags li {
    width: auto;
}
.projects-similar-gallery .swiper-pagination {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin: 0 200px 20px 0;
    bottom: -14px;
    position: relative;
}
.project-options .swiper-pagination-bullet,
.projects-similar-gallery .swiper-pagination .swiper-pagination-bullet{
    cursor: pointer;
    display: block;
    border-radius: 8px;
    width: 50px;
    height: 6px;
    background: #edefee;
}
.project-options  .swiper-pagination-bullet:hover,
.projects-similar-gallery .swiper-pagination .swiper-pagination-bullet:hover,
.projects-similar-gallery .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #80c342;
}
.project-options .swiper-pagination-bullet,
.projects-similar-gallery .swiper-pagination .swiper-pagination-bullet {
    background: #80c342 !important;
    margin: 0 4px;
}
.block-head {
    position: relative;
}
.block-head .tag {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    margin: 0;
}

.projects-similar .project-more h3 {
    margin: 0 0 32px;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    color: rgba(128, 135, 134, 1);
}
.projects-similar .project-more .project-more-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 20px;
}
.projects-similar .project-more .project-more-list li {
    border-radius: 12px;
    background-color: rgba(246, 246, 246, 1);
    display: flex;
    flex-direction: column;
    height: 176px;
    padding: 16px;
    flex: 1 1 auto;
}
.projects-similar .project-more .project-more-list li .block-foot {
    margin: auto 0 0 0;
    display: flex;
}
.projects-similar .project-more .project-more-list li .block-foot .icon {
    margin: 0 0 0 auto;
}
.projects-similar .project-more .project-more-list .block-head {
    display: flex;
    justify-content: space-between;
}
.projects-similar .project-more .project-more-list .block-head a {
    background-color: rgba(128, 195, 66, 1);
    display: block;
    margin: 0 0 0 auto;
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 32px;
    border-radius: 8px;
}
.projects-similar .project-more .project-more-list li .block-foot .project-details-item-tags {
    flex-direction: column;
    margin: 0;
}
.project-options .block-head h2 {
    font-size: 56px;
    line-height: 67px;
    margin: 0;
    display: flex;
    align-items: center;
}
.project-options .block-head {
    display: flex;
    justify-content: center;
}
.project-options .block-head h2 span {
    background-color: rgba(128, 195, 66, 1);
    color: #fff;
    font-size: 16px;
    display: inline-block;
    height: 48px;
    width: 48px;
    text-align: center;
    line-height: 48px;
    font-weight: 500;
    margin: 0 0 0 24px;
    border-radius: 8px;
}
.project-options .block-head .tag {
    transform: none;
    top: 20px;
}
.project-options .block-head .head-text {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 55%;
    margin-bottom: 48px;
}
.project-options .block-head .head-text p {
    font-size: 18px;
    line-height: 25px;
    color: rgba(50, 56, 54, 1);
    margin: 0;
}
.project-options .block-head .head-text p strong {
    font-weight: 600;
}
.project-options-galllery {
    position: relative;
}
.project-options-galllery .image {
    overflow: hidden;
    border-radius: 12px;
    margin-bottom: 24px;
    height: 400px;
}
.project-options-galllery .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.project-options-galllery h4 {
    color: rgba(21, 22, 22, 1);
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 32px;
}
.project-options-galllery p {
    color: rgba(128, 135, 134, 1);
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 8px;
}
.project-options-galllery a {
    text-decoration: none;
    color: rgba(21, 22, 22, 1);
}
.project-options-galllery a:hover {
    color: #91c700;
}
.project-options-galllery > a {
    color: rgba(21, 22, 22, 1);
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
    text-decoration: none;
}

.project-options-galllery .buttons {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: -96px;
    right: 0;
    display: flex;
    gap: 8px;
    z-index: 2;
}
.project-options-galllery .buttons a {
    display: block !important;
    height: 48px;
    width: 48px;
    border-radius: 8px;
    text-align: center;
    line-height: 48px;
    background-color: rgba(50, 56, 54, 1);
    text-decoration: none;
    padding: 4px 0 0;
}
.project-options-galllery .buttons a:hover {
    background-color: rgba(128, 195, 66, 1);
}
.project-options .project-options-galllery-navigation {
    display: flex;
    justify-content: center;
    gap: 12px;
    padding: 0 10%;
}
.project-options .swiper-wrapper {
    margin-bottom: 24px;
}
.project-options {
    margin-bottom: 140px;
}
.card-project-description {
    background-color: rgba(246, 246, 246, 1);
    background-size: 40% auto;
    background-position: 100% calc(100% - 37px);
    background-repeat: no-repeat;
    overflow: hidden;
    border-radius: 12px;
    padding: 80px 80px 0;
    margin-bottom: 140px;
}
.card-project-description .head {
    width: 50%;
    margin-bottom: 49px;
}
.card-project-description .tag {
    margin-bottom: 24px;
}
.card-project-description h2 {
    font-size: 56px;
    line-height: 67px;
    color: rgba(21, 22, 22, 1);
    margin: 0;
    font-weight: 500;
}
.card-project-description .card-project-description-list {
    width: 60%;
    display: flex;
    flex-wrap: wrap;
}
.card-project-description .card-project-description-list .icon {
    background-color: rgba(128, 195, 66, 0.1);
    border-radius: 8px;
    display: flex;
    height: 54px;
    line-height: 54px;
    align-items: center;
    justify-content: center;
    margin: 0 26px 0 0;
    flex: 0 0 54px;
}
.card-project-description .card-project-description-list li {
    display: flex;
    margin-bottom: 47px;
    padding-right: 10%;
    width: 50%;
    flex: 0 0 auto;
}
.card-project-description .card-project-description-list li .text h5 {
    font-size: 24px;
    line-height: 28px;
    color: rgba(21, 22, 22, 1);
    margin: 0 0 16px;
    font-weight: 400;
}
.card-project-description .card-project-description-list li .text p {
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    color: rgba(50, 56, 54, 1);
}
.card-project-description .card-project-description-list li .text p strong {
    font-weight: 600;
}
.card-project-description .card-project-description-list li.promo-info {
    flex-direction: column;
    background-position: 75% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 24px 17% 24px 24px;
    background-color: #fff;
    display: block;
    border-radius: 8px;
    overflow: hidden;
}
.card-project-description .card-project-description-list li.promo-info .tag{
    display: inline-block;
    margin: 0 0 40px;
}
.card-project-description .card-project-description-list li.promo-info strong {
    color: rgba(128, 195, 66, 1);
    font-weight: 600;
}
.features-section .block-head h2 {
    text-align: center;
    font-size: 56px;
    line-height: 67px;
    font-weight: 500;
    color: rgba(21, 22, 22, 1);
    margin: 0;
}
.features-section .block-head {
    margin: 0 0 48px;
}
.features-section .buttons {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 10px;
    right: 0;
    display: flex;
    gap: 8px;
    z-index: 2;
}
.features-section .buttons a {
    display: block !important;
    height: 48px;
    width: 48px;
    border-radius: 8px;
    text-align: center;
    line-height: 48px;
    background-color: rgba(50, 56, 54, 1);
    text-decoration: none;
    padding: 4px 0 0;
}
.features-section .buttons a:hover {
    background-color: rgba(128, 195, 66, 1);
}
.features-section {
    position: relative;
}
.card-features-download .project-prop-buttons {
    position: relative;
    justify-content: center;
    bottom: 0;
}
.card-features-download {
    background-color: rgba(246, 246, 246, 1);
    padding: 120px 0 120px;
    margin: 0 -100vw;
}
.card-features-download .container {
    max-width: 100vw;
}
.card-features-download .head {
    margin-bottom: 48px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0 15%;
}
.card-features-download .head .tag {
    margin: 0 auto 31px;
    background-color: rgba(128, 195, 66, 1);
    color: #fff;
}
.card-features-download h4 {
    font-size: 56px;
    line-height: 67px;
    margin: 0;
    text-align: center;
    color: rgba(21, 22, 22, 1);
}
.card-features-download h4 span {
    color: rgba(128, 195, 66, 1);
}
.card-features-download-list {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}
.card-features-download-list li {
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 32px 42px;
    height: 352px;
    border-radius: 12px;
    overflow: hidden;
    background-color: #fff;
    flex: 0 0 19%;
    position: relative;
}
.card-features-download-list li:before {
    content: "";
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 79%,rgba(255,255,255,0) 92%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    height: 70px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.card-features-download-list li * {
    position: relative;
    z-index: 2;
}

.card-features-download-list li .tag {
    margin-bottom: 24px;
}
.card-features-download-list li p {
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    color: rgba(50, 56, 54, 1);
    background-color: white;
    box-shadow: 0 0 20px 33px white;
}
.card-features-download-list li p strong {
    font-weight: 600;
}
.card-project-description .image {
    display: none;
}
.card-row {
    display: flex;
    justify-content: end;
    margin: 0 0 0 auto;
}
.card-section .card-row-mobile {
    display: none;
}
.project-options-popup {
    display: none;
    border-radius: 12px;
    padding: 24px 24px 13px;
    max-width: 80%;
}
.project-options-popup h5 {
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 32px;
    color: rgba(21, 22, 22, 1);
}
.project-options-popup p {
    color: rgba(50, 56, 54, 1);
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 22px;
}
.project-options-popup .fancy-image {
    margin-bottom: 24px;
    flex: 0 0 40%;
}
.project-options-popup .fancy-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.fancybox-content {
    overflow-y: auto;
}
.project-options-popup .fancybox-button:after{
    content: 'Закрыть';
    white-space: nowrap;
    position: absolute;
    top: 10px;
    right: 40px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: rgba(21, 22, 22, 1);
    padding: 4px 0 0 0;
}
@media screen and (max-width: 1770px) {
    #header .contacts li .contacts-info p {
        font-size: 12px;
        line-height: 14px;
    }
    #header ul.contacts span {
        font-size: 10px;
    }
    #header .contacts li {
        padding: 0 12px;
    }
    .redesing_head ul.contacts li .btn {
        font-size: 14px;
        padding: 0 17px;
    }
    .card-section .cart-head .card-title .h1 {
        font-size: 48px;
        line-height: 48px;
    }
    .card-section .cart-head .card-title p {
        font-size: 14px;
        line-height: 19px;
        margin: 0 0 5px;
    }
    .card-section .cart-head .card-info .card-info-item p {
        font-size: 14px;
        line-height: 18px;
    }
    .card-section .cart-head .card-info .card-info-item strong {
        font-size: 16px;
        line-height: 19px;
    }
    .card-section .cart-head .card-buttons .btn {
        padding: 0 19px;
        font-size: 14px;
    }
    .card-section .cart-head .card-buttons {
        margin: 0;
    }
    .card-section .card-gallery {
        height: 560px;
        min-height: calc(100vh - 137px - 80px - 100px);
    }
    .card-section .card-gallery .card-gallery-navigation-buttons, .card-section .card-gallery .card-gallery-buttons .button {
        font-size: 14px;
    }
    .card-section .card-gallery .card-gallery-buttons {
        bottom: 32px;
    }
    .card-project-info .project-info h3 {
        font-size: 48px;
        line-height: 57px;
        margin-bottom: 14px;
    }
    .card-project-info .project-info p {
        font-size: 16px;
        line-height: 22px;
    }
    .card-project-info .project-info .project-features .progect-features-info {
        flex-direction: column;
        align-items: start;
    }
    .card-project-info .project-info .project-features .progect-features-info .button {
        margin: 24px 0 0;
    }
    .card-project-info .project-info .project-features .progect-features-info p {
        margin: 0;
    }
    .project-details .project-details-text h2 {
        font-size: 32px;
        line-height: 38px;
    }
    .project-details .project-details-text p {
        font-size: 16px;
        line-height: 22px;
    }
    .project-details .project-details-item-cat li {
        font-size: 12px;
        line-height: 38px;
        height: 38px;
    }
    .project-example h2 {
        font-size: 48px;
        line-height: 57px;
        margin: 0 0 48px;
    }
    .project-example .project-example-video {
        height: 480px;
    }
    .project-example .project-example-gallery .swiper-slide {
        height: 280px;
    }
    .project-example .project-example-video a svg {
        height: 100px;
        width: 100px;
    }
    .project-example {
        margin: 0 0 120px;
    }
    .project-prop .project-prop-list-item .title {
        font-size: 20px;
        line-height: 24px;
    }
    .project-prop-buttons {
        flex-direction: column;
    }
    .project-prop .project-prop-list-item {
        height: 380px;
    }
    .projects-similar h2 {
        font-size: 48px;
        line-height: 57px;
        margin: 0 0 40px;
    }
    .projects-similar-gallery .slide {
        height: 318px;
    }
    .project-options .block-head h2 {
        font-size: 48px;
        line-height: 57px;
    }
    .project-options .block-head .head-text p {
        font-size: 16px;
        line-height: 22px;
    }
    .project-options-galllery .image {
        height: 320px;
    }
    .card-project-description h2 {
        font-size: 48px;
        line-height: 57px;
    }
    .card-project-description .head {
        margin: 0 0 64px;;
    }
    .card-project-description {
        overflow: visible;
        position: relative;
        background-image: none !important;
    }
    .card-project-description .card-project-description-list {
        width: 100%;
    }
    .card-project-description .card-project-description-list li {
        width: 33%;
        margin: 0 0 40px 0;
    }
    .card-project-description .card-project-description-list li .text h5 {
        font-size: 20px;
        line-height: 24px;
    }
    .card-project-description .card-project-description-list li .text p {
        font-size: 14px;
        line-height: 19px;
    }
    .project-options {
        margin-bottom: 205px;
    }
    .card-project-description .image {
        display: block;
        position: absolute;
        top: -190px;
        right: -40px;
        max-width: 753px;
    }
    .card-project-description {
        padding: 40px;
    }
    .features-section .block-head h2 {
        font-size: 48px;
        line-height: 57px;
    }
    .card-features-download .project-prop-buttons {
        flex-direction: row;
    }
    .card-features-download h4 {
        font-size: 48px;
        line-height: 57px;
    }
    .card-features-download .head {
        margin: 0 0 40px;
    }
    #header .contacts li {
        margin: 0 !important;
    }
    #header .contacts {
        gap: 4px;
    }
    .card-section .cart-head .card-info .card-info-item {
        margin: 0 24px 0 0;
    }
    .card-features-download-list {
        gap: 8px;
    }
    .fancybox-inner .project-options-popup .popup-content {
        display: flex;
        align-items: center;
    }
    .fancybox-inner .project-options-popup .popup-content .fancy-image {
        margin: 0 32px 0 0;
        overflow: hidden;
        border-radius: 8px;
    }
    .mb-open-nav #navigation .search,
    .active-top .mb-open-nav #navigation .search {
        top: 74px;
        left: 20px;
        right: 20px;
    }
    .active-top .mb-open-nav #navigation  .sab-nav > li > a.arrow:before {
        top: 13px !important;
    }
    .active-top .mb-open-nav .mb-burger,
    .mb-open-nav .mb-burger {
        position: fixed;
        left: 20px;
        z-index: 2000;
    }
    .active-top .mb-open-nav .mb-burger span, .mb-open-nav .mb-burger span {
        height: 15px;
    }
}

@media screen and (max-width: 1350px){
    #header .contacts li:nth-child(1) {
        display: none !important;
    }
}
/* TODO */
@media screen and (max-width: 1250px){
    .active-top .mb-open-nav .mb-burger, .mb-open-nav .mb-burger {
        height: 56px;
        line-height: 61px;
        width: 56px;
        top: 12px;
    }
    .mb-open-nav .mb-burger span svg:last-child {
        display: inline-block;
        width: 15px;
        height: 15px;
    }
    .redesing_head #header ul.contacts li:nth-child(2) {
        display: none !important;
    }
    .breadcrumbs {
        display: block !important;
    }
    .card-section .cart-head .card-title .h1 {
        font-size: 56px;
        line-height: 56px;
    }
    .card-section .cart-head {
        flex-direction: column;
        align-items: start;
    }
    .card-section .cart-head .card-buttons .btn {
        height: 48px;
        line-height: 48px;
    }
    .card-section .cart-head .card-title {
        margin: 0 0 33px;
    }
    .card-section .cart-head .card-buttons .btn {
        padding: 0 16px;
    }
    .card-section .card-gallery {
        height: 620px;
        min-height: calc(100vh - 137px - 80px - 180px);;
    }
    .card-project-info {
        flex-direction: column;
        padding: 48px;
    }
    .card-project-info .project-info .project-text {
        padding: 0;
    }
    .card-project-info .project-image {
        display: none;
    }
    .card-project-info .project-info .project-image {
        width: 100%;
        margin: 0 0 16px;
        display: block;
    }
    .card-project-info .project-info .project-features .project-features-image {
        height: 170px;
        width: 132px;
    }
    .card-project-info .project-info .project-features .project-features-image img {
        height: 100%;
        object-fit: cover;
    }
    .card-project-info .project-info h3 {
        font-size: 42px;
        line-height: 50px;
    }
    .project-details {
        flex-direction: column;
        align-items: start;
    }
    .project-details .project-details-text {
        width: 100%;
    }
    .project-details .project-details-text h2 {
        font-size: 42px;
        line-height: 50px;
    }
    .project-details .project-details-info {
        width: 100%;
        border: 0;
        padding: 0;
        margin: 0;
    }
    .project-details .project-details-text {
        margin: 0 0 48px;
    }
    .project-details .project-details-item-cat li {
        height: 48px;
        line-height: 48px;
        font-size: 14px;
        padding: 0 16px;
    }
    .project-details .project-details-item-preview li {
        flex: 0 0 50%;
    }
    .project-details .project-details-item-preview {
        flex-direction: row;
        gap: 8px;
    }
    .project-example h2 {
        font-size: 42px;
        line-height: 50px;
        text-align: left;
    }
    .project-example .tag {
        top: -45px;
    }
    .project-example .project-example-video {
        height: 400px;
    }
    .project-example .project-example-video a svg {
        height: 80px;
        width: 80px;
    }
    .project-example .project-example-gallery .swiper-slide {
        height: 220px;
    }
    .project-example .project-example-gallery {
        overflow: visible;
    }
    .project-prop .project-prop-list {
        flex-direction: column;
        margin: 0 0 100px;
    }
    .project-prop .project-prop-list-item {
        flex: 0 0 auto;
        height: 480px;
        position: relative;
    }

    .projects-similar h2 {
        font-size: 42px;
        line-height: 50px;
        order: 2;
        margin-bottom: 32px;
    }
    .projects-similar .block-head {
        display: flex;
        flex-direction: column;
        align-items: start;
    }
    .projects-similar .block-head .tag {
        position: relative;
        order: 1;
        top: 0;
    }
    .projects-similar-gallery .title p {
        font-size: 20px;
        line-height: 24px;
    }
    .projects-similar-gallery .slide {
        height: 352px;
    }
    .projects-similar .project-more .project-more-list {
        flex-wrap: wrap;
        gap: 8px;
    }
    .projects-similar .project-more .project-more-list li  {
        flex: 0 0 49%;
        height: 156px;
    }
    .project-more .project-more-list .block-head .tag {
        position: absolute;
        top: 50%;
        order: 0;
    }
    .project-options .block-head {
        flex-direction: column;
        align-items: start;
    }
    .project-options .block-head .tag {
        position: relative;
        top: 0;
        margin: 0 0 24px;
    }
    .project-options .block-head .head-text {
        width: 100%;
        margin: 0 0 32px;
    }
    .project-options .block-head h2 {
        font-size: 42px;
        line-height: 50px;
        margin-bottom: 8px;
    }
    .project-options-galllery .buttons {
        display: none;
    }
    .card-project-description .image {
        position: relative;
        top: 0;
        left: 0;
        right: auto;
        margin: 0 40px 0 auto;
    }
    .card-project-description {
        display: flex;
        flex-direction: column;
    }
    .card-project-description .image {
        order: 1;
        margin: 0 0 40px;
    }
    .card-project-description h2 {
        font-size: 42px;
        line-height: 50px;
    }
    .card-project-description .card-project-description-list {
        order: 3;
        flex-direction: column;
    }
    .card-project-description .head {
        width: 100%;
        order: 2;
        margin: 0 0 48px;
    }
    .card-project-description .card-project-description-list li {
        width: 100%;
        padding: 0;
        margin: 0 0 32px;
    }
    .card-project-description .card-project-description-list li .text h5 br {
        display: none;
    }
    .card-project-description .card-project-description-list li .text p {
        font-size: 16px;
        line-height: 22px;
    }
    .card-project-description .card-project-description-list li.promo-info {
        padding: 24px 45% 22px 24px;
    }
    .card-project-description {
        margin-bottom: 16px;
    }
    .features-section .block-head {
        display: none;
    }
    .features-section .buttons {
        display: none;
    }
    .card-features-download h4 {
        font-size: 42px;
        line-height: 50px;
    }
    .card-features-download .head {
        padding: 0;
        margin: 0 0 32px;
    }
    .card-features-download-list {
        flex-wrap: wrap;
        gap: 8px
    }
    .card-features-download-list li:first-child {
        flex: 0 0 100%;
        padding-right:  60%;
        background-position: 0 60%;
    }
    .card-features-download-list li {
        height: 352px;
        flex: 0 0 49%;
        padding: 24px;
    }
    .card-features-download {
        padding-bottom: 72px;
    }
    .project-options {
        margin-bottom: 68px;
    }
    .project-details .project-details-item-preview li {
        max-width: 50%;
    }

}
.redesing_head #header ul.contacts li:nth-child(2) {
    display: flex;
}
.active-top #header #navigation{
    display: none;
}
.active-top #header {
    height: 80px;
}
.active-top .mb-burger {
    display: block;
    height: 56px;
    line-height: 56px;
    width: 56px;
    text-align: center;
    position: absolute;
    background-color: rgba(246, 246, 246, 1);
    overflow: hidden;
    border-radius: 8px;
    top: 12px;
    left: 20px;
    z-index: 100;
    cursor: pointer;
}
.active-top .mb-burger span svg:last-child {
    display: none;
}
.active-top .mb-open-nav .mb-burger span svg:first-child {
    display: none;
}
.active-top .mb-open-nav .mb-burger span svg:last-child {
    display: inline-block;
    width: 15px;
    height: 15px;
}
.active-top .mb-burger span:before {
    display: none;
}
.active-top .mb-burger span:after {
    display: none;
}
.redesing_head #header .contacts li a[target=_blank] {
    display: block;
    width: 56px;
    text-align: center;
    line-height: 56px;
    padding: 8px 0 0;
}
.active-top #header ul.contacts li {
    margin: 0;
}
.active-top #header .contacts li:nth-child(2) {
    margin: 0 34px 0 0;
}
.active-top #header .logo {
    left: 90px;
}
.active-top #header .slogan {
    left: 267px;
}
#header  li.social_btn {
    width: 56px;
    flex: 0 0 56px;
    justify-content: center;
    padding: 0;
}
.mb-burger {
    text-align: center;
    background-color: rgba(246, 246, 246, 1);
    border-radius: 8px;
    line-height: 40px;
    width: 40px;
    height: 40px;
}
@media screen and (max-width: 759px){
    .mb-open-nav .mb-burger span svg:first-child {
        display: none;
    }
    .mb-open-nav .mb-burger span svg:last-child {
        display: inline-block;
        width: 15px;
        height: 15px;
    }

    .project-options .swipe-indicator {
        display: flex;
    }
    .card-section .cart-head .card-title {
        flex-direction: column;
        align-items: start;
    }
    .card-section .cart-head .card-title .h1 {
        font-size: 28px;
        line-height: 30px;
        margin: 0 0 8px;
        padding: 0;
    }
    .card-section .cart-head .card-row {
        display: none;
    }
    .card-section .cart-head .card-title {
        margin: 0;
    }
    .card-section .cart-head {
        margin: 0 0 8px;
    }
    .card-section .card-gallery {
        height: 320px;
    }
    .card-section .card-gallery {
        overflow: visible;
    }
    .card-section .card-gallery .card-gallery-buttons {
        position: relative;
        bottom: 0;
        flex-wrap: wrap;
        padding-top: 4px;
        justify-content: space-between;
    }
    .card-section .card-gallery .card-gallery-buttons {
        gap: 4px;
    }
    .card-section .card-gallery .card-gallery-buttons .button:nth-child(3) {
        order: 0;
    }
    .card-section .card-gallery .card-gallery-buttons .button:nth-child(2) {
        order: 1;
    }
    .card-section .card-gallery .card-gallery-buttons .button:nth-child(1) {
        order: 4;
    }
    .card-section .card-gallery .card-gallery-buttons > * {
        flex: 1 1 49%;
        width: 49%;
    }
    .card-section .card-gallery .card-gallery-navigation-buttons {
        padding: 0 15px;
    }
    .card-section .card-gallery .card-gallery-navigation {
        margin: 0 15px 0 0;
    }
    .card-section .card-gallery {
        height: auto;
    }
    .card-section .card-gallery .swiper-wrapper {
        height: 324px;
    }
    .card-project-info {
        padding: 24px;
    }
    .card-project-info .project-info h3 {
        font-size: 28px;
        line-height: 30px;
    }
    .card-project-info .project-image {
        height: auto;
    }
    .card-project-info .project-info .project-features {
        flex-direction: column;
    }
    .card-project-info .project-info .project-features .project-features-image {
        display: none;
    }
    .card-project-info .project-info .project-image {
        background-color: rgba(237, 239, 238, 1);
        border-radius: 12px 12px 0 0;
        margin: 0;
        padding: 12px 12px 0;
    }
    .project-details .project-details-text h2 {
        font-size: 28px;
        line-height: 30px;
    }
    .project-details .project-details-text p {
        font-size: 14px;
        line-height: 19px;
    }
    .project-details-item-tags li {
        flex: 0 0 47%;
        width: 47%;
    }
    .project-details .project-details-item-cat li {
        height: 40px;
        line-height: 40px;
        font-size: 12px;
        padding: 0 12px;
    }
    .project-details .project-details-item-preview {
        flex-direction: column;
    }
    .project-details .project-details-item-preview li {
        max-width: none;
    }
    .project-details {
        margin-bottom: 80px;
    }
    .project-example .block-head {
        display: flex;
        flex-direction: column;
        align-items: start;
    }
    .project-example .block-head .tag {
        position: relative;
        order: 1;
    }
    .project-example .block-head h2 {
        order: 2;
    }
    .project-details-item {
        margin-bottom: 80px;
    }
    .project-example .block-head h2 {
        font-size: 28px;
        line-height: 30px;
    }
    .project-prop .project-prop-list-item .title {
        width: 70%;
    }
    .project-prop .project-prop-list-item {
        height: 364px;
    }
    .projects-similar .block-head {
        align-items: start;
        position: relative;
    }
    .projects-similar .block-head .swipe-indicator {
        position: absolute;
        right: 0;
        bottom: 8px;
    }
    .projects-similar h2 {
        text-align: left;
        font-size: 28px;
        line-height: 30px;
    }
    .projects-similar-gallery .slide {
        height: 194px;
    }
    .projects-similar-gallery .title p {
        font-size: 16px;
        margin: 0 0 16px;
    }
    .projects-similar-gallery .title i {
        font-size: 18px;
        line-height: 21px;
        margin: 0;
    }
    .projects-similar-gallery .title {
        flex-direction: column;
    }
    .projects-similar-gallery .project-details-item-tags li {
        flex: 0 0 auto;
    }
    .projects-similar-gallery .slide-info {
        flex-direction: column;
        align-items: start;
    }
    .projects-similar-gallery .slide-info .project-details-item-tags {
        margin-bottom: 16px;
    }
    .projects-similar-gallery .slide-info .btn {
        margin: 0;
    }
    .projects-similar .project-more .project-more-list li {
        flex: 0 0 100%;
    }
    .project-options .block-head h2 {
        font-size: 28px;
        line-height: 30px;
        margin: 0 0 8px;
        display: block;
    }
    .project-options .block-head h2 span {
        height: 24px;
        line-height: 24px;
        font-size: 10px;
        padding: 0 3px;
        margin: 0;
        width: auto;
        position: relative;
        top: -4px;
        min-width: 24px !important;
        text-align: center;
    }
    .project-options .block-head .head-text p {
        font-size: 14px;
        line-height: 19px;
    }
    .project-options-galllery {
        display: block;
    }
    .project-options-galllery h4 {
        font-size: 20px;
        line-height: 24px;
        font-weight: 400;
        margin: 0 0 16px;
    }
    .project-options-galllery p {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 8px;
    }
    .project-options .project-options-galllery-navigation {
        display: none;
    }
    .project-options-galllery a {
        font-size: 14px;
        line-height: 19px;
    }
    .project-options-galllery a svg {
        margin-bottom: -3px;
    }
    .card-project-description {
        padding: 24px;
        overflow: hidden;
    }
    .card-project-description .image {
        /*top: -50px;*/
        left: auto;
        right: 0%;
        margin-bottom: 13px;
        width: 570px;
    }
    .card-project-description h2 {
        font-size: 28px;
        line-height: 30px;
    }
    .card-project-description .card-project-description-list .icon {
        height: 26px;
        width: 26px;
        line-height: 26px;
        flex: 0 0 26px;
        margin: 0 0 16px;
    }
    .card-project-description .card-project-description-list .icon svg {
        scale: 0.6;
    }
    .card-project-description .card-project-description-list li {
        flex-direction: column;
    }
    .card-project-description .card-project-description-list li .text h5 {
        font-size: 18px;
        line-height: 21px;
        margin: 0 0 12px;
        font-weight: 400;
    }
    .card-project-description .card-project-description-list li .text p {
        font-size: 14px;
        line-height: 19px;
    }
    .card-project-description .card-project-description-list li.promo-info {
        padding: 24px 24px 160px;
        background-position: 100% 100%;
        background-size: auto;
    }
    .card-features-download {
        padding-top: 64px;
    }
    .card-features-download .head {
        align-items: start;
    }
    .card-features-download .head .tag {
        margin: 0 0 24px;
    }
    .card-features-download h4 {
        font-size: 28px;
        line-height: 30px;
        text-align: left;
        font-family: 'TT Firs Neue';
        font-weight: 500;
    }
    .card-features-download-list {
        gap: 8px;
    }
    .card-features-download-list li:first-child {
        padding-right: 24px;
    }
    .card-features-download-list li {
        flex: 0 0 100%;
        width: 100%;
    }
    .card-features-download .project-prop-buttons {
        flex-direction: column;
        align-items: center;
    }
    .card-section .card-row-mobile {
        display: flex;
        flex-direction: column;
        margin-bottom: 48px;
    }
    .card-section .card-row-mobile .card-info-head {
        padding: 12px 0 8px;
        border-bottom: 1px solid rgba(237, 239, 238, 1);
        margin: 0 0 8px;
    }
    .card-section .card-row-mobile .card-info-head .card-info-item strong {
        display: block;
        font-weight: 400;
        font-size: 20px;
        line-height: 24px;
        color: rgba(21, 22, 22, 1);
    }
    .card-section .card-row-mobile  .card-info-content {
        display: flex;
        gap: 30px;
        margin: 0 0 16px;
    }
    .card-section .card-row-mobile  .card-info-content p {
        margin: 0 0 6px;
        font-size: 12px;
        line-height: 15px;
        color: rgba(115, 115, 115, 1);
    }
    .card-section .card-row-mobile .card-info-content strong {
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        display: block;
    }
    .card-section .card-row-mobile .card-buttons {
        display: flex;
        gap: 8px;
    }
    .card-section .card-row-mobile .card-buttons .btn {
        flex: 1 1 49%;
        width: 49%;
        height: 48px;
        line-height: 48px;
        padding: 0;
        text-align: center;
        font-size: 14px;
    }
    .projects-similar-gallery .slide-info .btn,
    .card-section .card-row-mobile .card-buttons .btn.gray {
        background-color: rgba(237, 239, 238, 1);
        color: rgba(21, 22, 22, 1);
        border: 0;
    }
    .projects-similar-gallery .slide-info .btn:hover,
    .card-section .card-row-mobile .card-buttons .btn.gray:hover {
        background-color: #80c700;
        color: #fff;
    }
    .project-details-item-tags li {
        margin: 0;
    }
    .projects-similar-gallery .project-details-item-tags {
        gap: 12px;
    }
    .project-details-item-tags span {
        font-size: 10px;
        line-height: 13px;
        margin-bottom: 6px;
    }
    .project-details-item-tags strong {
        font-size: 14px;
        line-height: 16px;
    }
    .card-project-description .card-project-description-list li.promo-info p {
        position: relative;
    }
    .card-project-description .card-project-description-list li.promo-info p span {
        position: relative;
        z-index: 2;
    }
    .card-project-description .card-project-description-list li.promo-info p:before {
        content: "";
        background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 79%,rgba(255,255,255,0) 92%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        position: absolute;
        top: 0;
        z-index: 1;
        left: -100px;
        right: -100px;
        bottom: -30px;
    }
    .features-slider .swiper-slide:after {
        height: 100%;
        max-width: 90vw !important;
    }
    .projects-similar-gallery .swiper-pagination {
        display: none;
    }
    .fancybox-inner .project-options-popup .popup-content {
        flex-direction: column;
        padding: 30px 8px 0;
    }
    .fancybox-inner .project-options-popup .popup-content .fancy-image {
        margin: 0 0 24px;
        flex: 0 0 100%;
        width: 100%;
    }
    .active-top .mb-open-nav .mb-burger, .mb-open-nav .mb-burger,
    .active-top .mb-burger {
        height: 40px;
        width: 40px;
        line-height: 40px;
        top: 42px;
        left: 25px;
    }
    .active-top #header {
        box-shadow: 0 4px 10px rgba(50, 56, 54, 0.2);
    }
    .active-top #header .logo {
        left: 74px;
    }
    .mb-burger {
        text-align: center;
        line-height: 48px;
        background-color: rgba(246, 246, 246, 1);
        border-radius: 8px;
        right: auto;
        top: 42px;
    }
    .redesing_head #header .logo {
        left: 82px;
        top: 44px;
    }
    #header .mob-social-icons {
        right: 24px;
    }
    #header .mob-social-icons .icon__item a {
        background-color: rgba(246, 246, 246, 1);
        text-align: center;
        width: 40px;
        height: 40px;
        border-radius: 8px;
        line-height: 40px;
        position: relative;
    }
    #header .mob-social-icons .icon__item a img {
        height: 24px;
        width: 24px;
        vertical-align: middle;
    }
    #header .mob-social-icons {
        width: auto;
    }
    #header .mob-social-icons {
        bottom: 26px;
    }
    .mob_contact .call_link {
        color: rgba(21, 22, 22, 1);
    }
    #header .mob-social-icons {
        gap: 4px;
        height: auto;
        bottom: 7px;
    }
    .active-top #header {
        height: 88px;
    }
    .card-section .card-gallery {
        min-height: 0 !important;
    }
}

.card-menu-fixed-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background: #fff;
    box-shadow: 0 -2px 10px rgba(50, 56, 54, 0.1);
    display: none;
}
.active-top .card-menu-fixed-bottom {
    display: block;
}
.card-menu-fixed-bottom .cart-head{
    margin: 0;
    padding: 12px 0;
    flex-direction: row !important;
}
.card-menu-fixed-bottom .cart-head h5 {
    font-size: 40px;
    line-height: 48px;
    margin: 0;
    padding-right: 14px;
}
.card-menu-fixed-bottom .card-section .cart-head .card-title p {
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 -2px;
}
.card-menu-fixed-bottom .card-section .cart-head .card-title {
    align-items: center;
    margin: 0 !important;
}
.card-menu-fixed-bottom .card-section .cart-head .card-info .card-info-item p {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 0;
}
.card-menu-fixed-bottom .card-section .cart-head .card-info .card-info-item strong {
    font-size: 16px;
    line-height: 19px;
}
.card-menu-fixed-bottom  .card-section .cart-head .card-buttons .btn {
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    padding: 0 58px;
}
.card-menu-fixed-bottom .card-section .cart-head .card-info .card-info-item {
    margin: 0 40px 0 0;
}
.card-menu-fixed-bottom .card-section .cart-head .card-buttons {
    padding: 0 0 0 2vw;
}
.card-menu-fixed-bottom  .card-section .cart-head .card-info {
    align-items: center;
}
#footer {
    z-index: 10;
}
@media screen and (max-width: 1450px){
    .card-menu-fixed-bottom .cart-head {
        padding: 8px 0;
    }
    .card-menu-fixed-bottom  .card-section .cart-head .card-buttons .btn {
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
        font-size: 12px;
    }
    .card-menu-fixed-bottom .card-section .cart-head .card-info .card-info-item strong {
        font-size: 12px;
        line-height: 14px;
    }
    .card-menu-fixed-bottom .cart-head h5 {
        font-size: 32px;
        line-height: 38px;
    }
    .card-menu-fixed-bottom .card-section .cart-head .card-title p {
        font-size: 12px;
        line-height: 14px;
    }
    .card-menu-fixed-bottom .card-section .cart-head .card-info .card-info-item {
        margin: 0 24px 0 0;
    }
    .card-menu-fixed-bottom .card-section .cart-head .card-buttons {
        padding: 0 0 0 5px;
    }
    .redesing_head #header .contacts li a[target=_blank] {
        margin: 0 -12px;
    }
}
@media (max-width: 1170px) {
    .mb-burger span svg:last-child{
        display: none;
     }
     .card-section .card-gallery {
        min-height: calc(100vh - 75px - 80px - 180px);
    }
}
@media screen and (max-width: 1100px){
    .card-menu-fixed-bottom .card-section .cart-head .card-title p {
        display: none;
    }
    .card-menu-fixed-bottom .card-section .cart-head .card-row {
        margin: 0;
        justify-content: flex-start;
        width: 100%;
    }
    .card-menu-fixed-bottom .cart-head h5 {
        padding-right: 16px;
    }
    .card-menu-fixed-bottom .card-section .cart-head .card-info .card-info-item + .card-info-item {
        display: none;
    }
    .card-menu-fixed-bottom .card-section .cart-head .card-info {
        margin: 0;
    }
    .card-menu-fixed-bottom .card-section .cart-head .card-buttons {
        margin: 0 0 0 auto;
    }
    .card-menu-fixed-bottom .card-section .cart-head .card-info .card-info-item p {
        margin: 0 0 -5px;
    }
}
@media screen and (max-width: 754px) {
    .card-menu-fixed-bottom  .card-section .cart-head .card-row {
        display: flex !important;
    }
    .card-menu-fixed-bottom .card-section .cart-head .card-title {
        display: none !important;
    }
    .card-menu-fixed-bottom .card-section .cart-head .card-info {
        display: none !important;
    }
    .card-menu-fixed-bottom .card-section .cart-head .card-buttons .btn {
        height: 34px;
        line-height: 34px;
    }
    .card-menu-fixed-bottom .card-section .cart-head .card-buttons {
        margin: 0 auto;
    }
    .mob_contact .call_link {
        color: rgba(21, 22, 22, 1);
    }
    .mb-burger {
        line-height: 40px;
    }
}
@media screen and (max-width: 1450px) {
    .active-top #header .slogan {
        display: none;
    }
}
@media screen and (max-width: 480px) {
    .redesing_head #header .logo {
        left: 60px;
    }
}
.features-slider .swiper-slide {
    min-height: auto;
    height: 720px;
    max-height: calc(100vh - 160px);
}
@media screen and (max-width: 1230px) {
    .card-features-download-list li:nth-child(1) {
        background-position: 0 55%;
    }
    .card-features-download-list li:nth-child(2) {
        background-position: 0 60%;
    }
    .card-features-download-list li:nth-child(3) {
        background-position: 0 75%;
    }
    .card-features-download-list li:nth-child(4) {
        background-position: 0 50%;
    }
    .card-features-download-list li:nth-child(5) {
        background-position: 0 70%;
    }
}
@media screen and (max-width: 767px) {
    .card-features-download-list li:nth-child(5) {
        background-position: 0 55%;
    }
    .project-options-popup {
        display: none;
        border-radius: 12px;
        padding: 12px 12px 13px;
        max-width: 80%;
    }

}
@media only screen and (max-width: 1170px) {
    .mb-burger span {
        position: relative;
        background-color: transparent;
        top: auto;
        left: auto;
        margin: 0;
    }
    .mb-open-nav .mb-burger span svg:first-child {
        display: none;
    }
    .mb-open-nav .mb-burger span svg:last-child {
        display: inline-block;
    }
    .mb-open-nav #navigation,
    .active-top .mb-open-nav #navigation {
        padding-top: 139px;
    }
    .active-top .mb-open-nav .mb-burger span svg:last-child {
        display: inline-block;
        width: 15px;
        height: 15px;
    }
}
#header.mb-open-nav #navigation{
    display: block;
}
.mb-burger span:before, .mb-burger span:after {
    display: none;
}
@media screen and (max-width: 480px) {
    .mb-open-nav .mb-burger,
    .active-top .mb-burger {
        left: 12px !important;
    }
    #header .mob-social-icons {
        right: 12px;
    }
    .projects-similar-gallery .slide-info .btn {
        width: 100%;
    }
    .projects-similar-gallery .slide {
        height: 242px;
    }
}
.sab-nav > li > a.arrow:before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 8px solid rgba(203, 205, 204, 1);
    top: 5px;
    height: 4px;
    width: auto;
    transform: rotate(180deg);
}
.mb-open-nav .sab-nav > li > a.arrow:before {
    top: 14px;
}
.mb-open-nav .mob_contact {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 9px 0 10px;
    border-bottom: 1px solid #E4E4E4;
    position: relative;
    z-index: 3;
}
@media screen and (max-width: 767px) {
    .mb-open-nav .sab-nav > li > a.arrow:before {
        top: 15px;
    }
    .projects-similar .swipe-indicator {
        display: flex;
    }
    #navigation .search, .active-top #navigation .search, .active-top .mb-open-nav #navigation .search {
        top: 98px !important;
    }
}
@media screen and (min-width: 768px) {
    .sab-nav > li > a.arrow:before {
        top: 5px !important;
    }
    #header.mb-open-nav {
        height: 137px;
    }
    #header.mb-open-nav  .mob_contact {
        display: none;
    }
    body.active-top.overflow-hidden {
        overflow-y: auto !important;
    }
}

/* End */


/* Start:/local/templates/bania.3.1/lazyload/style.css?174011691943*/
.iframeLoaderScroll {
    display: block;
}
/* End */


/* Start:/bitrix/tools/concept.stories/css/grids.css?174011653688066*/
html .cpt-stories-modal{
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

.cpt-stories-modal *,
.cpt-stories-modal *::before,
.cpt-stories-modal *::after {
  box-sizing: inherit;
}

.cpt-stories-container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .cpt-stories-container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .cpt-stories-container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .cpt-stories-container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .cpt-stories-container {
    max-width: 1140px;
  }
}

.cpt-stories-container-fluid, .cpt-stories-container-sm, .cpt-stories-container-md, .cpt-stories-container-lg, .cpt-stories-container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .cpt-stories-container, .cpt-stories-container-sm {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .cpt-stories-container, .cpt-stories-container-sm, .cpt-stories-container-md {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .cpt-stories-container, .cpt-stories-container-sm, .cpt-stories-container-md, .cpt-stories-container-lg {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .cpt-stories-container, .cpt-stories-container-sm, .cpt-stories-container-md, .cpt-stories-container-lg, .cpt-stories-container-xl {
    max-width: 1140px;
  }
}

.cpt-stories-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.cpt-stories-no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.cpt-stories-no-gutters > .cpt-stories-col,
.cpt-stories-no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.cpt-stories-col-1, .cpt-stories-col-2, .cpt-stories-col-3, .cpt-stories-col-4, .cpt-stories-col-5, .cpt-stories-col-6, .cpt-stories-col-7, .cpt-stories-col-8, .cpt-stories-col-9, .cpt-stories-col-10, .cpt-stories-col-11, .cpt-stories-col-12, .cpt-stories-col,
.cpt-stories-col-auto, .cpt-stories-col-sm-1, .cpt-stories-col-sm-2, .cpt-stories-col-sm-3, .cpt-stories-col-sm-4, .cpt-stories-col-sm-5, .cpt-stories-col-sm-6, .cpt-stories-col-sm-7, .cpt-stories-col-sm-8, .cpt-stories-col-sm-9, .cpt-stories-col-sm-10, .cpt-stories-col-sm-11, .cpt-stories-col-sm-12, .cpt-stories-col-sm,
.cpt-stories-col-sm-auto, .cpt-stories-col-md-1, .cpt-stories-col-md-2, .cpt-stories-col-md-3, .cpt-stories-col-md-4, .cpt-stories-col-md-5, .cpt-stories-col-md-6, .cpt-stories-col-md-7, .cpt-stories-col-md-8, .cpt-stories-col-md-9, .cpt-stories-col-md-10, .cpt-stories-col-md-11, .cpt-stories-col-md-12, .cpt-stories-col-md,
.cpt-stories-col-md-auto, .cpt-stories-col-lg-1, .cpt-stories-col-lg-2, .cpt-stories-col-lg-3, .cpt-stories-col-lg-4, .cpt-stories-col-lg-5, .cpt-stories-col-lg-6, .cpt-stories-col-lg-7, .cpt-stories-col-lg-8, .cpt-stories-col-lg-9, .cpt-stories-col-lg-10, .cpt-stories-col-lg-11, .cpt-stories-col-lg-12, .cpt-stories-col-lg,
.cpt-stories-col-lg-auto, .cpt-stories-col-xl-1, .cpt-stories-col-xl-2, .cpt-stories-col-xl-3, .cpt-stories-col-xl-4, .cpt-stories-col-xl-5, .cpt-stories-col-xl-6, .cpt-stories-col-xl-7, .cpt-stories-col-xl-8, .cpt-stories-col-xl-9, .cpt-stories-col-xl-10, .cpt-stories-col-xl-11, .cpt-stories-col-xl-12, .cpt-stories-col-xl,
.cpt-stories-col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.cpt-stories-col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 0;
  max-width: 100%;
}

.cpt-stories-row-cols-1 > * {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.cpt-stories-row-cols-2 > * {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.cpt-stories-row-cols-3 > * {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.cpt-stories-row-cols-4 > * {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.cpt-stories-row-cols-5 > * {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.cpt-stories-row-cols-6 > * {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.cpt-stories-col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.cpt-stories-col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.cpt-stories-col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.cpt-stories-col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.cpt-stories-col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.cpt-stories-col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.cpt-stories-col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.cpt-stories-col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.cpt-stories-col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.cpt-stories-col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.cpt-stories-col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.cpt-stories-col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.cpt-stories-col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.cpt-stories-order-first {
  -ms-flex-order: -1;
  order: -1;
}

.cpt-stories-order-last {
  -ms-flex-order: 13;
  order: 13;
}

.cpt-stories-order-0 {
  -ms-flex-order: 0;
  order: 0;
}

.cpt-stories-order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.cpt-stories-order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.cpt-stories-order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.cpt-stories-order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.cpt-stories-order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.cpt-stories-order-6 {
  -ms-flex-order: 6;
  order: 6;
}

.cpt-stories-order-7 {
  -ms-flex-order: 7;
  order: 7;
}

.cpt-stories-order-8 {
  -ms-flex-order: 8;
  order: 8;
}

.cpt-stories-order-9 {
  -ms-flex-order: 9;
  order: 9;
}

.cpt-stories-order-10 {
  -ms-flex-order: 10;
  order: 10;
}

.cpt-stories-order-11 {
  -ms-flex-order: 11;
  order: 11;
}

.cpt-stories-order-12 {
  -ms-flex-order: 12;
  order: 12;
}

.cpt-stories-offset-1 {
  margin-left: 8.333333%;
}

.cpt-stories-offset-2 {
  margin-left: 16.666667%;
}

.cpt-stories-offset-3 {
  margin-left: 25%;
}

.cpt-stories-offset-4 {
  margin-left: 33.333333%;
}

.cpt-stories-offset-5 {
  margin-left: 41.666667%;
}

.cpt-stories-offset-6 {
  margin-left: 50%;
}

.cpt-stories-offset-7 {
  margin-left: 58.333333%;
}

.cpt-stories-offset-8 {
  margin-left: 66.666667%;
}

.cpt-stories-offset-9 {
  margin-left: 75%;
}

.cpt-stories-offset-10 {
  margin-left: 83.333333%;
}

.cpt-stories-offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .cpt-stories-col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .cpt-stories-row-cols-sm-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .cpt-stories-row-cols-sm-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .cpt-stories-row-cols-sm-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .cpt-stories-row-cols-sm-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .cpt-stories-row-cols-sm-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .cpt-stories-row-cols-sm-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .cpt-stories-col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .cpt-stories-col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .cpt-stories-col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .cpt-stories-col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .cpt-stories-col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .cpt-stories-col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .cpt-stories-col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .cpt-stories-col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .cpt-stories-col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .cpt-stories-col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .cpt-stories-col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .cpt-stories-col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .cpt-stories-col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .cpt-stories-order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .cpt-stories-order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .cpt-stories-order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .cpt-stories-order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .cpt-stories-order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .cpt-stories-order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .cpt-stories-order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .cpt-stories-order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .cpt-stories-order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .cpt-stories-order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .cpt-stories-order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .cpt-stories-order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .cpt-stories-order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .cpt-stories-order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .cpt-stories-order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .cpt-stories-offset-sm-0 {
    margin-left: 0;
  }
  .cpt-stories-offset-sm-1 {
    margin-left: 8.333333%;
  }
  .cpt-stories-offset-sm-2 {
    margin-left: 16.666667%;
  }
  .cpt-stories-offset-sm-3 {
    margin-left: 25%;
  }
  .cpt-stories-offset-sm-4 {
    margin-left: 33.333333%;
  }
  .cpt-stories-offset-sm-5 {
    margin-left: 41.666667%;
  }
  .cpt-stories-offset-sm-6 {
    margin-left: 50%;
  }
  .cpt-stories-offset-sm-7 {
    margin-left: 58.333333%;
  }
  .cpt-stories-offset-sm-8 {
    margin-left: 66.666667%;
  }
  .cpt-stories-offset-sm-9 {
    margin-left: 75%;
  }
  .cpt-stories-offset-sm-10 {
    margin-left: 83.333333%;
  }
  .cpt-stories-offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .cpt-stories-col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .cpt-stories-row-cols-md-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .cpt-stories-row-cols-md-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .cpt-stories-row-cols-md-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .cpt-stories-row-cols-md-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .cpt-stories-row-cols-md-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .cpt-stories-row-cols-md-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .cpt-stories-col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .cpt-stories-col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .cpt-stories-col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .cpt-stories-col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .cpt-stories-col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .cpt-stories-col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .cpt-stories-col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .cpt-stories-col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .cpt-stories-col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .cpt-stories-col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .cpt-stories-col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .cpt-stories-col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .cpt-stories-col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .cpt-stories-order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .cpt-stories-order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .cpt-stories-order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .cpt-stories-order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .cpt-stories-order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .cpt-stories-order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .cpt-stories-order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .cpt-stories-order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .cpt-stories-order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .cpt-stories-order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .cpt-stories-order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .cpt-stories-order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .cpt-stories-order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .cpt-stories-order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .cpt-stories-order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .cpt-stories-offset-md-0 {
    margin-left: 0;
  }
  .cpt-stories-offset-md-1 {
    margin-left: 8.333333%;
  }
  .cpt-stories-offset-md-2 {
    margin-left: 16.666667%;
  }
  .cpt-stories-offset-md-3 {
    margin-left: 25%;
  }
  .cpt-stories-offset-md-4 {
    margin-left: 33.333333%;
  }
  .cpt-stories-offset-md-5 {
    margin-left: 41.666667%;
  }
  .cpt-stories-offset-md-6 {
    margin-left: 50%;
  }
  .cpt-stories-offset-md-7 {
    margin-left: 58.333333%;
  }
  .cpt-stories-offset-md-8 {
    margin-left: 66.666667%;
  }
  .cpt-stories-offset-md-9 {
    margin-left: 75%;
  }
  .cpt-stories-offset-md-10 {
    margin-left: 83.333333%;
  }
  .cpt-stories-offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  .cpt-stories-col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .cpt-stories-row-cols-lg-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .cpt-stories-row-cols-lg-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .cpt-stories-row-cols-lg-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .cpt-stories-row-cols-lg-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .cpt-stories-row-cols-lg-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .cpt-stories-row-cols-lg-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .cpt-stories-col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .cpt-stories-col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .cpt-stories-col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .cpt-stories-col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .cpt-stories-col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .cpt-stories-col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .cpt-stories-col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .cpt-stories-col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .cpt-stories-col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .cpt-stories-col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .cpt-stories-col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .cpt-stories-col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .cpt-stories-col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .cpt-stories-order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .cpt-stories-order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .cpt-stories-order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .cpt-stories-order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .cpt-stories-order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .cpt-stories-order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .cpt-stories-order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .cpt-stories-order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .cpt-stories-order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .cpt-stories-order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .cpt-stories-order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .cpt-stories-order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .cpt-stories-order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .cpt-stories-order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .cpt-stories-order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .cpt-stories-offset-lg-0 {
    margin-left: 0;
  }
  .cpt-stories-offset-lg-1 {
    margin-left: 8.333333%;
  }
  .cpt-stories-offset-lg-2 {
    margin-left: 16.666667%;
  }
  .cpt-stories-offset-lg-3 {
    margin-left: 25%;
  }
  .cpt-stories-offset-lg-4 {
    margin-left: 33.333333%;
  }
  .cpt-stories-offset-lg-5 {
    margin-left: 41.666667%;
  }
  .cpt-stories-offset-lg-6 {
    margin-left: 50%;
  }
  .cpt-stories-offset-lg-7 {
    margin-left: 58.333333%;
  }
  .cpt-stories-offset-lg-8 {
    margin-left: 66.666667%;
  }
  .cpt-stories-offset-lg-9 {
    margin-left: 75%;
  }
  .cpt-stories-offset-lg-10 {
    margin-left: 83.333333%;
  }
  .cpt-stories-offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 1200px) {
  .cpt-stories-col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .cpt-stories-row-cols-xl-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .cpt-stories-row-cols-xl-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .cpt-stories-row-cols-xl-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .cpt-stories-row-cols-xl-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .cpt-stories-row-cols-xl-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .cpt-stories-row-cols-xl-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .cpt-stories-col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .cpt-stories-col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .cpt-stories-col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .cpt-stories-col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .cpt-stories-col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .cpt-stories-col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .cpt-stories-col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .cpt-stories-col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .cpt-stories-col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .cpt-stories-col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .cpt-stories-col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .cpt-stories-col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .cpt-stories-col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .cpt-stories-order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .cpt-stories-order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .cpt-stories-order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .cpt-stories-order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .cpt-stories-order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .cpt-stories-order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .cpt-stories-order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .cpt-stories-order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .cpt-stories-order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .cpt-stories-order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .cpt-stories-order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .cpt-stories-order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .cpt-stories-order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .cpt-stories-order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .cpt-stories-order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .cpt-stories-offset-xl-0 {
    margin-left: 0;
  }
  .cpt-stories-offset-xl-1 {
    margin-left: 8.333333%;
  }
  .cpt-stories-offset-xl-2 {
    margin-left: 16.666667%;
  }
  .cpt-stories-offset-xl-3 {
    margin-left: 25%;
  }
  .cpt-stories-offset-xl-4 {
    margin-left: 33.333333%;
  }
  .cpt-stories-offset-xl-5 {
    margin-left: 41.666667%;
  }
  .cpt-stories-offset-xl-6 {
    margin-left: 50%;
  }
  .cpt-stories-offset-xl-7 {
    margin-left: 58.333333%;
  }
  .cpt-stories-offset-xl-8 {
    margin-left: 66.666667%;
  }
  .cpt-stories-offset-xl-9 {
    margin-left: 75%;
  }
  .cpt-stories-offset-xl-10 {
    margin-left: 83.333333%;
  }
  .cpt-stories-offset-xl-11 {
    margin-left: 91.666667%;
  }
}

.cpt-stories-d-none {
  display: none !important;
}

.cpt-stories-d-inline {
  display: inline !important;
}

.cpt-stories-d-inline-block {
  display: inline-block !important;
}

.cpt-stories-d-block {
  display: block !important;
}

.cpt-stories-d-table {
  display: table !important;
}

.cpt-stories-d-table-row {
  display: table-row !important;
}

.cpt-stories-d-table-cell {
  display: table-cell !important;
}

.cpt-stories-d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.cpt-stories-d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .cpt-stories-d-sm-none {
    display: none !important;
  }
  .cpt-stories-d-sm-inline {
    display: inline !important;
  }
  .cpt-stories-d-sm-inline-block {
    display: inline-block !important;
  }
  .cpt-stories-d-sm-block {
    display: block !important;
  }
  .cpt-stories-d-sm-table {
    display: table !important;
  }
  .cpt-stories-d-sm-table-row {
    display: table-row !important;
  }
  .cpt-stories-d-sm-table-cell {
    display: table-cell !important;
  }
  .cpt-stories-d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .cpt-stories-d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .cpt-stories-d-md-none {
    display: none !important;
  }
  .cpt-stories-d-md-inline {
    display: inline !important;
  }
  .cpt-stories-d-md-inline-block {
    display: inline-block !important;
  }
  .cpt-stories-d-md-block {
    display: block !important;
  }
  .cpt-stories-d-md-table {
    display: table !important;
  }
  .cpt-stories-d-md-table-row {
    display: table-row !important;
  }
  .cpt-stories-d-md-table-cell {
    display: table-cell !important;
  }
  .cpt-stories-d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .cpt-stories-d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .cpt-stories-d-lg-none {
    display: none !important;
  }
  .cpt-stories-d-lg-inline {
    display: inline !important;
  }
  .cpt-stories-d-lg-inline-block {
    display: inline-block !important;
  }
  .cpt-stories-d-lg-block {
    display: block !important;
  }
  .cpt-stories-d-lg-table {
    display: table !important;
  }
  .cpt-stories-d-lg-table-row {
    display: table-row !important;
  }
  .cpt-stories-d-lg-table-cell {
    display: table-cell !important;
  }
  .cpt-stories-d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .cpt-stories-d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .cpt-stories-d-xl-none {
    display: none !important;
  }
  .cpt-stories-d-xl-inline {
    display: inline !important;
  }
  .cpt-stories-d-xl-inline-block {
    display: inline-block !important;
  }
  .cpt-stories-d-xl-block {
    display: block !important;
  }
  .cpt-stories-d-xl-table {
    display: table !important;
  }
  .cpt-stories-d-xl-table-row {
    display: table-row !important;
  }
  .cpt-stories-d-xl-table-cell {
    display: table-cell !important;
  }
  .cpt-stories-d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .cpt-stories-d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media print {
  .cpt-stories-d-print-none {
    display: none !important;
  }
  .cpt-stories-d-print-inline {
    display: inline !important;
  }
  .cpt-stories-d-print-inline-block {
    display: inline-block !important;
  }
  .cpt-stories-d-print-block {
    display: block !important;
  }
  .cpt-stories-d-print-table {
    display: table !important;
  }
  .cpt-stories-d-print-table-row {
    display: table-row !important;
  }
  .cpt-stories-d-print-table-cell {
    display: table-cell !important;
  }
  .cpt-stories-d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .cpt-stories-d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

.cpt-stories-flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.cpt-stories-flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.cpt-stories-flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.cpt-stories-flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.cpt-stories-flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.cpt-stories-flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.cpt-stories-flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.cpt-stories-flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.cpt-stories-flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.cpt-stories-flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.cpt-stories-flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.cpt-stories-flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.cpt-stories-justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.cpt-stories-justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.cpt-stories-justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.cpt-stories-justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.cpt-stories-justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.cpt-stories-align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.cpt-stories-align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.cpt-stories-align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.cpt-stories-align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.cpt-stories-align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.cpt-stories-align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.cpt-stories-align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.cpt-stories-align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.cpt-stories-align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.cpt-stories-align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.cpt-stories-align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.cpt-stories-align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.cpt-stories-align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.cpt-stories-align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.cpt-stories-align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.cpt-stories-align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.cpt-stories-align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .cpt-stories-flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .cpt-stories-flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .cpt-stories-flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .cpt-stories-flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .cpt-stories-flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .cpt-stories-flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .cpt-stories-flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .cpt-stories-flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .cpt-stories-flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .cpt-stories-flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .cpt-stories-flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .cpt-stories-flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .cpt-stories-justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .cpt-stories-justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .cpt-stories-justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .cpt-stories-justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .cpt-stories-justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .cpt-stories-align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .cpt-stories-align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .cpt-stories-align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .cpt-stories-align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .cpt-stories-align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .cpt-stories-align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .cpt-stories-align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .cpt-stories-align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .cpt-stories-align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .cpt-stories-align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .cpt-stories-align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .cpt-stories-align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .cpt-stories-align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .cpt-stories-align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .cpt-stories-align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .cpt-stories-align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .cpt-stories-align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .cpt-stories-flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .cpt-stories-flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .cpt-stories-flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .cpt-stories-flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .cpt-stories-flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .cpt-stories-flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .cpt-stories-flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .cpt-stories-flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .cpt-stories-flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .cpt-stories-flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .cpt-stories-flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .cpt-stories-flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .cpt-stories-justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .cpt-stories-justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .cpt-stories-justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .cpt-stories-justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .cpt-stories-justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .cpt-stories-align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .cpt-stories-align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .cpt-stories-align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .cpt-stories-align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .cpt-stories-align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .cpt-stories-align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .cpt-stories-align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .cpt-stories-align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .cpt-stories-align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .cpt-stories-align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .cpt-stories-align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .cpt-stories-align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .cpt-stories-align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .cpt-stories-align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .cpt-stories-align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .cpt-stories-align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .cpt-stories-align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .cpt-stories-flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .cpt-stories-flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .cpt-stories-flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .cpt-stories-flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .cpt-stories-flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .cpt-stories-flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .cpt-stories-flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .cpt-stories-flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .cpt-stories-flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .cpt-stories-flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .cpt-stories-flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .cpt-stories-flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .cpt-stories-justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .cpt-stories-justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .cpt-stories-justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .cpt-stories-justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .cpt-stories-justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .cpt-stories-align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .cpt-stories-align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .cpt-stories-align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .cpt-stories-align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .cpt-stories-align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .cpt-stories-align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .cpt-stories-align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .cpt-stories-align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .cpt-stories-align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .cpt-stories-align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .cpt-stories-align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .cpt-stories-align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .cpt-stories-align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .cpt-stories-align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .cpt-stories-align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .cpt-stories-align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .cpt-stories-align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .cpt-stories-flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .cpt-stories-flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .cpt-stories-flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .cpt-stories-flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .cpt-stories-flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .cpt-stories-flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .cpt-stories-flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .cpt-stories-flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .cpt-stories-flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .cpt-stories-flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .cpt-stories-flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .cpt-stories-flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .cpt-stories-justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .cpt-stories-justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .cpt-stories-justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .cpt-stories-justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .cpt-stories-justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .cpt-stories-align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .cpt-stories-align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .cpt-stories-align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .cpt-stories-align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .cpt-stories-align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .cpt-stories-align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .cpt-stories-align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .cpt-stories-align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .cpt-stories-align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .cpt-stories-align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .cpt-stories-align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .cpt-stories-align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .cpt-stories-align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .cpt-stories-align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .cpt-stories-align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .cpt-stories-align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .cpt-stories-align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

.cpt-stories-m-0 {
  margin: 0 !important;
}

.cpt-stories-mt-0,
.cpt-stories-my-0 {
  margin-top: 0 !important;
}

.cpt-stories-mr-0,
.cpt-stories-mx-0 {
  margin-right: 0 !important;
}

.cpt-stories-mb-0,
.cpt-stories-my-0 {
  margin-bottom: 0 !important;
}

.cpt-stories-ml-0,
.cpt-stories-mx-0 {
  margin-left: 0 !important;
}

.cpt-stories-m-1 {
  margin: 0.25rem !important;
}

.cpt-stories-mt-1,
.cpt-stories-my-1 {
  margin-top: 0.25rem !important;
}

.cpt-stories-mr-1,
.cpt-stories-mx-1 {
  margin-right: 0.25rem !important;
}

.cpt-stories-mb-1,
.cpt-stories-my-1 {
  margin-bottom: 0.25rem !important;
}

.cpt-stories-ml-1,
.cpt-stories-mx-1 {
  margin-left: 0.25rem !important;
}

.cpt-stories-m-2 {
  margin: 0.5rem !important;
}

.cpt-stories-mt-2,
.cpt-stories-my-2 {
  margin-top: 0.5rem !important;
}

.cpt-stories-mr-2,
.cpt-stories-mx-2 {
  margin-right: 0.5rem !important;
}

.cpt-stories-mb-2,
.cpt-stories-my-2 {
  margin-bottom: 0.5rem !important;
}

.cpt-stories-ml-2,
.cpt-stories-mx-2 {
  margin-left: 0.5rem !important;
}

.cpt-stories-m-3 {
  margin: 1rem !important;
}

.cpt-stories-mt-3,
.cpt-stories-my-3 {
  margin-top: 1rem !important;
}

.cpt-stories-mr-3,
.cpt-stories-mx-3 {
  margin-right: 1rem !important;
}

.cpt-stories-mb-3,
.cpt-stories-my-3 {
  margin-bottom: 1rem !important;
}

.cpt-stories-ml-3,
.cpt-stories-mx-3 {
  margin-left: 1rem !important;
}

.cpt-stories-m-4 {
  margin: 1.5rem !important;
}

.cpt-stories-mt-4,
.cpt-stories-my-4 {
  margin-top: 1.5rem !important;
}

.cpt-stories-mr-4,
.cpt-stories-mx-4 {
  margin-right: 1.5rem !important;
}

.cpt-stories-mb-4,
.cpt-stories-my-4 {
  margin-bottom: 1.5rem !important;
}

.cpt-stories-ml-4,
.cpt-stories-mx-4 {
  margin-left: 1.5rem !important;
}

.cpt-stories-m-5 {
  margin: 3rem !important;
}

.cpt-stories-mt-5,
.cpt-stories-my-5 {
  margin-top: 3rem !important;
}

.cpt-stories-mr-5,
.cpt-stories-mx-5 {
  margin-right: 3rem !important;
}

.cpt-stories-mb-5,
.cpt-stories-my-5 {
  margin-bottom: 3rem !important;
}

.cpt-stories-ml-5,
.cpt-stories-mx-5 {
  margin-left: 3rem !important;
}

.cpt-stories-p-0 {
  padding: 0 !important;
}

.cpt-stories-pt-0,
.cpt-stories-py-0 {
  padding-top: 0 !important;
}

.cpt-stories-pr-0,
.cpt-stories-px-0 {
  padding-right: 0 !important;
}

.cpt-stories-pb-0,
.cpt-stories-py-0 {
  padding-bottom: 0 !important;
}

.cpt-stories-pl-0,
.cpt-stories-px-0 {
  padding-left: 0 !important;
}

.cpt-stories-p-1 {
  padding: 0.25rem !important;
}

.cpt-stories-pt-1,
.cpt-stories-py-1 {
  padding-top: 0.25rem !important;
}

.cpt-stories-pr-1,
.cpt-stories-px-1 {
  padding-right: 0.25rem !important;
}

.cpt-stories-pb-1,
.cpt-stories-py-1 {
  padding-bottom: 0.25rem !important;
}

.cpt-stories-pl-1,
.cpt-stories-px-1 {
  padding-left: 0.25rem !important;
}

.cpt-stories-p-2 {
  padding: 0.5rem !important;
}

.cpt-stories-pt-2,
.cpt-stories-py-2 {
  padding-top: 0.5rem !important;
}

.cpt-stories-pr-2,
.cpt-stories-px-2 {
  padding-right: 0.5rem !important;
}

.cpt-stories-pb-2,
.cpt-stories-py-2 {
  padding-bottom: 0.5rem !important;
}

.cpt-stories-pl-2,
.cpt-stories-px-2 {
  padding-left: 0.5rem !important;
}

.cpt-stories-p-3 {
  padding: 1rem !important;
}

.cpt-stories-pt-3,
.cpt-stories-py-3 {
  padding-top: 1rem !important;
}

.cpt-stories-pr-3,
.cpt-stories-px-3 {
  padding-right: 1rem !important;
}

.cpt-stories-pb-3,
.cpt-stories-py-3 {
  padding-bottom: 1rem !important;
}

.cpt-stories-pl-3,
.cpt-stories-px-3 {
  padding-left: 1rem !important;
}

.cpt-stories-p-4 {
  padding: 1.5rem !important;
}

.cpt-stories-pt-4,
.cpt-stories-py-4 {
  padding-top: 1.5rem !important;
}

.cpt-stories-pr-4,
.cpt-stories-px-4 {
  padding-right: 1.5rem !important;
}

.cpt-stories-pb-4,
.cpt-stories-py-4 {
  padding-bottom: 1.5rem !important;
}

.cpt-stories-pl-4,
.cpt-stories-px-4 {
  padding-left: 1.5rem !important;
}

.cpt-stories-p-5 {
  padding: 3rem !important;
}

.cpt-stories-pt-5,
.cpt-stories-py-5 {
  padding-top: 3rem !important;
}

.cpt-stories-pr-5,
.cpt-stories-px-5 {
  padding-right: 3rem !important;
}

.cpt-stories-pb-5,
.cpt-stories-py-5 {
  padding-bottom: 3rem !important;
}

.cpt-stories-pl-5,
.cpt-stories-px-5 {
  padding-left: 3rem !important;
}

.cpt-stories-m-n1 {
  margin: -0.25rem !important;
}

.cpt-stories-mt-n1,
.cpt-stories-my-n1 {
  margin-top: -0.25rem !important;
}

.cpt-stories-mr-n1,
.cpt-stories-mx-n1 {
  margin-right: -0.25rem !important;
}

.cpt-stories-mb-n1,
.cpt-stories-my-n1 {
  margin-bottom: -0.25rem !important;
}

.cpt-stories-ml-n1,
.cpt-stories-mx-n1 {
  margin-left: -0.25rem !important;
}

.cpt-stories-m-n2 {
  margin: -0.5rem !important;
}

.cpt-stories-mt-n2,
.cpt-stories-my-n2 {
  margin-top: -0.5rem !important;
}

.cpt-stories-mr-n2,
.cpt-stories-mx-n2 {
  margin-right: -0.5rem !important;
}

.cpt-stories-mb-n2,
.cpt-stories-my-n2 {
  margin-bottom: -0.5rem !important;
}

.cpt-stories-ml-n2,
.cpt-stories-mx-n2 {
  margin-left: -0.5rem !important;
}

.cpt-stories-m-n3 {
  margin: -1rem !important;
}

.cpt-stories-mt-n3,
.cpt-stories-my-n3 {
  margin-top: -1rem !important;
}

.cpt-stories-mr-n3,
.cpt-stories-mx-n3 {
  margin-right: -1rem !important;
}

.cpt-stories-mb-n3,
.cpt-stories-my-n3 {
  margin-bottom: -1rem !important;
}

.cpt-stories-ml-n3,
.cpt-stories-mx-n3 {
  margin-left: -1rem !important;
}

.cpt-stories-m-n4 {
  margin: -1.5rem !important;
}

.cpt-stories-mt-n4,
.cpt-stories-my-n4 {
  margin-top: -1.5rem !important;
}

.cpt-stories-mr-n4,
.cpt-stories-mx-n4 {
  margin-right: -1.5rem !important;
}

.cpt-stories-mb-n4,
.cpt-stories-my-n4 {
  margin-bottom: -1.5rem !important;
}

.cpt-stories-ml-n4,
.cpt-stories-mx-n4 {
  margin-left: -1.5rem !important;
}

.cpt-stories-m-n5 {
  margin: -3rem !important;
}

.cpt-stories-mt-n5,
.cpt-stories-my-n5 {
  margin-top: -3rem !important;
}

.cpt-stories-mr-n5,
.cpt-stories-mx-n5 {
  margin-right: -3rem !important;
}

.cpt-stories-mb-n5,
.cpt-stories-my-n5 {
  margin-bottom: -3rem !important;
}

.cpt-stories-ml-n5,
.cpt-stories-mx-n5 {
  margin-left: -3rem !important;
}

.cpt-stories-m-auto {
  margin: auto !important;
}

.cpt-stories-mt-auto,
.cpt-stories-my-auto {
  margin-top: auto !important;
}

.cpt-stories-mr-auto,
.cpt-stories-mx-auto {
  margin-right: auto !important;
}

.cpt-stories-mb-auto,
.cpt-stories-my-auto {
  margin-bottom: auto !important;
}

.cpt-stories-ml-auto,
.cpt-stories-mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .cpt-stories-m-sm-0 {
    margin: 0 !important;
  }
  .cpt-stories-mt-sm-0,
  .cpt-stories-my-sm-0 {
    margin-top: 0 !important;
  }
  .cpt-stories-mr-sm-0,
  .cpt-stories-mx-sm-0 {
    margin-right: 0 !important;
  }
  .cpt-stories-mb-sm-0,
  .cpt-stories-my-sm-0 {
    margin-bottom: 0 !important;
  }
  .cpt-stories-ml-sm-0,
  .cpt-stories-mx-sm-0 {
    margin-left: 0 !important;
  }
  .cpt-stories-m-sm-1 {
    margin: 0.25rem !important;
  }
  .cpt-stories-mt-sm-1,
  .cpt-stories-my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .cpt-stories-mr-sm-1,
  .cpt-stories-mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .cpt-stories-mb-sm-1,
  .cpt-stories-my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .cpt-stories-ml-sm-1,
  .cpt-stories-mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .cpt-stories-m-sm-2 {
    margin: 0.5rem !important;
  }
  .cpt-stories-mt-sm-2,
  .cpt-stories-my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .cpt-stories-mr-sm-2,
  .cpt-stories-mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .cpt-stories-mb-sm-2,
  .cpt-stories-my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .cpt-stories-ml-sm-2,
  .cpt-stories-mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .cpt-stories-m-sm-3 {
    margin: 1rem !important;
  }
  .cpt-stories-mt-sm-3,
  .cpt-stories-my-sm-3 {
    margin-top: 1rem !important;
  }
  .cpt-stories-mr-sm-3,
  .cpt-stories-mx-sm-3 {
    margin-right: 1rem !important;
  }
  .cpt-stories-mb-sm-3,
  .cpt-stories-my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .cpt-stories-ml-sm-3,
  .cpt-stories-mx-sm-3 {
    margin-left: 1rem !important;
  }
  .cpt-stories-m-sm-4 {
    margin: 1.5rem !important;
  }
  .cpt-stories-mt-sm-4,
  .cpt-stories-my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .cpt-stories-mr-sm-4,
  .cpt-stories-mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .cpt-stories-mb-sm-4,
  .cpt-stories-my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .cpt-stories-ml-sm-4,
  .cpt-stories-mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .cpt-stories-m-sm-5 {
    margin: 3rem !important;
  }
  .cpt-stories-mt-sm-5,
  .cpt-stories-my-sm-5 {
    margin-top: 3rem !important;
  }
  .cpt-stories-mr-sm-5,
  .cpt-stories-mx-sm-5 {
    margin-right: 3rem !important;
  }
  .cpt-stories-mb-sm-5,
  .cpt-stories-my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .cpt-stories-ml-sm-5,
  .cpt-stories-mx-sm-5 {
    margin-left: 3rem !important;
  }
  .cpt-stories-p-sm-0 {
    padding: 0 !important;
  }
  .cpt-stories-pt-sm-0,
  .cpt-stories-py-sm-0 {
    padding-top: 0 !important;
  }
  .cpt-stories-pr-sm-0,
  .cpt-stories-px-sm-0 {
    padding-right: 0 !important;
  }
  .cpt-stories-pb-sm-0,
  .cpt-stories-py-sm-0 {
    padding-bottom: 0 !important;
  }
  .cpt-stories-pl-sm-0,
  .cpt-stories-px-sm-0 {
    padding-left: 0 !important;
  }
  .cpt-stories-p-sm-1 {
    padding: 0.25rem !important;
  }
  .cpt-stories-pt-sm-1,
  .cpt-stories-py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .cpt-stories-pr-sm-1,
  .cpt-stories-px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .cpt-stories-pb-sm-1,
  .cpt-stories-py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .cpt-stories-pl-sm-1,
  .cpt-stories-px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .cpt-stories-p-sm-2 {
    padding: 0.5rem !important;
  }
  .cpt-stories-pt-sm-2,
  .cpt-stories-py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .cpt-stories-pr-sm-2,
  .cpt-stories-px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .cpt-stories-pb-sm-2,
  .cpt-stories-py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .cpt-stories-pl-sm-2,
  .cpt-stories-px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .cpt-stories-p-sm-3 {
    padding: 1rem !important;
  }
  .cpt-stories-pt-sm-3,
  .cpt-stories-py-sm-3 {
    padding-top: 1rem !important;
  }
  .cpt-stories-pr-sm-3,
  .cpt-stories-px-sm-3 {
    padding-right: 1rem !important;
  }
  .cpt-stories-pb-sm-3,
  .cpt-stories-py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .cpt-stories-pl-sm-3,
  .cpt-stories-px-sm-3 {
    padding-left: 1rem !important;
  }
  .cpt-stories-p-sm-4 {
    padding: 1.5rem !important;
  }
  .cpt-stories-pt-sm-4,
  .cpt-stories-py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .cpt-stories-pr-sm-4,
  .cpt-stories-px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .cpt-stories-pb-sm-4,
  .cpt-stories-py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .cpt-stories-pl-sm-4,
  .cpt-stories-px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .cpt-stories-p-sm-5 {
    padding: 3rem !important;
  }
  .cpt-stories-pt-sm-5,
  .cpt-stories-py-sm-5 {
    padding-top: 3rem !important;
  }
  .cpt-stories-pr-sm-5,
  .cpt-stories-px-sm-5 {
    padding-right: 3rem !important;
  }
  .cpt-stories-pb-sm-5,
  .cpt-stories-py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .cpt-stories-pl-sm-5,
  .cpt-stories-px-sm-5 {
    padding-left: 3rem !important;
  }
  .cpt-stories-m-sm-n1 {
    margin: -0.25rem !important;
  }
  .cpt-stories-mt-sm-n1,
  .cpt-stories-my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .cpt-stories-mr-sm-n1,
  .cpt-stories-mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .cpt-stories-mb-sm-n1,
  .cpt-stories-my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .cpt-stories-ml-sm-n1,
  .cpt-stories-mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .cpt-stories-m-sm-n2 {
    margin: -0.5rem !important;
  }
  .cpt-stories-mt-sm-n2,
  .cpt-stories-my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .cpt-stories-mr-sm-n2,
  .cpt-stories-mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .cpt-stories-mb-sm-n2,
  .cpt-stories-my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .cpt-stories-ml-sm-n2,
  .cpt-stories-mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .cpt-stories-m-sm-n3 {
    margin: -1rem !important;
  }
  .cpt-stories-mt-sm-n3,
  .cpt-stories-my-sm-n3 {
    margin-top: -1rem !important;
  }
  .cpt-stories-mr-sm-n3,
  .cpt-stories-mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .cpt-stories-mb-sm-n3,
  .cpt-stories-my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .cpt-stories-ml-sm-n3,
  .cpt-stories-mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .cpt-stories-m-sm-n4 {
    margin: -1.5rem !important;
  }
  .cpt-stories-mt-sm-n4,
  .cpt-stories-my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .cpt-stories-mr-sm-n4,
  .cpt-stories-mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .cpt-stories-mb-sm-n4,
  .cpt-stories-my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .cpt-stories-ml-sm-n4,
  .cpt-stories-mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .cpt-stories-m-sm-n5 {
    margin: -3rem !important;
  }
  .cpt-stories-mt-sm-n5,
  .cpt-stories-my-sm-n5 {
    margin-top: -3rem !important;
  }
  .cpt-stories-mr-sm-n5,
  .cpt-stories-mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .cpt-stories-mb-sm-n5,
  .cpt-stories-my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .cpt-stories-ml-sm-n5,
  .cpt-stories-mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .cpt-stories-m-sm-auto {
    margin: auto !important;
  }
  .cpt-stories-mt-sm-auto,
  .cpt-stories-my-sm-auto {
    margin-top: auto !important;
  }
  .cpt-stories-mr-sm-auto,
  .cpt-stories-mx-sm-auto {
    margin-right: auto !important;
  }
  .cpt-stories-mb-sm-auto,
  .cpt-stories-my-sm-auto {
    margin-bottom: auto !important;
  }
  .cpt-stories-ml-sm-auto,
  .cpt-stories-mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .cpt-stories-m-md-0 {
    margin: 0 !important;
  }
  .cpt-stories-mt-md-0,
  .cpt-stories-my-md-0 {
    margin-top: 0 !important;
  }
  .cpt-stories-mr-md-0,
  .cpt-stories-mx-md-0 {
    margin-right: 0 !important;
  }
  .cpt-stories-mb-md-0,
  .cpt-stories-my-md-0 {
    margin-bottom: 0 !important;
  }
  .cpt-stories-ml-md-0,
  .cpt-stories-mx-md-0 {
    margin-left: 0 !important;
  }
  .cpt-stories-m-md-1 {
    margin: 0.25rem !important;
  }
  .cpt-stories-mt-md-1,
  .cpt-stories-my-md-1 {
    margin-top: 0.25rem !important;
  }
  .cpt-stories-mr-md-1,
  .cpt-stories-mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .cpt-stories-mb-md-1,
  .cpt-stories-my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .cpt-stories-ml-md-1,
  .cpt-stories-mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .cpt-stories-m-md-2 {
    margin: 0.5rem !important;
  }
  .cpt-stories-mt-md-2,
  .cpt-stories-my-md-2 {
    margin-top: 0.5rem !important;
  }
  .cpt-stories-mr-md-2,
  .cpt-stories-mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .cpt-stories-mb-md-2,
  .cpt-stories-my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .cpt-stories-ml-md-2,
  .cpt-stories-mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .cpt-stories-m-md-3 {
    margin: 1rem !important;
  }
  .cpt-stories-mt-md-3,
  .cpt-stories-my-md-3 {
    margin-top: 1rem !important;
  }
  .cpt-stories-mr-md-3,
  .cpt-stories-mx-md-3 {
    margin-right: 1rem !important;
  }
  .cpt-stories-mb-md-3,
  .cpt-stories-my-md-3 {
    margin-bottom: 1rem !important;
  }
  .cpt-stories-ml-md-3,
  .cpt-stories-mx-md-3 {
    margin-left: 1rem !important;
  }
  .cpt-stories-m-md-4 {
    margin: 1.5rem !important;
  }
  .cpt-stories-mt-md-4,
  .cpt-stories-my-md-4 {
    margin-top: 1.5rem !important;
  }
  .cpt-stories-mr-md-4,
  .cpt-stories-mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .cpt-stories-mb-md-4,
  .cpt-stories-my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .cpt-stories-ml-md-4,
  .cpt-stories-mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .cpt-stories-m-md-5 {
    margin: 3rem !important;
  }
  .cpt-stories-mt-md-5,
  .cpt-stories-my-md-5 {
    margin-top: 3rem !important;
  }
  .cpt-stories-mr-md-5,
  .cpt-stories-mx-md-5 {
    margin-right: 3rem !important;
  }
  .cpt-stories-mb-md-5,
  .cpt-stories-my-md-5 {
    margin-bottom: 3rem !important;
  }
  .cpt-stories-ml-md-5,
  .cpt-stories-mx-md-5 {
    margin-left: 3rem !important;
  }
  .cpt-stories-p-md-0 {
    padding: 0 !important;
  }
  .cpt-stories-pt-md-0,
  .cpt-stories-py-md-0 {
    padding-top: 0 !important;
  }
  .cpt-stories-pr-md-0,
  .cpt-stories-px-md-0 {
    padding-right: 0 !important;
  }
  .cpt-stories-pb-md-0,
  .cpt-stories-py-md-0 {
    padding-bottom: 0 !important;
  }
  .cpt-stories-pl-md-0,
  .cpt-stories-px-md-0 {
    padding-left: 0 !important;
  }
  .cpt-stories-p-md-1 {
    padding: 0.25rem !important;
  }
  .cpt-stories-pt-md-1,
  .cpt-stories-py-md-1 {
    padding-top: 0.25rem !important;
  }
  .cpt-stories-pr-md-1,
  .cpt-stories-px-md-1 {
    padding-right: 0.25rem !important;
  }
  .cpt-stories-pb-md-1,
  .cpt-stories-py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .cpt-stories-pl-md-1,
  .cpt-stories-px-md-1 {
    padding-left: 0.25rem !important;
  }
  .cpt-stories-p-md-2 {
    padding: 0.5rem !important;
  }
  .cpt-stories-pt-md-2,
  .cpt-stories-py-md-2 {
    padding-top: 0.5rem !important;
  }
  .cpt-stories-pr-md-2,
  .cpt-stories-px-md-2 {
    padding-right: 0.5rem !important;
  }
  .cpt-stories-pb-md-2,
  .cpt-stories-py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .cpt-stories-pl-md-2,
  .cpt-stories-px-md-2 {
    padding-left: 0.5rem !important;
  }
  .cpt-stories-p-md-3 {
    padding: 1rem !important;
  }
  .cpt-stories-pt-md-3,
  .cpt-stories-py-md-3 {
    padding-top: 1rem !important;
  }
  .cpt-stories-pr-md-3,
  .cpt-stories-px-md-3 {
    padding-right: 1rem !important;
  }
  .cpt-stories-pb-md-3,
  .cpt-stories-py-md-3 {
    padding-bottom: 1rem !important;
  }
  .cpt-stories-pl-md-3,
  .cpt-stories-px-md-3 {
    padding-left: 1rem !important;
  }
  .cpt-stories-p-md-4 {
    padding: 1.5rem !important;
  }
  .cpt-stories-pt-md-4,
  .cpt-stories-py-md-4 {
    padding-top: 1.5rem !important;
  }
  .cpt-stories-pr-md-4,
  .cpt-stories-px-md-4 {
    padding-right: 1.5rem !important;
  }
  .cpt-stories-pb-md-4,
  .cpt-stories-py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .cpt-stories-pl-md-4,
  .cpt-stories-px-md-4 {
    padding-left: 1.5rem !important;
  }
  .cpt-stories-p-md-5 {
    padding: 3rem !important;
  }
  .cpt-stories-pt-md-5,
  .cpt-stories-py-md-5 {
    padding-top: 3rem !important;
  }
  .cpt-stories-pr-md-5,
  .cpt-stories-px-md-5 {
    padding-right: 3rem !important;
  }
  .cpt-stories-pb-md-5,
  .cpt-stories-py-md-5 {
    padding-bottom: 3rem !important;
  }
  .cpt-stories-pl-md-5,
  .cpt-stories-px-md-5 {
    padding-left: 3rem !important;
  }
  .cpt-stories-m-md-n1 {
    margin: -0.25rem !important;
  }
  .cpt-stories-mt-md-n1,
  .cpt-stories-my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .cpt-stories-mr-md-n1,
  .cpt-stories-mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .cpt-stories-mb-md-n1,
  .cpt-stories-my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .cpt-stories-ml-md-n1,
  .cpt-stories-mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .cpt-stories-m-md-n2 {
    margin: -0.5rem !important;
  }
  .cpt-stories-mt-md-n2,
  .cpt-stories-my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .cpt-stories-mr-md-n2,
  .cpt-stories-mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .cpt-stories-mb-md-n2,
  .cpt-stories-my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .cpt-stories-ml-md-n2,
  .cpt-stories-mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .cpt-stories-m-md-n3 {
    margin: -1rem !important;
  }
  .cpt-stories-mt-md-n3,
  .cpt-stories-my-md-n3 {
    margin-top: -1rem !important;
  }
  .cpt-stories-mr-md-n3,
  .cpt-stories-mx-md-n3 {
    margin-right: -1rem !important;
  }
  .cpt-stories-mb-md-n3,
  .cpt-stories-my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .cpt-stories-ml-md-n3,
  .cpt-stories-mx-md-n3 {
    margin-left: -1rem !important;
  }
  .cpt-stories-m-md-n4 {
    margin: -1.5rem !important;
  }
  .cpt-stories-mt-md-n4,
  .cpt-stories-my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .cpt-stories-mr-md-n4,
  .cpt-stories-mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .cpt-stories-mb-md-n4,
  .cpt-stories-my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .cpt-stories-ml-md-n4,
  .cpt-stories-mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .cpt-stories-m-md-n5 {
    margin: -3rem !important;
  }
  .cpt-stories-mt-md-n5,
  .cpt-stories-my-md-n5 {
    margin-top: -3rem !important;
  }
  .cpt-stories-mr-md-n5,
  .cpt-stories-mx-md-n5 {
    margin-right: -3rem !important;
  }
  .cpt-stories-mb-md-n5,
  .cpt-stories-my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .cpt-stories-ml-md-n5,
  .cpt-stories-mx-md-n5 {
    margin-left: -3rem !important;
  }
  .cpt-stories-m-md-auto {
    margin: auto !important;
  }
  .cpt-stories-mt-md-auto,
  .cpt-stories-my-md-auto {
    margin-top: auto !important;
  }
  .cpt-stories-mr-md-auto,
  .cpt-stories-mx-md-auto {
    margin-right: auto !important;
  }
  .cpt-stories-mb-md-auto,
  .cpt-stories-my-md-auto {
    margin-bottom: auto !important;
  }
  .cpt-stories-ml-md-auto,
  .cpt-stories-mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .cpt-stories-m-lg-0 {
    margin: 0 !important;
  }
  .cpt-stories-mt-lg-0,
  .cpt-stories-my-lg-0 {
    margin-top: 0 !important;
  }
  .cpt-stories-mr-lg-0,
  .cpt-stories-mx-lg-0 {
    margin-right: 0 !important;
  }
  .cpt-stories-mb-lg-0,
  .cpt-stories-my-lg-0 {
    margin-bottom: 0 !important;
  }
  .cpt-stories-ml-lg-0,
  .cpt-stories-mx-lg-0 {
    margin-left: 0 !important;
  }
  .cpt-stories-m-lg-1 {
    margin: 0.25rem !important;
  }
  .cpt-stories-mt-lg-1,
  .cpt-stories-my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .cpt-stories-mr-lg-1,
  .cpt-stories-mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .cpt-stories-mb-lg-1,
  .cpt-stories-my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .cpt-stories-ml-lg-1,
  .cpt-stories-mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .cpt-stories-m-lg-2 {
    margin: 0.5rem !important;
  }
  .cpt-stories-mt-lg-2,
  .cpt-stories-my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .cpt-stories-mr-lg-2,
  .cpt-stories-mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .cpt-stories-mb-lg-2,
  .cpt-stories-my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .cpt-stories-ml-lg-2,
  .cpt-stories-mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .cpt-stories-m-lg-3 {
    margin: 1rem !important;
  }
  .cpt-stories-mt-lg-3,
  .cpt-stories-my-lg-3 {
    margin-top: 1rem !important;
  }
  .cpt-stories-mr-lg-3,
  .cpt-stories-mx-lg-3 {
    margin-right: 1rem !important;
  }
  .cpt-stories-mb-lg-3,
  .cpt-stories-my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .cpt-stories-ml-lg-3,
  .cpt-stories-mx-lg-3 {
    margin-left: 1rem !important;
  }
  .cpt-stories-m-lg-4 {
    margin: 1.5rem !important;
  }
  .cpt-stories-mt-lg-4,
  .cpt-stories-my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .cpt-stories-mr-lg-4,
  .cpt-stories-mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .cpt-stories-mb-lg-4,
  .cpt-stories-my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .cpt-stories-ml-lg-4,
  .cpt-stories-mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .cpt-stories-m-lg-5 {
    margin: 3rem !important;
  }
  .cpt-stories-mt-lg-5,
  .cpt-stories-my-lg-5 {
    margin-top: 3rem !important;
  }
  .cpt-stories-mr-lg-5,
  .cpt-stories-mx-lg-5 {
    margin-right: 3rem !important;
  }
  .cpt-stories-mb-lg-5,
  .cpt-stories-my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .cpt-stories-ml-lg-5,
  .cpt-stories-mx-lg-5 {
    margin-left: 3rem !important;
  }
  .cpt-stories-p-lg-0 {
    padding: 0 !important;
  }
  .cpt-stories-pt-lg-0,
  .cpt-stories-py-lg-0 {
    padding-top: 0 !important;
  }
  .cpt-stories-pr-lg-0,
  .cpt-stories-px-lg-0 {
    padding-right: 0 !important;
  }
  .cpt-stories-pb-lg-0,
  .cpt-stories-py-lg-0 {
    padding-bottom: 0 !important;
  }
  .cpt-stories-pl-lg-0,
  .cpt-stories-px-lg-0 {
    padding-left: 0 !important;
  }
  .cpt-stories-p-lg-1 {
    padding: 0.25rem !important;
  }
  .cpt-stories-pt-lg-1,
  .cpt-stories-py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .cpt-stories-pr-lg-1,
  .cpt-stories-px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .cpt-stories-pb-lg-1,
  .cpt-stories-py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .cpt-stories-pl-lg-1,
  .cpt-stories-px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .cpt-stories-p-lg-2 {
    padding: 0.5rem !important;
  }
  .cpt-stories-pt-lg-2,
  .cpt-stories-py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .cpt-stories-pr-lg-2,
  .cpt-stories-px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .cpt-stories-pb-lg-2,
  .cpt-stories-py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .cpt-stories-pl-lg-2,
  .cpt-stories-px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .cpt-stories-p-lg-3 {
    padding: 1rem !important;
  }
  .cpt-stories-pt-lg-3,
  .cpt-stories-py-lg-3 {
    padding-top: 1rem !important;
  }
  .cpt-stories-pr-lg-3,
  .cpt-stories-px-lg-3 {
    padding-right: 1rem !important;
  }
  .cpt-stories-pb-lg-3,
  .cpt-stories-py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .cpt-stories-pl-lg-3,
  .cpt-stories-px-lg-3 {
    padding-left: 1rem !important;
  }
  .cpt-stories-p-lg-4 {
    padding: 1.5rem !important;
  }
  .cpt-stories-pt-lg-4,
  .cpt-stories-py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .cpt-stories-pr-lg-4,
  .cpt-stories-px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .cpt-stories-pb-lg-4,
  .cpt-stories-py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .cpt-stories-pl-lg-4,
  .cpt-stories-px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .cpt-stories-p-lg-5 {
    padding: 3rem !important;
  }
  .cpt-stories-pt-lg-5,
  .cpt-stories-py-lg-5 {
    padding-top: 3rem !important;
  }
  .cpt-stories-pr-lg-5,
  .cpt-stories-px-lg-5 {
    padding-right: 3rem !important;
  }
  .cpt-stories-pb-lg-5,
  .cpt-stories-py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .cpt-stories-pl-lg-5,
  .cpt-stories-px-lg-5 {
    padding-left: 3rem !important;
  }
  .cpt-stories-m-lg-n1 {
    margin: -0.25rem !important;
  }
  .cpt-stories-mt-lg-n1,
  .cpt-stories-my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .cpt-stories-mr-lg-n1,
  .cpt-stories-mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .cpt-stories-mb-lg-n1,
  .cpt-stories-my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .cpt-stories-ml-lg-n1,
  .cpt-stories-mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .cpt-stories-m-lg-n2 {
    margin: -0.5rem !important;
  }
  .cpt-stories-mt-lg-n2,
  .cpt-stories-my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .cpt-stories-mr-lg-n2,
  .cpt-stories-mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .cpt-stories-mb-lg-n2,
  .cpt-stories-my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .cpt-stories-ml-lg-n2,
  .cpt-stories-mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .cpt-stories-m-lg-n3 {
    margin: -1rem !important;
  }
  .cpt-stories-mt-lg-n3,
  .cpt-stories-my-lg-n3 {
    margin-top: -1rem !important;
  }
  .cpt-stories-mr-lg-n3,
  .cpt-stories-mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .cpt-stories-mb-lg-n3,
  .cpt-stories-my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .cpt-stories-ml-lg-n3,
  .cpt-stories-mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .cpt-stories-m-lg-n4 {
    margin: -1.5rem !important;
  }
  .cpt-stories-mt-lg-n4,
  .cpt-stories-my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .cpt-stories-mr-lg-n4,
  .cpt-stories-mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .cpt-stories-mb-lg-n4,
  .cpt-stories-my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .cpt-stories-ml-lg-n4,
  .cpt-stories-mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .cpt-stories-m-lg-n5 {
    margin: -3rem !important;
  }
  .cpt-stories-mt-lg-n5,
  .cpt-stories-my-lg-n5 {
    margin-top: -3rem !important;
  }
  .cpt-stories-mr-lg-n5,
  .cpt-stories-mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .cpt-stories-mb-lg-n5,
  .cpt-stories-my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .cpt-stories-ml-lg-n5,
  .cpt-stories-mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .cpt-stories-m-lg-auto {
    margin: auto !important;
  }
  .cpt-stories-mt-lg-auto,
  .cpt-stories-my-lg-auto {
    margin-top: auto !important;
  }
  .cpt-stories-mr-lg-auto,
  .cpt-stories-mx-lg-auto {
    margin-right: auto !important;
  }
  .cpt-stories-mb-lg-auto,
  .cpt-stories-my-lg-auto {
    margin-bottom: auto !important;
  }
  .cpt-stories-ml-lg-auto,
  .cpt-stories-mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .cpt-stories-m-xl-0 {
    margin: 0 !important;
  }
  .cpt-stories-mt-xl-0,
  .cpt-stories-my-xl-0 {
    margin-top: 0 !important;
  }
  .cpt-stories-mr-xl-0,
  .cpt-stories-mx-xl-0 {
    margin-right: 0 !important;
  }
  .cpt-stories-mb-xl-0,
  .cpt-stories-my-xl-0 {
    margin-bottom: 0 !important;
  }
  .cpt-stories-ml-xl-0,
  .cpt-stories-mx-xl-0 {
    margin-left: 0 !important;
  }
  .cpt-stories-m-xl-1 {
    margin: 0.25rem !important;
  }
  .cpt-stories-mt-xl-1,
  .cpt-stories-my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .cpt-stories-mr-xl-1,
  .cpt-stories-mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .cpt-stories-mb-xl-1,
  .cpt-stories-my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .cpt-stories-ml-xl-1,
  .cpt-stories-mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .cpt-stories-m-xl-2 {
    margin: 0.5rem !important;
  }
  .cpt-stories-mt-xl-2,
  .cpt-stories-my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .cpt-stories-mr-xl-2,
  .cpt-stories-mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .cpt-stories-mb-xl-2,
  .cpt-stories-my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .cpt-stories-ml-xl-2,
  .cpt-stories-mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .cpt-stories-m-xl-3 {
    margin: 1rem !important;
  }
  .cpt-stories-mt-xl-3,
  .cpt-stories-my-xl-3 {
    margin-top: 1rem !important;
  }
  .cpt-stories-mr-xl-3,
  .cpt-stories-mx-xl-3 {
    margin-right: 1rem !important;
  }
  .cpt-stories-mb-xl-3,
  .cpt-stories-my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .cpt-stories-ml-xl-3,
  .cpt-stories-mx-xl-3 {
    margin-left: 1rem !important;
  }
  .cpt-stories-m-xl-4 {
    margin: 1.5rem !important;
  }
  .cpt-stories-mt-xl-4,
  .cpt-stories-my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .cpt-stories-mr-xl-4,
  .cpt-stories-mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .cpt-stories-mb-xl-4,
  .cpt-stories-my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .cpt-stories-ml-xl-4,
  .cpt-stories-mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .cpt-stories-m-xl-5 {
    margin: 3rem !important;
  }
  .cpt-stories-mt-xl-5,
  .cpt-stories-my-xl-5 {
    margin-top: 3rem !important;
  }
  .cpt-stories-mr-xl-5,
  .cpt-stories-mx-xl-5 {
    margin-right: 3rem !important;
  }
  .cpt-stories-mb-xl-5,
  .cpt-stories-my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .cpt-stories-ml-xl-5,
  .cpt-stories-mx-xl-5 {
    margin-left: 3rem !important;
  }
  .cpt-stories-p-xl-0 {
    padding: 0 !important;
  }
  .cpt-stories-pt-xl-0,
  .cpt-stories-py-xl-0 {
    padding-top: 0 !important;
  }
  .cpt-stories-pr-xl-0,
  .cpt-stories-px-xl-0 {
    padding-right: 0 !important;
  }
  .cpt-stories-pb-xl-0,
  .cpt-stories-py-xl-0 {
    padding-bottom: 0 !important;
  }
  .cpt-stories-pl-xl-0,
  .cpt-stories-px-xl-0 {
    padding-left: 0 !important;
  }
  .cpt-stories-p-xl-1 {
    padding: 0.25rem !important;
  }
  .cpt-stories-pt-xl-1,
  .cpt-stories-py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .cpt-stories-pr-xl-1,
  .cpt-stories-px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .cpt-stories-pb-xl-1,
  .cpt-stories-py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .cpt-stories-pl-xl-1,
  .cpt-stories-px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .cpt-stories-p-xl-2 {
    padding: 0.5rem !important;
  }
  .cpt-stories-pt-xl-2,
  .cpt-stories-py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .cpt-stories-pr-xl-2,
  .cpt-stories-px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .cpt-stories-pb-xl-2,
  .cpt-stories-py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .cpt-stories-pl-xl-2,
  .cpt-stories-px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .cpt-stories-p-xl-3 {
    padding: 1rem !important;
  }
  .cpt-stories-pt-xl-3,
  .cpt-stories-py-xl-3 {
    padding-top: 1rem !important;
  }
  .cpt-stories-pr-xl-3,
  .cpt-stories-px-xl-3 {
    padding-right: 1rem !important;
  }
  .cpt-stories-pb-xl-3,
  .cpt-stories-py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .cpt-stories-pl-xl-3,
  .cpt-stories-px-xl-3 {
    padding-left: 1rem !important;
  }
  .cpt-stories-p-xl-4 {
    padding: 1.5rem !important;
  }
  .cpt-stories-pt-xl-4,
  .cpt-stories-py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .cpt-stories-pr-xl-4,
  .cpt-stories-px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .cpt-stories-pb-xl-4,
  .cpt-stories-py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .cpt-stories-pl-xl-4,
  .cpt-stories-px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .cpt-stories-p-xl-5 {
    padding: 3rem !important;
  }
  .cpt-stories-pt-xl-5,
  .cpt-stories-py-xl-5 {
    padding-top: 3rem !important;
  }
  .cpt-stories-pr-xl-5,
  .cpt-stories-px-xl-5 {
    padding-right: 3rem !important;
  }
  .cpt-stories-pb-xl-5,
  .cpt-stories-py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .cpt-stories-pl-xl-5,
  .cpt-stories-px-xl-5 {
    padding-left: 3rem !important;
  }
  .cpt-stories-m-xl-n1 {
    margin: -0.25rem !important;
  }
  .cpt-stories-mt-xl-n1,
  .cpt-stories-my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .cpt-stories-mr-xl-n1,
  .cpt-stories-mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .cpt-stories-mb-xl-n1,
  .cpt-stories-my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .cpt-stories-ml-xl-n1,
  .cpt-stories-mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .cpt-stories-m-xl-n2 {
    margin: -0.5rem !important;
  }
  .cpt-stories-mt-xl-n2,
  .cpt-stories-my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .cpt-stories-mr-xl-n2,
  .cpt-stories-mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .cpt-stories-mb-xl-n2,
  .cpt-stories-my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .cpt-stories-ml-xl-n2,
  .cpt-stories-mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .cpt-stories-m-xl-n3 {
    margin: -1rem !important;
  }
  .cpt-stories-mt-xl-n3,
  .cpt-stories-my-xl-n3 {
    margin-top: -1rem !important;
  }
  .cpt-stories-mr-xl-n3,
  .cpt-stories-mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .cpt-stories-mb-xl-n3,
  .cpt-stories-my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .cpt-stories-ml-xl-n3,
  .cpt-stories-mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .cpt-stories-m-xl-n4 {
    margin: -1.5rem !important;
  }
  .cpt-stories-mt-xl-n4,
  .cpt-stories-my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .cpt-stories-mr-xl-n4,
  .cpt-stories-mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .cpt-stories-mb-xl-n4,
  .cpt-stories-my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .cpt-stories-ml-xl-n4,
  .cpt-stories-mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .cpt-stories-m-xl-n5 {
    margin: -3rem !important;
  }
  .cpt-stories-mt-xl-n5,
  .cpt-stories-my-xl-n5 {
    margin-top: -3rem !important;
  }
  .cpt-stories-mr-xl-n5,
  .cpt-stories-mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .cpt-stories-mb-xl-n5,
  .cpt-stories-my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .cpt-stories-ml-xl-n5,
  .cpt-stories-mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .cpt-stories-m-xl-auto {
    margin: auto !important;
  }
  .cpt-stories-mt-xl-auto,
  .cpt-stories-my-xl-auto {
    margin-top: auto !important;
  }
  .cpt-stories-mr-xl-auto,
  .cpt-stories-mx-xl-auto {
    margin-right: auto !important;
  }
  .cpt-stories-mb-xl-auto,
  .cpt-stories-my-xl-auto {
    margin-bottom: auto !important;
  }
  .cpt-stories-ml-xl-auto,
  .cpt-stories-mx-xl-auto {
    margin-left: auto !important;
  }
}
/* End */


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


/* Start:/bitrix/tools/concept.stories/css/styles.css?174011653637678*/
.cpt-stories.cpt-stories-roboto .cpt-stories-bold{
    font-weight: 900;
}
.cpt-stories-decor-text-shadow_light{
    text-shadow: 0 0 10px rgba(255,255,255,1);
}
.cpt-stories-decor-text-shadow_dark{
    text-shadow: 0 0 10px rgba(0,0,0,1);
}
.cpt-stories-main-bg-clr{
    background-color: #008aff;
}
.cpt-stories-text-align-left{
    text-align: left;
}
.cpt-stories-text-align-center{
    text-align: center;
}
.cpt-stories-text-align-right{
    text-align: right;
}
.cpt-stories-std-bg-clr-blue{
    background-color: #2285c4;
}
.cpt-stories-std-bg-clr-red{
    background-color: #e5420b;
}
.cpt-stories-std-bg-clr-green{
    background-color: #3d860b;
}
.cpt-stories-std-bg-clr-dark-gray{
    background-color: #656565;
}
.cpt-stories-std-bg-clr-light-gray{
    background-color: #c1c1c1;
}

.cpt-stories,
.cpt-stories *,
.cpt-stories :after,
.cpt-stories :before{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cpt-stories *:focus{
    outline: -webkit-focus-ring-color auto 0;
}
.cpt-stories-visible {
  visibility: visible;
}
.cpt-stories-invisible {
  visibility: hidden;
}
.cpt-stories-bg-cover{
    background-size: cover;
}
/*.cpt-stories a:visited,
.cpt-stories a:active,
.cpt-stories a:hover{
    color: unset;
}*/

.cpt-stories a.cpt-stories-txt-light,
.cpt-stories a.cpt-stories-txt-light:visited,
.cpt-stories a.cpt-stories-txt-light:active,
.cpt-stories a.cpt-stories-txt-light:hover{
    color: #fff;
}
.cpt-stories a.cpt-stories-txt-dark,
.cpt-stories a.cpt-stories-txt-dark:visited,
.cpt-stories a.cpt-stories-txt-dark:active,
.cpt-stories a.cpt-stories-txt-dark:hover{
    color: #000;
}

.cpt-stories-arrows .swiper-button-next:after,
.cpt-stories-arrows .swiper-button-prev:after{
    content: "";
}
.cpt-stories-border-padding{
    padding: 30px;
}
.cpt-stories-invisible-opacity{
    opacity: 0;
}
img.cpt-stories-img-fluid{
    max-width: 100%;
    height: auto;
}
.cpt-stories-modal button{
    border: 0;
    cursor: pointer;
}
.cpt-stories-modal button:active,
.cpt-stories-modal button:visited,
.cpt-stories-modal button:focus {
    border: 0;
    text-decoration: none !important;
    outline: none;
    text-overflow: ellipsis;
    overflow: hidden;
    opacity: 1 !important;
}
.cpt-stories-elips{
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.cpt-stories-pos-r{
    position: relative;
}
.cpt-stories-pos-a{
    position: absolute;
}
.cpt-stories-blur{
    -webkit-filter: blur(15px) grayscale(50%);
    -moz-filter: blur(15px) grayscale(50%);
    -ms-filter: blur(15px) grayscale(50%);
    -o-filter: blur(15px) grayscale(50%);
    filter: blur(15px) grayscale(50%);
}

.cpt-stories-overflow-hidden{
    overflow: hidden;
}

.cpt-stories-bg-default-settings{
    background-position: center;
    background-repeat: no-repeat;
}
.cpt-stories-def-btn{
    font-weight: normal;
    font-size: 17px;
    line-height: 23px;
    cursor: pointer;
    border: 0;
    white-space: nowrap;
    padding: 20px 35px;
    text-decoration: none !important;
    text-align: center;
    outline: none;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    opacity: 1;
    max-width: 100%;
}
.cpt-stories-def-btn:hover{
    transition: opacity .3s;
    opacity: .85;
}
.cpt-stories-shine{
    background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 1px, 100% 1px;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .0) 30%, rgba(255, 255, 255, .8), rgba(255, 255, 255, .0) 70%);
    background-repeat: no-repeat;
    background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
    animation: shine 5s ease reverse infinite;
    box-shadow: 0px 9px 40px 0px rgba(50, 50, 50, 0.30);
}
@keyframes shine {
    100% {
        background-position: 500% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
    }

    20% {
        background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
    }

    0% {
        background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
    }
}

@-webkit-keyframes shine {
    100% {
        background-position: 500% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
    }

    20% {
        background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
    }

    0% {
        background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
    }
}

@-moz-keyframes shine {
    100% {
        background-position: 500% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
    }

    20% {
        background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
    }

    0% {
        background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
    }
}

@-ms-keyframes shine {
    100% {
        background-position: 500% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
    }

    20% {
        background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
    }

    0% {
        background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
    }
}

@-o-keyframes shine {
    100% {
        background-position: 500% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
    }

    20% {
        background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
    }

    0% {
        background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
    }
}

.cpt-stories-modal{
    position: fixed;
    /*display: none;*/
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    height: calc(var(--vh,1vh) * 100);
    z-index: 100001;
    background-color: #eee;
}
/*.cpt-stories-modal{
    opacity: 0;
    text-align: center;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
}*/
.cpt-stories-modal.cpt-stories-active{
    opacity: 1;
}
.cpt-stories-modal-overlay,
.cpt-stories-bg-shadow{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.cpt-stories-modal-overlay{
    background-color: #aaa;
    transition: background-image .3s;
}

.cpt-stories-bg-shadow.cpt-stories-dark{
    background-color: rgba(37,37,37,0.8);
}
.cpt-stories-bg-shadow.cpt-stories-light{
    background-color: rgba(255,255,255,0.8);
}

.cpt-stories-modal-guts{
    position: relative;
    z-index: 9;
}
.cpt-stories-window{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}
.cpt-stories-window-shadow{
    position: absolute;
    left: 0;
    top: 35px;
    bottom: 30px;
    right: 0;
    -webkit-box-shadow: 0 0 40px rgba(0,0,0,.3);
    box-shadow: 0 0 40px rgba(0,0,0,.3);
}
.cpt-stories-window-shadow,
.cpt-stories-frame{
    border-radius: 7px;
}
.cpt-stories-slides{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
}

.cpt-stories-slide{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    overflow: hidden;
}

.cpt-stories-slide-progress{
    position: absolute;
    top: 15px;
    left: -3px;
    right: -3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 20;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.cpt-stories-slide-progress__item{
    position: relative;
    display: block;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    max-width: 100%;
    margin-left: 3px;
    margin-right: 3px;
    height: 2px;
    background: rgba(255,255,255,.3);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.1);
    box-shadow: 0 0 3px rgba(0,0,0,.1);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
}
.cpt-stories-slide-progress__item span{
    display: block;
    width: 0;
    height: 3px;
    background: #fff;
    transition: width .1s;
}

.cpt-stories-frames {

    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 35px;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    /*-webkit-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;*/
}

.cpt-stories-frame{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    background-color: #bad0e6;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
}

.cpt-stories-frame-title{
    font-size: 43px;
    line-height: 51px;
    margin-bottom: 20px;
    color: #fff;
}
.cpt-stories-frame-subtitle{
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 10px;
    color: #fff;
}


.cpt-stories-frame-text{
    font-size: 17px;
    line-height: 23px;
    margin-bottom: 30px;
    color: #fff;
}

.cpt-stories-frame__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    /*padding: 0 7% 4%;*/
}
.cpt-stories-frame__body-inner{
    position: absolute;
    left: 7%;
    right: 7%;
    bottom: 5%;
    z-index: 9;
}
.cpt-stories-frame__body-inner.cpt-stories-board{
    left: 4%;
    right: 4%;
    bottom: 2%;
}
.cpt-stories-frame__body-inner-shadow-down{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-image: url('/bitrix/tools/concept.stories/css/../images/png/shadow_down_bl.png');
    background-position: left bottom;
    background-repeat: repeat-x;
}

video.cpt-stories-video{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
}
.cpt-stories-frame__body-inner > *:last-child{
    margin-bottom: 0;
}
.cpt-stories-frame__body-inner.cpt-stories-board{
    padding: 15px 20px 20px 20px;
    border-radius: 7px;
}
.cpt-stories-frame__body-inner.cpt-stories-board.cpt-stories-board-dark{
    background-color: #3c3c3c;
    opacity: .92;
}
.cpt-stories-frame__body-inner.cpt-stories-board.cpt-stories-board-light{
    background-color: #fff;
    opacity: .92;
}
.cpt-stories-frame-wr-btn{
    margin-top: 30px;
}
.cpt-stories-modal .cpt-stories-close-button {
    position: absolute;
    z-index: 1;
    top: 30px;
    border: 0;
    text-align: center;
    border-radius: 50%;
    border: 0;
    cursor: pointer;
    width: 30px;
    height: 30px;
    right: -48px;
    background-image: url('/bitrix/tools/concept.stories/css/../images/svg/cross_wt.svg');
    background-size: 12px;
    background-color: transparent;
    transition: background-color .3s;
    opacity: .5;
    z-index: 101;
}
.cpt-stories-modal .cpt-stories-close-button:hover{
    background-color: #676767;
    opacity: 1;
    transition: opacity .3s;
}
.cpt-stories-modal .cpt-stories-pause-button {
    position: absolute;
    z-index: 1;
    top: 70px;
    border: 0;
    text-align: center;
    border-radius: 50%;
    border: 0;
    cursor: pointer;
    width: 30px;
    height: 30px;
    right: -48px;
    background-size: 9px;
    background-color: transparent;
    background-image: url('/bitrix/tools/concept.stories/css/../images/svg/pause.svg');
    /*background-image: url('/bitrix/tools/concept.stories/css/../images/svg/play.svg');*/
    opacity: .5;
    z-index: 101;
    background-position: 11px 10px;
}
.cpt-stories-modal .cpt-stories-pause-button:hover,
.cpt-stories-modal.cpt-stories-modal.cpt-stories-sm .cpt-stories-pause-button.cpt-stories-play,
.cpt-stories-modal .cpt-stories-pause-button.cpt-stories-play{
    background-color: #676767;
    opacity: 1;
    transition: opacity .3s;
}

.cpt-stories-window-next,
.cpt-stories-window-prev{
    position: absolute;
    display: block;
    padding: 0;
    border: none;
    z-index: 9;
    outline: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    background-color: transparent;
}
.cpt-stories-window-next{
    right: 0;
    left: auto;
}
.cpt-stories-window-prev{
    left: 0;
    right: auto;
}
.cpt-stories-window-arrow{
    display: block;
    position: absolute;
    top: calc(50% - 15px);
    width: 30px;
    height: 30px;
    background-size: 7px;
    background-color: transparent;
    transition: background-color .3s;
    border-radius: 50%;
    opacity: .5;
    cursor: pointer;
}
.cpt-stories-window-arrow:hover{
    background-color: #676767;
    opacity: 1;
    transition: opacity .3s;
}
.cpt-stories-window-arrow-prev{
    left: -48px;
    background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_l_wt.svg');
    background-position: 8px center;
    background-size: 13px;
}
.cpt-stories-window-arrow-next{
    right: -48px;
    background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_r_wt.svg');
    background-position: 9px center;
    background-size: 13px;
}



.cpt-stories-modal .cpt-stories-button-prev,
.cpt-stories-modal .cpt-stories-button-next{
}
.cpt-stories-modal .cpt-stories-button-prev{
    left: -40px;
}
.cpt-stories-modal .cpt-stories-button-next{
    right: -40px;
}
.cpt-stories-modal .cpt-stories-pagination{
    top: 15px;
    left: 10px;
    right: 10px;
}
.cpt-stories-modal .cpt-stories-pagination-bullet{
    position: relative;
    width: 100%;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
    background: none;
}
.cpt-stories-modal .cpt-stories-pagination-bullet:before{
    content: "";
    position: absolute;
    left: 5px;
    right: 5px;
    background-color: rgba(255,255,255,.4);
    border-radius: 4px;
    top: 0;
    bottom: 0;
}


.cpt-stories-block .swiper-slide{
    width: 162px !important;
    transition: .3s;
}

.cpt-stories-block-center{
    margin-left: auto;
    margin-right: auto;
}

.cpt-stories-block .cpt-stories-preview-slide{
    width: 162px;
    height: 162px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}
.cpt-stories-block-view-2 .cpt-stories-preview-slide{
    margin-bottom: 10px;
}
.cpt-stories-block .cpt-stories-preview-slide-active{
    border: 4px solid #f00;
}
.cpt-stories-block .cpt-stories-preview-slide-shadow-down{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: 100% 120px;
    opacity: .5;
}
.cpt-stories-block .cpt-stories-preview-slide-shadow-down.cpt-stories-preview-slide-shadow-light{
    background-image: url('/bitrix/tools/concept.stories/css/../images/png/shadow_down_bl.png');
}
.cpt-stories-block .cpt-stories-preview-slide-shadow-down.cpt-stories-preview-slide-shadow-dark{
    background-image: url('/bitrix/tools/concept.stories/css/../images/png/shadow_down_wt.png');
}
.cpt-stories-r50{
    border-radius: 50%;
}
.cpt-stories-r30{
    border-radius: 30px;
}
.cpt-stories-r10{
    border-radius: 10px;
}
.cpt-stories-r5{
    border-radius: 5px;
}
.cpt-stories-block .cpt-stories-text{
    font-size: 14px;
    line-height: 20px;
}
.cpt-stories-txt-light{
    color: #fff;
}
.cpt-stories-txt-dark{
    color: #000;
}
.cpt-stories-block-view-1 .cpt-stories-text{
    position: absolute;
    left: 15px;
    bottom: 10px;
    right: 15px;
    overflow: hidden;
}
.cpt-stories-block-view-2 .cpt-stories-text{
    text-align: center;
}
.cpt-stories-block .cpt-stories-title{
    font-size: 35px;
    line-height: 40px;
    text-align: left;
}
.cpt-stories-block .cpt-stories-title > div{
    margin-bottom: 20px;
}
.cpt-stories-block .swiper-container{
    padding: 20px 0;
}

.cpt-stories-block .cpt-stories-arrows{
    width: 70px;
    text-align: right;
    position: relative;
    top: 2px;
}
.cpt-stories-block .cpt-stories-arrows .swiper-button-next,
.cpt-stories-block .cpt-stories-arrows .swiper-button-prev{
    display: inline-block;
    position: static;
    width: 30px;
    height: 30px;
    margin-top: 0;
    color: transparent;
}
.cpt-stories-block .cpt-stories-arrows .swiper-button-next{
    background-position: 10px;
}
.cpt-stories-user-select-none{
	-ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select:none;
}

.cpt-stories-block-mode-dark .cpt-stories-arrows .swiper-button-next.swiper-button-disabled,
.cpt-stories-block-mode-dark .cpt-stories-arrows .swiper-button-prev.swiper-button-disabled{
    opacity: .1;
}
.cpt-stories-block .cpt-stories-arrows .swiper-button-prev{
    margin-right: 1px;
}
.cpt-stories-block .cpt-stories-arrows .swiper-button-next:after,
.cpt-stories-block .cpt-stories-arrows .swiper-button-prev:after{
    content: "";
}
.cpt-stories-block .cpt-stories-arrows .swiper-button-next,
.cpt-stories-block .cpt-stories-arrows .swiper-button-prev{
    background-size: 11px;
}
.cpt-stories-block .cpt-stories-arrows .swiper-button-next:hover,
.cpt-stories-block .cpt-stories-arrows .swiper-button-prev:hover{
    opacity: .8;
    transition: opacity .3s;
}

.cpt-stories-block-mode-light .cpt-stories-arrows .swiper-button-next,
.cpt-stories-block-mode-light .cpt-stories-arrows .swiper-button-prev{
    background-color: #ececec;
}
.cpt-stories-block-mode-light .cpt-stories-arrows .swiper-button-next{
    background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_r_bl.svg');
}
.cpt-stories-block-mode-light .cpt-stories-arrows .swiper-button-prev{
    background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_l_bl.svg');
}

.cpt-stories-block-mode-dark .cpt-stories-arrows .swiper-button-next,
.cpt-stories-block-mode-dark .cpt-stories-arrows .swiper-button-prev{
    background-color: #000;
    opacity: .35;
}
.cpt-stories-block-mode-dark .cpt-stories-arrows .swiper-button-next{
    background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_r_wt.svg');
}
.cpt-stories-block-mode-dark .cpt-stories-arrows .swiper-button-prev{
    background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_l_wt.svg');
}

/*.cpt-stories-block .cpt-stories-arrows .swiper-button-prev:not(.swiper-button-disabled) + .swiper-button-next.swiper-button-disabled{
    opacity: .1;
    visibility: visible;
}*/


.cpt-stories-fixblock{
    visibility: hidden;
    position: fixed;
    z-index: -1;
}
.cpt-stories-fixblock.cpt-stories-side-left,
.cpt-stories-fixblock.cpt-stories-side-right{
    top: 20%;
    width: 80px;
    padding: 10px;
}

.cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-isset-arrows,
.cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-isset-arrows{
    padding-top: 15px;
    padding-bottom: 15px;
}
/*.cpt-stories-fixblock.isset-album-img.cpt-stories-side-left,
.cpt-stories-fixblock.isset-album-img.cpt-stories-side-right,
.cpt-stories-fixblock.isset-album-img.cpt-stories-side-left.cpt-stories-isset-arrows,
.cpt-stories-fixblock.isset-album-img.cpt-stories-side-right.cpt-stories-isset-arrows{
    padding-top: 15px;
}*/
.cpt-stories-fixblock.cpt-stories-side-left{
    left: -90px;
    border-radius: 0 10px 10px 0;
    transition: left .4s;
}
.cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-show{
    left: 0;
}
.cpt-stories-fixblock.cpt-stories-side-right{
    right: -90px;
    border-radius: 10px 0 0 10px;
    transition: right .4s;
}
.cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-show{
    right: 0;
}
.cpt-stories-fixblock.cpt-stories-side-bottom{
    left: 50%;
    top: auto;
    bottom: -110px;
    transform: translateX(-50%);
    height: 90px;
    border-radius: 10px 10px 0 0;
    padding: 15px;
    transition: bottom .4s;
}
.cpt-stories-fixblock.cpt-stories-side-bottom.cpt-stories-show{
    bottom: 0;
}
.cpt-stories-fixblock.cpt-stories-side-bottom.cpt-stories-isset-arrows{
    padding-left: 15px;
    padding-right: 15px;
}
.cpt-stories-fixblock.cpt-stories-side-bottom.isset-album-img{
    padding-left: 90px;
}
.cpt-stories-fixblock.cpt-stories-mode-light{
    background-color: #fff;
    -webkit-box-shadow: 0 0 50px rgba(0,0,0,.2);
    box-shadow: 0 0 50px rgba(0,0,0,.2);
}
.cpt-stories-fixblock.cpt-stories-mode-dark{
    background-color: #303030;
    -webkit-box-shadow: 0 0 50px rgba(0,0,0,.2);
    box-shadow: 0 0 50px rgba(0,0,0,.2);
}
.cpt-stories-fixblock .cpt-stories-close-button {
    position: absolute;
    border-radius: 50%;
    cursor: pointer;
    width: 32px;
    height: 32px;
    background-image: url('/bitrix/tools/concept.stories/css/../images/svg/cross_wt.svg');
    background-size: 12px;
    background-color: rgba(0,0,0,.2);
    top: 25px;
    right: -50px;
    opacity: .8;
}

.cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-close-button,
.cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-close-button{
    top: -50px;
    left: 50%;
    margin-left: -14px;
}

.cpt-stories-fixblock .swiper-slide{
    width: 60px !important;
    height: 60px !important;
}
.cpt-stories-fixblock.cpt-stories-side-left .swiper-container,
.cpt-stories-fixblock.cpt-stories-side-right .swiper-container{
    height: 100%;
}
.cpt-stories-fixblock .cpt-stories-preview-slide{
    width: 60px;
    height: 60px;
    cursor: pointer;
    position: relative;
    overflow: unset;
}
.cpt-stories-fixblock .cpt-stories-preview-slide:hover{
    opacity: 1;
    transition: opacity .3s;
}
.cpt-stories-fixblock .cpt-stories-preview-slide{
    opacity: 0.8;
}
.cpt-stories-fixblock .cpt-stories-preview-slide-active{
    opacity: 1;
}
.cpt-stories-fixblock .cpt-stories-preview-slide-active:hover{
    opacity: .8;
    transition: opacity .3s;
}
.cpt-stories-fixblock .cpt-stories-preview-slide-active:after{
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #0bff0b;
    border-radius: 50%;
}
/*.cpt-stories-fixblock.cpt-stories-mode-light .cpt-stories-preview-slide-active:after{
	border: 2px solid #fff;
}
.cpt-stories-fixblock.cpt-stories-mode-dark .cpt-stories-preview-slide-active:after{
    border: 2px solid #000;
}*/
.cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-preview-slide-active:after,
.cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-preview-slide-active:after,
.cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-preview-slide-active:after{
    right: 3px;
    top: 3px;
}
.cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows,
.cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows{
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
}
.cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-arrows{
	position: absolute;
	top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.cpt-stories-header{
	position: relative;
}

.cpt-stories-fixblock .cpt-stories-arrows .cpt-stories-bg-shadow-arrow{
    display: inline-block;
}
.cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .cpt-stories-bg-shadow-arrow,
.cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .cpt-stories-bg-shadow-arrow{
	width: 70px;
    height: 38px;
    position: absolute;
    background-repeat: repeat-x;
}
.cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow,
.cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow{
	left: -8px;
}
.cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow,
.cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow{
	left: -10px;
}
.cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev,
.cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev{
    top: -10px;
    background-position: left top;
}
.cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next,
.cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{
    background-position: left bottom;
}
.cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next,
.cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{
    bottom: -13px;
}
.cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next,
.cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{
    bottom: -16px;
}

.cpt-stories-fixblock .cpt-stories-arrows .swiper-button-prev,
.cpt-stories-fixblock .cpt-stories-arrows .swiper-button-next{
    display: inline-block;
    margin-top: 0;
    color: transparent;
    background-size: 13px;
    opacity: .4;
}
.cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .swiper-button-next,
.cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .swiper-button-prev,
.cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .swiper-button-prev,
.cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .swiper-button-next{
    width: 60px;
    height: 40px;
}

.cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .swiper-button-prev,
.cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .swiper-button-prev{
    bottom: auto;
    left: 0;
    right: 0;
    top: -16px;
}

/*.cpt-stories-fixblock .cpt-stories-arrows .swiper-button-prev.swiper-button-disabled,
.cpt-stories-fixblock .cpt-stories-arrows .swiper-button-next.swiper-button-disabled,
.cpt-stories-fixblock .cpt-stories-arrows .swiper-button-prev.swiper-button-disabled + .cpt-stories-bg-shadow-arrow,
.cpt-stories-fixblock .cpt-stories-arrows .swiper-button-next.swiper-button-disabled + .cpt-stories-bg-shadow-arrow{
    display: none;
}*/
.cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-light .cpt-stories-arrows .swiper-button-prev,
.cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-light .cpt-stories-arrows .swiper-button-prev{
    background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_up_bl.svg');
}
.cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-dark .cpt-stories-arrows .swiper-button-prev,
.cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-dark .cpt-stories-arrows .swiper-button-prev{
    background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_up_wt.svg');
}
.cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .swiper-button-next,
.cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .swiper-button-next{
    bottom: -17px;
    left: 0;
    top: auto;
}
.cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-light .cpt-stories-arrows .swiper-button-next,
.cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-light .cpt-stories-arrows .swiper-button-next{
    background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_down_bl.svg');
}
.cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-dark .cpt-stories-arrows .swiper-button-next,
.cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-dark .cpt-stories-arrows .swiper-button-next{
    background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_down_wt.svg');
}


.cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev,
.cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev{
    background-image: url('/bitrix/tools/concept.stories/css/../images/png/uw.png');
}
.cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev,
.cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev{
    background-image: url('/bitrix/tools/concept.stories/css/../images/png/ug.png');
}


.cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next,
.cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{
    background-image: url('/bitrix/tools/concept.stories/css/../images/png/dw.png');
}
.cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next,
.cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{
    background-image: url('/bitrix/tools/concept.stories/css/../images/png/dg.png');
}

.cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-arrows .cpt-stories-bg-shadow-arrow{
	width: 38px;
    height: 60px;
    position: absolute;
    top: -4px;
    background-repeat: repeat-y;
    background-size: 35px;
}
.cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev{
	left: -15px;
    background-position: left top;
}
.cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{
    right: -7px;
    background-position: right top;
}
.cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-arrows .swiper-button-prev,
.cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-arrows .swiper-button-next{
    width: 32px;
    height: 60px;
    top: 0;
    bottom: auto;
    background-size: 15px;
}
.cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-arrows .swiper-button-prev{
    left: -11px;
}
.cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-arrows .swiper-button-next{
    right: -9px;
}

.cpt-stories-fixblock.cpt-stories-side-bottom.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev{
    background-image: url('/bitrix/tools/concept.stories/css/../images/png/lw.png');
}
.cpt-stories-fixblock.cpt-stories-side-bottom.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev{
    background-image: url('/bitrix/tools/concept.stories/css/../images/png/gr.png');
}


.cpt-stories-fixblock.cpt-stories-side-bottom.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{
    background-image: url('/bitrix/tools/concept.stories/css/../images/png/rw.png');
}
.cpt-stories-fixblock.cpt-stories-side-bottom.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{
    background-image: url('/bitrix/tools/concept.stories/css/../images/png/gl.png');
}


.cpt-stories-fixblock.cpt-stories-side-bottom.cpt-stories-mode-light .cpt-stories-arrows .swiper-button-next{
    background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_r_bl.svg');
}
.cpt-stories-fixblock.cpt-stories-side-bottom.cpt-stories-mode-dark .cpt-stories-arrows .swiper-button-next{
    background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_r_wt.svg');
}

.cpt-stories-fixblock.cpt-stories-side-bottom.cpt-stories-mode-light .cpt-stories-arrows .swiper-button-prev{
    background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_l_bl.svg');
}
.cpt-stories-fixblock.cpt-stories-side-bottom.cpt-stories-mode-dark .cpt-stories-arrows .swiper-button-prev{
    background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_l_wt.svg');
}

.cpt-stories-fixblock .cpt-stories-fixblock-img{
    width: 60px;
    height: 60px;
    background-size: contain;
}
.cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-fixblock-img,
.cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-fixblock-img{
    margin-bottom: 30px;
}
.cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-fixblock-img{
    position: absolute;
    left: 15px;
}


.cpt-stories-fixblock.cpt-stories-pc-show.cpt-stories-xl,
.cpt-stories-fixblock.cpt-stories-pc-show.cpt-stories-lg,
.cpt-stories-fixblock.cpt-stories-pc-show.cpt-stories-md,
.cpt-stories-fixblock.cpt-stories-sm-show.cpt-stories-sm{
    visibility: visible;
    z-index: 9999;
}
.cpt-stories-xl{
    
}
.cpt-stories-lg{
    
}
.cpt-stories-md{
    
}
.cpt-stories-sm{
    
}

/*.cpt-stories-1482{
    width: 160px;
}*/


.cpt-stories-modal.cpt-stories-sm .cpt-stories-frames{
    padding-top: 0;
}
.cpt-stories-modal.cpt-stories-sm .cpt-stories-window-shadow {
    top: 0;
    bottom: 0;
}
.cpt-stories-modal.cpt-stories-sm .cpt-stories-window-next,
.cpt-stories-modal.cpt-stories-sm .cpt-stories-window-prev{
    top: 150px;
    bottom: 0;
    height: 100%;
    width: 130px;
    z-index: 99;
}
.cpt-stories-modal.cpt-stories-sm .cpt-stories-window-next,
.cpt-stories-modal.cpt-stories-sm .cpt-stories-window-prev,
.cpt-stories-modal.cpt-stories-sm .cpt-stories-window-next:hover,
.cpt-stories-modal.cpt-stories-sm .cpt-stories-window-prev:hover{
    background-color: transparent;
}
.cpt-stories-modal.cpt-stories-sm .cpt-stories-window-next{
    right: 0;
    background-position: 50px center;
}
.cpt-stories-modal.cpt-stories-sm .cpt-stories-window-prev{
    left: 0;
    background-position: 15px center;
}
.cpt-stories-modal.cpt-stories-sm .cpt-stories-pause-button{
    top: 90px;
    right: 17px;
    width: 35px;
    height: 35px;
}
.cpt-stories-modal.cpt-stories-sm .cpt-stories-pause-button{
	background-size: 12px;
    background-position: 11px 10px;
}
.cpt-stories-modal.cpt-stories-sm .cpt-stories-pause-button,
.cpt-stories-modal.cpt-stories-sm .cpt-stories-pause-button:hover{
    background-color: transparent;
}
.cpt-stories-modal.cpt-stories-sm .cpt-stories-close-button{
    top: 40px;
    right: 17px;
    width: 35px;
    height: 35px;
}
.cpt-stories-modal.cpt-stories-sm  .cpt-stories-close-button {
    background-size: 18px;
}
.cpt-stories-modal.cpt-stories-sm .cpt-stories-slide-progress{
    left: 3px;
    right: 3px;
}
.cpt-stories-ul-def{
    list-style: none;
    margin: 0;
    padding: 0;
}

.cpt-stories-animate-rotate {
    animation-name: rotation;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
}

@keyframes rotation {
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(360deg);
    }
}

.cpt-stories-block-swiper-scrollbar{
	height: 1px;
	background-color: rgba(0,0,0,.1);
}
.cpt-stories-block-swiper-scrollbar .swiper-scrollbar-drag{
	height: 29px;
    top: -14px;
    z-index: 1;
    background: none;
}
.cpt-stories-block-swiper-scrollbar .swiper-scrollbar-drag:hover{
    cursor: -webkit-grab;
    cursor: grab;
}
.cpt-stories-block-swiper-scrollbar .swiper-scrollbar-drag:active{
	cursor: -webkit-grabbing;
	cursor: grabbing;
}
.cpt-stories-block-swiper-scrollbar .swiper-scrollbar-drag:after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
    top: 12px;
    height: 5px;
	background-color: #999;
	border-radius: 5px;
}
.cpt-stories-fixblock .swiper-button-next.swiper-button-disabled + .cpt-stories-bg-shadow-arrow,
.cpt-stories-fixblock .swiper-button-prev.swiper-button-disabled + .cpt-stories-bg-shadow-arrow,
.cpt-stories-fixblock .swiper-button-next.swiper-button-disabled,
.cpt-stories-fixblock .swiper-button-prev.swiper-button-disabled{
    display: none;
}
.cpt-stories-block-mode-light .cpt-stories-block-swiper-scrollbar{
    background-color: rgba(255,255,255,.1);
}
.cpt-stories-block-mode-light .cpt-stories-block-swiper-scrollbar .swiper-scrollbar-drag:after{
    background-color: #999;
}
.cpt-stories-block-mode-dark .cpt-stories-block-swiper-scrollbar{
    background-color: rgba(0,0,0,.1);
}
.cpt-stories-block-mode-dark .cpt-stories-block-swiper-scrollbar .swiper-scrollbar-drag:after{
    background-color: #999;
}
/* End */


/* Start:/bitrix/tools/concept.stories/css/responsive.css?17401165368312*/
/*xl*/
@media (min-width: 1200px){
	.cpt-stories-fixblock .cpt-stories-close-button {
		opacity: 0;
    	transition: opacity .5s;
	}
	.cpt-stories-fixblock:hover .cpt-stories-close-button{
	    opacity: .5;
	    transition: opacity .01s;
	}
	.cpt-stories-fixblock .cpt-stories-close-button:hover{
	    opacity: 1;
	    transition: opacity .3s;
	}
	.cpt-stories-block .swiper-slide:hover{
		transform: translateY(-10px);
	}
	.cpt-stories-fixblock .cpt-stories-arrows{
		opacity: 0;
		transition: opacity .4s;
	}
	.cpt-stories-fixblock:hover .cpt-stories-arrows{
		opacity: 1;
	}
}
/*lg*/
@media (min-width: 992px) and (max-width: 1199px){

}
/*md*/
@media (min-width: 768px) and (max-width: 991px){
	.cpt-stories-block .swiper-slide {
	    width: 120px !important;
	}
	.cpt-stories-block .cpt-stories-preview-slide{
		width: 120px;
    	height: 120px;
	}
}
/*sm & xs*/
@media (max-width: 767.98px){
	.cpt-stories-block .swiper-slide {
	    width: 77px !important;
	}
	.cpt-stories-block .cpt-stories-preview-slide{
	    width: 77px;
	    height: 77px;
	}
	.cpt-stories-header .cpt-stories-wr-arrows{
		display: none;
	}
	.cpt-stories-block .swiper-pagination{
		display: block;
		position: static;
		margin-top: 10px;
		width: 200px !important;
		margin-left: auto;
		margin-right: auto;
	}
	.cpt-stories-block  .swiper-pagination-bullet-active{
		opacity: 1;
		background-color: #717171;
	}
	.cpt-stories-block .cpt-stories-text{
	    font-size: 12px;
	    line-height: 15px;
	}
	.cpt-stories-modal .cpt-stories-close-button,
	.cpt-stories-modal .cpt-stories-pause-button{
		opacity: 1;
	}
	.cpt-stories-block .cpt-stories-title{
	    font-size: 25px;
	    line-height: 35px;
	    text-align: center;
	}
	.cpt-stories-fixblock.cpt-stories-side-bottom{
	    left: 0;
	    right: 0;
	    top: auto;
        transform: translateX(0%);
        border-radius: 0;
	}
	.cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-close-button {
	    top: -45px;
	    right: 20px;
	}
	.cpt-stories-fixblock.cpt-stories-side-bottom{
		bottom: -140px;
	}
	.cpt-stories-fixblock.cpt-stories-side-left,
	.cpt-stories-fixblock.cpt-stories-side-right{
	    left: 0;
		right: 0;
		top: auto;
		transform: translateX(0%);
		bottom: -140px;
		height: 90px;
		width: 100%;
		border-radius: 0;
		padding: 10px;
		transition: bottom .4s;
	}
	.cpt-stories-fixblock.isset-album-img.cpt-stories-side-left,
	.cpt-stories-fixblock.isset-album-img.cpt-stories-side-right{
		padding-left: 110px;
	}
	.cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-show,
	.cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-show{
		bottom: 0;
	}
	.cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-fixblock-img,
	.cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-fixblock-img{
	    position: absolute;
	    left: 10px;
	    margin-bottom: 0;
	}
	.cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-close-button, 
	.cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-close-button{
	    top: -45px;
	    right: 20px;
	    left: auto;
	    margin-left: 0;
	}
	.cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows,
	.cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows{
	    left: 0;
    	right: 0;
    	top: 0;
    	bottom: auto;
	}
	.cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .swiper-button-prev,
	.cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .swiper-button-prev,
	.cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .swiper-button-next,
	.cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .swiper-button-next{
		top: 0 !important;
	    bottom: auto;
	    background-size: 15px;
	    width: 32px;
	    height: 60px;
	}
	.cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .swiper-button-prev,
	.cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .swiper-button-prev{
	    left: -11px;
	    right: auto;
        
	}
	.cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .swiper-button-next,
	.cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .swiper-button-next{
	    right: 6px;
	    left: auto;
	}
	.cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-light .cpt-stories-arrows .swiper-button-next,
	.cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-light .cpt-stories-arrows .swiper-button-next{
	    background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_r_bl.svg');
	}
	.cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-dark .cpt-stories-arrows .swiper-button-next,
	.cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-dark .cpt-stories-arrows .swiper-button-next{
	    background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_r_wt.svg');
	}
	.cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-light .cpt-stories-arrows .swiper-button-prev,
	.cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-light .cpt-stories-arrows .swiper-button-prev{
	    background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_l_bl.svg');
	}
	.cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-dark .cpt-stories-arrows .swiper-button-prev,
	.cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-dark .cpt-stories-arrows .swiper-button-prev{
	    background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_l_wt.svg');
	}

	.cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .cpt-stories-bg-shadow-arrow,
	.cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .cpt-stories-bg-shadow-arrow{
	    width: 38px;
	    height: 80px;
	    position: absolute;
	    top: -10px;
	    bottom: -10px;
	    left: auto;
	    right: auto;
	    background-repeat: repeat-y;
	}
	.cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next,
	.cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{
		right: -1px;
		left: auto !important;
		background-position: right top;
	}
	.cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev,
	.cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev{
	    left: -1px;
	    right: auto !important;
	    background-position: left top;
	}
	.cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next,
	.cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{
	    background-image: url(/bitrix/tools/concept.stories/css/../images/png/rw.png);
	}
	.cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next,
	.cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{
	    background-image: url(/bitrix/tools/concept.stories/css/../images/png/gl.png);
	}
	.cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev,
	.cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev{
	    background-image: url(/bitrix/tools/concept.stories/css/../images/png/lw.png);
	}
	.cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev,
	.cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev{
	    background-image: url(/bitrix/tools/concept.stories/css/../images/png/gr.png);
	}



	.js-cpt-stories-ajax-public-admin{
		display: none;
	}
	.cpt-stories-window-shadow,
	.cpt-stories-frame {
	    border-radius: 0;
	}
	.cpt-stories-frame-btn{
		display: block;
	}

	.cpt-stories-fixblock.cpt-stories-hide-img-xs.isset-album-img .cpt-stories-fixblock-img{
		display: none;
	}
	.cpt-stories-fixblock.cpt-stories-hide-img-xs.isset-album-img{
		padding-left: 15px !important;
	}

	.cpt-stories-modal{
	    height: 100%;
	}
}


/*sm*/
@media (min-width: 576px) and (max-width: 767.98px){
	.cpt-stories-def-btn{
		display: block;
	}
	.cpt-stories-admin-btn-settings,
	.cpt-stories-admin-public-btn{
		display: none;
	}

}
/*xs*/
@media (max-width: 575.98px){
	
}


/* End */
/* /local/templates/bania.3.1/css/all.css?17449981781245 */
/* /local/templates/bania.3.1/fonts/fonts.css?17401169204811 */
/* /local/templates/bania.3.1/fonts/icomoon/style.css?17401169201359 */
/* /local/templates/bania.3.1/css/jquery-ui.min.css?17401169056394 */
/* /local/templates/bania.3.1/js/fancybox/jquery.fancybox.min.css?174011691813213 */
/* /local/templates/bania.3.1/css/owl.carousel.min.css?17401169053351 */
/* /local/templates/bania.3.1/css/style.css?1740116905111248 */
/* /local/templates/bania.3.1/css/media.css?174011690512000 */
/* /local/templates/bania.3.1/js/slick/slick-theme.css?17401169183145 */
/* /local/templates/bania.3.1/js/slick/slick.css?17401169181776 */
/* /local/templates/bania.3.1/css/jquery.mCustomScrollbar.css?174011690552995 */
/* /local/templates/bania.3.1/styles.css?1740116919115 */
/* /local/templates/bania.3.1/template_styles.css?1740116883340842 */
/* /local/templates/bania.3.1/css/redesign_style_new.css?1740116905229420 */
/* /local/templates/bania.3.1/css/template_new.css?1748865666124989 */
/* /local/templates/bania.3.1/css/style_detail_card.css?17453925722679 */
/* /local/templates/bania.3.1/css/redesign_style.css?1744624367354190 */
/* /local/templates/bania.3.1/css/pages/new_product_slider.css?17401169052624 */
/* /local/templates/bania.3.1/card_styles.css?174011691965159 */
/* /local/templates/bania.3.1/lazyload/style.css?174011691943 */
/* /bitrix/tools/concept.stories/css/grids.css?174011653688066 */
/* /bitrix/tools/concept.stories/css/swiper.min.css?174011653613425 */
/* /bitrix/tools/concept.stories/css/styles.css?174011653637678 */
/* /bitrix/tools/concept.stories/css/responsive.css?17401165368312 */