/*!
Theme Name: landaus
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: landaus
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
@font-face {
    font-family: "RecoletaRegular";
    src: url("assets/fonts/RecoletaRegular.woff") format("woff");
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
main {
    display: block;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}
a {
    background-color: transparent;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
img {
    border-style: none;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress {
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
details {
    display: block;
}
summary {
    display: list-item;
}
template {
    display: none;
}
[hidden] {
    display: none;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
a {
    text-decoration: none;
}
img {
    width: 100%;
    height: auto;
}
/* Main-syles
   ========================================================================== */
@import url("https://use.typekit.net/wse5tfj.css");
body {
    font: 20px/28px "quatro", sans-serif;
    font-weight: 400;
    background: #141414;
    color: #fff;
    letter-spacing: 0.17px;
    overflow-x: hidden;
}
.container {
    max-width: 1420px;
    padding: 0 25px;
    margin: 0 auto;
}
h1 {
    font: 75px/79px "RecoletaRegular", serif;
    margin-bottom: 16px;
}
h2 {
    font: 65px/68px "RecoletaRegular", serif;
    color: #D7AF45;
}
h3 {
    font: 45px/49px "RecoletaRegular", serif;
    color: #D7AF45;
}
.wrapper {
    position: relative;
    overflow: hidden;
}
video {
    height: 100vh;
    width: auto;
}
/* Header
   ========================================================================== */
.site-header {
    color: #fff;
    padding: 23px 0;
    background: transparent;
    position: fixed;
    width: 100%;
    z-index: 100;
    max-width: 100vw;
}
.site-header.fixed {
    background: rgba(28, 28, 28, 0.9);
}
.site-header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1740px;
}
.site-branding {
    margin-right: 35px;
    width: 205px;
}
.menu-holder {
    display: flex;
    align-items: center;
    width: 100%;
}
.menu-toggler {
    display: none;
}
.menu-toggler::before, .menu-toggler::after {
    content: "";
    display: block;
    width: 33.5px;
    height: 2px;
    margin: 3px 0;
    position: relative;
    background: #D7AF45;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background-color 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}
.open-header-menu #masthead .main-navigation {
    transform: translateY(0);
}
.open-header-menu .menu-toggler::before {
    transform: rotate(45deg) translate(-3px, -9px);
}
.open-header-menu .menu-toggler::after {
    transform: rotate(-45deg) translate(1px, 2px);
}
#masthead .main-navigation {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background: transparent;
    width: 87%;
}
#masthead.background-header {
    background: rgba(28, 28, 28, 0.9);
    border-bottom: 1px solid #D7AF45;
}
.flex-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.site-branding img {
    max-width: 205px !important;
    height: 71px !important;
}
.menu {
    display: flex;
    align-items: center;
}
.menu li {
    padding: 0 24px;
    transition: all 0.3s ease-in-out;
}
.menu li a {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    position: relative;
    letter-spacing: 3px;
}
.menu li a:hover {
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.menu li.current-menu-item a::after {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    background: #D7AF45;
    bottom: -5px;
    left: 0;
    display: block;
    opacity: 1;
    transition: all 0.3s ease-in-out;
}
.menu li a::after {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    background: #D7AF45;
    bottom: -5px;
    left: 0;
    display: block;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.menu li a:hover::after {
    opacity: 1;
}
.btn-header {
    color: #141414;
    font-weight: 600;
    background-color: #D7AF45;
    border-radius: 23px;
    border: 2px solid #D7AF45;
    padding: 13px 52px 11px;
    font-size: 14px;
    line-height: 17px;
    transition: all 0.3s ease-in-out;
    z-index: 100;
    letter-spacing: 1px;
    display: block;
    max-width: max-content;
}
.btn {
    color: #141414;
    font-weight: 600;
    background-color: #D7AF45;
    border-radius: 28px;
    border: 2px solid #D7AF45;
    padding: 17px 36px 16px;
    font-size: 16px;
    line-height: 18px;
    transition: all 0.3s ease-in-out;
    z-index: 100;
    letter-spacing: 1px;
    display: block;
    max-width: max-content;
}
.btn:hover, .btn-header:hover {
    color: #D7AF45;
    background-color: #141414;
    border: 2px solid #D7AF45;
}
/* Footer
   ========================================================================== */
footer {
    background: #010101;
}
.footer-top {
    width: 100%;
    height: 55px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.footer-bottom {
    width: 100%;
    padding: 38px 0;
    text-align: center;
    background: #1C1C1C;
}
.footer-bottom p {
    font-size: 15px;
    line-height: 21px;
    letter-spacing: normal;
    font-weight: 400;
}
.wrapper-widget {
    display: flex;
    justify-content: space-between;
    margin: 0 -20px;
}
.wrapper-widget .col {
    width: 33.33%;
    max-width: 410px;
    padding: 0 20px 24px;
}
.wrapper-widget #block-14 ul li {
    font-weight: 600;
    letter-spacing: 1.5px;
}
.col #block-13 p, .col #block-10 p {
    display: flex;
    flex-direction: column;
}
.col #block-13 p {
    margin-bottom: 25px;
    max-width: 312px;
}
.col ul {
    font-size: 16px;
}
.col p span {
    color: #D7AF45;
    text-transform: uppercase;
}
footer .wp-block-image img {
    height: auto;
    max-width: 287px;
    vertical-align: bottom;
    margin-left: -15px;
}
footer .menu {
    display: block;
    margin-bottom: 88px;
}
footer .menu li {
    padding: 0;
    margin-bottom: 27px;
    line-height: 1;
}
footer .menu li a {
    font-size: 16px;
}
footer .menu li a:hover {
    color: #D7AF45;
}
footer .menu li a::after {
    display: none;
}
footer .menu li.current-menu-item a::after {
    display: none;
}
footer p {
    font-size: 16px;
    margin-block-start: 0;
    margin-block-end: 0;
    letter-spacing: 1.5px;
    font-weight: 600;
}
footer p a {
    margin-bottom: 31px;
}
footer a {
    color: #fff;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
}
footer a:hover {
    color: #D7AF45;
}
footer h3 {
    font-size: 35px;
    line-height: 73px;
    margin-block-start: 42px;
    margin-block-end: 41px;
    position: relative;
}
footer h3::after {
    position: absolute;
    content: "";
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #D7AF45;
}
/* Home page
   ========================================================================== */
.banner-section {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background: #1C1C1C;
    width: 100%;
}
.banner-section .img-holder {
    height: 100vh;
    width: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: initial;
}
.banner-section .banner-text {
    width: 50%;
    max-width: 468px;
    margin-right: 242px;
    padding-left: 25px;
}
.banner-section h1 {
    color: #D7AF45;
    margin-block-start: 0;
    margin-block-end: 16px;
}
.banner-section p {
    margin-bottom: 46px;
}
.slider-section {
    padding: 105px 0 121px;
    background: #1C1C1C;
}
.images-slider {
    display: flex;
}
.grid-wrapper {
    display: flex;
    justify-content: center;
    height: 572px;
}
.grid-wrapper .column {
    display: flex;
    flex-wrap: wrap;
}
.grid-wrapper .column .grid-item {
    margin: 22px;
    border: 1px solid #D7AF45;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.grid-wrapper .column.wide {
    max-width: 836px;
}
.grid-wrapper .column.wide .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.grid-wrapper .column.wide .row .grid-item:first-child {
    width: 394px;
    max-width: 394px;
    height: 203px;
}
.grid-wrapper .column.wide .row .grid-item:last-child {
    width: 394px;
    max-width: 394px;
    height: 203px;
}
.grid-wrapper .column.wide .row.last .grid-item:first-child {
    width: 555px;
    max-width: 555px;
    height: 302px;
}
.grid-wrapper .column.wide .row.last .grid-item:last-child {
    width: 237px;
    max-width: 237px;
    height: 302px;
}
.grid-wrapper .column.last {
    display: flex;
    max-width: 438px;
}
.grid-wrapper .column.high .grid-item {
    width: 394px;
    height: 551px;
}
.grid-wrapper .column.high {
    margin-left: 44px;
}
.grid-wrapper .column.last .grid-item:first-child {
    width: 394px;
    height: 302px;
}
.grid-wrapper .column.last .grid-item:last-child {
    width: 394px;
    height: 200px;
}
.services-section {
    background: #fff;
    padding: 96px 0 90px;
    color: #141414;
}
.services-section .title-wrapper {
    margin-bottom: 53px;
}
.services-section p {
    margin-block-start: 0;
    margin-block-end: 0;
}
.services-section h2 {
    margin-block-start: 0;
    margin-block-end: 5.6px;
    font-size: 75px;
    line-height: 92px;
}
.services-list li {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 69px;
}
.services-list li:last-child {
    margin-bottom: 0px;
}
.services-list li .image {
    max-width: 835px;
    width: 70%;
    height: 450px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.services-list li .text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 528px;
    width: 37%;
    border-top: 1px solid #141414;
    margin-left: 20px;
    height: 100%;
    min-height: 450px;
}
.services-list li .text h3 {
    margin-block-start: 27px;
    margin-block-end: 0px;
}
.services-list li .text p {
    margin-block-start: 0px;
    margin-block-end: 0px;
    max-width: 466px;
}
.services-list li .text span {
    margin-block-start: 0px;
    margin-block-end: 0px;
    font: 35px/39px "RecoletaRegular", serif;
    color: #D7AF45;
    max-width: 359px;
}
.steps-section {
    background: #FBF7EC;
    padding: 102px 0 90px;
    color: #141414;
}
.steps-section .title-wrapper {
    margin-bottom: 57px;
}
.steps-section p {
    margin-block-start: 0;
    margin-block-end: 0;
}
.steps-section h2 {
    margin-block-start: 0;
    margin-block-end: 23px;
}
.cta-section {
    background: #fff;
    padding: 124px 0 81px;
}
.cta-section h2 {
    margin-block-start: 0;
    margin-block-end: 39px;
    position: relative;
    width: max-content;
}
.cta-section h2::before {
    position: absolute;
    content: "";
    width: 62%;
    height: 1px;
    background: #141414;
    left: 0;
    top: -38px;
}
.steps-slider-nav {
    position: relative;
}
.steps-slider {
    /* margin: 0 -11px; */
    padding: 0 14px;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.steps-slider * {
    box-sizing: border-box;
}
.steps-slider .slick-arrow,
.slider-btn {
    width: 43px;
    height: 43px;
    border: 1px solid #D7AF45;
    font-size: 0;
    background: #FBF7EC;
    position: absolute;
    cursor: pointer;
}
.steps-slider .slick-prev,
.btn-prev {
    right: 62px;
    top: -100px;
}
.steps-slider .slick-arrow.slick-next,
.btn-next {
    right: 4px;
    top: -100px;
}
.steps-slider .slick-prev::after,
.btn-prev:after {
    position: absolute;
    width: 11px;
    height: 22px;
    content: "";
    top: 18px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url(assets/img/arrow-prev.svg) no-repeat center;
    background-size: cover;
}
.steps-slider .slick-next::after,
.btn-next:after {
    position: absolute;
    width: 11px;
    height: 22px;
    content: "";
    top: 18px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scaleX(-1);
    background: url(assets/img/arrow-prev.svg) no-repeat center;
    background-size: cover;
}
.steps-slider .slick-list {
    overflow: visible;
}
.step-item {
    height: 562px;
    transition: 0.5s;
    min-width: 0;
    max-width: 206px;
    width: 100%;
}
.step-item.slick-active {
    min-width: 627px;
}
.step-wrapper {
    margin: 0 11px;
    border: 1px solid #D7AF45;
    height: 100%;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}
.step-header {
    text-align: center;
    border-bottom: 1px solid #D7AF45;
}
.step-header h3 {
    margin-block-start: 29.5px;
    margin-block-end: 25.5px;
    padding: 0 5px;
    transition: 0.5s;
    -webkit-line-clamp: 1;
    /* количество строк */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.step-item .step-content>h3 {
    transform: rotate(90deg) translate(30px, -50%);
    white-space: nowrap;
    transform-origin: left top;
    transition: 0s;
    position: absolute;
    left: 50%;
}
.step-item.slick-active .step-content>h3 {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}
.step-item .step-content .text-content h3 {
    margin-block-start: 0;
    margin-block-end: 31px;
    z-index: 1;
    color: #fff;
    position: relative;
    transition: 0.3s;
    transition-delay: 0.1s;
    opacity: 0;
}
.step-item.slick-active .step-content .text-content h3 {
    opacity: 1;
}
.step-item .step-content .text-content {
    opacity: 0;
    background-position: center;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    /* height: 100%; */
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: #fff;
    /* display: none; */
    padding: 0 43px 45px 54px;
    font-size: 18px;
    line-height: 24px;
    transition: 0.5s;
    box-sizing: border-box;
    min-width: 605px;
}
.step-item.slick-active .step-content .text-content {
    opacity: 1;
}
.step-item.slick-active .step-content .text-content p:last-child {
    margin-block-start: 0;
    margin-block-end: 6px;
}
.step-item .step-content .text-content .main-text {
    position: relative;
    transition: 0.5s;
}
@keyframes to-up {
    0% {
        top: 80px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.step-item.slick-active .step-content .text-content p {
    transition: 0.5s;
}
.step-item.slick-active .step-content .text-content .main-text {
    animation: 0.5s linear to-up;
    z-index: 1;
    position: relative;
}
.step-item.slick-active .step-content .text-content p {
    margin-block-start: 0;
    margin-block-end: 25px;
    position: relative;
}
.step-item .step-content .text-content::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    z-index: 0;
}
.step-item .step-content {
    /* height: calc(100% - 93px); */
    flex-grow: 1;
    background: transparent !important;
    position: relative;
    overflow: hidden;
    display: flex;
}
.step-item .step-content h3 {
    color: #141414;
}
/* About page
   ========================================================================== */
.about-banner .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.about-banner {
    padding: 240px 0 235px;
    background: #141414;
}
.about-banner .img-holder {
    height: 100%;
    width: 46%;
    display: flex;
    position: relative;
    margin-top: 145px;
}
.about-banner .img-holder img {
    position: relative;
}
.about-banner .img-holder img:first-child {
    top: 50px;
    transition: all 0.6s ease-in-out;
    opacity: 0;
}
.about-banner.showed .img-holder img:first-child {
    top: 0px;
    opacity: 1;
}
.about-banner .img-holder img:nth-child(2) {
    top: 50px;
    margin-left: -112px;
    margin-top: -148px;
    transition: all 0.9s ease-in-out;
    opacity: 0;
    max-height: 329px;
}
.about-banner.showed .img-holder img:nth-child(2) {
    top: 0px;
    opacity: 1;
}
.about-banner .img-holder img:nth-child(3) {
    margin-left: -97px;
    margin-top: 24px;
    top: 50px;
    transition: all 1.2s ease-in-out;
    opacity: 0;
    max-height: 329px;
}
.about-banner.showed .img-holder img:nth-child(3) {
    top: 0px;
    opacity: 1;
}
.about-banner .banner-text {
    width: 53%;
    max-width: 729px;
    margin-right: 53px;
    padding-left: 0;
}
.about-banner .banner-text h1 {
    color: #fff;
    margin-block-start: 23px;
    margin-block-end: 0px;
}
.about-banner .banner-text h3 {
    margin-block-start: 0px;
    margin-block-end: 0px;
}
.img-section {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.img-section .img-holder {
    width: 50%;
    max-width: 960px;
    min-height: auto;
    height: 675px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 115px;
    position: relative;
}
.img-section p {
    line-height: 38.4px;
    margin-block-end: 0;
    margin-block-start: 0;
}
.img-section h2 {
    margin-block-end: 62px;
    margin-block-start: 14px;
    max-width: 407px;
}
.img-section .img-holder::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, #0A0A0A, rgba(10, 10, 10, 0.5), rgba(20, 20, 20, 0));
    opacity: 0.75;
}
.img-section .banner-text {
    width: 50%;
    max-width: 595px;
}
.img-section .banner-text h1 {
    color: #D7AF45;
    margin-block-start: 0;
    margin-block-end: 53.5px;
}
.process-section {
    padding: 175px 0 176px;
}
.process-section .process-list li .icon {
    position: relative;
    width: 46px;
    transform: scale(0);
}
.process-section.showed .process-list .icon {
    animation: sun-rise 0.8s linear forwards;
}
.process-section.showed .process-list li:nth-child(2) .icon {
    animation-delay: 0.6s;
}
.process-section.showed .process-list li:nth-child(3) .icon {
    animation-delay: 0.9s;
}
@keyframes sun-rise {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
.process-section h2 {
    margin-block-start: 0px;
    margin-block-end: 53px;
}
.process-list-holder {
    max-width: 1420px;
    width: 100%;
    overflow-x: hidden;
}
.process-section .process-list {
    display: flex;
    justify-content: space-between;
    margin: 0 -50.5px;
    width: 1420px;
}
/* width */
::-webkit-scrollbar {
    height: 10px;
}
/* Track */
::-webkit-scrollbar-track {
    background: #3E3E3E;
    border-radius: 5px;
    margin-right: 25px;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #D7AF45;
    border: 2px solid #3E3E3E;
    border-radius: 5px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #b6953a;
}
.process-section .process-list li {
    width: 33.33%;
    padding: 0 50.5px;
    position: relative;
}
.process-section .process-list li::after {
    position: absolute;
    content: "";
    left: 122px;
    top: 16px;
    height: 18px;
    width: 0;
    background: url(assets/img/arrow-process.svg) no-repeat left;
    background-size: cover;
    opacity: 0;
}
.process-section .process-list li:last-child:after {
    position: absolute;
    content: "";
    left: 122px;
    top: 28px;
    height: 1px;
    width: 0px;
    background: #D7AF45;
    opacity: 0;
}
.process-section.showed .process-list li::after {
    animation: grow-line 0.6s linear forwards;
    animation-delay: 1.6s;
}
.process-section.showed .process-list li:nth-child(2):after {
    animation: grow-line 0.6s linear forwards;
    animation-delay: 2s;
}
.process-section.showed .process-list li:last-child:after {
    animation: grow-line-2 0.6s linear forwards;
    animation-delay: 2.4s;
}
@keyframes grow-line {
    0% {
        width: 0;
        opacity: 0;
    }
    100% {
        width: 356px;
        opacity: 1;
    }
}
@keyframes grow-line-2 {
    0% {
        width: 0;
        opacity: 0;
    }
    100% {
        width: 326px;
        opacity: 1;
    }
}
.process-section .process-list li h3 {
    margin-block-start: 13px;
    margin-block-end: 12px;
    font-size: 35px !important;
    line-height: 1.2em;
}
.process-section .process-list li p {
    margin-block-start: 0px;
    margin-block-end: 0px;
}
.big-slider-section {
    padding: 0 0 100px;
}
.big-slider-section .container {
    max-width: 1497px;
}
.big-slider {
    max-width: 1447px;
    margin: 0 -13.5px;
}
.big-slider .slick-list {
    overflow: visible;
    padding: 0 !important;
    max-width: 100vw;
}
.big-slider .slick-track {
    overflow: hidden;
}
.big-slider .slide {
    margin: 0 13.5px;
    width: 100%;
    height: 814px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.big-slider .slick-arrow {
    position: absolute;
    font-size: 0;
    border: 1px solid #D7AF45;
    background: #141414;
    width: 61px;
    height: 61px;
    z-index: 99;
    cursor: pointer;
}
.big-slider .slick-prev {
    left: -139px;
    top: 50%;
    transform: translateY(-50%);
}
.big-slider .slick-arrow.slick-next {
    right: -139px;
    top: 50%;
    transform: translateY(-50%);
}
.big-slider .slick-prev::after {
    position: absolute;
    width: 11px;
    height: 22px;
    content: "";
    top: 18px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url(assets/img/arrow-prev.svg) no-repeat center;
    background-size: cover;
}
.big-slider .slick-next::after {
    position: absolute;
    width: 11px;
    height: 22px;
    content: "";
    top: 18px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scaleX(-1);
    background: url(assets/img/arrow-prev.svg) no-repeat center;
    background-size: cover;
}
.only-text-section .info-holder {
    display: flex;
    justify-content: space-between;
    border-top: 2px solid #D7AF45;
    padding: 80px 0px 68px;
}
.only-text-section h2 {
    margin-block-start: 0;
    margin-block-end: 29px;
    max-width: 483px;
    width: 35%;
}
.only-text-section .text-wrapper {
    width: 65%;
    max-width: 875px;
}
.only-text-section p {
    margin-block-start: 0;
    margin-block-end: 29px;
}
.faq-section {
    background: #FBF7EC;
    padding: 112px 0 128px;
    color: #141414;
}
.faq-section .title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 52px;
}
.faq-section .title-wrapper h2 {
    width: 45%;
    margin-block-start: 0;
    margin-block-end: 0;
    color: #D7AF45;
    font-size: 85px;
}
.faq-section .title-wrapper p {
    margin-block-start: 0;
    margin-block-end: 0px;
    width: 45.5%;
}
.accordion-content {
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
}
.accordion-item {
    margin: 0px 0 8px;
    box-sizing: border-box;
    width: 100%;
    border-bottom: 1px solid #C1C1C1;
}
.item-header {
    padding: 28px 0;
}
.item-content {
    padding: 12px 0 28px;
    display: none;
}
.item-content--visibility {
    display: none;
}
.item-content p {
    margin-block-end: 0;
    margin-block-start: 0;
}
.item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2px;
    cursor: pointer;
}
.item-question {
    font-size: 25px;
    font-weight: 600;
    line-height: 31px;
}
.item-icon {
    transition: all .1s ease-in-out;
    margin: 0 0 0 10px;
    min-width: 22px;
    height: 11px;
    background: url(assets/img/arrow-faq.svg) no-repeat left;
    background-size: cover;
    background-repeat: no-repeat;
}
.item-icon-rotate {
    transform: rotate(180deg);
    transition: all .1s ease-in-out;
}
.item-content-title,
.font-bold {
    font-weight: 700;
}
.item-content-title {
    display: inline-block;
    margin-bottom: 1em;
}
.locations-section {
    background: #FBF7EC;
    color: #141414;
}
.locations-section .container {
    padding: 0px 25px 71px;
}
.locations-section .title-wrapper {
    padding: 62px 0 0;
    margin-bottom: 64px;
    border-top: 1px solid #141414;
}
.locations-section .title-wrapper h2 {
    margin-block-end: 0;
    margin-block-start: 0;
}
.locations-section .locations-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -14px;
}
.locations-section .locations-list li {
    width: 33.33%;
    padding: 0 14px 34px;
    max-width: 454px;
}
.locations-section .locations-list li h3 {
    border: 1px solid #D7AF45;
    margin-block-end: 0;
    margin-block-start: 0;
    padding: 20.5px;
    font-size: 35px;
    line-height: 1.2;
    color: #141414;
    text-align: center;
}
.locations-section p {
    margin-block-start: 10px;
    margin-block-end: 27px;
}
.map-holder #map {
    height: 525px;
    display: table;
    width: 100%;
}
.map-holder #map iframe {
    max-width: 1420px;
    width: 100%;
}
.services-banner {
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.services-banner::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: #141414;
    opacity: 0.69;
}
.services-banner .banner-text {
    max-width: 826px;
    z-index: 2;
    position: relative;
    margin-top: 5px;
}
.services-banner .banner-text h1 {
    font: 95px/89px "RecoletaRegular", serif;
    margin-block-end: 26px;
    margin-block-start: 0px;
}
.services-banner .banner-text span {
    font: 35px/41px "RecoletaRegular", serif;
    color: #D7AF45;
}
.services-section-2 {
    padding: 56px 0 166px;
}
.title-wrapper.with-icon {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-bottom: 2px solid #D7AF45;
    margin-bottom: 47px;
    padding: 0 0 32px;
}
.title-wrapper.with-icon h3 {
    color: #fff;
    margin-block-start: 0;
    margin-block-end: 0;
}
.title-wrapper.with-icon .icon-holder {
    width: 48px;
    height: 60px;
}
.services-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: -19px;
}
.services-wrapper .service-item:first-child {
    width: 52.8%;
}
.services-wrapper .service-item:nth-child(2) {
    width: 47.2%;
}
.services-wrapper .service-item:nth-child(3) {
    width: 44.7%;
}
.services-wrapper .service-item:nth-child(4) {
    width: 55.3%;
}
.services-wrapper .service-item:nth-child(5) {
    width: 55.3%;
}
.services-wrapper .service-item:last-child {
    width: 44.7%;
}
.service-box {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 364px;
    padding: 47px 50px;
    margin: 19px;
    display: flex;
    align-items: flex-end;
    border-right: 2px solid #D7AF45;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.services-wrapper li:first-child .service-box, .services-wrapper li:nth-child(2) .service-box {
    min-height: 430px;
}
.service-box .title h3 {
    position: relative;
    color: #141414;
    z-index: 2;
    width: 100%;
    margin-block-start: 0;
    margin-block-end: 0;
}
@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.service-box:hover .title h3::before {
    width: calc(100% - 75px);
}
.service-box:hover .title h3 {
    color: #fff;
}
.service-box:hover::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.84), rgba(255, 255, 255, 0));
    animation: 0.3s linear fade-in;
}
.service-box.dark .title h3 {
    position: relative;
    color: #fff;
}
.service-box .title {
    width: 100%;
}
.service-box .title h3::before {
    position: absolute;
    content: "";
    height: 2px;
    background: #D7AF45;
    left: 0;
    top: -35px;
    width: 56px;
    transition: width 0.3s ease-in-out;
}
.items-section {
    padding: 0 0 115px;
}
.items-section .btn-holder {
    display: flex;
    justify-content: center;
}
.items-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px 0px;
}
.items-wrapper .item-box-holder {
    width: 33.33%;
    overflow: hidden;
}
.item-box-holder .item-box-wrapper {
    margin: 0 16px 51px;
    min-height: 361px;
    position: relative;
    overflow: hidden;
}
.item-box-holder .item-box {
    height: 361px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    transition: all 0.3s ease-in-out;
}
.item-box-holder .item-box-wrapper:hover .item-box {
    transform: scale(1.07);
    transition: all 0.3s ease-in-out;
}
.item-box-holder .item-box-wrapper h3 {
    color: #fff;
    margin-block-end: 0;
    margin-block-start: 0;
}
.item-box-holder .item-box-wrapper .title {
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    padding: 48px 29px;
    width: 100%;
}
.materials-section {
    padding: 0 0 59px;
}
.materials-section .services-wrapper {
    margin: 0 -14px 31px;
}
.materials-section .services-wrapper li .service-box {
    min-height: 168px;
    max-height: 264px;
    margin: 0 14px 40px;
    border-right: none;
}
.materials-section .services-wrapper li {
    width: 50% !important;
}
.materials-section .service-box:hover .title h3::before {
    width: calc(100% - 159px);
}
.materials-section .btn-holder .btn-header {
    padding: 13px 34px 11px;
    z-index: 1;
    margin: 0 auto;
}
.feedback-section {
    padding: 105px 0 117px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.feedback-section .title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 77px;
}
.feedback-section .title-wrapper h2 {
    margin-block-end: 0;
    margin-block-start: 0;
}
.feedback-section .title-wrapper p {
    border-top: 2px solid #D7AF45;
    padding: 30px 0 0;
    margin-block-end: 0;
    margin-block-start: 0;
    font: 35px/50px "RecoletaRegular", serif;
    color: #fff;
}
.feedback-item {
    margin: 0 20px;
}
.feedback-wrapper {
    background: #fff;
    padding: 41px 42px 49px;
    color: #141414;
}
.feedback-wrapper .google-logo {
    width: 135px;
}
.feedback-wrapper .google-logo img {
    height: auto;
}
.feedback-wrapper .rate-holder {
    display: flex;
    align-items: center;
    margin-bottom: 34px;
}
.feedback-wrapper p {
    margin-block-end: 20px;
    margin-block-start: 0;
    font-size: 14px;
    line-height: 24px;
}
.feedback-wrapper .rate-holder p {
    font-size: 10px;
    line-height: 1;
    margin-block-end: 0;
    margin-block-start: 0;
}
.feedback-wrapper .name {
    font: 25px/39px "RecoletaRegular", serif;
    margin-block-end: 20px;
    margin-block-start: 0;
}
.feedback-wrapper .rate {
    margin-right: 14px;
}
.feedback-slider .slick-list {
    position: relative;
    display: block;
    overflow: visible;
}
.feedback-slider .slick-slide {
    height: auto;
}
.progress {
    display: none;
    width: 100%;
    height: 4px;
    border-radius: 4px;
    font-size: 0;
    overflow: hidden;
    background-color: #3E3E3E;
    border: 2px solid #3E3E3E;
    background-image: linear-gradient(to right, #D7AF45, #D7AF45);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size .4s ease-in-out;
    margin-top: 46px;
}
.horizontal-collapse__inner {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
}
.horizontal-collapse__item {
    min-height: 42rem;
    list-style: none;
    padding: 0;
    overflow: hidden;
    min-width: 10rem;
    max-width: 40rem;
    position: relative;
    transition: width 0.5s;
    background-color: red;
}
.horizontal-collapse__item.slick-active .horizontal-collapse__inactive-content {
    opacity: 0;
}
.horizontal-collapse__item.slick-active {
    color: #fff;
}
.horizontal-collapse__item.slick-active .horizontal-collapse__active-content {
    opacity: 1;
}
.horizontal-collapse__item-inner {
    padding: 3rem;
}
.horizontal-collapse__item-inner {
    padding: 3rem;
}
.horizontal-collapse__inactive-content {
    opacity: 1;
    transition: opacity 0.5s;
    position: absolute;
    bottom: 2rem;
    left: 1rem;
}
.horizontal-collapse__inactive-content .horizontal-collapse__heading {
    user-select: none;
    cursor: default;
    font-size: 3rem;
    line-height: 0;
    margin-bottom: 0;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
}
.horizontal-collapse__active-content {
    opacity: 0;
    transition: opacity 0.5s;
    cursor: default;
}
.horizontal-collapse__heading {
    margin-top: 0;
    margin-bottom: 2rem;
}
.horizontal-collapse__heading {
    margin-top: 0;
    margin-bottom: 2rem;
}
.horizontal-collapse__body {
    margin-bottom: 2rem;
}
.horizontal-collapse__link {
    display: inline-block;
    background-color: #fff;
    color: #333;
    text-decoration: none;
    line-height: 1;
    padding: 1rem 2rem;
    border-radius: 2rem;
    font-size: 1.7rem;
    font-weight: bold;
}
.horizontal-collapse {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 5rem;
    color: #fff;
}
/* Responsive
   ========================================================================== */
@media (max-width: 1600px) {
    .banner-section .banner-text {
        margin-right: 150px;
    }
    .about-banner .banner-text {
        margin-right: 80px;
    }
    .big-slider-section .container {
        max-width: 1200px;
    }
    .big-slider {
        max-width: 1200px;
        margin: 0 -13.5px;
    }
    .big-slider .slide {
        height: 600px;
    }
}
@media (max-width: 1480px) {
    .about-banner .banner-text {
        width: 41%;
        margin-right: 35px;
    }
    .img-section .img-holder {
        margin-right: 40px;
    }
    .big-slider {
        max-width: 1000px;
        margin: 0 -13.5px;
    }
    .big-slider-section .container {
        max-width: 1000px;
    }
    .only-text-section h2 {
        width: 45%;
        margin-right: 25px;
    }
    .only-text-section .text-wrapper {
        width: 55%;
    }
    .faq-section .title-wrapper h2 {
        width: 50%;
    }
    .faq-section .title-wrapper p {
        width: 37.5%;
    }
    .locations-section .locations-list li {
        width: 47%;
        max-width: 100%;
    }
    .locations-section .locations-list {
        justify-content: center;
    }
    .faq-section .title-wrapper h2 {
        width: 57%;
    }
}
@media (max-width: 1410px) {
    .process-list-holder {
        overflow-x: scroll;
    }
    .process-list-wrapper {
        overflow-x: visible;
    }
    .about-banner .container {
        justify-content: center;
    }
    .process-section .container {
        padding: 0 0px 0 25px;
    }
    .process-section h2 {
        margin-right: 25px;
    }
    .process-section .process-list {
        margin: 0 -50.5px 32.2px;
    }
}
@media (max-width: 1320px) {
    .about-banner .img-holder {
        width: 44%;
    }
    .about-banner .banner-text {
        width: 48%;
    }
    .about-banner .img-holder img:first-child {
        width: 274px;
        height: 333px;
    }
    .about-banner .img-holder img:nth-child(2) {
        width: 249px;
        height: 277px;
    }
    .about-banner .img-holder img:last-child {
        width: 233px;
        height: 277px;
    }
    .img-section h2 {
        margin-block-end: 18px;
        margin-block-start: 0;
        max-width: 407px;
    }
    .img-section .banner-text {
        margin-right: 25px;
    }
    .big-slider {
        max-width: 800px;
        margin: 0 -13.5px;
    }
    .big-slider-section .container {
        max-width: 800px;
    }
    .big-slider .slide {
        height: 443px;
    }
}
@media (max-width: 1200px) {
    .banner-section .banner-text {
        margin-right: 50px;
        max-width: 420px;
    }
    .about-banner .banner-text {
        margin-right: 35px;
        width: 48%;
        max-width: 48%;
    }
    .services-list li .image {
        width: 55%;
    }
    .services-list li .text {
        width: 45%;
    }
    .faq-section .title-wrapper h2 {
        font-size: 65px;
    }
    .img-section {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
    }
    .img-section .img-holder {
        width: 100%;
        max-width: 100%;
        min-height: auto;
        margin-right: 0;
        margin-bottom: 52px;
    }
    .img-section .banner-text {
        margin-right: 0;
        width: 100%;
        max-width: 100%;
    }
    .img-section h2 {
        padding: 0 25px;
    }
    .img-section p {
        padding: 0 25px;
    }
    .feedback-section .title-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }
    .feedback-section .title-wrapper h2 {
        margin-block-end: 36px;
        margin-block-start: 0;
    }
    .step-item.slick-active {
        min-width: 400px;
    }
    .step-item .step-content .text-content {
        min-width: 388px;
        padding: 0 25px 45px 25px;
    }
    .steps-slider h3 {
        font-size: 26px;
    }
    .step-item .step-content .text-content h3 {
        margin: 0 0 10px;
    }
}
@media (max-width: 1124px) {
    .about-banner .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }
    .about-banner {
        padding: 200px 0 235px;
        background: #141414;
    }
    .about-banner .banner-text {
        margin-right: 0;
        width: 100%;
        max-width: 100%;
        margin-bottom: 33px;
    }
    .about-banner .img-holder {
        width: 100%;
        justify-content: center;
    }
    .big-slider {
        max-width: 700px;
        margin: 0 -13.5px;
    }
    .big-slider-section .container {
        max-width: 700px;
    }
}
@media (max-width: 1024px) {
    .wrapper-widget {
        flex-direction: column;
        padding: 49px 0 31px;
    }
    .wrapper-widget .col {
        width: 96%;
        max-width: 100%;
        padding: 0 20px 18px;
    }
    footer p {
        font-size: 14px;
        line-height: 25px;
    }
    footer h3 {
        font-size: 30px;
        line-height: 1.2em;
        margin-block-start: 0;
        margin-block-end: 33px;
    }
    .footer-bottom {
        padding: 32px 0;
    }
    .footer-bottom p {
        font-size: 12px;
    }
    #block-8 {
        display: none;
    }
    footer h3::after {
        position: absolute;
        content: "";
        bottom: -7px;
        left: 0;
        width: 100%;
        height: 1px;
        background: #D7AF45;
    }
    footer .menu {
        display: block;
        margin-bottom: 0px;
    }
    footer p a {
        margin-bottom: 24px;
    }
    footer .menu li:last-child {
        margin-bottom: 19px;
    }
    .cta-section h2 {
        width: auto;
    }
    .banner-section .banner-text {
        font-size: 16px;
    }
    h2 {
        font: 45px/48px "RecoletaRegular", serif;
        color: #D7AF45;
    }
    h1 {
        font: 55px/56px "RecoletaRegular", serif;
    }
    h3 {
        font: 35px/39px "RecoletaRegular", serif;
        color: #D7AF45;
    }
    .services-list li {
        flex-direction: column;
        padding: 23px 0 0;
        border-top: 1px solid #141414;
        margin-bottom: 29px;
    }
    .services-section .title-wrapper {
        margin-bottom: 15px;
    }
    .services-section h2 {
        margin-block-start: 0;
        margin-block-end: 13.6px;
        font-size: 45px;
        line-height: 48px;
    }
    .services-list li .image {
        width: 100%;
        height: 400px;
        max-width: 100%;
    }
    .services-list li .text {
        width: 100%;
        margin-left: 0;
        min-height: max-content;
        border-top: none;
    }
    .services-list li .text h3 {
        margin-block-start: 31px;
        margin-block-end: 14px;
    }
    .services-list li .text p {
        margin-block-start: 0px;
        margin-block-end: 24px;
        min-width: 100%;
    }
    .services-list li .text span {
        font: 22px/27px "RecoletaRegular", serif;
        color: #D7AF45;
    }
    body {
        font: 16px/21.4px "quatro", sans-serif;
    }
    .big-slider .slick-arrow {
        display: none !important;
    }
    .big-slider .slide {
        margin: 0 8.5px;
        width: 100%;
    }
    .big-slider {
        margin: 0 -8.5px;
    }
    .locations-section .locations-list li {
        width: 100%;
        max-width: 100%;
        padding: 0 0px 27px;
    }
    .locations-section .locations-list {
        margin: 0;
    }
    .locations-section .title-wrapper {
        margin-bottom: 45px;
        padding: 43px 0 0;
    }
    .feedback-section .title-wrapper p {
        border-top: 2px solid #D7AF45;
        padding: 15px 0 0;
        margin-block-end: 0;
        margin-block-start: 0;
        font: 25px/36px "RecoletaRegular", serif;
    }
    .feedback-section .title-wrapper {
        margin-bottom: 43px;
    }
}
@media (max-width: 822px) {
    .site-branding img {
        max-width: 147px !important;
        height: 51px !important;
    }
    #masthead {
        padding: 26px 0 17.5px;
    }
    #masthead .main-navigation {
        width: auto;
    }
    #masthead .container {
        padding: 0px 24px 0 19px;
    }
    .menu-toggler {
        position: relative;
        z-index: 100;
        width: 34px;
        height: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    #masthead .main-navigation {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        transform: translateY(-150%);
        background-color: #fff;
        overflow-y: auto;
        overflow-x: hidden;
        z-index: -1;
        padding: 0 25px 96px;
        display: flex;
        flex-direction: column;
        justify-content: start;
        background: #1C1C1C;
    }
    #primary-menu {
        flex-direction: column;
        margin: 0 0 40px;
        width: 100%;
    }
    .btn-header {
        padding: 14px 50.5px 14px;
    }
    .nav-holder {
        width: 100%;
        border-top: 1px solid #C1C1C1;
        padding: 52px 0px 0;
    }
    .menu {
        display: flex;
        align-items: flex-start;
    }
    .menu li {
        padding: 0;
        margin-bottom: 23px;
    }
    .menu li a {
        font-size: 18px;
        letter-spacing: 4.5px;
    }
    .banner-section {
        padding: 136px 0px 0;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .banner-section .banner-text {
        margin-right: 0px;
        width: 100%;
        padding-left: 25px;
        margin-bottom: 26px;
        max-width: fit-content;
    }
    .banner-section p {
        margin-bottom: 26px;
    }
    .banner-section .img-holder {
        height: 500px;
        width: 100%;
        max-width: 960px;
    }
    video {
        height: 500px;
        width: auto;
    }
    .services-section {
        padding: 53px 0 46px;
    }
    .steps-section {
        padding: 63px 0 107px;
    }
    .steps-section h2 {
        margin-block-start: 0;
        margin-block-end: 14px;
    }
    .steps-section p {
        line-height: 23px;
    }
    .steps-section .title-wrapper {
        margin-bottom: 54px;
    }
    .steps-slider .slick-prev {
        right: 82px;
        top: calc(100% + 12px);
    }
    .steps-slider .slick-arrow.slick-next {
        right: 24px;
        top: calc(100% + 12px);
    }
    .about-banner {
        padding: 164px 0 75px;
    }
    .about-banner .img-holder {
        width: 100%;
        justify-content: center;
        height: auto;
    }
    .about-banner .banner-text {
        padding-left: 0px;
        margin-bottom: 26px;
    }
    .about-banner .banner-text h1 {
        margin-block-start: 13px;
        margin-block-end: 0px;
    }
    .about-banner .img-holder img:first-child {
        width: 174px;
        height: 222px;
    }
    .about-banner h3 {
        font: 28px/38px "RecoletaRegular", serif;
    }
    .about-banner h1 {
        font: 50px/48px "RecoletaRegular", serif;
    }
    .only-text-section h2 {
        width: 100%;
        margin-right: 0px;
        max-width: 100%;
        margin-block-end: 33px;
    }
    .only-text-section .text-wrapper {
        width: 100%;
        max-width: 100%;
        line-height: 27px;
    }
    .only-text-section .info-holder {
        flex-direction: column;
        padding: 47.5px 0px 57px;
    }
    .faq-section {
        background: #FBF7EC;
        padding: 61px 0 93px;
    }
    .faq-section .title-wrapper {
        flex-direction: column;
        margin-bottom: 51px;
    }
    .faq-section .title-wrapper h2 {
        width: 100%;
        margin-bottom: 23px;
        font-size: 45px;
    }
    .only-text-section p {
        margin-block-start: 0;
        margin-block-end: 27px;
    }
    .faq-section .title-wrapper p {
        width: 100%;
    }
    .item-header {
        padding: 22px 0;
    }
    .item-question {
        font-size: 18px;
        line-height: 24.4px;
    }
    .locations-section .container {
        padding: 0px 25px 35px;
    }
    .about-banner .img-holder {
        margin-top: 98px;
        justify-content: space-between;
        max-width: 343px;
    }
    .about-banner .img-holder img:nth-child(2) {
        margin-left: -104px;
        margin-top: -80px;
        width: 149px;
        height: 177px;
    }
    .about-banner .img-holder img:nth-child(3) {
        margin-left: -97px;
        margin-top: 13px;
        width: 133px;
        height: 177px;
    }
    .img-section p {
        line-height: 27px;
    }
    .process-section {
        padding: 64px 0 49px;
    }
    .process-section h2 {
        margin-block-start: 0px;
        margin-block-end: 40px;
        font: 42px/44px "RecoletaRegular", serif;
    }
    .process-section .process-list li .icon {
        width: 33px;
    }
    .process-section .process-list {
        width: 976px;
        margin: 0 -32.5px 32.2px;
    }
    .process-section .process-list li h3 {
        margin-block-start: 17px;
        margin-block-end: 6px;
        font-size: 25px !important;
    }
    .process-section .process-list li {
        padding: 0px 32.5px;
    }
    @keyframes grow-line {
        0% {
            width: 0;
            opacity: 0;
        }
        100% {
            width: 229px;
            opacity: 1;
        }
    }
    @keyframes grow-line-2 {
        0% {
            width: 0;
            opacity: 0;
        }
        100% {
            width: 229px;
            opacity: 1;
        }
    }
    .process-section.showed .process-list li::after {
        position: absolute;
        background: url(assets/img/arrow-process.svg) no-repeat right;
        content: "";
        left: 82px;
        top: 11px;
        height: 18px;
        width: 229px;
    }
    .process-section.showed .process-list li:last-child:after {
        position: absolute;
        content: "";
        left: 82px;
        top: 20px;
        height: 1px;
        width: 229px;
        background: #D7AF45;
    }
    .big-slider .slide {
        height: 370px;
    }
    .big-slider-section {
        padding: 0 0 52px;
    }
    .accordion-item {
        margin: 0px;
    }
    .locations-section .locations-list li h3 {
        font-size: 30px;
        line-height: 1.2;
        padding: 22.5px;
    }
    .locations-section p {
        margin-block-start: -2px;
        margin-block-end: 40px;
    }
    .map-holder #map iframe {
        height: 553px;
    }
    .services-banner .banner-text h1 {
        font: 51px/48px "RecoletaRegular", serif;
        margin-block-end: 18px;
        margin-block-start: 0px;
    }
    .services-banner .banner-text span {
        font: 25px/31px "RecoletaRegular", serif;
    }
    .services-banner .banner-text {
        margin-top: 0px;
    }
    .services-section-2 {
        padding: 75px 0 166px;
    }
    .title-wrapper.with-icon h3 {
        font: 29px/34px "RecoletaRegular", serif;
        max-width: 147px;
    }
    .title-wrapper.with-icon {
        padding: 0px 0 14px;
        margin-bottom: 32px;
    }
    .services-wrapper .service-item {
        width: 100% !important;
    }
    .services-wrapper li .service-box {
        min-height: 215px !important;
        padding: 27px 28px;
        margin: 11px;
    }
    .services-wrapper {
        margin: -11px;
    }
    .service-box .title h3::before {
        top: -21px;
        width: calc(100% - 20px);
        transition: width 0.3s ease-in-out;
    }
    .items-wrapper .item-box-holder {
        width: 100%;
        overflow: hidden;
    }
    .item-box-holder .item-box {
        height: 240px;
    }
    .item-box-holder .item-box-wrapper h3 {
        font: 25px/31px "RecoletaRegular", serif;
    }
    .item-box-holder .item-box-wrapper .title {
        padding: 23px 41px;
    }
    .item-box-holder .item-box-wrapper {
        margin: 0 16px 20px;
        min-height: 240px;
    }
    .materials-section .btn-holder {
        display: none;
    }
    .items-wrapper {
        margin: 0 -16px 0px;
    }
    .items-section {
        padding: 0 0 49px;
    }
    .service-box::after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(45deg, rgba(0, 0, 0, 0.84), rgba(255, 255, 255, 0));
        animation: 0.3s linear fade-in;
    }
    .service-box .title h3 {
        font: 25px/31px "RecoletaRegular", serif;
        color: #fff;
    }
    .materials-section {
        padding: 0px 0 27px;
    }
    .materials-section .services-wrapper li {
        width: 100% !important;
    }
    .materials-section .services-wrapper li .service-box {
        min-height: 101px !important;
        padding: 14px 28px;
        margin: 0 14px 17px;
    }
    .materials-section .service-box .title h3::before {
        top: -11px;
        width: calc(100% - 58px);
    }
    .feedback-section {
        padding: 50px 0 64px;
    }
}
@media (max-width: 768px) {
    .slider-section {
        padding: 79px 0 55px;
    }
    .grid-wrapper {
        height: 397px;
    }
    .grid-wrapper .column .grid-item {
        margin: 15px;
    }
    .grid-wrapper .column.wide {
        max-width: 579px;
    }
    .grid-wrapper .column.high {
        margin-left: 30px;
    }
    .grid-wrapper .column.last {
        display: flex;
        max-width: 274px;
    }
    .grid-wrapper .column.wide .row .grid-item:first-child {
        width: 274px;
        max-width: 274px;
        height: 141px;
    }
    .grid-wrapper .column.wide .row .grid-item:last-child {
        width: 274px;
        max-width: 274px;
        height: 141px;
    }
    .grid-wrapper .column.wide .row.last .grid-item:first-child {
        width: 385px;
        max-width: 385px;
        height: 209px;
    }
    .grid-wrapper .column.wide .row.last .grid-item:last-child {
        width: 164px;
        max-width: 164px;
        height: 209px;
    }
    .grid-wrapper .column.high .grid-item {
        width: 274px;
        height: 382px;
    }
    .grid-wrapper .column.last .grid-item:first-child {
        width: 274px;
        height: 209px;
    }
    .grid-wrapper .column.last .grid-item:last-child {
        width: 274px;
        height: 141px;
    }
    .step-item.slick-active {
        width: 350px;
    }
    .step-item {
        width: 125px;
        height: 467px;
    }
    .step-header h3 {
        font: 25px/1.2 "RecoletaRegular", serif;
        margin-block-start: 16px;
        margin-block-end: 14px;
    }
    .step-wrapper {
        margin: 0 3.5px;
    }
    .steps-slider-nav {
        display: none;
    }
    .steps-slider-wrap .container {
        display: none;
    }
    .steps-slider {
        display: block;
        margin: 0 14px;
        padding: 0;
    }
    .step-item {
        min-width: 0;
        width: auto;
        transition: none
    }
    .step-item .step-content .text-content {
        min-width: 0;
    }
    .step-item.slick-active {
        min-width: 0;
        width: 105px;
    }
    .step-item {
        max-width: none;
        width: 105px;
    }
    .step-item.slick-active {
        width: calc(100vw - 157px);
    }
    .step-item.slick-active:last-child {
        width: calc(100vw - 157px);
    }
    .step-item .step-content .text-content {
        font-size: 14px;
    }
    .step-item.slick-active .step-content .text-content p {
        margin-block-end: 20px;
    }
    .step-item.slick-active .step-content .text-content h3 {
        margin-block-end: 20px;
        font: 25px/1.2 "RecoletaRegular", serif;
    }
    .services-list li .image {
        height: 300px;
    }
    .banner-section p {
        margin-bottom: 23px;
    }
    .btn, .btn-header {
        padding: 14px 36px 14px;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 1px;
    }
    .step-item .step-content {
        /* height: calc(100% - 63px); */
        background: transparent !important;
    }
    .steps-section .step-content p {
        line-height: 17px;
    }
    .cta-section {
        padding: 102px 0 85px;
    }
    .cta-section h2::before {
        position: absolute;
        content: "";
        width: 47%;
        top: -28px;
    }
    .cta-section h2 {
        margin-block-start: 0;
        margin-block-end: 26px;
    }
    .footer-top {
        background-image: url(https://landausdev.itcraftlab.com/wp-content/themes/landaus/assets/img/footer-top-mob.png) !important;
    }
    footer .menu li {
        margin-bottom: 24px;
    }
    footer .menu li a {
        font-size: 14px;
    }
    #block-9 h3 {
        margin-block-end: 27px;
    }
    .col #block-11 h3 {
        margin-block-end: 27px;
    }
    .col #block-13 p {
        margin-bottom: 13px;
    }
    .col #block-16 p {
        margin-block-end: 9px;
    }
    .col ul {
        font-size: 14px;
    }
    .steps-slider .slick-arrow {
        display: block !important;
    }
    .map-holder #map {
        height: 557px;
    }
    .feedback-wrapper {
        background: #fff;
        padding: 32px 32px 37px;
        color: #141414;
    }
    .feedback-wrapper p {
        margin-block-end: 17px;
        margin-block-start: 0;
        font-size: 12px;
        line-height: 17px;
    }
    .feedback-wrapper .google-logo {
        width: 107px;
    }
    .feedback-wrapper .name {
        font: 19px/37px "RecoletaRegular", serif;
        margin-block-end: 17px;
        margin-block-start: 0;
    }
    .feedback-wrapper .rate-holder {
        margin-bottom: 26px;
    }
    .feedback-wrapper .rate-holder p {
        font-size: 7px;
    }
    .feedback-item {
        margin: 0 16px;
    }
    .progress {
        display: block;
    }
}
@media (max-width: 600px) {}
@media (max-width:480px) {
    .step-item.slick-active {
        width: calc(100vw - 34px) !important;
    }
    .banner-section .img-holder {
        height: 323px;
        width: 100%;
        max-width: 960px;
    }
    video {
        height: 323px;
        width: auto;
    }
    .big-slider-section .container {
        max-width: 290px;
    }
    .big-slider {
        max-width: 290px;
    }
    .services-list li .image {
        height: 240px;
    }
    .banner-section p {
        max-width: 281px;
    }
    .about-banner .img-holder {
        margin-top: 98px;
        justify-content: space-between;
        max-width: 343px;
        height: auto;
    }
    .img-section .img-holder {
        height: 340px;
    }
    .locations-section p {
        max-width: 307px;
    }
    .locations-section .locations-list li h3 {
        font-size: 30px;
        line-height: 1.2;
        padding: 22.5px 10px;
    }
}
@media (max-width:375px) {
    .step-item.slick-active {
        width: 332px;
    }
}
@media (max-width:360px) {
    .step-item.slick-active {
        width: 317px;
    }
}
@media (max-width:320px) {
    .step-item.slick-active {
        width: 277px;
    }
}
#map {
    height: 400px;
    /* The height is 400 pixels */
    width: 100%;
    /* The width is the width of the web page */
}