@font-face {
    font-family: 'Proxima';
    src: url('../fonts/Proxima/ProximaNova-Black.eot');
    src: local('Proxima Nova Black'), local('ProximaNova-Black'), url('../fonts/Proxima/ProximaNova-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Proxima/ProximaNova-Black.woff2') format('woff2'), url('../fonts/Proxima/ProximaNova-Black.woff') format('woff'), url('../fonts/Proxima/ProximaNova-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima';
    src: url('../fonts/Proxima/ProximaNova-BlackIt.eot');
    src: local('Proxima Nova Black Italic'), local('ProximaNova-BlackIt'), url('../fonts/Proxima/ProximaNova-BlackIt.eot?#iefix') format('embedded-opentype'), url('../fonts/Proxima/ProximaNova-BlackIt.woff2') format('woff2'), url('../fonts/Proxima/ProximaNova-BlackIt.woff') format('woff'), url('../fonts/Proxima/ProximaNova-BlackIt.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima';
    src: url('../fonts/Proxima/ProximaNova-Extrabld.eot');
    src: local('Proxima Nova Extrabold'), local('ProximaNova-Extrabld'), url('../fonts/Proxima/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'), url('../fonts/Proxima/ProximaNova-Extrabld.woff2') format('woff2'), url('../fonts/Proxima/ProximaNova-Extrabld.woff') format('woff'), url('../fonts/Proxima/ProximaNova-Extrabld.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima';
    src: url('../fonts/Proxima/ProximaNova-ExtrabldIt.eot');
    src: local('Proxima Nova Extrabold Italic'), local('ProximaNova-ExtrabldIt'), url('../fonts/Proxima/ProximaNova-ExtrabldIt.eot?#iefix') format('embedded-opentype'), url('../fonts/Proxima/ProximaNova-ExtrabldIt.woff2') format('woff2'), url('../fonts/Proxima/ProximaNova-ExtrabldIt.woff') format('woff'), url('../fonts/Proxima/ProximaNova-ExtrabldIt.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima';
    src: url('../fonts/Proxima/ProximaNova-Semibold.eot');
    src: local('Proxima Nova Semibold'), local('ProximaNova-Semibold'), url('../fonts/Proxima/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/Proxima/ProximaNova-Semibold.woff2') format('woff2'), url('../fonts/Proxima/ProximaNova-Semibold.woff') format('woff'), url('../fonts/Proxima/ProximaNova-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima';
    src: url('../fonts/Proxima/ProximaNova-SemiboldIt.eot');
    src: local('Proxima Nova Semibold Italic'), local('ProximaNova-SemiboldIt'), url('../fonts/Proxima/ProximaNova-SemiboldIt.eot?#iefix') format('embedded-opentype'), url('../fonts/Proxima/ProximaNova-SemiboldIt.woff2') format('woff2'), url('../fonts/Proxima/ProximaNova-SemiboldIt.woff') format('woff'), url('../fonts/Proxima/ProximaNova-SemiboldIt.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima';
    src: url('../fonts/Proxima/ProximaNova-Light.eot');
    src: local('Proxima Nova Light'), local('ProximaNova-Light'), url('../fonts/Proxima/ProximaNova-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Proxima/ProximaNova-Light.woff2') format('woff2'), url('../fonts/Proxima/ProximaNova-Light.woff') format('woff'), url('../fonts/Proxima/ProximaNova-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima';
    src: url('../fonts/Proxima/ProximaNova-LightIt.eot');
    src: local('Proxima Nova Light Italic'), local('ProximaNova-LightIt'), url('../fonts/Proxima/ProximaNova-LightIt.eot?#iefix') format('embedded-opentype'), url('../fonts/Proxima/ProximaNova-LightIt.woff2') format('woff2'), url('../fonts/Proxima/ProximaNova-LightIt.woff') format('woff'), url('../fonts/Proxima/ProximaNova-LightIt.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima';
    src: url('../fonts/Proxima/ProximaNovaT-Thin.eot');
    src: local('Proxima Nova Thin'), local('ProximaNovaT-Thin'), url('../fonts/Proxima/ProximaNovaT-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Proxima/ProximaNovaT-Thin.woff2') format('woff2'), url('../fonts/Proxima/ProximaNovaT-Thin.woff') format('woff'), url('../fonts/Proxima/ProximaNovaT-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima';
    src: url('../fonts/Proxima/ProximaNova-ThinIt.eot');
    src: local('Proxima Nova Thin Italic'), local('ProximaNova-ThinIt'), url('../fonts/Proxima/ProximaNova-ThinIt.eot?#iefix') format('embedded-opentype'), url('../fonts/Proxima/ProximaNova-ThinIt.woff2') format('woff2'), url('../fonts/Proxima/ProximaNova-ThinIt.woff') format('woff'), url('../fonts/Proxima/ProximaNova-ThinIt.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima';
    src: url('../fonts/Proxima/ProximaNova-Bold.eot');
    src: local('Proxima Nova Bold'), local('ProximaNova-Bold'), url('../fonts/Proxima/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Proxima/ProximaNova-Bold.woff2') format('woff2'), url('../fonts/Proxima/ProximaNova-Bold.woff') format('woff'), url('../fonts/Proxima/ProximaNova-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima';
    src: url('../fonts/Proxima/ProximaNova-BoldIt.eot');
    src: local('Proxima Nova Bold Italic'), local('ProximaNova-BoldIt'), url('../fonts/Proxima/ProximaNova-BoldIt.eot?#iefix') format('embedded-opentype'), url('../fonts/Proxima/ProximaNova-BoldIt.woff2') format('woff2'), url('../fonts/Proxima/ProximaNova-BoldIt.woff') format('woff'), url('../fonts/Proxima/ProximaNova-BoldIt.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima';
    src: url('../fonts/Proxima/ProximaNova-RegularIt.eot');
    src: local('Proxima Nova Regular Italic'), local('ProximaNova-RegularIt'), url('../fonts/Proxima/ProximaNova-RegularIt.eot?#iefix') format('embedded-opentype'), url('../fonts/Proxima/ProximaNova-RegularIt.woff2') format('woff2'), url('../fonts/Proxima/ProximaNova-RegularIt.woff') format('woff'), url('../fonts/Proxima/ProximaNova-RegularIt.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima';
    src: url('../fonts/Proxima/ProximaNova-Regular.eot');
    src: local('Proxima Nova Regular'), local('ProximaNova-Regular'), url('../fonts/Proxima/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Proxima/ProximaNova-Regular.woff2') format('woff2'), url('../fonts/Proxima/ProximaNova-Regular.woff') format('woff'), url('../fonts/Proxima/ProximaNova-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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

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

.ic-arrow-down:before {
    content: "\e91b";
}

.ic-arrow-left:before {
    content: "\e91c";
}

.ic-arrow-right:before {
    content: "\e91d";
}

.ic-arrow-up:before {
    content: "\e91e";
}

.ic-test:before {
    content: "\e911";
}

.ic-furnitures:before {
    content: "\e912";
}

.ic-website:before {
    content: "\e913";
}

.ic-contractor:before {
    content: "\e914";
}

.ic-interior-design:before {
    content: "\e915";
}

.ic-arrow-down2:before {
    content: "\e903";
}

.ic-arrow-left3:before {
    content: "\e908";
}

.ic-arrow-right3:before {
    content: "\e90d";
}

.ic-arrow-up1:before {
    content: "\e910";
}

.ic-instagram:before {
    content: "\e900";
}

.ic-chat:before {
    content: "\e901";
}

.ic-facebook:before {
    content: "\e902";
}

.ic-arrow-left1:before {
    content: "\e904";
}

.ic-phone1:before {
    content: "\e905";
}

.ic-ok:before {
    content: "\e906";
}

.ic-twitter:before {
    content: "\e907";
}

.ic-socialbtn:before {
    content: "\e909";
}

.ic-vk:before {
    content: "\e90a";
}

.ic-whatsapp:before {
    content: "\e90b";
}

.ic-telega:before {
    content: "\e90c";
}

.ic-facebook1:before {
    content: "\e90e";
}

.ic-arrow-right1:before {
    content: "\e90f";
}

.ic-phone:before {
    content: "\e916";
}

.ic-search:before {
    content: "\e917";
}

.ic-earth:before {
    content: "\e9ca";
}

.ic-link:before {
    content: "\e9cb";
}

.ic-attachment:before {
    content: "\e9cd";
}

.ic-star-empty:before {
    content: "\e9d7";
}

.ic-star-half:before {
    content: "\e9d8";
}

.ic-star-full:before {
    content: "\e9d9";
}

.ic-heart:before {
    content: "\e9da";
}

.ic-arrow-down1:before {
    content: "\e91a";
}

.ic-certificate:before {
    content: "\e953";
}

.ic-warranty:before {
    content: "\e920";
}

.ic-customer-service-agent:before {
    content: "\e91f";
}

.ic-phoneblack:before {
    content: "\e925";
}

.ic-user:before {
    content: "\e923";
}

.ic-place:before {
    content: "\e922";
}

.ic-appeal:before {
    content: "\e924";
}

.ic-world:before {
    content: "\e921";
}

.ic-clock:before {
    content: "\e92f";
}

.ic-flag:before {
    content: "\e935";
}

.ic-map-pin:before {
    content: "\e93d";
}

.ic-message-circle:before {
    content: "\e93e";
}

.ic-minus:before {
    content: "\e940";
}

.ic-paperclip:before {
    content: "\e942";
}

.ic-phone2:before {
    content: "\e943";
}

.ic-phone-call:before {
    content: "\e944";
}

.ic-play1:before {
    content: "\e945";
}

.ic-plus:before {
    content: "\e946";
}

.ic-settings:before {
    content: "\e947";
}

.ic-share-2:before {
    content: "\e948";
}

.ic-close:before {
    content: "\e94d";
}

.ic-arrow-right2:before {
    content: "\e918";
}

.ic-arrow-left2:before {
    content: "\e919";
}

html {
    font-family: "Proxima", Arial, Tahoma;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-weight: normal;
    font-style: normal;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

html.disable-scrolling {
    overflow: hidden;
}

body {
    margin: 0;
    font-size: 16px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

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

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

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

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

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

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

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

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

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

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 1em 40px;
}

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

pre {
    overflow: auto;
}

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

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

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

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

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

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

input {
    line-height: normal;
}

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

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

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

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

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

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

.text-right {
    text-align: right;
}

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

td,
th {
    padding: 0;
}

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

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 14px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #007cc2;
    text-decoration: none;
    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    -o-transition: color 0.5s;
    transition: color 0.5s;
}

a:hover,
a:focus {
    color: #7CD1ED;
    text-decoration: underline;
}

a:focus {
    outline: 0;
    outline-offset: 0;
}

figure {
    margin: 0;
}

img {
    vertical-align: middle;
    margin: 0;
}

.img-responsive {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 6px;
}

.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive.embed-responsive-4by3 {
    padding-bottom: 75%;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

[role="button"] {
    cursor: pointer;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 12px;
    padding-right: 12px;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

@media (min-width: 1300px) {
    .container {
        width: 1270px;
    }
}

@media (min-width: 1400px) {
    .container {
        width: 1360px;
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
}

.row {
    margin-left: -12px;
    margin-right: -12px;
}

.split-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.split-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

@media (min-width: 768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 992px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-pull-11 {
        right: 91.66666667%;
    }
    .col-md-pull-10 {
        right: 83.33333333%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-8 {
        right: 66.66666667%;
    }
    .col-md-pull-7 {
        right: 58.33333333%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-5 {
        right: 41.66666667%;
    }
    .col-md-pull-4 {
        right: 33.33333333%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-2 {
        right: 16.66666667%;
    }
    .col-md-pull-1 {
        right: 8.33333333%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-push-11 {
        left: 91.66666667%;
    }
    .col-md-push-10 {
        left: 83.33333333%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-8 {
        left: 66.66666667%;
    }
    .col-md-push-7 {
        left: 58.33333333%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-5 {
        left: 41.66666667%;
    }
    .col-md-push-4 {
        left: 33.33333333%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-2 {
        left: 16.66666667%;
    }
    .col-md-push-1 {
        left: 8.33333333%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 1200px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-pull-11 {
        right: 91.66666667%;
    }
    .col-lg-pull-10 {
        right: 83.33333333%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-8 {
        right: 66.66666667%;
    }
    .col-lg-pull-7 {
        right: 58.33333333%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-5 {
        right: 41.66666667%;
    }
    .col-lg-pull-4 {
        right: 33.33333333%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-2 {
        right: 16.66666667%;
    }
    .col-lg-pull-1 {
        right: 8.33333333%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-push-11 {
        left: 91.66666667%;
    }
    .col-lg-push-10 {
        left: 83.33333333%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-8 {
        left: 66.66666667%;
    }
    .col-lg-push-7 {
        left: 58.33333333%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-5 {
        left: 41.66666667%;
    }
    .col-lg-push-4 {
        left: 33.33333333%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-2 {
        left: 16.66666667%;
    }
    .col-lg-push-1 {
        left: 8.33333333%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-lg-offset-0 {
        margin-left: 0%;
    }
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
    content: " ";
    display: block;
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }
    table.visible-xs {
        display: table !important;
    }
    tr.visible-xs {
        display: table-row !important;
    }
    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }
    table.visible-sm {
        display: table !important;
    }
    tr.visible-sm {
        display: table-row !important;
    }
    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }
    table.visible-md {
        display: table !important;
    }
    tr.visible-md {
        display: table-row !important;
    }
    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }
    table.visible-lg {
        display: table !important;
    }
    tr.visible-lg {
        display: table-row !important;
    }
    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.text-justify {
    text-align: justify !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.row-flex,
.layout-row,
.row-flex-mobile {
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    display: flex;
    flex-flow: row wrap;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #b94a48;
}

.alert {
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.page-desc-box {
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
}

@media (max-width: 768px) {}

*:focus {
    outline: none;
}

input[type="email"],
input[type="password"],
input[type="tel"],
input[type="text"],
select,
textarea {
    background: #ffffff;
    border: 1px solid #bababd;
    background: linear-gradient(180deg, #f7f7f7, #ffffff00);
    border-radius: 2px;
    box-shadow: none;
    color: #383838;
    height: auto;
    font-size: 1em;
    padding: 8px 13px 7px;
    outline: 0;
    width: auto;
}

select {
    width: auto;
    max-width: 100%;
}

input[type="text"]:focus,
input[type="text"]:hover,
input[type="password"]:focus,
input[type="password"]:hover,
textarea:focus,
textarea:hover {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: none;
    z-index: 3;
    border-color: #9da3b1;
    background: #fff;
    outline: 0;
}

input::-webkit-input-placeholder {
    color: #bbbdbf;
}

input:-ms-input-placeholder {
    color: #bbbdbf;
}

input::-ms-input-placeholder {
    color: #bbbdbf;
}

input::placeholder {
    color: #bbbdbf;
}

.slick-slider {
    position: relative;
    display: none;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

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

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

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

.slick-track:after {
    clear: both;
}

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

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

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized {
    display: block;
}

.slick-initialized .slick-slide {
    display: block;
    outline: 0;
    outline-offset: 0;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

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

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

.slick-down {
    display: block;
    position: relative;
    margin: 0 auto;
    font-size: 0;
    line-height: 0;
    width: 42px;
    height: 42px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus,
.slick-down:hover,
.slick-down:focus {
    opacity: 0.8;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before,
.slick-down:hover:before,
.slick-down:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev {
    left: 0px;
    width: 50px;
    height: 50px;
}

.slick-prev:before,
[dir='rtl'] .slick-prev:before {
    font-family: 'Saparova' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "\e91c";
    font-size: 40px;
    color: #010101;
}

[dir='rtl'] .slick-prev {
    right: 0px;
    left: auto;
    width: 50px;
    height: 50px;
}

.slick-next {
    right: 0px;
    width: 50px;
    height: 50px;
}

.slick-next:before,
[dir='rtl'] .slick-next:before {
    font-family: 'Saparova' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "\e91d";
    font-size: 40px;
    color: #010101;
}

.slick-down:before,
[dir='rtl'] .slick-down:before {
    font-family: 'Saparova' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "\e91b";
    font-size: 40px;
    color: #010101;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: 0px;
    width: 50px;
    height: 50px;
}

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

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

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 5px;
    height: 5px;
    padding: 6px;
    cursor: pointer;
    color: transparent;
    border: none;
    border-radius: 100%;
    outline: none;
    background: rgba(68, 81, 92, 0.30);
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li.slick-active button {
    background: #f99302;
}

.slick-track {
    display: flex !important;
}

.slider-container {
    position: relative;
    overflow: hidden;
}

.slide {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    background-size: cover;
}

.slide img {
    margin: 0;
}

.checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 10px 0 0 7px;
}

.checkbox+label {
    position: relative;
    padding: 0 0 0 24px;
    cursor: pointer;
}

.checkbox+label:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #CDD1DA;
    border-radius: 2px;
    background: #FFF;
}

.checkbox+label:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 18px;
    height: 18px;
    background: url("../img/input_icons.svg") 50% 3px no-repeat;
    opacity: 0;
    transition: .2s;
}

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

.checkbox:checked+label:before {
    background: #ff8412;
    border: 1px solid #ff8412;
}

.checkbox+label span {
    color: #cccccc;
}

.radio {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 10px 0 0 7px;
}

.radio+label {
    position: relative;
    padding: 0 12px 0 24px;
    cursor: pointer;
}

.radio+label:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #CDD1DA;
    border-radius: 100%;
    background: #FFF;
}

.radio+label:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background: url("../img/input_icons.svg") 50% -18px no-repeat;
    opacity: 0;
    transition: .2s;
}

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

.radio:checked+label:before {
    background: #ff8412;
    border: 1px solid #ff8412;
}

.radio+label span {
    color: #cccccc;
}

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

.fancybox-active {
    height: auto;
}

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

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

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

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

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

.fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .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: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .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-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

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

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

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

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

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

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

.fancybox-button:focus {
    outline: none;
}

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

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

.fancybox-button div {
    height: 100%;
}

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

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

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

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

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

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

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

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

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

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

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

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

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

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

.fancybox-caption {
    background: linear-gradient(to top, 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%, rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

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

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

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

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

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

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

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

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

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

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

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

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

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

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

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

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

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

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

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

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

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

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

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

@media all and (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 0;
}

.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 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

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

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

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

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

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

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

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

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

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

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

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    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 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

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

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

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

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

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

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

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

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

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

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

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

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

.nav-is-visible {
    display: block;
}

.slinky-menu {
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.slinky-menu a.back {
    width: 50px;
    text-align: center;
    color: #010101;
    font-size: 40px;
}

.slinky-menu a span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1.4;
}

.slinky-menu li ul {
    display: none;
    left: 100%;
    position: absolute;
    top: 0;
}

.slinky-menu .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.slinky-menu .header .title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1.4;
    margin: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.slinky-theme-default {
    background: #f6f7f8;
}

.slinky-theme-default .title {
    color: #d8d8d8;
    padding: 0.7em;
    display: none;
}

.slinky-theme-default li.sub {
    font-weight: 600;
}

.slinky-theme-default a:not(.back) {
    color: #333;
    padding: 0;
}

.slinky-theme-default li.sub>a {
    color: #014e9f !important;
}

.slinky-theme-default .next::after {
    font-family: 'Saparova' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    margin-left: 1em;
    font-size: 0.8em;
    content: "\e90f";
}

.slinky-theme-default .back::before {
    padding: 0;
    font-family: 'Saparova' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    margin-left: 0.4em;
    content: "\e91c";
}

.slinky-menu {
    text-align: left;
}

.slinky-theme-default {
    background-color: #fff;
}

.slinky-menu ul {
    padding-left: 0;
}

.slinky-menu ul a {
    text-decoration: none;
}

.slinky-menu ul a:focus {
    outline: none;
}

.table,
.cells {
    margin: 20px 0;
}

.table,
.cells {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    display: table;
}

.table tr:nth-child(odd),
.cells tr:nth-child(odd) {
    background-color: #fff;
}

.table tr:nth-child(even),
.cells tr:nth-child(even) {
    background-color: #f1f1f1;
}

.table tr,
.cells tr {
    border-bottom: 1px solid #f1efef;
}

.table th,
.table td,
.cells td,
.cells th {
    padding: 8px 8px;
    display: table-cell;
    text-align: left;
    vertical-align: top;
}

.cells .coltop {
    text-align: center;
    background: #dcdcdc;
    color: #131212;
}

#social-menu a {
    color: #ffffff;
}

#social-menu a:hover,
#social-menu a:focus {
    text-decoration: none;
}

.mfb-component--br {
    box-sizing: border-box;
    margin: 25px;
    position: fixed;
    white-space: nowrap;
    z-index: 30;
    padding-left: 0;
    list-style: none;
}

.mfb-component--br *,
.mfb-component--br *:before,
.mfb-component--br *:after {
    box-sizing: inherit;
}

.mfb-component--br {
    right: 0;
    bottom: 0;
}

.mfb-component__button--main,
.mfb-component__button--child {
    background-color: #313139;
    display: inline-block;
    position: relative;
    border: none;
    border-radius: 50%;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
    cursor: pointer;
    outline: none;
    padding: 0;
    position: relative;
    -webkit-user-drag: none;
    color: #f1f1f1;
}

.mfb-component__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mfb-component__list>li {
    display: block;
    position: absolute;
    top: 0;
    right: 1px;
    padding: 10px 0;
    margin: -10px 0;
}

.mfb-component__icon,
.mfb-component__main-icon--active,
.mfb-component__main-icon--resting,
.mfb-component__child-icon {
    position: absolute;
    font-size: 22px;
    text-align: center;
    line-height: 56px;
    width: 100%;
}

.mfb-component__wrap {
    padding: 25px;
    margin: -25px;
}

[data-mfb-toggle="hover"]:hover .mfb-component__icon,
[data-mfb-toggle="hover"]:hover .mfb-component__main-icon--active,
[data-mfb-toggle="hover"]:hover .mfb-component__main-icon--resting,
[data-mfb-toggle="hover"]:hover .mfb-component__child-icon,
[data-mfb-state="open"] .mfb-component__icon,
[data-mfb-state="open"] .mfb-component__main-icon--active,
[data-mfb-state="open"] .mfb-component__main-icon--resting,
[data-mfb-state="open"] .mfb-component__child-icon {
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}

[data-mfb-toggle="hover"]:hover .mfb-circlephone,
[data-mfb-state="open"] .mfb-circlephone,
[data-mfb-toggle="hover"]:hover .mfb-circle-fill,
[data-mfb-state="open"] .mfb-circle-fill {
    display: none;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all 0.5s;
}

.mfb-component__button--main {
    height: 56px;
    width: 56px;
    z-index: 20;
}

.mfb-component__button--child {
    height: 56px;
    width: 56px;
}

.mfb-component__main-icon--active,
.mfb-component__main-icon--resting {
    -webkit-transform: scale(1) rotate(360deg);
    transform: scale(1) rotate(360deg);
    -webkit-transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 1, 1);
    transition: transform 150ms cubic-bezier(0.4, 0, 1, 1);
}

.mfb-component__child-icon,
.mfb-component__child-icon {
    line-height: 56px;
    font-size: 18px;
}

.mfb-component__main-icon--active {
    opacity: 0;
}

[data-mfb-toggle="hover"]:hover .mfb-component__main-icon,
[data-mfb-state="open"] .mfb-component__main-icon {
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}

[data-mfb-toggle="hover"]:hover .mfb-component__main-icon--resting,
[data-mfb-state="open"] .mfb-component__main-icon--resting {
    opacity: 0;
    position: absolute !important;
}

[data-mfb-toggle="hover"]:hover .mfb-component__main-icon--active,
[data-mfb-state="open"] .mfb-component__main-icon--active {
    opacity: 1;
}

.mfb-component--br.mfb-slidein .mfb-component__list li {
    opacity: 0;
    transition: all 0.5s;
}

.mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li,
.mfb-component--br.mfb-slidein[data-mfb-state="open"] .mfb-component__list li {
    opacity: 1;
}

.mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(1) {
    -webkit-transform: translateY(-70px);
    transform: translateY(-70px);
}

.mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(2) {
    -webkit-transform: translateY(-140px);
    transform: translateY(-140px);
}

.mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(3) {
    -webkit-transform: translateY(-210px);
    transform: translateY(-210px);
}

.mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(4) {
    -webkit-transform: translateY(-280px);
    transform: translateY(-280px);
}

.mfb-circlephone {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    border: 2px solid #4f4f54;
    width: 100px;
    height: 100px;
    bottom: -18px;
    right: -24px;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    opacity: .5;
    -webkit-animation: circle-anim 2.4s infinite ease-in-out !important;
    -moz-animation: circle-anim 2.4s infinite ease-in-out !important;
    -ms-animation: circle-anim 2.4s infinite ease-in-out !important;
    -o-animation: circle-anim 2.4s infinite ease-in-out !important;
    animation: circle-anim 2.4s infinite ease-in-out !important;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all 0.5s;
}

.mfb-circle-fill {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    background-color: #4f4f54;
    width: 76px;
    height: 76px;
    bottom: -6px;
    right: -12px;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: circle-fill-anim 2.3s infinite ease-in-out;
    animation: circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all 0.5s;
}

.st-facebook {
    background: #3b5998;
}

.st-vk {
    background: #507299;
}

.st-instagram {
    background: #FF0066;
}

.st-whatsapp {
    background: #5EC758;
}

.st-max {
    background: #5D3BEA;
}

.st-telegram {
    background: #2ea3e6;
}

.st-phone {
    background: #351c75;
}

@keyframes pulse {
    0% {
        transform: scale(0.9);
        opacity: 1;
    }
    50% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(0.9);
        opacity: 1;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.95);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(0.95);
        opacity: 1;
    }
}

@keyframes tossing {
    0% {
        transform: rotate(-8deg);
    }
    50% {
        transform: rotate(8deg);
    }
    100% {
        transform: rotate(-8deg);
    }
}

@-webkit-keyframes tossing {
    0% {
        -webkit-transform: rotate(-8deg);
    }
    50% {
        -webkit-transform: rotate(8deg);
    }
    100% {
        -webkit-transform: rotate(-8deg);
    }
}

@-moz-keyframes circle-anim {
    0% {
        -moz-transform: rotate(0deg) scale(0.5) skew(1deg);
        opacity: .1;
        -moz-opacity: .1;
        -webkit-opacity: .1;
        -o-opacity: .1;
    }
    30% {
        -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .5;
        -moz-opacity: .5;
        -webkit-opacity: .5;
        -o-opacity: .5;
    }
    100% {
        -moz-transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .6;
        -moz-opacity: .6;
        -webkit-opacity: .6;
        -o-opacity: .1;
    }
}

@-webkit-keyframes circle-anim {
    0% {
        -webkit-transform: rotate(0deg) scale(0.5) skew(1deg);
        -webkit-opacity: .1;
    }
    30% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
        -webkit-opacity: .5;
    }
    100% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        -webkit-opacity: .1;
    }
}

@-o-keyframes circle-anim {
    0% {
        -o-transform: rotate(0deg) kscale(0.5) skew(1deg);
        -o-opacity: .1;
    }
    30% {
        -o-transform: rotate(0deg) scale(0.7) skew(1deg);
        -o-opacity: .5;
    }
    100% {
        -o-transform: rotate(0deg) scale(1) skew(1deg);
        -o-opacity: .1;
    }
}

@keyframes circle-anim {
    0% {
        transform: rotate(0deg) scale(0.5) skew(1deg);
        opacity: .1;
    }
    30% {
        transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .5;
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .1;
    }
}

@-moz-keyframes circle-fill-anim {
    0% {
        -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
    50% {
        -moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);
        opacity: .2;
    }
    100% {
        -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
}

@-webkit-keyframes circle-fill-anim {
    0% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
    50% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2;
    }
    100% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
}

@-o-keyframes circle-fill-anim {
    0% {
        -o-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
    50% {
        -o-transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2;
    }
    100% {
        -o-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
}

@keyframes circle-fill-anim {
    0% {
        transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2;
    }
    100% {
        transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
}

html {
    height: 100%;
}

body {
    min-height: 100%;
    font-weight: 300;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
    line-height: 1.15em;
    margin: 0.6em 0;
    color: #313139;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #313139;
    text-decoration: none;
}

h1 {
    font-size: 3em;
}

h2 {
    font-size: 2.5em;
}

h3 {
    font-size: 2em;
}

h4 {
    font-size: 1.5em;
}

h5 {
    font-size: 1em;
}

p {
    line-height: 1.45em;
    margin: 0 0 0.6em 0;
}

ul {
    list-style: none;
}

.btn {
    background: #313139;
    background: -moz-linear-gradient(0deg, #313139 0%, #737373 100%);
    background: -webkit-linear-gradient(0deg, #313139 0%, #737373 100%);
    background: linear-gradient(0deg, #313139 0%, #737373 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#313139", endColorstr="#737373", GradientType=1);
    color: #ffffff;
    box-shadow: inset 0px 1px 0px 0px #000000;
    border: 0;
    border-left: 1px solid #1b1b1b;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    font-size: 1em;
    padding: 12px 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.btn:hover {
    text-decoration: none;
    color: #ffffff;
    background: #448aa1;
    background: -moz-linear-gradient(0deg, #04394a 0%, #7CD1ED 100%);
    background: -webkit-linear-gradient(0deg, #04394a 0%, #7CD1ED 100%);
    background: linear-gradient(0deg, #04394a 0%, #7CD1ED 100%);
    border-left: 1px solid #3f849a;
    box-shadow: inset 0px 1px 0px 0px #448aa1;
}

#header .header-container,
#header .logo-col,
#header .menu-col,
#header.header-sticky .logo-col,
#header .logo {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

#header,
.header-sticky {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}

#header {
    background: #ffffff;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 120px;
}

#category #header,
#home #header,
#page #header {
    -webkit-box-shadow: 0px 2px 92px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 2px 92px 0px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 2px 92px 0px rgb(0 0 0 / 10%);
}

#header.header-sticky {
    height: 72px !important;
}

#header.header-sticky .logo {
    max-width: 160px;
    max-height: 28px;
}

#header.header-sticky #navigation ul#menu .sub-menu {
    padding-top: 40px;
}

#header .header-container {
    display: table;
    width: 100%;
    position: relative;
}

#header .logo-col {
    display: table-cell;
    vertical-align: middle;
    width: 200px;
    padding: 44px 0;
}

#header.header-sticky .logo-col {
    width: 200px;
    padding: 20px 0;
}

#header .menu-col {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding: 44px 0;
}

#header.header-sticky .menu-col {
    padding: 20px 0;
}

#header .trigger-col {
    display: none;
    vertical-align: middle;
    padding: 0;
    width: 40px;
}

#header .social-col {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    width: 145px;
}

#header .logo {
    height: auto;
    width: auto;
    display: block;
    max-width: 190px;
    max-height: 35px;
    vertical-align: middle;
}

.menu-col #navigation {
    max-width: 700px;
    float: right;
    width: 100%;
    font-size: 1.2em;
}

.menu-col #navigation ul#menu {
    margin: 0;
    padding: 0;
    float: right;
    display: table;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.menu-col #navigation ul#menu li {
    position: relative;
    display: table-cell;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: auto;
    flex-grow: 1;
    max-height: none;
    vertical-align: middle;
    text-transform: uppercase;
    text-align: left;
}

.menu-col #navigation ul#menu li a {
    color: #313139;
    cursor: pointer;
    text-decoration: none;
    font-family: "Manrope", sans-serif;
    font-weight: 300;
}

.menu-col #navigation ul#menu li a:hover {
    color: #7CD1ED;
}

.menu-col #navigation ul#menu .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    width: 200px;
    left: -20px;
    padding: 60px 20px 10px 20px;
    background-color: #fff;
    z-index: 100;
}

.visib {
    visibility: visible !important;
    opacity: 1 !important;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.menu-col #navigation ul#menu .sub-menu li {
    display: block;
    text-align: left;
    font-size: 0.9em;
}

.menu-col #navigation ul#menu .sub-menu a {
    display: block;
    line-height: 20px;
    padding: 5px 0;
}

.nav-trigger {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 30px;
    font-size: 30px;
    float: right;
    white-space: nowrap;
    color: transparent;
}

.nav-trigger span,
.nav-trigger span::before,
.nav-trigger span::after {
    position: absolute;
    display: inline-block;
    height: 2px;
    width: 20px;
    border-radius: 1px;
    background: #313139;
}

.nav-trigger span {
    position: absolute;
    top: 44%;
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    transition: background 0.2s;
}

.nav-trigger span::before,
.nav-trigger span::after {
    content: '';
    right: 0;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    transition: transform 0.2s;
}

.nav-trigger span::before {
    top: -6px;
}

.nav-trigger span::after {
    top: 6px;
}

.nav-trigger.nav-is-visible span::after {
    top: 5px;
}

.nav-trigger.nav-is-visible span {
    background: rgba(255, 255, 255, 0);
}

.nav-trigger.nav-is-visible span::before,
.nav-trigger.nav-is-visible span::after {
    background: #313139;
}

.nav-trigger.nav-is-visible span::before {
    -webkit-transform: translateX(4px) translateY(-1px) rotate(45deg);
    -moz-transform: translateX(4px) translateY(-1px) rotate(45deg);
    -ms-transform: translateX(4px) translateY(-1px) rotate(45deg);
    -o-transform: translateX(4px) translateY(-1px) rotate(45deg);
    transform: translateX(4px) translateY(-1px) rotate(45deg);
}

.nav-trigger.nav-is-visible span::after {
    -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
    transform: translateX(4px) translateY(2px) rotate(-45deg);
}

.mobile-menu {
    position: fixed;
    display: none;
    left: 0;
    margin-top: 0px;
    width: 100%;
    overflow-y: scroll;
    height: 100%;
    background: #ffffff;
    z-index: 8000;
    border-top: 1px solid #e0e0e0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.mobile-menu.nav-is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}

.js-menu {
    width: 300px;
    max-width: 300px;
    margin: 0 auto;
    padding: 10px;
}

.js-box {
    display: flex;
    flex-direction: column;
    min-height: calc(100% - 62px);
    padding-bottom: 62px;
    align-content: center;
    justify-content: center;
}

.js-box ul#menu {
    left: 0;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    padding-left: 0;
    font-size: 1.3em;
    width: 100%;
}

.js-box ul#menu ul {
    width: 100%;
}

.js-box li.menu-item {
    border: none;
    line-height: 1;
    font-weight: 400;
    list-style: none;
    margin: 0;
    padding: 0.4em 1em;
}

.js-box li.menu-item a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    text-transform: uppercase;
}

.nav-is-visible {
    display: block;
}

.slinky-menu {
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

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

.socialmedia li {
    display: inline-block;
    padding: 0 5px;
    text-align: center;
    font-size: 1.15em;
    line-height: 22px;
    height: 22px;
    vertical-align: middle;
}

.socialmedia li a {
    color: #313139;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    line-height: 22px;
    min-width: 22px;
    min-height: 22px;
    transition: color 180ms ease, transform 180ms ease;
}

.socialmedia li a img {
    display: block;
    vertical-align: middle;
    height: 1em;
    width: 1em;
    position: relative;
    top: 0;
}

.socialmedia li a:hover,
.socialmedia li a:active {
    color: #7CD1ED;
}

.socialmedia li a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px;
}

.socialmedia li a:hover {
    transform: translateY(-1px);
}

#slider-section {
    margin-top: 72px;
    position: relative;
}

#slider {
    height: 100%;
    min-height: 300px;
}

#slider .slide-body .slider-container {
    padding: 0 20px;
    max-width: 1000px;
    position: relative;
}

#slider .slide-body {
    display: block;
    text-align: center;
    font-size: 1em;
    color: #ffffff;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    -webkit-transition: all .2s .8s;
    -moz-transition: all .2s .8s;
    transition: all .2s .8s;
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    transform: translateX(260px);
    opacity: 0;
}

#slider .slick-active .slide-body {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
}

#slider .slide-body a {
    color: #fff;
    text-shadow: 0px 0px 6px rgb(37 37 37 / 32%);
    text-decoration: none;
}

#slider .slide-body h1,
#slider .slide-body h2 {
    margin: 0;
    padding: 0;
    font-size: 3.5em;
    font-weight: 200;
}

#slider-section .slide-item {
    height: 100%;
    position: relative;
    background-size: cover;
    background-position: center center;
}

#slider-section .slide-item:before {
    content: " ";
    position: absolute;
    background: rgb(0 0 0 / 33%);
    height: 100%;
    width: 100%;
}

#slider-section .slick-list,
#slider-section .slick-track {
    height: 100%;
}

#slider-section .home-slider-arrows {
    width: 300px;
    margin: auto;
    position: relative;
    margin-top: -50px;
}

#slider-section .slick-prev:before,
#slider-section [dir='rtl'] .slick-prev:before,
#slider-section .slick-down:before,
#slider-section [dir='rtl'] .slick-down:before,
#slider-section .slick-next:before,
#slider-section [dir='rtl'] .slick-next:before {
    color: #ffffff;
}

#slider-section .slick-prev,
#slider-section .slick-next {
    top: 0;
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

#slider-section:hover .slick-prev,
#slider-section:hover .slick-next {
    opacity: 1;
}

#slider-section:hover .slick-prev:hover,
#slider-section:hover .slick-prev:focus,
#slider-section:hover .slick-next:hover,
#slider-section:hover .slick-next:focus {
    opacity: 0.8;
}

.page-loading {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0px;
    right: 0px;
    bottom: 0px;
    -webkit-transform: translateX(-160%) skewX(20deg);
    -moz-transform: translateX(-160%) skewX(20deg);
    -o-transform: translateX(-160%) skewX(20deg);
    -ms-transform: translateX(-160%) skewX(20deg);
    transform: translateX(-160%) skewX(20deg);
    -webkit-transition: all 2.4s;
    -moz-transition: all 2.4s;
    transition: all 2.4s;
    background-color: #fcfcfc;
}

.page-loading.loading-mask1.visible,
.page-loading.loading-mask2.mask2-show {
    -webkit-transform: translateX(0) skewX(0);
    -moz-transform: translateX(0) skewX(0);
    -o-transform: translateX(0) skewX(0);
    -ms-transform: translateX(0) skewX(0);
    transform: translateX(0) skewX(0);
}

.page-loading.visible {
    -webkit-transition: all 2.4s;
    -moz-transition: all 2.4s;
    -o-transition: all 2.4s;
    transition: all 2.4s;
}

.page-loading.loading-mask2 {
    -webkit-transform: translateX(0) skewX(0);
    -moz-transform: translateX(0) skewX(0);
    -ms-transform: translateX(0) skewX(0);
    -o-transform: translateX(0) skewX(0);
    transform: translateX(0) skewX(0);
}

.page-loading.loading-mask2 {
    -webkit-transform: translateX(160%) skewX(-20deg);
    -moz-transform: translateX(160%) skewX(-20deg);
    -ms-transform: translateX(160%) skewX(-20deg);
    -o-transform: translateX(160%) skewX(-20deg);
    transform: translateX(160%) skewX(-20deg);
}

.page-loading-inn {
    position: relative;
    width: 100%;
    height: 100%;
}

.page-loading-transform,
.ux-loading-transform {
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 36px;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.page-loading~#wrap-outer #wrap,
.page-loading~#wrap-outer .cover-wrap:not(.topslider-revolu),
.page-loading~#wrap-outer .second-fullscreen {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .9s;
    -moz-transition: all .9s;
    -o-transition: all .9s;
    transition: all .9s;
}

.page-loading.visible~#wrap-outer #wrap,
.page-loading.visible~#wrap-outer .cover-wrap:not(.topslider-revolu),
.page-loading.visible~#wrap-outer .second-fullscreen {
    opacity: 0;
    -webkit-transform: translateX(120px);
    -moz-transform: translateX(120px);
    -ms-transform: translateX(120px);
    -o-transform: translateX(120px);
    transform: translateX(120px);
    -webkit-transition: all .9s;
    -moz-transition: all .9s;
    transition: all .9s;
}

.mask2-show~#wrap-outer #wrap,
.mask2-show~#wrap-outer .cover-wrap,
.mask2-show~#wrap-outer .second-fullscreen {
    opacity: 0;
    -webkit-transform: translateX(-120px);
    -moz-transform: translateX(-120px);
    -ms-transform: translateX(-120px);
    -o-transform: translateX(-120px);
    transform: translateX(-120px);
    -webkit-transition: all 1.9s .5s;
    -moz-transition: all 1.9s .5s;
    -o-transition: all 1.9s .5s;
    transition: all 1.9s .5s;
}

.page-loading .loading-transform {
    margin-top: 0;
}

.page-loading .site-loading-logo img {
    max-height: 144px;
    width: 270px;
    height: 75px;
}

.site-loading-logo .logo-h1 {
    font-size: 24px;
}

.search-loading {
    position: relative;
}

.search-loading:after,
.search-loading:before {
    content: '.';
    position: absolute;
    left: -5px;
    -webkit-animation: SearchLoadingBrething 1s infinite ease-in-out;
    -moz-animation: SearchLoadingBrething 1s infinite ease-in-out;
    animation: SearchLoadingBrething 1s infinite ease-in-out;
}

.search-loading:before {
    left: 5px;
    animation-delay: .2s;
}

@-webkit-keyframes SearchLoadingBrething {
    0% {
        opacity: .1;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: .2;
    }
}

@-moz-keyframes SearchLoadingBrething {
    0% {
        opacity: .1;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: .2;
    }
}

@keyframes SearchLoadingBrething {
    0% {
        opacity: .1;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: .2;
    }
}

.site-loading-logo .logo-h1 {
    font-size: 24px;
}

#about {
    position: relative;
}

.container-about {
    max-width: 1100px;
    margin: 0 auto;
    padding: 100px 12px;
}

.section-title {
    text-align: center;
}

.section-title h1,
.section-title h2 {
    text-transform: uppercase;
    margin: 0;
    padding: 0 0 1em 0;
    font-size: 2em;
}

.section-post {
    font-size: 1.1em;
}

.readmore {
    margin-top: 20px;
}

.readmore a {
    text-decoration: none;
    color: #313139;
    border-bottom: 2px solid #313139;
    padding: 2px 0 5px 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}

.readmore a:hover {
    color: #7CD1ED;
    border-bottom: 2px solid #7CD1ED;
}

.readmore a i {
    vertical-align: middle;
}

.portfolio-container {
    padding: 0 12px;
}

#inx-portfolio .img-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

#inx-portfolio .img-content {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 9;
    max-width: 80%;
    opacity: 0;
    visibility: hidden;
    display: inline-block;
    background-color: #fff;
    padding: 40px 40px 40px 40px;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

#inx-portfolio .img-container:hover .img-content {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

#inx-portfolio .img-content h2 {
    margin: 0;
    font-size: 1.7em;
    padding-bottom: 15px;
}

#inx-portfolio .img-content h2 a {
    text-decoration: none;
    color: #010101;
}

#inx-portfolio .img-content .desc a {
    color: #8e8c8c;
}

#inx-portfolio .img-content .readmore {
    margin-top: 0px;
}

#inx-portfolio .img-content p {
    margin: 0;
    padding: 0;
    padding-bottom: 15px;
}

#inx-portfolio .portfolio-item {
    height: 100%;
    width: 100%;
}

#inx-portfolio img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1);
    transition: all 0.3s ease-in-out;
}

#inx-portfolio img:hover {
    transform: scale(1.05);
}

#inx-portfolio .col-1,
#inx-portfolio .col-2,
#inx-portfolio .col-3,
#inx-portfolio .col-4 {
    padding: 0 !important;
    min-height: 360px;
}

#inx-portfolio .col-1,
#inx-portfolio .col-2 {
    height: 1000px;
    height: calc(100vw / 2);
}

#inx-portfolio .col-3 {
    height: 700px;
    height: calc(100vw/4 + 200px);
}

#inx-portfolio .col-4 {
    height: 500px;
}

#inx-portfolio .col-2 .portfolio-item {
    height: 50%;
}

.portfolio-info-table {
    text-align: center;
    font-weight: 400;
    color: #ccc;
    font-size: 0.95em;
}

.portfolio-page-info {
    display: inline-block;
    text-align: center;
    font-weight: 300;
    color: #ccc;
    font-size: 1.4em;
}

.portfolio-other-info {
    display: inline-block;
    text-align: center;
    font-weight: 300;
    color: #ccc;
    font-size: 1.1em;
    text-shadow: 1px 2px 2px #04040440;
}

.portfolio-index-info {
    display: inline-block;
    font-weight: 400;
    color: #ccc;
    font-size: 0.95em;
}

.portfolio-area {
    display: inline-block;
    padding: 0 5px 15px 0;
}

.portfolio-city {
    display: inline-block;
    padding: 0 5px 15px 0;
}

.portfolio-page-info .portfolio-area,
.portfolio-page-info .portfolio-city {
    padding: 15px 5px;
}

#services {
    position: relative;
}

.container-services {
    max-width: 1100px;
    margin: 0 auto;
    padding: 100px 12px 80px 12px;
}

.service-item {
    display: table;
    width: 100%;
    padding: 0 0 35px 0;
}

.service-icon {
    display: table-cell;
    width: 50px;
    vertical-align: middle;
    text-align: left;
    font-size: 35px;
    color: #8e8c8c;
}

.service-icon i {
    vertical-align: middle;
}

.service-text {
    display: table-cell;
    vertical-align: middle;
}

.services-title h3 {
    font-size: 1.2em;
    margin: 0 0 5px 0;
}

.services-title {
    padding-bottom: 3px;
    font-weight: 300;
}

.services-title a {
    color: #010101;
}

.services-desc {
    font-size: 0.9em;
    color: #8e8c8c;
}

#contacts {
    position: relative;
    background: #f5f5f5;
}

.container-contacts {
    max-width: 1100px;
    margin: 0 auto;
    padding: 100px 12px 100px 12px;
}

.container-contacts p {
    line-height: 1.65em;
    margin: 0 0 0.2em 0;
}

.social a {
    text-decoration: none;
    font-size: 0.8em;
}

#footer {
    background-color: #313139;
    padding: 50px 0;
    color: #999999;
    margin-top: auto;
}

.copyright {
    font-size: 1.1em;
    text-transform: uppercase;
    text-align: center;
}

#category-section {
    margin-top: 72px;
    position: relative;
    background: #f5f5f5;
}

.category-title {
    text-align: center;
    padding: 120px 0 50px 0;
}

.category-title h1 {
    font-size: 2.5em;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.category-desc,
.page-desc {
    padding: 1em 0;
    color: #6b6b6b;
}

.category-desc a,
.page-desc a {
    color: #6b6b6b;
}

.category-portfolio img,
.category-list img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1.01);
    transition: all 0.3s ease-in-out;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.category-body {
    padding-bottom: 40px;
}

.category-portfolio img:hover,
.category-list img:hover {
    transform: scale(1.2);
}

.cat-portfolio-col {
    padding: 0 !important;
}

.category-portfolio .portfolio-item .img-container .portfolio-img-link,
.category-list .list-item .img-container .list-img-link {
    position: relative;
    display: block;
    overflow: hidden;
}

.category-portfolio .portfolio-item .img-content,
.category-list .list-item .img-content {
    position: relative;
    padding: 30px 10px;
    text-align: center;
}

.category-portfolio h3,
.category-list h3 {
    font-size: 1.1em;
    line-height: 1.5;
}

.category-portfolio h3 a,
.category-list h3 a {
    color: #010101;
}

.category-portfolio h3 a:hover,
.category-list h3 a:hover {
    color: #7CD1ED;
    text-decoration: none;
}

.category-filters {
    text-align: center;
    padding: 0 0 50px 0;
}

.category-filters ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.category-filters ul li {
    display: inline-block;
}

.category-filters ul li a {
    display: block;
    padding: 5px 10px;
    line-height: 1em;
    position: relative;
    font-size: 0.95em;
    color: #010101;
}

.category-filters ul li a:hover {
    color: #7CD1ED;
}

.portfolio-category {
    color: #8e8c8c;
    font-size: 1em;
}

.portfolio-category a {
    color: #8e8c8c;
    text-decoration: none;
}

.portfolio-item {
    height: 100%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.portfolio-item:hover {
    background: #ffffff;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.portfolio-item:hover img {
    transform: scale(1.2);
}

#contacts-section {
    margin-top: 72px;
    position: relative;
    background: #ffffff;
    padding: 28px 0 0 0;
}

.contacts-body {
    padding: 30px 0 80px 0;
    margin: 0 auto;
}

.contacts-title {
    text-align: center;
    padding: 80px 0 50px 0;
}

.contacts-title h1 {
    font-size: 2.5em;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.contacts-map {
    height: 600px;
}

#about-section,
#page-section {
    position: relative;
    background: #ffffff;
    padding: 100px 0 70px 0;
}

#page-section {
    min-height: calc(100vh - 121px);
}

.about-body {
    padding: 30px 0 20px 0;
    margin: 0 auto;
    max-width: 1000px;
}

.about-title {
    text-align: center;
    padding: 80px 0 40px 0;
}

.page-title {
    text-align: center;
    padding: 120px 0 50px 0;
}

.about-title h1,
.page-title h1 {
    font-size: 2.5em;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.about-title-other {
    text-align: center;
    padding: 20px 0 50px 0;
}

.about-title-other h2 {
    font-size: 2.2em;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.about-img,
.page-img {
    height: 600px;
    text-align: center;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    max-width: 2000px;
    margin: 0 auto;
}

.about-body-other {
    margin: 0 auto;
    max-width: 1200px;
}

#about-section img,
#page-section img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

#about-section .row {
    justify-content: center;
}

.col-comandos {
    padding-top: 12px;
    padding-bottom: 12px;
}

.comandos-item {
    position: relative;
    overflow: hidden;
}

.comandos-info {
    padding: 15px 5px 15px 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    font-weight: normal;
    color: #fff;
    text-align: center;
}

.comandos-item img {
    transform: scale(1.05);
    transition: all 0.3s ease-in-out;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.comandos-item:hover img {
    transform: scale(1);
}

.comandos-name {
    text-transform: uppercase;
    line-height: 1.25em;
}

.comandos-type {
    font-size: 0.9em;
    line-height: 1.25em;
    letter-spacing: 0;
    font-style: italic;
    overflow: hidden;
    color: #bdbdbd;
}

.page-body ul,
.cke_editable ul {
    line-height: 1.65em;
}

.page-body ul li,
.cke_editable ul li {
    position: relative;
}

.page-body ul li p,
.cke_editable ul li p {
    display: inline-block;
}

.page-body ul li::before,
.cke_editable ul li::before {
    content: "\2022";
    color: #999999;
    font-weight: bold;
    display: inline-block;
    width: 0.8em;
    font-size: 2em;
    vertical-align: bottom;
    position: absolute;
    left: -24px;
}

.page-body .layoutmanager p,
.page-body .img-work p {
    margin: 0;
    padding: 0;
}

.page-body .img-work {
    padding: 6px 0;
}

.layout-column {
    padding: 0 6px;
}

.layout-row {
    margin-left: -6px;
    margin-right: -6px;
}

#page-similar {
    position: relative;
    height: 300px;
}

.similar-slider {
    margin: 0;
    padding: 0;
}

#page-similar .similar-item {
    height: 100%;
    position: relative;
    background-size: cover;
    background-position: center center;
    margin: 0;
    padding: 0;
}

#page-similar .similar-item:before {
    content: " ";
    position: absolute;
    background: rgb(0 0 0 / 23%);
    height: 100%;
    width: 100%;
    z-index: 1;
    transition: all 0.3s ease-in-out;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

#page-similar .slick-list,
#page-similar .slick-track {
    height: 100%;
}

#page-similar .similar-slider {
    height: 100%;
    min-height: 300px;
}

#page-similar .slick-prev,
#page-similar .slick-next {
    color: #ffffff;
    top: 70%;
}

#page-similar .slick-prev:before,
#page-similar [dir='rtl'] .slick-prev:before,
#page-similar .slick-next:before,
#page-similar [dir='rtl'] .slick-next:before {
    color: #ffffff;
}

.similar-info {
    position: absolute;
    z-index: 9;
    left: 100px;
    right: 60px;
    bottom: 30px;
    font-size: 1em;
    text-align: left;
}

.similar-info a {
    color: #ffffff;
    text-decoration: none;
}

.similar-title {}

.similar-title h3 {
    line-height: 1.15em;
    text-shadow: 1px 2px 2px #04040440;
}

.similar-category {
    font-size: 1.2em;
    color: #ffffff;
}

.similar-category a {
    color: #ffffff;
    text-decoration: none;
}

.similar-img-link {
    position: relative;
    display: block;
    overflow: hidden;
    height: 100%;
}

.similar-item .img-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.similar-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1.01);
    transition: all 0.3s ease-in-out;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.similar-item:hover img {
    transform: scale(1.2);
}

#page-similar .similar-item:hover:before {
    content: " ";
    position: absolute;
    background: rgb(0 0 0 / 0%);
    height: 100%;
    width: 100%;
    z-index: 1;
}

.similar-item .img-content {
    position: absolute;
    z-index: 9;
    left: 100px;
    right: 60px;
    bottom: 30px;
    font-size: 1em;
    text-align: left;
}

.similar-itemh3 {
    color: #ffffff;
    font-weight: 600;
    line-height: 1.15em;
}

.similar-item h3 a {
    color: #ffffff;
}

.similar-item h3 a:hover {
    color: #ffffff;
    text-decoration: none;
}

.page-slider-container {
    position: relative;
}

.page-slider-arrows {
    position: relative;
    height: 50px;
}

#loader-identity {
    display: block;
    width: 100%;
    height: 32px;
    margin-top: 30px;
    background: url("../img/preloader.gif") center center no-repeat;
}

#standalone-section .container {
    width: 100%;
}

#standalone-section #page-section {
    padding: 0;
}

#standalone-section .page-title {
    text-align: left;
    padding: 30px 0 10px 0;
}

#standalone-section .page-title h1 {
    font-size: 2em;
}

.social-share {
    padding: 30px 0;
}

.social-share .social-list {
    position: relative;
    line-height: 20px;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.social-share .social-list li {
    display: inline-block;
    margin-right: 10px;
}

.social-share .social-list li a {
    font-size: 1em;
    background: #313139;
    width: 36px;
    height: 36px;
    display: inline-block;
    color: #fff;
    line-height: 2.2em;
    text-align: center;
    border-radius: 100%;
    vertical-align: middle;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}

.social-share .social-list li a:hover {
    background: #636365;
}

.social-share .social-list li a i {
    vertical-align: middle;
}

.img-work img {
    width: 100%;
}

.adm-tooltip {
    width: 210px;
    display: none;
    position: absolute;
    opacity: .8;
    padding: 0.5125rem;
    font-size: 0.9em;
    line-height: 1em;
    background-color: #fff1f2;
    border: 1px solid #b8b8b8;
    z-index: 9999;
    border-radius: 0 0.125rem 0.125rem;
}

.adm-tooltip:before,
.adm-tooltip:after {
    display: block;
    position: absolute;
    content: "";
    border: 0.3125rem solid transparent;
}

.adm-tooltip:before {
    top: -0.625rem;
    left: -0.0625rem;
    border-left-color: #b8b8b8;
    border-bottom-color: #b8b8b8;
}

.adm-tooltip:after {
    top: -0.4375rem;
    left: 0;
    border-left-color: #fff1f2;
    border-bottom-color: #fff1f2;
}

.adm-tooltip a {
    display: block;
    color: #000;
    padding: 0.1875rem 0.125rem 0.3125rem 1.8625rem;
    background: no-repeat 0.3125rem center;
}

.adm-tooltip a:hover {
    background-color: #b5b5b5;
}

.adm-tooltip .admin_tooltip_edit {
    background-image: url("../img/adm_edit.png");
}

.adm-tooltip .admin_tooltip_add {
    background-image: url("../img/adm_add.png");
}

.form {
    display: block;
    margin: 0;
    padding: 0;
}

.form img {
    margin: 0;
}

.form .form-row {
    display: block;
    width: 100%;
    position: relative;
    clear: both;
    border-bottom: 1px dotted #d2d1d1;
}

.form .form-row:after,
.form .form-row:before {
    content: " ";
    display: table;
    clear: both;
}

.form-field {
    margin-bottom: 0;
}

.form .form-field {
    display: block;
    padding: 12px;
    float: left;
    width: 70%;
}

.form-group {
    margin-bottom: 15px;
}

.form .form-field>span {
    padding: 6px 0;
}

.form .form-field-help {
    color: #929191;
    font-size: 0.8em;
    font-style: italic;
}

.form .form-field-100 {
    display: block;
    padding: 12px;
    width: 100%;
}

.form .form-label {
    display: block;
    padding: 19px 0 19px 12px;
    color: #7d7878;
    font-weight: 300;
    float: left;
    width: 30%;
    max-width: 200px;
}

.form .form-label label {
    font-weight: 300;
}

.form .form-legend {
    font-size: 0.95em;
    color: #8e8f90;
}

.auth-form {
    max-width: 700px;
    margin: 0 auto;
}

.descr {
    font-size: 0.8em;
    line-height: 1.2em;
    color: #ccc;
}

table {
    margin-bottom: 1.5em;
}

tfoot th,
tfoot td {
    background-color: #f2f2f2;
}

th,
td {
    padding: 0.5em 0.8em;
}

table caption {
    text-transform: uppercase;
    padding: 0 1em;
    color: #999999;
    font-size: 0.85em;
}

table.flat {
    width: 100%;
}

table.flat th,
table.flat td {
    border: 0;
}

table.main {
    width: 100%;
}

table.cells {
    width: 100%;
}

table.cells td {
    vertical-align: middle;
}

table.list {
    width: 100%;
}

#user ul {
    list-style: none;
    margin: 0;
    color: #ffffff;
    padding: 22px;
}

.admTools {
    position: fixed;
    width: 250px;
    left: -250px;
    top: 105px;
    background-color: #333;
    -webkit-transition: left .5s ease 0s;
    -moz-transition: left .5s ease 0s;
    -o-transition: left .5s ease 0s;
    transition: left .5s ease 0s;
    z-index: 9999;
    border: 0.0625rem solid rgba(255, 255, 255, 0.2);
}

.admTools.open {
    left: -0.0625rem;
}

.admTools p {
    margin: 0.625rem;
    line-height: 1.2em;
    color: #fff;
}

.admTools .tool-descr {
    color: #8d8c8c;
    font-size: 11px;
}

.admTools .tool-title {
    background-color: #484848;
    margin: 0.625rem 0;
    padding: 0.4375rem 0;
    text-align: center;
    text-transform: uppercase;
    border-top: 0.0625rem solid #6d6d6d;
    border-bottom: 0.0625rem solid #6d6d6d;
}

.openTools {
    background: #333 url("../img/adm_tools.png") center no-repeat;
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -0.0625rem;
    right: -50px;
    border: 0.0625rem solid rgba(255, 255, 255, 0.2);
    border-left: none;
}

.admTools .tool-descr {
    line-height: 12px;
}

.img-list_file {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
}

.img-list_file li {
    display: inline-block;
    vertical-align: top;
    margin: 0 2px 5px 2px;
    text-align: center;
    width: 100px;
    height: 100px;
}

.img-list_file li img {
    width: 100px;
    height: 100px;
}

.btn-delete-img {
    width: 16px;
    height: 16px;
    background-color: #cc0000;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    display: block;
    text-align: center;
    color: #ffffff;
    font-size: 10px;
    line-height: 18px;
    text-decoration: none;
    position: relative;
;
    margin-top: -105px;
    margin-left: 90px;
}

.btn-delete-img:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #ff0000;
}

.img-list_file li:first-child a {
    display: block;
    width: 100px;
    height: 100px;
    text-indent: -9999px;
    background: url("../img/addimg.png") top left no-repeat;
}

.img-list_file li:first-child a:hover {
    display: block;
    width: 100px;
    height: 100px;
    text-indent: -9999px;
    background: url("../img/addimg.png") bottom left no-repeat;
}

.sedtabs div.tabs {
    display: none;
}

.sedtabs div.tabs:first-child {
    display: block;
}

.tab-box {
    background: #ffffff;
    border: 1px solid #ccc;
    min-height: 100px;
    clear: both;
    padding: 15px 15px 15px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.noborder {
    border: none;
    border-top: 1px solid #ccc;
}

ul.tabs {
    margin: 0px;
    padding: 0px;
}

ul.tabs li {
    list-style: none;
    display: inline;
}

ul.tabs li a {
    float: left;
    padding: 8px 25px 8px 25px;
    text-decoration: none;
    margin-right: 3px;
    margin-bottom: -1px;
}

ul.tabs li a:hover {
    color: #212121;
}

ul.tabs li a.selected {
    background-color: #ffffff;
    color: #282e32;
    border: 1px solid #ccc;
    border-bottom: 1px solid #ffffff;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: rgba(237, 237, 237, 1);
    background: -moz-linear-gradient(top, rgba(237, 237, 237, 1) 0%, rgba(246, 246, 246, 1) 53%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237, 237, 237, 1)), color-stop(53%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(237, 237, 237, 1) 0%, rgba(246, 246, 246, 1) 53%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(237, 237, 237, 1) 0%, rgba(246, 246, 246, 1) 53%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(237, 237, 237, 1) 0%, rgba(246, 246, 246, 1) 53%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(237, 237, 237, 1) 0%, rgba(246, 246, 246, 1) 53%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0);
}

.sed_modal {
    position: absolute;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    visibility: hidden;
    background-color: white;
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.2);
}

.modal-handle {
    padding: 7px;
    text-indent: 3px;
    font: bold 14px Arial;
    background-color: #303030;
    color: white;
    cursor: move;
    overflow: hidden;
    width: auto;
    filter: progid:DXImageTransform.Microsoft.alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal-handle .modal-controls {
    position: absolute;
    right: 1px;
    top: 2px;
    cursor: hand;
    cursor: pointer;
    margin: 5px 5px 0 0;
}

* html .modal-handle {
    width: 100%;
}

.modal-contentarea {
    background-color: white;
    color: black;
    height: 150px;
    padding: 2px;
    overflow: auto;
}

.modal-statusarea {
    background-color: #F8F8F8;
    height: 13px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.modal-resizearea {
    float: right;
    width: 13px;
    height: 13px;
    cursor: nw-resize;
    font-size: 0;
    margin-right: 5px;
    margin-bottom: 5px;
}

ul.admin-buttons {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.admin-buttons li {
    display: inline;
    display: inline-block;
    margin-right: 6px;
    vertical-align: top;
}

#subtitle {
    font-style: italic;
    padding: 0 0 25px 0;
}

.help {
    font-style: italic;
    padding: 15px 0;
    color: #ccc;
}

.pagination-box {
    padding: 30px 0 30px 0;
}

.pagination {
    padding-left: 0;
    list-style: none;
    text-align: center;
}

.page-item {
    display: inline-block;
    font-weight: 500;
}

.page-item+.page-item {
    margin: 3px 1px;
}

.page-item:first-child .page-link {
    margin: 3px 1px;
    border: none;
}

.page-item:last-child .page-link {
    border: none;
}

.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover {
    text-decoration: none;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    background: #313139;
    border: 1px solid #313139;
}

.page-item.disabled .page-link,
.page-item.disabled .page-link:focus,
.page-item.disabled .page-link:hover {
    color: #818a91;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.4em 0.9em;
    line-height: 1.5;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ececec;
    color: #010101;
}

.page-link:focus,
.page-link:hover {
    color: #010101;
    background-color: #eceeef;
    border: 1px solid #ddd;
    text-decoration: none;
}

.page-item i {
    vertical-align: middle;
}

@media (max-width: 1600px) {
    .similar-item h3 {
        font-size: 1.8em;
    }
    .similar-item .img-content {
        left: 60px;
        right: 30px;
    }
}

@media (max-width: 1300px) {
    .similar-item .img-content {
        left: 60px;
        right: 30px;
    }
}

@media (max-width: 1200px) {
    #header #navigation {
        max-width: 554px;
    }
}

@media (max-width: 1000px) {
    .about-img,
    .page-img {
        height: 500px;
        height: calc(100vw / 2);
    }
}

@media (max-width: 992px) {
    .layout-column {
        padding: 0 6px;
    }
    #navigation {
        max-width: 550px;
        float: right;
        width: 100%;
        font-size: 1.1em;
    }
    #header .logo {
        max-width: 160px;
        max-height: 28px;
    }
    #slider .slide-body {
        font-size: 0.9em;
    }
    #slider-section .slide-item {
        background-size: cover;
    }
    #inx-portfolio .col-1,
    #inx-portfolio .col-2,
    #inx-portfolio .col-3,
    #inx-portfolio .col-4 {
        height: 900px;
        height: calc(100vw);
    }
    #inx-portfolio .col-2 .portfolio-item {
        height: 100%;
    }
    .container-about {
        padding: 50px 12px;
    }
    .container-services {
        padding: 50px 12px 20px 12px;
    }
    .container-contacts {
        padding: 50px 12px;
    }
    .social-share .social-list {
        width: 100%;
        text-align: center;
    }
    .social-share .social-list li.s-title {
        display: block;
        width: 100%;
        text-align: center;
        padding-bottom: 15px;
    }
    .social-share .social-list li.s-elem {
        display: inline-block;
        text-align: center;
        padding-bottom: 15px;
    }
}

@media (max-width: 768px) {
    h1 {
        font-size: 2em;
    }
    h2 {
        font-size: 1.7em;
    }
    h3 {
        font-size: 1.3em;
    }
    h4 {
        font-size: 1.1em;
    }
    h5 {
        font-size: 1em;
    }
    .form .form-label {
        display: block;
        padding: 10px 0 0px 12px;
        color: #7d7878;
        font-weight: 300;
        float: none;
        width: 100%;
        max-width: none;
    }
    .form .form-field {
        display: block;
        padding: 0 12px 17px 12px;
        float: none;
        width: 100%;
    }
    #header,
    #header.header-sticky {
        height: 62px !important;
    }
    #header .menu-col {
        display: none;
    }
    #header .trigger-col {
        display: table-cell;
    }
    #header .social-col {
        width: 105px;
    }
    #header .socialmedia {
        white-space: nowrap;
    }
    #header .socialmedia li {
        padding: 0 2px;
        font-size: 1em;
    }
    #header .logo-col,
    #header .menu-col {
        padding: 0;
        height: 62px !important;
    }
    #header.header-sticky .logo-col,
    #header.header-sticky .menu-col {
        padding: 0;
        height: 62px !important;
    }
    .mobile-menu {
        display: block;
    }
    #slider .slide-body {
        font-size: 0.8em;
    }
    #slider .slick-active .slide-body {
        width: 100%;
    }
    #slider-section {
        margin-top: 62px;
    }
    .section-title h1,
    .section-title h2 {
        font-size: 1.6em;
    }
    #category-section {
        margin-top: 62px;
    }
    #contacts-section {
        margin-top: 62px;
        padding: 0;
    }
    #about-section,
    #page-section {
        padding: 62px 0 0 0;
    }
    .category-title h1 {
        font-size: 2.3em;
    }
    .contacts-body {
        padding: 10px 0 40px 0;
    }
    .contacts-title h1,
    .about-title h1,
    .about-title-other h2,
    .page-title h1 {
        font-size: 2em;
    }
    .about-img,
    .page-img {
        height: 350px;
    }
    .category-title {
        text-align: center;
        padding: 50px 0 40px 0;
    }
    .contacts-title {
        text-align: center;
        padding: 50px 0 40px 0;
    }
    .about-title {
        text-align: center;
        padding: 50px 0 40px 0;
    }
    .page-title {
        text-align: center;
        padding: 50px 12px 40px 12px
    }
    .page-body {
        padding: 0 0 40px 0;
    }
    .about-title-other {
        text-align: center;
        padding: 30px 0 25px 0;
    }
    .about-body {
        padding: 0;
    }
    .about-body-other {
        padding: 0 0 40px 0;
    }
    .col-comandos {
        padding-bottom: 0px;
    }
    .similar-item h3 {
        font-size: 2em;
    }
}

@media (max-width: 570px) {
    .page-loading .site-loading-logo img {
        max-height: 55px;
        width: 200px;
        height: 55px;
    }
    #slider .slide-body h1,
    #slider .slide-body h2 {
        font-size: 3.3em;
    }
    #inx-portfolio .img-content {
        font-size: 0.8em;
        padding: 30px;
    }
    #inx-portfolio .img-content h2 {
        font-size: 1.5em;
    }
    .category-title h1 {
        font-size: 1.6em;
    }
    .contacts-title h1,
    .about-title h1,
    .about-title-other h2,
    .page-title h1 {
        font-size: 1.6em;
    }
    .category-filters {
        display: none;
    }
    .category-portfolio .portfolio-item .img-content {
        padding: 20px 8px;
    }
    .contacts-map {
        height: 350px;
    }
    .portfolio-page-info {
        font-size: 1.2em;
    }
    .category-desc,
    .page-desc {
        display: none;
    }
    .about-img,
    .page-img {
        height: 250px;
    }
    .similar-info {
        left: 60px;
        right: 60px;
    }
    .similar-item h3 {
        font-size: 1.7em;
    }
    .similar-category {
        font-size: 1.1em;
    }
}

@media (max-width: 400px) {
    #header.header-sticky .logo-col,
    #header .logo-col {
        width: 150px;
    }
    #header .logo,
    #header.header-sticky .logo {
        max-width: 130px;
        max-height: 22px;
    }
    #slider .slide-body h1,
    #slider .slide-body h2 {
        font-size: 2.5em;
    }
    #slider-section {
        height: 360px !important;
        min-height: 360px !important;
        overflow: hidden;
    }
    .services-title h3 {
        font-size: 1.1em;
    }
    .section-post {
        font-size: 1em;
    }
    .similar-item h3 {
        font-size: 1.6em;
    }
    .similar-category {
        font-size: 1em;
    }
}
.fa-comments, .fa-mobile  {
  position: absolute;
  font-size: 22px;
  text-align: center;
  line-height: 56px;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mfb-component__button--child > .fa-telegram {
  position: absolute;
  font-size: 22px;
  text-align: center;
  line-height: 56px;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mfb-component__button--child > .fa-whatsapp {
  position: absolute;
  font-size: 22px;
  text-align: center;
  line-height: 56px;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hero-description__title {
	font-family: "Manrope", sans-serif;
	text-align: center;
	font-weight: 400;
	font-size: 30px;
	color: #c99471;
}
.hero-description__text {
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 139%;
	letter-spacing: -0.02em;
	text-align: center;
	color: #170f18;
}
.main-photo img {
	border-radius: 4px;
	transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.main-photo img:hover {
	transform: scale(1.02);
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}
.get-info {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.get-info__text {
	text-align: center;
	font-family: "Manrope", sans-serif;
}
/* From Uiverse.io by Kabak */ 
/* From Uiverse.io by McHaXYT */ 
.get-info__btn {
  display: inline-block;
  padding: 16px 32px;
  border: none;
  outline: none;
  background-color: #c99471;
  color: #fff;
  border-radius: 4px;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.25s ease-out;
}

.get-info__btn:hover {
  background-color: #b5835f;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(201, 148, 113, 0.35);
}

.get-info__btn:focus-visible {
  outline: 2px solid #c99471;
  outline-offset: 3px;
}

.get-info__btn a {
  color: #fff;
  font-family: "Manrope", sans-serif;
  text-decoration: none;
}
.get-info__btn a:hover {
	text-decoration: none;
}
#footer {
	font-family: "Manrope", sans-serif;
}
#footer a {
	text-decoration: none;
	color: #aaa;
}
#footer a:hover {
	color: #fff;
}
.newfooter {
	width: 80%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.dev-link{
	display: flex;
}
.service-wrapper {
	padding-top: 30px;
	padding-bottom: 30px;
}
.service-photo {
	position: relative;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-photo:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.service-photo img {
	 width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
	 filter: brightness(0.4);
}

.service-wrapper .row {
	display: flex;
}

.service-wrapper .row > * {
	flex: 1;
}
.service-desc {
	display: flex;
	gap: 10px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 100%;
 	top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
	z-index: 22;
}
.service-title {
	font-family: "Manrope", sans-serif;
	font-weight: 400;
	font-size: 25px;
	line-height: 83%;
	letter-spacing: -0.05em;
	color: #fff;
}
.service-price {
	font-family: "Manrope", sans-serif;
	font-weight: 400;
	font-size: 20px;
	color: #fff;
}
/* From Uiverse.io by cssbuttons-io */ 
.service-btn {
  display: inline-block;
  padding: 6px 12px;
  border: 1px solid #4f4f4f;
  border-radius: 4px;
  transition: all 0.2s ease-in;
  position: relative;
  overflow: hidden;
  font-size: 19px;
  cursor: pointer;
  color: #fff;
  z-index: 1;
	background: rgba(202, 148, 114, 0.1);
	background: linear-gradient(135deg, rgba(202, 148, 114, 1.0), rgba(219, 219, 219, 0.1));
	font-family: "Manrope", sans-serif;
}

.service-btn:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scaleY(1) scaleX(1.25);
  top: 100%;
  width: 140%;
  height: 180%;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}

.service-btn:after {
  content: "";
  position: absolute;
  left: 55%;
  transform: translateX(-50%) scaleY(1) scaleX(1.45);
  top: 180%;
  width: 160%;
  height: 190%;
  background-color: wheat;
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}

.service-btn:hover {
  color: black;
  border: 1px solid wheat;
}

.service-btn:hover:before {
  top: -35%;
  background-color: wheat;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

.service-btn:hover:after {
  top: -45%;
  background-color: wheat;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}
.service-btn button,
.service-btn span {
	appearance: none;
	border: 0;
	background: none;
	padding: 0;
	margin: 0;
	outline: none;
	font: inherit;
	color: inherit;
	cursor: pointer;
}

.service-link {
	display: inline-block;
	padding: 6px 12px;
	font-family: "Manrope", sans-serif;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 4px;
	transition: background-color 0.2s ease, border-color 0.2s ease;
	margin-bottom: 8px;
}

.service-link:hover {
	background-color: rgba(255, 255, 255, 0.15);
	border-color: #fff;
}

/* Clickable service card */
.service-photo--link {
	display: block;
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}

.service-photo--link .service-title,
.service-photo--link .service-price {
	color: #fff;
}

.service-photo--link:hover .service-btn span {
	background-color: rgba(255, 255, 255, 0.15);
	border-color: #fff;
}

dialog ul {
	text-align: center;
}
dialog ul li {
	font-family: "Manrope", sans-serif;
	padding: 5px;
}
.service__btn {
	display: flex;
	justify-content: center;
}
dialog p {
	font-family: "Manrope", sans-serif;
}
dialog form {
	display: flex;
	flex-direction: row-reverse;
}
dialog form button {
	width: 50px;
}
.service__intro {
	width: 80%;
	margin: 0 auto;
	text-align: center;
}
.c { 
   font-size: 36px;
   color: #c99471;
   font-weight: bold;
   font-variant-numeric: tabular-nums;
}
.counter, .counter-wrapper {
	font-family: "Manrope", sans-serif;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
.counter-wrapper {
	flex-direction: row;
	gap: 24px;
}
.counter-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 1;
}
.counter {
	margin-bottom: 20px;
	margin-top: 20px;
	gap: 10px;
}
.counter-title {
	font-family: "Manrope", sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #170f18;
}
.rewards-label {
	font-family: "Manrope", sans-serif;
	font-size: 13px;
	color: #6b6b6b;
	text-align: center;
	margin-top: 4px;
	letter-spacing: 0.02em;
}

/* =============================================
   Hero Section - redesign
   ============================================= */

body:has(.about-proof-section) {
	font-family: "Manrope", sans-serif;
}

body#home {
	font-family: "Manrope", sans-serif;
}

.hero-section {
	background-color: #f8f5f0;
	padding: 80px 0;
}

.hero-wrapper {
	display: grid;
	grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
	gap: clamp(40px, 7vw, 96px);
	align-items: center;
}

/* Photo */
.hero-photo {
	position: relative;
	grid-column: 1;
	overflow: hidden;
	aspect-ratio: 4 / 5;
	max-width: none;
}

.hero-photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero-photo__overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	background: linear-gradient(to top, rgba(248, 245, 240, 0.6) 0%, transparent 100%);
	z-index: 1;
	pointer-events: none;
}

/* Content */
.hero-content {
	grid-column: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 28px 0 0;
	border-top: 1px solid #e8e4df;
}

/* Eyebrow */
.hero-eyebrow {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 28px;
}

.hero-eyebrow__line {
	flex: 1;
	height: 1px;
	background-color: #d4c5b5;
}

.hero-eyebrow__label {
	font-family: "Manrope", sans-serif;
	font-weight: 500;
	font-size: 11px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #b5a594;
	flex-shrink: 0;
}

/* Name */
.hero-content__name {
	font-family: "Manrope", sans-serif;
	font-weight: 200;
	font-size: 48px;
	line-height: 1.1;
	letter-spacing: -0.02em;
	color: #1a1714;
	margin: 0 0 28px 0;
}

/* Lead (bold intro) */
.hero-content__lead {
	font-family: "Manrope", sans-serif;
	font-weight: 600;
	font-size: 17px;
	line-height: 1.5;
	letter-spacing: -0.01em;
	color: #1a1714;
	margin: 0 0 16px 0;
	max-width: 520px;
}

/* Bio */
.hero-content__bio {
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 17px;
	line-height: 1.65;
	letter-spacing: -0.01em;
	color: #6b6560;
	margin: 0 0 16px 0;
	max-width: 520px;
}

/* Stats */
.hero-stats {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	margin: 40px 0;
	padding: 28px 0;
	border-top: 1px solid #d4c5b5;
	border-bottom: 1px solid #d4c5b5;
}

.hero-stats__item {
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.hero-stats__number {
	font-family: "Manrope", sans-serif;
	font-weight: 700;
	font-size: 42px;
	line-height: 1;
	color: #c99471;
	font-variant-numeric: tabular-nums;
}

.hero-stats__label {
	font-family: "Manrope", sans-serif;
	font-weight: 500;
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #8a7e74;
	margin-top: 8px;
	line-height: 1.35;
}

.hero-stats__divider {
	width: 1px;
	height: 48px;
	background-color: #d4c5b5;
	flex-shrink: 0;
}

/* CTA */
.hero-cta {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	padding: 0;
	background: transparent;
	color: #1a1714 !important;
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 1.4;
	text-transform: none;
	text-decoration: none !important;
	border-radius: 0;
	transition: color 0.25s ease;
}

.hero-cta:hover {
	background: transparent;
	color: #b5835f !important;
	text-decoration: none;
}

.hero-cta:focus-visible {
	outline: 2px solid #c99471;
	outline-offset: 3px;
}

.hero-cta span {
	display: inline-block;
	margin-left: 8px;
	font-size: 18px;
	line-height: 0;
	text-transform: none;
	transition: transform 0.25s cubic-bezier(.16, 1, .3, 1);
}

.hero-cta:hover span,
.hero-cta:focus-visible span {
	transform: rotate(-45deg);
}

/* Responsive */
@media (max-width: 991px) {
	.hero-section {
		padding: 60px 0 70px;
	}
	.hero-wrapper {
		gap: 40px;
	}
	.hero-content__name {
		font-size: 38px;
	}
	.hero-stats__number {
		font-size: 34px;
	}
}

@media (max-width: 767px) {
	.hero-section {
		padding: 48px 0 60px;
	}
	.hero-wrapper {
		grid-template-columns: 1fr;
		gap: 32px;
	}
	.hero-photo {
		grid-column: 1;
		max-width: 100%;
		max-height: none;
	}
	.hero-content {
		grid-column: 1;
		padding-top: 20px;
	}
	.hero-content__name {
		font-size: 32px;
	}
	.hero-content__bio {
		font-size: 15px;
	}
	.hero-stats {
		margin: 28px 0;
		padding: 20px 0;
	}
	.hero-stats__number {
		font-size: 28px;
	}
	.hero-stats__label {
		font-size: 10px;
	}
	.hero-stats__divider {
		height: 36px;
	}
}

/* =============================================
   Approach Section
   ============================================= */

.approach-section {
	background-color: #fff;
	padding: 80px 0;
}

.approach-title {
	font-family: "Manrope", sans-serif;
	font-weight: 200;
	font-size: 36px;
	color: #1a1714;
	text-align: center;
	margin: 0 0 8px 0;
}

.approach-subtitle {
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 17px;
	color: #6b6560;
	text-align: center;
	margin: 0 0 56px 0;
}

.approach-grid {
	display: flex;
	gap: 32px;
}

.approach-card {
	flex: 1;
	padding: 36px 28px;
	background-color: #f8f5f0;
	border-radius: 3px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.approach-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
}

.approach-card__icon {
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	font-size: 22px;
	color: #c99471;
	background-color: rgba(201, 148, 113, 0.1);
	border-radius: 50%;
}

.approach-card__icon .fa {
	position: static;
	width: auto;
	line-height: 1;
	transform: none;
}

.approach-card__title {
	font-family: "Manrope", sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #1a1714;
	margin: 0 0 12px 0;
}

.approach-card__text {
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height: 1.6;
	color: #4a4540;
	margin: 0;
}

/* =============================================
   Stages Section - timeline with icons
   ============================================= */

.stages-section {
	background-color: #f8f5f0;
	padding: 80px 0;
}

.stages-title {
	font-family: "Manrope", sans-serif;
	font-weight: 200;
	font-size: 36px;
	color: #1a1714;
	text-align: center;
	margin: 0 0 56px 0;
}

.stages-timeline {
	max-width: 560px;
	margin: 0 auto;
	padding-left: 28px;
	border-left: 1px solid #d4c5b5;
}

.stage-item {
	position: relative;
	padding: 0 0 36px 28px;
}

.stage-item:last-child {
	padding-bottom: 0;
}

.stage-item__dot {
	position: absolute;
	left: -28px;
	top: 0;
	width: 28px;
	height: 28px;
	background-color: #f8f5f0;
	border: 1px solid #c99471;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	color: #c99471;
	transform: translateX(-50%);
	transition: background-color 0.3s ease, color 0.3s ease;
}

.stage-item:hover .stage-item__dot {
	background-color: #c99471;
	color: #fff;
}

.stage-item__title {
	font-family: "Manrope", sans-serif;
	font-weight: 600;
	font-size: 16px;
	color: #1a1714;
	margin: 0 0 6px 0;
}

.stage-item__text {
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.55;
	color: #6b6560;
	margin: 0;
}

/* =============================================
   Scroll reveal animation
   ============================================= */

.reveal {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1),
	            transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.reveal.visible {
	opacity: 1;
	transform: translateY(0);
}

.reveal:nth-child(2) { transition-delay: 0.08s; }
.reveal:nth-child(3) { transition-delay: 0.16s; }
.reveal:nth-child(4) { transition-delay: 0.24s; }
.reveal:nth-child(5) { transition-delay: 0.32s; }
.reveal:nth-child(6) { transition-delay: 0.40s; }

@media (prefers-reduced-motion: reduce) {
	.reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* Hybrid editorial treatment for the interior-design detail page. */
body:has(.service-benefits-section) .service-hero__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 28px;
	margin: 28px 0 32px;
	font-family: "Manrope", sans-serif;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #8a7e74;
}

body:has(.service-benefits-section) .service-hero__meta span + span {
	padding-left: 28px;
	border-left: 1px solid #d4c5b5;
}

.service-benefits-section,
.service-process-section {
	padding: 80px 0;
	background: #fff;
}

.service-benefits-section {
	background: #f8f5f0;
}

.service-wide-title {
	width: 100%;
	margin: 0 0 42px;
	font-family: "Manrope", sans-serif;
	font-size: 36px;
	font-weight: 200;
	line-height: 1.15;
	letter-spacing: -.02em;
	color: #1a1714;
}

.service-benefits-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 48px;
}

.service-benefit {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 20px;
	padding: 24px 0;
	border-top: 1px solid #d4c5b5;
}

.service-benefit:nth-last-child(-n + 2) {
	border-bottom: 1px solid #d4c5b5;
}

.service-benefit > span,
.service-process-item > span {
	font-family: "Manrope", sans-serif;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .08em;
	color: #c99471;
}

.service-benefit h3,
.service-process-item h3,
.deliverables-title {
	margin: 0 0 8px;
	font-family: "Manrope", sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.25;
	color: #1a1714;
}

.service-benefit p,
.service-process-item p,
.deliverable p {
	margin: 0;
	font-family: "Manrope", sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.6;
	color: #6b6560;
}

.deliverables-section {
	margin-top: 72px;
	padding-top: 56px;
	border-top: 1px solid #d4c5b5;
}

.deliverables-section .service-page-marker {
	margin-bottom: 12px;
}

.deliverables-title {
	font-size: 30px;
	font-weight: 200;
	margin-bottom: 28px;
}

.deliverables-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0 32px;
}

.deliverable {
	min-height: 132px;
	padding: 20px 0;
	border-top: 1px solid #d4c5b5;
}

.deliverable > span {
	display: block;
	margin-bottom: 8px;
	font-family: "Manrope", sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #1a1714;
}

.service-process-section {
	background: #fff;
}

.service-process-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0 32px;
	border-top: 1px solid #d4c5b5;
}

.service-process-item {
	min-height: 158px;
	padding: 22px 0 24px;
	border-bottom: 1px solid #d4c5b5;
}

.service-process-item > span {
	display: block;
	margin-bottom: 18px;
}

body:has(.service-benefits-section) .contact-section__subtitle {
	max-width: 620px;
	margin: -10px 0 36px;
	font-family: "Manrope", sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.6;
	text-align: left;
	color: #6b6560;
}

.service-benefit,
.deliverable,
.service-process-item {
	transition: opacity .6s cubic-bezier(.16, 1, .3, 1), transform .6s cubic-bezier(.16, 1, .3, 1);
}

.portfolio-strip__item:focus-visible {
	outline: 2px solid #1a1714;
	outline-offset: 5px;
}

.portfolio-strip__item img {
	transition: transform .55s cubic-bezier(.2, .65, .2, 1);
}

.portfolio-strip__item:hover img,
.portfolio-strip__item:focus-visible img {
	transform: scale(1.03);
}

@media (max-width: 991px) {
	.deliverables-grid,
	.service-process-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.service-benefits-section,
	.service-process-section {
		padding: 64px 0;
	}

	.service-wide-title {
		font-size: 32px;
		margin-bottom: 32px;
	}

	body:has(.service-benefits-section) .service-hero__meta {
		gap: 10px 18px;
		margin: 24px 0 28px;
		font-size: 11px;
	}

	body:has(.service-benefits-section) .service-hero__meta span + span {
		padding-left: 18px;
	}

	.service-benefits-list,
	.deliverables-grid,
	.service-process-list {
		grid-template-columns: 1fr;
	}

	.service-benefit:nth-last-child(-n + 2) {
		border-bottom: 0;
	}

	.service-benefit:last-child,
	.deliverable:last-child,
	.service-process-item:last-child {
		border-bottom: 1px solid #d4c5b5;
	}

	.deliverables-section {
		margin-top: 56px;
		padding-top: 40px;
	}

	.service-process-item {
		min-height: 0;
	}

	body:has(.service-benefits-section) .contact-section__subtitle {
		margin: -4px 0 28px;
		font-size: 15px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.service-benefit,
	.deliverable,
	.service-process-item,
	.portfolio-strip__item img {
		transition: none;
	}

	.portfolio-strip__item:hover img,
	.portfolio-strip__item:focus-visible img {
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	body:has(.service-benefits-section) .portfolio-strip__item img {
		transition: none !important;
		transform: none !important;
	}
}

/* Full-bleed reference treatment for the design-project page. */
.service-design-hero {
	position: relative;
	min-height: clamp(560px, 72vh, 760px);
	display: flex;
	align-items: stretch;
	overflow: hidden;
	padding: 0;
	background: #302b25;
	color: #fff;
}

.service-design-hero__image,
.service-design-hero__overlay {
	position: absolute;
	inset: 0;
}

.service-design-hero__image {
	z-index: 0;
}

.service-design-hero__image.reveal {
	opacity: 0;
	transform: none;
	transition: opacity .9s cubic-bezier(.16, 1, .3, 1);
}

.service-design-hero__image.reveal.visible {
	opacity: 1;
}

.service-design-hero__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transform: scale(1.06);
	transition: transform 1.2s cubic-bezier(.16, 1, .3, 1), opacity 1s ease;
}

.service-design-hero__image.reveal.visible img {
	transform: scale(1.015);
}

.service-design-hero__overlay {
	z-index: 1;
	background: linear-gradient(90deg, rgba(19, 16, 13, .88) 0%, rgba(19, 16, 13, .62) 38%, rgba(19, 16, 13, .12) 78%, rgba(19, 16, 13, .2) 100%);
}

.service-design-hero__content {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 30px;
	padding-bottom: 88px;
}

.service-design-hero .service-sibling-nav {
	margin-bottom: clamp(64px, 12vh, 132px);
	border-color: rgba(255, 255, 255, .34);
}

.service-design-hero .service-sibling-nav a {
	border-color: rgba(255, 255, 255, .34);
	color: rgba(255, 255, 255, .76);
}

.service-design-hero .service-sibling-nav a:hover,
.service-design-hero .service-sibling-nav a:focus-visible,
.service-design-hero .service-sibling-nav a.is-current {
	background: rgba(255, 255, 255, .14);
	color: #fff;
}

.service-design-hero .service-page-marker {
	color: rgba(255, 255, 255, .74);
}

.service-design-hero .service-hero__title {
	max-width: 760px;
	margin-left: 0;
	margin-right: auto;
	color: #fff;
}

.service-design-hero .service-hero__subtitle {
	max-width: 620px;
	color: rgba(255, 255, 255, .82);
}

.service-design-hero .service-hero__meta {
	width: auto;
	align-self: flex-start;
	color: #8a7e74;
}

.service-design-hero .service-hero__meta span + span {
	border-color: #d4c5b5;
}

.service-design-hero .service-hero__cta {
	width: auto;
	align-self: flex-start;
	background: #fff;
	color: #1a1714 !important;
	transition: background-color .25s ease, color .25s ease, transform .25s ease, box-shadow .25s ease;
	transition-delay: 0s;
}

.service-design-hero .service-hero__cta:hover {
	background: #c99471;
	color: #fff !important;
}

.image-deliverables__intro {
	margin-bottom: 32px;
}

.image-deliverables__intro .service-page-marker {
	margin-bottom: 12px;
}

.image-deliverables__nav {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	margin-bottom: 24px;
	border-top: 1px solid #d4c5b5;
	border-bottom: 1px solid #d4c5b5;
}

.image-deliverables__nav a {
	flex: 1 1 16.666%;
	min-height: 52px;
	display: flex;
	align-items: center;
	padding: 12px 14px;
	border-right: 1px solid #d4c5b5;
	font-family: "Manrope", sans-serif;
	font-size: 12px;
	line-height: 1.3;
	text-decoration: none;
	color: #6b6560;
	transition: color .25s ease, background-color .25s ease;
}

.image-deliverables__nav a:last-child {
	border-right: 0;
}

.image-deliverables__nav a:hover,
.image-deliverables__nav a:focus-visible {
	background: #fff;
	color: #1a1714;
}

.image-deliverables__nav a:focus-visible {
	outline: 2px solid #1a1714;
	outline-offset: -2px;
}

.image-deliverables__row {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
	gap: clamp(32px, 6vw, 96px);
	align-items: center;
	padding: 64px 0;
	border-top: 1px solid #d4c5b5;
}

.image-deliverables__row:last-child {
	border-bottom: 1px solid #d4c5b5;
}

.image-deliverables__row:nth-child(even) .image-deliverables__image {
	order: 2;
}

.image-deliverables__image {
	overflow: hidden;
	aspect-ratio: 4 / 3;
	background: #ebe6df;
}

.image-deliverables__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.001);
	transition: transform .7s cubic-bezier(.2, .65, .2, 1);
}

.image-deliverables__row:hover .image-deliverables__image img,
.image-deliverables__row:focus-within .image-deliverables__image img {
	transform: scale(1.03);
}

.image-deliverables__body {
	max-width: 520px;
}

.image-deliverables__number {
	display: block;
	margin-bottom: 20px;
	font-family: "Manrope", sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .12em;
	color: #c99471;
}

.image-deliverables__body h3 {
	margin: 0 0 14px;
	font-family: "Manrope", sans-serif;
	font-size: clamp(24px, 3vw, 42px);
	font-weight: 200;
	line-height: 1.08;
	letter-spacing: -.03em;
	color: #1a1714;
}

.image-deliverables__body p {
	max-width: 52ch;
	margin: 0;
	font-family: "Manrope", sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.65;
	color: #6b6560;
}

@media (max-width: 991px) {
	.image-deliverables__nav a {
		flex-basis: 33.333%;
	}

	.image-deliverables__nav a:nth-child(3) {
		border-right: 0;
	}
}

@media (max-width: 767px) {
	.service-design-hero {
		min-height: 720px;
	}

	.service-design-hero__content {
		justify-content: flex-end;
		padding-top: 24px;
		padding-bottom: 64px;
	}

	.service-design-hero .service-sibling-nav {
		margin-bottom: auto;
	}

	.service-design-hero__overlay {
		background: linear-gradient(180deg, rgba(19, 16, 13, .3) 16%, rgba(19, 16, 13, .88) 72%, rgba(19, 16, 13, .96) 100%);
	}

	.image-deliverables__nav {
		flex-wrap: nowrap;
		margin-right: -12px;
		margin-left: -12px;
		overflow-x: auto;
		border-right: 0;
		border-left: 0;
		scrollbar-width: none;
	}

	.image-deliverables__nav::-webkit-scrollbar {
		display: none;
	}

	.image-deliverables__nav a {
		flex: 0 0 auto;
		min-width: 150px;
		border-right: 1px solid #d4c5b5;
	}

	.image-deliverables__row,
	.image-deliverables__row:nth-child(even) {
		grid-template-columns: 1fr;
		gap: 28px;
		padding: 44px 0;
	}

	.image-deliverables__row:nth-child(even) .image-deliverables__image {
		order: 0;
	}

	.image-deliverables__body h3 {
		font-size: 32px;
	}

	.image-deliverables__body p {
		font-size: 15px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.service-design-hero__image img,
	.image-deliverables__image img {
		transition: none !important;
		transform: none !important;
	}

	.service-design-hero__image.reveal {
		opacity: 1;
		transition: none;
	}
}

/* Public portfolio button system: primary, inverse, text, and ghost roles. */
:root {
	--public-cta-primary: #c99471;
	--public-cta-primary-hover: #b5835f;
	--public-cta-ink: #1a1714;
	--public-cta-rule: #d4c5b5;
}

.contact-form__submit {
	min-height: 48px;
	padding: 14px 22px;
	border: 1px solid transparent;
	border-radius: 3px;
	font-family: "Manrope", sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	transition: background-color .25s ease, color .25s ease, border-color .25s ease, transform .25s ease;
}

.contact-form__submit:active {
	transform: translateY(0);
}

.contact-form__submit:focus-visible,
.pricing-row__cta:focus-visible,
.featured-header__link:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}

.service-hero__cta {
	background: var(--public-cta-primary);
	color: #fff !important;
	transition-delay: 0s;
}

.service-hero .service-hero__cta {
	transition-delay: 0s !important;
}

.service-design-hero .service-hero__cta {
	background: #fff;
	color: var(--public-cta-ink) !important;
	transition-delay: 0s;
}

.service-design-hero .service-hero__cta:hover,
.service-design-hero .service-hero__cta:focus-visible {
	background: var(--public-cta-primary);
	color: #fff !important;
}

/* Final card-control alignment after legacy card rules. */
.service-photo .service-btn {
	align-items: center;
	justify-content: center;
	border-radius: 3px !important;
	text-align: center;
}

.service-photo .service-btn span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	text-align: center;
}

/* ALEART-inspired inline consultation form for service detail pages. */
body:has(.service-consultation-layout) .contact-section {
	background: #f8f5f0;
}

.service-consultation-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(420px, .8fr);
	gap: 72px;
	align-items: center;
}

.service-consultation-intro {
	max-width: 620px;
}

.service-consultation-service {
	display: block;
	margin-bottom: 18px;
	font-family: "Manrope", sans-serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .16em;
	line-height: 1.3;
	text-transform: uppercase;
	color: #c99471;
}

.service-consultation-intro .service-page-marker {
	margin-bottom: 14px;
}

.service-consultation-title {
	max-width: 620px;
	margin: 0 0 18px;
	font-family: "Manrope", sans-serif;
	font-size: clamp(32px, 4vw, 56px);
	font-weight: 200;
	line-height: 1.02;
	letter-spacing: -.04em;
	color: #1a1714;
}

.service-consultation-copy {
	max-width: 520px;
	margin: 0;
	font-family: "Manrope", sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.6;
	color: #6b6560;
}

.service-consultation-panel {
	padding: 48px;
	background: #fff;
	border: 1px solid #e8e4df;
	border-radius: 3px;
}

.service-consultation-panel .contact-form--single {
	max-width: none;
	margin: 0;
}

.service-consultation-panel .contact-form__input:focus {
	border-color: #c99471 !important;
}

.service-consultation-panel .contact-form__submit {
	align-self: flex-start;
}

@media (max-width: 900px) {
	.service-consultation-layout {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.service-consultation-intro {
		max-width: none;
	}
}

@media (max-width: 767px) {
	.service-consultation-layout {
		gap: 32px;
	}

	.service-consultation-title {
		font-size: 34px;
	}

	.service-consultation-panel {
		padding: 28px 22px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.service-consultation-layout .reveal {
		transition: none;
		transform: none;
	}
}

.service-design-hero .service-hero__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 28px;
	margin: 28px 0 32px;
	font-family: "Manrope", sans-serif;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .08em;
	line-height: 1.4;
	text-transform: uppercase;
	color: #8a7e74;
}

.service-design-hero .service-hero__meta span + span {
	padding-left: 28px;
	border-left: 1px solid #d4c5b5;
}

.service-design-hero__content {
	justify-content: flex-start;
	padding-top: 170px;
}

@media (max-width: 767px) {
	.service-design-hero .service-hero__meta {
		gap: 10px 18px;
		margin: 24px 0 28px;
		font-size: 11px;
	}

	.service-design-hero .service-hero__meta span + span {
		padding-left: 18px;
	}

	.service-design-hero__content {
		justify-content: flex-start;
		padding-top: 260px;
	}

	.service-design-hero .service-hero__title {
		min-height: 70px;
	}
}

.service-photo .service-btn {
	align-items: center;
	justify-content: center;
	border-radius: 3px !important;
	text-align: center;
}

.service-photo .service-btn span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	text-align: center;
}

/* Focused service-card ghost control. */
.service-photo .service-btn {
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	text-align: center;
}

.service-photo .service-btn span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	text-align: center;
}

/* Tightened about hero and compact proof accent. */
body:has(.about-proof-section) .hero-section {
	padding-top: 64px;
	padding-bottom: 64px;
}

body:has(.about-proof-section) .hero-stats {
	margin-top: 28px;
	margin-bottom: 28px;
	padding-top: 20px;
	padding-bottom: 20px;
}

body:has(.about-proof-section) .hero-stats__number {
	font-size: 36px;
}

body:has(.about-proof-section) .hero-stats__label {
	font-size: 10px;
	letter-spacing: .06em;
}

.about-proof-section {
	background: #fff;
}

.about-proof-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
	gap: 56px;
	align-items: center;
}

.about-proof-media {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.about-proof-media img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	transition: transform .55s cubic-bezier(.2, .65, .2, 1);
}

.about-proof-media img:hover,
.about-proof-media img:focus-visible {
	transform: scale(1.025);
}

.about-proof-copy {
	max-width: 420px;
}

.about-proof-copy .about-section-marker {
	display: block;
	margin-bottom: 16px;
}

.about-proof-copy h2 {
	margin: 0 0 16px;
	font-family: "Manrope", sans-serif;
	font-size: 36px;
	font-weight: 200;
	line-height: 1.15;
	letter-spacing: -.02em;
	color: #1a1714;
}

.about-proof-copy p {
	margin: 0 0 24px;
	font-family: "Manrope", sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.6;
	color: #6b6560;
}

.about-proof-copy a {
	color: #c99471;
	font-family: "Manrope", sans-serif;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: color .2s ease, border-color .2s ease;
}

.about-proof-copy a:hover,
.about-proof-copy a:focus-visible {
	color: #b5835f;
	border-bottom-color: currentColor;
}

.about-proof-copy a:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}

.about-metrics-section {
	background: #fff;
}

.service-btn .fa-long-arrow-right {
	font-size: 18px;
	line-height: 1;
	transition: transform .25s cubic-bezier(.16, 1, .3, 1);
}

.service-photo--link:hover .service-btn .fa-long-arrow-right,
.service-photo--link:focus-visible .service-btn .fa-long-arrow-right {
	transform: translateX(4px);
}

.about-metrics-section h2.visually-hidden {
	position: static;
	width: auto;
	height: auto;
	margin: 0 0 32px;
	overflow: visible;
	clip: auto;
	clip-path: none;
	white-space: normal;
	font-family: "Manrope", sans-serif;
	font-size: 36px;
	font-weight: 200;
	line-height: 1.15;
	letter-spacing: -0.02em;
	color: #6b6560;
}

.about-metrics-section .about-section-marker {
	display: block;
	margin-bottom: 16px;
}

.about-metrics-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 48px 32px;
}

.about-metrics-item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}

.about-metrics-item__number {
	font-family: "Manrope", sans-serif;
	font-weight: 700;
	font-size: 48px;
	line-height: 1;
	color: #c99471;
	font-variant-numeric: tabular-nums;
}

.about-metrics-item__line {
	display: block;
	width: 100%;
	height: 2px;
	background-color: #c99471;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.about-metrics-item.visible .about-metrics-item__line {
	transform: scaleX(1);
}

.about-metrics-item__label {
	font-family: "Manrope", sans-serif;
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #6b6560;
	line-height: 1.4;
}

@media (max-width: 767px) {
	body:has(.about-proof-section) .hero-section {
		padding-top: 40px;
		padding-bottom: 48px;
	}

	body:has(.about-proof-section) .hero-wrapper {
		gap: 24px;
	}

	body:has(.about-proof-section) .hero-photo {
		max-height: none;
	}

	body:has(.about-proof-section) .hero-stats {
		margin-top: 24px;
		margin-bottom: 24px;
	}

	.about-proof-layout {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.about-proof-copy {
		max-width: none;
	}

	.about-metrics-section .about-section-marker {
		margin-bottom: 16px;
	}

	.about-metrics-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 36px 24px;
	}

	.about-metrics-section h2.visually-hidden {
		margin-bottom: 24px;
		font-size: 28px;
	}

	.about-metrics-item__number {
		font-size: 36px;
	}

	.about-metrics-item__label {
		font-size: 11px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.about-proof-media img {
		transition: none;
		transform: none !important;
	}

	.about-metrics-item__line {
		transition: none;
		width: 100% !important;
	}
}

.pricing-row__cta,
.featured-header__link {
	color: var(--public-cta-primary);
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: color .2s ease, border-color .2s ease;
}

.pricing-row__cta:hover,
.pricing-row__cta:focus-visible,
.featured-header__link:hover,
.featured-header__link:focus-visible {
	color: var(--public-cta-primary-hover);
	border-bottom-color: currentColor;
}

.service-photo .service-btn {
	min-height: 44px;
	background: rgba(19, 16, 13, .52);
	border: 1px solid rgba(255, 255, 255, .65);
	color: #fff;
}

@media (prefers-reduced-motion: reduce) {
	.hero-cta,
	.contact-form__submit,
	.pricing-row__cta,
	.featured-header__link,
	.service-photo .service-btn {
		transition: background-color .01ms, color .01ms, border-color .01ms;
	}

	.hero-cta:hover,
	.hero-cta:focus-visible,
	.contact-form__submit:hover,
	.contact-form__submit:focus-visible {
		transform: none;
	}
}

/* =============================================
   FAQ Section
   ============================================= */

.faq-section {
	background-color: #fff;
	padding: 80px 0;
}

.faq-layout {
	display: grid;
	grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
	gap: 80px;
	align-items: start;
}

.faq-intro {
	max-width: 300px;
	grid-column: 1;
}

.faq-title {
	margin: 0 0 16px;
	font-family: "Manrope", sans-serif;
	font-size: 36px;
	font-weight: 200;
	line-height: 1.15;
	letter-spacing: -0.02em;
	color: #1a1714;
}

.faq-intro__text {
	margin: 0;
	font-family: "Manrope", sans-serif;
	font-size: 17px;
	font-weight: 300;
	line-height: 1.6;
	color: #6b6560;
}

.faq-list {
	grid-column: 2;
	border-top: 1px solid #d4c5b5;
}

.faq-item {
	border-bottom: 1px solid #d4c5b5;
}

.faq-item summary {
	position: relative;
	min-height: 64px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	padding: 18px 44px 18px 0;
	cursor: pointer;
	list-style: none;
	font-family: "Manrope", sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.35;
	color: #1a1714;
	transition: color 180ms ease;
}

.faq-item summary::-webkit-details-marker {
	display: none;
}

.faq-item summary::after,
.faq-item summary::before {
	content: "";
	position: absolute;
	right: 8px;
	top: 50%;
	width: 16px;
	height: 1px;
	background-color: #c99471;
	transition: transform 180ms ease;
}

.faq-item summary::after {
	transform: translateY(-50%);
}

.faq-item summary::before {
	transform: translateY(-50%) rotate(90deg);
}

.faq-item[open] summary::before {
	transform: translateY(-50%) rotate(0deg);
}

.faq-item summary:hover {
	color: #b5835f;
}

.faq-item summary:focus-visible {
	outline: 2px solid #c99471;
	outline-offset: -3px;
}

.faq-item__answer {
	padding: 0 44px 22px 0;
}

.faq-item__answer p {
	margin: 0;
	font-family: "Manrope", sans-serif;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.65;
	color: #6b6560;
}

@media (max-width: 767px) {
	.faq-section {
		padding: 64px 0;
	}

	.faq-layout {
		display: block;
	}

	.faq-intro {
		max-width: none;
		margin-bottom: 32px;
		grid-column: auto;
	}

	.faq-title {
		font-size: 32px;
	}

	.faq-list {
		grid-column: auto;
	}

	.faq-item summary {
		min-height: 64px;
		padding-top: 18px;
		padding-bottom: 18px;
		font-size: 16px;
	}

	.faq-item__answer {
		padding-right: 32px;
		padding-bottom: 20px;
	}
}

/* =============================================
   Section markers and process layout
   ============================================= */

.about-section-marker {
	display: block;
	margin-bottom: 16px;
	font-family: "Manrope", sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.18em;
	line-height: 1.3;
	text-transform: uppercase;
	color: #a88e78;
}

.featured-header__title-group {
	min-width: 0;
}

.featured-header__title-group .about-section-marker {
	margin-bottom: 12px;
}

.stages-heading {
	max-width: 720px;
	margin-bottom: 52px;
}

.stages-heading .stages-title {
	margin-bottom: 16px;
}

.stages-intro {
	max-width: 620px;
	margin: 0;
	font-family: "Manrope", sans-serif;
	font-size: 17px;
	font-weight: 300;
	line-height: 1.6;
	color: #6b6560;
}

.stages-timeline {
	max-width: 960px;
	padding-left: 0;
	border-left: 0;
}

.stage-item {
	display: grid;
	grid-template-columns: 56px minmax(0, 1fr) 32px;
	gap: 24px;
	align-items: start;
	padding: 24px 0;
	border-top: 1px solid #d4c5b5;
}

.stage-item:last-child {
	padding-bottom: 24px;
	border-bottom: 1px solid #d4c5b5;
}

.stage-item__number {
	padding-top: 2px;
	font-family: "Manrope", sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.08em;
	color: #c99471;
}

.stage-item__content {
	min-width: 0;
}

.stage-item__dot {
	position: static;
	width: 32px;
	height: 32px;
	background: transparent;
	border: 0;
	border-radius: 0;
	font-size: 18px;
	color: #c99471;
	transform: none;
}

.stage-item:hover .stage-item__dot {
	background: transparent;
	color: #b5835f;
}

@media (max-width: 767px) {
	.about-section-marker {
		margin-bottom: 12px;
		font-size: 10px;
	}

	.stages-heading {
		margin-bottom: 36px;
	}

	.stages-intro {
		font-size: 15px;
	}

	.stage-item {
		grid-template-columns: 36px minmax(0, 1fr) 28px;
		gap: 12px;
		padding: 20px 0;
	}

	.stage-item:last-child {
		padding-bottom: 20px;
	}

	.stage-item__dot {
		width: 28px;
		height: 28px;
		font-size: 16px;
	}
}

/* =============================================
   Featured Projects Section
   ============================================= */

.featured-section {
	background-color: #fff;
	padding: 80px 0;
}

.featured-header {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	margin-bottom: 40px;
}

.featured-header__title {
	font-family: "Manrope", sans-serif;
	font-weight: 200;
	font-size: 36px;
	color: #1a1714;
	margin: 0;
}

.featured-header__link {
	font-family: "Manrope", sans-serif;
	font-weight: 500;
	font-size: 14px;
	color: #c99471;
	text-decoration: none;
	letter-spacing: 0.03em;
}

.featured-header__link:hover {
	color: #b5835f;
}

.featured-grid {
	display: flex;
	gap: 24px;
}

.featured-card {
	flex: 1;
	text-decoration: none;
	color: inherit;
	overflow: hidden;
	border-radius: 3px;
	transition: transform 0.3s ease;
}

.featured-card:hover {
	transform: translateY(-4px);
}

.featured-card__img {
	overflow: hidden;
	aspect-ratio: 7 / 5;
}

.featured-card__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}

.featured-card:hover .featured-card__img img {
	transform: scale(1.05);
}

.featured-card__info {
	padding: 16px 0;
}

.featured-card__title {
	font-family: "Manrope", sans-serif;
	font-weight: 600;
	font-size: 16px;
	color: #1a1714;
	margin: 0 0 4px 0;
}

.featured-card__meta {
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 13px;
	color: #8a7e74;
}

/* =============================================
   Testimonials Section
   ============================================= */

.testimonials-section {
	background-color: #f4f1ed;
	padding: 80px 0;
}

.testimonials-heading {
	margin-bottom: 58px;
}

.testimonials-heading__eyebrow {
	display: block;
	font-family: "Manrope", sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: #a88e78;
	margin-bottom: 16px;
}

.testimonials-header__title {
	font-family: "Manrope", sans-serif;
	font-weight: 200;
	font-size: 36px;
	color: #1a1714;
	text-align: left;
	margin: 0;
}

.testimonials-slider {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 330px;
	gap: 90px;
	align-items: stretch;
	min-height: 360px;
}

.testimonials-slider__content {
	position: relative;
	min-height: 360px;
}

.testimonial-slide {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: absolute;
	inset: 0;
	top: 12px;
	visibility: hidden;
	opacity: 0;
	transform: translateY(12px);
	transition: opacity .35s ease, transform .35s ease, visibility .35s ease;
}

.testimonial-slide.is-active {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}

.testimonial-slide__quote-mark {
	font-family: Georgia, serif;
	font-size: 92px;
	line-height: .7;
	color: #bd956a;
	height: 54px;
}

.testimonial-slide__text {
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 24px;
	line-height: 1.55;
	color: #292521;
	max-width: 720px;
	margin: 0 0 42px 0;
}

.testimonial-slide__author {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.testimonial-slide__name {
	font-family: "Manrope", sans-serif;
	font-weight: 600;
	font-size: 15px;
	color: #1a1714;
}

.testimonial-slide__project {
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 13px;
	color: #8a7e74;
}

.testimonials-slider__nav {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0;
	border-left: 1px solid rgba(26, 23, 20, .16);
}

.testimonial-nav {
	display: grid;
	grid-template-columns: 34px 1fr;
	column-gap: 16px;
	text-align: left;
	padding: 22px 0 22px 24px;
	border-left: 2px solid transparent;
	transition: color .25s ease, border-color .25s ease;
}

.testimonial-nav span {
	grid-row: span 2;
	font: 500 11px/1 "Manrope", sans-serif;
	color: #a99b8e;
	padding-top: 2px;
}

.testimonial-nav strong,
.testimonial-nav small {
	display: block;
	font-family: "Manrope", sans-serif;
}

.testimonial-nav strong { font-size: 15px; font-weight: 500; color: #5f574f; }
.testimonial-nav small { font-size: 12px; font-weight: 300; color: #9b8e82; margin-top: 5px; }
.testimonial-nav.is-active { border-left-color: #bd956a; }
.testimonial-nav.is-active strong { color: #1a1714; }
.testimonial-nav:hover strong { color: #bd956a; }

/* =============================================
   Responsive - all new sections
   ============================================= */

@media (max-width: 991px) {
	.approach-grid {
		gap: 20px;
	}
	.approach-card {
		padding: 28px 20px;
	}
	.featured-grid {
		gap: 16px;
	}
}

@media (max-width: 767px) {
	.approach-section,
	.stages-section,
	.featured-section,
	.testimonials-section,
	.about-metrics-section,
	.about-proof-section {
		padding: 48px 0;
	}

	.approach-title,
	.stages-title,
	.featured-header__title,
	.testimonials-header__title,
	.about-proof-copy h2 {
		font-size: 28px;
		margin-bottom: 12px;
	}

	.approach-subtitle {
		margin-bottom: 36px;
	}

	.approach-grid {
		flex-direction: column;
		gap: 16px;
	}

	.stages-timeline {
		padding-left: 20px;
	}

	.stage-item {
		padding-left: 20px;
		padding-bottom: 28px;
	}

	.stage-item__dot {
		left: -20px;
	}

	.featured-header {
		margin-bottom: 28px;
	}

	.featured-grid {
		flex-direction: column;
		gap: 20px;
	}

	.testimonials-slider {
		grid-template-columns: 1fr;
		gap: 32px;
		min-height: 0;
	}

	.testimonials-heading {
		margin-bottom: 36px;
	}

	.testimonials-slider__content {
		min-height: 360px;
	}

	.testimonial-slide__text {
		font-size: 19px;
		line-height: 1.5;
		margin-bottom: 32px;
	}

	.testimonials-slider__nav {
		flex-direction: row;
		overflow-x: auto;
		border-left: 0;
		border-top: 1px solid rgba(26, 23, 20, .16);
	}

	.testimonial-nav {
		min-width: 190px;
		padding: 18px 16px 18px 0;
		border-left: 0;
		border-top: 2px solid transparent;
	}

	.testimonial-nav.is-active { border-top-color: #bd956a; }
	.testimonial-nav span { grid-row: span 2; }
	.testimonials-slider__content { overflow: hidden; }
}

/* =============================================
   Service Hero - page-level hero for service pages
   ============================================= */

/* Fixed-header compensation: #header is position:fixed, height 120px
   (72px when sticky). Hero top padding = header height + 24px breathing room.
   This is a documented exception to the HERO TOP PADDING CAP from the taste skill:
   ceiling applies to non-fixed-nav pages; here it is structural compensation. */
.service-hero {
	text-align: center;
	padding: 144px 0 80px;
}

.service-hero__title {
	font-family: "Manrope", sans-serif;
	font-weight: 200;
	font-size: 48px;
	line-height: 1.1;
	color: #1a1714;
	margin: 0 0 12px 0;
}

.service-hero__subtitle {
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 18px;
	color: #6b6560;
	margin: 0 0 36px 0;
}

/* =============================================
   Section title (shared)
   ============================================= */

.section-title {
	font-family: "Manrope", sans-serif;
	font-weight: 200;
	font-size: 36px;
	color: #1a1714;
	text-align: center;
	margin: 0 0 48px 0;
}

/* =============================================
   Benefits Section
   ============================================= */

.benefits-section {
	background-color: #fff;
	padding: 80px 0;
}

.benefits-grid {
	display: flex;
	gap: 24px;
}

.benefit-card {
	flex: 1;
	padding: 32px 24px;
	background-color: #f8f5f0;
	border-radius: 3px;
	transition: transform 0.3s ease;
}

.benefit-card:hover {
	transform: translateY(-3px);
}

.benefit-card__number {
	font-family: "Manrope", sans-serif;
	font-weight: 700;
	font-size: 28px;
	color: #c99471;
	margin-bottom: 14px;
	line-height: 1;
}

.benefit-card__title {
	font-family: "Manrope", sans-serif;
	font-weight: 600;
	font-size: 17px;
	color: #1a1714;
	margin: 0 0 10px 0;
}

.benefit-card__text {
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.6;
	color: #4a4540;
	margin: 0;
}

/* =============================================
   Scope Section - что входит
   ============================================= */

.scope-section {
	background-color: #f8f5f0;
	padding: 80px 0;
}

.scope-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}

.scope-card {
	flex: 0 0 calc(33.333% - 16px);
	background-color: #fff;
	padding: 28px 24px;
	border-radius: 3px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.scope-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
}

.scope-card__icon {
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
	font-size: 18px;
	color: #c99471;
	background-color: rgba(201, 148, 113, 0.1);
	border-radius: 50%;
}

.scope-card__icon .fa {
	position: static;
	width: auto;
	line-height: 1;
	transform: none;
}

.scope-card__title {
	font-family: "Manrope", sans-serif;
	font-weight: 600;
	font-size: 16px;
	color: #1a1714;
	margin: 0 0 8px 0;
}

.scope-card__text {
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.55;
	color: #6b6560;
	margin: 0;
}

.scope-card__list {
	list-style: none;
	padding: 0;
	margin: 10px 0 0 0;
}

.scope-card__list li {
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 13px;
	line-height: 1.5;
	color: #6b6560;
	padding: 3px 0 3px 16px;
	position: relative;
}

.scope-card__list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 4px;
	height: 4px;
	background-color: #c99471;
	border-radius: 50%;
}

/* =============================================
   Pricing Section
   ============================================= */

.pricing-section {
	background-color: #fff;
	padding: 80px 0;
}

.pricing-grid {
	display: flex;
	gap: 24px;
	align-items: flex-start;
}

.pricing-card {
	flex: 1;
	background-color: #fff;
	padding: 32px 28px;
	border: 1px solid #e8e4df;
	border-radius: 3px;
	position: relative;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.pricing-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}

.pricing-card--featured {
	border: 2px solid #c99471;
}

.pricing-card__badge {
	position: absolute;
	top: -12px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #c99471;
	color: #fff;
	font-family: "Manrope", sans-serif;
	font-weight: 600;
	font-size: 11px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	padding: 4px 16px;
	border-radius: 2px;
}

.pricing-card__title {
	font-family: "Manrope", sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #1a1714;
	margin: 0 0 12px 0;
}

.pricing-card__price {
	font-family: "Manrope", sans-serif;
	font-weight: 700;
	font-size: 28px;
	color: #c99471;
	margin-bottom: 20px;
}

.pricing-card__price span {
	font-weight: 400;
	font-size: 16px;
	color: #8a7e74;
}

.pricing-card__list {
	list-style: none;
	padding: 0;
	margin: 0 0 24px 0;
}

.pricing-card__list li {
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.55;
	color: #4a4540;
	padding: 6px 0;
	border-bottom: 1px solid #f0ece8;
}

.pricing-card__list li:last-child {
	border-bottom: none;
}

.pricing-card__cta {
	display: block;
	text-align: center;
	padding: 12px 24px;
	background-color: #c99471;
	color: #fff !important;
	font-family: "Manrope", sans-serif;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none !important;
	border-radius: 3px;
	transition: background-color 0.2s ease;
}

.pricing-card__cta:hover {
	background-color: #b5835f;
}

/* =============================================
   CTA Section
   ============================================= */

.cta-section {
	background-color: #f8f5f0;
	padding: 80px 0;
	text-align: center;
}

.cta-section__title {
	font-family: "Manrope", sans-serif;
	font-weight: 200;
	font-size: 36px;
	color: #1a1714;
	margin: 0 0 12px 0;
}

.cta-section__text {
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #6b6560;
	margin: 0 0 32px 0;
}

/* =============================================
   Responsive - service page
   ============================================= */

@media (max-width: 991px) {
	.service-hero__title {
		font-size: 38px;
	}
	.benefits-grid {
		gap: 16px;
	}
	.benefit-card {
		padding: 24px 20px;
	}
	.scope-card {
		flex: 0 0 calc(33.333% - 12px);
	}
	.pricing-grid {
		gap: 16px;
	}
	.pricing-card {
		padding: 24px 20px;
	}
}

@media (max-width: 767px) {
	.service-hero {
		/* fixed header collapses shorter on mobile; keep clearance */
		padding: 96px 0 48px;
	}
	.service-hero__title {
		font-size: 32px;
	}
	.service-hero__subtitle {
		font-size: 16px;
	}
	.section-title {
		font-size: 28px;
		margin-bottom: 32px;
	}
	.benefits-section,
	.scope-section,
	.pricing-section,
	.cta-section {
		padding: 48px 0;
	}
	.benefits-grid {
		flex-direction: column;
		gap: 12px;
	}
	.scope-grid {
		flex-direction: column;
		gap: 12px;
	}
	.scope-card {
		flex: none;
	}
	.pricing-grid {
		flex-direction: column;
		gap: 16px;
	}
	.pricing-card__price {
		font-size: 24px;
	}
}

/* =============================================
   Service Hero extras (price, bonus, actions)
   ============================================= */

.service-hero__price {
	font-family: "Manrope", sans-serif;
	font-weight: 700;
	font-size: 32px;
	color: #c99471;
	margin-bottom: 8px;
}

.service-hero__bonus {
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 15px;
	color: #6b6560;
	margin-bottom: 32px;
}

.service-hero__actions {
	display: flex;
	gap: 16px;
	justify-content: center;
	flex-wrap: wrap;
}

.hero-cta--outline {
	background-color: transparent;
	border: 1px solid #c99471;
	color: #c99471 !important;
}

.hero-cta--outline:hover {
	background-color: #c99471;
	color: #fff !important;
}

/* =============================================
   Scope Nav - anchor navigation
   ============================================= */

.scope-nav {
	background-color: #fff;
	border-bottom: 1px solid #e8e4df;
	padding: 0;
	position: sticky;
	top: 0;
	z-index: 50;
}

.scope-nav__list {
	display: flex;
	gap: 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.scope-nav__list::-webkit-scrollbar {
	display: none;
}

.scope-nav__link {
	flex-shrink: 0;
	padding: 16px 20px;
	font-family: "Manrope", sans-serif;
	font-weight: 500;
	font-size: 13px;
	color: #6b6560;
	text-decoration: none;
	white-space: nowrap;
	border-bottom: 2px solid transparent;
	transition: color 0.2s ease, border-color 0.2s ease;
}

.scope-nav__link:hover {
	color: #c99471;
	border-bottom-color: #c99471;
}

/* =============================================
   Pricing accordion toggle
   ============================================= */

.pricing-card__toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0;
	margin-bottom: 12px;
	font-family: "Manrope", sans-serif;
	font-weight: 500;
	font-size: 13px;
	color: #c99471;
	cursor: pointer;
	border-bottom: 1px solid #e8e4df;
	user-select: none;
}

.pricing-card__toggle .fa {
	font-size: 11px;
	transition: transform 0.3s ease;
}

.pricing-card--open .pricing-card__toggle .fa {
	transform: rotate(180deg);
}

.pricing-card__list {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: opacity 0.25s ease;
	margin-bottom: 0;
}

.pricing-card--open .pricing-card__list {
	max-height: 500px;
	opacity: 1;
	margin-bottom: 24px;
}

/* =============================================
   Portfolio section with tabs
   ============================================= */

.portfolio-section {
	background-color: #f8f5f0;
	padding: 80px 0;
}

.portfolio-tabs {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-bottom: 36px;
}

.portfolio-tab {
	padding: 8px 20px;
	font-family: "Manrope", sans-serif;
	font-weight: 500;
	font-size: 13px;
	color: #6b6560;
	background: none;
	border: 1px solid #d4c5b5;
	border-radius: 3px;
	cursor: pointer;
	transition: all 0.2s ease;
}

.portfolio-tab:hover {
	color: #c99471;
	border-color: #c99471;
}

.portfolio-tab.active {
	background-color: #c99471;
	border-color: #c99471;
	color: #fff;
}

.portfolio-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}

.portfolio-card {
	flex: 0 0 calc(33.333% - 16px);
	text-decoration: none;
	color: inherit;
	overflow: hidden;
	border-radius: 3px;
	background-color: #fff;
	transition: transform 0.3s ease;
}

.portfolio-card:hover {
	transform: translateY(-4px);
}

.portfolio-card img {
	width: 100%;
	aspect-ratio: 7 / 5;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}

.portfolio-card:hover img {
	transform: scale(1.05);
}

.portfolio-card__info {
	padding: 14px 16px;
}

.portfolio-card__title {
	font-family: "Manrope", sans-serif;
	font-weight: 600;
	font-size: 15px;
	color: #1a1714;
	margin: 0 0 4px 0;
}

.portfolio-card__meta {
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 12px;
	color: #8a7e74;
}

/* =============================================
   Contact form
   ============================================= */

.contact-section {
	background-color: #fff;
	padding: 80px 0;
}

.contact-section__subtitle {
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #6b6560;
	text-align: center;
	margin: -32px 0 36px 0;
}

.contact-form {
	max-width: 560px;
	margin: 0 auto;
}

.contact-form__row {
	display: flex;
	gap: 16px;
	margin-bottom: 16px;
}

.contact-form__field {
	flex: 1;
	position: relative;
}

.contact-form__input {
	width: 100%;
	padding: 14px 16px;
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 15px;
	color: #1a1714;
	background-color: #f8f5f0;
	border: 1px solid #e8e4df;
	border-radius: 3px;
	outline: none;
	transition: border-color 0.2s ease;
	box-sizing: border-box;
}

.contact-form__input:focus {
	border-color: #c99471;
}

.contact-form__input::placeholder {
	color: #a8a098;
}

.contact-form__error {
	display: none;
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 12px;
	color: #c0392b;
	margin-top: 4px;
}

.hp-field {
	position: absolute !important;
	left: -9999px !important;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	border: 0;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

.contact-form__field.error .contact-form__error {
	display: block;
}

.contact-form-inline__field.error .contact-form__error {
	display: block;
}

.contact-form-inline__field.error .contact-form__input {
	border-color: #c0392b;
}

.contact-form__field.error .contact-form__input {
	border-color: #c0392b;
}

.contact-form__checkbox {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin-bottom: 24px;
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 13px;
	color: #6b6560;
	cursor: pointer;
}

.contact-form__checkbox input {
	margin-top: 3px;
	flex-shrink: 0;
}

.contact-form__checkbox a {
	color: #c99471;
}

.contact-form__checkbox.error {
	color: #c0392b;
}

.contact-form__submit {
	width: 100%;
	text-align: center;
	cursor: pointer;
	border: none;
}

.contact-form__success {
	text-align: center;
	padding: 24px;
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #27ae60;
}

/* =============================================
   Modal dialog
   ============================================= */

.modal {
	padding: 0;
	border: none;
	border-radius: 6px;
	max-width: 420px;
	width: 90%;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}

.modal::backdrop {
	background-color: rgba(0, 0, 0, 0.5);
}

.modal__content {
	padding: 36px 28px;
	position: relative;
}

.modal__close {
	position: absolute;
	top: 16px;
	right: 16px;
	background: none;
	border: none;
	font-size: 18px;
	color: #8a7e74;
	cursor: pointer;
	padding: 4px;
}

.modal__close:hover {
	color: #1a1714;
}

.modal__title {
	font-family: "Manrope", sans-serif;
	font-weight: 600;
	font-size: 22px;
	color: #1a1714;
	margin: 0 0 8px 0;
}

.modal__text {
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #6b6560;
	margin: 0 0 20px 0;
}

.modal__form {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.modal__form .contact-form__submit {
	margin-top: 8px;
}

/* =============================================
   Responsive - new sections
   ============================================= */

@media (max-width: 991px) {
	.scope-nav__link {
		padding: 14px 16px;
		font-size: 12px;
	}
	.portfolio-card {
		flex: 0 0 calc(50% - 12px);
	}
}

@media (max-width: 767px) {
	.service-hero__price {
		font-size: 26px;
	}
	.service-hero__bonus {
		font-size: 14px;
	}
	.service-hero__actions {
		flex-direction: column;
		align-items: center;
	}
	.scope-nav {
		position: static;
	}
	.scope-nav__link {
		padding: 12px 14px;
		font-size: 11px;
	}
	.portfolio-section,
	.contact-section {
		padding: 48px 0;
	}
	.portfolio-tabs {
		flex-wrap: wrap;
	}
	.portfolio-grid {
		flex-direction: column;
	}
	.portfolio-card {
		flex: none;
	}
	.contact-form__row {
		flex-direction: column;
	}
	.contact-section__subtitle {
		margin-bottom: 28px;
	}
}
/* =============================================
   Service pages v2 - minimalist (taste-skill)
   Design read: warm-craft editorial override.
   Layout families used: centered hero / numbered divider list / vertical tier-rows / image strip / horizontal timeline / single-column form.
   ============================================= */

/* Anchor offset: every #id target clears the fixed 72px header */
[id] { scroll-margin-top: 96px; }

/* --- 1. Hero (centered, editorial exception) --- */
.service-hero__eyebrow {
	display: block;
	font-family: "Manrope", sans-serif;
	font-weight: 500;
	font-size: 11px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: #c99471;
	margin-bottom: 22px;
}
.service-hero__cta {
	display: inline-block;
	padding: 14px 36px;
	font-family: "Manrope", sans-serif;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 0.02em;
	color: #fff !important;
	background-color: #1a1714;
	border-radius: 2px;
	text-decoration: none;
	transition: background-color 0.3s ease, transform 0.2s ease;
}
.service-hero__cta:hover { background-color: #c99471; }
.service-hero__cta:active { transform: translateY(1px); }

/* --- 2. What's included: numbered divider list (not cards) --- */
.scope-list {
	max-width: 760px;
	margin: 0 auto;
	list-style: none;
	padding: 0;
}
.scope-list__item {
	display: grid;
	grid-template-columns: 64px 1fr;
	gap: 20px;
	padding: 28px 0;
	border-top: 1px solid #e8e4df;
}
.scope-list__item:last-child { border-bottom: 1px solid #e8e4df; }
.scope-list__num {
	font-family: "Manrope", sans-serif;
	font-weight: 200;
	font-size: 28px;
	line-height: 1;
	color: #c99471;
}
.scope-list__title {
	font-family: "Manrope", sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #1a1714;
	margin: 0 0 6px 0;
}
.scope-list__text {
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.6;
	color: #6b6560;
	margin: 0;
}

/* --- 3. Pricing strip: vertical tier-rows (not a 3-card grid) --- */
.pricing-strip {
	max-width: 760px;
	margin: 0 auto;
}
.pricing-row {
	display: grid;
	grid-template-columns: 1fr auto auto;
	align-items: baseline;
	gap: 24px;
	padding: 28px 0;
	border-top: 1px solid #e8e4df;
	text-decoration: none;
	color: inherit;
	transition: background-color 0.2s ease;
}
.pricing-row:last-child { border-bottom: 1px solid #e8e4df; }
.pricing-row--featured {
	background-color: #f8f5f0;
	margin: 0 -20px;
	padding-left: 20px;
	padding-right: 20px;
	border-top-color: #c99471;
	border-bottom-color: #c99471;
}
.pricing-row__name {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.pricing-row__title {
	font-family: "Manrope", sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #1a1714;
}
.pricing-row__summary {
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 13px;
	color: #8a7e74;
}
.pricing-row__price {
	font-family: "Manrope", sans-serif;
	font-weight: 200;
	font-size: 26px;
	color: #1a1714;
	white-space: nowrap;
}
.pricing-row__price span {
	font-size: 13px;
	color: #8a7e74;
	font-weight: 400;
}
.pricing-row__cta {
	font-family: "Manrope", sans-serif;
	font-weight: 500;
	font-size: 13px;
	letter-spacing: 0.02em;
	color: #c99471;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: border-color 0.2s ease;
}
.pricing-row__cta:hover { border-bottom-color: #c99471; }

/* --- 4. Portfolio strip: single row, caption strip --- */
.portfolio-strip {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.portfolio-strip__item {
	text-decoration: none;
	color: inherit;
	overflow: hidden;
}
.portfolio-strip__item img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	display: block;
	transition: transform 0.5s ease;
}
.portfolio-strip__item:hover img { transform: scale(1.04); }
.portfolio-strip__caption {
	margin-top: 12px;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 12px;
}
.portfolio-strip__title {
	font-family: "Manrope", sans-serif;
	font-weight: 600;
	font-size: 14px;
	color: #1a1714;
}
.portfolio-strip__meta {
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 12px;
	color: #8a7e74;
	white-space: nowrap;
}

/* --- 5. Timeline (3-step, horizontal on desktop) --- */
.timeline-3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px;
	margin-top: 24px;
}
.timeline-3__step {
	position: relative;
	padding-top: 22px;
}
.timeline-3__step::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 1px;
	background-color: #c99471;
}
.timeline-3__title {
	font-family: "Manrope", sans-serif;
	font-weight: 600;
	font-size: 16px;
	color: #1a1714;
	margin: 0 0 6px 0;
}
.timeline-3__text {
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 13px;
	line-height: 1.6;
	color: #6b6560;
	margin: 0;
}

/* --- 6. Contact form: single column, narrow --- */
.contact-form--single {
	max-width: 520px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 18px;
}
.contact-form--single .contact-form__field {
	position: relative;
}
.contact-form--single .contact-form__label {
	display: block;
	font-family: "Manrope", sans-serif;
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 0.02em;
	color: #1a1714;
	margin-bottom: 6px;
}
.contact-form--single .contact-form__input {
	width: 100%;
	box-sizing: border-box;
}

/* --- Mobile collapse (explicit per section) --- */
@media (max-width: 767px) {
	.scope-list__item {
		grid-template-columns: 40px 1fr;
		gap: 14px;
		padding: 20px 0;
	}
	.pricing-row {
		grid-template-columns: 1fr;
		gap: 6px;
	}
	.pricing-row__price {
		font-size: 22px;
		grid-row: 2;
	}
	.pricing-row__cta {
		grid-row: 3;
		justify-self: start;
		margin-top: 4px;
	}
	.portfolio-strip {
		grid-template-columns: 1fr;
	}
	.timeline-3 {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}

/* ALEART-inspired testimonial rail: quiet type, wide whitespace, project-led cards */
.testimonials-carousel {
	position: relative;
	width: calc(100% + max(0px, (100vw - 1200px) / 2));
}

.testimonials-carousel__topline {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
	font: 300 12px/1.4 "Manrope", sans-serif;
	color: #9b8e82;
}

.testimonials-carousel__topline .testimonials-slider__arrows {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 164px;
	padding: 0;
	border: 0;
}

.testimonials-carousel__viewport {
	overflow: hidden;
	margin-right: 0;
}

.testimonials-carousel__track {
	display: flex;
	gap: 16px;
	transition: transform .55s cubic-bezier(.16, 1, .3, 1);
	will-change: transform;
}

.testimonials-carousel .testimonial-slide {
	position: relative;
	display: flex;
	flex: 0 0 min(460px, calc((100vw - 64px) / 3));
	min-height: 420px;
	padding: 0 34px 31px;
	background: #fff;
	transform: none;
	visibility: visible;
	opacity: 1;
	align-items: stretch;
	justify-content: flex-start;
	gap: 0;
}

.testimonials-carousel .testimonial-slide__visual {
	height: 205px;
	margin: 0 -34px 25px;
	order: 0;
}

.testimonials-carousel .testimonial-slide__visual img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: saturate(.8);
}

.testimonials-carousel .testimonial-slide__meta {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	min-height: 43px;
	margin-bottom: 14px;
}

.testimonial-slide__meta span {
	font: 500 14px/1.2 "Manrope", sans-serif;
	color: #1a1714;
}

.testimonial-slide__meta small {
	font: 300 11px/1.45 "Manrope", sans-serif;
	text-align: right;
	color: #8a7e74;
}

.testimonials-carousel .testimonial-slide__text {
	font-size: 14px;
	line-height: 1.6;
	margin: 0;
	color: #6b625a;
}

.testimonials-carousel .testimonial-slide__review {
	margin-top: auto;
	padding-top: 22px;
	font-size: 10px;
	letter-spacing: .02em;
}

.testimonials-carousel .testimonial-slide__review span {
	margin-left: 12px;
}

.testimonials-carousel__bullets {
	display: flex;
	justify-content: flex-start;
	gap: 10px;
	padding-top: 30px;
}

.testimonials-carousel__bullets button {
	position: relative;
	width: 42px;
	height: 20px;
	padding: 8px 0;
	background: transparent;
	border-bottom: 1px solid #d7d0c8;
	transition: border-color .2s ease;
}

.testimonials-carousel__bullets button.is-active,
.testimonials-carousel__bullets button:hover {
	border-color: #bd956a;
}

.testimonials-carousel__bullets button:after {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	margin: 0 auto;
	border-radius: 50%;
	background: #d7d0c8;
}

.testimonials-carousel__bullets button.is-active:after,
.testimonials-carousel__bullets button:hover:after {
	background: #bd956a;
}

.testimonials-carousel .testimonial-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border: 1px solid rgba(26, 23, 20, .18);
	font-size: 22px;
	color: #1a1714;
	transition: color .2s ease, border-color .2s ease, background-color .2s ease, transform .2s ease;
}

.testimonials-carousel .testimonial-arrow:hover {
	border-color: #bd956a;
	background: #bd956a;
	color: #fff;
}

@media (max-width: 767px) {
	.testimonials-carousel {
		width: 100%;
	}
	.testimonials-carousel__topline {
		margin-bottom: 18px;
	}
	.testimonials-carousel__viewport {
		margin-right: -15px;
	}
	.testimonials-carousel .testimonial-slide {
		flex-basis: min(390px, calc(100vw - 48px));
		min-height: 420px;
	}
	.testimonials-carousel__track {
		gap: 14px;
	}
	.testimonials-carousel__topline .testimonials-slider__arrows { width: 150px; }
}

@media (prefers-reduced-motion: reduce) {
	.testimonials-carousel__track { transition: none; }
}

/* Testimonials slider with visual thumbnails and review lightbox */
.testimonials-slider {
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 64px;
	min-height: 420px;
}

.testimonials-slider__content {
	min-height: 420px;
}

.testimonial-slide {
	display: grid;
	grid-template-columns: minmax(220px, 38%) minmax(0, 1fr);
	gap: 44px;
	align-items: center;
	top: 0;
}

.testimonial-slide__visual {
	height: 320px;
	overflow: hidden;
	background: #ded8d0;
}

.testimonial-slide__visual img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .6s ease;
}

.testimonial-slide.is-active .testimonial-slide__visual img {
	transform: scale(1.02);
}

.testimonial-slide__copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.testimonial-slide__quote-mark {
	height: 42px;
}

.testimonial-slide__text {
	font-size: 21px;
	margin-bottom: 28px;
}

.testimonial-slide__review {
	margin-top: 30px;
	padding: 0 0 7px;
	border-bottom: 1px solid #bd956a;
	font: 500 12px/1 "Manrope", sans-serif;
	color: #1a1714;
	transition: color .2s ease, border-color .2s ease;
}

.testimonial-slide__review span {
	margin-left: 18px;
	color: #bd956a;
}

.testimonial-slide__review:hover {
	color: #bd956a;
	border-color: #1a1714;
}

.testimonials-slider__side {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.testimonials-slider__arrows {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 25px;
	border-bottom: 1px solid rgba(26, 23, 20, .16);
}

.testimonial-arrow {
	font: 300 26px/1 "Manrope", sans-serif;
	color: #bd956a;
	transition: color .2s ease, transform .2s ease;
}

.testimonial-arrow:hover { color: #1a1714; transform: translateX(2px); }
.testimonial-arrow:first-child:hover { transform: translateX(-2px); }

.testimonial-counter {
	font: 300 12px/1 "Manrope", sans-serif;
	color: #9b8e82;
}

.testimonial-counter b {
	font-weight: 600;
	color: #1a1714;
}

.testimonials-slider__nav {
	border-left: 0;
	justify-content: flex-start;
}

.testimonial-nav {
	position: relative;
	grid-template-columns: 62px 30px 1fr;
	align-items: center;
	column-gap: 13px;
	padding: 16px 0;
	border-left: 0;
	border-bottom: 1px solid rgba(26, 23, 20, .12);
}

.testimonial-nav img {
	grid-row: span 2;
	width: 62px;
	height: 48px;
	object-fit: cover;
	filter: grayscale(1);
	opacity: .58;
	transition: filter .25s ease, opacity .25s ease, transform .25s ease;
}

.testimonial-nav span {
	grid-row: span 2;
}

.testimonial-nav.is-active img,
.testimonial-nav:hover img {
	filter: grayscale(0);
	opacity: 1;
	transform: scale(1.04);
}

.testimonial-nav.is-active:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 2px;
	height: 100%;
	background: #bd956a;
}

.review-modal {
	position: fixed;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	visibility: hidden;
	opacity: 0;
	background: rgba(26, 23, 20, .72);
	transition: opacity .25s ease, visibility .25s ease;
	z-index: 1000;
}

.review-modal.is-open {
	visibility: visible;
	opacity: 1;
}

.review-modal__backdrop {
	position: absolute;
	inset: 0;
}

.review-modal__dialog {
	position: relative;
	max-width: min(720px, 100%);
	max-height: calc(100vh - 48px);
	padding: 10px;
	background: #fff;
	box-shadow: 0 24px 80px rgba(0, 0, 0, .24);
}

.review-modal__image {
	display: block;
	max-width: 100%;
	max-height: calc(100vh - 68px);
	object-fit: contain;
}

.review-modal__fallback {
	display: none;
	min-width: 280px;
	padding: 80px 45px;
	font: 300 16px/1.5 "Manrope", sans-serif;
	text-align: center;
	color: #4a4540;
}

.review-modal__close {
	position: absolute;
	top: -38px;
	right: 0;
	width: 30px;
	height: 30px;
	font: 300 30px/1 "Manrope", sans-serif;
	color: #fff;
}

.review-modal-open { overflow: hidden; }

@media (max-width: 767px) {
	.testimonials-slider {
		grid-template-columns: 1fr;
		gap: 30px;
		min-height: 0;
	}

	.testimonials-slider__content { min-height: 0; }

	.testimonial-slide {
		position: relative;
		display: none;
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.testimonial-slide.is-active { display: grid; }
	.testimonial-slide__visual { height: 230px; }
	.testimonial-slide__text { font-size: 18px; }
	.testimonials-slider__side { gap: 22px; }
	.testimonials-slider__nav { flex-direction: row; overflow-x: auto; }
	.testimonial-nav { min-width: 188px; padding: 14px 12px 14px 0; border-bottom: 0; }
	.testimonial-nav.is-active:after { top: auto; bottom: 0; width: 100%; height: 2px; }
}


/* =============================================
   Contacts page - .contact-list (label/value rows)
   Layout family: horizontal hairline-divided rows.
   Reuses warm-craft palette (art-override) - locked to cream/clay/espresso.
   ============================================= */

.contact-list {
	max-width: 760px;
	margin: 0 auto;
}

.contact-row {
	display: grid;
	grid-template-columns: 160px 1fr;
	gap: 32px;
	padding: 26px 0;
	border-top: 1px solid #e8e4df;
}

.contact-row:last-child {
	border-bottom: 1px solid #e8e4df;
}

.contact-row__label {
	font-family: "Manrope", sans-serif;
	font-weight: 500;
	font-size: 11px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #8a7e74;
	padding-top: 4px;
}

.contact-row__value {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.contact-row__link {
	font-family: "Manrope", sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #1a1714;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: border-color 0.2s ease;
}

.contact-row__link:hover {
	border-bottom-color: #1a1714;
}

.contact-row__hint {
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 13px;
	color: #8a7e74;
}

.contact-row__value > a + a {
	margin-top: 2px;
}

.map-section {
	background-color: #f8f5f0;
	padding: 0;
	position: relative;
}

.map-section__embed {
	width: 100%;
	aspect-ratio: 16 / 9;
	display: block;
	border: none;
	overflow: hidden;
}

.map-section__caption {
	max-width: 1140px;
	margin: 0 auto;
	padding: 28px 0 64px;
	display: flex;
	justify-content: space-between;
	gap: 24px;
	align-items: baseline;
	flex-wrap: wrap;
}

.map-section__city {
	font-family: "Manrope", sans-serif;
	font-weight: 200;
	font-size: 22px;
	color: #1a1714;
}

.map-section__city span {
	display: block;
	font-size: 13px;
	font-weight: 400;
	color: #8a7e74;
	margin-top: 2px;
}

@media (max-width: 767px) {
	.contact-row {
		grid-template-columns: 1fr;
		gap: 8px;
	}
	.contact-row__label {
		padding-top: 0;
	}
	.map-section__embed {
		aspect-ratio: 4 / 3;
	}
	.map-section__caption {
		flex-direction: column;
		gap: 12px;
		padding: 20px 0 40px;
	}
	.map-section__city {
		font-size: 20px;
	}
}

/* =============================================
   Contacts page v2 - aleart-style composition:
   big display phone, channel rows, socials row.
   Palette lock: cream/clay/espresso (art-override).
   ============================================= */

.contact-phone {
	text-align: center;
	padding: 24px 0 88px;
	background-color: #fff;
}

.contact-phone__link {
	display: inline-block;
	font-family: "Manrope", sans-serif;
	font-weight: 200;
	font-size: clamp(34px, 5.5vw, 60px);
	line-height: 1.1;
	letter-spacing: 0.01em;
	color: #1a1714;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: color 0.25s ease, border-color 0.25s ease;
}

.contact-phone__link:hover {
	color: #c99471;
	border-bottom-color: #c99471;
}

.contact-phone__hint {
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #8a7e74;
	margin: 14px 0 0 0;
}

.contact-socials-section {
	background-color: #f8f5f0;
	padding: 80px 0;
}

.contact-socials {
	display: flex;
	justify-content: center;
	gap: 40px;
	flex-wrap: wrap;
}

.contact-socials a {
	font-family: "Manrope", sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #1a1714;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: color 0.2s ease, border-color 0.2s ease;
}

.contact-socials a:hover {
	color: #c99471;
	border-bottom-color: #c99471;
}

@media (max-width: 767px) {
	.contact-phone {
		padding: 8px 0 56px;
	}
	.contact-socials-section {
		padding: 56px 0;
	}
	.contact-socials {
		gap: 20px;
	}
	.contact-socials a {
		font-size: 16px;
	}
}

/* =============================================
   Contacts page v3 - premium minimal (ref: aleart/fantalis composition, not copy)
   Shape lock (documented): cards 16px, buttons pill, inputs 12px, icon chips full-radius.
   Shadow: warm espresso tint, never pure black.
   Theme: light page + ONE deliberate dark color-block (final CTA) - allowed once per page.
   ============================================= */

/* --- Contact cards (bento 3+2, no empty cells) --- */
.contact-cards-section {
	background-color: #fff;
	padding: 96px 0;
}

.contact-cards {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 20px;
	max-width: 1140px;
	margin: 0 auto;
}

.contact-card {
	grid-column: span 2;
	background-color: #f8f5f0;
	border-radius: 16px;
	padding: 32px 28px;
	position: relative;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.contact-card--span3 {
	grid-column: span 3;
}

.contact-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 40px rgba(26, 23, 20, 0.09);
}

.contact-card__icon {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #c99471;
	font-size: 18px;
	margin-bottom: 22px;
	transition: background-color 0.3s ease, color 0.3s ease;
}

.contact-card:hover .contact-card__icon {
	background-color: #c99471;
	color: #fff;
}

.contact-card__title {
	font-family: "Manrope", sans-serif;
	font-weight: 600;
	font-size: 17px;
	color: #1a1714;
	margin: 0 0 8px 0;
}

.contact-card__value {
	font-family: "Manrope", sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #1a1714;
	text-decoration: none;
	display: inline-block;
	border-bottom: 1px solid transparent;
	transition: color 0.2s ease, border-color 0.2s ease;
}

.contact-card__value:hover {
	color: #c99471;
	border-bottom-color: #c99471;
}

.contact-card__hint {
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 13px;
	line-height: 1.55;
	color: #8a7e74;
	margin: 8px 0 0 0;
}

.contact-card__copy {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 1px solid #e8e4df;
	background-color: #fff;
	color: #8a7e74;
	font-size: 13px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.25s ease;
}

.contact-card__copy:hover {
	border-color: #c99471;
	color: #c99471;
}

.contact-card__copy.copied {
	background-color: #c99471;
	border-color: #c99471;
	color: #fff;
}

.contact-card__socials {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	margin-top: 4px;
}

.contact-card__socials a {
	font-family: "Manrope", sans-serif;
	font-weight: 600;
	font-size: 15px;
	color: #1a1714;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: color 0.2s ease, border-color 0.2s ease;
}

.contact-card__socials a:hover {
	color: #c99471;
	border-bottom-color: #c99471;
}

/* --- Map --- */
.contact-map {
	background-color: #fff;
	padding: 0 0 96px;
}

.contact-map iframe {
	width: 100%;
	aspect-ratio: 21 / 9;
	border: none;
	display: block;
}

.contact-map__bar {
	max-width: 1140px;
	margin: 0 auto;
	padding: 28px 0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}

.contact-map__city {
	font-family: "Manrope", sans-serif;
	font-weight: 200;
	font-size: 22px;
	color: #1a1714;
}

.contact-map__city span {
	display: block;
	font-size: 13px;
	font-weight: 400;
	color: #8a7e74;
	margin-top: 2px;
}

.contact-map__actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

.btn-pill {
	display: inline-block;
	padding: 12px 28px;
	border-radius: 999px;
	border: 1px solid #1a1714;
	background: transparent;
	font-family: "Manrope", sans-serif;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 0.02em;
	color: #1a1714;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.btn-pill:hover {
	background-color: #1a1714;
	color: #fff;
}

.btn-pill--accent {
	border-color: #c99471;
	color: #c99471;
}

.btn-pill--accent:hover {
	background-color: #c99471;
	color: #fff;
}

/* --- Final dark CTA + form (single color-block exception) --- */
.cta-final {
	background-color: #1a1714;
	padding: 120px 0;
	text-align: center;
}

.cta-final__title {
	font-family: "Manrope", sans-serif;
	font-weight: 200;
	font-size: clamp(30px, 4.5vw, 52px);
	line-height: 1.15;
	color: #f8f5f0;
	max-width: 22ch;
	margin: 0 auto 16px;
}

.cta-final__sub {
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: rgba(248, 245, 240, 0.65);
	margin: 0 0 48px 0;
}

.cta-final .contact-form--single {
	text-align: left;
}

.contact-form--dark .contact-form__label {
	color: rgba(248, 245, 240, 0.8);
}

.contact-form--dark .contact-form__input {
	background-color: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 12px;
	color: #f8f5f0;
}

.contact-form--dark .contact-form__input::placeholder {
	color: rgba(248, 245, 240, 0.4);
}

.contact-form--dark .contact-form__input:focus {
	border-color: #c99471;
	outline: none;
}

.contact-form--dark .contact-form__field.error .contact-form__input {
	border-color: #d98a7e;
}

.contact-form--dark .contact-form__error {
	color: #d98a7e;
}

.contact-form--dark .contact-form__checkbox {
	color: rgba(248, 245, 240, 0.65);
}

.contact-form--dark .contact-form__checkbox a {
	color: #c99471;
}

.contact-form--dark .contact-form__success {
	color: #f8f5f0;
	text-align: center;
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 17px;
	padding: 24px 0 8px;
}

.btn-submit {
	display: inline-block;
	width: 100%;
	padding: 16px 48px;
	border-radius: 999px;
	border: none;
	background-color: #c99471;
	color: #fff;
	font-family: "Manrope", sans-serif;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 0.02em;
	cursor: pointer;
	transition: background-color 0.25s ease, transform 0.15s ease;
}

.btn-submit:hover {
	background-color: #b8845f;
}

.btn-submit:active {
	transform: translateY(1px);
}

.btn-submit[disabled] {
	opacity: 0.7;
	cursor: default;
}

.btn-submit.is-loading {
	color: transparent;
	position: relative;
	pointer-events: none;
}

.btn-submit.is-loading::after {
	content: "";
	position: absolute;
	inset: 0;
	margin: auto;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.35);
	border-top-color: #fff;
	animation: btn-spin 0.7s linear infinite;
}

@keyframes btn-spin {
	to { transform: rotate(360deg); }
}

/* --- Copy toast --- */
.copy-toast {
	position: fixed;
	bottom: 32px;
	left: 50%;
	transform: translate(-50%, 16px);
	background-color: #1a1714;
	color: #f8f5f0;
	padding: 12px 26px;
	border-radius: 999px;
	font-family: "Manrope", sans-serif;
	font-weight: 500;
	font-size: 13px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease, transform 0.3s ease;
	z-index: 2000;
}

.copy-toast.show {
	opacity: 1;
	transform: translate(-50%, 0);
}

/* --- Card reveal stagger (micro-animation) --- */
.contact-card:nth-child(1) { transition-delay: 0s; }
.contact-card:nth-child(2) { transition-delay: 0.06s; }
.contact-card:nth-child(3) { transition-delay: 0.12s; }
.contact-card:nth-child(4) { transition-delay: 0.18s; }
.contact-card:nth-child(5) { transition-delay: 0.24s; }

@media (prefers-reduced-motion: reduce) {
	.btn-submit.is-loading::after { animation: none; }
	.contact-card { transition-delay: 0s !important; }
}

/* --- Mobile collapse --- */
@media (max-width: 767px) {
	.contact-cards-section {
		padding: 64px 0;
	}
	.contact-card,
	.contact-card--span3 {
		grid-column: span 6;
	}
	.contact-map {
		padding: 0 0 64px;
	}
	.contact-map iframe {
		aspect-ratio: 4 / 3;
	}
	.contact-map__bar {
		flex-direction: column;
		align-items: flex-start;
		gap: 14px;
	}
	.cta-final {
		padding: 72px 0;
	}
}

/* =============================================
   Testimonials Grid (aleart-style review cards)
   ============================================= */

.testimonials-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.review-card {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid #e8e4df;
	border-radius: 4px;
	padding: 0 28px 28px;
	transition: box-shadow .25s ease, transform .25s ease;
}

.review-card:hover {
	box-shadow: 0 14px 34px rgba(26, 23, 20, .10);
	transform: translateY(-3px);
}

.review-card__thumb {
	height: 180px;
	margin: 0 -28px 24px;
	overflow: hidden;
	border-radius: 4px 4px 0 0;
}

.review-card__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.review-card__meta {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-bottom: 14px;
}

.review-card__name {
	font: 600 15px/1.2 "Manrope", sans-serif;
	color: #1a1714;
}

.review-card__project {
	font: 300 12px/1.45 "Manrope", sans-serif;
	color: #8a7e74;
}

.review-card__text {
	font: 300 14px/1.6 "Manrope", sans-serif;
	color: #6b625a;
	margin: 0 0 22px;
}

.review-card__link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: auto;
	padding: 0;
	background: none;
	border: 0;
	font: 500 11px/1 "Manrope", sans-serif;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #a88e78;
	cursor: pointer;
	transition: color .2s ease;
}

.review-card__link span {
	transition: transform .2s ease;
}

.review-card__link:hover { color: #1a1714; }
.review-card__link:hover span { transform: translate(3px, -2px); }

@media (max-width: 991px) {
	.testimonials-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 767px) {
	.reviews-track .review-card {
		flex-basis: 84vw;
	}
	.review-card__thumb {
		height: 200px;
	}
}

/* =============================================
   Reviews drag-scroll carousel (aleart style)
   ============================================= */

.reviews-scroller {
	overflow-x: auto;
	overflow-y: hidden;
	overscroll-behavior-x: contain;
	scroll-snap-type: x proximity;
	touch-action: pan-y;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	cursor: grab;
	padding-bottom: 16px;
}
.reviews-scroller::-webkit-scrollbar { display: none; height: 0; }
.reviews-scroller.is-dragging,
.reviews-scroller.is-gliding {
	cursor: grabbing;
	scroll-snap-type: none;
	user-select: none;
	-webkit-user-select: none;
}

.reviews-track {
	display: flex;
	gap: 24px;
	align-items: stretch;
	user-select: none;
	-webkit-user-select: none;
	cursor: grab;
}

.reviews-track .review-card {
	flex: 0 0 clamp(300px, 33vw, 420px);
	scroll-snap-align: start;
}

/* не даём перетаскивать сами картинки — мышь не «липнет» к карточке */
.review-card__thumb img {
	-webkit-user-drag: none;
	user-select: none;
	-webkit-user-select: none;
	pointer-events: none;
}

/* =============================================
   About page layout normalization
   ============================================= */

.approach-section,
.stages-section,
.featured-section,
.testimonials-section,
.faq-section,
.about-metrics-section,
.about-proof-section {
	padding-top: 80px;
	padding-bottom: 80px;
}

.approach-title,
.stages-title,
.featured-header__title,
.testimonials-header__title,
.faq-title,
.about-proof-copy h2 {
	font-family: "Manrope", sans-serif;
	font-size: 36px;
	font-weight: 200;
	line-height: 1.15;
	letter-spacing: -0.02em;
	text-align: left;
	color: #1a1714;
	margin-top: 0;
	margin-bottom: 16px;
}

.approach-subtitle,
.faq-intro__text {
	text-align: left;
}

.approach-subtitle {
	max-width: 620px;
	margin-bottom: 48px;
}

.stages-timeline {
	max-width: none;
	width: 100%;
	margin-left: 0;
	margin-right: auto;
	padding-left: 0;
	border-left: 0;
}

.featured-header,
.testimonials-heading,
.faq-intro {
	margin-bottom: 48px;
}

.testimonials-heading__eyebrow {
	display: none;
}

.faq-layout {
	display: block;
}

.faq-intro {
	max-width: 620px;
}

.faq-list {
	max-width: none;
	width: 100%;
}

@media (max-width: 767px) {
	.approach-section,
	.stages-section,
	.featured-section,
	.testimonials-section,
	.faq-section,
	.about-metrics-section,
	.about-proof-section {
		padding-top: 64px;
		padding-bottom: 64px;
	}

	.approach-title,
	.stages-title,
	.featured-header__title,
	.testimonials-header__title,
	.faq-title,
	.about-proof-copy h2 {
		font-size: 28px;
		line-height: 1.15;
		text-align: left;
	}

	.approach-subtitle {
		margin-bottom: 36px;
	}

	.stages-timeline {
		max-width: none;
		padding-left: 0;
	}

	.stage-item {
		padding-left: 0;
	}

	.stage-item__dot {
		left: auto;
	}

	.featured-header,
	.testimonials-heading,
	.faq-intro {
		margin-bottom: 36px;
	}

	.faq-intro {
		max-width: none;
	}
}

/* Shared editorial rhythm for service detail pages. */
.service-page-marker {
	display: block;
	margin-bottom: 16px;
	font-family: "Manrope", sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .18em;
	line-height: 1.3;
	text-transform: uppercase;
	color: #8a7e74;
}

.service-hero .service-page-marker {
	max-width: 760px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

.service-hero {
	text-align: left;
}

.service-hero__title {
	max-width: 760px;
	margin-right: auto;
	margin-left: auto;
}

.service-hero__subtitle {
	max-width: 760px;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.6;
}

.scope-section,
.pricing-section,
.portfolio-section,
.contact-section {
	padding-top: 80px;
	padding-bottom: 80px;
}

.scope-section .service-page-marker,
.pricing-section .service-page-marker,
.portfolio-section .service-page-marker,
.contact-section .service-page-marker,
.scope-section .section-title,
.pricing-section .section-title,
.portfolio-section .section-title,
.contact-section .section-title,
.stages-section .section-title {
	max-width: 760px;
	text-align: left;
}

.scope-section .section-title,
.pricing-section .section-title,
.portfolio-section .section-title,
.contact-section .section-title,
.stages-section .section-title {
	margin-bottom: 36px;
}

@media (max-width: 767px) {
	.service-page-marker {
		margin-bottom: 12px;
		font-size: 10px;
	}

	.scope-section,
	.pricing-section,
	.portfolio-section,
	.contact-section {
		padding-top: 64px;
		padding-bottom: 64px;
	}

	.pricing-row--featured {
		margin-right: 0;
		margin-left: 0;
	}

	.service-hero__title,
	.service-hero__subtitle {
		margin-left: 0;
		margin-right: 0;
	}
}

/* Service index heading only; service cards remain on their original rules. */
.service-index-marker {
	display: block;
	margin-bottom: 16px;
	font-family: "Manrope", sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .18em;
	line-height: 1.3;
	text-transform: uppercase;
	color: #a88e78;
}

body:has(.service-index-marker) #category-section {
	background: #f8f5f0;
}

body:has(.service-index-marker) {
	overflow-x: clip;
}

body:has(.service-index-marker) .service-wrapper {
	overflow-x: clip;
}

body:has(.service-index-marker) .category-title {
	max-width: 760px;
	margin: 0 auto;
	padding: 88px 0 56px;
	text-align: left;
}

body:has(.service-index-marker) .category-title h1 {
	font-family: "Manrope", sans-serif;
	font-size: clamp(36px, 5vw, 56px);
	font-weight: 200;
	letter-spacing: -.02em;
	line-height: 1.1;
	text-transform: none;
	color: #1a1714;
}

body:has(.service-index-marker) .service-wrapper {
	padding-top: 56px;
	padding-bottom: 80px;
}

.service-sibling-nav {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	width: min(760px, 100%);
	max-width: 960px;
	margin: 0 auto 28px;
	border-top: 1px solid #d4c5b5;
	border-bottom: 1px solid #d4c5b5;
}

.service-sibling-nav a {
	display: flex;
	align-items: center;
	min-height: 68px;
	padding: 16px 20px;
	border-right: 1px solid #d4c5b5;
	color: #6b6560;
	font-family: "Manrope", sans-serif;
	font-size: 13px;
	line-height: 1.35;
	text-decoration: none;
	transition: color .2s ease, background-color .2s ease;
}

.service-sibling-nav a:last-child {
	border-right: 0;
}

.service-sibling-nav a:hover,
.service-sibling-nav a:focus-visible,
.service-sibling-nav a.is-current {
	color: #1a1714;
	background: #f8f5f0;
}

.service-sibling-nav a:focus-visible {
	outline: 2px solid #1a1714;
	outline-offset: -2px;
}

body:has(.service-index-marker) .service-sibling-nav {
	width: min(760px, calc(100% - 24px));
	margin-bottom: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
	body:has(.service-index-marker) .service-sibling-nav {
		width: calc(100% - 42px);
	}
}

@media (max-width: 767px) {
	body:has(.service-index-marker) .category-title {
		padding: 64px 0 40px;
	}

	body:has(.service-index-marker) .category-title h1 {
		font-size: 36px;
	}

	body:has(.service-index-marker) .service-wrapper {
		padding-top: 40px;
		padding-bottom: 64px;
	}

	.service-sibling-nav {
		grid-template-columns: 1fr;
		width: 100%;
		margin-bottom: 20px;
	}

	.service-sibling-nav a {
		min-height: 44px;
		padding: 12px 16px;
		border-right: 0;
	}

	body:has(.service-index-marker) .service-sibling-nav {
		margin-bottom: 0;
	}
}

/* Service pages share the broad section axis used by about.htm. */
.service-sibling-nav,
.service-hero .service-page-marker,
.service-hero__title,
.scope-section .service-page-marker,
.pricing-section .service-page-marker,
.portfolio-section .service-page-marker,
.contact-section .service-page-marker,
.scope-section .section-title,
.pricing-section .section-title,
.portfolio-section .section-title,
.contact-section .section-title {
	width: 100%;
	max-width: none;
}

.service-hero__subtitle {
	max-width: 620px;
	margin-left: 0;
	margin-right: auto;
}

.scope-list,
.pricing-strip {
	width: 100%;
	max-width: none;
}

body:has(.service-index-marker) .category-title {
	max-width: none;
}

body:has(.service-index-marker) .service-sibling-nav {
	width: 100%;
	max-width: none;
}

@media (max-width: 767px) {
	.service-hero__subtitle {
		max-width: 620px;
		margin-left: 0;
		margin-right: 0;
	}
}

/* Inspaire-inspired service cards: image-led, portrait, editorial overlay. */
.service-wrapper .row {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 30px;
	margin-right: 0;
	margin-left: 0;
}

.service-wrapper .row::before,
.service-wrapper .row::after {
	display: none;
	content: none;
}

.service-wrapper .row > .service-photo {
	width: auto;
	min-width: 0;
	padding: 0;
}

.service-photo,
.service-photo--link {
	position: relative;
	display: block;
	aspect-ratio: 3 / 4;
	overflow: hidden;
	background: #302d28;
	box-shadow: none;
	transform: none;
}

.service-photo::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(180deg, rgba(19, 16, 13, 0) 30%, rgba(19, 16, 13, .88) 100%);
	transition: background .45s ease;
	pointer-events: none;
}

.service-photo img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	filter: none;
	transform: scale(1.001);
	transition: transform .55s cubic-bezier(.2, .65, .2, 1);
}

.service-photo .service-desc {
	top: auto;
	left: 0;
	bottom: 0;
	width: auto;
	padding: 32px;
	align-items: flex-start;
	justify-content: flex-end;
	transform: translateY(0);
	z-index: 2;
	transition: transform .45s cubic-bezier(.2, .65, .2, 1);
}

.service-photo .service-title {
	font-family: "Manrope", sans-serif;
	font-size: clamp(18px, 1.55vw, 24px);
	font-weight: 600;
	line-height: 1.08;
	letter-spacing: -.03em;
	color: #fff;
}

.service-photo .service-price {
	font-family: "Manrope", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	color: rgba(255, 255, 255, .82);
}

.service-photo .service-btn {
	display: inline-flex;
	padding: 8px 14px;
	border: 1px solid rgba(255, 255, 255, .52);
	border-radius: 999px;
	background: rgba(19, 16, 13, .52);
	font-family: "Manrope", sans-serif;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .04em;
	color: #fff;
	transition: background-color .3s ease, border-color .3s ease, color .3s ease;
}

.service-photo .service-btn::before,
.service-photo .service-btn::after {
	display: none;
}

.service-photo .service-btn span {
	font: inherit;
	color: inherit;
}

.service-photo--link::after {
	content: "\f061";
	position: absolute;
	top: 28px;
	right: 28px;
	z-index: 3;
	display: grid;
	width: 58px;
	height: 58px;
	place-items: center;
	border-radius: 50%;
	background: rgba(151, 163, 157, .86);
	font-family: "FontAwesome";
	font-size: 18px;
	color: #fff;
	transform: rotate(-45deg);
	transition: background-color .35s ease, transform .45s cubic-bezier(.2, .65, .2, 1);
}

.service-photo--link:hover,
.service-photo--link:focus-visible {
	box-shadow: none;
	transform: none;
}

.service-photo--link:hover img,
.service-photo--link:focus-visible img {
	transform: scale(1.04);
}

.service-photo--link:hover::before,
.service-photo--link:focus-visible::before {
	background: linear-gradient(180deg, rgba(19, 16, 13, .04) 25%, rgba(19, 16, 13, .94) 100%);
}

.service-photo--link:hover .service-desc,
.service-photo--link:focus-visible .service-desc {
	transform: translateY(-6px);
}

.service-photo--link:hover .service-btn,
.service-photo--link:focus-visible .service-btn {
	border-color: #fff;
	background: #fff;
	color: #1a1714;
}

.service-photo--link:hover::after,
.service-photo--link:focus-visible::after {
	background: #c99471;
	transform: rotate(-45deg) translate(2px, -2px);
}

.service-photo--link:focus-visible {
	outline: 2px solid #1a1714;
	outline-offset: 5px;
}

@media (max-width: 767px) {
	.service-wrapper .row {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.service-photo .service-desc {
		padding: 24px;
	}

	.service-photo--link::after {
		top: 20px;
		right: 20px;
		width: 52px;
		height: 52px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.service-photo img,
	.service-photo .service-desc,
	.service-photo--link::after,
	.service-photo .service-btn {
		transition: none;
	}

	.service-photo--link:hover img,
	.service-photo--link:focus-visible img,
	.service-photo--link:hover .service-desc,
	.service-photo--link:focus-visible .service-desc,
	.service-photo--link:hover::after,
	.service-photo--link:focus-visible::after {
		transform: none;
	}
}

/* Final public CTA mapping after legacy service-page rules. */
.service-hero .service-hero__cta {
	background: var(--public-cta-primary);
	color: #fff !important;
	transition-delay: 0s !important;
}

.service-hero .service-hero__cta:hover,
.service-hero .service-hero__cta:focus-visible {
	background: var(--public-cta-primary-hover);
	color: #fff !important;
}

.service-design-hero .service-hero__cta {
	background: #fff;
	color: var(--public-cta-ink) !important;
}

.service-design-hero .service-hero__cta:hover,
.service-design-hero .service-hero__cta:focus-visible {
	background: var(--public-cta-primary);
	color: #fff !important;
}

/* =============================================
   Contact Form Hero (full-screen background)
   ============================================= */

.contact-form-hero {
	position: relative;
	min-height: 0;
	flex-shrink: 0;
	margin-bottom: 80px;
	display: flex;
	align-items: center;
	overflow: hidden;
	background: #1a1714;
}

.contact-form-hero__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.contact-form-hero__bg img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.contact-form-hero__overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(135deg, rgba(26, 23, 20, 0.88) 0%, rgba(26, 23, 20, 0.75) 100%);
}

.contact-form-hero__wrapper {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 72px 24px 64px;
}

.contact-form-hero__content {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 24px;
	align-items: end;
}

.contact-form-hero__header {
	justify-self: start;
	text-align: left;
	grid-column: 1 / 3;
}

.contact-form-hero__body {
	justify-self: start;
	text-align: left;
	grid-column: 3;
}

.contact-form-hero__hint {
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 15px;
	max-width: none;
	margin: 0 0 24px 0;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.72);
}

.contact-form-hero__marker {
	display: block;
	margin-bottom: 16px;
	font-family: "Manrope", sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.18em;
	line-height: 1.3;
	text-transform: uppercase;
	color: #a88e78;
}

.contact-form-hero__title {
	font-family: "Manrope", sans-serif;
	font-weight: 200;
	max-width: 540px;
	font-size: 36px;
	line-height: 1.15;
	letter-spacing: -0.02em;
	color: #fff;
	margin: 0 0 16px 0;
}

.contact-form-inline {
	margin-top: 34px;
}

.contact-form-inline .visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

.contact-form-inline__row {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 16px;
}

.contact-form-inline__field {
	position: relative;
	min-width: 0;
}

.contact-form-inline .contact-form__input {
	width: 100%;
	min-height: 64px;
	padding: 0 14px;
	font-family: "Manrope", sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #1a1714;
	background: #fff;
	border: 0;
	border-radius: 3px;
}

.contact-form-inline .contact-form__input::placeholder {
	color: #776f68;
}

.contact-form-inline .contact-form__input:focus {
	outline: 2px solid #c99471;
	outline-offset: -2px;
}

.contact-form-inline__submit {
	width: 100%;
	min-height: 64px;
	padding: 0 22px;
	font-family: "Manrope", sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.03em;
	color: #fff;
	background: #c99471;
	border: 0;
	border-radius: 3px;
	cursor: pointer;
	white-space: nowrap;
	transition: background-color 0.2s ease;
}

.contact-form-inline__submit:hover,
.contact-form-inline__submit:focus-visible {
	background: #b5835f;
}

.contact-form-inline__submit:active {
	background: #baa890;
}

.contact-form-inline__consent {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	font-family: "Manrope", sans-serif;
	max-width: 920px;
	margin-top: 14px;
	font-size: 12px;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.75);
	cursor: pointer;
}

.contact-form-inline__consent input[type="checkbox"] {
	margin-top: 1px;
	width: 15px;
	height: 15px;
	flex-shrink: 0;
	cursor: pointer;
}

.contact-form-inline__consent a {
	color: #d4c5b5;
	text-decoration: underline;
	text-underline-offset: 1px;
	transition: color 0.2s ease;
}

.contact-form-inline__consent a:hover {
	color: #fff;
}

.contact-form-inline__success {
	max-width: 100%;
	overflow-wrap: anywhere;
	padding: 13px 16px;
	background: rgba(201, 148, 113, 0.18);
	border: 1px solid rgba(201, 148, 113, 0.65);
	border-radius: 3px;
	font-family: "Manrope", sans-serif;
	font-size: 13px;
	color: #fff;
	margin-top: 18px;
}

@media (max-width: 991px) {
	.contact-form-hero {
		min-height: 0;
		margin-bottom: 64px;
	}

	.contact-form-hero__wrapper {
		padding: 56px 20px 48px;
	}

	.contact-form-hero__content {
		grid-template-columns: 1fr;
		gap: 44px;
	}

	.contact-form-hero__header,
	.contact-form-hero__body {
		justify-self: start;
		grid-column: 1;
	}

	.contact-form-hero__title {
		font-size: 28px;
	}

	.contact-form-hero__hint {
		max-width: none;
		margin: 0;
	}

	.contact-form-inline__row {
		grid-template-columns: 1fr;
		margin-top: 24px;
	}

	.contact-form-inline {
		margin-top: 0;
	}
}

@media (max-width: 767px) {
	.contact-form-hero {
		min-height: 0;
	}

	.contact-form-hero__wrapper {
		padding: 44px 18px 40px;
	}

	.contact-form-hero__title {
		font-size: 28px;
	}

	.contact-form-hero__hint {
		font-size: 14px;
	}

	.contact-form-inline__row {
		grid-template-columns: 1fr;
	}

	.contact-form-inline .contact-form__input,
	.contact-form-inline__submit {
		min-height: 60px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.contact-form-inline__submit {
		transition: none;
		transform: none !important;
	}

	.contact-form-inline .contact-form__input {
		transition: none;
	}
}

/* Shared portfolio tokens and footer contract. */
body#home {
	--page-title-size: 48px;
	--section-title-size: 36px;
	--section-space: 80px;
	--mobile-page-title-size: 32px;
	--mobile-section-title-size: 28px;
	--mobile-section-space: 64px;
}

body#home:has(.contact-page),
body#home:has(.service-index-marker) {
	--page-title-size: 56px;
}

#navigation ul#menu > li > a {
	font-family: "Manrope", sans-serif;
	font-size: 19.2px;
	font-weight: 300;
	line-height: normal;
}

.featured-header__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 16px;
	letter-spacing: 0;
	color: #1a1714 !important;
	text-decoration: none !important;
	transition: color .25s ease;
}

.featured-header__arrow {
	display: inline-block;
	font-size: 18px;
	line-height: 1;
	transition: transform .25s cubic-bezier(.16, 1, .3, 1);
}

.featured-header__link:hover,
.featured-header__link:focus-visible {
	color: #b5835f !important;
}

.featured-header__link:hover .featured-header__arrow,
.featured-header__link:focus-visible .featured-header__arrow {
	transform: rotate(-45deg);
}

#footer .newfooter {
	width: min(calc(100% - 48px), 1400px);
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 16px;
}

#footer .footer-privacy,
#footer .dev-link,
#footer .dev-link a {
	font-family: "Manrope", sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: inherit;
	text-decoration: none !important;
}

#footer .footer-privacy,
#footer .dev-link a {
	transition: color .25s ease;
}

#footer .footer-privacy:hover,
#footer .footer-privacy:focus-visible,
#footer .dev-link a:hover,
#footer .dev-link a:focus-visible {
	color: #c99471;
}

#footer .footer-privacy { justify-self: start; }
#footer .copy { justify-self: center; text-align: center; }
#footer .dev-link { justify-self: end; text-align: right; }

.st-max img {
	display: block;
	width: 22px !important;
	height: 22px !important;
	object-fit: contain;
}

.mfb-component__button--child.st-max {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.mfb-component__button--child.st-max img {
	margin: 0;
	vertical-align: middle;
}

.service-design-hero .service-hero__cta,
.service-design-hero .service-hero__cta:hover,
.service-design-hero .service-hero__cta:focus-visible {
	text-decoration: none !important;
}

#footer {
	min-height: 122px;
	box-sizing: border-box;
}

.privacy-page-content h1 {
	font-family: "Manrope", sans-serif;
	font-size: var(--page-title-size);
	font-weight: 200;
	line-height: 1.1;
	letter-spacing: -.02em;
	color: #1a1714;
}

@media (max-width: 767px) {
	#footer .newfooter {
		width: auto;
		margin: 0 18px;
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		gap: 12px;
		line-height: 1.4;
	}

	#footer {
		min-height: 157px;
	}

	.privacy-page-content h1 {
		font-size: var(--mobile-page-title-size);
	}
}

/* Four-card service catalog grid. */
body#home:has(.service-index-marker) .service-wrapper .row {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}

body#home:has(.service-index-marker) .service-wrapper .row > .service-photo {
	width: auto;
	max-width: none;
	padding-right: 0;
	padding-left: 0;
	float: none;
}

@media (max-width: 991px) {
	body#home:has(.service-index-marker) .service-wrapper .row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 599px) {
	body#home:has(.service-index-marker) .service-wrapper .row {
		grid-template-columns: 1fr;
	}
}

/* About editorial collage hero. */
body#home:has(.hero-collage) .hero-section {
	position: relative;
	flex-shrink: 0;
	overflow: hidden;
	background: #f8f5f0;
	padding: 64px 0 56px;
}

body#home:has(.hero-collage) .hero-wrapper {
	display: grid;
	grid-template-columns: minmax(280px, .85fr) minmax(420px, 1.15fr);
	gap: clamp(48px, 8vw, 128px);
	align-items: stretch;
}

body#home:has(.hero-collage) .hero-content {
	grid-column: 1;
	justify-content: flex-start;
	padding: 28px 0 0;
	border-top: 1px solid #e8e4df;
}

body#home:has(.hero-collage) .hero-eyebrow {
	margin-bottom: 24px;
}

.hero-info-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
	margin-top: auto;
	padding-top: 32px;
}

.hero-info-block {
	display: flex;
	flex-direction: column;
	gap: 7px;
	min-height: 60px;
	padding: 20px 0 0;
	border-top: 1px solid #d4c5b5;
}

.hero-info-block__label {
	font-family: "Manrope", sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .18em;
	line-height: 1.3;
	text-transform: uppercase;
	color: #a88e78;
}

.hero-info-block__value {
	font-family: "Manrope", sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.25;
	color: #1a1714;
}

.hero-info-block__detail {
	font-family: "Manrope", sans-serif;
	font-size: 13px;
	font-weight: 300;
	line-height: 1.4;
	color: #6b6560;
}

.hero-collage {
	position: relative;
	grid-column: 2;
	min-height: 520px;
}

.hero-collage__primary,
.hero-collage__secondary {
	position: absolute;
	display: block;
	object-fit: contain;
}

.hero-collage__primary {
	inset: 0 0 0 18%;
	width: 82%;
	height: 100%;
}

.hero-collage__secondary {
	right: 52%;
	bottom: 0;
	width: 30%;
	height: 42%;
	border: 8px solid #f8f5f0;
}

@media (prefers-reduced-motion: no-preference) {
	.hero-section--about .hero-content > *,
	.hero-section--about .hero-collage > * {
		will-change: transform, opacity;
	}

	.hero-section--about .hero-content__name {
		animation: about-hero-copy .9s .05s cubic-bezier(.16, 1, .3, 1) both;
	}

	.hero-section--about .hero-content__lead {
		animation: about-hero-copy .85s .16s cubic-bezier(.16, 1, .3, 1) both;
	}

	.hero-section--about .hero-content__bio {
		animation: about-hero-copy .85s .27s cubic-bezier(.16, 1, .3, 1) both;
	}

	.hero-section--about .hero-content__bio + .hero-content__bio {
		animation-delay: .38s;
	}

	.hero-section--about .hero-cta {
		animation: about-hero-cta .8s .5s cubic-bezier(.16, 1, .3, 1) both;
	}

	.hero-section--about .hero-info-grid {
		animation: about-hero-copy .85s .62s cubic-bezier(.16, 1, .3, 1) both;
	}

	.hero-section--about .hero-info-block {
		animation: about-hero-copy .7s .7s cubic-bezier(.16, 1, .3, 1) both;
	}

	.hero-section--about .hero-info-block + .hero-info-block {
		animation-delay: .82s;
	}

	.hero-section--about .hero-collage__primary {
		animation: about-hero-enter 1s cubic-bezier(.16, 1, .3, 1) both;
	}

	.hero-section--about .hero-collage__secondary {
		animation: about-hero-enter .9s .18s cubic-bezier(.16, 1, .3, 1) both;
	}

	.hero-collage__primary {
		animation: about-hero-enter .8s cubic-bezier(.16, 1, .3, 1) both;
	}

	.hero-collage__secondary {
		animation: about-hero-enter .8s .16s cubic-bezier(.16, 1, .3, 1) both;
	}

	body#home:has(.hero-collage) .hero-content__name {
		animation: about-hero-copy .7s cubic-bezier(.16, 1, .3, 1) both;
	}

	body#home:has(.hero-collage) .hero-content__lead {
		animation: about-hero-copy .6s .1s cubic-bezier(.16, 1, .3, 1) both;
	}

	body#home:has(.hero-collage) .hero-content__bio {
		animation: about-hero-copy .6s .2s cubic-bezier(.16, 1, .3, 1) both;
	}

	body#home:has(.hero-collage) .hero-content__bio + .hero-content__bio {
		animation-delay: .28s;
	}

	body#home:has(.hero-collage) .hero-cta {
		animation: about-hero-cta .6s .36s cubic-bezier(.16, 1, .3, 1) both;
	}

	body#home:has(.hero-collage) .hero-info-grid {
		animation: about-hero-copy .6s .44s cubic-bezier(.16, 1, .3, 1) both;
	}

	.hero-info-block {
		animation: about-hero-copy .6s .24s cubic-bezier(.16, 1, .3, 1) both;
	}

	.hero-info-block + .hero-info-block {
		animation-delay: .34s;
	}
}

@keyframes about-hero-enter {
	from { opacity: 0; transform: translateY(24px); }
	to { opacity: 1; transform: translateY(0); }
}

@keyframes about-hero-copy {
	from { opacity: 0; transform: translateY(18px); }
	to { opacity: 1; transform: translateY(0); }
}

@keyframes about-hero-cta {
	from { opacity: 0; transform: translateY(12px); }
	to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 767px) {
	.hero-section--about {
		margin-top: 62px;
	}

	body#home:has(.hero-collage) .hero-section {
		padding: 64px 0;
	}

	body#home:has(.hero-collage) .hero-wrapper {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	body#home:has(.hero-collage) .hero-content,
	.hero-collage {
		grid-column: 1;
	}

	.hero-collage {
		min-height: 380px;
	}

	.hero-collage__primary {
		inset: 0 0 0 12%;
		width: 88%;
	}

	.hero-collage__secondary {
		right: 56%;
		width: 34%;
		height: 38%;
		border-width: 6px;
	}

	.hero-info-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}
}

/* About hero motion override: keeps the staged entrance visible over legacy rules. */
@media (prefers-reduced-motion: no-preference) {
	.hero-section--about .hero-content__name { animation: about-hero-copy .9s .05s cubic-bezier(.16, 1, .3, 1) both !important; }
	.hero-section--about .hero-content__lead { animation: about-hero-copy .85s .16s cubic-bezier(.16, 1, .3, 1) both !important; }
	.hero-section--about .hero-content__bio { animation: about-hero-copy .85s .27s cubic-bezier(.16, 1, .3, 1) both !important; }
	.hero-section--about .hero-content__bio + .hero-content__bio { animation-delay: .38s; }
	.hero-section--about .hero-cta { animation: about-hero-cta .8s .5s cubic-bezier(.16, 1, .3, 1) both !important; }
	.hero-section--about .hero-info-grid { animation: about-hero-copy .85s .62s cubic-bezier(.16, 1, .3, 1) both !important; }
	.hero-section--about .hero-info-block { animation: about-hero-copy .7s .7s cubic-bezier(.16, 1, .3, 1) both !important; }
	.hero-section--about .hero-info-block + .hero-info-block { animation-delay: .82s; }
	.hero-section--about .hero-collage__primary { animation: about-hero-enter 1s cubic-bezier(.16, 1, .3, 1) both !important; }
	.hero-section--about .hero-collage__secondary { animation: about-hero-enter .9s .18s cubic-bezier(.16, 1, .3, 1) both !important; }
}

.hero-section--about .hero-wrapper {
	align-content: start;
	min-height: 0;
	grid-template-rows: auto;
	row-gap: 0;
}

.hero-section--about .hero-content {
	height: auto;
}

body#home:has(.hero-collage) .hero-section--about .hero-wrapper {
	grid-template-rows: auto !important;
	row-gap: 0 !important;
	align-content: start !important;
}

@media (max-width: 767px) {
	.hero-section--about {
		margin-top: 62px !important;
		height: 640px;
		min-height: 640px;
	}
}

.hero-section--about {
	margin-top: 120px;
}

@media (min-width: 768px) {
	.hero-section--about {
		height: 720px;
		min-height: 720px;
	}
}

/* Process section: dark editorial carousel matching the supplied reference. */
.stages-section--editorial {
	background: #2b211e;
	color: #f2ece8;
	padding-top: 96px;
	padding-bottom: 96px;
	overflow: hidden;
}

.stages-section--editorial .stages-heading {
	max-width: none;
	margin-bottom: 42px;
}

.stages-section--editorial .about-section-marker {
	color: #b8aaa5;
}

.stages-heading-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 32px;
}

.stages-section--editorial .stages-title {
	max-width: 420px;
	margin: 0;
	font-size: clamp(32px, 4vw, 52px);
	line-height: .98;
	color: #2b211e;
}

.stages-section--editorial .stages-title {
	background: #b8aaa5;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	padding: 2px 8px 5px;
}

.stages-section--editorial .stages-intro {
	max-width: 560px;
	margin: 18px 0 0;
	color: #a99c97;
}

.stages-controls {
	display: flex;
	gap: 14px;
	flex-shrink: 0;
	padding-top: 8px;
}

.stages-control {
	display: grid;
	place-items: center;
	width: 56px;
	height: 56px;
	border: 1px solid #8f817c;
	background: transparent;
	color: #e9dfdb;
	font-size: 20px;
	transition: background-color .25s ease, color .25s ease;
}

.stages-control:hover,
.stages-control:focus-visible {
	background: #b8aaa5;
	color: #2b211e;
}

.stages-control--next {
	background: #b8aaa5;
	border-color: #b8aaa5;
	color: #2b211e;
}

.stages-viewport {
	overflow: hidden;
	width: 100%;
}

.stages-section--editorial .stages-timeline {
	display: flex;
	gap: 24px;
	max-width: none;
	padding: 0;
	border: 0;
	transition: transform .55s cubic-bezier(.16, 1, .3, 1);
}

.stages-section--editorial .stage-item {
	flex: 0 0 calc((100% - 48px) / 3);
	display: flex;
	flex-direction: column;
	gap: 28px;
	min-height: 250px;
	padding: 32px 28px 28px;
	border: 1px solid rgba(184, 170, 165, .25);
	background: transparent;
	transition: border-color .3s ease, background-color .3s ease;
}

.stages-section--editorial .stage-item::before {
	display: none;
}

.stages-section--editorial .stage-item__number {
	font-size: 17px;
	font-weight: 400;
	letter-spacing: 0;
	color: #b8aaa5;
}

.stages-section--editorial .stage-item__title {
	margin-bottom: 14px;
	font-size: 20px;
	font-weight: 500;
	color: #e8dfdb;
}

.stages-section--editorial .stage-item__text {
	color: #9f918c;
	font-size: 15px;
}

.stages-section--editorial .stage-item__dot {
	margin-top: auto;
	width: 36px;
	height: 36px;
	border-color: #8f817c;
	background: transparent;
	color: #b8aaa5;
}

.stages-section--editorial .stage-item:hover {
	padding-left: 28px;
	background: rgba(184, 170, 165, .08);
	border-color: #b8aaa5;
}

@media (max-width: 767px) {
	.stages-section--editorial {
		padding-top: 64px;
		padding-bottom: 64px;
	}

	.stages-heading-row {
		gap: 20px;
	}

	.stages-section--editorial .stages-title {
		font-size: 32px;
	}

	.stages-controls {
		gap: 8px;
	}

	.stages-control {
		width: 44px;
		height: 44px;
	}

	.stages-section--editorial .stages-timeline {
		gap: 14px;
	}

	.stages-section--editorial .stage-item {
		flex-basis: 100%;
		min-height: 230px;
		padding: 26px 22px 22px;
	}
}

/* Editorial process timeline inspired by the reference: clear sequence, rail and active step. */
.stages-section--editorial {
	background: #f8f5f0;
}

.stages-section--editorial .stages-heading {
	max-width: 720px;
	margin-bottom: 48px;
}

.stages-section--editorial .stages-timeline {
	position: relative;
	max-width: 1080px;
	margin: 0;
	padding-left: 0;
	border: 0;
}

.stages-section--editorial .stage-item {
	position: relative;
	grid-template-columns: 72px minmax(0, 1fr) 48px;
	gap: 28px;
	min-height: 112px;
	padding: 28px 0;
	border-top: 1px solid #d4c5b5;
	transition: background-color .3s ease;
}

.stages-section--editorial .stage-item:last-child {
	border-bottom: 1px solid #d4c5b5;
}

.stages-section--editorial .stage-item::before {
	content: "";
	position: absolute;
	left: 29px;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #d4c5b5;
	opacity: .7;
}

.stages-section--editorial .stage-item:first-child::before { top: 50%; }
.stages-section--editorial .stage-item:last-child::before { bottom: 50%; }

.stages-section--editorial .stage-item__number,
.stages-section--editorial .stage-item__content,
.stages-section--editorial .stage-item__dot {
	position: relative;
	z-index: 1;
}

.stages-section--editorial .stage-item__number {
	font-size: 12px;
	letter-spacing: .16em;
	color: #a88e78;
}

.stages-section--editorial .stage-item__title {
	margin-bottom: 8px;
	font-size: clamp(20px, 2.2vw, 28px);
	font-weight: 300;
	letter-spacing: -.02em;
}

.stages-section--editorial .stage-item__text {
	max-width: 560px;
	font-size: 15px;
	line-height: 1.55;
}

.stages-section--editorial .stage-item__dot {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border: 1px solid #c99471;
	border-radius: 50%;
	background: #f8f5f0;
	font-size: 16px;
	color: #c99471;
	transition: background-color .3s ease, color .3s ease, transform .3s ease;
}

.stages-section--editorial .stage-item:hover {
	background: rgba(255, 255, 255, .42);
}

.stages-section--editorial .stage-item:hover .stage-item__dot {
	background: #c99471;
	color: #fff;
	transform: rotate(8deg);
}

@media (max-width: 767px) {
	.stages-section--editorial .stage-item {
		grid-template-columns: 42px minmax(0, 1fr) 36px;
		gap: 12px;
		min-height: 0;
		padding: 22px 0;
	}

	.stages-section--editorial .stage-item::before { left: 20px; }
	.stages-section--editorial .stage-item__dot { width: 32px; height: 32px; font-size: 14px; }
	.stages-section--editorial .stage-item__title { font-size: 20px; }
.stages-section--editorial .stage-item__text { font-size: 14px; }
}

/* Final editorial slider layer. The reference interaction is retained, while the page rhythm stays light and warm. */
.stages-section--editorial {
	background: #f8f5f0 !important;
	color: #1a1714;
	padding: 80px 0 !important;
	height: auto !important;
	overflow: visible !important;
}

.stages-section--editorial > .container {
	height: auto !important;
}

.stages-section--editorial .stages-heading {
	max-width: none;
	margin-bottom: 40px;
}

.stages-section--editorial .about-section-marker {
	color: #a88e78;
}

.stages-section--editorial .stages-heading-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 32px;
}

.stages-section--editorial .stages-title {
	max-width: 500px;
	margin: 0;
	padding: 0;
	background: transparent;
	color: #1a1714;
	font-size: 36px;
	font-weight: 200;
	line-height: 1.05;
}

.stages-section--editorial .stages-intro {
	max-width: 620px;
	margin: 16px 0 0;
	color: #6b6560;
}

.stages-section--editorial .stages-controls {
	display: flex;
	gap: 12px;
	padding-top: 4px;
	margin-left: auto;
	align-self: flex-end;
}

.stages-section--editorial .stages-control {
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	border: 1px solid #c7bbb2;
	background: transparent;
	color: #1a1714;
	font-size: 15px;
	transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}

.stages-section--editorial .stages-control:hover:not(:disabled),
.stages-section--editorial .stages-control:focus-visible:not(:disabled) {
	border-color: #1a1714;
	background: #1a1714;
	color: #f8f5f0;
}

.stages-section--editorial .stages-control--next {
	border-color: #1a1714;
	background: #1a1714;
	color: #f8f5f0;
}

.stages-section--editorial .stages-control:disabled {
	cursor: not-allowed;
	opacity: .35;
}

.stages-section--editorial .stages-viewport {
	overflow: hidden;
	width: 100%;
}

.stages-section--editorial .stages-timeline {
	display: flex !important;
	gap: 24px !important;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0 !important;
	border: 0 !important;
	transform: translate3d(0, 0, 0);
	transition: transform .55s cubic-bezier(.16, 1, .3, 1);
	will-change: transform;
}

.stages-section--editorial .stage-item,
.stages-section--editorial .stage-item.reveal,
.stages-section--editorial .stage-item.reveal.visible {
	position: relative;
	flex: 0 0 calc((100% - 48px) / 3);
	display: flex !important;
	flex-direction: column;
	gap: 24px;
	min-height: 230px;
	margin: 0;
	padding: 28px;
	border: 1px solid #d8cec6;
	background: #fffdfb;
	opacity: 1;
	transform: none;
	transition: border-color .25s ease, background-color .25s ease;
}

.testimonials-heading {
	margin-bottom: 40px;
}

.testimonials-heading-row {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
}

.testimonials-heading-row .testimonials-header__title {
	margin: 0;
}

.testimonials-controls {
	display: flex;
	gap: 12px;
	margin-left: auto;
	padding-bottom: 2px;
}

.testimonials-control {
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 1px solid #c7bbb2;
	background: transparent;
	color: #1a1714;
	font-size: 15px;
	line-height: 1;
	transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}

.testimonials-control:hover:not(:disabled),
.testimonials-control:focus-visible:not(:disabled) {
	border-color: #1a1714;
	background: #1a1714;
	color: #f8f5f0;
}

.testimonials-control--next {
	border-color: #1a1714;
	background: #1a1714;
	color: #f8f5f0;
}

.testimonials-control:disabled {
	cursor: not-allowed;
	opacity: .35;
}

/* Approach section: editorial split composition with the reference's text-panel rhythm. */
.approach-section {
	background: #f8f5f0;
}

.approach-heading {
	max-width: 760px;
	margin-bottom: 40px;
}

.approach-heading .approach-title {
	max-width: 720px;
	margin: 0;
	font-size: 36px;
	font-weight: 200;
	line-height: 1.12;
	letter-spacing: -.02em;
	text-align: left;
	color: #1a1714;
}

.approach-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 12px;
	align-items: stretch;
}

.approach-visual {
	min-height: 640px;
	overflow: hidden;
	border-radius: 0;
	background: #ded7d0;
}

.approach-visual img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.approach-panels {
	display: grid;
	grid-template-rows: repeat(3, 1fr);
	gap: 12px;
	min-width: 0;
}

.approach-panel {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 0;
	padding: 26px 28px;
	border: 1px solid #d8cec6;
	border-radius: 0;
	background: rgba(255, 253, 251, .7);
	transition: background-color .25s ease, border-color .25s ease;
}

.approach-panel:hover {
	border-color: #b8a69a;
	background: #fffdfb;
}

.approach-panel__top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
}

.approach-panel__top h3 {
	max-width: 500px;
	margin: 0;
	font-family: "Manrope", sans-serif;
	font-size: 23px;
	font-weight: 300;
	line-height: 1.12;
	letter-spacing: -.02em;
	color: #1a1714;
}

.approach-panel__top span {
	display: grid;
	place-items: center;
	flex: 0 0 30px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #e7dfd8;
	font-family: "Manrope", sans-serif;
	font-size: 10px;
	font-weight: 500;
	color: #8a7e74;
}

.approach-panel > p {
	max-width: 590px;
	margin: 24px 0 0;
	font-family: "Manrope", sans-serif;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.5;
	color: #6b6560;
}

@media (max-width: 767px) {
	.approach-heading .approach-title {
		font-size: 28px;
	}

	.approach-layout {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.approach-visual {
		min-height: 360px;
	}

	.approach-panels {
		grid-template-rows: none;
		grid-template-columns: 1fr;
	}

	.approach-panel {
		min-height: 250px;
		padding: 22px;
	}

	.approach-panel__top h3 {
		font-size: 20px;
	}
}

@media (max-width: 767px) {
	.testimonials-heading-row {
		align-items: flex-start;
		gap: 16px;
	}

	.testimonials-heading-row .testimonials-header__title {
		font-size: 28px;
	}

	.testimonials-controls {
		gap: 8px;
	}

	.testimonials-control {
		width: 34px;
		height: 34px;
		font-size: 14px;
	}
}

.stages-section--editorial .stage-item::before {
	display: none !important;
}

.stages-section--editorial .stage-item__number {
	padding: 0;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .08em;
	color: #a88e78;
}

.stages-section--editorial .stage-item__content {
	margin-top: auto;
}

.stages-section--editorial .stage-item__title {
	min-height: 51px;
	margin: 0 0 12px;
	font-size: 22px;
	font-weight: 300;
	line-height: 1.15;
	color: #1a1714;
}

.stages-section--editorial .stage-item__text {
	min-height: 3.1em;
}

.stages-section--editorial .stage-item__text {
	margin: 0;
	font-size: 15px;
	line-height: 1.55;
	color: #6b6560;
}

.stages-section--editorial .stage-item__dot {
	position: absolute;
	top: 24px;
	right: 24px;
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	margin: 0;
	border: 1px solid #d8cec6;
	border-radius: 50%;
	background: #fffdfb;
	font-size: 14px;
	color: #a88e78;
	transform: none;
}

.stages-section--editorial .stage-item:hover {
	padding-left: 28px;
	background: #fff;
	border-color: #a88e78;
}

.stages-section--editorial .stage-item:hover .stage-item__dot {
	background: #a88e78;
	border-color: #a88e78;
	color: #fff;
	transform: none;
}

@media (max-width: 767px) {
	.stages-section--editorial {
		padding: 64px 0 !important;
	}

	.stages-section--editorial .stages-heading-row {
		gap: 18px;
	}

	.stages-section--editorial .stages-title {
		font-size: 28px;
	}

	.stages-section--editorial .stages-control {
		width: 34px;
		height: 34px;
		font-size: 14px;
	}

	.stages-section--editorial .stages-timeline {
		gap: 14px !important;
	}

	.stages-section--editorial .stage-item,
	.stages-section--editorial .stage-item.reveal,
	.stages-section--editorial .stage-item.reveal.visible {
		flex-basis: 100%;
		min-height: 240px;
		padding: 24px;
	}
}

@media (prefers-reduced-motion: no-preference) {
	.hero-section--about-reveal:not(.is-visible) .hero-content__name,
	.hero-section--about-reveal:not(.is-visible) .hero-content__lead,
	.hero-section--about-reveal:not(.is-visible) .hero-content__bio,
	.hero-section--about-reveal:not(.is-visible) .hero-cta,
	.hero-section--about-reveal:not(.is-visible) .hero-info-grid,
	.hero-section--about-reveal:not(.is-visible) .hero-info-block,
	.hero-section--about-reveal:not(.is-visible) .hero-collage__primary,
	.hero-section--about-reveal:not(.is-visible) .hero-collage__secondary {
		opacity: 0;
		transform: translateY(24px);
		animation: none !important;
	}

	.hero-section--about-reveal.is-visible .hero-content__name { animation: about-hero-copy .9s .05s cubic-bezier(.16, 1, .3, 1) both !important; }
	.hero-section--about-reveal.is-visible .hero-content__lead { animation: about-hero-copy .85s .16s cubic-bezier(.16, 1, .3, 1) both !important; }
	.hero-section--about-reveal.is-visible .hero-content__bio { animation: about-hero-copy .85s .27s cubic-bezier(.16, 1, .3, 1) both !important; }
	.hero-section--about-reveal.is-visible .hero-cta { animation: about-hero-cta .8s .5s cubic-bezier(.16, 1, .3, 1) both !important; }
	.hero-section--about-reveal.is-visible .hero-info-grid { animation: about-hero-copy .85s .62s cubic-bezier(.16, 1, .3, 1) both !important; }
	.hero-section--about-reveal.is-visible .hero-info-block { animation: about-hero-copy .7s .7s cubic-bezier(.16, 1, .3, 1) both !important; }
	.hero-section--about-reveal.is-visible .hero-collage__primary { animation: about-hero-enter 1s cubic-bezier(.16, 1, .3, 1) both !important; }
	.hero-section--about-reveal.is-visible .hero-collage__secondary { animation: about-hero-enter .9s .18s cubic-bezier(.16, 1, .3, 1) both !important; }
}

/* task02: unified service-page rhythm */
.service-hero.service-design-hero {
	padding: 0 !important;
	min-height: 720px;
	height: 720px;
}

.service-hero.service-design-hero .service-design-hero__content {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 720px;
	height: 720px;
	padding-top: 140px;
	padding-bottom: 72px;
	box-sizing: border-box;
}

.service-hero.service-design-hero .service-hero__subtitle { min-height: 5.1em; max-width: 640px; }
.service-hero.service-design-hero .service-hero__cta { align-self: flex-start; min-height: 52px; display: inline-flex; align-items: center; justify-content: center; padding: 15px 30px; box-sizing: border-box; }

/* Catalog card alignment: 2 rows x 3 cards with gutters */
body#home:has(.service-index-marker) .service-wrapper .row { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
body#home:has(.service-index-marker) .service-wrapper .row + .row { margin-top: 30px; }
.service-photo .service-desc { display: grid; grid-template-rows: auto auto 40px; align-content: end; gap: 12px; }
.service-photo .service-title { min-height: 0.2em; }
.service-photo .service-price { min-height: 1.4em; }
.service-photo .service-btn { align-self: end; justify-self: start; }

/* Fit floor-plan imagery without right-edge cropping */
.image-deliverables__image--fit img,
.deliverables-slider img { object-fit: contain; }

/* Working documentation: compact editorial grouped list */
.drawings-section { padding: 80px 0; }
.drawings-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px 40px; }
.drawings-group__title { margin: 0 0 18px; font-family: "Manrope", sans-serif; font-size: 13px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #a88e78; }
.drawings-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.drawings-list__item { display: flex; align-items: baseline; gap: 14px; font-family: "Manrope", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.35; color: #1a1714; }
.drawings-list__num { flex: 0 0 24px; font-family: "Manrope", sans-serif; font-weight: 300; font-size: 13px; color: #c99471; }
@media (max-width: 767px) { .drawings-grid { grid-template-columns: 1fr; gap: 28px 0; } }
.deliverables-slider { position: relative; }
.deliverables-slider img { position: absolute; inset: 0; opacity: 0; transition: opacity .8s cubic-bezier(.16, 1, .3, 1); }
.deliverables-slider img.is-active { position: relative; opacity: 1; }
.contact-form-inline [aria-invalid="true"] { outline: 2px solid #c99471; outline-offset: 2px; }
.contact-form-inline__submit:disabled { cursor: wait; opacity: .65; }
.pricing-section .pricing-row,
.pricing-section .pricing-row__cta { text-decoration: none !important; border-bottom: 0 !important; }
.pricing-section .pricing-row__cta:hover,
.pricing-section .pricing-row__cta:focus-visible { border-bottom-color: transparent; }
@media (max-width: 991px) {
	body#home:has(.service-index-marker) .service-wrapper .row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.service-hero.service-design-hero,
	.service-hero.service-design-hero .service-design-hero__content { min-height: 640px; height: 640px; }
	.service-hero.service-design-hero .service-design-hero__content { padding-top: 112px; padding-bottom: 48px; }
	.service-hero.service-design-hero .service-hero__subtitle { min-height: 0; }
	.service-hero.service-design-hero .service-hero__cta { min-height: 0; }
	body#home:has(.service-index-marker) .service-wrapper .row { grid-template-columns: 1fr; gap: 18px; }
	body#home:has(.service-index-marker) .service-wrapper .row + .row { margin-top: 24px; }
	.service-photo .service-desc { grid-template-rows: auto auto auto; }
	.service-photo .service-title, .service-photo .service-price { min-height: 0; }
	.stages-section--editorial .stage-item__title { min-height: 0; }
}
@media (prefers-reduced-motion: reduce) { .deliverables-slider img { transition: none; } }