/*!
Theme Name: House
Theme URI: http://underscores.me/
Author: Anton Tirishkin, Denis Pavlov
Description: Тема для компании Яска.рф
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: house
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

House is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* montserrat-regular - latin_cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('css/fonts/montserrat-v24-latin_cyrillic-regular.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('css/fonts/montserrat-v24-latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('css/fonts/montserrat-v24-latin_cyrillic-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('css/fonts/montserrat-v24-latin_cyrillic-regular.woff') format('woff'),
        /* Modern Browsers */
        url('css/fonts/montserrat-v24-latin_cyrillic-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('css/fonts/montserrat-v24-latin_cyrillic-regular.svg#Montserrat') format('svg');
    /* Legacy iOS */
    font-display: swap;
}

/* montserrat-500 - latin_cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url('css/fonts/montserrat-v24-latin_cyrillic-500.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('css/fonts/montserrat-v24-latin_cyrillic-500.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('css/fonts/montserrat-v24-latin_cyrillic-500.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('css/fonts/montserrat-v24-latin_cyrillic-500.woff') format('woff'),
        /* Modern Browsers */
        url('css/fonts/montserrat-v24-latin_cyrillic-500.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('css/fonts/montserrat-v24-latin_cyrillic-500.svg#Montserrat') format('svg');
    /* Legacy iOS */
    font-display: swap;
}

/* montserrat-600 - latin_cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('css/fonts/montserrat-v24-latin_cyrillic-600.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('css/fonts/montserrat-v24-latin_cyrillic-600.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('css/fonts/montserrat-v24-latin_cyrillic-600.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('css/fonts/montserrat-v24-latin_cyrillic-600.woff') format('woff'),
        /* Modern Browsers */
        url('css/fonts/montserrat-v24-latin_cyrillic-600.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('css/fonts/montserrat-v24-latin_cyrillic-600.svg#Montserrat') format('svg');
    /* Legacy iOS */
    font-display: swap;
}

/* montserrat-700 - latin_cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('css/fonts/montserrat-v24-latin_cyrillic-700.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('css/fonts/montserrat-v24-latin_cyrillic-700.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('css/fonts/montserrat-v24-latin_cyrillic-700.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('css/fonts/montserrat-v24-latin_cyrillic-700.woff') format('woff'),
        /* Modern Browsers */
        url('css/fonts/montserrat-v24-latin_cyrillic-700.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('css/fonts/montserrat-v24-latin_cyrillic-700.svg#Montserrat') format('svg');
    /* Legacy iOS */
    font-display: swap;
}

/* montserrat-800 - latin_cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    src: url('css/fonts/montserrat-v24-latin_cyrillic-800.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('css/fonts/montserrat-v24-latin_cyrillic-800.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('css/fonts/montserrat-v24-latin_cyrillic-800.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('css/fonts/montserrat-v24-latin_cyrillic-800.woff') format('woff'),
        /* Modern Browsers */
        url('css/fonts/montserrat-v24-latin_cyrillic-800.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('css/fonts/montserrat-v24-latin_cyrillic-800.svg#Montserrat') format('svg');
    /* Legacy iOS */
    font-display: swap;
}

/* open-sans-regular - latin_cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('css/fonts/open-sans-v29-latin_cyrillic-regular.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('css/fonts/open-sans-v29-latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('css/fonts/open-sans-v29-latin_cyrillic-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('css/fonts/open-sans-v29-latin_cyrillic-regular.woff') format('woff'),
        /* Modern Browsers */
        url('css/fonts/open-sans-v29-latin_cyrillic-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('css/fonts/open-sans-v29-latin_cyrillic-regular.svg#OpenSans') format('svg');
    /* Legacy iOS */
    font-display: swap;
}

/* open-sans-600 - latin_cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('css/fonts/open-sans-v29-latin_cyrillic-600.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('css/fonts/open-sans-v29-latin_cyrillic-600.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('css/fonts/open-sans-v29-latin_cyrillic-600.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('css/fonts/open-sans-v29-latin_cyrillic-600.woff') format('woff'),
        /* Modern Browsers */
        url('css/fonts/open-sans-v29-latin_cyrillic-600.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('css/fonts/open-sans-v29-latin_cyrillic-600.svg#OpenSans') format('svg');
    /* Legacy iOS */
    font-display: swap;
}

/* open-sans-700 - latin_cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('css/fonts/open-sans-v29-latin_cyrillic-700.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('css/fonts/open-sans-v29-latin_cyrillic-700.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('css/fonts/open-sans-v29-latin_cyrillic-700.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('css/fonts/open-sans-v29-latin_cyrillic-700.woff') format('woff'),
        /* Modern Browsers */
        url('css/fonts/open-sans-v29-latin_cyrillic-700.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('css/fonts/open-sans-v29-latin_cyrillic-700.svg#OpenSans') format('svg');
    /* Legacy iOS */
    font-display: swap;
}

.clear {clear: both;width: 100%;}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    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);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[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 rgba(0, 0, 0, 0)
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url("./ajax-loader.gif") center center no-repeat
}

@font-face {
    font-family: "slick";
    src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0)
}

.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;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: rgba(0, 0, 0, 0);
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: rgba(0, 0, 0, 0);
    padding: 5px;
    cursor: pointer
}

.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 {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

/*! jQuery UI - v1.13.0 - 2021-12-16
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.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;
    -ms-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: -0.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: .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 #000
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.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-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;
    -webkit-box-sizing: border-box;
    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-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 {
    -webkit-box-sizing: border-box;
    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-checkboxradio-label .ui-icon-background {
    -webkit-box-shadow: inset 1px 1px 1px #ccc;
    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-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    -ms-filter: "alpha(opacity=25)";
    opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px .4em;
    margin: .5em 0 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 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: pointer;
    -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 {
    -webkit-filter: inherit;
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.3em;
    margin-left: -0.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: -0.3em;
    margin-left: 0;
    margin-bottom: -0.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
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px
}

body .ui-tooltip {
    border-width: 2px
}

.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;
    -ms-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: -0.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: .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 #000
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.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-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;
    -webkit-box-sizing: border-box;
    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-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 {
    -webkit-box-sizing: border-box;
    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-checkboxradio-label .ui-icon-background {
    -webkit-box-shadow: inset 1px 1px 1px #ccc;
    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-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    -ms-filter: "alpha(opacity=25)";
    opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px .4em;
    margin: .5em 0 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 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: pointer;
    -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 {
    -webkit-filter: inherit;
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.3em;
    margin-left: -0.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: -0.3em;
    margin-left: 0;
    margin-bottom: -0.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
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px
}

body .ui-tooltip {
    border-width: 2px
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

p {
    margin-bottom: 0
}

body {
    font-family: "Montserrat", sans-serif
}

.container-fluid {
    padding: 0 30px;
}

.calc .container-fluid {
    padding: 0 24px;
}

section {
    margin-bottom: 32px
}

section .h2_wrapper h2 {
    text-align: center;
    color: #090909;
    font-weight: 600
}

section .h3_wrapper {
    margin-top: 16px
}

section .h3_wrapper h3 {
    text-align: center;
    color: #5a5a5a;
    font-weight: 700;
    font-size: 16px
}

.header {
    background: #3d455c;
    padding: 5px 0
}

.header .ham {
    display: none
}

.header .ham-menu {
    display: none
}

.header .ham-bg {
    display: none
}

.header__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header__wrapper .logo {
    width: 67px
}

.header__wrapper .logo img {
    width: 100%;
    height: auto
}

.header__wrapper nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 5%;
}

.header__wrapper nav a {
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    font-size: 14px !important;
}

.header__wrapper .city {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.header__wrapper .city .city_descr,
.header__wrapper .city .city_name {
    font-weight: 500;
    margin-bottom: 0;
    color: #fff;
    font-size: 10px
}

.header__wrapper .city .city_name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px
}

.header__wrapper .city .city_name::after {
    content: "";
    background: url(images/arrow-down.svg) no-repeat;
    background-size: contain;
    width: 9px;
    height: 2px
}

.first-screen {
    height: calc(100vh - 42px);
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.first-screen-top .container-fluid {
    max-width: 1440px;
}

.first-screen__wrapper {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.first-screen__wrapper .logo {
    padding-bottom: 42px;
    width: 400px
}

.first-screen__wrapper .logo img {
    width: 100%;
    height: auto
}

.filters-mob-btn {
    display: none
}

.close-mob-filter {
    display: none
}

.our-projects__wrapper .h2_wrapper {
    padding-bottom: 15px;
}

.our-projects__wrapper .project-carts {
    /*border-top:1px solid #ededed;*/
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    padding-top: 0
}

.our-projects__wrapper .project-carts .project-cart {
    display: -ms-grid;
    display: grid;
    padding-right: 20px;
    padding-bottom: 15px;
    /*border-bottom:1px solid #ededed*/
}

.our-projects__wrapper .project-carts .project-cart .image {
    width: 100%;
    height: auto
}

.our-projects__wrapper .project-carts .project-cart .image img {
    width: 100%;
    height: auto
}

.our-projects__wrapper .project-carts .project-cart .text {
    text-align: center;
}

.our-projects__wrapper .project-carts .project-cart .text__wrapper .name,
.our-projects__wrapper .project-carts .project-cart .text__wrapper .price,
.similar__wrapper .project-carts .project-cart .text__wrapper .price {
    font-weight: 600;
    line-height: normal;
}

.our-projects__wrapper .project-carts .project-cart .text__wrapper .name {
    color: #878787
}

.our-projects__wrapper .project-carts .project-cart .text__wrapper .price {
    color: #5a5a5a
}

.project-carts-btn,
.video-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 14px
}

.project-carts-btn a,
.video-btn a {
    background: #3d455c;
    text-decoration: none;
    color: #fff;
    border-radius: 6px;
    white-space: nowrap;
}

.advantages .container-fluid {
    padding: 0
}

.advantages .h2_wrapper {
    padding-bottom: 69px
}

.advantages .text-right {
    padding-right: 55px
}

.advantages .text-right,
.advantages .text-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 35px
}

.advantages .text-right .image,
.advantages .text-left .image {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%
}

.advantages .text-right .image img,
.advantages .text-left .image img {
    width: 100%;
    height: auto
}

.advantages .text-right .text, .advantages .text-left .text {
    display: -ms-grid;
    display: grid;
    gap: 36px;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%
}

.advantages .text-right .text h4, .advantages .text-left .text h4 {
    font-weight: 600;
    font-size: 24px;
    line-height: 20px;
    margin-bottom: 0
}

.advantages .text-right .text p,
.advantages .text-left .text p {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.video__first {
    margin-top: 70px;
    margin-bottom: 29px;
    width: auto
}

.video__first a iframe {
    width: 100%;
    height: 500px
}

.why__wrapper .why-carts {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    gap: 130px;
    margin-top: 88px;
    row-gap: 70px
}

.why__wrapper .why-carts .why-cart {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 18px;
    text-align: center
}

.why__wrapper .why-carts .why-cart p {
    font-size: 12px
}

.why__wrapper .why-carts .why-cart img {
    height: 100px
}

.contacts__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 80px
}

.contacts__wrapper .contact-cart {
    background: #fff;
    -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, .2);
    box-shadow: 0px 0px 13px rgba(0, 0, 0, .2);
    border-radius: 2px;
    padding: 31px 60px;
    display: -ms-grid;
    display: grid;
    gap: 9px;
    height: 160px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contacts__wrapper .contact-cart .contact-link {
    display: -ms-grid;
    display: grid
}

.contacts__wrapper .contact-cart .contact-link .phone a,
.contacts__wrapper .contact-cart .contact-link .email a {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #3d455c;
    text-decoration: none
}

.contacts__wrapper .contact-cart .contact-link .phone.social,
.contacts__wrapper .contact-cart .contact-link .email.social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 9px
}

.contacts__wrapper .contact-cart .contact-link .phone.social .social-btns,
.contacts__wrapper .contact-cart .contact-link .email.social .social-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contacts__wrapper .contact-cart .contact-link .phone.social .social-btns a,
.contacts__wrapper .contact-cart .contact-link .email.social .social-btns a {
    width: 18px
}

.contacts__wrapper .contact-cart .contact-link .phone.social .social-btns a img,
.contacts__wrapper .contact-cart .contact-link .email.social .social-btns a img {
    width: 100%;
    height: auto
}

.contacts__wrapper .contact-cart .contact-link .link a {
    text-decoration: none;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #0085ff
}

.contacts__wrapper .contact-cart .input-btns div {
    display: -ms-grid;
    display: grid;
    gap: 15px
}

.contacts__wrapper .contact-cart .input-btns input {
    height: 37px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, .31);
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, .31);
    border: none;
    font-size: 14px;
    padding-left: 14px
}

.contacts__wrapper .contact-cart .input-btns .btns {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (123px)[2];
    grid-template-columns: repeat(2, 123px);
    gap: 4px
}

.contacts__wrapper .contact-cart .input-btns .btns a,
.contacts__wrapper .contact-cart .input-btns .btns .get-call {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    padding: 5px 0;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    font-size: 10px;
    color: #fff;
    background: #3d455c;
    border-radius: 4px;
    white-space: nowrap;
}

section.map {
    margin-bottom: -80px
}

.offices {
    position: relative;
    z-index: 1;
    margin-bottom: 30px
}

.offices__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 48px;
    justify-items: center
}

.offices__wrapper .office {
    display: -ms-grid;
    display: grid;
    gap: 7px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, .2);
    box-shadow: 0px 0px 13px rgba(0, 0, 0, .2);
    border-radius: 2px;
    padding: 12px 22px 24px;
    width: 100%
}

.offices__wrapper .office .title h4 {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #5a5a5a;
    text-align: center
}

.offices__wrapper .office .address-time_phone {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 320px auto;
    grid-template-columns: 320px auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 27px
}

.offices__wrapper .office .address-time_phone .address p {
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    color: #5a5a5a
}

.offices__wrapper .office .address-time_phone .time_phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.offices__wrapper .office .address-time_phone .time_phone .time,
.offices__wrapper .office .address-time_phone .time_phone .phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.offices__wrapper .office .address-time_phone .time_phone .time p,
.offices__wrapper .office .address-time_phone .time_phone .time a,
.offices__wrapper .office .address-time_phone .time_phone .phone p,
.offices__wrapper .office .address-time_phone .time_phone .phone a {
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    color: #5a5a5a
}

.offices__wrapper .office .map_image {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 320px auto;
    grid-template-columns: 320px auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 27px
}

.offices__wrapper .office .map_image .map {
    width: 100%;
    height: auto
}

.offices__wrapper .office .map_image .image {
    height: 100%
}

.offices__wrapper .office .map_image .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.offices__wrapper .office .address-text p {
    font-weight: 400;
    font-size: 8.5px;
    line-height: 12px;
    color: #5a5a5a
}

.footer__top {
    background: #3d455c;
    padding: 9px 0
}

.footer__top__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__top__wrapper .logo img {
    width: 67px
}

.footer__top__wrapper .socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 6px
}

.footer__top__wrapper .socials a {
    width: 20px
}

.footer__top__wrapper .socials a img {
    width: 100%
}

.footer__top__wrapper .phone {
    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-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.footer__top__wrapper .phone__number {
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    color: #fff;
    text-decoration: none
}

.footer__top__wrapper .phone__link {
    font-weight: 400;
    font-size: 8px;
    line-height: 10px;
    color: #0085ff
}

.footer__bottom p {
    text-align: center;
    width: 737px;
    margin: 0 auto;
    font-weight: 400;
    font-size: 8px;
    line-height: 10px;
    text-align: center;
    margin-top: 7px;
    color: #000
}

.video-firstscreen {
    width: 100%;
    height: 85px;
    background: url(images/videofs.png) no-repeat;
    background-size: cover;
    margin-bottom: 10px
}

.video-content {
    margin-bottom: 6px
}

.video-content__wrapper .info {
    padding: 0 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.video-content__wrapper .info .logo-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 18px
}

.video-content__wrapper .info .logo-name .logo {
    width: 100px;
    height: 100px
}

.video-content__wrapper .info .logo-name .logo img {
    width: 100%;
    height: auto
}

.video-content__wrapper .info .logo-name .name {
    text-align: center
}

.video-content__wrapper .info .logo-name .name .chanel-name {
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    color: #3d455c
}

.video-content__wrapper .info .logo-name .name .counter {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #5a5a5a
}

.video-content__wrapper .info .youtube a {
    width: 225px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.video-content__wrapper .info .youtube a img {
    width: 100%;
    height: auto
}

.video-content__wrapper .video-carts {
    margin-top: 55px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 25px
}

.video-content__wrapper .video-carts .cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto
}

.video-content__wrapper .video-carts .cart img {
    width: 100%;
    height: auto
}

.catalog__wrapper .h2_wrapper h2 {
    font-size: 16px
}

.catalog__wrapper .facade {
    margin-bottom: 20px
}

.catalog__wrapper .facade .project-carts .project-cart .text {
    padding: 0;
    padding-left: 20px;
    text-align: center
}

.catalog__wrapper .project-carts {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    padding-top: 10px
}

.catalog__wrapper .project-carts .project-cart {
    display: -ms-grid;
    display: grid;
    padding: 40px 15px;
    border-bottom: 1px solid #ededed
}

.catalog__wrapper .project-carts .project-cart .image {
    width: 100%;
    height: auto
}

.catalog__wrapper .project-carts .project-cart .image img {
    width: 100%;
    height: auto
}

.catalog__wrapper .project-carts .project-cart .text {
    /*padding:8px 0 8px 20%*/
    font-size: 16px;
    line-height: 110%;
    padding-top: 10px;
}

.catalog__wrapper .project-carts .project-cart .text__wrapper .name,
.catalog__wrapper .project-carts .project-cart .text__wrapper .price {
    font-weight: 600;
    line-height: 10px
}

.catalog__wrapper .project-carts .project-cart .text__wrapper .name {
    color: #878787
}

.catalog__wrapper .project-carts .project-cart .text__wrapper .price {
    color: #5a5a5a
}

.calc {
    margin-bottom: 0
}

.calc__wrapper {
    /* justify-content: center; */
    margin-top: 18px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(320px, 25%) auto;
    grid-template-columns: minmax(320px, 25%) auto;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    /* align-items: flex-start; */
    padding-bottom: 9px;
    /*gap: 40px;*/
    gap: 0;
}

.mobile_hide_content {
    display: none;
    overflow: hidden;
}


.calc__wrapper .calculation {
    /*    display: -ms-grid;
    display: grid;*/
    width: 100%;
    font-family: 'Open Sans';
}

.calc__wrapper .calculation .tabs {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.calc__wrapper .calculation .tabs .tab {
    width: 100%;
    height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background: #f9f9f9;
    color: #5a5a5a;
    font-size: 10px;
    text-decoration: none
}

.calc__wrapper .calculation .tabs .tab.active {
    background: #fff
}

.calc__wrapper .calculation .tabs-content {
    border: 1px solid #f9f9f9;
    width: 100%;
    border-bottom: none !important;
}

.calc__wrapper .calculation .tabs-content .tab-content {
    width: 100%;
    display: none
}

.calc__wrapper .calculation .tabs-content .tab-content .calc-point {
    display: -ms-grid;
    display: grid
}

.calc__wrapper .calculation .tabs-content .tab-content .calc-point .point-head {
    font-size: 7px;
    line-height: 10px;
    text-align: center;
    color: #5a5a5a;
    font-weight: 600;
}

.calc__wrapper .calculation .tabs-content .tab-content .calc-point .point-btns {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    gap: 2px
}

.calc__wrapper .calculation .tabs-content .tab-content .calc-point .point-btns a {
    width: 100%;
    padding: 2px 0;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-around;
    -ms-flex-pack: space-around;
    justify-content: space-around;
    background: #f9f9f9;
    text-decoration: none;
    height: 36px;
    padding: 3px 0;
}

.calc__wrapper .calculation .tabs-content .tab-content .calc-point .point-btns a .text {
    max-width: 70%;
    font-size: 8px;
    line-height: 135%;
    text-align: center;
    color: #5a5a5a
}

.calc__wrapper .calculation .tabs-content .tab-content .calc-point .point-btns a .price {
    font-weight: 400;
    font-size: 8px;
    line-height: 125%;
    color: #818181
}

.calc__wrapper .calculation .tabs-content .tab-content .calc-point .point-btns a.active {
    background: #c6e3ff
}

.calc__wrapper .calculation .tabs-content .tab-content.active {
    display: -ms-grid;
    display: grid
}

.calc__wrapper .calculation .total-price {
    padding: 13px 20px;
    border: 1px solid #dbdbdb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border-top: none
}

.calc__wrapper .calculation .total-price .price-text {
    font-weight: 700;
    font-size: 9px;
    line-height: 12px;
    color: #5a5a5a
}

.calc__wrapper .calculation .total-price .price-total {
    font-weight: 700;
    font-size: 9px;
    line-height: 12px;
    color: #5a5a5a
}

.calc__wrapper .calculation .calc-btns,
.sim_btn_iframe .calc-btns {
    margin-top: 20px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.sim_btn_iframe .calc-btns {
    width: 100%;
    justify-content: space-between;
}

.calc__wrapper .calculation .calc-btns a,
.sim_btn_iframe .calc-btns a {
    font-weight: 600;
    line-height: 14px;
    color: #fff;
    padding: 6px 0;
    text-align: center;
    width: 100%;
    background: #3d455c;
    border-radius: 6px;
    text-decoration: none
}

.sim_btn_iframe .calc-btns a {
    font-size: 12px;
    padding: 10px 0px;
    line-height: 1;
    white-space: nowrap;
}


.calc__wrapper .images {
    /*display:-ms-grid;display:grid;*/
    /*float:left;*/
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 15px 0;
    height: 100%;
    flex: 0 0 60%;
    width: 90%;
    margin: 0 auto;
    /*border-bottom: 1px solid #ededed;*/
}

.calc__wrapper .images .compare {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    z-index: 3;
    top: 0;
    right: 0;
}

.calc__wrapper .images .compare p {
    font-weight: 600;
    font-size: 9px;
    text-align: center;
    color: #2160bf;
}

.calc__wrapper .images .compare img {
    width: 14px;
    height: auto
}

.main-image img {
    max-width: 800px;
}

.calc__wrapper .images .main-image {
    display: flex;
    width: 100%;
    margin-left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: relative;
    justify-content: center;
    flex-direction: column;
    margin-top: auto;
}

.calc__wrapper .images .main-image img {
    padding-top: 55px;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.calc__wrapper .images .thumbnails {
    display: flex;
    justify-content: space-between;
    -ms-grid-columns: (1fr)[4];
    margin-top: 3%;
    margin: 0 auto;
    margin-bottom: 5%;
}

.calc__wrapper .images .thumbnails a {
    width: 100%
}

.calc__wrapper .images .thumbnails a img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}


.another {
    margin-bottom: 0;
    padding-bottom: 24px
}

.another,
.similar {
    border-top: 1px solid #ededed;
    padding-top: 13px;
    margin-bottom: 60px;
}

.another__wrapper .h2_wrapper,
.similar__wrapper .h2_wrapper {
    display: -ms-grid;
    display: grid;
    justify-items: center;
    gap: 14px;
    margin-top 45px;
}

.another__wrapper .h2_wrapper h2,
.similar__wrapper .h2_wrapper h2 {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #5a5a5a
}

.another__wrapper .another-projects,
.another__wrapper .similar-projects,
.similar__wrapper .another-projects,
.similar__wrapper .similar-projects {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[7];
    grid-template-columns: repeat(7, 1fr);
    gap: 5px;
}

.another__wrapper .another-projects a,
.another__wrapper .similar-projects a,
.similar__wrapper .another-projects a,
.similar__wrapper .similar-projects a {
    width: 100%
}

.another__wrapper .another-projects a img,
.another__wrapper .similar-projects a img,
.similar__wrapper .another-projects a img,
.similar__wrapper .similar-projects a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.video-project {
    margin-bottom: 30px
}

.video-project img {
    width: 100%;
    height: auto
}

.mobile__filters {
    height: 0;
    display: flex;
    overflow: hidden;
    padding: 0;
    transition: .2s ease-out;
    align-items: center;
    flex-direction: column;
    gap: 11px;
    width: 100%;
}

.mb_filt_con {
    width: 100%;
    display: grid;
    gap: 4px;
}

.mb_filt_con h3 {
    font-weight: 700;
    font-size: 9px;
    line-height: 10px;
    color: #5A5A5A;
    text-align: center;
}

.mb_block_content {
    margin: auto;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(24px, 1fr));
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.mb_filt_block {
    max-width: 170px;
    margin: auto;
    width: 100%;
    padding: 7px 18px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #F3F3F3;
    color: #979797;
    font-weight: 500;
    font-size: 9px;
    cursor: pointer;
    text-decoration: none;
    transition: .1s ease-out;
}

.mb_filt_block:hover {
    color: #979797;
 /*   background: #C7E3FE;*/
}

.mb_filt_block.active {
    background: #C7E3FE;
    color: #979797;
}

.filters {
    margin-bottom: 28px
}

.filters__top {
    background: #f6f6f6;
    padding: 8px 0;
    position: relative;
    z-index: 10
}

.filters__top__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.filters__top__wrapper a {
    display: flex;
    align-items: center;
    gap: 3px;
    font-weight: 700;
    font-size: 11px;
    line-height: 10px;
    color: #5a5a5a;
    text-decoration: none
}

.filters__top__wrapper a.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3px
}

.filters__top__wrapper a:before {
    background: #fff;
    content: "";
    width: 10px;
    height: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #eaeaea;
}

.filters__top__wrapper a.active:before {
    content: "V"
}

.filters__top__wrapper .floors,
.filters__top__wrapper .compl,
.filters__top__wrapper .square,
.filters__top__wrapper .car,
.filters__top__wrapper .terassa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.filters__top__wrapper .floors a,
.filters__top__wrapper .compl a,
.filters__top__wrapper .square a,
.filters__top__wrapper .car a,
.filters__top__wrapper .terassa a {
    font-weight: 400;
    font-size: 10px;
    line-height: 10px;
    color: #5a5a5a;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 3px;
    white-space: nowrap;
}

.filters__top__wrapper .floors a.active,
.filters__top__wrapper .compl a.active,
.filters__top__wrapper .square a.active,
.filters__top__wrapper .car a.active,
.filters__top__wrapper .terassa a.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3px
}

.filters__top__wrapper .floors a:before,
.filters__top__wrapper .compl a:before,
.filters__top__wrapper .square a:before,
.filters__top__wrapper .car a:before,
.filters__top__wrapper .terassa a:before,
.filters__bottom__wrapper a:before {
    background: white;
    content: "";
    width: 10px;
    height: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #eaeaea;
}

.filters__top__wrapper .floors a.active:before,
.filters__top__wrapper .compl a.active:before,
.filters__top__wrapper .square a.active:before,
.filters__top__wrapper .car a.active:before,
.filters__top__wrapper .terassa a.active:before {
    content: "V"
}

.filters__bottom {
    padding: 8px 0;
    background: #fff;
    -webkit-box-shadow: 3px 3px 13px rgba(0, 0, 0, .29);
    box-shadow: 3px 3px 13px rgba(0, 0, 0, .29)
}

.filters__bottom__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.filters__bottom__wrapper a {
    display: flex;
    align-items: center;
    gap: 3px;
    font-weight: 400;
    font-size: 11px;
    line-height: 10px;
    color: #3d455c;
    text-decoration: none
}

.filters__bottom__wrapper a.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3px
}

.filters__bottom__wrapper a.active:before {
    content: "V"
}

.contacts-page {
    margin-top: 30px
}

.banks {
    margin-top: 30px
}

.banks .ipoteka-calc {
    margin: 0 auto;
    padding: 0 0 50px
}

.banks .ipoteka-calc__title span {
    font-weight: 600
}

.banks .ipoteka-calc__data__inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-right: 1px solid #dfdfdf;
    padding: 23px
}

.banks .ipoteka-calc__data__inputs:last-child {
    border: none
}

.banks .ipoteka-calc__data {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 50px;
    background: #fff;
    background-size: cover;
    -webkit-box-shadow: 0px 1px 7px rgba(0, 0, 0, .07);
    box-shadow: 0px 1px 7px rgba(0, 0, 0, .07);
    border-radius: 2px
}

.banks .ipoteka-calc__data .text-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px
}

.banks .ipoteka-calc__data .text-between p {
    font-size: 11px
}

.banks .ipoteka-calc__input {
    position: relative;
    margin-bottom: 16px
}

.banks .ipoteka-calc__input:last-child {
    margin-bottom: 0
}

.banks .ipoteka-calc__name {
    font-size: 14px;
    line-height: 100%;
    color: #303442;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 8px
}

.banks .ipoteka-calc__value {
    font-size: 16px;
    color: #000;
    width: 100%;
    font-weight: 300;
    letter-spacing: 1px;
    border: 1px solid #e9e9e9;
    padding: 5px;
    padding-bottom: 8px
}

.banks .ipoteka-calc__summa::after,
.banks .ipoteka-calc__vznos::after {
    content: "руб.";
    margin-left: 5px;
    font-size: 18px
}

.banks .ipoteka-calc__srok::after {
    content: "мес.";
    margin-left: 5px;
    font-size: 18px
}

.banks .ui-slider-horizontal {
    width: calc(100% - 2px);
    height: 2px;
    border: none !important;
    border-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    background: #c6e3ff
}

.banks .ui-widget-header {
    background: #c6e3ff;
    border-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px
}

.banks .ui-slider .ui-slider-handle {
    width: 11px;
    height: 11px;
    top: 50%;
    margin-left: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
    background: #c6e3ff;
    cursor: pointer
}

.banks .ui-slider-handle::before {
    content: "";
    display: none
}

.banks .ui-slider-handle::after {
    content: "";
    display: none
}

.banks .ipoteka-calc__thead,
.banks .ipoteka-calc__tr {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #d9d9d9;
    margin-bottom: 10px;
    border-radius: 2px
}

.banks .ipoteka-calc__thead {
    border: none
}

.banks .ipoteka-calc__thead .ipoteka-calc__td {
    height: auto;
    padding-top: 0;
    padding-bottom: 12px;
    font-size: 16px
}

.banks .ipoteka-calc__thead .ipoteka-calc__td:first-child {
    padding-left: 8px;
    padding-right: 0
}

.banks .ipoteka-calc__tr {
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9
}

.banks .ipoteka-calc__tr .btn_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.banks .ipoteka-calc__tr .btn_wrapper a {
    padding: 8px 26px;
    background: #3d455c;
    border-radius: 6px;
    text-decoration: none;
    color: #fff;
    font-size: 14px
}

.banks .ipoteka-calc__td {
    height: 87px;
    font-size: 16px;
    line-height: 100%;
    color: #000;
    font-weight: 300;
    text-align: left;
    padding: 33px 67px
}

.banks .ipoteka-calc__td:last-child {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.banks .ipoteka-calc__td:first-child {
    text-align: left
}

.banks .ipoteka-calc__data__text {
    padding: 21px
}

.banks .ipoteka-calc__data__text h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #5a5a5a
}

.banks .ipoteka-calc__data__text table {
    margin-top: 25px;
    width: 100%;
    border-spacing: 16px
}

.banks .ipoteka-calc__data__text table td {
    padding-bottom: 16px
}

.banks .ipoteka-calc__data__text .btn_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 23px;
    padding-right: 20px
}

.banks .ipoteka-calc__data__text .btn_wrapper a {
    padding: 8px 26px;
    background: #3d455c;
    border-radius: 6px;
    text-decoration: none;
    color: #fff
}

.banks .ipoteka-calc__bank {
    padding-left: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.banks .ipoteka-calc__bank img {
    width: 100%;
    height: 55px
}

.banks .ipoteka-calc__td:last-child {
    border: none
}

.banks .bank-sect {
    margin-top: 19px;
    margin-bottom: 20px
}

.banks .bank-sect h1 {
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    color: #5a5a5a;
    margin-bottom: 5px
}

.banks .bank-sect p {
    font-weight: 400;
    font-size: 10px;
    color: #818181
}


/* Adi is work */
.calc-simular {
    /*display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-end;*/
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: flex-end;
    height: 100%;
}

.simular__txt {
    /*display: flex;
    justify-content: space-between;
    align-items: self-start;
    width: 96%;
    gap: 14px;
    margin-left: 20px;*/
    width: 100%;
    display: flex;
    align-items: self-start;
    max-width: 30%;
    flex: 0 0 30%;
    gap: 10px;
    margin-left: 20px;
    flex-direction: column;
    justify-content: flex-start;
    justify-content: space-between;
    height: 100%;
}

.simular__txt .sim-text-block {
    width: 100%;
}

.simular__txt.hidden_sim {
    display: none;
}

.sim-text-wrapper {
    /*position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 42%;*/
    width: 100%;
}

.sim-text-wrapper .sim-text {

    /*position: absolute;
    top: 0;
    width: 98%;
    border: 1px solid white;
    border-radius: 5px;
    height: 100%;*/

    padding: 16px 10px;
    background: #F9F9F9;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    width: 100%;

}

.sim-text h3 {
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    margin-bottom: 10px;
}

.sim_sub {
    /* max-width: 450px; */
    width: 100%;
    display: flex;
    justify-content: space-around;
    font-weight: 500;
    font-size: 11px;
    padding-top: 10px;
}


.sub-prefix p {
    padding-bottom: 0;
    height: 23px;
    line-height: 1;
    overflow: hidden;
}

.sim_video_block {
    /* max-width: 580px; */
    width: 100%;
}

.sim_video_block #calc_player_containter {
    position: relative;
    margin: 0 auto;
    height: 0;
    padding-bottom: 44.25%;
}

.sim_video_block .sim_iframe #player {
    position: absolute;
    top: 0;
    left: 1%;
    width: 98%;
    border: 1px solid black;
    border-radius: 10px;
    height: 100%;
    overflow: hidden;
}

.sim_video_block .sim_iframe #calc_player {
    position: absolute;
    top: 0;
    width: 100%;
    border: 1px solid white;
    border-radius: 5px;
    height: 100%;
}

.sim_btn_iframe {
    display: flex;
    justify-content: space-between;
}

.sim-btn {
    display: flex;
    max-width: 275px;
    width: 100%;

}

.sim-btn a {
    /*font-size: 10px;*/
    font-weight: 600;
    color: #FFFFFF;
}

.grand__screen {
    margin-top: 70px;
    width: 100%;
}

.brands__con {
    display: flex;
    align-items: center;
    justify-content: center;
}

.brands__con img {
    max-width: 690px;
    width: 100%;
}

.logo_con p {
    color: rgb(61, 69, 92);
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
}

.logo_con img {
    max-width: 570px;
    width: 95%;
    margin-left: 38px;
}

.info__con {
    width: 88%;
    margin: 40px auto;
    display: flex;
    gap: 110px;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.info__con .social-btns .set-btn {margin-right: 25px;}

.info__con .social-btns {
    display: flex;
    gap: 2px;
    justify-content: center;
}

.set-info {
    color: #3D455C;
    text-align: center;
}

.set-info h6 {
    font-weight: 600;
    font-size: 31px;
    margin-bottom: 0;
    white-space: nowrap;
}

.set-info h6 span {
    font-size: 16px;
}

.set-info h6 span.size18 {
    font-size: 18px;
}

.set-info p {
    padding-top: 4px;
    font-weight: 400;
    font-size: 12px;
    white-space: nowrap;
}

.set-info img {width: 37px;}

.first-screen-back {width: 100%;margin: 0 0 40px;}
.first-screen-back .img-text {
	width: calc(100% - 100px);
	height: calc(34vw - 34px);
	background: url(/wp-content/themes/house/images/header-yaska1.png) bottom center no-repeat;
	background-size: contain;
	margin: 40px auto;
}
.first-screen-back .video-container {position: relative;width: 100%;height: auto;overflow: hidden;}
.first-screen-back .video-container video {width: 100%;}

.soc-connect {
	width: 100%;
    display: flex !important;
	flex-direction: column;
    align-items: center;
    justify-content: center;
}
.soc-connect .connect {
    display: flex;
	flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 85px;
}
.soc-connect .adv {width: 100%;margin-bottom: 30px;}
.soc-connect .adv img {width: 100%;}
.call__phone {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 34px;
    cursor: pointer;
    border: 2px solid #333333;
    border-radius: 6px;
    text-decoration: none;
}

.call__phone p {
    color: #3D455C;
    font-size: 13px;
    font-weight: 600;
}

.call__socs {
    display: flex;
    align-items: center;
    gap: 35px;
}

.call__socs a {min-width: 37px;}

@media (min-width: 900px) and (max-width: 1260px) {
    .sim_btn_iframe .calc-btns a {
        font-size: 9px;
        padding: 10px 0px;
        line-height: 1;
    }

    .sim-text-wrapper .sim-text {
        padding: 6px 10px;
        min-height: 105px;
    }

    .sim-text h3 {
        font-size: 11px;
    }

    .sub-prefix p {
        padding-bottom: 0;
        height: 20px;
        font-size: 7px;
        line-height: 1.6;
        overflow: hidden;
    }
}

@media screen and (max-width: 900px) {
    .banks .ipoteka-calc__title {
        text-align: left
    }

    .banks .ipoteka-calc__data {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .banks .ipoteka-calc__input {
        width: 100%;
        margin-bottom: 30px
    }

    .banks .ipoteka-calc__name {
        text-align: left
    }

    .banks .ui-slider .ui-slider-handle {
        width: 10px;
        height: 10px
    }

    .banks .ipoteka-calc__data {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .banks .ipoteka-calc__name {
        font-size: 12px
    }

    .banks .ipoteka-calc__data__text h3 {
        font-size: 14px
    }

    .banks .ipoteka-calc__data__text table td {
        font-size: 14px
    }

    .banks .ipoteka-calc__data__text .btn_wrapper a {
        font-size: 12px
    }

    .banks .ipoteka-calc__tr .btn_wrapper a {
        font-size: 12px;
        text-align: center
    }

    .banks .ipoteka-calc__tr {
        width: 100%
    }

    .banks .ipoteka-calc__table {
        overflow-x: auto
    }

    .banks .ipoteka-calc__td {
        padding: 10px 5px;
        font-size: 12px;
        display: -ms-grid;
        display: grid;
        justify-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 70px
    }

    .banks .ipoteka-calc__thead .ipoteka-calc__td {
        font-size: 10px
    }

    .banks .ipoteka-calc__thead .ipoteka-calc__td:nth-child(2) {
        text-align: left
    }

    .banks .ipoteka-calc__td img {
        width: 50px
    }

    .brands__con img {
        max-width: 530px !important;
    }

    .calc__wrapper .images {
        order: 1;
        display: flex;
        width: 100%;
    }

    .simular__txt {
        display: block;
        margin-left: 0;
    }

    .simular__txt .sim-text-block {
        width: 100%;
        display: block;

    }

    .sim-text-wrapper {
        position: relative;
        padding-bottom: 0;
        height: auto;
    }

    .sim-text-wrapper .sim-text {
        position: relative;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1700px) {
    .header {
        padding: 5px 0
    }

    .header__wrapper .logo {
        width: 120px
    }

    .header__wrapper nav a {
        font-size: 18px
    }

    .header__wrapper .city .city_name:after {
        width: 16px;
        height: 4px
    }

    h2 {
        font-size: 46px
    }

    .another__wrapper .h2_wrapper h2,
    .similar__wrapper .h2_wrapper h2 {
        font-size: 24px;
        padding: 10px 0
    }

    .our-projects__wrapper .project-carts .project-cart .text__wrapper .price {
        line-height: 110%
    }

    .our-projects__wrapper .project-carts .project-cart .text__wrapper .name {
        line-height: 110%
    }

    .project-carts-btn a,
    .video-btn a {
        font-size: 14px
    }

    .advantages__wrapper .text-right .image,
    .advantages__wrapper .text-left .image {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%
    }

    .advantages__wrapper .text-right .text,
    .advantages__wrapper .text-left .text {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        gap: 24px
    }

    .advantages__wrapper .text-right .text h4,
    .advantages__wrapper .text-left .text h4 {
        font-size: 32px;
        line-height: 130%
    }

    .advantages__wrapper .text-right .text p,
    .advantages__wrapper .text-left .text p {
        font-size: 20px;
        line-height: 130%
    }

    .why__wrapper .why-carts .why-cart p {
        font-size: 18px
    }

    .contacts__wrapper .contact-cart {
        height: 210px
    }

    .contacts__wrapper .contact-cart .input-btns input {
        font-size: 18px
    }

    .contacts__wrapper .contact-cart .input-btns .btns {
        -ms-grid-columns: (220px)[2];
        grid-template-columns: repeat(2, 220px);
        gap: 16px
    }

    .contacts__wrapper .contact-cart .input-btns .btns a,
    .contacts__wrapper .contact-cart .input-btns .btns .get-call {
        padding: 10px 0;
        font-size: 16px
    }

    .contacts__wrapper .contact-cart .contact-link {
        gap: 6px
    }

    .contacts__wrapper .contact-cart .contact-link .phone a,
    .contacts__wrapper .contact-cart .contact-link .email a {
        font-size: 18px
    }

    .contacts__wrapper .contact-cart .contact-link .phone.social .social-btns a,
    .contacts__wrapper .contact-cart .contact-link .email.social .social-btns a {
        width: 30px
    }

    .contacts__wrapper .contact-cart .contact-link .link a {
        font-size: 14px
    }

    .offices__wrapper .office {
        padding: 24px 30px;
        gap: 16px
    }

    .offices__wrapper .office .title h4 {
        font-size: 20px;
        margin-bottom: 16px
    }

    .offices__wrapper .office .address-time_phone {
        -ms-grid-columns: 430px auto;
        grid-template-columns: 430px auto
    }

    .offices__wrapper .office .address-time_phone .address p {
        font-size: 16px;
        line-height: 120%
    }

    .offices__wrapper .office .address-time_phone .time_phone .time p,
    .offices__wrapper .office .address-time_phone .time_phone .time a,
    .offices__wrapper .office .address-time_phone .time_phone .phone p,
    .offices__wrapper .office .address-time_phone .time_phone .phone a {
        font-size: 16px
    }

    .offices__wrapper .office .map_image {
        -ms-grid-columns: 430px auto;
        grid-template-columns: 430px auto
    }

    .offices__wrapper .office .address-text p {
        font-size: 14px;
        line-height: 120%
    }

    .footer__top {
        padding: 15px 0
    }

    .footer__top__wrapper .logo img {
        width: 120px
    }

    .footer__top__wrapper .socials {
        gap: 16px
    }

    .footer__top__wrapper .socials a {
        width: 40px
    }

    .footer__top__wrapper .phone {
        gap: 6px
    }

    .footer__top__wrapper .phone__number {
        font-size: 16px
    }

    .footer__top__wrapper .phone__link {
        font-size: 14px
    }

    .footer__bottom p {
        line-height: 120%;
        width: 80%
    }

    .calc__wrapper .calculation {
        width: 100%
    }

    .calc__wrapper .calculation .tabs .tab {
        font-size: 16px
    }

    .calc__wrapper .calculation .tabs-content .tab-content .calc-point .point-btns a .text {
        font-size: 12px
    }

    .calc__wrapper .calculation .tabs-content .tab-content .calc-point .point-head {
        font-size: 14px;
        line-height: 14px
    }

    .calc__wrapper .calculation .tabs-content .tab-content .calc-point .point-btns a {
        padding: 3px 0;
        height: 51px;
    }

    .calc__wrapper .calculation .tabs-content .tab-content .calc-point .point-btns a .price {
        font-size: 14px
    }

    .calc__wrapper .calculation .total-price .price-text {
        font-size: 14px
    }

    .calc__wrapper .calculation .total-price .price-total {
        font-size: 14px
    }

    .calc__wrapper .calculation .calc-btns a {
        font-size: 12px;
    }
}


@media screen and (min-width: 1400px) {
    .header {
        padding: 5px 0
    }

    .header__wrapper .logo {
        width: 90px
    }

    .header__wrapper nav a {
        font-size: 18px
    }

    .header__wrapper .city .city_descr,
    .header__wrapper .city .city_name {
        font-size: 14px
    }

    .header__wrapper .city .city_name:after {
        width: 16px;
        height: 4px
    }

    .h2_wrapper {
        padding-bottom: 30px
    }

    .h2_wrapper h2 {
        font-size: 29px
    }

    .h3_wrapper {
        padding-bottom: 20px
    }

    .h3_wrapper h3 {
        font-size: 15px
    }

    .our-projects__wrapper .project-carts .project-cart .text__wrapper .price {
        line-height: 110%;
        padding-top: 10px
    }

    .our-projects__wrapper .project-carts .project-cart .text__wrapper .name {
        line-height: 1;
    }

    .project-carts-btn a,
    .video-btn a {
        font-size: 14px
    }

    .advantages__wrapper .text-right .image,
    .advantages__wrapper .text-left .image {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%
    }

    .advantages__wrapper .text-right .text,
    .advantages__wrapper .text-left .text {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        gap: 24px
    }

    .advantages__wrapper .text-right .text h4,
    .advantages__wrapper .text-left .text h4 {
        font-size: 24px;
        line-height: 130%
    }

    .advantages__wrapper .text-right .text p,
    .advantages__wrapper .text-left .text p {
        font-size: 18px;
        line-height: 130%
    }

    .why__wrapper .why-carts .why-cart p {
        font-size: 18px
    }

    .contacts__wrapper .contact-cart {
        height: 210px
    }

    .contacts__wrapper .contact-cart .input-btns input {
        font-size: 18px
    }

    .contacts__wrapper .contact-cart .input-btns .btns {
        -ms-grid-columns: (220px)[2];
        grid-template-columns: repeat(2, 220px);
        gap: 16px
    }

    .contacts__wrapper .contact-cart .input-btns .btns a,
    .contacts__wrapper .contact-cart .input-btns .btns .get-call {
        padding: 10px 0;
        font-size: 16px
    }

    .contacts__wrapper .contact-cart .contact-link {
        gap: 6px
    }

    .contacts__wrapper .contact-cart .contact-link .phone a,
    .contacts__wrapper .contact-cart .contact-link .email a {
        font-size: 18px
    }

    .contacts__wrapper .contact-cart .contact-link .phone.social .social-btns a,
    .contacts__wrapper .contact-cart .contact-link .email.social .social-btns a {
        width: 30px
    }

    .contacts__wrapper .contact-cart .contact-link .link a {
        font-size: 14px
    }

    .offices__wrapper .office {
        padding: 24px 30px;
        gap: 16px
    }

    .offices__wrapper .office .title h4 {
        font-size: 18px;
        margin-bottom: 10px
    }

    .offices__wrapper .office .address-time_phone {
        -ms-grid-columns: 340px auto;
        grid-template-columns: 340px auto
    }

    .offices__wrapper .office .address-time_phone .address p {
        font-size: 13px;
        line-height: 120%
    }

    .offices__wrapper .office .address-time_phone .time_phone .time p,
    .offices__wrapper .office .address-time_phone .time_phone .time a,
    .offices__wrapper .office .address-time_phone .time_phone .phone p,
    .offices__wrapper .office .address-time_phone .time_phone .phone a {
        font-size: 13px
    }

    .offices__wrapper .office .map_image {
        -ms-grid-columns: 340px auto;
        grid-template-columns: 340px auto
    }

    .offices__wrapper .office .address-text p {
        font-size: 12px;
        line-height: 120%
    }

    .footer__top {
        padding: 15px 0
    }

    .footer__top__wrapper .logo img {
        width: 90px
    }

    .footer__top__wrapper .socials {
        gap: 16px
    }

    .footer__top__wrapper .socials a {
        width: 30px
    }

    .footer__top__wrapper .phone {
        gap: 6px
    }

    .footer__top__wrapper .phone__number {
        font-size: 16px
    }

    .footer__top__wrapper .phone__link {
        font-size: 14px
    }

    .footer__bottom p {
        font-size: 9px;
        line-height: 120%;
        width: 80%
    }

    .calc__wrapper .calculation .tabs .tab {
        font-size: 12px
    }

    .calc__wrapper .calculation {
        width: 100%
    }

    .calc__wrapper .calculation .tabs-content .tab-content .calc-point .point-head {
        font-size: 12px;
        padding: 0.6% 0px;
        line-height: 14px
    }

    .calc__wrapper .calculation .tabs-content .tab-content .calc-point .point-btns a {
        padding: 3px 0;
        height: 51px;
    }

    .calc__wrapper .calculation .tabs-content .tab-content .calc-point .point-btns a .price {
        font-size: 12px
    }

    .calc__wrapper .calculation .tabs-content .tab-content .calc-point .point-btns a .text {
        font-size: 12px;
    }

    .calc__wrapper .calculation .total-price .price-text {
        font-size: 12px
    }

    .calc__wrapper .calculation .total-price .price-total {
        font-size: 12px
    }

    .calc__wrapper .calculation .calc-btns a {
        font-size: 12px;
    }

    .another__wrapper .h2_wrapper h2,
    .similar__wrapper .h2_wrapper h2 {
        font-size: 14px
    }
}

@media screen and (min-width: 2000px) {
    .calc__wrapper .calculation .tabs-content .tab-content .calc-point .point-head {
        padding: 2.5% 0;
    }
}

@media screen and (max-width: 992px) {
    .our-projects__wrapper .h2_wrapper {
        padding-bottom: 30px
    }
    .smeta-num {width: 24%;}
    .item__bookmark .images {display: none;}

    .advantages .text-right .image,
    .advantages .text-left .image {
        -ms-flex-preferred-size: 65%;
        flex-basis: 65%
    }

    .advantages .text-right .text,
    .advantages .text-left .text {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        gap: 16px
    }

    .offices__wrapper .office .address-time_phone .address p {
        text-align: center
    }

    .offices__wrapper .office .map_image {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .offices__wrapper .office .map_image .image {
        display: none
    }

    .advantages .text-right .text h4,
    .advantages .text-left .text h4 {
        font-size: 22px
    }

    .video__first {
        margin-top: 30px
    }

    .offices__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .why__wrapper .why-carts {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }

    .contacts__wrapper .contact-cart {
        padding: 31px 25px
    }

    .footer__bottom p {
        width: 100%
    }

    .header__wrapper nav {
        -ms-flex-preferred-size: 50%;
        flex-basis: 70%
    }

    .mobile__filters.active {
        height: 290px;
        /* display: flex; */
        padding: 6px 9px;
        transition: .2s ease-out;
    }

    .catalog {
        position: relative
    }

    .catalog .filters {
        display: none;
        /* display: block;
        position: absolute;
        left: -100%;
        top: -10px; */
        -webkit-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    .catalog .filters.active {
        left: 0
    }

    .catalog .filters__top {
        padding-top: 30px
    }

    .catalog .filters .close-mob-filter {
        position: absolute;
        right: 5px;
        top: 5px;
        z-index: 11;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .filters-mob-btn {
        cursor: pointer;
        margin-top: 10px;
        margin-left: 20px;
        padding: 6px 15px;
        font-size: 10px;
        background: #3d455c;
        color: #fff;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        border-radius: 4px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 5px
    }

    .filters-mob-btn.active:before {
        content: "X";
        background: none;
    }

    .filters-mob-btn:before {
        content: "";
        background: url(images/bi_filter-left.svg) no-repeat;
        width: 16px;
        height: 16px;
        background-size: cover
    }

    .filters-mob-btn.active .pre-active,
    .filters-mob-btn .pre-off {
        display: block;
    }

    .filters-mob-btn.active .pre-off,
    .filters-mob-btn .pre-active {
        display: none;
    }


    .filters__top__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px
    }

    .txt-filt-block {
        width: 100%;
        gap: 15px;
        display: flex;
        flex-direction: column;
        align-content: space-around;
        flex-wrap: nowrap;
        align-items: center;
    }

    .filt-block h5 {
        text-align: center;
    }

    .filters__top__wrapper .floors,
    .filters__top__wrapper .compl,
    .filters__top__wrapper .square,
    .filters__top__wrapper .car,
    .filters__top__wrapper .terassa,
    .filters__bottom__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .catalog__wrapper {
        margin-top: 10px
    }

    .calc__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column-reverse;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 30px
    }

    .calc-simular {
        max-width: 1050px;
        flex-direction: column-reverse !important;
    }
}

@media screen and (max-width: 767px) {
    .header__wrapper .logo {
        width: 50px
    }

    .our-projects__wrapper .project-carts,
    .catalog__wrapper .project-carts {
        /* -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr) */
    }

    .contacts__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px
    }

    section {margin-bottom: 40px;}
    section.advantages {margin-bottom: 0;}

    .advantages .text-right .text h4,
    .advantages .text-left .text h4 {
        font-size: 20px
    }

    .advantages .text-right .text, .advantages .text-left .text {gap: 8px;}
    .advantages .text-right .text p, .advantages .text-left .text p {font-size: 12px;}

    section .h2_wrapper h2 {font-size: 24px;}
    section .h3_wrapper h3 {font-size: 14px;}

    .why__wrapper .why-carts {
        gap: 60px
    }

    .why__wrapper .why-carts .why-cart img {
        height: 60px;
        width: auto
    }

    .offices__wrapper .office .address-time_phone {
        -ms-grid-columns: 260px auto;
        grid-template-columns: 260px auto
    }

    .first-screen__wrapper .logo {
        width: 200px
    }

    .advantages .text-left,
    .advantages .text-right {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px;
        margin-bottom: 0;
    }

    .advantages .text-left .text,
    .advantages .text-right .text {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .advantages .h2_wrapper {
        padding: 0 20px;
        padding-bottom: 16px;
        margin-top: 80px
    }

    .another__wrapper .another-projects,
    .another__wrapper .similar-projects,
    .similar__wrapper .another-projects,
    .similar__wrapper .similar-projects {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        overflow-x: auto
    }

    .another__wrapper .another-projects a img,
    .another__wrapper .similar-projects a img,
    .similar__wrapper .another-projects a img,
    .similar__wrapper .similar-projects a img {
        width: 90px;
        padding-bottom: 16px
    }

    .video-firstscreen {
        height: 110px
    }

    .video-content__wrapper .info {
        padding: 0 30px
    }

    .video-content__wrapper .info .logo-name .logo {
        width: 80px;
        height: 80px
    }

    .video-content__wrapper .info .youtube a {
        width: 180px
    }

    .logo_con img {
        margin-left: 0;
    }

    .logo_con {
        margin: 0;
    }
}

@media screen and (max-width: 600px) {
    .header__wrapper nav a, .header__wrapper .city .city_descr, .header__wrapper .city .city_name {font-size: 12px!important;}
    .header__wrapper nav {margin: 0 2%;}
}

@media screen and (max-width: 576px) {

    .header__wrapper nav a,
    .header__wrapper .city .city_descr,
    .header__wrapper .city .city_name {
        font-size: 12px!important;
    }

    .our-projects__wrapper .project-carts,
    .catalog__wrapper .project-carts {
        /* -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr) */
    }

    .project-carts-btn a,
    .video-btn a {
        padding: 10px 50px;
        font-size: 14px
    }

    .video-content__wrapper .video-carts {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .contacts__wrapper .contact-cart .contact-link .phone a,
    .contacts__wrapper .contact-cart .contact-link .email a {
        font-size: 14px
    }

    .contacts__wrapper .contact-cart .input-btns .btns {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 10px
    }

    .contacts__wrapper .contact-cart .input-btns .btns a,
    .contacts__wrapper .contact-cart .input-btns .btns .get-call {
        width: 100%;
        margin: 0 auto
    }

    .why__wrapper .why-carts {
        margin-top: 20px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .offices__wrapper .office .address-time_phone {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .container-fluid {
        padding: 0 20px
    }

    .offices__wrapper .office .map_image .map {
        width: 100%;
        height: 260px;
        margin: 0 auto
    }

    .offices__wrapper .office {
        padding: 12px 5px 24px
    }

    .offices__wrapper .office .address-time_phone {
        gap: 16px
    }

    .footer__top__wrapper {
        /* -webkit-box-orient: vertical; */
        /* -webkit-box-direction: normal; */
        /* -ms-flex-direction: column; */
        /* flex-direction: column; */
        gap: 10px
    }

    .footer__top__wrapper .phone {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 8px
    }

    header .ham {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    header .header__wrapper .phonecity .ham,header .header__wrapper .phonecity .phone{
        display: none!important;
    }

    .ham-bg {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .31);
        z-index: 3
    }

    .ham-bg.hidden {
        display: none !important
    }

    .ham-menu {
        position: fixed;
        top: 0;
        right: 0;
        width: 200px;
        height: 100%;
        background: #fff;
        z-index: 100;
        display: -ms-grid !important;
        display: grid !important;
        justify-items: center;
        -webkit-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    .ham-menu.hidden {
        right: -200%
    }

    .ham-menu__wrapper {
        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-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 40px;
        position: relative
    }

    .ham-menu__wrapper .close {
        position: absolute;
        top: 30px;
        right: 0px
    }

    .ham-menu__wrapper .links {
        display: -ms-grid;
        display: grid;
        gap: 32px
    }

    .ham-menu__wrapper .links a {
        text-decoration: none;
        color: #000
    }

    .ham-menu__wrapper .city {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .ham-menu__wrapper .city p {
        color: #000 !important;
        font-size: 14px !important;
        font-weight: 400 !important
    }

    .ham-menu__wrapper .city .city_name {
        text-decoration: underline;
        font-weight: 600 !important
    }

    .contacts__wrapper .contact-cart {
        width: 100%
    }

    .filters {
        width: 50%;
        height: 100%
    }

    .mb_filt_block {
        max-width: none;
        width: auto;
    }

    .banks .ipoteka-calc__thead,
    .banks .ipoteka-calc__tr {
        -ms-grid-columns: 90px 45px 80px 70px auto;
        grid-template-columns: 90px 45px 80px 70px auto
    }

    .banks .ipoteka-calc__tr {
        width: 450px
    }

    .banks .ipoteka-calc__value,
    .banks .ipoteka-calc__summa::after,
    .banks .ipoteka-calc__vznos::after {
        font-size: 14px
    }

    .video-content__wrapper .info {
        padding: 0
    }

    .video-content__wrapper .info .logo-name .logo {
        width: 50px;
        height: 50px
    }

    .video-content__wrapper .info .youtube a {
        width: 110px
    }

    .video-content__wrapper .info .logo-name .name .chanel-name {
        font-size: 16px;
        line-height: 110%
    }

    .video-content__wrapper .info .logo-name .name .counter {
        font-size: 10px;
        line-height: 110%
    }

    .video-content__wrapper .video-carts {
        margin-top: 20px
    }
}
@media screen and (max-width: 470px) {
    .header__wrapper nav {margin: 0 3%;}
    .header__wrapper nav a, .header__wrapper .city .city_descr, .header__wrapper .city .city_name {font-size: 9px!important;}
}
@media screen and (max-width: 375px) {
    .header__wrapper nav {margin: 0 2%;}
    .header__wrapper nav a, .header__wrapper .city .city_descr, .header__wrapper .city .city_name {font-size: 8px!important;}
}
@media screen and (max-width: 330px) {
    .contacts__wrapper .contact-cart {
        width: 100%;
        padding: 23px 7px
    }
    .offices__wrapper .office .map_image .map {
        width: 250px;
        height: 260px;
        margin: 0 auto
    }
.header__wrapper nav a, .header__wrapper .city .city_descr, .header__wrapper .city .city_name {font-size: 7px!important;}
}

.why {
    padding-top: 20px;
}


section.first-screen {
    margin-bottom: 66px;
}

.footer-wrapper {
    margin-bottom: 46px;
}

/*
div.snap-scroll-par {
    overflow-y: scroll;
    height: 100vh;
    scroll-snap-points-y: repeat(100%);
    scroll-snap-type: y mandatory;
    scroll-behavior: smooth;
}

section.snap-scroll-ch {
    scroll-snap-align: start;
    position: relative;
}
div.snap-scroll-ch {
    scroll-snap-align: Center;
    position: relative;
}*/

.advantages .h1_wrapper {
    padding-bottom: 69px;
}

.advantages__wrapper .text-right .text h1,
.advantages__wrapper .text-left .text h1,
.advantages__wrapper .text-right .text h2,
.advantages__wrapper .text-left .text h2 {
    line-height: 130%;
    font-weight: 600;
    font-family: Montserrat;
    font-size: 29px;
    line-height: 35.35px;
    margin-bottom: 24px;
}

.advantages__wrapper .text-right .text h1 span,
.advantages__wrapper .text-left .text h1 span,
.advantages__wrapper .text-right .text h2 span,
.advantages__wrapper .text-left .text h2 span {
    display: block;
    font-weight: 100;
    font-size: 20px;
}

.x.mandatory-scroll-snapping {
    scroll-snap-type: y mandatory;
}

.advantages .text-right,
.advantages .text-left {
    align-items: normal;
    justify-content: space-between;
}

.advantages__wrapper .text-right .text,
.advantages__wrapper .text-left .text {
    flex-basis: auto;
    padding: 50px 35px 15px;
}

.advantages .text-right .text,
.advantages .text-left .text {
    display: block;
    font-size: 14px;
    line-height: 17.07px;
    font-weight: 400;
    flex: 0 0 25%;
    width: 25%;
}

.advantages__wrapper .text-right .image,
.advantages__wrapper .text-left .image {
    flex-basis: auto;
    flex: 0 0 75%;
    width: 75%;
    overflow: hidden;

}

.advantages__wrapper .text-right .image .video_wrapper,
.advantages__wrapper .text-left .image .video_wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 62.25%;
}

.advantages__wrapper .text-right .image .video_wrapper iframe,
.advantages__wrapper .text-left .image .video_wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100%;
}

.city {
    cursor: pointer;
}

.city-list,
.modal-call-bg,
.modal-write-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1000000;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
    transition: .4s;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
}

.city-list .opacity {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.contacts__wrapper .contact-cart .contact-link .phone.social .social-btns {
    margin-top: -4px;
}

.contacts__wrapper .contact-cart .contact-link .phone a {
    font-size: 18px;
}

.contacts__wrapper .contact-cart .contact-link {
    display: block !important;
    ;
    gap: 0 !important;
}

.contacts__wrapper .contact-cart .input-btns {
    width: auto;
}

.contacts__wrapper .contact-cart .input-btns .btns {
    grid-template-columns: repeat(2, 137px);
    gap: 9px;
    margin-top: 10px;
}

.contacts__wrapper .contact-cart .input-btns .btns a,
.contacts__wrapper .contact-cart .input-btns .btns .get-call {
    padding: 10px 0;
    font-size: 12px;
}

.contacts__wrapper .contact-cart .input-btns div {
    display: block;
    gap: 0;
    margin-top: -6px;
}

.contacts__wrapper .contact-cart .input-btns .contact-link {
    margin-bottom: 9px;
}

.our-projects__wrapper .project-carts .project-cart {
    padding: 35px 0px !important;
    border-bottom: 1px solid #EDEDED;
}

.catalog__wrapper .project-carts .text__wrapper {
    font-size: 16px !important;
    line-height: 110% !important;
    padding: 0 !important;
    flex-direction: column;
    padding-top: 10px;
    text-align: center;
}

.our-projects__wrapper .project-carts .project-cart .text__wrapper .name,
.our-projects__wrapper .project-carts .project-cart .text__wrapper .price {
    font-size: 13px;
}

.catalog__wrapper .project-carts .project-cart .text__wrapper .name,
.catalog__wrapper .project-carts .project-cart .text__wrapper .price {
    font-size: 14px;
    line-height: 1.5;
    padding: 0 !important;
    padding-top: 10px;
}

.similar__wrapper .h2_wrapper {
    padding-bottom: 10px;
    margin-top: 45px;
}

.similar__wrapper .text {
    text-align: center;
}

.similar__wrapper .text .text__wrapper {
    color: #454545;
    text-align: center;
    font-size: 12px;
}

.video-sect {
    padding: 63px 45px;
    background: #3D455C;
}
.video-sect h1 {
    text-align: center;
    color: #3D455C;
}

.video-sect .container-fluid {
    width: 75%;
}

.video-sect.innerpage {
    padding: 15px 10px;
    background: #fff;
}

.video-sect .generalbtn {
    background: #3d455c !important;
    border: 2px solid #fff !important;
    color: #fff !important;
}

.video-sect .generalbtn:hover {
    background: #fff !important;
    border: 3px solid #fff !important;
    color: #3d455c !important;
}

.video-carts .video,
.video-sect .video {
    position: relative;
    width: 100%;
    height: 200px !important;
    padding-bottom: 56.25%;
    background-color: #000000;
}

.video__wrapper .iframe_container {
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.video__wrapper .iframe_container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
.video-sect h3 {text-align: center;color: #3D455C;font-weight: 600;margin: 0;}
.video-sect.rew {background: #3D455C;}
.video-sect.rew h3 {color: #fff;}
.video-sect .hide {display: none;}
.video-sect .more_butt {border: 1px solid #3D455C;border-radius: 10px;display: inline-block;padding: 8px 40px;font-weight: 600;cursor: pointer;}
.video-sect.rew .more_butt {border: 1px solid #fff;color: #fff;}

.projvideo_block.bigmain_video .frame_wrapper,
.imgreplace_video_wrap {
    position: relative;
    width: 94%;
    margin: 0 auto;
    height: 0;
    padding-bottom: 42.25%;
}

.projvideo_block.bigmain_video {
    padding-bottom: 20px;

}

.projvideo_block.bigmain_video iframe,
.imgreplace_video_wrap iframe {
    position: absolute;
    top: 0;
    width: 100%;
    border: 1px solid white;
    border-radius: 10px;
    height: 100%;
}

.video__wrapper .videoframes {
    display: flex;
    justify-content: center;
}

.video__wrapper .videoframes .iframevideo {
    margin: 30px 30px;
    width: 45%;
    flex: 0 0 45%;
}

.video__wrapper .videoframes .iframe_container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 44.25%;
}

.video__wrapper .videoframes .iframe_container iframe {
    position: absolute;
    top: 0;
    width: 98%;
    border: 1px solid white;
    border-radius: 10px;
    height: 100%;
}

.video-project .projvideo_wrapper {
    width: 85%;
    margin: 0 auto;
}

.video-project .projvideo_wrapper .projvideo_block {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 54.25%;
}

.video-project .projvideo_wrapper .projvideo_block iframe {
    position: absolute;
    top: 0;
    width: 100%;
    border-radius: 12px;
    height: 100%;
}

.header__video-wrapp {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;

}

/*
.header__video-box {
    text-align: center;
    margin: 0 -1000px;
    height: 100%;
}*/
.header__video {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    min-height: 768px;
}

.top30 {
    margin-top: 30px;
}

section.contacts h1 {
    color: #5a5a5a;
    font-weight: 700;
    text-align: center;
}

section.contacts {
    margin-bottom: 5px !important;
    width: 100%;
}

.point-btns a.hideblock {
    display: none !important;
}

.header__wrapper .city .city_descr,
.header__wrapper .city .city_name {
    font-size: 16px;
}

.calc__wrapper .calculation .calc-btns a {
    font-size: 12px;
    /* width: 126px; */
    /* font-family: open sans-serif; */
    padding: 7px 0;
    height: 32px;
    line-height: 1;
    background: white;
    white-space: nowrap;
    color: #3D455C;
    border: 2px solid #3D455C;
}

.calc__wrapper .rojlinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    z-index: 3;
    top: 0;
    right: 108px;
}

.calc__wrapper .rojlinks a {
    font-weight: 600;
    font-size: 9px;
    text-align: left;
    color: #2160bf;
    text-decoration: none;
}

.calc__wrapper .rojlinks img {
    width: 14px;
    height: auto;
}

.grecaptcha-badge {
    visibility: hidden;
}

.videoimg {
    cursor: pointer;
    width: 100%;
    height: auto;
}

.calc__wrapper.smeta_images {
    display: block;
    gap: 0;

}

.calc__wrapper.smeta_images .images .thumbnails {
    display: flex;
    width: 98%;
    justify-content: center;
    flex-direction: row;
    margin: 0 auto;
    float: none;
    gap: 0;
}

.calc__wrapper.smeta_images .images .main-image {
    display: block;
    width: 45%;
    margin: 0 auto;
    padding-top: 0 !important;
    float: none;
}

.calc__wrapper .images .compare a {
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    text-align: left;
    color: #2160bf
}

.calc__wrapper .images .compare img {
    width: 14px;
    height: auto
}

.calc__wrapper .images .compare p {
    text-align: left !important;
}

.catalog__wrapper .project-carts .text__wrapper {
    display: flex;
    justify-content: space-between;

}

.catalog__wrapper .project-carts .project-cart {
    padding: 28px 0;
}

.catalog__wrapper .project-carts .text__wrapper,
.our-projects .project-carts .text__wrapper {
    display: flex;
    justify-content: space-between;
    width: 64%;
    align-items: center;
    margin-left: 20%;
    flex-direction: column;
}



.calc__wrapper .calculation .tabs-content .tab-content .calc-point.first-row {
    /*border-top: 1px solid #dbdbdb;*/
}

.calc__wrapper .calculation .tabs .tab {
    border-radius: 7px 7px 0 0;
    border-bottom: 1px solid #dbdbdb;
}

.calc__wrapper .calculation .tabs .tab.active {
    border-bottom: 0;
}

.calc__wrapper .calculation .tabs-content .tab-content .calc-point .point-btns a .text {
    max-width: 100%;
}

.calc__wrapper .calculation .calc-btns a:hover {
    background: #3D455C;
    color: white;
}

.project-carts-btn a {
    margin: 0 12px;
    width: 284px;
}

.header_fixed {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 40;
}

.filter_fixed {
    position: static;
    width: 100%;
    top: 57px;
    z-index: 40;
}


.contacts__wrapper.style2 .city_menu ul li {
    font-family: Montserrat;
    font-weight: 400;
    padding: 8px 0 1px 0;
    font-size: 13px;
    border-bottom: 1px dashed #5A5A5A;
}

.contacts__wrapper.style2 .city_menu ul li a {
    color: #5A5A5A;
    text-decoration: none !important;
}


.contacts__wrapper.style2 .address__wrapper {
    width: 72%;
}

.contacts__wrapper .contact-cart .input-btns .btns {
    grid-template-columns: repeat(2, 167px);
}

.contacts__wrapper.style2 .city_menu ul {
    list-style: none;
    column-count: 3;
    column-gap: 70px;
}

.contacts__wrapper.style2 .city_menu ul li {
    font-size: 16px;
}

.calc__wrapper .calculation .tabs .tab.active {
    border-left: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
}

.calc__wrapper .calculation .total-price {
    padding: 13px 20px;
}

.banks .catalog__wrapper {
    width: 85%;
    margin: 0 auto;
}

.facade .project-carts .project-cart .image img {
    width: 90% !important;
    height: auto
}

.contacts__wrapper.projcart {
    margin-top: 275px;
    margin-bottom: 310px;
}

.calc .video-sect {
    padding-top: 25px;
}

/* .video-sect.white_section {
    background: white;
} */

.contacts__wrapper.projcart .contact-cart {
    box-shadow: none;
    padding: 40px 0;
}

.header__wrapper .phone {
    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-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.header__wrapper .phone {
    gap: 2px;
    float: right;
}

.header__wrapper .phone__link {
    font-size: 11px;
}

.header__wrapper .phone__link {
    font-weight: 400;
    line-height: 10px;
    color: #0085ff;
}

.header__wrapper .phone__number {
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    color: #fff;
    text-decoration: none;
}

.header__wrapper .phonecity {
    float: right;
}

.header__wrapper .city {
    float: right;
}

.header__wrapper .phonecity .phone {
    float: right;
    padding: 5px 35px 0 0;
}

.advantages__textwrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 90%;
    justify-content: flex-start;
    align-items: flex-start;
}

.advantages__textwrapper .calc-btns {
    margin-top: 40px;
}

.advantages__textwrapper .calc-btns a,
.grand__screen .set-btn {
    font-size: 13px;
    margin: 0 auto;
    text-align: center;
    padding: 8px 0;
    display: block;
    font-weight: 600;
    height: 36px;
    width: 228px;
    text-decoration: none;
    line-height: 1;
    background: white;
    white-space: nowrap;
    color: #3D455C;
    border: 2px solid #3D455C;
    border-radius: 4px;
}

.advantages__textwrapper .calc-btns a:hover {
    background: #3D455C;
    color: white;
}

.advantages__textwrapper .calc-btns a.writewhats {
    border: 0;
    text-decoration: underline;
    padding-top: 12px;
    color: #25d366;
    text-align: center;
    font-size: 12.2px;
    height: auto;
    display: inherit;
}

.advantages__textwrapper .calc-btns a.writewhats:hover {
    display: inherit;
    background: none;
    color: #3D455C;
    text-decoration: none;
}

.calc .video-project .projvideo_wrapper {
    width: 84%;
}

div.wpcf7 input[type="file"] {
    border: none;
}

section.smeta_wrap {
    margin-bottom: 0;
}

section.smeta_wrap section.container-fluid {
    margin-bottom: 40px;
}

section.smeta_wrap .generalbtn {
    width: 276px;
}

.similar-projects a .image {
    text-align: center;
}

section.first-screen-section {
    margin-bottom: 0;
}

@media screen and (max-width: 2240px) {
    .projvideo_block.bigmain_video .frame_wrapper {
        width: 92%;
    }
}

@media screen and (max-width: 1980px) {
    .video-project .projvideo_wrapper {
        width: 83.3%;
    }

    .projvideo_block.bigmain_video .frame_wrapper {
        width: 93%;
    }
}

@media screen and (max-width: 1750px) {
    .video__wrapper .videoframes .iframevideo {
        margin: 30px 30px;
        width: 45%;
        flex: 0 0 45%;
    }

    .contacts__wrapper .contact-cart .input-btns {
        width: 343px;
    }

    .contacts__wrapper .contact-cart {
        height: 200px;
    }

    .contacts__wrapper.style2 .city_menu ul {
        list-style: none;
        column-count: 3;
        column-gap: 70px;
    }

    .contacts__wrapper.style2 .city_menu ul li {
        font-size: 15px;

    }

    .video-project {
        margin-bottom: 0;
    }

    .calc__wrapper .images .main-image img {
        width: 100%;
        padding-top: 0px;
    }

    .projvideo_block.bigmain_video .frame_wrapper {width: 94%;}
}

@media screen and (max-width: 1399.9px) {
	.smeta-num {width: 20%}
    .simular__txt {max-width: 32%;}
    .contacts__wrapper .contact-cart {height: 160px;}
    .contacts__wrapper.style2 .city_menu ul {list-style: none;column-count: 3;column-gap: 40px;}
    .contacts__wrapper .contact-cart .contact-link .phone.social .social-btns a,
    .contacts__wrapper .contact-cart .contact-link .email.social .social-btns a {
        width: 23px;
    }
    .video-project .projvideo_wrapper {width: 82.1%;}
    .projvideo_block.bigmain_video .frame_wrapper {width: 96%;}
    .calc__wrapper .images .thumbnails {margin-top: 4%;display: flex;}
}

@media screen and (max-width: 1024px) {
    .advantages__wrapper .text-right .text h1,
    .advantages__wrapper .text-left .text h1,
    .advantages__wrapper .text-right .text h2,
    .advantages__wrapper .text-left .text h2 {
        font-size: 24px;
    }

    .contacts__wrapper {
        gap: 40px;
    }

    .contacts__wrapper .contact-cart {
        height: auto;
    }

    .contacts__wrapper .contact-cart .input-btns {
        width: 90%;
        margin: 0 auto;
    }

    .contacts__wrapper .contact-cart .input-btns .btns {
        grid-template-columns: none;
    }

    .contacts__wrapper.style2 .city_menu ul {
        list-style: none;
        column-count: 2 !important;
        padding-left: 0;
        column-gap: 20px;
    }

    .contacts__wrapper.style2 .city_menu ul li {
        page-break-inside: avoid;
        break-inside: avoid;
    }

    .catalog__wrapper .project-carts .project-cart .text__wrapper .name,
    .catalog__wrapper .project-carts .project-cart .text__wrapper .price {
        font-size: 13px;
    }

    .video-project .projvideo_wrapper {
        width: 81.1%;
    }

    .calc__wrapper .images .main-image {padding-top: 3px;}

    .projvideo_block.bigmain_video .frame_wrapper {
        width: 98%;
    }

    .banks.smeta_wrap .catalog__wrapper {
        width: 100%;
    }
}

@media screen and (max-width: 900px) {

    .advantages__wrapper .text-left .text h1, .advantages .text-right .text h1,
	.advantages__wrapper .text-left .text h2, .advantages__wrapper .text-right .text h2 {line-height: 1.1;margin-bottom: 12px;}
    .advantages .text-left, .advantages .text-right {display: flex;flex-direction: column;}
    .advantages .text-right .text, .advantages .text-left .text {
        flex: auto;
        width: 100%;
        order: 1;
		line-height: 1.1;
        padding: 0 35px;
		margin-bottom: 20px;
    }
    .advantages__wrapper .text-right .image, .advantages__wrapper .text-left .image {
        flex: auto;
        width: 100%;
        order: 2;
    }
    .advantages .text-right {padding-right: 0;}

    .our-projects__wrapper .project-carts .project-cart {padding: 10px 0 20px !important;border-bottom: none;}

    #YMapsWrap .addr-wrap-content .left {padding: 20px 55px 10px 0 !important;}
    #YMapsWrap .addr-wrap-content .right {padding: 25px 0 0 !important;}

    .video-project .projvideo_wrapper {width: 80.1%;}

    .catalog__wrapper .project-carts .project-cart {padding: 15px 0 10px;border-bottom: none;}
    .catalog__wrapper .project-carts .text__wrapper,
    .our-projects .project-carts .text__wrapper {flex-direction: column;gap: 5px;}

    .projvideo_block.bigmain_video .frame_wrapper {width: 99%;}

    .home .video-sect .container-fluid {padding: 45px 25px;}

    .header__wrapper .phonecity .phone {text-align: right;padding: 5px 5px 0 0;}

    .header__wrapper nav {flex-basis: 90%;}
}

@media screen and (max-width: 767px) {
    .advantages .text-right {padding-right: 20px;}
    .catalog__wrapper .project-carts .project-cart {padding: 10px 0 5px;}

    .video-sect {padding: 46px 45px;}

    .video__wrapper .videoframes {
        display: flex;
        justify-content: center;
        flex-direction: column;
        width: 100%;
    }

    .video__wrapper .videoframes .iframevideo {
        margin: 20px auto;
        width: 100%;
        flex: 0 0 100%;
    }

    .video__wrapper .videoframes .iframe_container iframe {
        width: 100%;
    }

    .advantages .text-right {
        padding-right: 20px;
    }

    .header__wrapper .phonecity .phone {
        font-size: 16px;
        padding-right: 13px;
        padding-top: 5px;
    }

    .similar__wrapper .text .text__wrapper {
        font-size: 9px;
    }

    .projvideo_block.bigmain_video .frame_wrapper {
        width: 100%;
    }

    .home .video-sect .container-fluid {
        padding: 35px 25px;
    }

    .video-sect .container-fluid {
        width: 100%;
        padding: 35px 25px;
    }

    .video-sect .container-fluid iframe {
        max-height: 100%;
    }
}


@media screen and (max-width: 576px) {
    .ymaps-map {
        -ms-touch-action: auto !important;
        touch-action: auto !important;
    }

    .office .map {
        position: relative;
    }

    .header .ham {
        float: right;
        color: white;
        cursor: pointer;
        font-size: 14px;
        font-weight: bold;
        padding-top: 2px;
    }

    .header__wrapper .phonecity .phone {
        padding-right: 15px;
    }

    .office .map:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 3;
    }

    .videoframe_dignity {
        max-width: 100%;
        max-height: 275px;
    }

    section.first-screen {
        margin-bottom: 16px !important;
    }

    .advantages .text-left,
    .advantages .text-right {
        margin-bottom: 20px !important;
        padding: 0;
    }

    .advantages .text-right .text, .advantages .text-left .text {padding: 0 20px;}

    #YMapsWrap .addr-wrap-content {
        display: block !important;
    }

    #YMapsWrap .addr-wrap-content .left {
        padding: 20px !important;
        flex: auto !important;
        ;
        max-width: 100% !important;
        ;
    }

    #YMapsWrap .address__wrapper {
        width: 100% !important;
    }

    .videoframes iframe {
        max-width: 100%;
        max-height: 135px;
    }

    .contacts__wrapper.style2 .city_menu ul {
        column-gap: 20px;
    }

    .video__wrapper .videoframes .iframe_container iframe {
        width: 100%;
    }

    .video-sect {
        padding: 0;
    }

    .banks.smeta_wrap .container-fluid {
        padding: 0;
    }

    section.smeta_wrap .generalbtn {
        width: 260px;
    }

    .our-projects__wrapper .h2_wrapper {
        padding-bottom: 0;
    }

    .header__wrapper .phone__number {
        font-weight: 700;
    }

    .header__wrapper .city .city_name {
        font-weight: 700;
    }
}

@media screen and (max-width: 460px) {

    .catalog__wrapper .project-carts .project-cart .text__wrapper .name,
    .catalog__wrapper .project-carts .project-cart .text__wrapper .price,
    .our-projects__wrapper .project-carts .project-cart .text__wrapper .name,
    .our-projects__wrapper .project-carts .project-cart .text__wrapper .price {
        font-size: 12px;
    }

    .calc__wrapper .rojlinks {
        gap: 5px;
    }

}

@media screen and (max-width: 280px) {

    .our-projects__wrapper .project-carts,
    .catalog__wrapper .project-carts {
        grid-template-columns: repeat(1, 1fr);
    }

    .our-projects__wrapper .project-carts .project-cart {
        padding: 5px 0px !important;
    }
}

.modal-call,
.modal-write {
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 1000001;
}

.modal-call.active,
.modal-write.active {
    display: flex;
}

.city-list.active,
.modal-call-bg.active,
.modal-write-bg.active {
    display: flex;
}

.city-list-wrp,
.modal-call__wrapper {
    width: 260px;
    background: rgba(255, 255, 255, 0.78);
    border-radius: 2px;
    padding: 20px;
    position: relative;
    z-index: 100000;
}

.modal-write__wrapper {
    max-width: 450px;
    width: 98%;
    background: rgba(255, 255, 255, 0.78);
    border-radius: 2px;
    padding: 50px 65px;
    position: relative;
    z-index: 100000;
}

.modal-write__wrapper form {
    text-align: center;
}

.choose-time {
    line-height: 90%;
}

.modal-call__wrapper {
    width: 600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    gap: 6px;
}

.modal-call__wrapper .input-btn form p {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.modal-call__wrapper .input-btn {
    position: relative;
}

.modal-call__wrapper .input-btn form .text-inp {
    height: 55px;
    background: #FFFFFF;
    border: 1px solid #818181;
    box-sizing: border-box;
    border-radius: 2px;
    width: 245px;
    padding: 0 20px;
}

.modal-call__wrapper .input-btn .text-under-inp {
    position: absolute;
    right: 7px;
    font-size: 12px;
}

.wpcf7-not-valid-tip {
    position: absolute;
    font-size: 10px;
}

.wpcf7-spinner {
    position: absolute;
    right: -20px;
}

.wpcf7-response-output {
    display: none !important;
}

.clock {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.clock p {
    font-size: 24px;
    font-weight: 500;
}

.modal-call__wrapper .input-btn form input.btn {
    height: 55px;
    background: #3D455C;
    padding: 0 30px;
    border-radius: 2px;
    color: white;

}


.modal-call__wrapper form {
    text-align: center;
}

.modal-call__wrapper h4 {
    text-align: center;
    font-size: 18px;
    padding-top: 20px;
    /*margin-bottom: 16px;*/
}


.modal-call__wrapper .close,
.modal-write__wrapper .close {
    position: absolute;
    top: 5px;
    cursor: pointer;
    right: 11px;
}

.modal-write__wrapper h4 {
    font-size: 21px;
    font-weight: 600;
    padding-top: 0;
    padding-bottom: 20px;
}

.modal-write__wrapper input {
    /* margin-bottom: 16px; */
    border: 1px solid #818181;
    text-align: center;
    padding: 7px 8px;
    margin-bottom: 10px;
    width: 100%;
    font-size: 14px;
}

.modal-write__wrapper textarea {
    width: 100%;
    border: 1px solid #818181;
    padding: 7px 8px;
    font-size: 14px;
}

.modal-write__wrapper .btn {
    width: fit-content;
}

.modal-write__wrapper .wpcf7-spinner {
    position: absolute;
    right: 30px;
    bottom: 25px;
}


.modal-write__wrapper .wpcf7-not-valid-tip {
    position: relative;
}

.modal-write__wrapper .wpcf7-form-control-wrap {
    margin-bottom: 10px;
}

.modal-write__wrapper .btn {
    background: #3D455C;
    border-radius: 2px;
    color: white;
    font-size: 14px;
    width: 160px;
    margin: 0 auto;
    text-align: center;
    margin-top: 15px;
}

.modal-write__wrapper textarea {
    margin-bottom: 10px;
    border: 1px solid #818181;
    text-align: center;
    padding: 5px 8px;
}

.modal-write__wrapper h4 {
    text-align: center;
}

.city-list-wrp #city-list-active {
    margin-bottom: 12px;
}

.city-list-wrp p {
    font-size: 13px;
    font-weight: 600;
}

.city-list-wrp p span {
    font-weight: 700;
}

.city-list-wrp ul {
    padding-left: 15px;
}

.city-list-wrp ul li {
    display: block;
    list-style-type: none;
    cursor: pointer;
    font-size: 14px;
}

.city-list-wrp ul li:hover {
    font-weight: 700;
}




html {
    overflow-x: hidden -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

.full_price {
    display: none;
}

.full_price.show {
    display: block;
}

.calculator-nav {
    margin-left: .2%;
}

.nav>li>a:hover,
.nav>li>a:focus {
    background-color: #402813 !important
}


.ie .calculator {
    max-width: 72%;
}

.container.subdforms {
    margin-top: 20px;
}

.container.subdforms .col-md-3.col-sm-3 {
    margin-bottom: 15px;
}

.show-map-cover {
    /*margin-top: 40px;*/
}


/*body {
    padding-top: 30px;
    overflow-x: hidden
}
*/
/*img {
    max-width: 100%;
    height: auto;
}*/

.overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: none;
    background-color: rgba(0, 0, 0, 0.65);
    position: fixed;
    cursor: default
}

.overlay:target {
    display: block
}

.popup_inn p {
    color: #000;
    font-size: 14px !important;
    height: auto !important
}

.popup_inn {
    width: 46%;
    margin: 0 2%;
    float: left
}

.center-col__top {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    gap: 25px;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
}

.center-col__top h3 {
    font-size: 21px;
    padding-bottom: 15px;
}

.popup_inn img {
    width: 100%
}

.popup {
    top: -100%;
    right: 0;
    left: 50%;
    font-size: 14px;
    z-index: 20;
    margin: 0;
    width: 85%;
    min-width: 320px;
    max-width: 600px;
    position: fixed;
    padding: 25px;
    border: 4px solid #fff;
    background: #dbcabc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font: 14px/18px 'Tahoma', Arial, sans-serif;
    -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3);
    -ms-box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3);
    box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3);
    -webkit-transform: translate(-50%, -500%);
    -ms-transform: translate(-50%, -500%);
    -o-transform: translate(-50%, -500%);
    transform: translate(-50%, -500%);
    -webkit-transition: -webkit-transform 0.6s ease-out;
    -moz-transition: -moz-transform 0.6s ease-out;
    -o-transition: -o-transform 0.6s ease-out;
    transition: transform 0.6s ease-out
}

.overlay:target+.popup {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 15%
}

/*.close {
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    position: absolute;
    padding: 0;
    border: 2px solid #ccc;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    background-color: rgba(61, 61, 61, 0.8);
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    text-align: center;
    text-decoration: none;
    font: 13px/20px 'Tahoma', Arial, sans-serif;
    font-weight: bold;
    opacity: 1 !important;
    -webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    -ms-transition: all ease .8s;
    -o-transition: all ease .8s;
    transition: all ease .8s
}

/*.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    font-size: 12px
}*/

.smeta-item-result .smeta-num {
    display: none;
}


.smeta-item-head {
    position: relative;
    cursor: pointer;
    text-align: center;
    transition: all .3s;
}


.smeta-item_blank1 {
    width: 7%;
    display: inline-block;
    vertical-align: top;
}

.smeta-item_blank2 {
    width: 11%;
    display: inline-block;
    vertical-align: top;
}


.popup_left {
    margin-right: 4%
}

.popup_left,
.popup_right {
    width: 48%;
    float: left
}

.popup_left p,
.popup_right p {
    color: #000
}

.popup_left img,
.popup_right img {
    width: 100%
}

.etajnost {
    display: none
}






/*
.navbar-nav {
  margin-left: 150px!important
}
*/

.navbar-right {
    margin-right: 0 !important
}

.howwework img {
    /* width: 261px; */
    max-height: 254px !important;
    height: auto
}

.navbar-collapse.visible .navbar-nav {
    width: 100%;
}

.calc_button_get_count1 img,
.calc_button_get_count img {
    max-width: 39px
}

.arrownexter {
    margin: auto;
    display: block;
    background-image: url('images/arrow.png');
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    bottom: 5%;
    z-index: 100000;
    width: 50px;
    height: 50px
}


.specback h2 {
    color: white
}



div.cycloneslider-pager {
    bottom: 20% !important;
    left: -20% !important
}

.cycloneslider-template-standard .cycloneslider-pager span {
    width: 25px !important;
    height: 25px !important;
    border-radius: 30px !important
}




/*
.calc_part tr {
  height: 22px
}
*/

.calc_part h3 {
    text-align: center;
    margin: 5px;
}

.calc_part h3 span {
    display: inline-block;
    vertical-align: middle;
}

.calc_part input {
    font-size: 13px;
    width: 58px;
    float: left;
    border-radius: 5px;
    padding: 0 5px
}

.calc_img .col-md-10 img {
    border: 2px solid #fff;
    border-radius: 15px
}

img {
    height: auto
}


.calculator-nav {
    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: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.calculator-main {
    width: 50%;
    position: relative;
}

.calculator-nav {
    width: 50%;
    padding-right: 3px;
}


/* medias */

@media (min-width: 768px) {
    p.small {width: 100%;}
    #viewchange, #viewchange2 {display: none;}

    .fields.fields {
        background-color: transparent !important;
        max-height: 330px;
        min-height: 35px;
        height: 44px;
        padding: 0 !important;
        margin: 0 !important
    }
    .subdforms {max-height: 115px;}
    .navbar-nav {float: left;margin: 0;margin-left: 10.5%;}
	.first-screen-site {height: 100vh;min-height: calc(34vw + 90px);display: flex;flex-direction: column;align-items: center;justify-content: end;padding-bottom: 20px;}
	.first-screen-back {display: flex;flex-direction: row;align-items: center;justify-content: center;margin: auto 0;padding: 10px 0 30px;height: 24vw;min-height: 175px;overflow: hidden;}
	.first-screen-back .img-text {width: 35%;height: 100%;background-position: center left;margin: 0;order: 2;}
    .first-screen-back .video-container {width: 39%;}
	.soc-connect {flex-direction: row;justify-content: center;padding: 0 35px;}
	.soc-connect .adv {margin: 0;}
	.soc-connect .connect {gap: 40px;}
	.call__phone {width: 150px;min-width: 150px;padding: 10px 15px;}
}

@media (min-width: 992px) {
    .first-screen-back {min-height: 230px;}
	.soc-connect .adv {width: 50%;}
	.info__con {margin: -10px auto 20px;}
	.call__phone {width: 186px;min-width: 186px;padding: 10px 34px;}
}

@media (min-width: 1200px) {
    .first-screen-back {min-height: 280px;}
	.soc-connect {width: 80%;}
	.soc-connect .adv {width: 65%;}
}

@media (min-width: 1400px) {
    .first-screen-back {min-height: 335px;}
	.call__phone {width: 230px;min-width: 230x;}
	.call__phone p {font-size: 18px;}
}

.phone-top .navbar-mail {
    /*font-size: 15px;*/
}

.navbar-header,
.phonenumber.phone-top {
    margin: 0 auto;
    /* text-align:  center; */
    width: 25%;
    float: left;
}

.phonenumber.phone-top.navbar-right {
    float: right !important;
}

.own_container {
    max-width: 100% !important;
}

button.navbar-toggle {
    display: none !important;
}

.nav>li>a>img {
    max-width: none;
    margin-right: 12px
}

.phonenumber {
    float: left;
    display: block;
    font-size: 30px;
    margin: 15px;
    font-size: 18px;
}

.phonenumber1 {
    display: none
}



.calc_button_get_count1 input {
    background-color: #895122 !important;
    color: white !important;
    padding: 14px !important;
    border: none !important;
    border-radius: 50px !important;
    padding-left: 30px !important;
    padding-right: 30px !important
}

.calc_button_get_count1 {
    background-color: #895122 !important;
    color: white !important;
    padding: 14px !important;
    border: none !important;
    border-radius: 50px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    display: block;
    margin: auto;
    font-size: 20px;
    margin-bottom: 20px;
}

.specback2 .calc_button_get_count1 {
    background-color: #35221b !important
}

.responsive_img {
    margin: auto;
    display: block;
    max-width: 100%;
    padding: 20px
}

.calc_button_get_count {
    background-color: #895122;
    color: white;
    padding: 14px;
    border: none;
    border-radius: 50px;
    padding-left: 30px;
    padding-right: 30px;
    position: absolute;
    left: 50%;
    margin-left: -200px;
    bottom: 25%;
    font-size: 20px;
    z-index: 100
}

.navbar-nav>li>a {
    padding-top: 20px;
    padding-bottom: 18px;
    padding-left: 25px;
    padding-right: 34px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 18px;
    background-color: #895122;
    color: white;
    border-radius: 50px;
}

.navbar-nav>li>a:hover {
    color: #fff;
    background-color: #35221b !important;
}

footer.navbar-nav>li>a {
    background-color: #eee;
    color: black
}

footer .navbar-nav {
    display: inline-block
}

.own_container {
    margin-right: auto;
    margin-left: auto;
    padding: 0 39px;
    max-width: 1750px;
    width: 100%
}

.navbar .own_container {
    padding-left: 0;
    padding-right: 0;
    max-width: 1980px;
}



.widget_sp_image-description {
    max-width: 100%;
    margin: auto
}

#gallery84 #wpbgallery li img {
    margin: 5px 7px;
    width: 200px;
    height: 150px
}

#wpbgallery {
    font-size: 0;
    padding: 0 24px;
}

.type-makeproject .gallery .gallery-item,
#wpbgallery li {
    display: inline-block !important;
    width: 25% !important;
    padding: 8px 15px !important;
}

.type-makeproject .gallery .gallery-item {
    margin: 0;
}

#wpbgallery li img {
    width: 100% !important;
    height: auto !important;
    /*max-width: 410px;*/
}

.specback {
    background-color: #35221b !important;
    color: white !important
}

.specback2 {
    background-color: #895122 !important;
    color: #423434 !important;
}

.specback .widget_sp_image-description {
    color: white !important;
    padding: 10px 0;
}

.specback2 .widget_sp_image-description {
    color: #524747 !important;
    min-height: 140px;
}

#fieldname82_1 {
    border-color: transparent !important;
    border-bottom: 1px dotted gray !important;
    padding-bottom: 20px !important;
    margin-bottom: 20px;
    Height: 100px
}

.modal_form {
    display: none
}

article {
    text-align: left;
    font-size: 27px
}

article .more-link {
    display: block;
    float: left;
    max-width: 400px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 25px;
    padding-right: 34px;
    font-size: 18px;
    background-color: #895122;
    color: white;
    border-radius: 30px;
    border: none
}

article h3 {
    font-size: 34px
}

article img {
    float: left;
    width: 50%;
    height: auto !important;
    margin-right: 100px
}

.generalbtn {
    color: #3d455c !important;
    padding: 8px 0 !important;
    ;
    text-align: center;
    font-weight: 600;
    width: 284px;
    height: 40px;
    background: white !important;
    ;
    border: 2px solid #3d455c !important;
    ;
    text-decoration: none;
    /* color: #fff; */
    border-radius: 6px;
    font-size: 16px;
    line-height: 19.5px;
    font-family: Montserrat;
    display: block;
}

.generalbtn:hover {
    color: #fff !important;
    background: #3d455c !important;
    ;
}

@media (min-width: 1600px) and (max-width: 1700px) {
    .navbar-nav {
        float: left;
        margin: 0;
        margin-left: 7%;
    }
}

@media (min-width: 200px) and (max-width: 900px) {
    .fields.fields {
        background-color: transparent !important;
        max-height: 330px;
        min-height: 35px;
        height: 330px;
        padding: 0 !important
    }

    .fields {
        background-color: transparent !important
    }

    .navbar-nav>li {
        float: none
    }

    div.navbar-collapse {
        display: none !important
    }
}

@media (min-width: 200px) and (max-width: 900px) {
    .navbar {
        padding: 0
    }

    div.navbar-collapse {
        display: none
    }

    article img {
        float: none;
        width: 100%;
        height: auto !important;
        margin-right: 0
    }

    article {
        text-align: justify;
        font-size: 18px;
        padding: 10px
    }
}

footer {
    padding: 10px 0 10px;
    margin: 0
}

footer .navbar-nav>li>a {
    background-color: white;
    color: black
}

.footer-head:after {
    content: '';
    display: table;
    clear: both;
}

.footercaption p {
    padding: 10px 0px;
    margin: 0;
    margin-block-start: 1em;
    margin-block-end: 1em;
}

#field_1-1.fields {
    padding: 0 !important
}

#field_1-0 {
    min-height: 100px;
    padding: 0;
    margin: 0
}

@media (min-width: 1601px) and (max-width: 1750px) {
    .navbar-nav {
        margin-left: 5%;
    }
}

@media (min-width: 700px) and (max-width: 1600px) {
    .section_calc .ads:first-child {
        padding-left: 11% !important;
    }

    /*h1 {
        margin-left: -490px
    }*/

    .navbar-header {
        width: 100%
    }

    #mynavbar.visible {
        top: 80px
    }

    .phonenumber {
        display: block;
        font-size: 13px;
        margin: 13px;
        margin-top: 16px
    }

    .navbar-nav>li>a {
        font-size: 10px;
        padding-left: 15px;
        padding-right: 19px;
        margin-left: 20px;
        margin-right: 0
    }

    .firstsection {
        height: 0;
        opacity: 0
    }

    .navbar-toggle {
        display: none !important
    }

    .navbar-header {
        width: 25%;
        float: left
    }

    #mynavbar.visible.collapse {
        background-color: transparent;
        width: 80%;
        float: left;
        top: 0 !important
    }

    .navbar-nav {
        float: left;
        margin: 0;
        /*margin-left: 110px;
        width: 52%;*/
        text-align: center;
    }

    .navbar-nav>li {
        float: none;
        display: inline-block;
    }

    .navbar-toggle {
        display: none !important;
        float: right
    }

    .legend #phonegap {}

    .legend .subdforms input[type="submit"] {}

    .legend .subdforms p {
        padding: 0;
        height: auto;
    }

    .legend .small {
        font-size: 14px;
    }

    .legend h3 {
        margin-bottom: 85px;
    }

    .ads {
        font-size: 18px;
        margin-bottom: 50px;
    }

    .call30 {
        text-align: center;
    }
}

#mynavbar.navbar-collapse {
    /*display: block !important    */
    display: inline-block !important;
    width: 50%;
    text-align: center;
}

ul.nav.navbar-nav {
    text-align: center;
    margin: 0 auto;
    float: none;
}

@media (min-width: 980px) and (max-width: 1390px) {
    .call30 .ads {
        font-size: 15px;
    }
}

.navbar-nav>li>a {
    margin-top: 10px;
    margin-bottom: 10px
}

#phonegap {
    border-radius: 30px;
    border: 1px solid gray;
    padding: 12px;
    text-align: center;
    margin: 0 0 10px 0;
    width: 87%;
    outline: none;
}

.subdforms p {
    padding: 42px 20px 0;
    font-size: 25px;
    font-style: bold;
    font-weight: 600;
}

.subdforms input[type="submit"] {
    border-radius: 30px;
    border: 1px solid gray;
    padding: 13px;
    text-align: center;
    /*margin: -2px 0 0px 0;*/
    background-color: #895122;
    color: white;
    width: 87%;
}

.navbar-toggle {
    top: 12px
}

    {
    position: relative;
    top: 40px;
    background: white
}

.navbar-toggle .icon-bar {
    background-color: black
}

.navbar-under {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important
}

span.markup {
    color: #895122 !important
}





@media (min-width: 700px) and (max-width: 1200px) {
    .subdforms {
        max-height: 380px
    }

    .calc__wrapper {
        gap: 20px;
    }


    .calc_button_get_count {
        position: static;
        margin: auto
    }

    img:not(.tax_img) {
        height: auto !important
    }

    footer .navbar-nav>li {
        float: none
    }

    .navbar-toggle {
        top: 12px
    }

    .navbar {
        height: 80px
    }

    .navbar-header {
        width: 25%
    }

    .nav>li>a>img {
        margin-right: 0
    }

    .navbar-brand>img {
        padding-top: 0
    }

    #viewchange,
    #viewchange2 {
        display: inline-block;
        padding-left: 12px
    }

    .navbar-nav {
        margin-left: 0
    }



    .navbar-header {
        width: 25%
    }

    .navbar-brand img {
        width: 100%
    }

    .phonenumber {
        /*float: left !important;*/
        font-size: 13px;
        margin: 5px;
        margin-top: 8px
    }

    .phonenumber img {
        max-width: 27px
    }

    .calculator {
        margin-bottom: 25px
    }

    .legend .subdforms p {
        padding: 0;
        height: auto;
    }

    .legend h3 {
        margin-bottom: 25px;
    }

    .price-info {
        margin-bottom: 25px;
    }

    .subdforms {
        /*margin-bottom: 20px;*/
    }

    .ads {
        font-size: 18px;
        margin-bottom: 0px;
    }
}

.calculate-button {
    background-color: #895122;
    border: none;
    padding: 30px;
    color: white;
    border-radius: 30px;
    font-size: 17px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    margin: auto
}

.calc_buttoncalc {
    width: 38% !important
}

.calc_price input {
    background-color: transparent !important;
    border: none !important;
    font-size: 22px;
    height: 33px
}

#fieldname83_1 {
    color: #895122;
    font-size: 24px;
    width: 100% !important
}

.emodal img {
    width: 100%
}

.calc_volume input {
    border-radius: 5px;
    border-color: gray !important
}

.revealed {
    color: black !important;
    text-shadow: none
}

#fbuilder .revealed .calc_price input {
    color: black !important;
    text-shadow: none;
    width: 100% !important
}

#fieldname88_1 {
    background-color: white !important
}

.faded.revealed .calc_volume input {
    color: black !important;
    text-shadow: none;
    background-color: white !important
}

.faded .calc_volume input {
    background-color: transparent !important;
    text-shadow: none;
    height: 30px;
    background-color: white !important;
    color: gray
}

.etajnost select {
    height: 30px;
    padding: 0 !important
}

.faded.revealed .etajnost select {
    color: black !important;
    text-shadow: none;
    border-color: gray !important;
    background-color: #E7DAD1 !important
}

.faded .etajnost select {
    background-color: #E7DAD1 !important;
    text-shadow: none;
    border-color: gray !important;
    color: gray
}

#fieldname82_1 .fields.column4 {
    color: black !important
}

.section_calc {
    padding-top: 0px !important;
    padding-bottom: 0px !important
}

.faded {
    color: #EBE2D9;
    text-shadow: none
}

#fbuilder span.uh {
    display: inline-block !important;
    color: inherit !important;
    margin-left: 5px;
    font-size: 20px !important
}

#fbuilder .revealed span.uh {
    display: inline-block !important;
    color: black !important
}

#fbuilder_1 {
    font-size: 20px;
    line-height: 0.9
}

.fields.helper {
    width: 3% !important;
    padding-top: 17px !important
}

.labol {
    width: 35% !important
}

.etajnost {
    width: 22% !important;
    clear: right !important
}

.calc_volume {
    width: 20% !important
}

.calc_price {
    width: 20% !important
}
.ts_poll_result_button { display:none!important; }

@media (min-width: 200px) and (max-width: 800px) {
    .ads {
        margin-left: 0;
        width: 0;
        margin-top: 0;

    }

    .nav>li>a>img {
        margin-right: 0
    }

    .navbar-brand img {
        width: 100%
    }

    .navbar-nav>li>a {
        font-size: 9px;
        padding-left: 5px;
        padding-right: 5px;
        margin-left: 5px;
        margin-right: 0
    }



    .phonenumber {
        float: left !important;
        font-size: 15px;
        margin: 5px;
        margin-top: 14px
    }

    #fbuilder_1 {
        font-size: 13px !important;
        line-height: 1.1
    }

    .calc_buttoncalc {
        display: none
    }

    #fbuilder fieldset {
        padding: 0 !important
    }

    #field_1-1 {
        width: 30% !important
    }

    #field_1-4 {
        width: 30% !important
    }

    #field_1-3 {
        width: 40% !important
    }

    .fields {
        padding: 0 !important;
        margin-bottom: 0 !important
    }

    .fields.helper {
        width: 0 !important;
        padding-top: 25px !important;
        padding: 0 !important;
        margin: 0 !important
    }

    .labol {
        width: 35% !important;
        padding: 0 !important;
        margin: 0 !important
    }

    .etajnost {
        width: 22% !important;
        clear: right !important;
        margin: 0 !important
    }

    .calc_volume {
        width: 20% !important;
        padding: 0 !important;
        margin: 0 !important
    }

    .calc_price {
        width: 23% !important;
        padding: 0 !important;
        margin: 0 !important
    }

    #fbuilder span.uh {
        display: inline-block !important;
        color: inherit !important;
        margin-left: 2px;
        font-size: 13px !important
    }
}

@media (min-width: 1400px) and (max-width: 1500px) {
   /* h1 {margin-left: -600px;}*/

    #fbuilder_1 {font-size: 17px;}
    .calc_button_get_count {margin-left: -160px;bottom: 26%;font-size: 15px;}

    .phonenumber {
        display: block;
        font-size: 20px;
        margin: 13px;
        margin-top: 22px
    }

    .navbar-nav>li>a {
        font-size: 12px
    }

    .firstsection {
        max-height: 500px
    }

    .navbar-toggle {
        display: none !important
    }

    .navbar-header {
        /*width: 20%;*/
        float: left
    }

    #mynavbar.visible.collapse {
        background-color: transparent;
        width: 80%;
        float: left;
        top: 0 !important
    }

    #mynavbar.navbar-collapse {
        /*display: block !important*/
    }

    .arrownexter {
        bottom: 12%
    }

    .howwework img {
        height: auto !important
    }

    .head_calc_change {
        margin-bottom: 30px;
    }
}


@media (min-width: 1920px) {
    .cycloneslider-template-standard {
        max-width: 100% !important
    }

    .cycloneslider-template-standard img {
        width: 100% !important
    }

    .phonenumber {
        margin: 13px
    }

    .own_container {
        max-width: 100%
    }
}

.navbar-right {}

.name_projt {}

div#jivo-iframe-container:not(.jivo-c-mobile) {
    display: none !important
}

.proj-item img {
    width: 100%
}

.calc_img .col-md-2 img {
    height: 17%;
    margin: 3% 0;
    border: 2px solid #fff;
    border-radius: 10px;
}

.calc_img>div>img {
    width: 100%;
    padding: 0;
    border-radius: 10px;
}

.jumbotron {
    display: none;
    background-color: #dbcabc !important;
    padding: 0px 20px 0px 20px;
    margin-bottom: 0px;
    text-align: left;
}

.jumbotron.active {
    display: block;
}

.section_calc {
    background-color: #fff !important;
    margin-top: 30px;
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200;
    margin-top: 15px;
    /*height: 40px;*/
}

.calc_header {
    border-bottom: 1px dotted #35221b;
}

.okno_vub {
    width: 75%;
}

.popup_inner {
    width: 46%;
    float: left;
    margin: 10px 2%;
}

.popup_inner img {
    width: 100%;
    cursor: pointer;
}

.popup_inner p {
    text-align: center;
}

select {
    background-color: #eee;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    color: black font-size: 16px;
}

.table_tr input {
    color: #000;
}

.okno_vub {
    padding-left: 10px;
}

.table_tr:hover a {
    color: white;
}

.responsive_img {
    border: 0px solid #fff !important;
}

.calc_img img {
    / / border: 3 px solid #fff;
    / / border-radius: 15 px;
}

.calc_img .col-md-2 img {
    cursor: pointer;
}

.specback2 {
    background-color: #dbcabc !important;
}

.calc_part input {
    display: inline-block;
    vertical-align: middle;
    width: 65px;
    height: 30px;
    text-align: center;
}

.smeta .price_str {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    width: 10%;
    text-align: left;
}

.calc_part h3 {
    text-align: center;
}

@media (min-width: 1940px) {
    .calc_part h3 {
        font-size: 35px;
    }

    .calc_part>p {
        font-size: 23px;
    }
}

.s-head {
    background: #DBCABC;
    padding: 10px 0 20px;
}

.calc__main-inner {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    position: relative;
}

.calc_img img {
    width: 100%;
    height: auto;
}

.calculator {
    position: relative;
}

.top-calc_block__cover {
    display: inline-block;
    vertical-align: top;
}

.row__top {
    max-width: 1980px;
    margin: 0 auto;
    margin-bottom: -19px;
}

.calculator-thumb {
    width: 100%;
    cursor: pointer;
}

.ie .calculator-thumb img {
    border-radius: 10px;
}

.calc_img img {
    /*max-width: 980px;*/
    /*max-height: 700px;*/
    height: auto;
    max-width: 100%;
    flex-shrink: 0;
    min-height: 1px;
    display: block;
    max-width: 100%;
    border-radius: 15px;
    vertical-align: top;
}

.calculator-thumb {
    flex-shrink: 0;
}

.calculator-thumb img {
    height: auto;
    flex-shrink: 0;
    max-width: 100%;
    min-height: 1px;
    display: block;
    max-width: 100%;
    vertical-align: top;
    width: 100%;
    border-radius: 15px;
    transition: all .3s;
    border: 2px solid #dbcabc;
    /*    max-width: 240px;
    max-height: 200px;*/
}

.smeta-tr .popup_vub {
    text-align: right;
    padding: 7px 10px;
    border-right: 1px solid #dedede;
}

.smeta-goal .popup_vub,
.smeta-item__inner .popup_vub {
    border-right: 0;
}





/*.smeta-tr,
.smeta-item-head{
    max-width: 1680px;
    margin: 0 auto;
}*/
.calculator-thumb.active img {
    border-color: #402813;
}

.smeta-item__inner .col-md-3 {
    padding: 0 3px;
}

.smeta-item__inner {
    /*max-width: 1700px;*/

    margin: 0 auto;
    position: relative;
    font-size: 0;
}


.price_str.price-full-str .price_str {
    font-weight: bold;
}

.smeta-btn,
.smeta-btna {
    text-align: left;
}

.smeta-item-result .popup_vub {
    /*width: auto;*/

    padding-right: 50px;
}


.price-full-str {
    white-space: nowrap;
}

.smeta {
    padding: 0 30px;
}

.smeta-table {
    margin: 0 auto;
}

.smeta-tr {
    font-size: 0;
    text-align: left;
}

.smeta-btn,
.smeta-btna {
    font-size: 16px;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.smeta-num {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    font-size: 16px;
    width: 20%;
    text-align: left;
}

.smeta-num input {
    width: 60%;
    border: 0;
    outline: none;
    background: none;
    text-align: center;
}

.smeta-item .smeta-item-head:hover .smeta-num input,
.smeta_transport .smeta-item-head:hover .smeta-num input {
    color: #fff;
}

.smeta-item-head {
    position: relative;

    cursor: pointer;
    text-align: center;
    transition: all .3s;
}

.smeta-opener {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 15px;
    text-decoration: underline;
}

.smeta-opener:hover {
    text-decoration: none;
}

.smeta-item,
.smeta_transport {
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
}

.smeta_transport .smeta-item-head {
    padding: 11px 7px;
}

.smeta-item-result {
    padding: 10px 7px;
    border: 1px solid #dedede;
}




/*
.smeta-item:nth-of-type(odd) .smeta-item-head{
  background: #D2BBA7;
}
*/
.smeta-item .smeta-item-head.active {
    border-bottom: 1px solid #dedede;
    background-color: #ffffff;
    color: #111;
}

.smeta-item .smeta-item-head:hover,
.smeta_transport .smeta-item-head:hover {
    background: #3d455c;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#823803', endColorstr='#823803', GradientType=1);
    /* IE6-9 */
    color: white;
}

.calc_part .td_m_kv {
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
    padding: 0 0 0 10px;
}

.popup_vub {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    font-size: 20px;
    text-align: left;
    padding-right: 30px;
    padding: 7px 10px;
    border-right: 1px solid #dedede;
}

.pricess {
    width: 10%;
    display: inline-block;
    vertical-align: middle;
}



.emodal-content .wpcf7-file {
    border: none !important;
}

.emodal-content .wpcf7-form-control-wrap textarea {
    height: 120px;
}

.emodal-content .wpcf7-form-control-wrap textarea,
.emodal-content .wpcf7-form-control-wrap input {
    border-radius: 4px;
    border: 1px solid gray;
    padding: 10px;
    text-align: center;
    width: 100%;
    outline: none;
    margin-top: 10px;
    font-weight: normal;
}

html body .emodal {
    z-index: 9999 !important;
}

.row-middle {
    /*max-width: 1980px;*/

    margin: 0 auto;
}

.options {
    display: none;
    font-size: 0;
    text-align: left;
    padding: 15px 20px 0;
    /*margin-bottom: 10px;*/
    background: #3D455C;
}

.options-item {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 15px;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 0;
    cursor: pointer;
    transition: all .3s;
    overflow: hidden;
}

.options-item.active {
    background: #E7DED3;
    color: #000;
    border-radius: 14px;
}

.options-item.active p {
    /*background: #895122;*/
    color: #000;
}



.project-bot-part {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    display: flex;
    align-items: center;

    padding: 10px 5px;
    justify-content: center;
}

.options-item img {
    display: block;
    width: 100%;
    max-height: 100%;
    height: auto;
    border-radius: 10px;
}

.options-item p {
    margin: 0;
    font-size: 20px;
    text-align: center;
    color: #fff;
    /*background: #35221b;*/
}



.project {
    cursor: pointer;
    display: block;
    position: relative;
    margin-bottom: 25px;
}

.calculator-main .widget_sp_image-description {
    position: absolute;
    bottom: 4px;
    left: 0;
    right: 0;
    color: #35221b !important;
    padding: 0;
}

.project .widget_sp_image-description {
    position: absolute;
    bottom: 4px;
    left: 0;
    right: 0;
    color: #35221b !important;
    padding: 0;
}

.project img {
    display: block;
    border-radius: 15px;
    border: 2px solid #fff;
    transition: all .3s;
}

.project.active img {
    border-color: #895122;
}

.project-s {
    float: left;
    width: 40%;
    text-align: left;
    padding-left: 10px;
    font-size: 18px;
    font-weight: bold;
}

.project-price {
    float: right;
    width: 60%;
    text-align: right;
    padding-right: 10px;
    font-size: 18px;
    font-weight: bold;
}

.widget_sp_image-description:after {
    content: '';
    display: table;
    clear: both;
}

.wpcf7-response-output {
    display: block;
}

.blueimp-gallery .close:before {
    content: none !important;
    display: none !important;
}

.blueimp-gallery>.close {
    padding: 0 !important;
    font-size: 25px !important;
    line-height: 24px !important;
    width: 34px !important;
    height: 34px !important;
}

.open-table span {
    position: relative;
    top: -2px;
}

.sb2 .own_container img,
.sb3 .own_container img,
.specback2 .own_container img {
    width: 100%;
}

.option-img-cover {
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

#wpbgallery_container li img {
    max-width: initial;
}

.open-table {
    border-radius: 5px;
    padding: 10px 30px;
    display: inline-block;
    border: 2px solid #3d455c;
    color: #3d455c;
    font-size: 16px;
    font-weight: bold;
    background-color: #ffffff;
    line-height: 1;
    cursor: pointer;
    /* transition: all .3s; */
    text-align: center;
    font-family: 'Montserrat';
    margin-bottom: 15px;
}

.open-table.hidden {
    background: #fff;
}

.open-table:hover {

    background: #fff;
}

.navbar-brand {
    padding: 10px 2px;
    display: block;
    text-align: center;
    margin: auto;
    float: none;
}

.phone-top .navbar-mail,
.logo-top {
    color: black;
    display: block;
    text-align: center;
    font-size: 21px;
    line-height: 1;
    font-weight: bold;
    /*
    font-weight: bold;
    text-decoration: underline;*/
    margin-bottom: 5px;
}

.phone-top .navbar-mail {
    /*    font-size: 18px;*/
}

.navbar-brand:hover .logo-top {
    text-decoration: none;
}


.phone-top .navbar-tel,
.logo-bottom {
    display: block;
    text-align: center;
    color: #000;
    font-size: 18px;
    line-height: 1;
}

.tel {
    border-radius: 30px;
    border: 1px solid gray;
    padding: 20px;
    text-align: center;
    /* margin: 27px 30px; */

    width: 100%;
    outline: none;
    text-align: left;
    /* font-size: 22px; */

    margin-top: 30px;
}

#wpcf7-f345-o2 .wpcf7-submit {
    border-radius: 30px;
    border: 1px solid gray;
    padding: 20px;
    text-align: center;
    /* margin: 27px 30px; */

    background-color: #895122;
    color: white;
    font-size: 18px;
    width: 100%;
}

#wpbgallery li img {
    margin: 5px 7px;
    border-radius: 15px;
}

.blueimp-gallery>.slides>.slide>.slide-content,
.blueimp-gallery>.prev,
.blueimp-gallery>.next,
.blueimp-gallery>.close,
.blueimp-gallery>.play-pause {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 10px;
}

.emodal-close {
    font-size: 20px !important;
    font-weight: 400 !important;
}

.navbar-nav>li {
    float: none;
    display: inline-block;
}

.legend .area {
    font-size: 32px;
    font-weight: bold;
    color: #111;
    text-align: left;
    display: block;
}

.legend .full_price {
    font-size: 32px;
    color: #fc4007;
    font-weight: bold;
    text-align: left;
    display: block;
}

.price-info {
    margin-bottom: 50px
}

.legend .calc_button_get_count1 {
    margin-top: 40px;
}

.ads:last-child {
    margin-bottom: 0;
}

.ads {
    font-size: 16px;
    text-align: center;
}

#adsik {
    margin-top: 226px;
    margin-left: -539px;
}

.ads a {
    display: block;
    color: #895122;
    font-size: 18px;
    font-weight: 900;
}

.popup_vub {
    display: inline-block;
    vertical-align: middle;
    width: 43%;
    font-size: 16px;
    text-align: left;
    padding-right: 30px;
}

.popup_vub_smeta_transport {
    width: 61%;
}


.smeta-item-result .popup_vub {
    width: 61%;
    padding: 7px 10px;
}


.pricess {
    width: 9%;
    padding-left: 10px;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}

.smeta-num {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    font-size: 16px;
    width: 11%;
    text-align: left;
}

.popup_vub_smeta_transport {
    width: 83%;
}

.smeta-item-question {
    background: #3D455C;
    color: white;
}

.smeta-item-result .popup_vub {
    width: 83%;
    padding: 7px 10px;
    font-weight: bold;
    text-align: left;
}


.smeta-item-question .popup_vub {
    text-align: center;
}


.smeta-btn,
.smeta-btna {
    font-size: 16px;
    /*     word-wrap: break-word; */
    /*     white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
}

.smeta-btna {
    text-align: center;
}



.smeta-num {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    font-size: 16px;
    width: 20%;
    text-align: left;
}

.smeta .price_str {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    width: 11%;
    text-align: left;
}


.smeta .smeta-item-result .price_str .price_str {
    width: 100%;
}

.smeta-tr .price_str.full_price {
    width: 11%;
}

.smeta-item-table-head {
    display: flex;
    border-top: 1px solid #dedede;
    border-right: 1px solid #DEDEDE;
    border-left: 1px solid #DEDEDE;
    background: #3D455C;
}

.head_popup_vub {
    flex: 0 0 61%;
    width: 61%;
    font-weight: bold;
    font-size: 12px;
    background: #3D455C;
    color: white;
    align-items: center;
    text-align: center;
    padding: 10px 15px;
    display: flex;
    justify-content: center;
}

.head_pricess {
    display: flex;
    /* flex: 0 0 9%; */
    width: 10%;
    font-size: 12px;
    font-weight: bold;
    /* padding: 10px 9px; */
    padding-left: 20px;
    background: #3D455C;
    color: white;
    justify-content: center;
    align-items: center;
}

.head_smeta-num {
    flex: 0 0 8%;
    width: 8%;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 10px;
    background: #3D455C;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.head_price_unit {
    display: flex;
    text-align: center;
    flex: 0 0 7%;
    width: 7%;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 15px;
    padding-left: 20px;
    background: #3D455C;
    color: white;
    justify-content: center;
    align-items: center;
}

.head_price_str {
    text-align: center;
    flex: 0 0 12%;
    width: 12%;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 15px;
    background: #3D455C;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.info__con_inner {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

@media screen and (max-width: 1460px) {
    .popup_vub_smeta_transport {
        width: 73%;
    }


    .smeta-item-result .popup_vub {
        width: 73%;
        padding: 7px 10px;
    }


}

@media screen and (max-width: 1240px) {
    .popup_vub_smeta_transport {
        width: 74%;
    }


    .smeta-item-result .popup_vub {
        width: 74%;
        padding: 7px 10px;
    }
}

@media (max-width: 991px) {
    .subdforms center>.col-md-12 {margin-top: -20px !important;}
    .info__con {gap: 37px;}
    .subdforms .col-md-6.col-xs-12 {margin-bottom: 0px;}
    .navbar-nav {/* width: 65%; */}
    .navbar-nav>li>a {/*        padding: 2px 0;*/}
    .calc__wrapper {
        align-items: center;
        flex-direction: column-reverse !important;
        grid-template-columns: minmax(300px, 23%) auto;
        gap: 10px
    }
    .calc__wrapper .images {border-bottom: none !important;order: 1;}
    .sim-text,
    .sim_video_block {
        margin-right: 0 !important;
        margin-bottom: 10px;
        margin: 10px auto;
    }
    .simular__txt {
        display: block;
        max-width: 100%;
        margin: 0 auto;
    }
    .simular__txt .sim-text-block {margin: 10px auto;}
    .simular__txt.hidden_sim {
        align-items: center;
        display: flex !important;
        flex-direction: column;
    }
    .contacts__wrapper.projcart {margin-top: 0 !important;margin-bottom: 0 !important;}
    .sim_iframe iframe {height: 230px;}
    .similar {margin-bottom: none !important;}
    .popup_vub_smeta_transport {width: 69%;}
    .smeta-item-result .popup_vub {width: 69%;padding: 7px 10px;}
}

@media (min-width: 768px) and (max-width: 1024px) {
    .nav>li>a>img {display: none;}
    .navbar-nav {/* width: 48%; */}
    .navbar-brand {
        padding: 0;
        display: block;
        text-align: center;
        margin: 17px auto;
    }
    .navbar-tel img {display: none;}
    .smeta-num {
        display: inline-block;
        vertical-align: middle;
        padding-right: 10px;
        font-size: 16px;
        width: 14%;
        text-align: left;
    }
}

@media (min-width: 1921px) {
    .popup_vub_smeta_transport {
        width: 73%;
    }


    .smeta-item-result .popup_vub {
        width: 73%;
        padding: 7px 10px;
    }

    .head_popup_vub {
        flex: 0 0 51%;
        width: 51%;
    }

    .head_smeta-num {
        flex: 0 0 11%;
        width: 11%;
    }
}

@media (max-width: 1396px) {
    .head_popup_vub {
        flex: 0 0 51%;
        width: 51%;
    }

    .head_smeta-num {
        flex: 0 0 10%;
        width: 10%;
    }

    .head_price_unit {
        flex: 0 0 9%;
        width: 9%;
    }

    .sub-prefix p {
        padding-bottom: 7px;
    }

    .sim-text-wrapper .sim-text {
        padding: 5px 10px;
    }
}

@media (min-width: 1400px) and (max-width: 1920px) {
    .navbar-nav>li>a {
        padding-left: 14px;
        padding-right: 19px;
    }


    .popup_vub {
        display: inline-block;
        vertical-align: middle;
        width: 58%;
        font-size: 16px;
        text-align: left;
        padding-right: 30px;
    }


    .smeta-item-result .popup_vub {
        width: 88%;
    }


    .pricess {
        width: 9%;
        display: inline-block;
        vertical-align: middle;
        font-size: 16px;
    }

    .smeta-num {
        display: inline-block;
        vertical-align: middle;
        padding-right: 10px;
        font-size: 16px;
        width: 15%;
        text-align: left;
    }

    .smeta .price_str {
        display: inline-block;
        vertical-align: middle;
        font-size: 16px;
        width: 10%;
        text-align: left;
    }

    .smeta-tr .price_str.full_price {
        width: 11%;
    }

    .popup_vub_smeta_transport {
        width: 83%;
    }


    .smeta-item-result .popup_vub {
        width: 83%;
        padding: 7px 10px;
        font-weight: bold;
    }


}

@media (max-width: 767px) {
    .smeta-btn,
    .smeta-btna {
        font-size: 12px;
    }

    .center-col__top h3 {
        text-align: center;
    }

    .head_popup_vub {
        flex: 0 0 41%;
        width: 41%;
        font-size: 11px;
    }

    .head_pricess {
        flex: 0 0 12%;
        width: 12%;
        font-size: 11px;
    }

    .head_smeta-num {
        font-size: 11px;
    }

    .head_price_unit {
        flex: 0 0 15%;
        width: 15%;
        font-size: 11px;
    }

    .head_price_str {
        font-size: 11px;
    }

    #wpbgallery li {
        width: 88% !important;
    }

    .smeta-tr:last-child {
        height: 60px !important;
    }

    .smeta-tr .price_str.full_price {
        width: 100%;
    }

    .smeta {
        padding: 0;
    }

    .smeta-item-head {
        padding: 0;
    }

    .popup_vub {
        display: block;
        width: 100%;
        text-align: center;
        padding-right: 0;
    }

    .smeta-btn,
    .smeta-btn {
        white-space: normal;
    }

    .smeta .price_str {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        width: 60%;
        text-align: center;
    }

    .smeta-num {
        font-size: 12px;
        width: 40%;
    }

    .pricess {
        width: 100%;
        display: block;
        vertical-align: middle;
        text-align: center;
        color: red;
    }

    .calculator-nav {
        vertical-align: middle;
        width: 50%;
    }

    .calculator-main {
        vertical-align: top;
    }

    .info__con_inner {
        display: flex;
    }

    .info__con_inner .set-info h6 {
        font-size: 18px;
    }

    .info__con_inner .set-info p {
        font-size: 10px;
    }

    .info__con_inner .set-info img {
        width: 20px;
    }

    .scrollscreen {
        margin-top: 15px;
    }

    .calc__wrapper {
        margin-top: 0;
    }

    .calc__wrapper .images {
        display: flex;
        width: 100%;
        flex-direction: row;
		align-items: center;
		padding: 40px 0;
    }
    .calc__wrapper .images .thumbnails {
        display: flex;
        max-width: 90%;
        flex-wrap: wrap;
        justify-content: flex-end;
        row-gap: 10px;
    }
    .calc__wrapper .images .thumbnails a {width:50%; flex: 0 0 50%;}
    .calc__wrapper .images .thumbnails.gr2 {grid-template-columns: repeat(2,1fr);}
    .calc__wrapper .images .main-image {max-width: 55%; flex: 0 0 55%; padding-top: 0;margin-top: 0;}
    .calc__wrapper .images .main-image img {width: 100%;}

    .calc__wrapper .images .compare p,
    .calc__wrapper .rojlinks a {
        line-height: 10px;
    }

    .linker-float.abs_pos {
        position: absolute;
        right: 0;
        gap: 10px;
        top: 5px;
    }

    .simular__txt {
        flex: 0 0 100%;
        display: none;
    }

    .mobile_hide_content {
        width: 100%;
        display: flex;
    }

    .mobile_hide_content .simular__txt {
        display: block;
    }

    .ask-soc {
        margin-top: 20px;
    }

    .similar__wrapper .h2_wrapper {
        margin-top: 10px !important;
    }

}

@media (max-width: 560px) {
    .head_popup_vub {
        font-size: 9px;
        padding: 2px 0;
        flex: 0 0 35%;
        width: 35%;
    }

    .head_pricess {
        font-size: 9px;
        padding: 2px 0;
        flex: 0 0 21%;
        width: 21%;
    }

    .head_smeta-num {
        font-size: 9px;
        padding: 2px 0;
    }

    .head_price_unit {
        font-size: 9px;
        padding: 2px 0;
    }

    .head_price_str {
        font-size: 9px;
        padding: 2px 0;
    }

    .simular__txt {
        max-width: 100%;
    }

}

@media (max-width: 380px) {
    .simular__txt {
        max-width: 98%;
    }
}

.col-xs-12.calc_part {
    background-color: transparent;
}

.single-post .calc_part {
    background-color: white;
}

.calc_part p {
    margin-bottom: 5px;
}

.calc_part input {
    font-size: 16px;
    width: 58px;
    border: 1px solid #5A5A5A;
    float: left;
    /*border-radius: 5px;*/
    padding: 0 5px;
}

.jumbotron p {
    margin-bottom: 15px;
    margin-top: 0;
    width: 100%;
}

.subdforms p {
    padding: 0 20px 0;
}

.ads .blue {
    color: #43a1fb;
    /*    text-decoration: underline;*/
    font-weight: 900;
}

.ads .ora {
    color: #e5934a;
    text-decoration: underline;
    font-weight: 900;
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .price-info {
        margin-bottom: 0;
    }


}

@media (max-width: 1366px) {
    .subdforms .col-md-6.col-xs-12 {
        margin-bottom: 0px;
    }

    .call30 center .col-md-11 {
        top: initial;
    }

    .subdforms .phon {
        margin-left: 0 !important;
    }

    .section_calc>.row .calc_part {
        padding-top: 10px;
    }

    .section_calc .row__top,
    .section_calc .ads,
    .section_calc .row__top>div,
    .section_calc .subdforms>div {
        margin-bottom: 0;
    }

    .jumbotron {
        padding: 3px;
        /*        margin-top: -31px;
        margin-bottom: -30px;*/
    }

    .row__top {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -ms-align-items: center;
        align-items: center;
    }
}

@media (min-width: 1200px) and (max-width: 1366px) {

    .legend .area {
        font-size: 20px;
        font-weight: bold;
        color: #111
    }

    .legend .full_price {
        font-size: 20px;
        color: red;
        font-weight: bold;
    }

    .jumbotron .per {
        color: red;
        margin-bottom: 0;
        font-size: 20px;
        text-align: center;
    }
}

.jumbotron .per {
    color: red;
    margin-bottom: 0;
    font-size: 30px;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
}

.options-item p {
    font-size: 12px;
}

#wpbgallery li a {
    margin-bottom: 22px;
    display: block;
}

.option-img-cover {
    position: relative;
    width: 100%;
    /*height: 280px;*/

    background-color: #fff;
    border-radius: 10px;
}

.option-img-cover img {
    -o-object-fit: cover;
    object-fit: cover;
}

.smeta-item-head.smeta-item-result {}


.project-inner-price {
    /*position: absolute;*/
    color: #000;
    /*bottom: 15px;*/
    /*left: 15px;*/
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.options-item .project-price {
    color: red;
    float: left;
    width: 50%;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}

#YMapsWrap .address__wrapper,
.contacts__wrapper.style2 .address__wrapper {
    width: 78%;
    margin: 0 auto;
    display: block;
}

.contacts__wrapper.style2 .address__wrapper {
    display: flex;
    width: 75%;
    justify-content: space-between;
}

#YMapsWrap .addr-wrap-content {
    display: flex;
    font-family: Open Sans, Arial, sans-serif;
}

#YMapsWrap .addr-wrap-content .left {
    padding: 20px 155px 10px 0;
    flex: 0 0 68%;
    max-width: 68%;
}

#YMapsWrap .addr-wrap-content .left .title {
    font-weight: bold;
}

#YMapsWrap .addr-wrap-content .left .addr {
    font-weight: bold;
    display: block;
}

#YMapsWrap .addr-wrap-content .left .phone {
    display: block;
    margin: 10px 0;
}

#YMapsWrap .addr-wrap-content .left .timework {
    display: block;
    margin: 10px 0;
}

#YMapsWrap .addr-wrap-content .left hr {
    line-height: 1;
    padding: 1px;
    background: black;
    margin: 8px 0;
}

#YMapsWrap .addr-wrap-content .right {
    padding: 45px 0 0;
}

#YMapsWrap .addr-wrap-content .right img {
    max-width: 99%;
}

.contacts__wrapper.style2 .city_menu {}

.contacts__wrapper.style2 {
    /*padding-bottom: 20px;*/
}

.contacts__wrapper.style2 .contact-cart {
    box-shadow: none;
    border: 0;
    padding: 0;
    gap: 0;

}



/*
 * media news
 */

@media (max-width: 1599px) {

    .call30 center .col-md-11,
    .subdforms center .col-md-12 {
        margin-bottom: 5px !important;
    }

    .subdforms center>.col-md-12 {
        margin-top: 0 !important;
    }

    .jumbotron .row__top>div,
    .jumbotron .top-calc_block__cover .calculator {
        margin-bottom: 0;
    }
}

@media (max-width: 1280px) {

    .phone-top .navbar-mail,
    .logo-top {
        font-size: 18px;
    }

    .subdforms input[type="submit"] {
        font-size: 11px;
    }

    .section_calc .ads {
        /*    padding-left: 5%!important;*/
    }
}

@media (max-width: 1089px) {

    .smeta-btn,
    .smeta-btna {
        word-wrap: break-word;
        white-space: normal;
    }

    .subdforms.container {
        /*      max-width: 480px;*/
        margin: 0 auto;
        width: 90%;
    }

    .options-item .project-price {
        width: 100%;
        text-align: center;
    }

    .option-img-cover {
        border-radius: 0;
    }

    .project-bot-part {
        display: block;
    }

    /*    .calculator-nav {
        width: 70%;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        flex-wrap: wrap;
    }*/

    .calculator-thumb {
        margin: 5px;
    }
}

@media (max-width: 1024px) {
    .subdforms input[type="submit"] {
        /*margin-left: 161px;*/
    }

    #phonegap {
        /*margin-left: 137px;*/
    }

    .navbar-nav>li>a {
        /*        padding-left: 0;
        padding-right: 0;
        background: transparent;
        color: #333;*/
    }
}

@media (max-width: 991px) {
    .subdforms input[type="submit"] {
        /*margin-left: 161px;*/
        margin-top: 12px;
    }

    #phonegap {
        margin-top: 12px;
        /*margin-left: 137px;*/
    }

    .pricess {
        width: 10%;
    }

    .logo-top {
        /* font-size: 15px; */
        margin-bottom: 0;
    }

    .calculator-nav {
        margin: 0 auto;
    }

    .own_container {
        /*padding: 0 15%;*/
    }

    .calculator {
        display: block;
        margin: 0 auto;
        text-align: center;
    }
}

@media (max-width: 880px) {
    #viewchange {
        font-size: 12px;
    }

    .phonenumber {
        font-size: 13px;
    }
}

@media (max-width: 780px) {
    .smeta-num {
        padding-left: 5%;
    }

    .navbar-nav>li>a {
        padding: 0;
        margin: 2px 0;
    }

    .logo-top {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .smeta-num {
        width: 50% !important;
    }

    .calc_part input {
        float: none;
    }

    .smeta-item-head {
        display: flex;
        align-items: center;
    }

    .smeta .price_str {
        margin-top: 0;
    }

    .smeta-btn,
    .smeta-btna {
        color: black;
    }

    .smeta-item-result .popup_vub {
        width: 100%;
        padding-right: 0;
    }
}


footer .own_container {
    max-width: 1980px;
}




@media (min-width: 1940px) {
    .options-item p {
        font-size: 16px;
    }

}

@media (min-width: 1920px) {

    .col-xs-12.calc_part {
        margin-top: -5px;
    }

    .call30 .subdforms {
        font-size: 1.1em;
    }

    .call30 .subdforms input {
        font-size: 1.3em !important;
    }

    .ads {
        font-size: 1.4em;
    }

    .ads a {
        font-size: 1em;
    }

    .call30 .col-md-11 {
        margin-top: 20px !important;
    }

    .specback2 .widget_sp_image-description {
        min-height: 90px;
    }

    .main-image img {
        max-width: none;
    }

    .calc__wrapper .images .main-image img {
        width: 100%;
        height: auto;
    }

    .calc__wrapper .images {
        padding: 0;
    }

    .sim-text h3 {
        font-size: 16px;
    }

    .sim-sub {
        max-width: 100%;
        font-size: 14px;
        padding-top: 16px;
    }

    .sub-prefix p {
        padding-bottom: 10px;
        height: 35px;
        line-height: 1.4;
        overflow: hidden;
    }

    /*.calc__wrapper .images {
        flex: 0 0 50%;
        width: 50%;
    }*/
}



@media (min-width: 2090px) {
    .specback2 .widget_sp_image-description {
        min-height: 80px;
    }
}

@media (min-width: 1280px) {
    .specback2 .widget_sp_image-description {
        min-height: 140px;
    }
}

@media (min-width: 1600px) {
    .specback2 .widget_sp_image-description {
        min-height: 120px;
    }

    .calc__wrapper .calculation .tabs-content .tab-content .calc-point .point-btns a .text {
        font-size: 11px;
        font-weight: 500;
    }

    .calc__wrapper .calculation .tabs-content .tab-content .calc-point .point-btns a {
        height: 56px;
        padding: 1px 0;
    }
}

@media (min-width: 2000px) {
    .specback2 .widget_sp_image-description {
        min-height: 90px;
    }

    .ads a {
        font-size: 1em;
    }

    .ads {
        font-size: 1.6em;
    }
}

@media (min-width: 1981px) {
    .top-calc_block__cover {
        display: block;
    }

    .ie .calculator {
        max-width: none;
    }
}

@media (min-width: 1940px) {

    .row__top {
        max-width: none;
    }

    .price_str {
        font-size: 24px;
    }


    .calc_part input {
        /*font-size: 20px;*/
    }
}

@media (min-width: 2000px) {
    .ie .open-table {
        position: relative;
        top: -5px;
    }
}

.calc_img>div>img {
    height: 100%;
}

.calculator-thumb {
    margin: 0;
    max-width: 50%;
}

.calculator-nav__inner {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
}

.firstsection {
    max-height: 900px
}


@media (max-width: 767px) {
    .row__top {
        display: inline-grid;
    }

    .jumbotron {
        padding: 35px 0;
    }
}

@media (min-width: 800px) and (max-width: 1200px) {
    .jumbotron {
        /*padding: 15px 0;*/
        /* width: 140%;*/
    }

    .arrownexter {
        bottom: 45%
    }
}


@media (max-width: 500px) {
    .smeta-item-result .popup_vub {
        width: 100%;
    }

    .smeta .price_str {
        /*margin-top: -38px;*/
    }

    .calc_button_get_count1 {
        margin-top: 30px;
    }
}

@media (max-width: 500px) {
    .smeta-item-result .popup_vub {
        width: 100%;
    }

    .smeta .price_str {
        /*margin-top: -38px;*/
    }

    .calc_button_get_count1 {
        margin-top: 30px;
    }

}

@media (max-width: 700px) {
    .jumbotron .per {
        width: 100%;
    }
}

div.wpcf7 input[type="file"] {
    padding-left: 0;
}

.specback p {
    text-align: center;
}

.calc_button_get_count1.eModal-14 {
    /*    margin-top: -40px;
    margin-bottom: 60px;*/
}

.specback .row2middle:last-child .proj-item {
    margin-bottom: 0;
}

section.makeproject h1 {
    text-align: center;
    margin: 10px auto;
}

section.makeproject article img {
    width: 100%;
    border-radius: 15px;
    margin-right: 30px;
}

section.makeproject article .first {
    width: 50%;
    padding: 8px 15px;
}

section.makeproject article .gallery {
    padding-top: 12px;
}

section.makeproject article .gallery-item a:focus {
    outline: initial;
    outline-offset: initial;
}

.navbar-tel {

    text-align: center;

    font-size: 18px;
    line-height: 1;
}


.navbar-tel .tel-link {

    text-align: center;

    font-size: 18px;
    line-height: 1;
}


.knopochka {
    padding-top: 5px;
}

.navnavbar-tel {
    display: inline-block;
    text-align: left;
    padding-top: 12px;
    font-size: 16px;
    color: #222;
    font-weight: bold;
}

.navnavbar-tel img {
    opacity: 0.2;
}

.navnavbar-tel a {
    color: #222;
}

.navnavbar-tel a:last-child {
    /* text-transform: none; */
}

a.zzxx {
    width: 100%;
    display: inline-block;
    text-align: center !important;
}

.phonenumber.phone-top.navbar-right,
.phonenumber.phone-top.navbar-right * {
    text-align: right !important;
    font-size: 21px;
    font-weight: bold;
    line-height: 24px;
    color: #222;
}

.phonenumber.ffg img {
    display: none;
}

.phonenumber.ffg a {
    color: #fff;
}

.phonenumber.ffg * {
    font-size: 16px;
}

.own_container.dddff a {
    color: #fff;
}

.own_container.dddff .navbar-mail {
    color: #fff;
}

.own_container.dddff a.navbar-brand span {
    color: #fff;
}

.own_container.dddff .navnavbar-tel img {
    opacity: 1;
}

.own_container.dddff .col-md-6 {
    margin: 0;
}

.own_container.dddff .navnavbar-tel {
    text-align: center;
    /* padding: 0; */
}

.own_container.dddff .navnavbar-tel a.zzxx {
    padding: 0;
}

a.wa-link:after {
    display: none !important;
}

a.wa-link:after {
    display: none !important;
}

a.eModal-5.write-letter {
    text-decoration: underline;
    font-size: 18px !important;
    font-weight: normal !important;
}

a.zzxx {
    text-decoration: underline;
    font-size: 18px;
    font-weight: normal;
    top: 8px;
    position: relative;
}

footer a.zzxx {
    top: 6px;
}

footer .navnavbar-tel {
    padding-top: 18px;
}

span.logo-bottom {
    padding-top: 6px;
}

.phonenumber.phone-top.navbar-right * {
    float: right !important;
    text-align: right !important;
    width: 100% !important;
    display: inline-block !important;
    clear: right !important;
}

.phonenumber.phone-top.navbar-right {
    display: inline-block !important;
    padding-right: 30px;
}

.phonenumber.phone-top.navbar-right img {
    display: none !important;
}

.phonenumber.phone-top.navbar-right a {
    max-width: 278px !important;
    text-align: center !important;
}

.navbar-tel {
    /* padding-top: 8px; */
    /* margin-bottom: 5px; */
}

.navnavbar-tel img {
    display: inline-block !important;
}

div#lb_button-wrapper {
    display: none !important;
}



body ldiv.lb-button__wrapper {
    display: none !important;
}

.navbar-header {
    max-width: 278px;
}

section.section_calc {}

section.section_calc .col-lg-8.col-md-8.col-sm-7.col-xs-7 {
    padding-left: 0;
    margin-bottom: 0 !important;
}

.col-md-4.col-sm-5.col-xs-5.legend img {
    max-width: 100%;
}

.jumbotron.active.own_container {
    position: relative;
}

.row.howwework {
    margin: 0;
}

section.section_calc {
    padding-top: 2px !important;
}

.navbar-header {
    max-width: 330px;

    padding-left: 20px;
}

.col-md-4.col-sm-5.col-xs-5.legend {
    padding: 0;
    margin-top: -2px;
    margin: 0 !important;
    margin-top: -2px !important;
}




@media (min-width: 1294px) {

    .row.row__top {
        display: table;
    }

    .col-lg-8.col-md-8.col-sm-7.col-xs-7 {
        float: none !important;
    }

    .col-md-4.col-sm-5.col-xs-5.legend {
        float: none !important;
    }

    .blocksvideo {
        height: 100% !important;
    }

    .row.howwework {
        height: 100% !important;
    }

    .youtube {
        height: 100% !important;
    }

    .col-md-4.col-sm-5.col-xs-5.legend {
        height: 100% !important;
        display: table-cell;
    }

    .col-md-4.col-sm-5.col-xs-5.legend * {
        height: 100% !important;
        max-height: 100% !important;
    }

    section.section_calc .col-lg-8.col-md-8.col-sm-7.col-xs-7 {
        display: table-cell;
    }

    section.section_calc .col-lg-8.col-md-8.col-sm-7.col-xs-7 {
        display: table-cell;
    }

    .row.row__top {
        width: 100% !important;
    }

    .blocksvideo {
        float: none;
        /* display: table; */
        width: 100%;
        position: absolute;
    }


}



@media (max-width: 992px) {
    .row.row__top:before {
        width: calc(100% + 30px);
    }

    .navbar.navbar-fixed-top {
        max-width: 1280px;
        padding: 0;
        /* overflow: hidden; */
    }

    .own_container {}

    footer#repliecall {
        max-width: 1280px;
    }

    .row.footercaption,
    .row.footercaption * {
        text-align: center !important;
        width: 100% !important;
        display: inline-block;
    }

    footer .navbar-mail {
        min-width: 280px;
    }




    .video__wrapper,
    .video-content__wrapper .video-carts {
        /*grid-template-columns: 1fr;*/
    }

    .video__first iframe {
        height: 400px;
    }

    .video__wrapper iframe,
    .video-carts iframe {
        height: 330px;
    }

}

@media (max-width: 576px) {
    .smeta-table {
        width: 400px;
        overflow-x: auto;
    }

    .smeta {
        padding: 0 10px;
    }

    .contacts__wrapper .contact-cart {
        height: auto;
    }

    .modal-call__wrapper .input-btn form p {
        flex-direction: column;
        gap: 0;
    }

    .modal-call__wrapper .input-btn .text-under-inp {
        position: absolute;
        right: 50%;
        transform: translateX(50%);
        font-size: 12px;
        width: fit-content;
    }

    .time {
        /*margin-top: 15px;*/
    }

    .choose-time {
        font-size: 12px;
    }

    .modal-call__wrapper,
    .modal-write__wrapper {
        width: 100%;
    }

    .modal-write__wrapper textarea {
        width: 280px;
    }

    .modal-write__wrapper input {
        width: 280px;
        margin-bottom: 10px;
    }

    .modal-write__wrapper .btn {
        width: fit-content;
    }

    .video__first iframe {
        height: 250px;
    }

    .video__wrapper iframe,
    .video-carts iframe {
        height: 200px;
    }
}

.video-carts .video,
.video-sect .video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    background-color: #000000;
}

.video__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video__media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.video__button {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    display: none;
    padding: 0;
    width: 68px;
    height: 48px;
    border: none;
    background-color: transparent;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.video__button-shape {
    fill: #212121;
    fill-opacity: 0.8;
}

.video__button-icon {
    fill: #ffffff;
}

.video__button:focus {
    outline: none;
}

.video:hover .video__button-shape,
.video__button:focus .video__button-shape {
    fill: #ff0000;
    fill-opacity: 1;
}

/* Enabled */

.video--enabled {
    cursor: pointer;
}

.video--enabled .video__button {
    display: block;
}


@media (max-width: 1380px) {
    .sim-text h3 {
        font-size: 10px;
        line-height: 1;
        padding: 0;
        margin: 0;
    }

    .sim_sub {
        font-size: 10px;
    }
}

@media (max-width: 1024px) {

    .brands__con {
        flex-direction: column;
        text-align: center;
    }

    .brands__con img {
        max-width: 350px;
    }

    .logo_con {
        margin: 50px;
    }

    .logo_con img {
        max-width: 320px;
        margin-left: auto;
        width: 85%;
    }

    .logo_con p {
        margin-top: 20px;
        font-size: 28px;
    }

    .info__con_inner {
        width: 80%;
    }

    .info__con {
        /*flex-direction: column;*/
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        margin-top: 20px;
    }

    .set-info h6 {
        font-size: 26px;
    }

    .info__con {
        width: auto;
    }

    .set-info {
        justify-content: center;
        align-items: center;
        padding-bottom: 30px;
    }


    .set-info img {
        width: 30px;
    }

    .info__con .social-btns .set-btn {
        margin-right: 0;
    }
}


@media screen and (max-width: 520px) {
    .info__con_inner {
        width: 100%;
    }
}

.fl_blocks {
    display: flex;
    justify-content: space-between;
}

.filt-block {
    /*cursor: pointer;*/
    border-right: 1px solid #D5D5D5;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.filt-block:hover h5 {
    border-bottom: 1px solid #5A5A5A;
}

.filt-block h5 {
    margin-bottom: 5px;
    transition: .2s ease-out;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    font-weight: 700;
    font-size: 11px;
    color: #5A5A5A;
}

.txt-filt-block {
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.txt-filt-block p {
    font-weight: 500;
    font-size: 9px;
    color: #979797;
}

.bestseller {
    height: 17px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.best_bg {
    align-items: center;
    background: #C61F1F;
    display: flex;
    justify-content: space-between;
}

.best_bg p {
    color: #fff;
    font-weight: 600;
    font-size: 9px;
    padding: 3px 8px;
}

.left_tr {
    margin-left: -1px;
    border: 10px solid transparent;
    border-left: 4px solid #fff;
}

.right_tr {
    margin-right: -1px;
    border: 10px solid transparent;
    border-right: 4px solid #fff;
}

@media (max-width: 700px) {

    .sim-btn p {
        font-size: 13px;
    }

    .sim-btn {
        max-width: 175px;
        padding: 9px 6px;
    }

    .info__con {
        gap: 30px;
        margin: 0;
    }
	.best_bg p {
		color: #fff;
		font-weight: normal;
		font-size: 6px;
		padding: 1px 2px;
	}
}

@media (min-width: 900px) {
    .bestseller {padding-right: 50px;}
}

@media (min-width: 1400px) {
    .bestseller {padding-right: 100px;}
	.calc__wrapper .images .thumbnails {margin-top: 35px;}
}

@media (min-width: 1940px) {
	.first-screen-site {min-height: calc(34vw + 190px);}

    .brands__con img {
        flex: 0 0 50%;
        width: 50%;
        max-width: 100%;
    }

    .logo_con {flex: 0 0 30%;width: 30%;}

    .logo_con img {max-width: 100%;}

    .info__con {
        margin: auto;
        width: 88%;
        margin: 70px auto;
    }

    .set-info h6 {font-size: 10vh;}

    .set-info h6 span.size18,
    .set-info h6 span {
        font-size: 6vh;
    }

    .set-info p {
        font-size: 3.4vh;
    }

    .advantages__textwrapper .calc-btns a,
    .grand__screen .set-btn {
/*        margin: 0 auto;
        text-align: center;
        padding: 2.5vh 8vh;
        font-size: 4vh;
        display: block;
        font-weight: 600;
        height: auto;
        width: auto;*/
    }
/*
    .advantages__wrapper .text-right .text h1,
    .advantages__wrapper .text-left .text h1,
    .advantages__wrapper .text-right .text h2,
    .advantages__wrapper .text-left .text h2 {font-size: 7vh;line-height: normal;}
    .advantages__wrapper .text-right .text p,.advantages__wrapper .text-left .text p {font-size: 4.5vh;}
*/
    section .h2_wrapper h2 {text-align: center;color: #090909;/*font-size: 6vh;*/}
/*
    .our-projects__wrapper .project-carts .project-cart .text__wrapper .name,
    .our-projects__wrapper .project-carts .project-cart .text__wrapper .price {
        font-size: 3vh;
    }
*/
    .project-carts-btn a {
        margin: 0 12px;
        /* width: 284px; */
       /* font-size: 4vh;*/
      /* width: auto;
        height: auto;*/
      /*  padding: 2.5vh 8vh !important;*/
    }

    .video-sect .generalbtn {
     /*   font-size: 4vh;*/
     /*   width: auto;
        height: auto;*/
     /*   padding: 2.5vh 8vh !important;*/
    }

    .first-screen-top .container-fluid {
        max-width: 88%;
    }

    .set-info img,
    .social-btns img {
        width: 9vh;
    }

}


/* 31.07.2022 */

.head_calc_change {
    display: flex;
    justify-content: end;
}

.linker-float {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.ask-soc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    text-decoration: none;
}

.ask-soc p {
    color: #2160BF;
    font-size: 10px;
    font-family: 'Open Sans';
    font-weight: 600;
}

.ask-soc img {
    width: 18px;
}


.feedback__contents {
    padding: 10px 5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: 'Open Sans';
    font-style: normal;
    gap: 10px
}

.feedback-con {
    width: 90%;
}

.feedback-con .feed-txt {
    font-family: 'Open Sans';
    font-style: normal;
    font-size: 8px;
    font-weight: 700;
    line-height: 14px;
    color: #575757;
}

.feed-txt span {
    font-weight: 700;
    color: #FF0000;
    font-size: 12px;
}

.feedback-con input {
    width: 100%;
    font-size: 14px;
    border-radius: 4px;
    font-weight: 400;
    outline: none;
    border: none;
    padding: 2px 4px;
    box-shadow: inset 0px 1px 2px 0px rgb(0 0 0 / 50%);
}

.feedback-con a {
    font-weight: 600;
    line-height: 10px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 20px;
    color: #3D455C;
    border: 1px solid #3D455C;
    border-radius: 6px;
    margin-left: 4px;
    text-decoration: none;
    text-align: center;
    transition: .1s ease-out;
}

/*
.feedback__contents {
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: 'Open Sans';
    font-style: normal;
}
	
.feedback-con {width: 100%;margin-bottom: 10px;}

.feedback-con .feed-txt {
    font-family: 'Open Sans';
    font-style: normal;
    font-size: 8px;
    font-weight: 700;
    line-height: 14px;
    color: #575757;
}

.feed-txt span {
    font-weight: 700;
    color: #FF0000;
    font-size: 12px;
}

.feedback-con input {
    width: 100%;
    font-size: 14px;
    border-radius: 4px;
    font-weight: 400;
    outline: none;
    border: none;
    padding: 2px 4px;
    box-shadow: inset 0px 1px 2px 0px rgb(0 0 0 / 50%);
}

.feedback-con a {
    font-weight: 600;
    line-height: 10px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 20px;
    color: #3D455C;
    border: 1px solid #3D455C;
    border-radius: 6px;
    margin-left: 4px;
    text-decoration: none;
    text-align: center;
    transition: .1s ease-out;
}
*/
.feedback-con a:hover {
    background: #3D455C;
    color: #fff;
}

.container_foot_calc {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 25px;
    padding: 0 30px;
}
/*
@media (min-width: 480px) {
	.feedback__contents {flex-direction: row;flex-wrap: wrap;justify-content: end;}
	.feedback-con {width: 50%;}
}

@media (min-width: 640px) {
	.feedback__contents {justify-content: space-evenly;}
	.feedback-con {width: 30%;}
}

@media (min-width: 992px) {
	.feedback__contents {justify-content: center;}
	.feedback-con {width: 100%;}
}

@media (min-width: 1920px) {
	.feedback__contents {justify-content: end;}
	.feedback-con {width: 50%;}
}

@media (min-width: 2400px) {
	.feedback__contents {justify-content: space-evenly;}
	.feedback-con {width: 28%;}
	.feedback-con:nth-child(1) {width: 34%;}
}
*/
.foot_calc_pj {
    border: 2px solid #333333;
    border-radius: 6px;
    padding: 7px 10px;
    color: #3D455C;
    text-decoration: none;
    transition: .1s ease-out;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.foot_calc_pj:hover {
    background: #3D455C;
    color: #fff;
}

.text__wrapper .price br {
    display: none;
}

@media(max-width: 767px) {
    .catalog__wrapper .project-carts .text__wrapper,
    .our-projects .project-carts .text__wrapper {
        width: 100%;
        margin-left: 0;
        gap: 0;
    }

    .catalog__wrapper .project-carts .project-cart .text__wrapper .name,
    .catalog__wrapper .project-carts .project-cart .text__wrapper .price,
    .our-projects__wrapper .project-carts .project-cart .text__wrapper .name,
    .our-projects__wrapper .project-carts .project-cart .text__wrapper .price {
        font-size: 9px;
        line-height: normal;
    }

    .text__wrapper .price br {
        display: block;
    }
}

@media (max-width: 450px) {

    .catalog__wrapper .project-carts .text__wrapper,
    .our-projects .project-carts .text__wrapper {
        width: 100%;
        margin-left: 0;
        gap: 0;
    }

    .catalog__wrapper .project-carts .project-cart .text__wrapper .name,
    .catalog__wrapper .project-carts .project-cart .text__wrapper .price,
    .our-projects__wrapper .project-carts .project-cart .text__wrapper .name,
    .our-projects__wrapper .project-carts .project-cart .text__wrapper .price {
        font-size: 8px;
        line-height: normal;
    }
}

@media (max-width: 1250px) {
    .ask-soc p {
        font-size: 9px;
    }
}

@media (max-width: 992px) {
    .ask-soc p {
        font-size: 11px;
    }
}

@media (max-width: 500px) {
	.soc-connect .connect {gap: 40px;}
    .call__socs {gap: 20px;}
}

@media (max-width: 425px) {
	.soc-connect .connect {gap: 14px;}
    .call__socs {gap: 10px;}
}

/* ------------------------------------- */

section.ts_poll_section header span {font-size: 16px !important;margin-bottom: 0 !important;}
section.ts_poll_section footer {padding-top: 0 !important;}
section.ts_poll_section footer .ts_poll_footer_main {text-align: center;}
section.ts_poll_section *, 
section.ts_poll_section footer .ts_poll_result_button span,
section.ts_poll_section footer .ts_poll_vote_button span {font-family: "Montserrat", sans-serif !important;line-height: 1 !important;padding: 3px 10px !important;}
section.ts_poll_section main .ts_poll_answer input + label, section.ts_poll_section main .ts_poll_answer label.ts_poll_r_label,
section.ts_poll_section footer .ts_poll_result_button span,
section.ts_poll_section footer .ts_poll_vote_button span,
section.ts_poll_section footer .ts_poll_back_button span {font-size: 14px !important;}
section.ts_poll_section main .ts_poll_answer label.ts_poll_r_label {padding-right: 90px !important;}
section.ts_poll_section main .ts_poll_answer label.ts_poll_r_label span {position: absolute !important;;top: 50%;right: 0;transform: translateY(-50%);}

@media (min-width: 768px) {
  section.ts_poll_section footer button[data-tsp-pos="full"] {width: 40% !important;min-width: 170px;}
}
@media (min-width: 992px) {
  section.ts_poll_section {width: 550px !important;}          
}

@media (max-width: 1024px) {
  section.ts_poll_section header span {font-size: 14px !important;}
  section.ts_poll_section main .ts_poll_answer input + label, section.ts_poll_section main .ts_poll_answer label.ts_poll_r_label,
  section.ts_poll_section footer .ts_poll_result_button span,
  section.ts_poll_section footer .ts_poll_vote_button span,
  section.ts_poll_section footer .ts_poll_back_button span {font-size: 12px !important;}
}
@media (max-width: 991px) {
  section.ts_poll_section {width: 100% !important;max-width: 550px !important;} 
}