@charset "UTF-8";
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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

[hidden] {
    display: none
}

body {
    line-height: 1
}

menu,
ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

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

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

.select2-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline;
    list-style: none;
    padding: 0
}

.select2-container .select2-selection--multiple .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em
}

.select2-container .select2-search--inline .select2-search__field {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    margin-left: 5px;
    padding: 0;
    max-width: 100%;
    resize: none;
    height: 18px;
    vertical-align: bottom;
    font-family: sans-serif;
    overflow: hidden;
    word-break: keep-all
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option--selectable {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    height: 26px;
    margin-right: 20px;
    padding-right: 0
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
    padding-right: 25px
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    font-weight: 700;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    position: absolute;
    right: 0;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
    padding-left: 20px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700;
    padding: 0 4px;
    position: absolute;
    left: 0;
    top: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    background-color: #f1f1f1;
    color: #333;
    outline: 0
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-left: 1px solid #aaa;
    border-right: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
    float: left;
    margin-left: 10px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #000 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--group {
    padding: 0
}

.select2-container--default .select2-results__option--disabled {
    color: #999
}

.select2-container--default .select2-results__option--selected {
    background-color: #ddd
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    height: 26px;
    margin-right: 20px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc));
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: 0 0;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -o-linear-gradient(top, #fff 0, #eee 50%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eee));
    background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
    background-repeat: repeat-x
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(white));
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
    padding-bottom: 5px;
    padding-right: 5px
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700;
    padding: 0 4px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
    outline: 0
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option--group {
    padding: 0
}

.select2-container--classic .select2-results__option--disabled {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    -webkit-transition-duration: inherit;
    -o-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
    -o-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    -o-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .25s ease, visibility 0s ease .25s;
    -o-transition: opacity .25s ease, visibility 0s ease .25s;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s;
    -o-transition: opacity .25s ease 0s, visibility 0s ease 0s;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    background: 0 0;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,
.fancybox-video {
    background: 0 0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: 0
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: 0
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .85)), color-stop(50%, rgba(0, 0, 0, .3)), color-stop(65%, rgba(0, 0, 0, .15)), color-stop(75.5%, rgba(0, 0, 0, .075)), color-stop(82.85%, rgba(0, 0, 0, .037)), color-stop(88%, rgba(0, 0, 0, .019)), to(transparent));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
    background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding:max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    -webkit-animation: a 1s linear infinite;
    animation: a 1s linear infinite;
    background: 0 0;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@-webkit-keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    -webkit-transition-timing-function: cubic-bezier(0, 0, .25, 1);
    -o-transition-timing-function: cubic-bezier(0, 0, .25, 1);
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -o-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-1turn);
    -ms-transform: rotate(-1turn);
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

@media (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }
    .fancybox-slide--image {
        padding: 6px 0
    }
    .fancybox-close-small {
        right: -6px
    }
    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }
    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }
    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94);
    -o-transition: all .2s cubic-bezier(.25, .46, .45, .94);
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }
    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

.dotted-background,
.top-block .bg-image,
.ymaps-container,
.ymaps-container iframe,
.ymaps-container>ymaps {
    background-repeat: repeat;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(10%, transparent), color-stop(10%, #fff)), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .4)), color-stop(10%, rgba(0, 0, 0, .4)), color-stop(10%, #fff));
    background-image: -o-linear-gradient(top, transparent, transparent 10%, #fff 10%), -o-linear-gradient(left, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4) 10%, #fff 10%);
    background-image: linear-gradient(to bottom, transparent, transparent 10%, #fff 10%), linear-gradient(to right, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4) 10%, #fff 10%);
    background-size: 10px 10px
}

@font-face {
    font-family: BadScript;
    font-display: swap;
    src: url(../../../themes/karkasnye-doma/fonts/BadScript-Regular.woff2) format("woff2"), url(./../../themes/karkasnye-doma/fonts/BadScript-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

img,
svg {
    display: block
}

body,
html {
    height: 100%
}

body {
    font-family: Montserrat, sans-serif;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    color: #191919;
    background: #eff4f6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 400
}

html {
    overflow: auto
}

html::-webkit-scrollbar {
    width: 7px;
    height: 5px
}

html::-webkit-scrollbar-button:end:increment,
html::-webkit-scrollbar-button:start:decrement {
    display: block;
    height: 0;
    background-color: transparent
}

html::-webkit-scrollbar-track-piece {
    border: 0
}

html::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background-color: #3f7bd4;
    border-radius: 0
}

html::-webkit-scrollbar-thumb:horizontal {
    width: 50px;
    background-color: #3f7bd4;
    border-radius: 0
}

html::-webkit-scrollbar-track {
    background-color: none
}

#main-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

#content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 120px;
    overflow: hidden
}

@media (min-width:768px) and (max-width:991px) {
    #content {
        padding-top: 90px
    }
}

@media (min-width:0px) and (max-width:767px) {
    #content {
        padding-top: 50px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .hidden-on-mobile {
        display: none !important
    }
}

.show-on-mobile {
    display: none !important
}

@media (min-width:0px) and (max-width:767px) {
    .show-on-mobile {
        display: block !important
    }
}

@media (min-width:0px) and (max-width:767px) {
    .telTo {
        cursor: pointer
    }
}

.cb-link {
    cursor: pointer
}

.cb-link span {
    color: #3f7bd4;
    border-bottom: 1px dashed #3f7bd4
}

.cb-link i {
    color: #3f7bd4
}

.cb-link:hover span {
    border-bottom-style: solid
}

@media (min-width:0px) and (max-width:767px) {
    .fancybox-container .fancybox-stage .fancybox-slide {
        padding: 10px !important
    }
}

.fancybox-thumbs {
    top: auto;
    width: auto;
    bottom: 0;
    left: 0;
    right: 0;
    height: 95px;
    padding: 10px 10px 5px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(0, 0, 0, .3);
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fancybox-thumbs .fancybox-thumbs__list a:before {
    border-color: #3f7bd4
}

.fancybox-show-thumbs .fancybox-inner {
    right: 0;
    bottom: 95px
}

.youtube-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -43px;
    margin-top: -43px;
    width: 86px;
    height: 86px;
    border: 2px solid rgba(63, 123, 212, .5);
    border-top-color: transparent;
    border-bottom-color: transparent;
    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;
    border-radius: 50%;
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important;
    opacity: 1;
    z-index: 2
}

@media (min-width:992px) and (max-width:1199px) {
    .youtube-play-btn {
        width: 76px;
        height: 76px;
        margin-top: -38px;
        margin-left: -38px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .youtube-play-btn {
        width: 56px;
        height: 56px;
        margin-top: -28px;
        margin-left: -28px
    }
}

.youtube-play-btn span {
    width: 60px;
    height: 60px;
    background-color: #3f7bd4;
    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;
    border-radius: 50%
}

@media (min-width:992px) and (max-width:1199px) {
    .youtube-play-btn span {
        width: 50px;
        height: 50px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .youtube-play-btn span {
        width: 40px;
        height: 40px
    }
}

.youtube-play-btn span svg {
    display: block;
    width: 14px;
    height: 17px;
    fill: #fff
}

.container {
    max-width: 1200px;
    padding: 0 10px;
    display: block;
    margin: auto
}

.b-title {
    font-size: 42px;
    line-height: 52px
}

@media (min-width:992px) and (max-width:1199px) {
    .b-title {
        font-size: 36px;
        line-height: 42px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .b-title {
        font-size: 28px;
        line-height: 34px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .b-title {
        font-size: 22px;
        line-height: 28px
    }
}

.b-title.bt11 {
    font-size: 11px;
    line-height: 15px
}

.b-title.bt12 {
    font-size: 12px;
    line-height: 16px
}

.b-title.bt13 {
    font-size: 13px;
    line-height: 17px
}

@media (min-width:0px) and (max-width:767px) {
    .b-title.bt13 {
        font-size: 12px;
        line-height: 16px
    }
}

.b-title.bt14 {
    font-size: 14px;
    line-height: 20px
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .b-title.bt14 {
        font-size: 13px;
        line-height: 19px
    }
}

.b-title.bt15 {
    font-size: 15px;
    line-height: 23px
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .b-title.bt15 {
        font-size: 14px;
        line-height: 18px
    }
}

.b-title.bt16 {
    font-size: 16px;
    line-height: 22px
}

@media (min-width:992px) and (max-width:1199px) {
    .b-title.bt16 {
        font-size: 15px;
        line-height: 21px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .b-title.bt16 {
        font-size: 14px;
        line-height: 20px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .b-title.bt16 {
        font-size: 13px;
        line-height: 17px
    }
}

.b-title.bt18 {
    font-size: 18px;
    line-height: 24px
}

@media (min-width:992px) and (max-width:1199px) {
    .b-title.bt18 {
        font-size: 17px;
        line-height: 23px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .b-title.bt18 {
        font-size: 16px;
        line-height: 21px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .b-title.bt18 {
        font-size: 14px;
        line-height: 19px
    }
}

.b-title.bt20 {
    font-size: 20px;
    line-height: 28px
}

@media (min-width:768px) and (max-width:991px) {
    .b-title.bt20 {
        font-size: 18px;
        line-height: 26px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .b-title.bt20 {
        font-size: 16px;
        line-height: 22px
    }
}

.b-title.bt24 {
    font-size: 24px;
    line-height: 30px
}

@media (min-width:992px) and (max-width:1199px) {
    .b-title.bt24 {
        font-size: 22px;
        line-height: 28px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .b-title.bt24 {
        font-size: 20px;
        line-height: 26px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .b-title.bt24 {
        font-size: 18px;
        line-height: 24px
    }
}

.b-title.bt26 {
    font-size: 26px;
    line-height: 32px
}

@media (min-width:992px) and (max-width:1199px) {
    .b-title.bt26 {
        font-size: 24px;
        line-height: 30px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .b-title.bt26 {
        font-size: 22px;
        line-height: 24px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .b-title.bt26 {
        font-size: 18px;
        line-height: 24px
    }
}

.b-title.bt28 {
    font-size: 28px;
    line-height: 34px
}

@media (min-width:992px) and (max-width:1199px) {
    .b-title.bt28 {
        font-size: 26px;
        line-height: 32px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .b-title.bt28 {
        font-size: 23px;
        line-height: 29px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .b-title.bt28 {
        font-size: 19px;
        line-height: 25px
    }
}

.b-title.bt30 {
    font-size: 30px;
    line-height: 36px
}

@media (min-width:992px) and (max-width:1199px) {
    .b-title.bt30 {
        font-size: 28px;
        line-height: 34px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .b-title.bt30 {
        font-size: 25px;
        line-height: 31px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .b-title.bt30 {
        font-size: 21px;
        line-height: 27px
    }
}

.b-title.color1 {
    color: #fff
}

.b-title i,
.b-title.color2 {
    font-style: normal;
    color: #3f7bd4
}

.b-title.align-center {
    text-align: center
}

.b-title.align-right {
    text-align: right
}

.b-title.light {
    font-weight: 300
}

.b-title.medium {
    font-weight: 500
}

.b-title.semibold {
    font-weight: 600
}

.b-title b,
.b-title strong,
.b-title.bold {
    font-weight: 700
}

.b-title.ff-2 {
    font-family: BadScript
}

input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
select,
textarea {
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0
}

.form-style .f-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

@media (max-width:450px) {
    .form-style .f-items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.form-style .f-item {
    position: relative;
    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;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.form-style .f-item+.f-item {
    margin-top: 20px
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .form-style .f-item+.f-item {
        margin-top: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .form-style .f-item+.f-item {
        margin-top: 10px
    }
}

.form-style .f-item.f-item-flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.form-style .f-item.f-item-flex-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.form-style .f-item .input-wrapper {
    width: 100%;
    position: relative
}

.form-style .f-item .input-wrapper svg {
    position: absolute;
    top: calc(50% - 7px);
    right: 20px;
    display: block;
    fill: rgba(25, 25, 25, .8);
    width: 14px;
    height: 14px
}

@media (min-width:992px) and (max-width:1199px) {
    .form-style .f-item .input-wrapper svg {
        right: 15px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .form-style .f-item .input-wrapper svg {
        right: 10px
    }
}

.form-style input[type=email],
.form-style input[type=number],
.form-style input[type=password],
.form-style input[type=tel],
.form-style input[type=text],
.form-style select,
.form-style textarea {
    width: 100%;
    outline: 0;
    height: 54px;
    padding: 0 20px;
    font-size: 14px;
    line-height: 14px;
    font-family: Montserrat, sans-serif;
    border: 1px solid #f7f7f7;
    background-color: #f7f7f7;
    font-weight: 300;
    border-radius: 10px;
    color: #191919
}

@media (min-width:992px) and (max-width:1199px) {
    .form-style input[type=email],
    .form-style input[type=number],
    .form-style input[type=password],
    .form-style input[type=tel],
    .form-style input[type=text],
    .form-style select,
    .form-style textarea {
        border-radius: 8px
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .form-style input[type=email],
    .form-style input[type=number],
    .form-style input[type=password],
    .form-style input[type=tel],
    .form-style input[type=text],
    .form-style select,
    .form-style textarea {
        padding: 0 15px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .form-style input[type=email],
    .form-style input[type=number],
    .form-style input[type=password],
    .form-style input[type=tel],
    .form-style input[type=text],
    .form-style select,
    .form-style textarea {
        height: 44px;
        border-radius: 6px;
        font-size: 13px;
        line-height: 13px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .form-style input[type=email],
    .form-style input[type=number],
    .form-style input[type=password],
    .form-style input[type=tel],
    .form-style input[type=text],
    .form-style select,
    .form-style textarea {
        border-radius: 4px;
        padding: 0 10px
    }
}

.form-style input[type=email].placeholder,
.form-style input[type=number].placeholder,
.form-style input[type=password].placeholder,
.form-style input[type=tel].placeholder,
.form-style input[type=text].placeholder,
.form-style select.placeholder,
.form-style textarea.placeholder {
    color: #191919
}

.form-style input[type=email]:-moz-placeholder,
.form-style input[type=number]:-moz-placeholder,
.form-style input[type=password]:-moz-placeholder,
.form-style input[type=tel]:-moz-placeholder,
.form-style input[type=text]:-moz-placeholder,
.form-style select:-moz-placeholder,
.form-style textarea:-moz-placeholder {
    color: #191919
}

.form-style input[type=email]::-webkit-input-placeholder,
.form-style input[type=number]::-webkit-input-placeholder,
.form-style input[type=password]::-webkit-input-placeholder,
.form-style input[type=tel]::-webkit-input-placeholder,
.form-style input[type=text]::-webkit-input-placeholder,
.form-style select::-webkit-input-placeholder,
.form-style textarea::-webkit-input-placeholder {
    color: #191919
}

.form-style input[type=email]:focus,
.form-style input[type=number]:focus,
.form-style input[type=password]:focus,
.form-style input[type=tel]:focus,
.form-style input[type=text]:focus,
.form-style select:focus,
.form-style textarea:focus {
    color: #000
}

.form-style input[type=email]:focus.placeholder,
.form-style input[type=number]:focus.placeholder,
.form-style input[type=password]:focus.placeholder,
.form-style input[type=tel]:focus.placeholder,
.form-style input[type=text]:focus.placeholder,
.form-style select:focus.placeholder,
.form-style textarea:focus.placeholder {
    color: rgba(25, 25, 25, .3)
}

.form-style input[type=email]:focus:-moz-placeholder,
.form-style input[type=number]:focus:-moz-placeholder,
.form-style input[type=password]:focus:-moz-placeholder,
.form-style input[type=tel]:focus:-moz-placeholder,
.form-style input[type=text]:focus:-moz-placeholder,
.form-style select:focus:-moz-placeholder,
.form-style textarea:focus:-moz-placeholder {
    color: rgba(25, 25, 25, .3)
}

.form-style input[type=email]:focus::-webkit-input-placeholder,
.form-style input[type=number]:focus::-webkit-input-placeholder,
.form-style input[type=password]:focus::-webkit-input-placeholder,
.form-style input[type=tel]:focus::-webkit-input-placeholder,
.form-style input[type=text]:focus::-webkit-input-placeholder,
.form-style select:focus::-webkit-input-placeholder,
.form-style textarea:focus::-webkit-input-placeholder {
    color: rgba(25, 25, 25, .3)
}

.form-style input[type=email].error,
.form-style input[type=number].error,
.form-style input[type=password].error,
.form-style input[type=tel].error,
.form-style input[type=text].error,
.form-style select.error,
.form-style textarea.error {
    border-color: #d61818;
    color: #d61818
}

.form-style input[type=email].error.placeholder,
.form-style input[type=number].error.placeholder,
.form-style input[type=password].error.placeholder,
.form-style input[type=tel].error.placeholder,
.form-style input[type=text].error.placeholder,
.form-style select.error.placeholder,
.form-style textarea.error.placeholder {
    color: #d61818
}

.form-style input[type=email].error:-moz-placeholder,
.form-style input[type=number].error:-moz-placeholder,
.form-style input[type=password].error:-moz-placeholder,
.form-style input[type=tel].error:-moz-placeholder,
.form-style input[type=text].error:-moz-placeholder,
.form-style select.error:-moz-placeholder,
.form-style textarea.error:-moz-placeholder {
    color: #d61818
}

.form-style input[type=email].error::-webkit-input-placeholder,
.form-style input[type=number].error::-webkit-input-placeholder,
.form-style input[type=password].error::-webkit-input-placeholder,
.form-style input[type=tel].error::-webkit-input-placeholder,
.form-style input[type=text].error::-webkit-input-placeholder,
.form-style select.error::-webkit-input-placeholder,
.form-style textarea.error::-webkit-input-placeholder {
    color: #d61818
}

.form-style input[type=email].error+svg,
.form-style input[type=number].error+svg,
.form-style input[type=password].error+svg,
.form-style input[type=tel].error+svg,
.form-style input[type=text].error+svg,
.form-style select.error+svg,
.form-style textarea.error+svg {
    fill: #d61818 !important
}

.form-style textarea {
    padding: 20px;
    resize: none;
    height: 150px
}

@media only screen and (min-width:0px) and (max-width:1199px) {
    .form-style textarea {
        height: 120px
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .form-style textarea {
        padding: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .form-style textarea {
        padding: 10px
    }
}

.form-style input[type=number]::-webkit-inner-adjust-hue-button,
.form-style input[type=number]::-webkit-outer-adjust-hue-button {
    -webkit-appearance: none;
    margin: 0
}

.form-style .privacy-policy {
    margin-top: 10px
}

.form-style .privacy-policy a {
    color: inherit
}

.form-style .privacy-policy a:hover {
    color: #22539a
}

@media (min-width:0px) and (max-width:767px) {
    .form-style .f-item-uppload-files {
        display: none !important
    }
}

.form-style .f-item-upload-files-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:992px) and (max-width:1199px) {
    .form-style .f-item-upload-files-in {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.form-style .uppload-files-title {
    width: 100%;
    padding-left: 10px;
    line-height: 11px
}

@media (min-width:992px) and (max-width:1199px) {
    .form-style .uppload-files-title {
        padding: 0;
        line-height: 14px
    }
}

.form-style .attach-files-btn {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    white-space: nowrap;
    padding: 0 8px;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    height: 40px;
    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;
    border-radius: 5px;
    text-align: center;
    border: 1px dashed #ababab;
    background-color: #fff;
    color: #787878;
    font-size: 13px
}

@media (min-width:0px) and (max-width:767px) {
    .form-style .attach-files-btn {
        padding: 0 10px
    }
}

.form-style .attach-files-btn:active,
.form-style .attach-files-btn:hover {
    color: #2b2b2b;
    border-style: solid
}

.form-style .uppload-files {
    position: relative;
    width: 100%
}

@media (min-width:992px) and (max-width:1199px) {
    .form-style .uppload-files+.uppload-files-title {
        margin-top: 10px
    }
}

.form-style .uppload-files .fileinput-button {
    position: relative;
    overflow: hidden
}

.form-style .uppload-files .fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    font-size: 200px;
    direction: ltr;
    cursor: pointer
}

.form-style .file-added {
    display: none;
    font-size: 12px;
    color: #3f7bd4;
    margin-top: 2px;
    width: 100%
}

.form-style .file-added i {
    display: block;
    text-align: left;
    font-style: normal;
    position: relative
}

.form-style .file-added i .remove {
    color: red;
    position: absolute;
    top: 1px;
    margin-left: 5px;
    font-size: 10px;
    cursor: pointer
}

.form-style .select2 {
    width: 100% !important;
    height: 54px
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .form-style .select2 {
        height: 44px
    }
}

.form-style .select2 .selection .select2-selection {
    height: 100%;
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7;
    border-radius: 10px
}

@media (min-width:992px) and (max-width:1199px) {
    .form-style .select2 .selection .select2-selection {
        border-radius: 8px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .form-style .select2 .selection .select2-selection {
        border-radius: 6px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .form-style .select2 .selection .select2-selection {
        border-radius: 4px
    }
}

.form-style .select2 .selection .select2-selection .select2-selection__rendered {
    height: 100%;
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 14px;
    font-weight: 300;
    color: #191919
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .form-style .select2 .selection .select2-selection .select2-selection__rendered {
        padding: 0 15px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .form-style .select2 .selection .select2-selection .select2-selection__rendered {
        font-size: 13px;
        line-height: 13px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .form-style .select2 .selection .select2-selection .select2-selection__rendered {
        padding: 0 10px
    }
}

.form-style .select2 .selection .select2-selection .select2-selection__arrow {
    height: 100%;
    position: absolute;
    width: 10px;
    height: 7px;
    font-size: 0;
    line-height: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10' height='7' viewBox='0 0 10 7'%3E%3Cdefs%3E%3Cpath fill='rgba(0, 0, 0, 0.8)' id='6n3ua' d='M1471.993 1220.993l-5.006-6.987H1477z'/%3E%3C/defs%3E%3Cg%3E%3Cg opacity='.2' transform='translate(-1467 -1214)'%3E%3Cuse xlink:href='%236n3ua'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
    top: 50%;
    right: 20px;
    margin-top: -3.5px
}

@media (min-width:992px) and (max-width:1199px) {
    .form-style .select2 .selection .select2-selection .select2-selection__arrow {
        right: 15px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .form-style .select2 .selection .select2-selection .select2-selection__arrow {
        right: 10px
    }
}

.form-style .select2 .selection .select2-selection .select2-selection__arrow b {
    display: none
}

.form-style .select2.select2-container--open .selection .select2-selection .select2-selection__arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.select2-dropdown {
    border: 0
}

.select2-dropdown .select2-results {
    -webkit-box-shadow: 0 5px 10px rgba(25, 25, 25, .1);
    box-shadow: 0 5px 10px rgba(25, 25, 25, .1);
    border-radius: 10px;
    overflow: hidden
}

@media (min-width:992px) and (max-width:1199px) {
    .select2-dropdown .select2-results {
        border-radius: 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .select2-dropdown .select2-results {
        border-radius: 6px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .select2-dropdown .select2-results {
        border-radius: 4px
    }
}

.select2-dropdown .select2-results .select2-results__options .select2-results__option {
    background-color: #fff;
    padding: 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 14px;
    font-weight: 300;
    color: #191919
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .select2-dropdown .select2-results .select2-results__options .select2-results__option {
        padding: 10px 15px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .select2-dropdown .select2-results .select2-results__options .select2-results__option {
        font-size: 13px;
        line-height: 13px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .select2-dropdown .select2-results .select2-results__options .select2-results__option {
        padding: 10px
    }
}

.select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted,
.select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--selected {
    background-color: #f7f7f7
}

.block-padding {
    padding: 70px 0
}

@media (min-width:992px) and (max-width:1199px) {
    .block-padding {
        padding: 50px 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .block-padding {
        padding: 35px 0
    }
}

@media (min-width:0px) and (max-width:767px) {
    .block-padding {
        padding: 25px 0
    }
}

.block-padding.bp20 {
    padding: 20px 0
}

@media (min-width:768px) and (max-width:991px) {
    .block-padding.bp20 {
        padding: 15px 0
    }
}

@media (min-width:0px) and (max-width:767px) {
    .block-padding.bp20 {
        padding: 10px 0
    }
}

.block-padding.bp25 {
    padding: 25px 0
}

@media (min-width:768px) and (max-width:991px) {
    .block-padding.bp25 {
        padding: 20px 0
    }
}

@media (min-width:0px) and (max-width:767px) {
    .block-padding.bp25 {
        padding: 15px 0
    }
}

.block-padding.bp30 {
    padding: 30px 0
}

@media (min-width:992px) and (max-width:1199px) {
    .block-padding.bp30 {
        padding: 25px 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .block-padding.bp30 {
        padding: 20px 0
    }
}

@media (min-width:0px) and (max-width:767px) {
    .block-padding.bp30 {
        padding: 15px 0
    }
}

.block-padding.bp40 {
    padding: 40px 0
}

@media (min-width:992px) and (max-width:1199px) {
    .block-padding.bp40 {
        padding: 35px 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .block-padding.bp40 {
        padding: 25px 0
    }
}

@media (min-width:0px) and (max-width:767px) {
    .block-padding.bp40 {
        padding: 15px 0
    }
}

.block-padding.bp50 {
    padding: 50px 0
}

@media (min-width:992px) and (max-width:1199px) {
    .block-padding.bp50 {
        padding: 35px 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .block-padding.bp50 {
        padding: 25px 0
    }
}

@media (min-width:0px) and (max-width:767px) {
    .block-padding.bp50 {
        padding: 15px 0
    }
}

.block-padding.no-padding-top {
    padding-top: 0
}

.block-padding.no-padding-bottom {
    padding-bottom: 0
}

img {
    max-width: 100%
}

.text-in {
    color: inherit;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300
}

@media (min-width:768px) and (max-width:991px) {
    .text-in {
        font-size: 15px;
        line-height: 22px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .text-in {
        font-size: 14px;
        line-height: 20px
    }
}

.text-in * {
    font-size: inherit;
    line-height: inherit
}

.text-in .gallery,
.text-in .post-masonry-gallery,
.text-in h1,
.text-in h2,
.text-in h3,
.text-in h4,
.text-in h5,
.text-in h6,
.text-in img,
.text-in ol,
.text-in p,
.text-in pre,
.text-in ul {
    margin-bottom: 15px
}

@media (min-width:768px) and (max-width:991px) {
    .text-in .gallery,
    .text-in .post-masonry-gallery,
    .text-in h1,
    .text-in h2,
    .text-in h3,
    .text-in h4,
    .text-in h5,
    .text-in h6,
    .text-in img,
    .text-in ol,
    .text-in p,
    .text-in pre,
    .text-in ul {
        margin-bottom: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .text-in .gallery,
    .text-in .post-masonry-gallery,
    .text-in h1,
    .text-in h2,
    .text-in h3,
    .text-in h4,
    .text-in h5,
    .text-in h6,
    .text-in img,
    .text-in ol,
    .text-in p,
    .text-in pre,
    .text-in ul {
        margin-bottom: 10px
    }
}

.text-in .gallery:last-child,
.text-in .post-masonry-gallery:last-child,
.text-in h1:last-child,
.text-in h2:last-child,
.text-in h3:last-child,
.text-in h4:last-child,
.text-in h5:last-child,
.text-in h6:last-child,
.text-in img:last-child,
.text-in ol:last-child,
.text-in p:last-child,
.text-in pre:last-child,
.text-in ul:last-child {
    margin-bottom: 0 !important
}

.text-in h1,
.text-in h2,
.text-in h3,
.text-in h4,
.text-in h5,
.text-in h6 {
    color: inherit
}

.text-in h1 {
    font-size: 32px;
    line-height: 40px
}

@media (min-width:992px) and (max-width:1199px) {
    .text-in h1 {
        font-size: 30px;
        line-height: 38px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .text-in h1 {
        font-size: 25px;
        line-height: 34px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .text-in h1 {
        font-size: 24px;
        line-height: 32px
    }
}

.text-in h2 {
    font-size: 28px;
    line-height: 36px
}

@media (min-width:992px) and (max-width:1199px) {
    .text-in h2 {
        font-size: 27px;
        line-height: 35px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .text-in h2 {
        font-size: 26px;
        line-height: 32px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .text-in h2 {
        font-size: 24px;
        line-height: 30px
    }
}

.text-in h3 {
    font-size: 27px;
    line-height: 35px
}

@media (min-width:992px) and (max-width:1199px) {
    .text-in h3 {
        font-size: 26px;
        line-height: 34px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .text-in h3 {
        font-size: 24px;
        line-height: 32px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .text-in h3 {
        font-size: 22px;
        line-height: 30px
    }
}

.text-in h4 {
    font-size: 26px;
    line-height: 34px
}

@media (min-width:992px) and (max-width:1199px) {
    .text-in h4 {
        font-size: 24px;
        line-height: 32px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .text-in h4 {
        font-size: 22px;
        line-height: 30px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .text-in h4 {
        font-size: 20px;
        line-height: 28px
    }
}

.text-in h5 {
    font-size: 25px;
    line-height: 33px
}

@media (min-width:992px) and (max-width:1199px) {
    .text-in h5 {
        font-size: 24px;
        line-height: 32px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .text-in h5 {
        font-size: 21px;
        line-height: 29px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .text-in h5 {
        font-size: 19px;
        line-height: 27px
    }
}

.text-in h6 {
    font-size: 24px;
    line-height: 32px
}

@media (min-width:992px) and (max-width:1199px) {
    .text-in h6 {
        font-size: 22px;
        line-height: 30px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .text-in h6 {
        font-size: 20px;
        line-height: 28px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .text-in h6 {
        font-size: 18px;
        line-height: 26px
    }
}

.text-in b,
.text-in strong {
    font-weight: 700
}

.text-in em,
.text-in i {
    font-style: italic
}

.text-in a {
    text-decoration: underline;
    color: #3f7bd4
}

.text-in a:hover {
    text-decoration: none
}

.text-in blockquote {
    font-weight: 300;
    background: #191919;
    border-bottom: 3px solid #191919;
    padding: 15px;
    border-radius: 5px;
    font-style: italic
}

.text-in ol,
.text-in ul {
    padding: 0
}

@media (min-width:0px) and (max-width:767px) {
    .text-in ol,
    .text-in ul {
        padding: 0
    }
}

.text-in ol li,
.text-in ul li {
    font-weight: 300;
    list-style-position: outside
}

.text-in ol li+li,
.text-in ul li+li {
    margin-top: 10px
}

@media (min-width:992px) and (max-width:1199px) {
    .text-in ol li+li,
    .text-in ul li+li {
        margin-top: 7px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .text-in ol li+li,
    .text-in ul li+li {
        margin-top: 5px
    }
}

.text-in ol li ul,
.text-in ul li ul {
    margin-top: 15px
}

.text-in ol {
    padding-left: 15px
}

.text-in ul li {
    list-style: none;
    list-style-position: inside;
    position: relative;
    padding-left: 30px
}

@media (min-width:992px) and (max-width:1199px) {
    .text-in ul li {
        padding-left: 25px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .text-in ul li {
        padding-left: 18px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .text-in ul li {
        padding-left: 15px
    }
}

.text-in ul li:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12' height='18' viewBox='0 0 12 18'%3E%3Cdefs%3E%3Cpath id='rb02a' d='M1124 342h3L1118.257 360h-3z'/%3E%3C/defs%3E%3Cg%3E%3Cg transform='translate(-1115 -342)'%3E%3Cuse fill='%233f7bd4' xlink:href='%23rb02a'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
    left: 0;
    top: 6px
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .text-in ul li:before {
        height: 10px
    }
}

.text-in ol li {
    list-style: decimal
}

.text-in table {
    border: 0;
    width: 100% !important
}

.text-in table tr {
    border: 0;
    width: 100% !important;
    background: #ccc
}

.text-in table tr:nth-child(2n) {
    background: #fff
}

.text-in table tr td,
.text-in table tr th {
    border: 0;
    text-align: left;
    padding: 5px
}

.text-in table tr td+td,
.text-in table tr td+th,
.text-in table tr th+td,
.text-in table tr th+th {
    border-left: 3px solid #fff
}

.text-in table tr th {
    font-weight: 700;
    padding: 10px
}

.text-in pre {
    display: block;
    padding: 15px;
    border-radius: 5px;
    overflow: auto;
    white-space: pre;
    font-weight: 400;
    background: #fff;
    border: 1px solid #fff
}

.text-in.color1 {
    color: #fff
}

.text-in.bt14 {
    font-size: 14px;
    line-height: 21px
}

.text-in.bt14 p,
.text-in.bt14 ul {
    margin-bottom: 12px
}

@media (min-width:0px) and (max-width:767px) {
    .text-in.bt14 p,
    .text-in.bt14 ul {
        margin-bottom: 10px
    }
}

.text-in.bt14 ul {
    padding-left: 20px
}

@media only screen and (min-width:0px) and (max-width:1199px) {
    .text-in.bt14 ul {
        padding-left: 0
    }
}

.text-in.bt14 ul li {
    padding-left: 20px
}

@media (min-width:0px) and (max-width:767px) {
    .text-in.bt14 ul li {
        padding-left: 15px
    }
}

.text-in.bt14 ul li:before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='8' height='10' viewBox='0 0 8 10'%3E%3Cdefs%3E%3Cpath id='foewa' d='M1279.944 4462.01h2.044l-5.957 9.979h-2.045z'/%3E%3C/defs%3E%3Cg%3E%3Cg transform='translate(-1274 -4462)'%3E%3Cuse fill='%233f7bd4' xlink:href='%23foewa'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
    height: 10px;
    width: 8px
}

.text-in.bt14 ul li+li {
    margin-top: 5px
}

@media (min-width:0px) and (max-width:767px) {
    .text-in.bt14 ul li+li {
        margin-top: 2px
    }
}

.text-in.bt14 ul li.grey {
    color: rgba(25, 25, 25, .25)
}

.text-in.bt14 ul li.grey:before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='8' height='10' viewBox='0 0 8 10'%3E%3Cdefs%3E%3Cpath id='foewa' d='M1279.944 4462.01h2.044l-5.957 9.979h-2.045z'/%3E%3C/defs%3E%3Cg%3E%3Cg transform='translate(-1274 -4462)'%3E%3Cuse fill='rgba(25, 25, 25, 0.15)' xlink:href='%23foewa'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center
}

.alignnone {
    margin: 5px 20px 20px 0
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto
}

.alignright {
    float: right;
    margin: 5px 0 10px 20px !important
}

.alignleft {
    float: left;
    margin: 5px 20px 10px 0 !important
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

a img.alignnone {
    margin: 5px 20px 20px 0
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px
}

body.direction-rtl .alignright {
    float: left;
    margin: 17px 20px 0 0
}

body.direction-rtl .alignright.icon {
    margin: 0 10px 0 0
}

body.direction-rtl .alignleft {
    float: right;
    margin: 17px 0 0 20px
}

body.direction-rtl .alignleft.icon {
    margin: 0 0 0 10px
}

.styled-btn {
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important;
    text-align: center;
    text-decoration: none !important;
    outline: 0;
    cursor: pointer;
    position: relative;
    border: 0;
    font-family: Montserrat, sans-serif
}

.styled-btn:active,
.styled-btn:focus,
.styled-btn:hover {
    text-decoration: none
}

.styled-btn.styled-btn-1 {
    border-radius: 10px;
    padding: 5px 15px 0 15px;
    min-height: 54px;
    min-width: 280px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #ffd86f;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ffd258), to(#ffdb7b));
    background-image: -o-linear-gradient(bottom, #ffd258 0, #ffdb7b 100%);
    background-image: linear-gradient(to top, #ffd258 0, #ffdb7b 100%);
    color: #191919;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 5px solid #eabe47
}

@media (min-width:992px) and (max-width:1199px) {
    .styled-btn.styled-btn-1 {
        min-height: 48px;
        border-radius: 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .styled-btn.styled-btn-1 {
        border-radius: 6px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .styled-btn.styled-btn-1 {
        min-height: 40px;
        padding-top: 3px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .styled-btn.styled-btn-1 {
        min-width: inherit;
        width: 100%;
        border-radius: 4px
    }
}

.styled-btn.styled-btn-1.height2 {
    min-height: 44px
}

@media (min-width:992px) and (max-width:1199px) {
    .styled-btn.styled-btn-1.height2 {
        min-height: 40px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .styled-btn.styled-btn-1.height2 {
        min-height: 38px
    }
}

.styled-btn.styled-btn-1:after {
    content: "";
    min-height: inherit;
    font-size: 0
}

.styled-btn.styled-btn-1:hover {
    background-color: #ffce4b;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ffdb7b), to(#ffd258));
    background-image: -o-linear-gradient(bottom, #ffdb7b 0, #ffd258 100%);
    background-image: linear-gradient(to top, #ffdb7b 0, #ffd258 100%)
}

@media (min-width:0px) and (max-width:767px) {
    .step .in {
        padding-top: 20px
    }
}

.step .step-n {
    width: 70px;
    height: 70px;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .05);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .05);
    border: 7px solid #fff;
    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;
    border-radius: 50%;
    background-color: #ffd86f
}

@media (min-width:992px) and (max-width:1199px) {
    .step .step-n {
        top: -33px;
        margin-left: -33px;
        width: 66px;
        height: 66px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .step .step-n {
        top: -30px;
        margin-left: -30px;
        width: 60px;
        height: 60px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step .step-n {
        top: -20px;
        margin-left: -20px;
        width: 40px;
        height: 40px;
        border-width: 4px;
        display: none
    }
}

.step .step-n.step-n-absolute {
    position: absolute;
    top: -35px;
    left: 50%;
    margin-left: -35px;
    z-index: 2
}

@media (min-width:992px) and (max-width:1199px) {
    .step .step-n.step-n-absolute {
        top: -33px;
        margin-left: -33px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .step .step-n.step-n-absolute {
        top: -30px;
        margin-left: -30px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step .step-n.step-n-absolute {
        top: -20px;
        margin-left: -20px
    }
}

.step .step-n.step-n-align-center {
    margin: auto
}

.step .step-wrapper {
    position: relative;
    -webkit-box-shadow: 0 15px 50px rgba(0, 0, 0, .08);
    box-shadow: 0 15px 50px rgba(0, 0, 0, .08);
    border-radius: 10px;
    background-color: #fff;
    padding: 10px;
    position: relative
}

@media (min-width:992px) and (max-width:1199px) {
    .step .step-wrapper {
        border-radius: 8px
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .step .step-wrapper {
        -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
        box-shadow: 0 5px 20px rgba(0, 0, 0, .08)
    }
}

@media (min-width:768px) and (max-width:991px) {
    .step .step-wrapper {
        border-radius: 6px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .step .step-wrapper {
        padding: 5px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step .step-wrapper {
        border-radius: 4px;
        -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
        box-shadow: 0 2px 10px rgba(0, 0, 0, .08)
    }
}

.step .step-in {
    border-radius: 10px;
    border: 1px solid rgba(226, 227, 230, .5);
    padding: 10px
}

@media (min-width:992px) and (max-width:1199px) {
    .step .step-in {
        border-radius: 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .step .step-in {
        border-radius: 6px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .step .step-in {
        padding: 5px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step .step-in {
        border-radius: 4px
    }
}

.slider-wrapper.slider-wrapper-with-thumbs .swiper.gallery-top {
    position: relative;
    height: 350px
}

@media (min-width:992px) and (max-width:1199px) {
    .slider-wrapper.slider-wrapper-with-thumbs .swiper.gallery-top {
        height: 320px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .slider-wrapper.slider-wrapper-with-thumbs .swiper.gallery-top {
        height: 250px
    }
}

.slider-wrapper.slider-wrapper-with-thumbs .swiper.gallery-top .swiper-slide {
    border-radius: 10px;
    overflow: hidden
}

@media (min-width:992px) and (max-width:1199px) {
    .slider-wrapper.slider-wrapper-with-thumbs .swiper.gallery-top .swiper-slide {
        border-radius: 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .slider-wrapper.slider-wrapper-with-thumbs .swiper.gallery-top .swiper-slide {
        border-radius: 6px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .slider-wrapper.slider-wrapper-with-thumbs .swiper.gallery-top .swiper-slide {
        border-radius: 4px
    }
}

.slider-wrapper.slider-wrapper-with-thumbs .swiper.gallery-top .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.slider-wrapper.slider-wrapper-with-thumbs .swiper.gallery-top .slider-arrows {
    position: static
}

.slider-wrapper.slider-wrapper-with-thumbs .swiper.gallery-top .slider-arrows .slider-arrow {
    position: absolute;
    top: 0;
    z-index: 2;
    top: calc(50% - 25px);
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important;
    opacity: 0
}

@media (min-width:992px) and (max-width:1199px) {
    .slider-wrapper.slider-wrapper-with-thumbs .swiper.gallery-top .slider-arrows .slider-arrow {
        top: calc(50% - 22px)
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .slider-wrapper.slider-wrapper-with-thumbs .swiper.gallery-top .slider-arrows .slider-arrow {
        top: calc(50% - 20px)
    }
}

@media (min-width:0px) and (max-width:767px) {
    .slider-wrapper.slider-wrapper-with-thumbs .swiper.gallery-top .slider-arrows .slider-arrow {
        opacity: 1
    }
}

.slider-wrapper.slider-wrapper-with-thumbs .swiper.gallery-top .slider-arrows .slider-arrow.slider-arrow-prev {
    left: 25px
}

@media (min-width:992px) and (max-width:1199px) {
    .slider-wrapper.slider-wrapper-with-thumbs .swiper.gallery-top .slider-arrows .slider-arrow.slider-arrow-prev {
        left: 22px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .slider-wrapper.slider-wrapper-with-thumbs .swiper.gallery-top .slider-arrows .slider-arrow.slider-arrow-prev {
        left: 20px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .slider-wrapper.slider-wrapper-with-thumbs .swiper.gallery-top .slider-arrows .slider-arrow.slider-arrow-prev {
        left: 10px
    }
}

.slider-wrapper.slider-wrapper-with-thumbs .swiper.gallery-top .slider-arrows .slider-arrow.slider-arrow-next {
    right: 25px
}

@media (min-width:992px) and (max-width:1199px) {
    .slider-wrapper.slider-wrapper-with-thumbs .swiper.gallery-top .slider-arrows .slider-arrow.slider-arrow-next {
        right: 22px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .slider-wrapper.slider-wrapper-with-thumbs .swiper.gallery-top .slider-arrows .slider-arrow.slider-arrow-next {
        right: 20px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .slider-wrapper.slider-wrapper-with-thumbs .swiper.gallery-top .slider-arrows .slider-arrow.slider-arrow-next {
        right: 10px
    }
}

.slider-wrapper.slider-wrapper-with-thumbs .swiper.gallery-top:hover .slider-arrows .slider-arrow {
    opacity: 1
}

.slider-wrapper.slider-wrapper-with-thumbs .gallery-thumbs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .slider-wrapper.slider-wrapper-with-thumbs .gallery-thumbs {
        grid-gap: 10px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .slider-wrapper.slider-wrapper-with-thumbs .gallery-thumbs {
        display: none
    }
}

.slider-wrapper.slider-wrapper-with-thumbs .gallery-thumbs:not(:first-child) {
    margin-top: 20px
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .slider-wrapper.slider-wrapper-with-thumbs .gallery-thumbs:not(:first-child) {
        margin-top: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .slider-wrapper.slider-wrapper-with-thumbs .gallery-thumbs:not(:first-child) {
        margin-top: 10px
    }
}

.slider-wrapper.slider-wrapper-with-thumbs .gallery-thumbs .gallery-thumb {
    cursor: pointer;
    position: relative;
    opacity: .8;
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important;
    height: 140px;
    overflow: hidden
}

@media (min-width:992px) and (max-width:1199px) {
    .slider-wrapper.slider-wrapper-with-thumbs .gallery-thumbs .gallery-thumb {
        height: 110px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .slider-wrapper.slider-wrapper-with-thumbs .gallery-thumbs .gallery-thumb {
        height: 100px
    }
}

.slider-wrapper.slider-wrapper-with-thumbs .gallery-thumbs .gallery-thumb:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid #3f7bd4;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    opacity: 0;
    border-radius: 10px;
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important
}

@media (min-width:992px) and (max-width:1199px) {
    .slider-wrapper.slider-wrapper-with-thumbs .gallery-thumbs .gallery-thumb:before {
        border-radius: 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .slider-wrapper.slider-wrapper-with-thumbs .gallery-thumbs .gallery-thumb:before {
        border-radius: 6px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .slider-wrapper.slider-wrapper-with-thumbs .gallery-thumbs .gallery-thumb:before {
        border-radius: 4px
    }
}

.slider-wrapper.slider-wrapper-with-thumbs .gallery-thumbs .gallery-thumb .image {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden
}

@media (min-width:992px) and (max-width:1199px) {
    .slider-wrapper.slider-wrapper-with-thumbs .gallery-thumbs .gallery-thumb .image {
        border-radius: 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .slider-wrapper.slider-wrapper-with-thumbs .gallery-thumbs .gallery-thumb .image {
        border-radius: 6px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .slider-wrapper.slider-wrapper-with-thumbs .gallery-thumbs .gallery-thumb .image {
        border-radius: 4px
    }
}

.slider-wrapper.slider-wrapper-with-thumbs .gallery-thumbs .gallery-thumb .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.slider-wrapper.slider-wrapper-with-thumbs .gallery-thumbs .gallery-thumb.active,
.slider-wrapper.slider-wrapper-with-thumbs .gallery-thumbs .gallery-thumb:hover {
    opacity: 1
}

.slider-wrapper.slider-wrapper-with-thumbs .gallery-thumbs .gallery-thumb.active:before,
.slider-wrapper.slider-wrapper-with-thumbs .gallery-thumbs .gallery-thumb:hover:before {
    opacity: 1
}

.example:not(:first-child) {
    margin-top: 25px
}

@media (min-width:992px) and (max-width:1199px) {
    .example:not(:first-child) {
        margin-top: 20px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .example:not(:first-child) {
        margin-top: 20px
    }
}

.example .example-in {
    border-radius: 10px;
    background-color: #f7f7f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

@media (min-width:992px) and (max-width:1199px) {
    .example .example-in {
        border-radius: 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .example .example-in {
        border-radius: 6px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .example .example-in {
        border-radius: 4px
    }
}

.example .example-in:not(:first-child) {
    margin-top: 15px
}

@media (min-width:0px) and (max-width:767px) {
    .example .example-in:not(:first-child) {
        margin-top: 10px
    }
}

.example .example-in .example-in-desc {
    padding: 20px 30px;
    width: calc(100% - 246px)
}

@media (min-width:992px) and (max-width:1199px) {
    .example .example-in .example-in-desc {
        padding: 15px 25px;
        width: calc(100% - 212px)
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .example .example-in .example-in-desc {
        width: 100%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .example .example-in .example-in-desc {
        padding: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .example .example-in .example-in-desc {
        padding: 10px;
        width: calc(100% - 150px)
    }
}

@media (max-width:460px) {
    .example .example-in .example-in-desc {
        width: 100%
    }
}

.example .example-in .example-in-desc .b-title+.info {
    margin-top: 15px
}

@media (min-width:992px) and (max-width:1199px) {
    .example .example-in .example-in-desc .b-title+.info {
        margin-top: 10px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .example .example-in .example-in-desc .b-title+.info {
        margin-top: 7px
    }
}

.example .example-in .example-in-desc .info+.cb-link {
    margin-top: 10px
}

@media (min-width:992px) and (max-width:1199px) {
    .example .example-in .example-in-desc .info+.cb-link {
        margin-top: 7px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .example .example-in .example-in-desc .info+.cb-link {
        margin-top: 7px
    }
}

.example .example-in .example-in-desc .info .info-item+.info-item {
    margin-top: 7px
}

@media (min-width:768px) and (max-width:991px) {
    .example .example-in .example-in-desc .info .info-item+.info-item {
        margin-top: 5px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .example .example-in .example-in-desc .info .info-item+.info-item {
        margin-top: 3px
    }
}

.example .example-in .example-in-desc .info .info-item b,
.example .example-in .example-in-desc .info .info-item strong {
    font-weight: 500
}

.example .example-in .example-in-desc .info .info-item i {
    font-style: normal;
    font-weight: 400;
    color: rgba(0, 0, 0, .2);
    margin: 0 10px
}

@media only screen and (min-width:0px) and (max-width:1199px) {
    .example .example-in .example-in-desc .info .info-item i {
        margin: 0 5px
    }
}

.example .example-in .example-in-desc .cb-link {
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    border-bottom: 1px dashed #3f7bd4;
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important;
    padding-bottom: 1px
}

.example .example-in .example-in-desc .cb-link:hover {
    border-bottom-style: solid
}

.example .example-in img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: absolute;
    display: block;
    height: 212px;
    width: auto;
    top: 50%;
    margin-top: -106px;
    right: 35px;
    -webkit-box-shadow: 7px 7px 15px 0 rgba(50, 50, 50, .35);
    box-shadow: 7px 7px 15px 0 rgba(50, 50, 50, .35)
}

@media (min-width:992px) and (max-width:1199px) {
    .example .example-in img {
        height: 182px;
        margin-top: -91px;
        right: 30px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .example .example-in img {
        display: none
    }
}

@media (min-width:0px) and (max-width:767px) {
    .example .example-in img {
        height: 140px;
        margin-top: -70px;
        right: 10px
    }
}

@media (max-width:460px) {
    .example .example-in img {
        display: none
    }
}

.ymaps-container,
.ymaps-container iframe,
.ymaps-container>ymaps {
    border: 0 !important;
    width: 100% !important;
    display: block !important;
    height: 100% !important;
    position: relative;
    z-index: 1
}

.ymaps-hint {
    position: absolute;
    padding: 7px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    border-radius: 2px;
    background-color: #fff;
    width: 260px
}

@media (min-width:0px) and (max-width:767px) {
    .ymaps-hint {
        width: 230px
    }
}

.ymaps-hint .b-title+.b-title {
    margin-top: 5px
}

.ymaps-hint .b-title.bt14 {
    line-height: 21px;
    font-size: 15px
}

.ymaps-hint .b-title.bt12 {
    line-height: 16px;
    font-size: 13px
}

.ymaps-hint .b-title.bt12>span {
    display: block;
    color: inherit
}

.ymaps-hint .b-title.bt12>span+span {
    margin-top: 2px
}

.ymaps-hint .b-title.bt12>span:last-child {
    margin-top: 4px
}

.ymaps-hint p+p {
    margin-top: 5px
}

.resp-mode {
    position: fixed;
    z-index: 100;
    background: #d61818;
    color: #fff;
    padding: 3px 5px;
    right: 0;
    bottom: 0;
    font-size: 12px;
    z-index: 999999999999999;
    font-weight: 400
}

.resp-mode:before {
    content: "full (pc) => "
}

@media (min-width:992px) and (max-width:1199px) {
    .resp-mode:before {
        content: "notebook =>"
    }
}

@media (min-width:768px) and (max-width:991px) {
    .resp-mode:before {
        content: "tablet =>"
    }
}

@media (min-width:0px) and (max-width:767px) {
    .resp-mode:before {
        content: "mobile =>"
    }
}

.resp-mode span {
    font-weight: 600
}

.site-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-decoration: none;
    color: inherit
}

.site-logo img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 50px;
    width: auto
}

@media (min-width:992px) and (max-width:1199px) {
    .site-logo img {
        height: 44px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .site-logo img {
        height: 36px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .site-logo img {
        height: 30px !important
    }
}

.site-logo span {
    position: relative;
    padding-left: 15px
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .site-logo span {
        padding-left: 10px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .site-logo span {
        font-size: 12px !important;
        line-height: 14px !important
    }
}

@media (max-width:370px) {
    .site-logo span {
        font-size: 10px !important;
        line-height: 12px !important
    }
}

@media (max-width:350px) {
    .site-logo span {
        display: none
    }
}

@media (max-width:440px) {
    #header .site-logo img {
        height: 24px !important
    }
}

@media (min-width:768px) and (max-width:1050px) {
    #header .site-logo span {
        display: none
    }
}

@media (min-width:768px) {
    #header.scrolled .site-logo {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
    #header.scrolled .site-logo img {
        height: 36px
    }
}

@media (min-width:768px) and (min-width:992px) and (max-width:1199px) {
    #header.scrolled .site-logo img {
        height: 30px
    }
}

@media (min-width:768px) and (min-width:768px) and (max-width:991px) {
    #header.scrolled .site-logo img {
        height: 28px
    }
}

@media (min-width:768px) {
    #header.scrolled .site-logo span {
        font-size: 12px;
        line-height: 16px;
        padding-left: 10px
    }
}

@media only screen and (min-width:768px) and (min-width:768px) and (max-width:1199px) {
    #header.scrolled .site-logo span {
        display: none
    }
}

@media (min-width:0px) and (max-width:767px) {
    #footer .site-logo {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (min-width:768px) and (max-width:991px) {
    #footer .site-logo span {
        display: none
    }
}

.dev-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    color: inherit
}

@media (min-width:0px) and (max-width:767px) {
    .dev-label {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

.dev-label:not(:first-child) {
    margin-top: 35px
}

@media (min-width:992px) and (max-width:1199px) {
    .dev-label:not(:first-child) {
        margin-top: 25px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .dev-label:not(:first-child) {
        margin-top: 20px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .dev-label:not(:first-child) {
        margin-top: 15px
    }
}

.dev-label span+svg {
    margin-left: 10px
}

@media (min-width:0px) and (max-width:767px) {
    .dev-label span+svg {
        margin-left: 5px
    }
}

.dev-label svg {
    display: block;
    width: 28px;
    height: 16px;
    fill: #da3e40
}

.dev-label:hover span {
    text-decoration: underline
}

@media (min-width:0px) and (max-width:767px) {
    .dev-label-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: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.dev-label-wrapper:not(:first-child) {
    margin-top: 35px
}

@media (min-width:992px) and (max-width:1199px) {
    .dev-label-wrapper:not(:first-child) {
        margin-top: 25px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .dev-label-wrapper:not(:first-child) {
        margin-top: 20px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .dev-label-wrapper:not(:first-child) {
        margin-top: 15px
    }
}

.open-menu-icon {
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    width: 20px;
    height: 16px;
    cursor: pointer;
    display: none;
    margin-left: 10px
}

@media (min-width:0px) and (max-width:767px) {
    .open-menu-icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.open-menu-icon span {
    display: block
}

.open-menu-icon span,
.open-menu-icon:after,
.open-menu-icon:before {
    width: 100%;
    height: 2px;
    background-color: #3f7bd4;
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important;
    border-radius: 2px
}

.open-menu-icon:after,
.open-menu-icon:before {
    content: "";
    position: absolute;
    left: 0
}

.open-menu-icon:before {
    top: 0
}

.open-menu-icon:after {
    bottom: 0
}

.open-menu-icon.active span {
    opacity: 0
}

.open-menu-icon.active:after,
.open-menu-icon.active:before {
    top: 50%;
    margin-top: -1px
}

.open-menu-icon.active:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.open-menu-icon.active:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.bg-overlay {
    cursor: pointer;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    background-color: rgba(0, 0, 0, .8);
    z-index: 10;
    display: none
}

.bg-overlay.bg-overlay-modal {
    z-index: 14
}

@media (min-width:768px) {
    .bg-overlay:not(.bg-overlay-modal) {
        display: none !important
    }
}

.mobile-menu-navbar {
    width: 100%;
    height: 100%
}

@media (min-width:768px) {
    .mobile-menu-navbar {
        background: 0 0 !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media (min-width:0px) and (max-width:767px) {
    .mobile-menu-navbar {
        display: none;
        z-index: 99;
        position: absolute;
        width: 100%;
        left: 0;
        top: 100%;
        overflow: auto;
        background: #2c69c4;
        height: auto;
        max-height: calc(100vh - 50px);
        max-height: calc(var(--vh, 1vh) * 100 - 50px);
        overflow: auto
    }
    .mobile-menu-navbar::-webkit-scrollbar {
        width: 0;
        height: 0
    }
    .mobile-menu-navbar::-webkit-scrollbar-button:end:increment,
    .mobile-menu-navbar::-webkit-scrollbar-button:start:decrement {
        display: block;
        height: 0;
        background-color: transparent
    }
    .mobile-menu-navbar::-webkit-scrollbar-track-piece {
        border: 0
    }
    .mobile-menu-navbar::-webkit-scrollbar-thumb:vertical {
        height: 50px;
        background-color: #2962b7;
        border-radius: 0
    }
    .mobile-menu-navbar::-webkit-scrollbar-thumb:horizontal {
        width: 50px;
        background-color: #2962b7;
        border-radius: 0
    }
    .mobile-menu-navbar::-webkit-scrollbar-track {
        background-color: none
    }
}

@media (min-width:768px) {
    .menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 100%;
        gap: 30px
    }
}

@media (min-width:768px) and (min-width:992px) and (max-width:1199px) {
    .menu {
        gap: 25px
    }
}

@media (min-width:768px) and (min-width:768px) and (max-width:991px) {
    .menu {
        gap: 20px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .menu {
        display: block
    }
}

@media (min-width:0px) and (max-width:767px) {
    .menu>li {
        height: auto;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%;
        display: block
    }
}

@media (min-width:0px) and (max-width:767px) {
    .menu>li+li {
        border-top: 1px solid #437ed5
    }
}

.menu>li>a {
    display: block;
    text-decoration: none;
    color: #191919;
    font-size: 13px;
    line-height: 17px
}

@media (min-width:0px) and (max-width:767px) {
    .menu>li>a {
        border: 0;
        height: auto;
        padding: 14px 10px;
        color: #fff;
        display: block;
        width: 100%
    }
}

.menu>li.active>a,
.menu>li.current-category-ancestor>a,
.menu>li.current-menu-ancestor>a,
.menu>li.current-menu-item>a,
.menu>li.current-menu-parent>a,
.menu>li.current-page-ancestor>a,
.menu>li.current-page-parent>a,
.menu>li.current_page_ancestor>a,
.menu>li.current_page_item>a,
.menu>li.current_page_parent>a,
.menu>li:hover>a {
    color: #3f7bd4
}

@media (min-width:0px) and (max-width:767px) {
    .menu>li.active>a,
    .menu>li.current-category-ancestor>a,
    .menu>li.current-menu-ancestor>a,
    .menu>li.current-menu-item>a,
    .menu>li.current-menu-parent>a,
    .menu>li.current-page-ancestor>a,
    .menu>li.current-page-parent>a,
    .menu>li.current_page_ancestor>a,
    .menu>li.current_page_item>a,
    .menu>li.current_page_parent>a,
    .menu>li:hover>a {
        border: 0;
        color: #fff;
        background-color: #275eaf
    }
}

#footer .menu {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 40px
}

@media (min-width:992px) and (max-width:1199px) {
    #footer .menu {
        gap: 25px
    }
}

@media (min-width:768px) and (max-width:991px) {
    #footer .menu {
        gap: 5px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width:0px) and (max-width:767px) {
    #footer .menu {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        gap: 10px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width:0px) and (max-width:767px) {
    #footer .menu>li {
        display: inline;
        width: auto
    }
}

@media (min-width:0px) and (max-width:767px) {
    #footer .menu>li+li {
        border-top: 0
    }
}

#footer .menu>li>a {
    font-size: 14px;
    line-height: 17px
}

@media only screen and (min-width:0px) and (max-width:1199px) {
    #footer .menu>li>a {
        font-size: 13px
    }
}

@media (min-width:0px) and (max-width:767px) {
    #footer .menu>li>a {
        border: 0;
        padding: 0;
        color: #191919;
        display: inline;
        width: 100%
    }
}

#footer .menu>li.active>a,
#footer .menu>li.current-category-ancestor>a,
#footer .menu>li.current-menu-ancestor>a,
#footer .menu>li.current-menu-item>a,
#footer .menu>li.current-menu-parent>a,
#footer .menu>li.current-page-ancestor>a,
#footer .menu>li.current-page-parent>a,
#footer .menu>li.current_page_ancestor>a,
#footer .menu>li.current_page_item>a,
#footer .menu>li.current_page_parent>a,
#footer .menu>li:hover>a {
    color: #3f7bd4
}

@media (min-width:0px) and (max-width:767px) {
    #footer .menu>li.active>a,
    #footer .menu>li.current-category-ancestor>a,
    #footer .menu>li.current-menu-ancestor>a,
    #footer .menu>li.current-menu-item>a,
    #footer .menu>li.current-menu-parent>a,
    #footer .menu>li.current-page-ancestor>a,
    #footer .menu>li.current-page-parent>a,
    #footer .menu>li.current_page_ancestor>a,
    #footer .menu>li.current_page_item>a,
    #footer .menu>li.current_page_parent>a,
    #footer .menu>li:hover>a {
        border: 0;
        color: #fff;
        background-color: inherit;
        color: #3f7bd4
    }
}

.mobile-cb-line {
    border-top: 1px solid #437ed5;
    display: none
}

@media (min-width:0px) and (max-width:767px) {
    .mobile-cb-line {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.mobile-cb-line .mobile-cb-line-item {
    cursor: pointer;
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important;
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px 10px
}

.mobile-cb-line .mobile-cb-line-item+.mobile-cb-line-item {
    border-left: 1px solid #437ed5
}

.mobile-cb-line .mobile-cb-line-item:hover {
    background-color: #275eaf
}

.mobile-cb-line .mobile-cb-line-item:first-child svg {
    width: 14px;
    height: 14px
}

.mobile-cb-line .mobile-cb-line-item:last-child svg {
    width: 16px;
    height: 12px
}

.mobile-cb-line span {
    position: relative;
    text-decoration: none;
    font-size: 13px;
    line-height: 17px;
    display: block;
    width: 100%;
    color: #fff
}

.mobile-cb-line svg {
    fill: #fff;
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mobile-cb-line svg+span {
    padding-left: 7px
}

.slider-arrows {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    top: 0;
    right: 0
}

@media (min-width:992px) and (max-width:1199px) {
    .slider-arrows {
        top: -60px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .slider-arrows {
        top: -50px
    }
}

.slider-arrows .slider-arrow {
    width: 50px;
    height: 50px;
    background: #ffd86f;
    cursor: pointer;
    border-radius: 50%;
    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;
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (min-width:992px) and (max-width:1199px) {
    .slider-arrows .slider-arrow {
        width: 44px;
        height: 44px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .slider-arrows .slider-arrow {
        width: 40px;
        height: 40px
    }
}

.slider-arrows .slider-arrow svg {
    width: 7px;
    height: 13px;
    fill: rgba(0, 0, 0, .8);
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .slider-arrows .slider-arrow svg {
        width: 6px;
        height: 12px
    }
}

.slider-arrows .slider-arrow.swiper-button-lock {
    display: none
}

.slider-arrows .slider-arrow.swiper-button-disabled {
    cursor: not-allowed;
    background: rgba(255, 216, 111, .6)
}

.slider-arrows .slider-arrow:hover:not(.swiper-button-disabled) {
    background: #ffce4b
}

.slider-arrows .swiper-pagination {
    color: #191919;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -1px
}

.slider-arrows .swiper-pagination span {
    font-weight: 300
}

.slider-arrows .swiper-pagination .swiper-pagination-current {
    font-weight: 700
}

.slider-arrows .swiper-pagination-bullets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.slider-arrows .swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    width: 10px;
    height: 10px;
    cursor: pointer;
    background: rgba(63, 123, 212, .2);
    border-radius: 50%
}

.slider-arrows .swiper-pagination-bullets .swiper-pagination-bullet:hover {
    background: rgba(63, 123, 212, .6)
}

.slider-arrows .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #3f7bd4
}

.slider-arrows.slider-arrows-white .slider-arrow {
    background: #fff
}

.slider-arrows.slider-arrows-white .slider-arrows-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .slider-arrows.slider-arrows-white .slider-arrows-wrapper {
        gap: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .slider-arrows.slider-arrows-white .slider-arrows-wrapper {
        gap: 10px
    }
}

.slider-arrows.slider-arrows-without-bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: static;
    top: 0
}

.slider-arrows.slider-arrows-without-bg .slider-arrows-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .slider-arrows.slider-arrows-without-bg .slider-arrows-wrapper {
        gap: 10px
    }
}

.slider-arrows.slider-arrows-without-bg .slider-arrow {
    background: 0 0;
    width: auto;
    height: auto
}

.slider-arrows.slider-arrows-without-bg .slider-arrow svg {
    width: 16px;
    height: 30px;
    fill: rgba(0, 0, 0, .2)
}

@media (min-width:992px) and (max-width:1199px) {
    .slider-arrows.slider-arrows-without-bg .slider-arrow svg {
        width: 11px;
        height: 21px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .slider-arrows.slider-arrows-without-bg .slider-arrow svg {
        width: 10px;
        height: 19px
    }
}

.slider-arrows.slider-arrows-without-bg .slider-arrow.swiper-button-disabled {
    cursor: not-allowed;
    background: 0 0
}

.slider-arrows.slider-arrows-without-bg .slider-arrow:hover:not(.swiper-button-disabled) {
    background: 0 0
}

.slider-arrows.slider-arrows-without-bg .slider-arrow:hover:not(.swiper-button-disabled) svg {
    fill: #3f7bd4
}

.slider-arrows.slider-arrows-without-bg .swiper-pagination {
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .slider-arrows.slider-arrows-without-bg .swiper-pagination {
        gap: 5px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .slider-arrows.slider-arrows-without-bg .swiper-pagination {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.slider-arrows.slider-arrows-without-bg .swiper-pagination .swiper-pagination-bullet {
    cursor: pointer;
    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;
    background: 0 0;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    border: 1px solid #cccdd1;
    font-size: 14px;
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important
}

@media (min-width:992px) and (max-width:1199px) {
    .slider-arrows.slider-arrows-without-bg .swiper-pagination .swiper-pagination-bullet {
        width: 32px;
        height: 32px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .slider-arrows.slider-arrows-without-bg .swiper-pagination .swiper-pagination-bullet {
        width: 26px;
        height: 26px;
        font-size: 12px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .slider-arrows.slider-arrows-without-bg .swiper-pagination .swiper-pagination-bullet {
        width: 30px;
        height: 30px;
        font-size: 11px
    }
}

.slider-arrows.slider-arrows-without-bg .swiper-pagination .swiper-pagination-bullet:hover:not(.swiper-pagination-bullet-active) {
    cursor: pointer
}

.slider-arrows.slider-arrows-without-bg .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.slider-arrows.slider-arrows-without-bg .swiper-pagination .swiper-pagination-bullet:hover {
    cursor: default;
    background-color: #3f7bd4;
    color: #fff
}

.messenger {
    width: 32px;
    height: 32px;
    border-radius: 5px;
    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;
    cursor: pointer;
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-decoration: none;
    color: inherit
}

@media (min-width:992px) and (max-width:1199px) {
    .messenger {
        width: 30px;
        height: 30px;
        border-radius: 4px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .messenger {
        width: 26px;
        height: 26px;
        border-radius: 2px
    }
}

.messenger .icon svg {
    width: 16px;
    height: 16px;
    fill: #fff
}

@media (min-width:992px) and (max-width:1199px) {
    .messenger .icon svg {
        width: 15px;
        height: 15px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .messenger .icon svg {
        width: 13px;
        height: 13px
    }
}

.messenger.telegram {
    background: #61a8de
}

.messenger.telegram:hover {
    background: #4398d8
}

.messenger.whatsapp {
    background: #4caf50
}

.messenger.whatsapp:hover {
    background: #419645
}

#footer .messenger {
    width: 160px;
    height: 42px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 10px 20px
}

@media (min-width:992px) and (max-width:1199px) {
    #footer .messenger {
        width: 140px;
        padding: 10px 15px
    }
}

@media (min-width:768px) and (max-width:991px) {
    #footer .messenger {
        width: 130px;
        padding: 5px 10px;
        height: 40px
    }
}

@media (min-width:0px) and (max-width:767px) {
    #footer .messenger {
        width: 130px;
        padding: 7px 10px;
        height: 36px
    }
}

#footer .messenger:not(:first-child) {
    margin-top: 10px
}

#footer .messenger .icon svg {
    width: 16px;
    height: 16px;
    fill: #fff
}

@media (min-width:992px) and (max-width:1199px) {
    #footer .messenger .icon svg {
        width: 15px;
        height: 15px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    #footer .messenger .icon svg {
        width: 13px;
        height: 13px
    }
}

#footer .messenger .messenger-title {
    color: #fff
}

#footer .messenger .messenger-title:not(:first-child) {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid rgba(255, 255, 255, .6)
}

.social-link-item {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    text-decoration: none;
    border-radius: 5px;
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .social-link-item {
        border-radius: 3px
    }
}

.social-link-item svg {
    max-width: 18px;
    max-height: 16px;
    fill: #fff
}

.social-link-item.telegram {
    background: #61a8de
}

.social-link-item.telegram:hover {
    background: #4398d8
}

.social-link-item.whatsapp {
    background: #4caf50
}

.social-link-item.whatsapp:hover {
    background: #419645
}

.social-link-item.vk {
    background: #4c77a6
}

.social-link-item.vk:hover {
    background: #41658e
}

.social-link-item.instagram {
    position: relative
}

.social-link-item.instagram:after,
.social-link-item.instagram:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background: -o-linear-gradient(355deg, #a734a3 0, #f27a5f 100%);
    background: linear-gradient(95deg, #a734a3 0, #f27a5f 100%);
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .social-link-item.instagram:after,
    .social-link-item.instagram:before {
        border-radius: 3px
    }
}

.social-link-item.instagram:after {
    opacity: 0;
    background: -o-linear-gradient(185deg, #a734a3 0, #f27a5f 100%);
    background: linear-gradient(-95deg, #a734a3 0, #f27a5f 100%)
}

.social-link-item.instagram .icon {
    position: relative;
    z-index: 2
}

.social-link-item.instagram:hover {
    background: #2c69c4
}

.social-link-item.instagram:hover:after {
    opacity: 1
}

.social-link-item.facebook {
    background: #4a69a8
}

.social-link-item.facebook:hover {
    background: #3f5a8f
}

.breadcrumbs {
    font-size: 15px;
    color: #6d7475
}

@media (min-width:768px) and (max-width:991px) {
    .breadcrumbs {
        font-size: 14px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .breadcrumbs {
        font-size: 13px
    }
}

.breadcrumbs+.custom-text {
    padding-top: 25px
}

@media (min-width:992px) and (max-width:1199px) {
    .breadcrumbs+.custom-text {
        padding-top: 20px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .breadcrumbs+.custom-text {
        padding-top: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .breadcrumbs+.custom-text {
        padding-top: 10px
    }
}

.breadcrumbs span {
    display: inline-block
}

.breadcrumbs a {
    color: #3f7bd4;
    text-decoration: none;
    display: inline-block
}

.breadcrumbs a:hover {
    color: #2c69c4;
    text-decoration: underline
}

.breadcrumbs strong {
    font-weight: 500
}

.modal-parent {
    left: 50%;
    max-width: calc(100% - 30px);
    max-height: calc(100vh - 30px);
    position: fixed;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: left;
    z-index: 99;
    display: none
}

.modal-parent .in,
.modal-parent .modal-wrapper {
    border-radius: 15px
}

@media (min-width:992px) and (max-width:1199px) {
    .modal-parent .in,
    .modal-parent .modal-wrapper {
        border-radius: 12px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .modal-parent .in,
    .modal-parent .modal-wrapper {
        border-radius: 10px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .modal-parent .in,
    .modal-parent .modal-wrapper {
        border-radius: 5px
    }
}

.modal-parent .in {
    background: #fff;
    padding: 30px 40px;
    overflow: auto
}

@media (min-width:992px) and (max-width:1199px) {
    .modal-parent .in {
        padding: 25px 35px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .modal-parent .in {
        padding: 25px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .modal-parent .in {
        padding: 15px
    }
}

.modal-parent .in .form-style:not(:first-child) {
    margin-top: 20px
}

@media only screen and (min-width:0px) and (max-width:1199px) {
    .modal-parent .in .form-style:not(:first-child) {
        margin-top: 15px
    }
}

.modal-parent .in .form-style .f-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px
}

.modal-parent .in .form-style .f-item .f-item-50 {
    width: calc(50% - 5px)
}

.modal-parent .in .form-style .f-item .styled-btn {
    width: 100%
}

.modal-parent .modal-close {
    height: 30px;
    width: 30px;
    position: absolute;
    bottom: 100%;
    left: 100%;
    cursor: pointer;
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important;
    z-index: 22
}

@media (min-width:992px) and (max-width:1199px) {
    .modal-parent .modal-close {
        height: 28px;
        width: 28px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .modal-parent .modal-close {
        height: 25px;
        width: 25px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .modal-parent .modal-close {
        left: auto;
        right: 0;
        bottom: calc(100% + 10px)
    }
}

.modal-parent .modal-close svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: #fff
}

.modal-parent .modal-close:hover {
    opacity: .7
}

@media (min-width:0px) and (max-width:767px) {
    .modal-parent .modal-subtitle br,
    .modal-parent .modal-title br {
        display: none
    }
}

.modal-parent .modal-subtitle:not(:first-child) {
    margin-top: 10px
}

.modal-cb-forms {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
    padding: 15px
}

.modal-cb-form-1 {
    width: 470px
}

@media (min-width:0px) and (max-width:767px) {
    .modal-cb-form-1 {
        width: 100%
    }
}

.modal-cb-form-2 {
    width: 790px
}

@media (min-width:768px) and (max-width:991px) {
    .modal-cb-form-2 {
        width: 700px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .modal-cb-form-2 {
        width: 100%
    }
}

.modal-cb-form-2 .f-items {
    display: grid;
    grid-template-columns: 1fr .7692fr;
    grid-gap: 20px
}

@media (min-width:768px) and (max-width:991px) {
    .modal-cb-form-2 .f-items {
        grid-template-columns: 1fr .87fr
    }
}

@media (min-width:768px) and (max-width:991px) {
    .modal-cb-form-2 .f-items {
        grid-gap: 10px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .modal-cb-form-2 .f-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .modal-cb-form-2 .f-items:first-child {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.modal-cb-form-2 .f-items:not(:first-child) {
    margin-top: 20px
}

@media (min-width:768px) and (max-width:991px) {
    .modal-cb-form-2 .f-items:not(:first-child) {
        margin-top: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .modal-cb-form-2 .f-items:not(:first-child) {
        margin-top: 10px
    }
}

.modal-cb-form-2 .f-items .f-items-left .f-item {
    height: 100%
}

.modal-cb-form-2 .f-items .f-items-left .f-item textarea {
    height: 100%
}

@media (min-width:0px) and (max-width:767px) {
    .modal-cb-form-2 .f-items .f-items-left .f-item textarea {
        height: 120px
    }
}

.modal-cb-form-2 .f-items .f-items-right .f-item .uppload-files-title {
    line-height: 12px
}

.modal-cb-form-2 .f-items .privacy-policy {
    margin-top: 0;
    margin: auto 0
}

.modal-success {
    width: 470px
}

@media (min-width:0px) and (max-width:767px) {
    .modal-success {
        width: 100%
    }
}

.modal-success .modal-wrapper {
    position: relative;
    border-radius: 15px
}

@media (min-width:992px) and (max-width:1199px) {
    .modal-success .modal-wrapper {
        border-radius: 12px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .modal-success .modal-wrapper {
        border-radius: 10px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .modal-success .modal-wrapper {
        border-radius: 5px
    }
}

@media (max-width:500px) {
    .modal-success .modal-wrapper {
        height: 220px
    }
}

.modal-success .in {
    height: 100%;
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal-success .in .success-icon svg {
    display: block;
    margin: auto;
    width: 40px;
    height: 40px;
    fill: #3f7bd4
}

@media (min-width:0px) and (max-width:767px) {
    .modal-success .in .success-icon svg {
        width: 30px;
        height: 30px
    }
}

.modal-success .in .success-icon+.b-title {
    margin-top: 15px
}

@media (min-width:0px) and (max-width:767px) {
    .modal-success .in .success-icon+.b-title {
        margin-top: 10px
    }
}

#header {
    z-index: 10;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;
    height: 120px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .05)
}

@media (min-width:768px) and (max-width:991px) {
    #header {
        height: 90px
    }
}

@media (min-width:0px) and (max-width:767px) {
    #header {
        position: fixed;
        height: 50px
    }
}

#header .container,
#header .in {
    height: 100%
}

#header .in {
    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;
    gap: 50px
}

@media (min-width:992px) and (max-width:1199px) {
    #header .in {
        gap: 40px
    }
}

@media (min-width:768px) and (max-width:991px) {
    #header .in {
        gap: 25px
    }
}

@media (min-width:0px) and (max-width:767px) {
    #header .in {
        gap: 10px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    #header .in .left .slogan {
        display: none
    }
}

#header .in .left .slogan:not(:first-child) {
    margin-top: 10px
}

#header .in .right {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (min-width:0px) and (max-width:767px) {
    #header .in .right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

#header .in .right .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

#header .in .right .top .mail .mail-top,
#header .in .right .top .phone-wrapper .phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    #header .in .right .top .mail .mail-top .icon,
    #header .in .right .top .phone-wrapper .phone .icon {
        display: none
    }
}

#header .in .right .top .mail .mail-top .icon svg,
#header .in .right .top .phone-wrapper .phone .icon svg {
    fill: #3f7bd4;
    margin-top: 1px
}

#header .in .right .top .mail {
    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
}

@media (min-width:0px) and (max-width:767px) {
    #header .in .right .top .mail {
        display: none
    }
}

#header .in .right .top .mail .mail-top .icon svg {
    width: 16px;
    height: 12px
}

#header .in .right .top .messengers,
#header .in .right .top .phone-wrapper,
#header .in .right .top .work-time {
    position: relative
}

#header .in .right .top .messengers:not(:first-child),
#header .in .right .top .phone-wrapper:not(:first-child),
#header .in .right .top .work-time:not(:first-child) {
    padding-left: 20px;
    margin-left: 20px
}

@media (min-width:992px) and (max-width:1199px) {
    #header .in .right .top .messengers:not(:first-child),
    #header .in .right .top .phone-wrapper:not(:first-child),
    #header .in .right .top .work-time:not(:first-child) {
        padding-left: 15px;
        margin-left: 15px
    }
}

@media (min-width:768px) and (max-width:991px) {
    #header .in .right .top .messengers:not(:first-child),
    #header .in .right .top .phone-wrapper:not(:first-child),
    #header .in .right .top .work-time:not(:first-child) {
        padding-left: 10px;
        margin-left: 10px
    }
}

@media (min-width:0px) and (max-width:767px) {
    #header .in .right .top .messengers:not(:first-child),
    #header .in .right .top .phone-wrapper:not(:first-child),
    #header .in .right .top .work-time:not(:first-child) {
        padding: 0;
        margin: 0
    }
}

#header .in .right .top .messengers:not(:first-child):before,
#header .in .right .top .phone-wrapper:not(:first-child):before,
#header .in .right .top .work-time:not(:first-child):before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 32px;
    width: 1px;
    background: rgba(25, 25, 25, .1)
}

@media (min-width:768px) and (max-width:991px) {
    #header .in .right .top .messengers:not(:first-child):before,
    #header .in .right .top .phone-wrapper:not(:first-child):before,
    #header .in .right .top .work-time:not(:first-child):before {
        height: 28px
    }
}

@media (min-width:0px) and (max-width:767px) {
    #header .in .right .top .messengers:not(:first-child):before,
    #header .in .right .top .phone-wrapper:not(:first-child):before,
    #header .in .right .top .work-time:not(:first-child):before {
        content: none
    }
}

#header .in .right .top .messengers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

@media (min-width:0px) and (max-width:767px) {
    #header .in .right .top .messengers {
        display: none
    }
}

#header .in .right .top .phone-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: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media (min-width:0px) and (max-width:767px) {
    #header .in .right .top .phone-wrapper .phone {
        margin-top: -1px
    }
}

@media (min-width:0px) and (max-width:767px) {
    #header .in .right .top .phone-wrapper .phone .icon {
        display: none
    }
}

#header .in .right .top .phone-wrapper .phone .icon svg {
    width: 14px;
    height: 14px
}

@media (min-width:0px) and (max-width:767px) {
    #header .in .right .top .phone-wrapper .phone .b-title {
        font-size: 16px;
        line-height: 21px
    }
}

@media (max-width:440px) {
    #header .in .right .top .phone-wrapper .phone .b-title {
        font-size: 14px;
        line-height: 19px
    }
}

@media (max-width:380px) {
    #header .in .right .top .phone-wrapper .phone .b-title {
        font-size: 13px;
        line-height: 16px
    }
}

@media (min-width:0px) and (max-width:767px) {
    #header .in .right .top .phone-wrapper .cb-link {
        display: none
    }
}

@media (min-width:768px) and (max-width:991px) {
    #header .in .right .top .work-time {
        font-size: 12px;
        line-height: 16px
    }
}

@media (min-width:0px) and (max-width:767px) {
    #header .in .right .top .work-time {
        display: none
    }
}

#header .in .right .bottom:not(:first-child) {
    border-top: 1px solid rgba(25, 25, 25, .1);
    margin-top: 13px;
    padding-top: 15px
}

@media (min-width:768px) and (max-width:991px) {
    #header .in .right .bottom:not(:first-child) {
        margin-top: 7px;
        padding-top: 7px
    }
}

@media (min-width:0px) and (max-width:767px) {
    #header .in .right .bottom:not(:first-child) {
        border: 0;
        margin: 0;
        padding: 0
    }
}

@media (min-width:768px) {
    #header.scrolled {
        position: fixed;
        background-color: #fff;
        height: 50px
    }
    #header.scrolled .in {
        gap: 40px
    }
}

@media (min-width:768px) and (min-width:992px) and (max-width:1199px) {
    #header.scrolled .in {
        gap: 30px
    }
}

@media (min-width:768px) and (min-width:768px) and (max-width:991px) {
    #header.scrolled .in {
        gap: 15px
    }
}

@media (min-width:768px) {
    #header.scrolled .in .left .slogan {
        display: none
    }
}

@media (min-width:768px) {
    #header.scrolled .in .right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        gap: 40px;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }
}

@media (min-width:768px) and (min-width:992px) and (max-width:1199px) {
    #header.scrolled .in .right {
        gap: 30px
    }
}

@media (min-width:768px) and (min-width:768px) and (max-width:991px) {
    #header.scrolled .in .right {
        gap: 10px
    }
}

@media (min-width:768px) {
    #header.scrolled .in .right .top {
        gap: 15px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    #header.scrolled .in .right .top .messengers:not(:first-child),
    #header.scrolled .in .right .top .phone-wrapper:not(:first-child),
    #header.scrolled .in .right .top .work-time:not(:first-child) {
        padding-left: 0;
        margin-left: 0
    }
    #header.scrolled .in .right .top .messengers:not(:first-child):before,
    #header.scrolled .in .right .top .phone-wrapper:not(:first-child):before,
    #header.scrolled .in .right .top .work-time:not(:first-child):before {
        content: none
    }
}

@media only screen and (min-width:768px) and (min-width:0px) and (max-width:991px) {
    #header.scrolled .in .right .top .messengers {
        display: none
    }
}

@media (min-width:768px) {
    #header.scrolled .in .right .top .phone-wrapper .phone .icon {
        display: none
    }
}

@media (min-width:768px) {
    #header.scrolled .in .right .top .mail,
    #header.scrolled .in .right .top .phone-wrapper .cb-link,
    #header.scrolled .in .right .top .work-time {
        display: none
    }
}

@media (min-width:768px) {
    #header.scrolled .in .right .bottom {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }
    #header.scrolled .in .right .bottom .mobile-menu-navbar .menu {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width:768px) and (max-width:850px) {
    #header.scrolled .in .right .bottom .mobile-menu-navbar .menu {
        gap: 5px
    }
}

@media (min-width:768px) {
    #header.scrolled .in .right .bottom:not(:first-child) {
        margin-top: 0;
        padding: 0;
        border: 0
    }
}

#footer {
    background-color: #fff
}

#footer .in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 50px
}

@media (min-width:992px) and (max-width:1199px) {
    #footer .in {
        gap: 30px
    }
}

@media (min-width:768px) and (max-width:991px) {
    #footer .in {
        gap: 20px
    }
}

@media (min-width:0px) and (max-width:767px) {
    #footer .in {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 0
    }
}

#footer .in .left {
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 35px 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 27.12%
}

@media (min-width:992px) and (max-width:1199px) {
    #footer .in .left {
        padding: 25px 0;
        width: 31%
    }
}

@media (min-width:768px) and (max-width:991px) {
    #footer .in .left {
        width: 180px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    #footer .in .left {
        padding: 15px 0
    }
}

@media (min-width:0px) and (max-width:767px) {
    #footer .in .left {
        width: 100%
    }
}

@media (min-width:0px) and (max-width:767px) {
    #footer .in .left .copyright {
        display: none
    }
}

#footer .in .right {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    border-left: 1px solid rgba(25, 25, 25, .1);
    width: 72.88%
}

@media (min-width:992px) and (max-width:1199px) {
    #footer .in .right {
        width: 69%
    }
}

@media (min-width:768px) and (max-width:991px) {
    #footer .in .right {
        width: calc(100% - 180px)
    }
}

@media (min-width:0px) and (max-width:767px) {
    #footer .in .right {
        width: 100%;
        border-top: 1px solid rgba(25, 25, 25, .1);
        border-left: 0
    }
}

@media (min-width:768px) {
    #footer .in .right .copyright {
        display: none
    }
}

#footer .in .right .bottom,
#footer .in .right .top {
    padding: 35px 0 35px 50px
}

@media (min-width:992px) and (max-width:1199px) {
    #footer .in .right .bottom,
    #footer .in .right .top {
        padding: 25px 0 25px 30px
    }
}

@media (min-width:768px) and (max-width:991px) {
    #footer .in .right .bottom,
    #footer .in .right .top {
        padding: 15px 0 15px 20px
    }
}

@media (min-width:0px) and (max-width:767px) {
    #footer .in .right .bottom,
    #footer .in .right .top {
        padding: 15px 0
    }
}

#footer .in .right .bottom {
    border-top: 1px solid rgba(25, 25, 25, .1)
}

#footer .in .right .bottom .contacts-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px
}

@media (min-width:0px) and (max-width:767px) {
    #footer .in .right .bottom .contacts-items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

#footer .in .right .bottom .contacts-items .contacts {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px
}

@media only screen and (min-width:0px) and (max-width:1199px) {
    #footer .in .right .bottom .contacts-items .contacts {
        grid-gap: 15px
    }
}

@media (min-width:0px) and (max-width:389px) {
    #footer .in .right .bottom .contacts-items .contacts {
        grid-template-columns: repeat(1, 1fr)
    }
}

#footer .in .right .bottom .contacts-items .contacts .b-title.bt12 {
    line-height: 18px
}

@media (min-width:992px) and (max-width:1199px) {
    #footer .in .right .bottom .contacts-items .contacts .b-title.bt12 {
        line-height: 17px
    }
}

@media (min-width:0px) and (max-width:767px) {
    #footer .in .right .bottom .contacts-items .contacts .b-title.bt18 {
        font-size: 16px;
        line-height: 21px
    }
}

#footer .in .right .bottom .contacts-items .contacts .cb-link {
    text-decoration: none
}

#footer .in .right .bottom .contacts-items .messengers-wrapper .b-title+.messengers {
    margin-top: 10px
}

#footer .in .right .bottom .contacts-items .messengers-wrapper .messengers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

@media (min-width:0px) and (max-width:767px) {
    #footer .in .right .bottom .contacts-items .messengers-wrapper .messengers {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

#footer .in .right .bottom .contacts-items .messengers-wrapper .messengers .messenger {
    margin: 0
}

#footer .copyright {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:0px) and (max-width:767px) {
    #footer .copyright {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 15px;
        border-top: 1px solid rgba(226, 227, 230, .5)
    }
}

#footer .copyright:not(:first-child) {
    margin-top: 10px
}

@media (min-width:0px) and (max-width:767px) {
    #footer .copyright:not(:first-child) {
        margin-top: 15px
    }
}

#footer .copyright a {
    text-decoration: underline;
    color: #3f7bd4
}

#footer .copyright a:hover {
    text-decoration: none
}

#footer .copyright .desc {
    color: #000;
    line-height: 12px
}

@media only screen and (min-width:0px) and (max-width:991px) {
    #footer .copyright .desc br {
        display: none
    }
}

#footer .copyright .privacy-policy:not(:first-child) {
    margin-top: 5px
}

.article .subtitle {
    display: block;
    color: #3f7bd4;
    text-decoration: none
}

.article .subtitle span {
    border-bottom: 1px dashed #3f7bd4
}

.article .subtitle:hover span {
    border-bottom-style: solid
}

.top-block {
    position: relative;
    min-height: 610px
}

@media (min-width:992px) and (max-width:1199px) {
    .top-block {
        min-height: 560px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .top-block {
        min-height: 500px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .top-block {
        min-height: auto
    }
}

.top-block .in {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 40px 50px 110px 0
}

@media (min-width:992px) and (max-width:1199px) {
    .top-block .in {
        padding: 40px 30px 95px 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .top-block .in {
        padding: 40px 0 80px 0
    }
}

@media (min-width:0px) and (max-width:767px) {
    .top-block .in {
        padding: 35px 0 65px 0
    }
}

.top-block .in .caption {
    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
}

@media (min-width:0px) and (max-width:767px) {
    .top-block .in .caption {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%
    }
}

.top-block .in .caption .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:0px) and (max-width:767px) {
    .top-block .in .caption .title {
        width: 100%
    }
}

.top-block .in .caption .title .title-in span {
    position: relative;
    -webkit-box-shadow: 0 5px 15px rgba(25, 25, 25, .1);
    box-shadow: 0 5px 15px rgba(25, 25, 25, .1);
    background-color: #fefeff;
    padding: 11px 30px;
    display: inline-block;
    z-index: 2;
    border-radius: 0 10px 10px 0
}

@media (min-width:992px) and (max-width:1199px) {
    .top-block .in .caption .title .title-in span {
        border-radius: 0 8px 8px 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .top-block .in .caption .title .title-in span {
        border-radius: 0 6px 6px 0;
        padding: 11px 15px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .top-block .in .caption .title .title-in span {
        background-color: rgba(254, 254, 255, .9);
        padding: 10px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .top-block .in .caption .title .title-in span {
        border-radius: 0 4px 4px 0
    }
}

.top-block .in .caption .title .title-in:first-child {
    z-index: 3
}

.top-block .in .caption .title .title-in:first-child span {
    border-radius: 10px 10px 10px 0
}

@media (min-width:992px) and (max-width:1199px) {
    .top-block .in .caption .title .title-in:first-child span {
        border-radius: 8px 8px 8px 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .top-block .in .caption .title .title-in:first-child span {
        border-radius: 6px 6px 6px 0
    }
}

@media (min-width:0px) and (max-width:767px) {
    .top-block .in .caption .title .title-in:first-child span {
        border-radius: 4px 4px 4px 0
    }
}

.top-block .in .caption .title .title-in:last-child {
    z-index: 1
}

.top-block .in .caption .title .title-in:last-child span {
    border-radius: 0 10px 10px 10px
}

@media (min-width:992px) and (max-width:1199px) {
    .top-block .in .caption .title .title-in:last-child span {
        border-radius: 0 8px 8px 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .top-block .in .caption .title .title-in:last-child span {
        border-radius: 0 6px 6px 6px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .top-block .in .caption .title .title-in:last-child span {
        border-radius: 0 4px 4px 4px
    }
}

.top-block .in .caption .items {
    -webkit-box-shadow: 0 5px 15px rgba(25, 25, 25, .1);
    box-shadow: 0 5px 15px rgba(25, 25, 25, .1);
    background-color: rgba(254, 254, 255, .95);
    border-radius: 10px;
    padding: 20px
}

@media (min-width:992px) and (max-width:1199px) {
    .top-block .in .caption .items {
        border-radius: 8px
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .top-block .in .caption .items {
        padding: 15px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .top-block .in .caption .items {
        border-radius: 6px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .top-block .in .caption .items {
        border-radius: 4px;
        padding: 10px
    }
}

.top-block .in .caption .items:not(:first-child) {
    margin-top: 25px
}

@media (min-width:768px) and (max-width:991px) {
    .top-block .in .caption .items:not(:first-child) {
        margin-top: 20px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .top-block .in .caption .items:not(:first-child) {
        margin-top: 15px
    }
}

.top-block .in .caption .items .item {
    position: relative;
    padding-left: 30px
}

@media (min-width:992px) and (max-width:1199px) {
    .top-block .in .caption .items .item {
        padding-left: 25px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .top-block .in .caption .items .item {
        padding-left: 20px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .top-block .in .caption .items .item {
        padding-left: 15px
    }
}

.top-block .in .caption .items .item:not(:first-child) {
    margin-top: 10px
}

@media (min-width:0px) and (max-width:767px) {
    .top-block .in .caption .items .item br {
        display: none
    }
}

.top-block .in .caption .items .item:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12' height='18' viewBox='0 0 12 18'%3E%3Cdefs%3E%3Cpath id='rb02a' d='M1124 342h3L1118.257 360h-3z'/%3E%3C/defs%3E%3Cg%3E%3Cg transform='translate(-1115 -342)'%3E%3Cuse fill='%233f7bd4' xlink:href='%23rb02a'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
    left: 0;
    top: 6px
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .top-block .in .caption .items .item:before {
        height: 10px;
        top: 3px
    }
}

.top-block .bg-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1
}

.top-block .bg-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.top-block+.advantages {
    margin-top: -70px
}

@media (min-width:992px) and (max-width:1199px) {
    .top-block+.advantages {
        margin-top: -50px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .top-block+.advantages {
        margin-top: -40px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .top-block+.advantages {
        margin-top: -30px
    }
}

.advantages .in .items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px
}

@media (min-width:992px) and (max-width:1199px) {
    .advantages .in .items {
        grid-gap: 25px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .advantages .in .items {
        grid-gap: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .advantages .in .items {
        grid-template-columns: 1fr
    }
}

.advantages .in .items .item {
    -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, .04);
    box-shadow: 0 15px 15px rgba(0, 0, 0, .04);
    border-radius: 10px;
    background-color: #fff;
    padding: 20px
}

@media (min-width:992px) and (max-width:1199px) {
    .advantages .in .items .item {
        padding: 15px;
        border-radius: 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .advantages .in .items .item {
        padding: 10px;
        border-radius: 6px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .advantages .in .items .item {
        width: 100%;
        padding: 10px;
        border-radius: 4px
    }
}

.advantages .in .items .item .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.advantages .in .items .item .top .image {
    width: 114px;
    height: 114px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 50%;
    border: 1px solid rgba(63, 123, 212, .25);
    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
}

@media (min-width:992px) and (max-width:1199px) {
    .advantages .in .items .item .top .image {
        width: 80px;
        height: 80px;
        padding: 5px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .advantages .in .items .item .top .image {
        width: 60px;
        height: 60px;
        padding: 3px
    }
}

.advantages .in .items .item .top .image img {
    position: relative;
    z-index: 2
}

.advantages .in .items .item .top .image+.info {
    margin-left: -23px;
    top: -10px
}

@media (min-width:992px) and (max-width:1199px) {
    .advantages .in .items .item .top .image+.info {
        margin-left: -15px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .advantages .in .items .item .top .image+.info {
        margin-left: 5px;
        top: 0
    }
}

.advantages .in .items .item .top .info {
    color: rgba(25, 25, 25, .12);
    font-size: 72px;
    font-weight: 700;
    line-height: 72px;
    background: #fff;
    position: relative;
    z-index: 1
}

@media (min-width:992px) and (max-width:1199px) {
    .advantages .in .items .item .top .info {
        font-size: 56px;
        line-height: 56px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .advantages .in .items .item .top .info {
        font-size: 40px;
        line-height: 40px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .advantages .in .items .item .top .info {
        font-size: 36px;
        line-height: 36px
    }
}

.advantages .in .items .item .top .info span {
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: inline-block;
    position: absolute;
    height: 12px;
    width: 12px;
    white-space: nowrap;
    bottom: 10px;
    left: 100%;
    margin-left: 3px
}

@media (min-width:992px) and (max-width:1199px) {
    .advantages .in .items .item .top .info span {
        font-size: 9px;
        line-height: 9px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .advantages .in .items .item .top .info span {
        font-size: 8px;
        line-height: 8px;
        bottom: 6px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .advantages .in .items .item .top .info span {
        position: static;
        margin: 0;
        font-size: 10px;
        line-height: 10px;
        white-space: normal;
        width: auto;
        height: auto;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        margin-left: 3px
    }
}

.advantages .in .items .item .top .info i {
    font-style: normal;
    font-size: 32px;
    line-height: 32px
}

@media (min-width:992px) and (max-width:1199px) {
    .advantages .in .items .item .top .info i {
        font-size: 26px;
        line-height: 26px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .advantages .in .items .item .top .info i {
        font-size: 22px;
        line-height: 22px
    }
}

.advantages .in .items .item .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
    padding: 0 10px
}

@media only screen and (min-width:0px) and (max-width:1199px) {
    .advantages .in .items .item .bottom {
        padding: 0
    }
}

.advantages .in .items .item .bottom:not(:first-child) {
    margin-top: 12px
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-get-catalog {
        position: relative
    }
}

.cbform-get-catalog:first-child {
    padding-top: 40px
}

@media (min-width:992px) and (max-width:1199px) {
    .cbform-get-catalog:first-child {
        padding-top: 35px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .cbform-get-catalog:first-child {
        padding-top: 25px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-get-catalog:first-child {
        padding-top: 15px
    }
}

.cbform-get-catalog .in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-get-catalog .in {
        display: block
    }
}

.cbform-get-catalog .in .left {
    position: relative;
    z-index: 2
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-get-catalog .in .left .b-title br {
        display: none
    }
}

.cbform-get-catalog .in .right {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 20px
}

@media (min-width:768px) and (max-width:991px) {
    .cbform-get-catalog .in .right {
        padding-left: 10px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-get-catalog .in .right {
        width: 100%;
        padding: 20px 0 0 0;
        position: static;
        margin-top: 100px
    }
}

.cbform-get-catalog .in .right .form-style {
    position: relative;
    z-index: 2;
    width: 470px;
    border-radius: 10px;
    background-color: #fff;
    padding: 40px 50px
}

@media (min-width:992px) and (max-width:1199px) {
    .cbform-get-catalog .in .right .form-style {
        width: 420px;
        padding: 30px;
        border-radius: 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .cbform-get-catalog .in .right .form-style {
        width: 400px;
        padding: 15px 20px;
        border-radius: 6px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-get-catalog .in .right .form-style {
        width: 100%;
        padding: 10px;
        border-radius: 4px
    }
}

.cbform-get-catalog .in .right .form-style .form-title+.form-subtitle {
    margin-top: 10px
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-get-catalog .in .right .form-style .form-title+.form-subtitle {
        margin-top: 5px
    }
}

.cbform-get-catalog .in .right .form-style .form-subtitle+.f-item {
    margin-top: 20px
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .cbform-get-catalog .in .right .form-style .form-subtitle+.f-item {
        margin-top: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-get-catalog .in .right .form-style .form-subtitle+.f-item {
        margin-top: 10px
    }
}

.cbform-get-catalog .in .right .form-style .styled-btn {
    width: 100%
}

.cbform-get-catalog .in .right .image {
    width: 1199px;
    height: 604px;
    position: absolute;
    bottom: -40px;
    right: 110px;
    z-index: 1
}

@media (min-width:992px) and (max-width:1199px) {
    .cbform-get-catalog .in .right .image {
        width: 1000px !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .cbform-get-catalog .in .right .image {
        bottom: -120px;
        right: 0;
        width: 800px !important
    }
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-get-catalog .in .right .image {
        left: 5px;
        bottom: auto;
        top: 100px;
        width: 100%;
        width: 500px !important
    }
}

.cbform-get-catalog .in .right .image img {
    width: 100%
}

.cbform-get-catalog .in .right .text {
    position: relative;
    z-index: 3;
    margin: 30px 0 0 -300px
}

@media (min-width:992px) and (max-width:1199px) {
    .cbform-get-catalog .in .right .text {
        margin: 15px 0 0 -350px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .cbform-get-catalog .in .right .text {
        margin: 0 0 0 -270px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-get-catalog .in .right .text {
        margin: 35px 0 0 0;
        text-align: center
    }
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-get-catalog .in .right .text br {
        display: none
    }
}

.cbform-get-catalog .in .right .text span {
    position: relative
}

.cbform-get-catalog .in .right .text span:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -62px;
    left: 100%;
    width: 52px;
    height: 124px;
    margin-left: 10px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 51.5 123'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:none;stroke:%23bbbfc0;stroke-miterlimit:10;}%3C/style%3E%3C/defs%3E%3Ctitle%3EРесурс 1%3C/title%3E%3Cg id='Слой_2' data-name='Слой 2'%3E%3Cg id='Слой_2-2' data-name='Слой 2'%3E%3Cpath class='cls-1' d='M0,.5c3.68,0,34,18,44,51C57.48,96,40,113,40,122.5'/%3E%3C/g%3E%3Cg id='Слой_3' data-name='Слой 3'%3E%3Cpath class='cls-1' d='M31.5,109c1.41,0,8,11.52,8,14'/%3E%3C/g%3E%3Cg id='Слой_4' data-name='Слой 4'%3E%3Cpath class='cls-1' d='M51.5,118c-2.12,0-12,4.12-12,5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-get-catalog .in .right .text span:after {
        content: none
    }
}

.breadcrumbs+.cbform-get-catalog {
    padding-top: 40px
}

@media (min-width:992px) and (max-width:1199px) {
    .breadcrumbs+.cbform-get-catalog {
        padding-top: 35px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .breadcrumbs+.cbform-get-catalog {
        padding-top: 25px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .breadcrumbs+.cbform-get-catalog {
        padding-top: 15px
    }
}

.catalog {
    position: relative
}

@media (min-width:0px) and (max-width:767px) {
    .catalog {
        padding-top: 20px
    }
}

.catalog .image-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.catalog .image-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom
}

.catalog .catalog-title {
    position: relative;
    z-index: 2
}

.catalog .catalog-title i {
    color: #3f7bd4
}

.catalog .catalog-title+.in {
    padding-top: 30px
}

@media (min-width:768px) and (max-width:991px) {
    .catalog .catalog-title+.in {
        padding-top: 25px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .catalog .catalog-title+.in {
        padding-top: 20px
    }
}

.catalog .in .items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px
}

@media (min-width:992px) and (max-width:1199px) {
    .catalog .in .items {
        grid-gap: 20px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .catalog .in .items {
        grid-gap: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .catalog .in .items {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:0px) and (max-width:389px) {
    .catalog .in .items {
        grid-template-columns: 1fr
    }
}

.catalog .in .items a[data-modal] {
    cursor: pointer
}

.catalog .in .items .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, .04);
    box-shadow: 0 15px 15px rgba(0, 0, 0, .04);
    border-radius: 10px;
    background-color: #fff;
    position: relative;
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important
}

@media (min-width:992px) and (max-width:1199px) {
    .catalog .in .items .item {
        border-radius: 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .catalog .in .items .item {
        border-radius: 6px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .catalog .in .items .item {
        border-radius: 4px
    }
}

@media (min-width:0px) and (max-width:389px) {
    .catalog .in .items .item {
        width: 100%
    }
}

.catalog .in .items .item:nth-child(4n+1) {
    margin-left: 0
}

.catalog .in .items .item .image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 10px 10px 0 0;
    overflow: hidden
}

@media (min-width:992px) and (max-width:1199px) {
    .catalog .in .items .item .image {
        border-radius: 8px 8px 0 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .catalog .in .items .item .image {
        border-radius: 6px 6px 0 0
    }
}

@media (min-width:0px) and (max-width:767px) {
    .catalog .in .items .item .image {
        border-radius: 4px 4px 0 0
    }
}

.catalog .in .items .item .image img {
    display: block;
    width: 100%;
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important
}

.catalog .in .items .item .desc {
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding: 25px 30px
}

@media (min-width:992px) and (max-width:1199px) {
    .catalog .in .items .item .desc {
        padding: 20px 15px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .catalog .in .items .item .desc {
        padding: 15px 10px
    }
}

.catalog .in .items .item .desc .text-in {
    text-align: center
}

.catalog .in .items .item .title i {
    font-style: normal;
    font-weight: 400;
    color: rgba(0, 0, 0, .4)
}

.catalog .in .items .item .title+.text,
.catalog .in .items .item .title+.text-in {
    margin-top: 10px
}

@media (min-width:0px) and (max-width:767px) {
    .catalog .in .items .item .title+.text,
    .catalog .in .items .item .title+.text-in {
        margin-top: 7px
    }
}

.catalog .in .items .item .title+.info {
    margin-top: 5px
}

.catalog .in .items .item .text-in {
    font-size: 14px;
    line-height: 21px
}

.catalog .in .items .item .text-in strong {
    font-weight: 500
}

.catalog .in .items .item .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.catalog .in .items .item .info+.info {
    margin-top: 3px
}

.catalog .in .items .item .info+.text {
    margin-top: 10px
}

.catalog .in .items .item .info .info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 5px 10px 0 0
}

.catalog .in .items .item .info .info-item:last-child {
    margin-right: 0
}

@media (min-width:0px) and (max-width:767px) {
    .catalog .in .items .item .info .info-item .b-title {
        font-size: 13px
    }
}

.catalog .in .items .item .info .info-item .b-title s {
    font-weight: 400
}

.catalog .in .items .item .info .info-item svg {
    display: block;
    width: 16px;
    height: 16px;
    fill: #3f7bd4;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (min-width:0px) and (max-width:767px) {
    .catalog .in .items .item .info .info-item svg {
        width: 13px;
        height: 13px
    }
}

.catalog .in .items .item .info .info-item svg+span {
    padding-left: 7px
}

@media (min-width:0px) and (max-width:767px) {
    .catalog .in .items .item .info .info-item svg+span {
        padding-left: 5px
    }
}

.catalog .in .items .item .text {
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

@media (min-width:768px) and (max-width:991px) {
    .catalog .in .items .item .text {
        max-height: 120px;
        overflow: hidden;
        position: relative
    }
}

.catalog .in .items .item .text b,
.catalog .in .items .item .text strong {
    font-weight: 500
}

.catalog .in .items .item .lbls {
    position: absolute;
    left: 0;
    top: 15px
}

@media (min-width:0px) and (max-width:767px) {
    .catalog .in .items .item .lbls {
        top: 10px
    }
}

.catalog .in .items .item .lbls .lbls-item+.lbls-item {
    margin-top: 7px
}

@media (min-width:0px) and (max-width:767px) {
    .catalog .in .items .item .lbls .lbls-item+.lbls-item {
        margin-top: 5px
    }
}

.catalog .in .items .item .lbls .lbls-item .lbl {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0 3px 3px 0;
    padding: 5px 8px;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .17);
    box-shadow: 0 3px 3px rgba(0, 0, 0, .17)
}

@media (min-width:0px) and (max-width:767px) {
    .catalog .in .items .item .lbls .lbls-item .lbl {
        padding: 3px 5px;
        font-size: 11px;
        border-radius: 0 2px 2px 0
    }
}

.catalog .in .items .item.open-modal-form {
    cursor: pointer
}

.catalog .in .items .item.item-title {
    padding: 25px 15px
}

@media (min-width:992px) and (max-width:1199px) {
    .catalog .in .items .item.item-title {
        padding: 20px 15px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .catalog .in .items .item.item-title {
        padding: 15px 10px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .catalog .in .items .item.item-title {
        width: 100%
    }
}

@media (min-width:0px) and (max-width:767px) {
    .catalog .in .items .item.item-title .title {
        text-align: left
    }
}

.catalog .in .items .item:not(.item-title):hover {
    -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, .17);
    box-shadow: 0 15px 15px rgba(0, 0, 0, .17)
}

.catalog .in .items .item:not(.item-title):hover .image img {
    -webkit-transform: scale(1.09);
    -ms-transform: scale(1.09);
    transform: scale(1.09)
}

.catalog .in .items .item.item-link-all .image img {
    -webkit-filter: blur(4.5px);
    filter: blur(4.5px)
}

.catalog .in .items .item.item-link-all .image .item-link-all-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    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
}

.catalog .in .items .item.item-link-all .image .item-link-all-icon svg {
    display: block;
    fill: #fff;
    width: 30px;
    height: 56px
}

@media (min-width:768px) and (max-width:991px) {
    .catalog .in .items .item.item-link-all .image .item-link-all-icon svg {
        width: 22px;
        height: 46px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .catalog .in .items .item.item-link-all .image .item-link-all-icon svg {
        width: 16px;
        height: 30px
    }
}

.step1 .title i {
    color: #3f7bd4
}

@media (min-width:0px) and (max-width:767px) {
    .step1 .subtitle,
    .step1 .title {
        text-align: left
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step1 .subtitle br,
    .step1 .title br {
        display: none
    }
}

.step1 .title+.subtitle {
    margin-top: 10px
}

@media (min-width:0px) and (max-width:767px) {
    .step1 .title+.subtitle {
        margin-top: 5px
    }
}

.step1 .in .step-wrapper .step-in .step1-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 65px
}

@media (min-width:992px) and (max-width:1199px) {
    .step1 .in .step-wrapper .step-in .step1-top {
        gap: 30px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .step1 .in .step-wrapper .step-in .step1-top {
        gap: 20px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step1 .in .step-wrapper .step-in .step1-top {
        display: block
    }
}

.step1 .in .step-wrapper .step-in .step1-top+.step1-bottom,
.step1 .in .step-wrapper .step-in .step1-top+.step1-center {
    margin-top: 40px
}

@media (min-width:992px) and (max-width:1199px) {
    .step1 .in .step-wrapper .step-in .step1-top+.step1-bottom,
    .step1 .in .step-wrapper .step-in .step1-top+.step1-center {
        margin-top: 35px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .step1 .in .step-wrapper .step-in .step1-top+.step1-bottom,
    .step1 .in .step-wrapper .step-in .step1-top+.step1-center {
        margin-top: 25px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step1 .in .step-wrapper .step-in .step1-top+.step1-bottom,
    .step1 .in .step-wrapper .step-in .step1-top+.step1-center {
        margin-top: 25px
    }
}

.step1 .in .step-wrapper .step-in .step1-top .left {
    width: 41.5%
}

@media (min-width:768px) and (max-width:991px) {
    .step1 .in .step-wrapper .step-in .step1-top .left {
        width: 45%
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step1 .in .step-wrapper .step-in .step1-top .left {
        width: 100%
    }
}

.step1 .in .step-wrapper .step-in .step1-top .right {
    width: 58.5%;
    padding-top: 40px
}

@media (min-width:992px) and (max-width:1199px) {
    .step1 .in .step-wrapper .step-in .step1-top .right {
        padding-top: 35px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .step1 .in .step-wrapper .step-in .step1-top .right {
        padding-top: 30px;
        width: 55%
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step1 .in .step-wrapper .step-in .step1-top .right {
        padding-top: 20px;
        width: 100%
    }
}

.step1 .in .step-wrapper .step-in .step1-top .right .text-in:not(:first-child) {
    margin-top: 15px
}

@media (min-width:0px) and (max-width:767px) {
    .step1 .in .step-wrapper .step-in .step1-top .right .text-in:not(:first-child) {
        margin-top: 10px
    }
}

.step1 .in .step-wrapper .step-in .step1-top .right .text-in ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -10px
}

@media (min-width:992px) and (max-width:1199px) {
    .step1 .in .step-wrapper .step-in .step1-top .right .text-in ul {
        margin-top: -7px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .step1 .in .step-wrapper .step-in .step1-top .right .text-in ul {
        margin-top: 0
    }
}

.step1 .in .step-wrapper .step-in .step1-top .right .text-in ul li {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    margin-top: 10px
}

@media (min-width:992px) and (max-width:1199px) {
    .step1 .in .step-wrapper .step-in .step1-top .right .text-in ul li {
        margin-top: 7px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .step1 .in .step-wrapper .step-in .step1-top .right .text-in ul li {
        margin-top: 0;
        width: 100%
    }
    .step1 .in .step-wrapper .step-in .step1-top .right .text-in ul li br {
        display: none
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .step1 .in .step-wrapper .step-in .step1-top .right .text-in ul li+li {
        margin-top: 5px
    }
}

.step1 .in .step-wrapper .step-in .step1-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    gap: 65px
}

@media (min-width:992px) and (max-width:1199px) {
    .step1 .in .step-wrapper .step-in .step1-center {
        gap: 30px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .step1 .in .step-wrapper .step-in .step1-center {
        gap: 20px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step1 .in .step-wrapper .step-in .step1-center {
        gap: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.step1 .in .step-wrapper .step-in .step1-center+.step1-bottom {
    margin-top: 40px
}

@media (min-width:992px) and (max-width:1199px) {
    .step1 .in .step-wrapper .step-in .step1-center+.step1-bottom {
        margin-top: 35px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .step1 .in .step-wrapper .step-in .step1-center+.step1-bottom {
        margin-top: 25px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step1 .in .step-wrapper .step-in .step1-center+.step1-bottom {
        margin-top: 15px;
        padding-top: 10px;
        border-top: 1px solid #eff4f6
    }
}

.step1 .in .step-wrapper .step-in .step1-center .left {
    width: 71%
}

@media (min-width:768px) and (max-width:991px) {
    .step1 .in .step-wrapper .step-in .step1-center .left {
        width: 65%
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step1 .in .step-wrapper .step-in .step1-center .left {
        width: 100%
    }
}

.step1 .in .step-wrapper .step-in .step1-center .left .slider-wrapper {
    position: relative;
    -webkit-box-shadow: 7px 7px 15px 0 rgba(50, 50, 50, .35);
    box-shadow: 7px 7px 15px 0 rgba(50, 50, 50, .35)
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .step1 .in .step-wrapper .step-in .step1-center .left .slider-wrapper {
        -webkit-box-shadow: 3px 3px 8px 0 rgba(50, 50, 50, .2);
        box-shadow: 3px 3px 8px 0 rgba(50, 50, 50, .2)
    }
}

.step1 .in .step-wrapper .step-in .step1-center .left .slider-wrapper .swiper-slide {
    max-height: 600px
}

@media (min-width:992px) and (max-width:1199px) {
    .step1 .in .step-wrapper .step-in .step1-center .left .slider-wrapper .swiper-slide {
        max-height: 500px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .step1 .in .step-wrapper .step-in .step1-center .left .slider-wrapper .swiper-slide {
        max-height: 400px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step1 .in .step-wrapper .step-in .step1-center .left .slider-wrapper .swiper-slide {
        height: 300px
    }
}

.step1 .in .step-wrapper .step-in .step1-center .left .slider-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.step1 .in .step-wrapper .step-in .step1-center .right {
    width: 29%;
    padding: 50px 40px 50px 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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width:992px) and (max-width:1199px) {
    .step1 .in .step-wrapper .step-in .step1-center .right {
        padding: 35px 15px 35px 0
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .step1 .in .step-wrapper .step-in .step1-center .right {
        padding: 0;
        padding-right: 15px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .step1 .in .step-wrapper .step-in .step1-center .right {
        width: 35%
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step1 .in .step-wrapper .step-in .step1-center .right {
        width: 100%
    }
}

.step1 .in .step-wrapper .step-in .step1-center .right .right-top .text-in {
    font-size: 14px;
    line-height: 20px
}

.step1 .in .step-wrapper .step-in .step1-center .right .right-top .text-in:not(:first-child) {
    margin-top: 20px
}

@media (min-width:768px) and (max-width:991px) {
    .step1 .in .step-wrapper .step-in .step1-center .right .right-top .text-in:not(:first-child) {
        margin-top: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step1 .in .step-wrapper .step-in .step1-center .right .right-top .text-in:not(:first-child) {
        margin-top: 10px
    }
}

.step1 .in .step-wrapper .step-in .step1-center .right .right-top .text-in ul li {
    cursor: pointer;
    position: relative;
    padding-left: 20px
}

@media (min-width:0px) and (max-width:767px) {
    .step1 .in .step-wrapper .step-in .step1-center .right .right-top .text-in ul li {
        padding-left: 15px
    }
}

.step1 .in .step-wrapper .step-in .step1-center .right .right-top .text-in ul li:before {
    height: 10px;
    width: 8px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='8' height='10' viewBox='0 0 8 10'%3E%3Cdefs%3E%3Cpath id='foewa' d='M1279.944 4462.01h2.044l-5.957 9.979h-2.045z'/%3E%3C/defs%3E%3Cg%3E%3Cg transform='translate(-1274 -4462)'%3E%3Cuse fill='%233f7bd4' xlink:href='%23foewa'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center
}

.step1 .in .step-wrapper .step-in .step1-center .right .right-top .text-in ul li:not(:first-child) {
    margin-top: 5px
}

.step1 .in .step-wrapper .step-in .step1-center .right .right-top .text-in ul li:hover {
    color: #3f7bd4
}

.step1 .in .step-wrapper .step-in .step1-center .right .right-top .text-in ul li.active {
    cursor: default;
    padding-left: 40px;
    font-weight: 700;
    color: #3f7bd4
}

@media (min-width:0px) and (max-width:767px) {
    .step1 .in .step-wrapper .step-in .step1-center .right .right-top .text-in ul li.active {
        padding-left: 30px
    }
}

.step1 .in .step-wrapper .step-in .step1-center .right .right-top .text-in ul li.active:before {
    left: 20px
}

@media (min-width:0px) and (max-width:767px) {
    .step1 .in .step-wrapper .step-in .step1-center .right .right-top .text-in ul li.active:before {
        left: 15px
    }
}

.step1 .in .step-wrapper .step-in .step1-center .right .right-bottom:not(:first-child) {
    margin-top: 20px
}

@media (min-width:768px) and (max-width:991px) {
    .step1 .in .step-wrapper .step-in .step1-center .right .right-bottom:not(:first-child) {
        margin-top: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step1 .in .step-wrapper .step-in .step1-center .right .right-bottom:not(:first-child) {
        margin-top: 0
    }
}

.step1 .in .step-wrapper .step-in .step1-center .right .right-bottom .slider-arrows {
    position: static
}

@media (min-width:0px) and (max-width:767px) {
    .step1 .in .step-wrapper .step-in .step1-center .right .right-bottom .slider-arrows {
        top: 0
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step1 .in .step-wrapper .step-in .step1-center .right .right-bottom .slider-arrows .slider-arrow {
        position: absolute;
        top: 133px;
        z-index: 2
    }
}

.step1 .in .step-wrapper .step-in .step1-center .right .right-bottom .slider-arrows .slider-arrow.slider-arrow-prev {
    left: 10px
}

.step1 .in .step-wrapper .step-in .step1-center .right .right-bottom .slider-arrows .slider-arrow.slider-arrow-next {
    right: 10px
}

.step1 .in .step-wrapper .step-in .step1-center .right .right-bottom .slider-arrows .slider-arrows-wrapper {
    width: 100%;
    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
}

@media (min-width:0px) and (max-width:767px) {
    .step1 .in .step-wrapper .step-in .step1-center .right .right-bottom .slider-arrows .swiper-pagination {
        display: none
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step1 .in .step-wrapper .step-in .step1-bottom {
        padding-bottom: 10px
    }
}

.step1 .in .step-wrapper .step-in .step1-bottom .items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px
}

@media (min-width:992px) and (max-width:1199px) {
    .step1 .in .step-wrapper .step-in .step1-bottom .items {
        grid-gap: 20px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .step1 .in .step-wrapper .step-in .step1-bottom .items {
        grid-gap: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step1 .in .step-wrapper .step-in .step1-bottom .items {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:400px) {
    .step1 .in .step-wrapper .step-in .step1-bottom .items {
        grid-template-columns: repeat(1, 1fr)
    }
}

.step1 .in .step-wrapper .step-in .step1-bottom .items .item {
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

@media (min-width:0px) and (max-width:767px) {
    .step1 .in .step-wrapper .step-in .step1-bottom .items .item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.step1 .in .step-wrapper .step-in .step1-bottom .items .item .image {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.step1 .in .step-wrapper .step-in .step1-bottom .items .item .image img {
    height: 129px
}

@media (min-width:768px) and (max-width:991px) {
    .step1 .in .step-wrapper .step-in .step1-bottom .items .item .image img {
        height: 90px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step1 .in .step-wrapper .step-in .step1-bottom .items .item .image img {
        max-height: 50px;
        width: 60px;
        -o-object-fit: contain;
        object-fit: contain
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step1 .in .step-wrapper .step-in .step1-bottom .items .item .b-title {
        text-align: left
    }
}

@media only screen and (min-width:0px) and (max-width:1199px) {
    .step1 .in .step-wrapper .step-in .step1-bottom .items .item .b-title br {
        display: none
    }
}

.cbform-architect .form-wrapper {
    position: relative;
    -webkit-box-shadow: 0 15px 50px rgba(0, 0, 0, .08);
    box-shadow: 0 15px 50px rgba(0, 0, 0, .08);
    border-radius: 10px;
    background-color: #fff;
    padding: 10px;
    position: relative
}

@media (min-width:992px) and (max-width:1199px) {
    .cbform-architect .form-wrapper {
        border-radius: 8px;
        -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
        box-shadow: 0 5px 20px rgba(0, 0, 0, .08)
    }
}

@media (min-width:768px) and (max-width:991px) {
    .cbform-architect .form-wrapper {
        -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
        box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
        border-radius: 6px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .cbform-architect .form-wrapper {
        padding: 5px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-architect .form-wrapper {
        border-radius: 4px;
        -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
        box-shadow: 0 2px 10px rgba(0, 0, 0, .08)
    }
}

.cbform-architect .form-wrapper .form-style {
    border-radius: 10px;
    border: 1px solid rgba(226, 227, 230, .5);
    padding: 40px 50px;
    position: relative
}

@media (min-width:992px) and (max-width:1199px) {
    .cbform-architect .form-wrapper .form-style {
        border-radius: 8px;
        padding: 30px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .cbform-architect .form-wrapper .form-style {
        border-radius: 6px;
        padding: 15px 20px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-architect .form-wrapper .form-style {
        padding: 10px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-architect .form-wrapper .form-style {
        border-radius: 4px
    }
}

.cbform-architect .form-wrapper .form-style .title i {
    color: #3f7bd4
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-architect .form-wrapper .form-style .subtitle br,
    .cbform-architect .form-wrapper .form-style .title br {
        display: none
    }
}

.cbform-architect .form-wrapper .form-style .subtitle:not(:first-child) {
    margin-top: 10px
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-architect .form-wrapper .form-style .subtitle:not(:first-child) {
        margin-top: 5px
    }
}

.cbform-architect .form-wrapper .form-style .f-items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 56%;
    gap: 0
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .cbform-architect .form-wrapper .form-style .f-items {
        width: 100%
    }
}

.cbform-architect .form-wrapper .form-style .f-items:not(:first-child) {
    margin-top: 20px
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .cbform-architect .form-wrapper .form-style .f-items:not(:first-child) {
        margin-top: 15px
    }
}

.cbform-architect .form-wrapper .form-style .f-items .styled-btn {
    width: 100%
}

.cbform-architect .form-wrapper .form-style .f-items .f-item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .cbform-architect .form-wrapper .form-style .f-items .f-item {
        grid-gap: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-architect .form-wrapper .form-style .f-items .f-item {
        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: inherit;
        -ms-flex-align: inherit;
        align-items: inherit;
        gap: 10px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-architect .form-wrapper .form-style .f-items .f-item:last-child {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.cbform-architect .form-wrapper .form-style .f-items .f-item .f-item-50 .privacy-policy {
    margin: 0
}

.cbform-architect .form-wrapper .image {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 404px;
    height: 432px
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .cbform-architect .form-wrapper .image {
        display: none
    }
}

.cbform-architect .form-wrapper .image .image-desc {
    border-radius: 10px;
    background-color: #3f7bd4;
    position: absolute;
    padding: 10px 20px;
    bottom: 155px;
    right: 30px
}

@media (min-width:992px) and (max-width:1199px) {
    .cbform-architect .form-wrapper .image .image-desc {
        border-radius: 8px
    }
}

.step2 .title i {
    color: #3f7bd4
}

.step2 .subtitle:not(:first-child) {
    margin-top: 10px
}

@media (min-width:0px) and (max-width:767px) {
    .step2 .subtitle:not(:first-child) {
        margin-top: 5px
    }
}

.step2 .subtitle b {
    font-weight: 500
}

@media (min-width:0px) and (max-width:767px) {
    .step2 .subtitle br {
        display: none
    }
}

.step2 .items {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

@media (min-width:0px) and (max-width:767px) {
    .step2 .items {
        display: block
    }
}

.step2 .items .item {
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 50px 25px 25px 25px
}

@media (min-width:992px) and (max-width:1199px) {
    .step2 .items .item {
        padding: 45px 20px 20px 20px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .step2 .items .item {
        padding: 45px 15px 15px 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step2 .items .item {
        padding: 15px
    }
}

.step2 .items .item+.item {
    border-left: 1px solid #eaeaea
}

@media (min-width:0px) and (max-width:767px) {
    .step2 .items .item+.item {
        border-left: 0;
        border-top: 2px solid #eaeaea
    }
}

.step2 .items .item .item-top+.item-bottom {
    margin-top: 20px
}

@media (min-width:992px) and (max-width:1199px) {
    .step2 .items .item .item-top+.item-bottom {
        margin-top: 15px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .step2 .items .item .item-top+.item-bottom {
        margin-top: 10px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step2 .items .item .item-top .image-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.step2 .items .item .item-top .image-wrapper+.desc {
    margin-top: 10px
}

.step2 .items .item .item-top .image-wrapper .image {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (min-width:0px) and (max-width:767px) {
    .step2 .items .item .item-top .image-wrapper .image {
        width: 30px
    }
}

.step2 .items .item .item-top .image-wrapper .image+.t {
    margin-top: 15px
}

@media (min-width:0px) and (max-width:767px) {
    .step2 .items .item .item-top .image-wrapper .image+.t {
        margin: 0;
        padding-left: 10px
    }
}

.step2 .items .item .item-top .image-wrapper .image img {
    display: block;
    margin: auto;
    height: auto;
    max-height: 100%;
    width: auto
}

@media (min-width:0px) and (max-width:767px) {
    .step2 .items .item .item-top .image-wrapper .b-title {
        text-align: left
    }
}

.step2 .items .item .item-top .image-wrapper .b-title+.b-title {
    margin-top: 2px
}

@media (min-width:0px) and (max-width:767px) {
    .step2 .items .item .item-top .image-wrapper .b-title+.b-title {
        margin-top: 0
    }
}

.step2 .items .item .item-top .desc .text-in {
    font-size: 13px;
    line-height: 18px
}

.step2 .items .item .item-top .desc .text-in p,
.step2 .items .item .item-top .desc .text-in ul {
    margin-bottom: 12px
}

@media (min-width:0px) and (max-width:767px) {
    .step2 .items .item .item-top .desc .text-in p,
    .step2 .items .item .item-top .desc .text-in ul {
        margin-bottom: 10px
    }
}

.step2 .items .item .item-top .desc .text-in ul {
    padding-left: 20px
}

@media only screen and (min-width:0px) and (max-width:1199px) {
    .step2 .items .item .item-top .desc .text-in ul {
        padding-left: 0
    }
}

.step2 .items .item .item-top .desc .text-in ul li {
    padding-left: 20px
}

@media (min-width:0px) and (max-width:767px) {
    .step2 .items .item .item-top .desc .text-in ul li {
        padding-left: 15px
    }
}

.step2 .items .item .item-top .desc .text-in ul li:before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='8' height='10' viewBox='0 0 8 10'%3E%3Cdefs%3E%3Cpath id='foewa' d='M1279.944 4462.01h2.044l-5.957 9.979h-2.045z'/%3E%3C/defs%3E%3Cg%3E%3Cg transform='translate(-1274 -4462)'%3E%3Cuse fill='%233f7bd4' xlink:href='%23foewa'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
    height: 10px;
    width: 8px
}

.step2 .items .item .item-top .desc .text-in ul li+li {
    margin-top: 5px
}

@media (min-width:0px) and (max-width:767px) {
    .step2 .items .item .item-top .desc .text-in ul li+li {
        margin-top: 2px
    }
}

.step2 .items .item .item-top .desc .text-in ul li.grey {
    color: rgba(25, 25, 25, .25)
}

.step2 .items .item .item-top .desc .text-in ul li.grey:before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='8' height='10' viewBox='0 0 8 10'%3E%3Cdefs%3E%3Cpath id='foewa' d='M1279.944 4462.01h2.044l-5.957 9.979h-2.045z'/%3E%3C/defs%3E%3Cg%3E%3Cg transform='translate(-1274 -4462)'%3E%3Cuse fill='rgba(25, 25, 25, 0.15)' xlink:href='%23foewa'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center
}

.step2 .items .item .item-bottom .price {
    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;
    border-top: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    padding: 5px 0 10px 0
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .step2 .items .item .item-bottom .price {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .step2 .items .item .item-bottom .price .price-left {
        width: 100%
    }
}

.step2 .items .item .item-bottom .price .price-left+.price-right {
    padding-left: 10px
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .step2 .items .item .item-bottom .price .price-left+.price-right {
        padding: 2px 0 0 0
    }
}

.step2 .items .item .item-bottom .price .price-right {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .step2 .items .item .item-bottom .price .price-right {
        width: 100%
    }
}

.step2 .items .item .item-bottom .price+.link {
    margin-top: 20px
}

@media (min-width:992px) and (max-width:1199px) {
    .step2 .items .item .item-bottom .price+.link {
        margin-top: 15px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .step2 .items .item .item-bottom .price+.link {
        margin-top: 10px
    }
}

.step2 .items .item .item-bottom .price .b-title+.b-title {
    margin-top: 2px
}

.step2 .items .item .item-bottom .price .b-title.cb-link {
    cursor: pointer;
    border-bottom: 1px dashed;
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important;
    display: inline-block
}

.step2 .items .item .item-bottom .price .b-title.cb-link:hover {
    border-bottom-style: solid
}

.step2 .items .item .item-bottom .link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

.step2 .items .item .item-bottom .link a svg {
    display: block;
    width: 11px;
    height: 14px;
    fill: #3f7bd4;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.step2 .items .item .item-bottom .link a svg+span {
    margin-left: 10px
}

.step2 .items .item .item-bottom .link a span i {
    line-height: 18px;
    font-style: normal;
    border-bottom: 1px dashed #3f7bd4;
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important
}

.step2 .items .item .item-bottom .link a:hover span i {
    border-bottom-style: solid
}

.step2 .items .item .item-bottom .styled-btn {
    width: 100%;
    min-width: inherit
}

.step2 .items .item .item-bottom .styled-btn:not(:first-child) {
    margin-top: 20px
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .step2 .items .item .item-bottom .styled-btn:not(:first-child) {
        margin-top: 15px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .step2 .items .item .item-bottom .styled-btn i {
        display: none
    }
}

.step3 .title i {
    color: #3f7bd4
}

@media (min-width:0px) and (max-width:767px) {
    .step3 .subtitle br,
    .step3 .title br {
        display: none
    }
}

.step3 .subtitle:not(:first-child) {
    margin-top: 10px
}

@media (min-width:0px) and (max-width:767px) {
    .step3 .subtitle:not(:first-child) {
        margin-top: 5px
    }
}

.step3 .subtitle b {
    font-weight: 500
}

.step3 .step-in {
    position: relative;
    margin-top: 50px;
    padding: 50px 25px 25px 25px !important;
    margin-left: -25px;
    margin-right: -25px
}

@media only screen and (min-width:0px) and (max-width:1199px) {
    .step3 .step-in {
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .step3 .step-in {
        margin-top: 45px;
        padding: 45px 20px 20px 20px !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .step3 .step-in {
        margin-top: 40px;
        padding: 40px 15px 15px 15px !important
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step3 .step-in {
        margin-top: 0;
        padding: 20px 0 0 0 !important;
        border: 0
    }
}

.step3 .items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
    padding-bottom: 20px
}

@media (min-width:992px) and (max-width:1199px) {
    .step3 .items {
        grid-gap: 20px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .step3 .items {
        grid-column-gap: 15px;
        grid-row-gap: 25px;
        grid-template-columns: repeat(2, 1fr);
        padding-bottom: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step3 .items {
        padding-top: 0;
        padding-bottom: 0;
        grid-gap: 10px;
        grid-template-columns: repeat(1, 1fr)
    }
}

.step3 .items .item {
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .08);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .08);
    border-radius: 10px;
    background-color: #fff;
    padding: 10px;
    position: relative
}

@media (min-width:992px) and (max-width:1199px) {
    .step3 .items .item {
        border-radius: 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .step3 .items .item {
        border-radius: 6px;
        padding: 5px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step3 .items .item {
        width: 100%;
        padding: 5px;
        border-radius: 4px
    }
}

.step3 .items .item .item-in {
    height: 100%;
    border-radius: 10px;
    border: 1px solid rgba(226, 227, 230, .5);
    padding: 25px 15px;
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width:992px) and (max-width:1199px) {
    .step3 .items .item .item-in {
        padding: 20px 15px;
        border-radius: 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .step3 .items .item .item-in {
        padding: 10px;
        border-radius: 6px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step3 .items .item .item-in {
        padding: 10px;
        border-radius: 4px
    }
}

.step3 .items .item .item-in .item-top+.item-bottom {
    margin-top: 25px
}

@media (min-width:992px) and (max-width:1199px) {
    .step3 .items .item .item-in .item-top+.item-bottom {
        margin-top: 20px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .step3 .items .item .item-in .item-top+.item-bottom {
        margin-top: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step3 .items .item .item-in .item-top+.item-bottom {
        margin-top: 10px
    }
}

.step3 .items .item .item-in .item-bottom {
    margin-bottom: -36px
}

@media (min-width:992px) and (max-width:1199px) {
    .step3 .items .item .item-in .item-bottom {
        margin-bottom: -31px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .step3 .items .item .item-in .item-bottom {
        margin-bottom: -17px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step3 .items .item .item-in .item-bottom {
        margin-bottom: -16px
    }
}

.step3 .items .item .item-in .item-bottom img {
    display: block;
    margin: auto
}

@media (min-width:0px) and (max-width:767px) {
    .step3 .items .item .item-in .item-bottom img {
        margin: 0
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step3 .items .item .item-in .b-title {
        text-align: left
    }
}

.step3 .items .item .item-in .b-title+.text-in {
    margin-top: 10px
}

.step3 .items .item .item-in .text-in {
    font-size: 13px;
    line-height: 20px
}

.step3 .items .item .item-in .price {
    position: absolute;
    z-index: 2;
    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;
    height: 46px;
    width: 100%;
    left: 0;
    bottom: -20px
}

@media (min-width:768px) and (max-width:991px) {
    .step3 .items .item .item-in .price {
        height: 30px;
        bottom: -15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step3 .items .item .item-in .price {
        height: 26px;
        left: 5px;
        bottom: 18px;
        width: auto
    }
}

.step3 .items .item .item-in .price span {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='155' height='46' viewBox='0 0 155 46'%3E%3Cdefs%3E%3Cpath id='yzp0a' d='M433.94 7581v-46h138v46z'/%3E%3Cpath id='yzp0b' d='M588.041 7557.995l-16.107 23.006v-46.012z'/%3E%3C/defs%3E%3Cg%3E%3Cg transform='translate(-433 -7535)'%3E%3Cuse fill='%23ffd86f' xlink:href='%23yzp0a'/%3E%3C/g%3E%3Cg transform='translate(-433 -7535)'%3E%3Cuse fill='%23ffd86f' xlink:href='%23yzp0b'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center right;
    background-size: cover !important;
    padding: 0 15px;
    height: 100%;
    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
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .step3 .items .item .item-in .price span {
        padding: 0 10px
    }
}

.cbform-sample .cbform-sample-wrapper {
    position: relative;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 15px 50px rgba(0, 0, 0, .08);
    box-shadow: 0 15px 50px rgba(0, 0, 0, .08)
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .cbform-sample .cbform-sample-wrapper {
        -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
        box-shadow: 0 5px 20px rgba(0, 0, 0, .08)
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .cbform-sample .cbform-sample-wrapper {
        border-radius: 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .cbform-sample .cbform-sample-wrapper {
        border-radius: 6px;
        padding: 5px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-sample .cbform-sample-wrapper {
        border-radius: 4px;
        -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
        box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
        padding: 5px
    }
}

.no-webp .cbform-sample .cbform-sample-wrapper:after {
    background: url(../../../themes/karkasnye-doma/images/cbform-sample/bg.webp) no-repeat top right
}

.cbform-sample .cbform-sample-wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 139px;
    height: 249px
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .cbform-sample .cbform-sample-wrapper:after {
        content: none
    }
}

.cbform-sample .cbform-sample-wrapper .cbform-sample-in {
    border: 1px solid rgba(226, 227, 230, .5);
    border-radius: 10px
}

@media (min-width:992px) and (max-width:1199px) {
    .cbform-sample .cbform-sample-wrapper .cbform-sample-in {
        border-radius: 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .cbform-sample .cbform-sample-wrapper .cbform-sample-in {
        border-radius: 6px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-sample .cbform-sample-wrapper .cbform-sample-in {
        border-radius: 4px
    }
}

.cbform-sample .in {
    width: 70%;
    padding: 40px 50px
}

@media (min-width:992px) and (max-width:1199px) {
    .cbform-sample .in {
        padding: 30px;
        width: 77%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .cbform-sample .in {
        padding: 15px 20px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .cbform-sample .in {
        width: 100%
    }
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-sample .in {
        padding: 10px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-sample .in .title br {
        display: none
    }
}

.cbform-sample .in .title i {
    color: #3f7bd4
}

.cbform-sample .in .text-in:not(:first-child),
.cbform-sample .in .title-form:not(:first-child) {
    margin-top: 15px
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .cbform-sample .in .text-in:not(:first-child),
    .cbform-sample .in .title-form:not(:first-child) {
        margin-top: 10px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-sample .in .text-in:not(:first-child),
    .cbform-sample .in .title-form:not(:first-child) {
        margin-top: 10px
    }
}

.cbform-sample .in .text-in p:last-child {
    margin-top: 30px
}

@media (min-width:992px) and (max-width:1199px) {
    .cbform-sample .in .text-in p:last-child {
        margin-top: 25px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .cbform-sample .in .text-in p:last-child {
        margin-top: 20px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-sample .in .text-in p:last-child {
        margin-top: 10px
    }
}

.cbform-sample .in .form-style {
    margin-top: 20px;
    width: 570px
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .cbform-sample .in .form-style {
        margin-top: 15px;
        width: 100%
    }
}

.cbform-sample .in .form-style .f-item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .cbform-sample .in .form-style .f-item {
        grid-gap: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-sample .in .form-style .f-item {
        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: inherit;
        -ms-flex-align: inherit;
        align-items: inherit;
        gap: 10px
    }
}

.cbform-sample .in .form-style .f-item:last-child {
    display: block;
    margin-top: 10px
}

.cbform-sample .in .form-style .f-item .styled-btn {
    width: 100%
}

.cbform-sample .image {
    position: absolute;
    bottom: 40px;
    right: -160px;
    width: 526px;
    height: 467px
}

@media (min-width:992px) and (max-width:1199px) {
    .cbform-sample .image {
        right: -260px;
        bottom: 25px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .cbform-sample .image {
        display: none
    }
}

.step4 .title i {
    color: #3f7bd4
}

@media (min-width:0px) and (max-width:767px) {
    .step4 .subtitle br,
    .step4 .title br {
        display: none
    }
}

.step4 .subtitle:not(:first-child) {
    margin-top: 10px
}

@media (min-width:0px) and (max-width:767px) {
    .step4 .subtitle:not(:first-child) {
        margin-top: 5px
    }
}

.step4 .subtitle b {
    font-weight: 500
}

.step4 .in .step-wrapper .step-in {
    padding: 50px 25px 45px 25px
}

@media (min-width:992px) and (max-width:1199px) {
    .step4 .in .step-wrapper .step-in {
        padding: 30px 20px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .step4 .in .step-wrapper .step-in {
        padding: 30px 15px 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step4 .in .step-wrapper .step-in {
        padding: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.step4 .in .step-wrapper .step-in .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 15px;
    padding: 0 120px
}

@media (min-width:992px) and (max-width:1199px) {
    .step4 .in .step-wrapper .step-in .top {
        padding: 0 100px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .step4 .in .step-wrapper .step-in .top {
        padding: 0 70px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step4 .in .step-wrapper .step-in .top {
        padding: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
        margin-top: 10px
    }
}

.step4 .in .step-wrapper .step-in .item {
    cursor: pointer
}

@media (min-width:0px) and (max-width:767px) {
    .step4 .in .step-wrapper .step-in .item br {
        display: none
    }
}

.step4 .in .step-wrapper .step-in .item .text-in {
    font-size: 14px;
    line-height: 21px
}

@media (min-width:768px) and (max-width:991px) {
    .step4 .in .step-wrapper .step-in .item .text-in {
        font-size: 12px;
        line-height: 19px
    }
}

.step4 .in .step-wrapper .step-in .item .text-in:not(:first-child) {
    margin-top: 5px
}

.step4 .in .step-wrapper .step-in .item.active .b-title {
    color: #3f7bd4
}

.step4 .in .step-wrapper .step-in .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:0px) and (max-width:767px) {
    .step4 .in .step-wrapper .step-in .bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.step4 .in .step-wrapper .step-in .bottom:not(:first-child) {
    margin-top: 30px
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .step4 .in .step-wrapper .step-in .bottom:not(:first-child) {
        margin-top: 20px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step4 .in .step-wrapper .step-in .bottom:not(:first-child) {
        margin-top: 15px
    }
}

.step4 .in .step-wrapper .step-in .bottom .item+.item {
    margin-top: 30px
}

@media (min-width:992px) and (max-width:1199px) {
    .step4 .in .step-wrapper .step-in .bottom .item+.item {
        margin-top: 20px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .step4 .in .step-wrapper .step-in .bottom .item+.item {
        margin-top: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step4 .in .step-wrapper .step-in .bottom .item+.item {
        margin-top: 10px
    }
}

.step4 .in .step-wrapper .step-in .bottom .left,
.step4 .in .step-wrapper .step-in .bottom .right {
    width: 25%
}

@media (min-width:0px) and (max-width:767px) {
    .step4 .in .step-wrapper .step-in .bottom .left,
    .step4 .in .step-wrapper .step-in .bottom .right {
        width: 100%
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step4 .in .step-wrapper .step-in .bottom .left {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step4 .in .step-wrapper .step-in .bottom .right {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-top: 10px
    }
}

.step4 .in .step-wrapper .step-in .bottom .center {
    width: 50%;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 25px
}

@media (min-width:768px) and (max-width:991px) {
    .step4 .in .step-wrapper .step-in .bottom .center {
        padding: 0 20px;
        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-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step4 .in .step-wrapper .step-in .bottom .center {
        padding: 0;
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.step4 .in .step-wrapper .step-in .bottom .center .image {
    position: relative
}

.step4 .in .step-wrapper .step-in .bottom .center .image img {
    display: block;
    margin: auto
}

.step4 .in .step-wrapper .step-in .bottom .center .image .image-item {
    position: absolute;
    border: 10px solid transparent;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important;
    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
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .step4 .in .step-wrapper .step-in .bottom .center .image .image-item {
        width: 50px;
        height: 50px;
        border-width: 5px
    }
}

.step4 .in .step-wrapper .step-in .bottom .center .image .image-item:before {
    content: "";
    position: absolute;
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important;
    opacity: 0;
    background-repeat: no-repeat !important
}

@media (min-width:0px) and (max-width:767px) {
    .step4 .in .step-wrapper .step-in .bottom .center .image .image-item:before {
        content: none
    }
}

.step4 .in .step-wrapper .step-in .bottom .center .image .image-item .icon {
    width: 40px;
    height: 40px;
    position: relative;
    border-radius: 50%;
    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;
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .step4 .in .step-wrapper .step-in .bottom .center .image .image-item .icon {
        width: 35px;
        height: 35px
    }
}

.step4 .in .step-wrapper .step-in .bottom .center .image .image-item .icon:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important;
    border-radius: 50%;
    z-index: 1
}

.step4 .in .step-wrapper .step-in .bottom .center .image .image-item .icon svg {
    position: relative;
    z-index: 2;
    display: block;
    width: 14px;
    height: 14px;
    fill: rgba(0, 0, 0, .7);
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .step4 .in .step-wrapper .step-in .bottom .center .image .image-item .icon svg {
        width: 12px;
        height: 12px
    }
}

.step4 .in .step-wrapper .step-in .bottom .center .image .image-item.image-item-1 {
    top: 8%;
    left: 0
}

.step4 .in .step-wrapper .step-in .bottom .center .image .image-item.image-item-1:before {
    bottom: 100%;
    right: 100%;
    width: 105px;
    height: 108px;
    margin-bottom: 50px;
    margin-right: -10px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 104.79 108.47'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:none;stroke:%23dadada;stroke-miterlimit:10;}%3C/style%3E%3C/defs%3E%3Ctitle%3EЛиния-Кровля%3C/title%3E%3Cpath class='cls-1' d='M.89,5.58C32.5-7.5,126.5,8.5,100.5,109.5' transform='translate(-0.7 -1.15)'/%3E%3C/svg%3E") no-repeat center right
}

.step4 .in .step-wrapper .step-in .bottom .center .image .image-item.image-item-2 {
    top: 0;
    left: 55%
}

.step4 .in .step-wrapper .step-in .bottom .center .image .image-item.image-item-2:before {
    bottom: 100%;
    right: 100%;
    width: 97px;
    height: 124px;
    margin-bottom: 0;
    margin-right: -80px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 102.65 129.84'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:none;stroke:%23dadada;stroke-miterlimit:10;}%3C/style%3E%3C/defs%3E%3Ctitle%3EНесущий каркас%3C/title%3E%3Cg id='Несущий_каркас' data-name='Несущий каркас'%3E%3Cpath class='cls-1' d='M1.5,4.5c107.66-20.66,123.77,69.31,78,126' transform='translate(-1.41 -0.98)'/%3E%3C/g%3E%3C/svg%3E") no-repeat center right
}

.step4 .in .step-wrapper .step-in .bottom .center .image .image-item.image-item-3 {
    top: 12%;
    left: 74%
}

.step4 .in .step-wrapper .step-in .bottom .center .image .image-item.image-item-3:before {
    bottom: 100%;
    right: 100%;
    width: 37px;
    height: 179px;
    margin-bottom: -20px;
    margin-right: -75px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.58 124.55'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:none;stroke:%23dadada;stroke-miterlimit:10;}%3C/style%3E%3C/defs%3E%3Ctitle%3EОкна%3C/title%3E%3Cpath class='cls-1' d='M26,0C22.44,0,5.53,27,1.5,59.5c-2.73,22,5,48,6.5,64.5' transform='translate(-0.42 0.5)'/%3E%3C/svg%3E") no-repeat center right
}

.step4 .in .step-wrapper .step-in .bottom .center .image .image-item.image-item-4 {
    top: 48%;
    left: 10%
}

.step4 .in .step-wrapper .step-in .bottom .center .image .image-item.image-item-4:before {
    bottom: 100%;
    right: 100%;
    width: 227px;
    height: 181px;
    margin-bottom: 0;
    margin-right: 10px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 138.5 110.4'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:none;stroke:%23dadada;stroke-miterlimit:10;}%3C/style%3E%3C/defs%3E%3Ctitle%3EРесурс 6%3C/title%3E%3Cg id='Слой_2' data-name='Слой 2'%3E%3Cg id='Утепление'%3E%3Cpath class='cls-1' d='M0,1.4c11.81,0,46-7,80,18,33.35,24.52,58,81,58,91'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center right
}

.step4 .in .step-wrapper .step-in .bottom .center .image .image-item.image-item-5 {
    top: 67%;
    left: 5%
}

.step4 .in .step-wrapper .step-in .bottom .center .image .image-item.image-item-5:before {
    bottom: 100%;
    right: 100%;
    width: 92px;
    height: 21px;
    margin-bottom: -5px;
    margin-right: 40px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 91.5 19.02'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:none;stroke:%23dadada;stroke-miterlimit:10;}%3C/style%3E%3C/defs%3E%3Ctitle%3EРесурс 4%3C/title%3E%3Cg id='Слой_2' data-name='Слой 2'%3E%3Cg id='Внутренняя_отделка' data-name='Внутренняя отделка'%3E%3Cpath class='cls-1' d='M0,13c7.12,0,30.44,7.53,49,5C72.4,14.8,91,1.28,91,0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center right
}

.step4 .in .step-wrapper .step-in .bottom .center .image .image-item.image-item-6 {
    top: 50%;
    left: 58%
}

.step4 .in .step-wrapper .step-in .bottom .center .image .image-item.image-item-6:before {
    top: 100%;
    left: 100%;
    width: 194px;
    height: 60px;
    margin-top: -45px;
    margin-left: -40px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 156.5 50.5'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:none;stroke:%23dadada;stroke-miterlimit:10;}%3C/style%3E%3C/defs%3E%3Ctitle%3EРесурс 3%3C/title%3E%3Cg id='Слой_2' data-name='Слой 2'%3E%3Cg id='Ветро_и_влаго_защита' data-name='Ветро и влаго защита'%3E%3Cpath class='cls-1' d='M156.5,50c-13.79,0-57.47.39-93-11S.5,4.42.5,0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center right
}

.step4 .in .step-wrapper .step-in .bottom .center .image .image-item.image-item-7 {
    top: 47%;
    left: 76%
}

.step4 .in .step-wrapper .step-in .bottom .center .image .image-item.image-item-7:before {
    bottom: 100%;
    left: 100%;
    width: 69px;
    height: 197px;
    margin-bottom: -30px;
    margin-left: 5px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 67.5 196.5'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:none;stroke:%23dadada;stroke-miterlimit:10;}%3C/style%3E%3C/defs%3E%3Ctitle%3EРесурс 2%3C/title%3E%3Cg id='Слой_2' data-name='Слой 2'%3E%3Cg id='Внешняя_отделка' data-name='Внешняя отделка'%3E%3Cpath class='cls-1' d='M67,0c0,9.56-7.44,103.28-23,149C27.81,196.57,3.4,196,0,196'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center right
}

.step4 .in .step-wrapper .step-in .bottom .center .image .image-item.active,
.step4 .in .step-wrapper .step-in .bottom .center .image .image-item:hover {
    border-color: rgba(255, 255, 255, .35)
}

.step4 .in .step-wrapper .step-in .bottom .center .image .image-item.active .icon,
.step4 .in .step-wrapper .step-in .bottom .center .image .image-item:hover .icon {
    width: 50px;
    height: 50px
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .step4 .in .step-wrapper .step-in .bottom .center .image .image-item.active .icon,
    .step4 .in .step-wrapper .step-in .bottom .center .image .image-item:hover .icon {
        width: 40px;
        height: 40px
    }
}

.step4 .in .step-wrapper .step-in .bottom .center .image .image-item.active .icon:after,
.step4 .in .step-wrapper .step-in .bottom .center .image .image-item:hover .icon:after {
    opacity: 0
}

.step4 .in .step-wrapper .step-in .bottom .center .image .image-item.active .icon svg,
.step4 .in .step-wrapper .step-in .bottom .center .image .image-item:hover .icon svg {
    opacity: 0
}

.step4 .in .step-wrapper .step-in .bottom .center .image .image-item.active:before,
.step4 .in .step-wrapper .step-in .bottom .center .image .image-item:hover:before {
    opacity: 1
}

@media (min-width:768px) and (max-width:991px) {
    .step4 .in .step-wrapper .step-in .bottom .center .image .image-item.active:before,
    .step4 .in .step-wrapper .step-in .bottom .center .image .image-item:hover:before {
        opacity: .5
    }
}

.step4 .in .step-wrapper .step-in .bottom .center .info {
    width: 100%;
    border-radius: 10px;
    background-color: #000;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ffd258), to(#ffdb7b));
    background-image: -o-linear-gradient(bottom, #ffd258 0, #ffdb7b 100%);
    background-image: linear-gradient(to top, #ffd258 0, #ffdb7b 100%);
    margin-top: -50px;
    position: relative;
    z-index: 2;
    padding: 40px 45px;
    overflow: hidden
}

@media (min-width:992px) and (max-width:1199px) {
    .step4 .in .step-wrapper .step-in .bottom .center .info {
        padding: 30px;
        margin-top: -35px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .step4 .in .step-wrapper .step-in .bottom .center .info {
        padding: 20px 25px 25px 25px;
        margin-top: -25px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step4 .in .step-wrapper .step-in .bottom .center .info {
        padding: 15px;
        margin-top: -20px
    }
}

.step4 .in .step-wrapper .step-in .bottom .center .info .b-title+.link {
    margin-top: 10px
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .step4 .in .step-wrapper .step-in .bottom .center .info .b-title+.link {
        margin-top: 5px
    }
}

.step4 .in .step-wrapper .step-in .bottom .center .info .link a {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

.step4 .in .step-wrapper .step-in .bottom .center .info .link a svg {
    display: block;
    width: 29px;
    height: 36px;
    fill: rgba(0, 0, 0, .8);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.step4 .in .step-wrapper .step-in .bottom .center .info .link a svg+span {
    margin-left: 10px
}

.step4 .in .step-wrapper .step-in .bottom .center .info .link a span i {
    line-height: 20px;
    font-style: normal;
    border-bottom: 1px dashed #191919;
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important;
    color: #191919
}

.step4 .in .step-wrapper .step-in .bottom .center .info .link a:hover span i {
    border-bottom-style: solid
}

.step4 .in .step-wrapper .step-in .bottom .center .info .info-image {
    width: 185px;
    height: 138px;
    position: absolute;
    right: 0;
    bottom: 0
}

@media (min-width:992px) and (max-width:1199px) {
    .step4 .in .step-wrapper .step-in .bottom .center .info .info-image {
        right: -70px;
        bottom: -20px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .step4 .in .step-wrapper .step-in .bottom .center .info .info-image {
        display: none
    }
}

.step5 .title i {
    color: #3f7bd4
}

@media (min-width:0px) and (max-width:767px) {
    .step5 .subtitle br,
    .step5 .title br {
        display: none
    }
}

.step5 .subtitle:not(:first-child) {
    margin-top: 10px
}

@media (min-width:0px) and (max-width:767px) {
    .step5 .subtitle:not(:first-child) {
        margin-top: 5px
    }
}

.step5 .subtitle b {
    font-weight: 500
}

.step5 .in .step-wrapper .step-in {
    position: relative
}

.step5 .in .step-wrapper .step-in .image img {
    display: block;
    position: absolute;
    left: -170px;
    bottom: -50px
}

@media (min-width:992px) and (max-width:1199px) {
    .step5 .in .step-wrapper .step-in .image img {
        bottom: -40px;
        left: -200px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .step5 .in .step-wrapper .step-in .image img {
        display: none
    }
}

.step5 .in .step-wrapper .step-in .right {
    padding: 40px 0 40px 450px
}

@media (min-width:992px) and (max-width:1199px) {
    .step5 .in .step-wrapper .step-in .right {
        padding: 30px 0 30px 390px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .step5 .in .step-wrapper .step-in .right {
        padding: 30px 15px 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step5 .in .step-wrapper .step-in .right {
        padding: 5px
    }
}

.step5 .in .step-wrapper .step-in .right .text-in {
    font-size: 14px;
    line-height: 21px
}

.step5 .in .step-wrapper .step-in .right .text-in:not(:first-child) {
    margin-top: 25px
}

@media (min-width:768px) and (max-width:991px) {
    .step5 .in .step-wrapper .step-in .right .text-in:not(:first-child) {
        margin-top: 20px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step5 .in .step-wrapper .step-in .right .text-in:not(:first-child) {
        margin-top: 15px
    }
}

.step5 .in .step-wrapper .step-in .right .text-in ol {
    list-style-type: decimal;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    margin-top: -10px;
    position: relative;
    counter-reset: LIST-ITEMS 0
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .step5 .in .step-wrapper .step-in .right .text-in ol {
        -webkit-column-gap: 25px;
        -moz-column-gap: 25px;
        column-gap: 25px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .step5 .in .step-wrapper .step-in .right .text-in ol {
        margin-top: -7px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .step5 .in .step-wrapper .step-in .right .text-in ol {
        margin-top: 0
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step5 .in .step-wrapper .step-in .right .text-in ol {
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}

.step5 .in .step-wrapper .step-in .right .text-in ol li {
    display: inline-block;
    width: 100%;
    margin-top: 10px
}

@media (min-width:992px) and (max-width:1199px) {
    .step5 .in .step-wrapper .step-in .right .text-in ol li {
        margin-top: 7px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .step5 .in .step-wrapper .step-in .right .text-in ol li {
        margin-top: 0;
        width: 100%
    }
    .step5 .in .step-wrapper .step-in .right .text-in ol li br {
        display: none
    }
}

.step5 .in .step-wrapper .step-in .right .text-in ol li:before {
    content: counter(LIST-ITEMS) ".";
    counter-increment: LIST-ITEMS;
    position: relative;
    margin-left: -15px;
    margin-right: 5px
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .step5 .in .step-wrapper .step-in .right .text-in ol li+li {
        margin-top: 5px
    }
}

.tabs-steps .in .top {
    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;
    position: relative;
    width: 100%
}

.tabs-steps .in .top .title {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    padding-left: 120px
}

@media (min-width:992px) and (max-width:1199px) {
    .tabs-steps .in .top .title {
        padding-left: 103px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .tabs-steps .in .top .title {
        padding-left: 100px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .tabs-steps .in .top .title {
        padding-left: 0;
        text-align: left
    }
}

.tabs-steps .in .top .slider-arrows {
    position: static
}

.tabs-steps .in .top .slider-arrows .slider-arrows-wrapper .swiper-pagination {
    display: none
}

.tabs-steps .in .slider-pages-wrapper .slider-pages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tabs-steps .in .slider-pages-wrapper .slider-pages .slider-page {
    padding-bottom: 15px;
    cursor: pointer;
    margin: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

@media (min-width:0px) and (max-width:767px) {
    .tabs-steps .in .slider-pages-wrapper .slider-pages .slider-page {
        text-align: center;
        font-size: 11px;
        line-height: 14px;
        padding-bottom: 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.tabs-steps .in .slider-pages-wrapper .slider-pages .slider-page br {
    display: none
}

@media (min-width:0px) and (max-width:767px) {
    .tabs-steps .in .slider-pages-wrapper .slider-pages .slider-page br {
        display: block
    }
}

.tabs-steps .in .slider-pages-wrapper .slider-pages .slider-page:after,
.tabs-steps .in .slider-pages-wrapper .slider-pages .slider-page:before {
    content: "";
    position: absolute;
    bottom: -20px;
    height: 20px;
    left: 0
}

@media (min-width:768px) and (max-width:991px) {
    .tabs-steps .in .slider-pages-wrapper .slider-pages .slider-page:after,
    .tabs-steps .in .slider-pages-wrapper .slider-pages .slider-page:before {
        bottom: -15px;
        height: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .tabs-steps .in .slider-pages-wrapper .slider-pages .slider-page:after,
    .tabs-steps .in .slider-pages-wrapper .slider-pages .slider-page:before {
        bottom: -10px;
        height: 10px
    }
}

.tabs-steps .in .slider-pages-wrapper .slider-pages .slider-page:before {
    width: 1px;
    background-color: rgba(0, 0, 0, .1);
    opacity: 0;
    z-index: 2
}

.tabs-steps .in .slider-pages-wrapper .slider-pages .slider-page:after {
    width: 100%;
    background-color: #3f7bd4;
    opacity: 0;
    z-index: 1
}

.tabs-steps .in .slider-pages-wrapper .slider-pages .slider-page span {
    position: absolute;
    right: 0;
    bottom: 0;
    border: 6px solid transparent;
    border-right: 6px solid #3f7bd4;
    border-bottom: 6px solid #3f7bd4;
    opacity: 0
}

@media (min-width:0px) and (max-width:767px) {
    .tabs-steps .in .slider-pages-wrapper .slider-pages .slider-page span {
        display: none
    }
}

.tabs-steps .in .slider-pages-wrapper .slider-pages .slider-page+.slider-page:before {
    opacity: 1
}

.tabs-steps .in .slider-pages-wrapper .slider-pages .slider-page:first-child:after {
    border-radius: 10px 0 0 10px
}

.tabs-steps .in .slider-pages-wrapper .slider-pages .slider-page:last-child:after {
    border-radius: 0 10px 10px 0
}

.tabs-steps .in .slider-pages-wrapper .slider-pages .slider-page:last-child span {
    right: 10px
}

.tabs-steps .in .slider-pages-wrapper .slider-pages .slider-page:hover:not(.active) {
    color: #3f7bd4
}

.tabs-steps .in .slider-pages-wrapper .slider-pages .slider-page:hover:not(.active):after {
    opacity: 1
}

.tabs-steps .in .slider-pages-wrapper .slider-pages .slider-page:hover:not(.active) span {
    opacity: 1
}

.tabs-steps .in .slider-pages-wrapper .slider-pages .slider-page.highlighted:after {
    opacity: 1
}

.tabs-steps .in .slider-pages-wrapper .slider-pages .slider-page.highlighted.active span,
.tabs-steps .in .slider-pages-wrapper .slider-pages .slider-page.highlighted.current span {
    opacity: 0
}

.tabs-steps .in .slider-pages-wrapper .slider-pages .slider-page.active:after {
    opacity: 1
}

.tabs-steps .in .slider-pages-wrapper .slider-pages .slider-page.current {
    cursor: default;
    font-weight: 600;
    color: #3f7bd4
}

.tabs-steps .in .slider-pages-wrapper .slider-pages .slider-page.current span {
    opacity: 1
}

.tabs-steps .in .slider-pages-wrapper .slider-pages .slider-page.current+.slider-page:before {
    opacity: 0
}

.tabs-steps .in .slider-pages-wrapper .slider-pages-line {
    width: 100%;
    height: 20px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, .08)
}

@media (min-width:768px) and (max-width:991px) {
    .tabs-steps .in .slider-pages-wrapper .slider-pages-line {
        height: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .tabs-steps .in .slider-pages-wrapper .slider-pages-line {
        height: 10px
    }
}

.tabs-steps .in .slider-wrapper .slider {
    -webkit-box-shadow: 0 15px 50px rgba(0, 0, 0, .08);
    box-shadow: 0 15px 50px rgba(0, 0, 0, .08);
    border-radius: 10px
}

@media (min-width:992px) and (max-width:1199px) {
    .tabs-steps .in .slider-wrapper .slider {
        border-radius: 8px
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .tabs-steps .in .slider-wrapper .slider {
        -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
        box-shadow: 0 5px 20px rgba(0, 0, 0, .08)
    }
}

@media (min-width:768px) and (max-width:991px) {
    .tabs-steps .in .slider-wrapper .slider {
        border-radius: 6px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .tabs-steps .in .slider-wrapper .slider {
        border-radius: 4px;
        -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
        box-shadow: 0 2px 10px rgba(0, 0, 0, .08)
    }
}

.tabs-steps .in .slider-wrapper .item-wrapper {
    border-radius: 10px;
    background: #fff;
    padding: 10px
}

@media (min-width:992px) and (max-width:1199px) {
    .tabs-steps .in .slider-wrapper .item-wrapper {
        border-radius: 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .tabs-steps .in .slider-wrapper .item-wrapper {
        border-radius: 6px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .tabs-steps .in .slider-wrapper .item-wrapper {
        padding: 5px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .tabs-steps .in .slider-wrapper .item-wrapper {
        border-radius: 4px
    }
}

.tabs-steps .in .slider-wrapper .item-wrapper .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 35px;
    padding: 30px;
    border: 1px solid rgba(226, 227, 230, .5);
    border-radius: 10px
}

@media (min-width:992px) and (max-width:1199px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item {
        border-radius: 8px;
        padding: 20px;
        gap: 25px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item {
        border-radius: 6px;
        padding: 15px;
        gap: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px;
        padding: 10px;
        border-radius: 4px
    }
}

.tabs-steps .in .slider-wrapper .item-wrapper .item .left {
    width: 59%;
    position: relative
}

@media (min-width:768px) and (max-width:991px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item .left {
        width: 55%
    }
}

@media (min-width:0px) and (max-width:767px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item .left {
        width: 100%
    }
}

.tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px
}

@media (min-width:450px) and (max-width:991px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper {
        gap: 10px
    }
}

.tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-left {
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    position: relative
}

@media (min-width:992px) and (max-width:1199px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-left {
        border-radius: 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-left {
        border-radius: 6px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-left {
        border-radius: 4px
    }
}

.tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-left .image img {
    width: 100%;
    height: 320px;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-left .image img {
        height: 300px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-left .image img {
        height: 280px
    }
}

@media (min-width:0px) and (max-width:450px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-left .image img {
        height: 220px
    }
}

.tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-left .slider-arrows {
    position: static
}

.tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-left .slider-arrows .slider-arrow {
    position: absolute;
    top: 0;
    z-index: 2;
    top: calc(50% - 25px);
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important;
    opacity: 0
}

@media (min-width:992px) and (max-width:1199px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-left .slider-arrows .slider-arrow {
        top: calc(50% - 22px)
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-left .slider-arrows .slider-arrow {
        top: calc(50% - 20px)
    }
}

@media (min-width:0px) and (max-width:767px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-left .slider-arrows .slider-arrow {
        opacity: 1
    }
}

.tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-left .slider-arrows .slider-arrow.slider-arrow-prev {
    left: 25px
}

@media (min-width:992px) and (max-width:1199px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-left .slider-arrows .slider-arrow.slider-arrow-prev {
        left: 22px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-left .slider-arrows .slider-arrow.slider-arrow-prev {
        left: 20px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-left .slider-arrows .slider-arrow.slider-arrow-prev {
        left: 10px
    }
}

.tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-left .slider-arrows .slider-arrow.slider-arrow-next {
    right: 25px
}

@media (min-width:992px) and (max-width:1199px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-left .slider-arrows .slider-arrow.slider-arrow-next {
        right: 22px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-left .slider-arrows .slider-arrow.slider-arrow-next {
        right: 20px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-left .slider-arrows .slider-arrow.slider-arrow-next {
        right: 10px
    }
}

.tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-left:hover .slider-arrow {
    opacity: 1
}

.tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-thumbs {
    display: grid;
    grid-template-columns: repeat(1fr, 3);
    grid-gap: 15px
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-thumbs {
        grid-gap: 10px
    }
}

.tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-thumbs .gallery-thumb {
    cursor: pointer;
    position: relative;
    opacity: .8;
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important;
    width: 90px
}

@media (min-width:450px) and (max-width:991px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-thumbs .gallery-thumb {
        width: 70px
    }
}

@media (min-width:0px) and (max-width:450px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-thumbs .gallery-thumb {
        width: 50px
    }
}

.tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-thumbs .gallery-thumb:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid #3f7bd4;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    opacity: 0;
    border-radius: 10px;
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important
}

@media (min-width:992px) and (max-width:1199px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-thumbs .gallery-thumb:before {
        border-radius: 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-thumbs .gallery-thumb:before {
        border-radius: 6px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-thumbs .gallery-thumb:before {
        border-radius: 4px
    }
}

.tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-thumbs .gallery-thumb .image {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden
}

@media (min-width:992px) and (max-width:1199px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-thumbs .gallery-thumb .image {
        border-radius: 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-thumbs .gallery-thumb .image {
        border-radius: 6px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-thumbs .gallery-thumb .image {
        border-radius: 4px
    }
}

.tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-thumbs .gallery-thumb .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-thumbs .gallery-thumb.active,
.tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-thumbs .gallery-thumb:hover {
    opacity: 1
}

.tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-thumbs .gallery-thumb.active:before,
.tabs-steps .in .slider-wrapper .item-wrapper .item .left .gallery-wrapper .gallery-thumbs .gallery-thumb:hover:before {
    opacity: 1
}

.tabs-steps .in .slider-wrapper .item-wrapper .item .right {
    width: 41%
}

@media (min-width:768px) and (max-width:991px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item .right {
        width: 45%
    }
}

@media (min-width:0px) and (max-width:767px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item .right {
        width: 100%
    }
}

.tabs-steps .in .slider-wrapper .item-wrapper .item .right .text-in:not(:first-child) {
    margin-top: 15px
}

@media (min-width:0px) and (max-width:767px) {
    .tabs-steps .in .slider-wrapper .item-wrapper .item .right .text-in:not(:first-child) {
        margin-top: 10px
    }
}

.tabs-steps .in .slider-wrapper .item-wrapper .item .right .text-in ul {
    padding-left: 0
}

.step6 .title i {
    color: #3f7bd4
}

@media (min-width:0px) and (max-width:767px) {
    .step6 .subtitle br,
    .step6 .title br {
        display: none
    }
}

.step6 .subtitle:not(:first-child) {
    margin-top: 10px
}

@media (min-width:0px) and (max-width:767px) {
    .step6 .subtitle:not(:first-child) {
        margin-top: 5px
    }
}

.step6 .subtitle b {
    font-weight: 500
}

.step6 .step-in {
    padding: 50px 25px 45px 25px
}

@media (min-width:992px) and (max-width:1199px) {
    .step6 .step-in {
        padding: 40px 20px 20px 20px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .step6 .step-in {
        padding: 35px 15px 15px 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step6 .step-in {
        padding: 10px
    }
}

.step6 .in .items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 40px
}

@media (min-width:992px) and (max-width:1199px) {
    .step6 .in .items {
        grid-gap: 30px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .step6 .in .items {
        grid-gap: 20px
    }
}

@media (min-width:551px) and (max-width:991px) {
    .step6 .in .items {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step6 .in .items {
        grid-gap: 15px
    }
}

@media (max-width:550px) {
    .step6 .in .items {
        grid-template-columns: repeat(1, 1fr) !important
    }
}

.step6 .in .items .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 25px
}

@media (min-width:992px) and (max-width:1199px) {
    .step6 .in .items .item {
        gap: 20px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .step6 .in .items .item {
        gap: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step6 .in .items .item {
        gap: 10px
    }
}

.step6 .in .items .item .image {
    height: 130px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 10px;
    overflow: hidden
}

@media (min-width:992px) and (max-width:1199px) {
    .step6 .in .items .item .image {
        border-radius: 8px;
        height: 120px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .step6 .in .items .item .image {
        border-radius: 6px;
        height: 100px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step6 .in .items .item .image {
        border-radius: 4px;
        height: 100%;
        width: 100px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .step6 .in .items .item .image {
        width: 80px
    }
}

.step6 .in .items .item .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.step6 .in .items .item .desc {
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px
}

@media (min-width:0px) and (max-width:767px) {
    .step6 .in .items .item .desc {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.step6 .in .items .item .desc .top .item-subtitle:not(:first-child) {
    margin-top: 5px
}

.modals .btns-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px
}

@media (min-width:992px) and (max-width:1199px) {
    .modals .btns-wrapper {
        gap: 20px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .modals .btns-wrapper {
        gap: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .modals .btns-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .modals .btns-wrapper .styled-btn {
        min-width: inherit;
        width: 100%
    }
}

.gallery-finishing .item:not(:first-child) {
    padding-top: 50px
}

@media (min-width:992px) and (max-width:1199px) {
    .gallery-finishing .item:not(:first-child) {
        padding-top: 35px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .gallery-finishing .item:not(:first-child) {
        padding-top: 25px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .gallery-finishing .item:not(:first-child) {
        padding-top: 20px
    }
}

.gallery-finishing .item .top {
    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;
    position: relative
}

@media (min-width:0px) and (max-width:767px) {
    .gallery-finishing .item .top {
        gap: 10px
    }
}

.gallery-finishing .item .top .title {
    padding-left: 170px;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

@media (min-width:992px) and (max-width:1199px) {
    .gallery-finishing .item .top .title {
        padding-left: 0 148px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .gallery-finishing .item .top .title {
        padding-left: 0 140px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .gallery-finishing .item .top .title {
        padding-left: 0;
        text-align: left
    }
}

.gallery-finishing .item .top .title i {
    color: #3f7bd4
}

.gallery-finishing .item .top .slider-arrows {
    position: static
}

.gallery-finishing .item .top .slider-arrows .slider-arrows-wrapper .swiper-pagination {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

@media (min-width:0px) and (max-width:767px) {
    .gallery-finishing .item .top .slider-arrows .slider-arrows-wrapper .swiper-pagination {
        display: none
    }
}

.gallery-finishing .item .swiper-slide {
    height: auto
}

.gallery-finishing .item .sub-item {
    border-radius: 10px;
    overflow: hidden;
    height: 100%
}

@media (min-width:992px) and (max-width:1199px) {
    .gallery-finishing .item .sub-item {
        border-radius: 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .gallery-finishing .item .sub-item {
        border-radius: 6px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .gallery-finishing .item .sub-item {
        border-radius: 4px
    }
}

.gallery-finishing .item .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.gallery-finishing .item .image:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(63, 123, 212, .25);
    border-radius: 10px;
    opacity: 0;
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important
}

.gallery-finishing .item .image .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -43px;
    margin-top: -43px;
    width: 86px;
    height: 86px;
    border: 2px solid rgba(63, 123, 212, .5);
    border-top-color: transparent;
    border-bottom-color: transparent;
    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;
    border-radius: 50%;
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important;
    opacity: 0
}

@media (min-width:992px) and (max-width:1199px) {
    .gallery-finishing .item .image .icon {
        width: 76px;
        height: 76px;
        margin-top: -38px;
        margin-left: -38px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .gallery-finishing .item .image .icon {
        width: 56px;
        height: 56px;
        margin-top: -28px;
        margin-left: -28px
    }
}

.gallery-finishing .item .image .icon span {
    width: 60px;
    height: 60px;
    background-color: #3f7bd4;
    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;
    border-radius: 50%
}

@media (min-width:992px) and (max-width:1199px) {
    .gallery-finishing .item .image .icon span {
        width: 50px;
        height: 50px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .gallery-finishing .item .image .icon span {
        width: 40px;
        height: 40px
    }
}

.gallery-finishing .item .image .icon span svg {
    display: block;
    width: 16px;
    height: 16px;
    fill: #fff
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .gallery-finishing .item .image .icon span svg {
        width: 14px;
        height: 14px
    }
}

.gallery-finishing .item .image:hover:before {
    opacity: 1
}

.gallery-finishing .item .image:hover .icon {
    opacity: 1
}

.no-webp .cbform-viewing {
    background: url(../../../themes/karkasnye-doma/images/cbform-viewing/bg.webp) no-repeat
}

.cbform-viewing {
    background-position: 50% 50px !important;
    background-size: cover !important;
    margin-top: -300px
}

@media (min-width:768px) and (max-width:991px) {
    .cbform-viewing {
        background-position: 46% 50px !important
    }
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-viewing {
        margin-top: 0
    }
}

.cbform-viewing .in {
    padding-top: 300px;
    width: 53%
}

@media (min-width:992px) and (max-width:1199px) {
    .cbform-viewing .in {
        width: 64%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .cbform-viewing .in {
        width: 78%
    }
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-viewing .in {
        width: 100%;
        background-color: rgba(254, 254, 255, .8);
        padding: 15px 10px;
        border-radius: 10px;
        -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
        box-shadow: 0 2px 10px rgba(0, 0, 0, .08)
    }
}

.cbform-viewing .in .title i {
    color: #3f7bd4
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-viewing .in .subtitle br,
    .cbform-viewing .in .title br {
        display: none
    }
}

.cbform-viewing .in .subtitle:not(:first-child) {
    margin-top: 10px
}

.cbform-viewing .in .text-in:not(:first-child) {
    margin-top: 20px
}

@media (min-width:768px) and (max-width:991px) {
    .cbform-viewing .in .text-in:not(:first-child) {
        margin-top: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-viewing .in .text-in:not(:first-child) {
        margin-top: 10px
    }
}

.cbform-viewing .in .text-in ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    width: 100%
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .cbform-viewing .in .text-in ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .cbform-viewing .in .text-in ul {
        gap: 7px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-viewing .in .text-in ul {
        gap: 5px
    }
}

.cbform-viewing .in .text-in ul li {
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .cbform-viewing .in .text-in ul li br {
        display: none
    }
}

.cbform-viewing .in .form-style:not(:first-child) {
    margin-top: 30px
}

@media (min-width:992px) and (max-width:1199px) {
    .cbform-viewing .in .form-style:not(:first-child) {
        margin-top: 25px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .cbform-viewing .in .form-style:not(:first-child) {
        margin-top: 20px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-viewing .in .form-style:not(:first-child) {
        margin-top: 15px
    }
}

.cbform-viewing .in .form-style .f-item {
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .cbform-viewing .in .form-style .f-item {
        grid-gap: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .cbform-viewing .in .form-style .f-item {
        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: inherit;
        -ms-flex-align: inherit;
        align-items: inherit;
        gap: 10px
    }
}

.cbform-viewing .in .form-style .f-item .styled-btn {
    width: 100%
}

.cbform-viewing .in .form-style .f-item .privacy-policy {
    margin: 0
}

.our-works .in .slider-arrows {
    z-index: 3;
    position: relative
}

@media (min-width:0px) and (max-width:767px) {
    .our-works .in .slider-arrows .slider-arrow {
        display: none
    }
}

.our-works .in .slider {
    margin: -30px
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .our-works .in .slider {
        margin: -20px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .our-works .in .slider {
        margin: -10px
    }
}

.our-works .in .slider .swiper-slide {
    padding: 30px
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .our-works .in .slider .swiper-slide {
        padding: 20px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .our-works .in .slider .swiper-slide {
        padding: 10px
    }
}

.our-works .in .slider .item-wrapper {
    position: relative;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    border-radius: 10px;
    background-color: #fff;
    padding: 10px;
    position: relative
}

@media (min-width:992px) and (max-width:1199px) {
    .our-works .in .slider .item-wrapper {
        border-radius: 8px
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .our-works .in .slider .item-wrapper {
        -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
        box-shadow: 0 5px 20px rgba(0, 0, 0, .08)
    }
}

@media (min-width:768px) and (max-width:991px) {
    .our-works .in .slider .item-wrapper {
        border-radius: 6px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .our-works .in .slider .item-wrapper {
        padding: 5px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .our-works .in .slider .item-wrapper {
        border-radius: 4px;
        -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
        box-shadow: 0 2px 10px rgba(0, 0, 0, .08)
    }
}

.our-works .in .slider .item-wrapper .item {
    padding: 30px;
    border-radius: 10px;
    border: 1px solid rgba(226, 227, 230, .5)
}

@media (min-width:992px) and (max-width:1199px) {
    .our-works .in .slider .item-wrapper .item {
        border-radius: 8px;
        padding: 20px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .our-works .in .slider .item-wrapper .item {
        border-radius: 6px;
        padding: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .our-works .in .slider .item-wrapper .item {
        border-radius: 4px;
        padding: 10px
    }
}

.our-works .in .slider .item-wrapper .item .sub-items-gallery {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 30px;
    height: 350px
}

@media (min-width:992px) and (max-width:1199px) {
    .our-works .in .slider .item-wrapper .item .sub-items-gallery {
        grid-gap: 20px;
        height: 320px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .our-works .in .slider .item-wrapper .item .sub-items-gallery {
        grid-gap: 15px;
        height: 300px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .our-works .in .slider .item-wrapper .item .sub-items-gallery {
        grid-gap: 10px;
        height: 240px
    }
}

@media (min-width:0px) and (max-width:450px) {
    .our-works .in .slider .item-wrapper .item .sub-items-gallery {
        height: 220px
    }
}

@media (min-width:0px) and (max-width:389px) {
    .our-works .in .slider .item-wrapper .item .sub-items-gallery {
        height: 200px
    }
}

.our-works .in .slider .item-wrapper .item .sub-items-gallery .image {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    height: 100%;
    display: block
}

@media (min-width:992px) and (max-width:1199px) {
    .our-works .in .slider .item-wrapper .item .sub-items-gallery .image {
        border-radius: 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .our-works .in .slider .item-wrapper .item .sub-items-gallery .image {
        border-radius: 6px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .our-works .in .slider .item-wrapper .item .sub-items-gallery .image {
        border-radius: 4px
    }
}

.our-works .in .slider .item-wrapper .item .sub-items-gallery .image:nth-child(1) {
    grid-area: 1/1/3/6
}

.our-works .in .slider .item-wrapper .item .sub-items-gallery .image:nth-child(2) {
    grid-area: 1/6/3/10
}

.our-works .in .slider .item-wrapper .item .sub-items-gallery .image:nth-child(3) {
    grid-area: 1/10/2/13
}

.our-works .in .slider .item-wrapper .item .sub-items-gallery .image:nth-child(4) {
    grid-area: 2/10/3/13
}

.our-works .in .slider .item-wrapper .item .sub-items-gallery .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.our-works .in .slider .item-wrapper .item .sub-items-gallery .image:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(63, 123, 212, .25);
    border-radius: 10px;
    opacity: 0;
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important
}

@media (min-width:992px) and (max-width:1199px) {
    .our-works .in .slider .item-wrapper .item .sub-items-gallery .image:before {
        border-radius: 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .our-works .in .slider .item-wrapper .item .sub-items-gallery .image:before {
        border-radius: 6px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .our-works .in .slider .item-wrapper .item .sub-items-gallery .image:before {
        border-radius: 4px
    }
}

.our-works .in .slider .item-wrapper .item .sub-items-gallery .image .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -43px;
    margin-top: -43px;
    width: 86px;
    height: 86px;
    border: 2px solid rgba(63, 123, 212, .5);
    border-top-color: transparent;
    border-bottom-color: transparent;
    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;
    border-radius: 50%;
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important;
    opacity: 0
}

@media (min-width:992px) and (max-width:1199px) {
    .our-works .in .slider .item-wrapper .item .sub-items-gallery .image .icon {
        width: 76px;
        height: 76px;
        margin-top: -38px;
        margin-left: -38px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .our-works .in .slider .item-wrapper .item .sub-items-gallery .image .icon {
        width: 56px;
        height: 56px;
        margin-top: -28px;
        margin-left: -28px
    }
}

.our-works .in .slider .item-wrapper .item .sub-items-gallery .image .icon span {
    width: 60px;
    height: 60px;
    background-color: #3f7bd4;
    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;
    border-radius: 50%
}

@media (min-width:992px) and (max-width:1199px) {
    .our-works .in .slider .item-wrapper .item .sub-items-gallery .image .icon span {
        width: 50px;
        height: 50px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .our-works .in .slider .item-wrapper .item .sub-items-gallery .image .icon span {
        width: 40px;
        height: 40px
    }
}

.our-works .in .slider .item-wrapper .item .sub-items-gallery .image .icon span svg {
    display: block;
    width: 16px;
    height: 16px;
    fill: #fff
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .our-works .in .slider .item-wrapper .item .sub-items-gallery .image .icon span svg {
        width: 14px;
        height: 14px
    }
}

.our-works .in .slider .item-wrapper .item .sub-items-gallery .image:hover:before {
    opacity: 1
}

.our-works .in .slider .item-wrapper .item .sub-items-gallery .image:hover .icon {
    opacity: 1
}

.our-works .in .slider .item-wrapper .item .sub-items-gallery+.sub-items-info {
    padding-top: 35px
}

@media (min-width:992px) and (max-width:1199px) {
    .our-works .in .slider .item-wrapper .item .sub-items-gallery+.sub-items-info {
        padding-top: 25px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .our-works .in .slider .item-wrapper .item .sub-items-gallery+.sub-items-info {
        padding-top: 20px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .our-works .in .slider .item-wrapper .item .sub-items-gallery+.sub-items-info {
        padding-top: 10px
    }
}

.our-works .in .slider .item-wrapper .item .sub-items-gallery+.sub-items-info .left .left-in {
    margin-top: -60px
}

@media only screen and (min-width:0px) and (max-width:1199px) {
    .our-works .in .slider .item-wrapper .item .sub-items-gallery+.sub-items-info .left .left-in {
        margin-top: 0
    }
}

.our-works .in .slider .item-wrapper .item .sub-items-info {
    display: grid;
    grid-template-columns: .345fr 1fr;
    grid-gap: 40px;
    padding-left: 50px
}

@media (min-width:992px) and (max-width:1199px) {
    .our-works .in .slider .item-wrapper .item .sub-items-info {
        grid-gap: 25px
    }
}

@media only screen and (min-width:0px) and (max-width:1199px) {
    .our-works .in .slider .item-wrapper .item .sub-items-info {
        padding-left: 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .our-works .in .slider .item-wrapper .item .sub-items-info {
        grid-template-columns: .4fr 1fr;
        grid-gap: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .our-works .in .slider .item-wrapper .item .sub-items-info {
        grid-template-columns: 1fr;
        grid-gap: 15px
    }
}

.our-works .in .slider .item-wrapper .item .sub-items-info .left .left-in {
    position: relative;
    z-index: 2;
    border-radius: 10px;
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
    background-color: #fff;
    overflow: hidden
}

@media (min-width:992px) and (max-width:1199px) {
    .our-works .in .slider .item-wrapper .item .sub-items-info .left .left-in {
        border-radius: 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .our-works .in .slider .item-wrapper .item .sub-items-info .left .left-in {
        border-radius: 6px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .our-works .in .slider .item-wrapper .item .sub-items-info .left .left-in {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        overflow: hidden;
        padding: 10px;
        -webkit-box-shadow: 2px 3px 12px rgba(0, 0, 0, .1);
        box-shadow: 2px 3px 12px rgba(0, 0, 0, .1);
        border-radius: 4px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .our-works .in .slider .item-wrapper .item .sub-items-info .left .left-in .image {
        width: 120px;
        border-radius: 4px;
        overflow: hidden
    }
}

.our-works .in .slider .item-wrapper .item .sub-items-info .left .left-in .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.our-works .in .slider .item-wrapper .item .sub-items-info .left .left-in .desc {
    padding: 25px 30px
}

@media (min-width:992px) and (max-width:1199px) {
    .our-works .in .slider .item-wrapper .item .sub-items-info .left .left-in .desc {
        padding: 20px 15px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .our-works .in .slider .item-wrapper .item .sub-items-info .left .left-in .desc {
        padding: 15px 10px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .our-works .in .slider .item-wrapper .item .sub-items-info .left .left-in .desc {
        width: 100%;
        text-align: left;
        padding: 0
    }
}

@media (min-width:0px) and (max-width:767px) {
    .our-works .in .slider .item-wrapper .item .sub-items-info .left .left-in .desc .desc-title {
        text-align: left
    }
}

.our-works .in .slider .item-wrapper .item .sub-items-info .left .left-in .desc .desc-bottom {
    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;
    gap: 5px
}

@media (min-width:0px) and (max-width:767px) {
    .our-works .in .slider .item-wrapper .item .sub-items-info .left .left-in .desc .desc-bottom {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 10px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.our-works .in .slider .item-wrapper .item .sub-items-info .left .left-in .desc .desc-bottom:not(:first-child) {
    margin-top: 10px
}

.our-works .in .slider .item-wrapper .item .sub-items-info .left .left-in .desc .desc-bottom .desc-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px
}

.our-works .in .slider .item-wrapper .item .sub-items-info .left .left-in .desc .desc-bottom .desc-item svg {
    width: 16px;
    height: 16px;
    fill: #3f7bd4
}

.our-works .in .slider .item-wrapper .item .sub-items-info .left .left-in .desc .desc-link {
    text-decoration: none;
    display: block
}

@media (min-width:0px) and (max-width:767px) {
    .our-works .in .slider .item-wrapper .item .sub-items-info .left .left-in .desc .desc-link {
        text-align: left
    }
}

.our-works .in .slider .item-wrapper .item .sub-items-info .left .left-in .desc .desc-link:not(:first-child) {
    margin-top: 10px
}

.our-works .in .slider .item-wrapper .item .sub-items-info .left .left-in .desc .desc-link span {
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important;
    border-bottom: 1px dashed #3f7bd4
}

.our-works .in .slider .item-wrapper .item .sub-items-info .left .left-in .desc .desc-link:hover span {
    border-block-style: solid
}

.our-works .in .slider .item-wrapper .item .sub-items-info .right .right-subtitle:not(:first-child) {
    margin-top: 5px
}

.our-works .in .slider .item-wrapper .item .sub-items-info .right .sub-items-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 35px
}

@media (min-width:992px) and (max-width:1199px) {
    .our-works .in .slider .item-wrapper .item .sub-items-info .right .sub-items-wrapper {
        gap: 25px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .our-works .in .slider .item-wrapper .item .sub-items-info .right .sub-items-wrapper {
        gap: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .our-works .in .slider .item-wrapper .item .sub-items-info .right .sub-items-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px
    }
}

.our-works .in .slider .item-wrapper .item .sub-items-info .right .sub-items-wrapper:not(:first-child) {
    margin-top: 15px
}

.our-works .in .slider .item-wrapper .item .sub-items-info .right .sub-items-wrapper .sub-item:not(:first-child) {
    margin-top: 15px
}

@media (min-width:0px) and (max-width:767px) {
    .our-works .in .slider .item-wrapper .item .sub-items-info .right .sub-items-wrapper .sub-item:not(:first-child) {
        margin-top: 10px
    }
}

.our-works .in .slider .item-wrapper .item .sub-items-info .right .sub-items-wrapper .sub-item .sub-item-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

@media (min-width:0px) and (max-width:767px) {
    .our-works .in .slider .item-wrapper .item .sub-items-info .right .sub-items-wrapper .sub-item .sub-item-top {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 5px
    }
}

.our-works .in .slider .item-wrapper .item .sub-items-info .right .sub-items-wrapper .sub-item .sub-item-top .sub-item-title {
    font-size: 14px;
    line-height: 20px
}

@media (min-width:0px) and (max-width:767px) {
    .our-works .in .slider .item-wrapper .item .sub-items-info .right .sub-items-wrapper .sub-item .sub-item-top .icon {
        margin-top: 3px
    }
}

.our-works .in .slider .item-wrapper .item .sub-items-info .right .sub-items-wrapper .sub-item .sub-item-top .icon svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    fill: #3f7bd4;
    width: 16px;
    height: 16px
}

@media (min-width:0px) and (max-width:767px) {
    .our-works .in .slider .item-wrapper .item .sub-items-info .right .sub-items-wrapper .sub-item .sub-item-top .icon svg {
        width: 14px;
        height: 14px
    }
}

.our-works .in .slider .item-wrapper .item .sub-items-info .right .sub-items-wrapper .sub-item .text-in:not(:first-child) {
    margin-top: 5px
}

@media (min-width:992px) and (max-width:1199px) {
    .our-works .in .slider .item-wrapper .item .sub-items-info .right .sub-items-wrapper .sub-item .text-in ul {
        padding-left: 25px
    }
}

.our-works .in .slider .item-wrapper .item .sub-items-video {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px
}

@media (min-width:992px) and (max-width:1199px) {
    .our-works .in .slider .item-wrapper .item .sub-items-video {
        grid-gap: 20px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .our-works .in .slider .item-wrapper .item .sub-items-video {
        grid-gap: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .our-works .in .slider .item-wrapper .item .sub-items-video {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 15px
    }
}

.our-works .in .slider .item-wrapper .item .sub-items-video:not(:first-child) {
    padding-top: 40px
}

@media (min-width:992px) and (max-width:1199px) {
    .our-works .in .slider .item-wrapper .item .sub-items-video:not(:first-child) {
        padding-top: 30px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .our-works .in .slider .item-wrapper .item .sub-items-video:not(:first-child) {
        padding-top: 20px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .our-works .in .slider .item-wrapper .item .sub-items-video:not(:first-child) {
        padding-top: 15px
    }
}

.our-works .in .slider .item-wrapper .item .sub-items-video .left {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    border-radius: 10px;
    border: 1px solid rgba(226, 227, 230, .5);
    padding: 30px 35px
}

@media (min-width:992px) and (max-width:1199px) {
    .our-works .in .slider .item-wrapper .item .sub-items-video .left {
        padding: 20px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .our-works .in .slider .item-wrapper .item .sub-items-video .left {
        padding: 15px;
        gap: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .our-works .in .slider .item-wrapper .item .sub-items-video .left {
        padding: 0;
        gap: 10px;
        border: 0
    }
}

.our-works .in .slider .item-wrapper .item .sub-items-video .left:after {
    content: "";
    position: absolute;
    bottom: 25px;
    right: 25px;
    width: 47px;
    height: 32px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='47' height='32' viewBox='0 0 47 32'%3E%3Cdefs%3E%3Cpath fill='rgba(0, 0, 0, 0.7)' id='xk2da' d='M882.534 14335.661c5.58 0 10.102 4.502 10.102 10.055s-4.523 10.055-10.102 10.055c-5.58 0-10.102-4.502-10.102-10.055l-.046-1.436c0-11.107 9.046-20.109 20.205-20.109v5.744c-3.855 0-7.479 1.495-10.205 4.208a14.772 14.772 0 0 0-1.435 1.66 10.491 10.491 0 0 1 1.583-.122zm25.977 0c5.58 0 10.103 4.502 10.103 10.055s-4.523 10.055-10.103 10.055c-5.579 0-10.102-4.502-10.102-10.055l-.045-1.436c0-11.107 9.046-20.109 20.205-20.109v5.744c-3.855 0-7.48 1.495-10.205 4.208a14.76 14.76 0 0 0-1.436 1.66 10.491 10.491 0 0 1 1.583-.122z'/%3E%3C/defs%3E%3Cg%3E%3Cg opacity='.1' transform='translate(-872 -14324)'%3E%3Cuse xlink:href='%23xk2da'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center
}

@media only screen and (min-width:0px) and (max-width:1199px) {
    .our-works .in .slider .item-wrapper .item .sub-items-video .left:after {
        content: none
    }
}

.our-works .in .slider .item-wrapper .item .sub-items-video .left .b-title i {
    color: inherit;
    font-style: italic
}

.our-works .in .slider .item-wrapper .item .sub-items-video .right .video-wrapper .video {
    position: relative;
    border-radius: 10px;
    overflow: hidden
}

@media (min-width:992px) and (max-width:1199px) {
    .our-works .in .slider .item-wrapper .item .sub-items-video .right .video-wrapper .video {
        border-radius: 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .our-works .in .slider .item-wrapper .item .sub-items-video .right .video-wrapper .video {
        border-radius: 6px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .our-works .in .slider .item-wrapper .item .sub-items-video .right .video-wrapper .video {
        border-radius: 4px;
        max-height: 300px
    }
}

.our-works .in .slider .item-wrapper .item .sub-items-video .right .video-wrapper .video img {
    width: 100%;
    justify-self: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.our-works .in .slider .item-wrapper .item .sub-items-video .right .video-wrapper:hover .youtube-play-btn {
    opacity: .8
}

.breadcrumbs+.our-works {
    padding-top: 40px
}

@media (min-width:992px) and (max-width:1199px) {
    .breadcrumbs+.our-works {
        padding-top: 35px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .breadcrumbs+.our-works {
        padding-top: 25px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .breadcrumbs+.our-works {
        padding-top: 15px
    }
}

.about-company .in {
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-columns: .5fr 1fr .5fr
}

@media (min-width:0px) and (max-width:767px) {
    .about-company .in {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px
    }
}

.about-company .in .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 70px
}

@media (min-width:992px) and (max-width:1199px) {
    .about-company .in .items {
        gap: 50px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .about-company .in .items {
        gap: 30px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .about-company .in .items {
        gap: 10px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .about-company .in .items .item {
        background: #fff;
        border-radius: 4px;
        padding: 5px;
        width: 100%
    }
}

@media (min-width:0px) and (max-width:767px) {
    .about-company .in .items .item .item-in {
        padding: 10px;
        border-radius: 4px;
        border: 1px solid rgba(226, 227, 230, .5)
    }
}

@media (min-width:0px) and (max-width:767px) {
    .about-company .in .items .item .b-title {
        text-align: left
    }
}

.about-company .in .items .item .b-title:not(:first-child) {
    margin-top: 5px
}

@media (min-width:0px) and (max-width:767px) {
    .about-company .in .items .item .b-title br {
        display: none
    }
}

.about-company .in .items .item.with-bg {
    background: #fff;
    border-radius: 10px;
    padding: 10px
}

@media (min-width:992px) and (max-width:1199px) {
    .about-company .in .items .item.with-bg {
        border-radius: 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .about-company .in .items .item.with-bg {
        border-radius: 6px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .about-company .in .items .item.with-bg {
        padding: 5px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .about-company .in .items .item.with-bg {
        border-radius: 4px
    }
}

.about-company .in .items .item.with-bg .item-in {
    padding: 20px;
    border: 1px solid rgba(226, 227, 230, .5);
    border-radius: 10px
}

@media (min-width:992px) and (max-width:1199px) {
    .about-company .in .items .item.with-bg .item-in {
        padding: 15px;
        border-radius: 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .about-company .in .items .item.with-bg .item-in {
        border-radius: 6px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .about-company .in .items .item.with-bg .item-in {
        padding: 10px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .about-company .in .items .item.with-bg .item-in {
        border-radius: 4px
    }
}

.about-company .in .items.items-left {
    margin-right: -30px;
    position: relative;
    z-index: 2
}

@media (min-width:0px) and (max-width:767px) {
    .about-company .in .items.items-left {
        margin: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.about-company .in .items.items-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    position: relative;
    z-index: 1
}

@media (min-width:768px) and (max-width:991px) {
    .about-company .in .items.items-center {
        gap: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .about-company .in .items.items-center {
        gap: 10px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.about-company .in .items.items-center .item {
    margin: 0;
    padding: 0 50px
}

@media (min-width:768px) and (max-width:991px) {
    .about-company .in .items.items-center .item {
        padding: 0 40px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .about-company .in .items.items-center .item {
        padding: 5px
    }
}

@media only screen and (min-width:0px) and (max-width:1199px) {
    .about-company .in .items.items-center .item .item-in br {
        display: none
    }
}

@media (min-width:0px) and (max-width:767px) {
    .about-company .in .items.items-center .item:first-child {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media (min-width:0px) and (max-width:767px) {
    .about-company .in .items.items-center .item:last-child {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

@media (min-width:0px) and (max-width:767px) {
    .about-company .in .items.items-center .image {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        border-radius: 4px;
        overflow: hidden
    }
}

.about-company .in .items.items-right {
    margin-left: -30px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    z-index: 2
}

@media (min-width:0px) and (max-width:767px) {
    .about-company .in .items.items-right {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

.no-webp .cbform .in {
    background-image: url(../../../themes/karkasnye-doma/images/cbform/bg.webp)
}

.cbform .in {
    padding: 40px 50px 60px 40px;
    background: #fff;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 31%;
    overflow: hidden;
    border-radius: 10px;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08)
}

@media (min-width:992px) and (max-width:1199px) {
    .cbform .in {
        padding: 40px 30px 60px 30px;
        border-radius: 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .cbform .in {
        padding: 15px;
        border-radius: 6px
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .cbform .in {
        -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
        box-shadow: 0 5px 20px rgba(0, 0, 0, .08)
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .cbform .in {
        background-image: none !important
    }
}

@media (min-width:0px) and (max-width:767px) {
    .cbform .in {
        padding: 10px;
        -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
        box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
        border-radius: 4px
    }
}

.cbform .in .form-style {
    width: 67%
}

@media (min-width:992px) and (max-width:1199px) {
    .cbform .in .form-style {
        width: 64%
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .cbform .in .form-style {
        width: 100%
    }
}

.cbform .in .form-style .title i {
    color: #3f7bd4
}

.cbform .in .form-style .subtitle:not(:first-child) {
    margin-top: 10px
}

.cbform .in .form-style .form-style-in:not(:first-child) {
    margin-top: 20px
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .cbform .in .form-style .form-style-in:not(:first-child) {
        margin-top: 15px
    }
}

.cbform .in .form-style .f-items {
    display: grid;
    grid-template-columns: 1fr .7692fr;
    grid-gap: 20px
}

@media (min-width:768px) and (max-width:991px) {
    .cbform .in .form-style .f-items {
        grid-template-columns: 1fr .87fr
    }
}

@media (min-width:768px) and (max-width:991px) {
    .cbform .in .form-style .f-items {
        grid-gap: 10px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .cbform .in .form-style .f-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .cbform .in .form-style .f-items:first-child {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.cbform .in .form-style .f-items:not(:first-child) {
    margin-top: 20px
}

@media (min-width:768px) and (max-width:991px) {
    .cbform .in .form-style .f-items:not(:first-child) {
        margin-top: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .cbform .in .form-style .f-items:not(:first-child) {
        margin-top: 10px
    }
}

.cbform .in .form-style .f-items .f-items-left .f-item {
    height: 100%
}

.cbform .in .form-style .f-items .f-items-left .f-item textarea {
    height: 100%
}

@media (min-width:0px) and (max-width:767px) {
    .cbform .in .form-style .f-items .f-items-left .f-item textarea {
        height: 120px
    }
}

.cbform .in .form-style .f-items .f-items-right .f-item .uppload-files-title {
    line-height: 12px
}

.cbform .in .form-style .f-items .styled-btn {
    width: 100%;
    min-width: inherit
}

.cbform .in .form-style .f-items .privacy-policy {
    margin-top: 0;
    margin: auto 0
}

.cbform .in .form-style .f-items .file-added {
    margin-top: 10px
}

.cbform .in .image {
    position: absolute;
    width: 297px;
    height: 446px;
    right: 50px;
    bottom: 0
}

@media (min-width:992px) and (max-width:1199px) {
    .cbform .in .image {
        bottom: auto;
        top: 20px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .cbform .in .image {
        display: none
    }
}

.cbform .in .image .image-desc {
    border-radius: 10px;
    background-color: #3f7bd4;
    position: absolute;
    padding: 10px 20px;
    bottom: 70px;
    right: -20px
}

@media (min-width:992px) and (max-width:1199px) {
    .cbform .in .image .image-desc {
        border-radius: 8px;
        bottom: 140px
    }
}

.cbform:not(:last-child) {
    padding-bottom: 0 !important
}

.location-map .title i {
    color: #3f7bd4
}

.location-map .in {
    padding: 40px;
    border-radius: 10px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px
}

@media (min-width:992px) and (max-width:1199px) {
    .location-map .in {
        border-radius: 8px;
        padding: 20px;
        gap: 20px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .location-map .in {
        border-radius: 6px;
        padding: 15px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .location-map .in {
        gap: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .location-map .in {
        border-radius: 4px;
        padding: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.location-map .in:not(:first-child) {
    margin-top: 30px
}

@media (min-width:768px) and (max-width:991px) {
    .location-map .in:not(:first-child) {
        margin-top: 25px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .location-map .in:not(:first-child) {
        margin-top: 15px
    }
}

.location-map .in .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 25px;
    width: 30%
}

@media (min-width:992px) and (max-width:1199px) {
    .location-map .in .left {
        gap: 20px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .location-map .in .left {
        gap: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .location-map .in .left {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px
    }
}

@media (max-width:450px) {
    .location-map .in .left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        grid-gap: 10px
    }
}

.location-map .in .left .contact-item .social-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 7px
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .location-map .in .left .contact-item .social-links {
        gap: 5px
    }
}

.location-map .in .left .contact-item .social-links:not(:first-child) {
    margin-top: 7px
}

.location-map .in .left .contact-item .item-title+.b-title {
    margin-top: 7px
}

@media (min-width:0px) and (max-width:767px) {
    .location-map .in .left .contact-item .item-title+.b-title {
        margin-top: 5px
    }
}

.location-map .in .left .contact-item .mail,
.location-map .in .left .contact-item .open-form {
    display: block;
    cursor: pointer;
    text-decoration: none;
    color: inherit
}

.location-map .in .left .contact-item .open-form span {
    border-bottom: 1px dashed #3f7bd4;
    color: #3f7bd4
}

.location-map .in .left .contact-item .open-form i {
    color: #3f7bd4
}

.location-map .in .left .contact-item .open-form:hover span {
    border-bottom-style: solid
}

.location-map .in .right {
    width: 70%
}

@media (min-width:0px) and (max-width:767px) {
    .location-map .in .right {
        width: 100%
    }
}

.location-map .in .right .map-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    max-height: 420px;
    border-radius: 10px;
    overflow: hidden
}

@media (min-width:992px) and (max-width:1199px) {
    .location-map .in .right .map-wrapper {
        border-radius: 8px;
        max-height: 380px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .location-map .in .right .map-wrapper {
        border-radius: 6px;
        max-height: 360px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .location-map .in .right .map-wrapper {
        border-radius: 4px;
        max-height: 320px;
        height: 320px
    }
}

.location-map .in .right .gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px
}

@media (min-width:0px) and (max-width:767px) {
    .location-map .in .right .gallery {
        gap: 10px
    }
}

@media (min-width:0px) and (max-width:450px) {
    .location-map .in .right .gallery {
        grid-template-columns: repeat(2, 1fr)
    }
}

.location-map .in .right .gallery:not(:first-child) {
    margin-top: 15px
}

.location-map .in .right .gallery .image {
    border-radius: 10px;
    overflow: hidden;
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important
}

@media (min-width:992px) and (max-width:1199px) {
    .location-map .in .right .gallery .image {
        border-radius: 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .location-map .in .right .gallery .image {
        border-radius: 6px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .location-map .in .right .gallery .image {
        border-radius: 4px
    }
}

.location-map .in .right .gallery .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.location-map .in .right .gallery .image:hover {
    opacity: .8
}

.block-text .block-text-wrapper {
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 15px 50px rgba(0, 0, 0, .08);
    box-shadow: 0 15px 50px rgba(0, 0, 0, .08)
}

@media (min-width:992px) and (max-width:1199px) {
    .block-text .block-text-wrapper {
        border-radius: 8px
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .block-text .block-text-wrapper {
        -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
        box-shadow: 0 5px 20px rgba(0, 0, 0, .08)
    }
}

@media (min-width:768px) and (max-width:991px) {
    .block-text .block-text-wrapper {
        border-radius: 6px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .block-text .block-text-wrapper {
        padding: 5px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .block-text .block-text-wrapper {
        border-radius: 4px;
        -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
        box-shadow: 0 2px 10px rgba(0, 0, 0, .08)
    }
}

.block-text .in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px;
    padding: 30px;
    border-radius: 10px;
    border: 1px solid rgba(226, 227, 230, .5)
}

@media (min-width:992px) and (max-width:1199px) {
    .block-text .in {
        gap: 25px;
        padding: 20px;
        border-radius: 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .block-text .in {
        border-radius: 6px;
        gap: 20px;
        padding: 15px;
        border-radius: 6px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .block-text .in {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px;
        padding: 10px;
        border-radius: 4px
    }
}

.block-text .in .left {
    width: 60%
}

@media (min-width:768px) and (max-width:991px) {
    .block-text .in .left {
        width: 65%
    }
}

@media (min-width:0px) and (max-width:767px) {
    .block-text .in .left {
        width: 100%
    }
}

.block-text .in .right {
    width: 40%;
    height: 100%
}

@media (min-width:768px) and (max-width:991px) {
    .block-text .in .right {
        width: 35%
    }
}

@media (min-width:0px) and (max-width:767px) {
    .block-text .in .right {
        width: 100%
    }
}

.house-info:first-child {
    padding-top: 40px
}

@media (min-width:992px) and (max-width:1199px) {
    .house-info:first-child {
        padding-top: 35px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .house-info:first-child {
        padding-top: 25px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .house-info:first-child {
        padding-top: 15px
    }
}

.house-info .house-info-wrapper {
    padding: 10px;
    -webkit-box-shadow: 0 15px 50px rgba(0, 0, 0, .08);
    box-shadow: 0 15px 50px rgba(0, 0, 0, .08);
    border-radius: 10px;
    background: #fff
}

@media (min-width:992px) and (max-width:1199px) {
    .house-info .house-info-wrapper {
        border-radius: 8px
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .house-info .house-info-wrapper {
        -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
        box-shadow: 0 5px 20px rgba(0, 0, 0, .08)
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .house-info .house-info-wrapper {
        padding: 5px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .house-info .house-info-wrapper {
        border-radius: 6px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .house-info .house-info-wrapper {
        border-radius: 4px;
        -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
        box-shadow: 0 2px 10px rgba(0, 0, 0, .08)
    }
}

.house-info .house-info-wrapper .in {
    border-radius: 10px;
    border: 1px solid rgba(226, 227, 230, .5);
    padding: 10px
}

@media (min-width:992px) and (max-width:1199px) {
    .house-info .house-info-wrapper .in {
        border-radius: 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .house-info .house-info-wrapper .in {
        border-radius: 6px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .house-info .house-info-wrapper .in {
        border-radius: 4px
    }
}

.house-info .house-info-wrapper .in .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px
}

@media (min-width:992px) and (max-width:1199px) {
    .house-info .house-info-wrapper .in .top {
        gap: 25px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .house-info .house-info-wrapper .in .top {
        gap: 20px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .house-info .house-info-wrapper .in .top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px
    }
}

.house-info .house-info-wrapper .in .top .left {
    width: 43%
}

@media (min-width:0px) and (max-width:767px) {
    .house-info .house-info-wrapper .in .top .left {
        width: 100%
    }
}

.house-info .house-info-wrapper .in .top .left .gallery-top {
    position: relative;
    height: 380px
}

@media (min-width:992px) and (max-width:1199px) {
    .house-info .house-info-wrapper .in .top .left .gallery-top {
        height: 340px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .house-info .house-info-wrapper .in .top .left .gallery-top {
        height: 280px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .house-info .house-info-wrapper .in .top .left .gallery-top {
        height: 250px
    }
}

.house-info .house-info-wrapper .in .top .right {
    width: 57%
}

@media (min-width:0px) and (max-width:767px) {
    .house-info .house-info-wrapper .in .top .right {
        width: 100%
    }
}

.house-info .house-info-wrapper .in .top .right .title i {
    color: #3f7bd4
}

.house-info .house-info-wrapper .in .top .right .text-in:not(:first-child) {
    margin-top: 15px
}

@media (min-width:0px) and (max-width:767px) {
    .house-info .house-info-wrapper .in .top .right .text-in:not(:first-child) {
        margin-top: 10px
    }
}

.house-info .house-info-wrapper .in .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px
}

@media (min-width:992px) and (max-width:1199px) {
    .house-info .house-info-wrapper .in .bottom {
        gap: 25px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .house-info .house-info-wrapper .in .bottom {
        gap: 20px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .house-info .house-info-wrapper .in .bottom {
        gap: 15px
    }
}

.house-info .house-info-wrapper .in .bottom .item {
    color: inherit;
    text-decoration: none;
    width: calc(50% - 15px);
    border: 1px solid #f7f7f7;
    padding: 15px;
    border-radius: 10px;
    -webkit-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    transition: all .2s ease-out !important
}

@media (min-width:992px) and (max-width:1199px) {
    .house-info .house-info-wrapper .in .bottom .item {
        width: calc(50% - 12.5px);
        border-radius: 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .house-info .house-info-wrapper .in .bottom .item {
        width: calc(50% - 10px);
        border-radius: 6px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .house-info .house-info-wrapper .in .bottom .item {
        width: calc(50% - 7.5px);
        padding: 10px;
        border-radius: 4px
    }
}

.house-info .house-info-wrapper .in .bottom .item:hover {
    border: 1px solid #e5e5e5
}

.breadcrumbs+.house-info {
    padding-top: 40px
}

@media (min-width:992px) and (max-width:1199px) {
    .breadcrumbs+.house-info {
        padding-top: 35px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .breadcrumbs+.house-info {
        padding-top: 25px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .breadcrumbs+.house-info {
        padding-top: 15px
    }
}

.block-with-video {
    z-index: 2;
    position: relative
}

.block-with-video .title i {
    color: #3f7bd4
}

.block-with-video .block-with-video-wrapper {
    -webkit-box-shadow: 0 15px 50px rgba(0, 0, 0, .08);
    box-shadow: 0 15px 50px rgba(0, 0, 0, .08);
    padding: 10px;
    border-radius: 10px;
    background: #fff
}

@media (min-width:992px) and (max-width:1199px) {
    .block-with-video .block-with-video-wrapper {
        border-radius: 8px
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .block-with-video .block-with-video-wrapper {
        -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
        box-shadow: 0 5px 20px rgba(0, 0, 0, .08)
    }
}

@media (min-width:768px) and (max-width:991px) {
    .block-with-video .block-with-video-wrapper {
        border-radius: 6px
    }
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .block-with-video .block-with-video-wrapper {
        padding: 5px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .block-with-video .block-with-video-wrapper {
        border-radius: 4px;
        -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
        box-shadow: 0 2px 10px rgba(0, 0, 0, .08)
    }
}

.block-with-video .block-with-video-wrapper:not(:first-child) {
    margin-top: 30px
}

@media (min-width:992px) and (max-width:1199px) {
    .block-with-video .block-with-video-wrapper:not(:first-child) {
        margin-top: 25px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .block-with-video .block-with-video-wrapper:not(:first-child) {
        margin-top: 20px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .block-with-video .block-with-video-wrapper:not(:first-child) {
        margin-top: 15px
    }
}

.block-with-video .in {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 30px;
    border-radius: 10px;
    padding: 30px;
    border: 1px solid rgba(226, 227, 230, .5)
}

@media (min-width:992px) and (max-width:1199px) {
    .block-with-video .in {
        grid-gap: 20px;
        border-radius: 8px;
        padding: 20px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .block-with-video .in {
        grid-gap: 15px;
        border-radius: 6px;
        padding: 15px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .block-with-video .in {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px;
        border-radius: 4px;
        padding: 10px
    }
}

.block-with-video .in .left .text-in:not(:first-child) {
    margin-top: 15px
}

@media only screen and (min-width:0px) and (max-width:991px) {
    .block-with-video .in .left .text-in:not(:first-child) {
        margin-top: 10px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .block-with-video .in .right {
        width: 100%
    }
}

.block-with-video .in .right .video-wrapper .video {
    position: relative;
    border-radius: 10px;
    overflow: hidden
}

@media (min-width:992px) and (max-width:1199px) {
    .block-with-video .in .right .video-wrapper .video {
        border-radius: 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .block-with-video .in .right .video-wrapper .video {
        border-radius: 6px
    }
}

@media (min-width:0px) and (max-width:767px) {
    .block-with-video .in .right .video-wrapper .video {
        border-radius: 4px;
        max-height: 300px
    }
}

.block-with-video .in .right .video-wrapper .video img {
    width: 100%;
    max-height: 320px;
    justify-self: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width:992px) and (max-width:1199px) {
    .block-with-video .in .right .video-wrapper .video img {
        height: auto;
        max-height: inherit
    }
}

@media (min-width:0px) and (max-width:767px) {
    .block-with-video .in .right .video-wrapper .video img {
        max-height: 300px
    }
}

.block-with-video .in .right .video-wrapper:hover .youtube-play-btn {
    opacity: .8
}

.house-constructor .title i {
    color: #3f7bd4
}

.house-constructor .title+.subtitle {
    margin-top: 10px
}

.house-customizer-wrapper.svelte-6w18vb.svelte-6w18vb {
    max-width: 1200px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, .04);
    box-shadow: 0 15px 15px rgba(0, 0, 0, .04)
}

.house-customizer-wrapper.svelte-6w18vb canvas.svelte-6w18vb {
    max-width: 100%;
    height: auto
}

@media (max-width:990px) {
    .house-customizer-wrapper.svelte-6w18vb.svelte-6w18vb {
        max-width: 95vw;
        width: 100%
    }
}

@media (max-width:767px) {
    .house-customizer-wrapper.svelte-6w18vb.svelte-6w18vb {
        position: relative
    }
}

.house-customizer-controlls.svelte-13g6ngr {
    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;
    width: 100%;
    padding: .5em;
    margin: 0;
    background-color: #fff;
    list-style: none
}

@media (max-width:990px) {
    .house-customizer-controlls.svelte-13g6ngr {
        max-width: 100%;
        padding: .5em 0
    }
}

@media (max-width:767px) {
    .house-customizer-controlls.svelte-13g6ngr {
        max-width: none;
        width: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        overflow-x: scroll;
        padding-left: 1em;
        padding-top: 1em
    }
}

.house-customizer-controlls__item.svelte-xdyuo0.svelte-xdyuo0 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 1.5em
}

.house-customizer-controlls__item.active.svelte-xdyuo0 img.svelte-xdyuo0 {
    border: 3px solid #eabe47;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.house-customizer-controlls__item.svelte-xdyuo0:hover img.svelte-xdyuo0 {
    border: 3px solid #eabe47
}

.house-customizer-controlls__item.svelte-xdyuo0 img.svelte-xdyuo0 {
    width: 70px;
    height: 70px;
    border: 3px solid #ffd86f;
    border-radius: 50%;
    overflow: hidden;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .05);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .05);
    cursor: pointer;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: border .2s ease-in, -webkit-transform .2s ease-in;
    transition: border .2s ease-in, -webkit-transform .2s ease-in;
    -o-transition: transform .2s ease-in, border .2s ease-in;
    transition: transform .2s ease-in, border .2s ease-in;
    transition: transform .2s ease-in, border .2s ease-in, -webkit-transform .2s ease-in
}

.house-customizer-controlls__item.svelte-xdyuo0 .color-marker.svelte-xdyuo0 {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #ffd86f;
    position: absolute;
    left: -5px;
    top: -5px;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .05);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .05)
}

@media (max-width:767px) {
    .house-customizer-controlls__item.svelte-xdyuo0.svelte-xdyuo0 {
        position: static;
        margin: 0;
        margin-right: 2em;
        min-width: 50px;
        min-height: 50px
    }
    .house-customizer-controlls__item.svelte-xdyuo0 img.svelte-xdyuo0 {
        width: 50px;
        height: 50px
    }
    .house-customizer-controlls__item.svelte-xdyuo0 .description.svelte-xdyuo0 {
        position: relative;
        min-width: 60px;
        text-align: center
    }
    .house-customizer-controlls__item.svelte-xdyuo0 .description .color-marker.svelte-xdyuo0 {
        top: -60px;
        left: -5px
    }
}

.house-customizer-colors.svelte-knzepr {
    position: absolute;
    top: 0;
    left: 50%;
    max-height: 50vh;
    min-width: 100%;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse wrap-reverse;
    flex-flow: column-reverse wrap-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    -webkit-transform: translateY(calc((100% + 20px) * -1)) translateX(-50%);
    -ms-transform: translateY(calc((100% + 20px) * -1)) translateX(-50%);
    transform: translateY(calc((100% + 20px) * -1)) translateX(-50%)
}

@media (min-width:768px) and (max-width:990px) {
    .house-customizer-colors.svelte-knzepr {
        max-height: 400px
    }
}

@media (max-width:767px) {
    .house-customizer-colors.svelte-knzepr {
        left: 0;
        top: calc(100% - 160px);
        -webkit-transform: translateY(0) translateX(0);
        -ms-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        max-width: 100%;
        overflow-x: scroll;
        padding-left: 1em
    }
}

.house-customizer-colors__item.svelte-1d8az6z.svelte-1d8az6z {
    border-radius: 50%;
    border: 3px solid #fff;
    width: 50px;
    height: 50px;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    margin: .5em;
    cursor: pointer;
    -webkit-transition: border .3s ease-in, box-shadow .3s ease-out;
    -webkit-transition: border .3s ease-in, -webkit-box-shadow .3s ease-out;
    transition: border .3s ease-in, -webkit-box-shadow .3s ease-out;
    -o-transition: border .3s ease-in, box-shadow .3s ease-out;
    transition: border .3s ease-in, box-shadow .3s ease-out;
    transition: border .3s ease-in, box-shadow .3s ease-out, -webkit-box-shadow .3s ease-out;
    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
}

.house-customizer-colors__item.active.svelte-1d8az6z.svelte-1d8az6z {
    border: 3px solid #ffd86f
}

.house-customizer-colors__item.svelte-1d8az6z.svelte-1d8az6z:hover {
    border: 3px solid #ffd86f;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .2);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .2)
}

.house-customizer-colors__item.svelte-1d8az6z span.svelte-1d8az6z {
    font-size: .6em;
    color: #fff
}

@media (max-width:767px) {
    .house-customizer-colors__item.svelte-1d8az6z.svelte-1d8az6z {
        position: static;
        margin: 0;
        margin-right: 1em;
        min-width: 50px;
        min-height: 50px
    }
}

.webp .cbform-sample .cbform-sample-wrapper:after {
    background: url(../../../themes/karkasnye-doma/images/cbform-sample/bg.webp) no-repeat top right
}

.webp .cbform-viewing {
    background: url(../../../themes/karkasnye-doma/images/cbform-viewing/bg.webp) no-repeat
}

.webp .cbform .in {
    background-image: url(../../../themes/karkasnye-doma/images/cbform/bg.webp)
}

/*! This file is auto-generated */

.wp-block-button__link {
    color: #fff;
    background-color: #32373c;
    border-radius: 9999px;
    box-shadow: none;
    text-decoration: none;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    font-size: 1.125em
}

.wp-block-file__button {
    background: #32373c;
    color: #fff;
    text-decoration: none
}

#wpfront-scroll-top-container {
    display: none;
    position: fixed;
    cursor: pointer;
    z-index: 9999
}

#wpfront-scroll-top-container div.text-holder {
    padding: 3px 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 4px 4px 5px 0 rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 4px 4px 5px 0 rgba(50, 50, 50, 0.5);
    box-shadow: 4px 4px 5px 0 rgba(50, 50, 50, 0.5)
}

#wpfront-scroll-top-container a {
    outline-style: none;
    box-shadow: none;
    text-decoration: none
}