@import "normalize.css";
@import "lib.css";
@import "fonts.css";
@import "global.css";
@import "flexbox.css";

@-webkit-keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #fff;
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #fff;
    }
}

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

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

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

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

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

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

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

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

@-moz-keyframes fixed-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes fixed-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-o-keyframes fixed-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes fixed-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes top {
    0% {
        top: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        top: 22px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        top: 22px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

@keyframes top {
    0% {
        top: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        top: 22px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        top: 22px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

@-webkit-keyframes top-2 {
    0% {
        top: 22px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    50% {
        top: 22px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        top: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes top-2 {
    0% {
        top: 22px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    50% {
        top: 22px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        top: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes bottom {
    0% {
        bottom: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        bottom: 22px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        bottom: 22px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
}

@keyframes bottom {
    0% {
        bottom: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        bottom: 22px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        bottom: 22px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
}

@-webkit-keyframes bottom-2 {
    0% {
        bottom: 22px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    50% {
        bottom: 22px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        bottom: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes bottom-2 {
    0% {
        bottom: 22px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    50% {
        bottom: 22px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        bottom: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@-webkit-keyframes scaled {
    50% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes scaled {
    50% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-webkit-keyframes scaled-2 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scaled-2 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

body, html {
    overflow-x: hidden;
}


.checkbox input {
    display: none;
}

.checkbox input + label {
    display: block;
    position: relative;
    padding-left: 28px;
    font-size: 1rem;
    line-height: 136.5%;
    letter-spacing: 0.02em;
    color: rgba(67, 69, 71, 0.5);
}

.checkbox input + label a {
    text-decoration: underline;
    color: inherit;
}

.checkbox input + label::before,
.checkbox input + label::after {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.checkbox input + label::before {
    width: 19px;
    height: 19px;
    left: 0;
    top: -1px;
    background: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

.checkbox input + label::after {
    width: 11px;
    height: 11px;
    flex-shrink: 0;

    left: 4px;
    top: 3px;
    border-radius: 4px;
    background: #FF461E;
}

.checkbox input:not(:checked) + label::after {
    opacity: 0;
}

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

.checkbox-border input + label::before {
    content: '';
    position: absolute;

    border-radius: 4px;
    border: 1px solid rgba(51, 36, 32, 0.6);
    opacity: 0.3;
    background: transparent;

    -webkit-box-shadow: unset;
    box-shadow: unset;
    width: 19px;
    height: 19px;

}

.checkbox-border input + label {
    color: rgba(51, 36, 32, 0.6);
    font-family: Geologica;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.32px;

    padding-left: 27px;
}

.checkbox-border input + label::after {
    content: '';
    position: absolute;
}

.page-breadcrumbs {
    padding: 20px 0;
}

.breadcrumbs_main_page_icon {
    opacity: .6;
    width: 17px;
    height: 17px;
    background: url("/src/img/icons/home.svg") no-repeat center;
    align-self: center;
}

.page-breadcrumbs ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.page-breadcrumbs ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.page-breadcrumbs ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: rgba(255, 255, 255, 0.6);

    font-size: 15px;
    font-weight: 600;
    line-height: 173.333%;
    letter-spacing: -0.15px;
}

.page-breadcrumbs ul li:last-child a {
    /*color: #B0BFC0;*/
}

.page-breadcrumbs ul li a span {
    text-transform: lowercase;
}

.page-breadcrumbs ul li a span:first-letter {
    text-transform: uppercase;
}

.page-breadcrumbs ul li:not(:first-child) a::before {
    content: '/';
    padding: 0 4.05px;
}

.page-breadcrumbs ul li:last-child a {
    cursor: default;
}

.input {
    color: #332420;
    font-family: Gilroy;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.6px;

    padding: 22px 0;
    background: transparent;
    border-bottom: 1px solid rgba(51, 36, 32, 0.3);
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.input-block {
    position: relative;
}

.input-block .input {
    width: 100%;
}

.input-block label {
    position: absolute;
    top: 22px;
    left: 0;
    cursor: text;
    transition: 0.25s ease;

    color: rgba(51, 36, 32, 0.6);
    font-family: Gilroy;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.6px;
}

.input-block label span {
    color: #FF461E;
}

.input:focus {

}

/*input:valid ~ label {*/
/*    top: 0;*/
/*    font-size: 22px;*/
/*    color: rgba(255, 255, 255, 0.5);*/
/*}*/

.input:focus {
    outline: none;
}

.input:focus ~ label,
.input:not(:placeholder-shown) ~ label {
    top: 0;
    color: #332420;
    font-size: 16px;
}

/*input:-webkit-autofill {*/
/*    -webkit-box-shadow: 0 0 0px 1000px #333 inset;*/
/*    -webkit-text-fill-color: white !important;*/
/*}*/

/*.input:focus::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    height: 100%;*/
/*    width: 6px;*/
/*    top: 0;*/
/*    left: 0;*/
/*    background-color: #528FC4;*/
/*}*/

.input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.input:-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.textarea {
    width: 100%;
    min-height: 124px;
    display: block;
}

.mobile-menu-btn {
    display: none;
    width: 31px;
    cursor: pointer;
    background-color: transparent;
}

.mobile-menu-btn span {
    display: block;
    width: 100%;
    border-radius: 20px;
    height: 3px;
    background: linear-gradient(142deg, #183653 21.79%, #394050 186.62%);
    -webkit-transition: all .3s;
    transition: all .3s;
    position: relative;
}

.mobile-menu-btn span + span {
    margin-top: 7px;
}

.mobile-menu-btn.active {
    z-index: 1000;
}

.mobile-menu-btn.active span {
    background: #8E8E8E;
}

.mobile-menu-btn.active span:nth-child(1) {
    -webkit-animation: ease .7s top forwards;
    animation: ease .7s top forwards;
}

.mobile-menu-btn.active span:nth-child(2) {
    -webkit-animation: ease .7s scaled forwards;
    animation: ease .7s scaled forwards;
}

.mobile-menu-btn.active span:nth-child(3) {
    -webkit-animation: ease .7s bottom forwards;
    animation: ease .7s bottom forwards;
}

.mobile-menu-btn.active span + span {
    margin-top: 19px;
}

.mobile-menu-btn.not-active span:nth-child(1) {
    -webkit-animation: ease .7s top-2 forwards;
    animation: ease .7s top-2 forwards;
}

.mobile-menu-btn.not-active span:nth-child(2) {
    -webkit-animation: ease .7s scaled-2 forwards;
    animation: ease .7s scaled-2 forwards;
}

.mobile-menu-btn.not-active span:nth-child(3) {
    -webkit-animation: ease .7s bottom-2 forwards;
    animation: ease .7s bottom-2 forwards;
}

.mobile-menu-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none;
}

.mobile-menu-nav-link:not(:first-child) {
    margin-top: 35px;
}

.mobile-menu-nav-link a {
    font-size: 1.5rem;
    line-height: 100%;
    letter-spacing: 0.02em;
    color: #434547;
}

.modal-back {
    display: none;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    position: fixed;
    background-color: white;
    z-index: 9999;
}

.mobile-menu-container {
    display: none;
    max-width: 90%;
    position: fixed;
    padding: 20px 20px;
    z-index: 99999;
    background-color: #fff;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    height: calc(100% - 119.99px);
    overflow-y: auto;
}

.mobile-menu-container .contact-block {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 45px;
}

.mobile-menu-container .search-from {
    margin-top: 65px;
}

.mobile-menu-container .orange-btn {
    margin-top: 15px;
    width: 100%;
}

.nav {
    display: flex;
}

.nav-main {
    display: flex;
    list-style: none;
    width: 100%;
}

.nav-link {
    position: relative;
}

.nav-link:not(:first-child) {
    margin-left: 45px;
}

.nav-link-toggle > a::after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: url("/src/img/icons/arrow-down.svg") no-repeat center;
    flex-shrink: 0;

    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;

    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

.nav-link-toggle > a {
    padding-right: 18px;
}

.nav-link-toggle:hover > a::after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.nav-link > a {
    position: relative;
    display: block;
    color: #394050;
    font-weight: 400;
    line-height: 162.5%;

    white-space: nowrap;

    padding-top: 23px;
    padding-bottom: 23px;
}

.nav-link > a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    background-color: transparent;
    bottom: 0;
    left: 0;

    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

.nav-link:hover > a::before {
    background-color: #469AD8;
}

.nav-link a:hover {
    color: #469AD8;
}

.nav-toggle {
    display: none;
    position: absolute;
    list-style: none;
    background: #fff;
    padding: 23px 26px;
    left: -26px;
    top: calc(100% + 3px);
    z-index: 6;
}

.nav-toggle::before {
    content: '';
    position: absolute;
    height: 3px;
    width: 100%;
    top: -3px;
    left: 0;
}

.nav-toggle-link a {
    font-size: 1.125rem;
    line-height: 116%;
    color: #434547;
    -webkit-transition: all ease 300ms;
    transition: all ease 300ms;
}

.nav-toggle-link a.active,
.nav-toggle-link a:hover {
}

.nav-toggle-link:not(:first-child) {
    margin-top: 25px;
}

.search-button {
    width: 20px;
    height: 20px;
    background: url("/src/img/icons/search.svg") no-repeat center;
}

.page-title {
    color: #332420;
    font-family: 'Gilroy';
    font-size: 100px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -2px;
}

.page-title-small {

}

.semi-bold {
    font-weight: 600;
}

.page-text {

}

.page-text-small {

}

.page-text-big {

}

.page-text p:not(:first-child) {
    margin-top: 32px;
}

.page-text-small p:not(:first-child) {

}

ul.big-number-list,
.page-text ul {
    list-style: none;
}

.page-text ul li {
    padding-left: 18.48px;
    position: relative;
}

.page-text ul li::before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    flex-shrink: 0;
    background: #469AD8;
    left: 0;
    top: 11.49px;
}

.page-text ul li:not(:first-child) {
    margin-top: 10px;
}

.first-screen {
    min-height: 800px;
    width: 100%;
    position: relative;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.first-screen-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.first-screen-content {
    position: relative;
    z-index: 2;
    padding: 40px 20px;
}

.first-screen__title {
    color: #FFF;
    font-family: 'Gilroy';
    font-size: 120px;
    font-style: normal;
    font-weight: 500;
    line-height: 95%;
    letter-spacing: -2.4px;
}

.first-screen__title span {
    font-size: 70px;
    font-weight: 250;
    line-height: 80%;
    letter-spacing: -1.4px;
}

.first-screen-buttons {
    margin-top: 46px;
}

.footer {

}

.social-block {
    display: flex;
    align-items: center;
}

.social-link {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
}

.social-link.wa {
    background-image: url("/src/img/icons/whatsapp.svg");
}

.social-link.tg {
    background-image: url("/src/img/icons/telegram.svg");
}

.slider-arrows {
    display: flex;
}

.slider-arrow {
    width: 101px;
    height: 32px;
    flex-shrink: 0;

    background-color: transparent;
    border: none;

    background-image: url("/src/img/arrow-orange.svg");
    background-repeat: no-repeat;
    background-position: center;

    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

.slider-arrow.swiper-button-disabled {
    background-image: url("/src/img/arrow-gray.svg");
}

.slider-arrow:not(:first-child) {
    margin-left: 24px;
}

.slider-arrow-prev {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.slider-arrow-prev:not(.swiper-button-disabled):hover {
    -webkit-transform: rotate(-180deg) translateX(5px);
    -moz-transform: rotate(-180deg) translateX(5px);
    -ms-transform: rotate(-180deg) translateX(5px);
    -o-transform: rotate(-180deg) translateX(5px);
    transform: rotate(-180deg) translateX(5px);
}

.slider-arrow-next:not(.swiper-button-disabled):hover {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
}

.text-slider {
    height: calc(100% - 46px);
    width: 100%;
}

.mobile-image-block {
    display: none;
}

.admin-edit-container {
    position: fixed;
    right: 40px;
    top: 80px;
    display: flex;
    max-width: 35vw;

    z-index: 2;
    flex-wrap: wrap;
}

.admin-edit-container a {
    color: #fff;
    background: #469AD8;
    box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    padding: 5px 10px;

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    margin-bottom: 10px;
}

.admin-edit-container a:not(:last-child) {
    margin-right: 10px;
}

.form-error-massages.active {
    margin-top: 1.25rem;
}

.form-error-massages p {
    color: #FF461E;
}

.textarea-error,
.input-error {
    border-color: #FF461E !important;
    padding-right: 50px !important;
    background-image: url(/img/elements/error.svg);
    background-repeat: no-repeat;
    background-position: center right 15px;
    background-size: 20px;
}

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

.close-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 11px;
    height: 11px;
    background: url("/src/img/icons/icon-close.svg") no-repeat center;
}

.search-form-container {
    display: none;
    position: absolute;
    z-index: 3;
    top: 50px;
    right: 0;
}

.search-form-container .search-from {
    padding-right: 26px;
}

.search-from {
    padding: 12.5px 14px;
    background: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.search-from input {
    font-size: 1.0625rem;
    line-height: 117%;
    width: 100%;
    letter-spacing: 0.02em;
    color: #000;
    padding-left: 32px;
    background: url("/src/img/icons/search-dark.svg") no-repeat left center;

    min-width: 150px;

}

.search-from-close-btn {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.search {
    padding: 24px 0;
    margin-top: 30px;
}

.search__form {
    display: block;
}

.search__input {
    display: block;
    width: 100%;
    padding: 12px 18px 12px 48px;
    color: #222d38;
    border-radius: 4px;
    background: #fff;
    -webkit-appearance: none;
}

.search__input:focus {
    -webkit-box-shadow: 0 0 0 2px #469AD8;
    box-shadow: 0 0 0 2px #469AD8;
}

.search-box {
    position: relative;
}

.search__placeholder {
    position: absolute;
    top: 50%;
    left: 48px;
    margin-top: -9px;
    cursor: text;
    -webkit-transition: .1s opacity ease-in-out;
    transition: .1s opacity ease-in-out;
    pointer-events: none;
    opacity: 0;
    color: #9fabb7;
}

.search__input:-moz-placeholder-shown:focus + .search__placeholder {
    opacity: .5;
}

.search__input:-ms-input-placeholder:focus + .search__placeholder {
    opacity: .5;
}

.search__input:placeholder-shown:focus + .search__placeholder {
    opacity: .5;
}

.search__input:not(:focus):-moz-placeholder-shown + .search__placeholder {
    opacity: 1;
}

.search__input:not(:focus):-ms-input-placeholder + .search__placeholder {
    opacity: 1;
}

.search__input:not(:focus):placeholder-shown + .search__placeholder {
    opacity: 1;
}

.search__button {
    font-size: 0;
    position: absolute;
    top: 50%;
    left: 18px;
    display: block;
    width: 20px;
    height: 20px;
    margin: -10px 0 0;
    padding: 0;
    cursor: pointer;
    opacity: .25;
    background: url(/src/img/icons/search.svg) no-repeat center;
    -webkit-appearance: none;
}

.search__button:hover {
    opacity: 1;
}

.search-results__item {
    padding: 12px 0;
    border-bottom: 1px solid #f1f0f0;
}

.search-results__title {
    font-size: 20px;
    font-weight: 500;
}

.search-results__description {
    margin-top: 4px;
}

.search-results__category {
    font-size: 12px;
    margin-top: 6px;
    text-transform: uppercase;
    color: #9fabb7;
}

.search-results__match {
    background: rgba(74, 177, 240, 0.2);
}

.search-results__not-found {
    font-size: 20px;
    padding: 12px 24px;
    text-align: center;
}

.search-results__query {
    font-size: 16px;
    font-weight: 500;
    padding: 14px 0 7px;
}

.search-results__query-string {
    font-weight: 700;
    color: #469AD8;
}

.header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    padding: 63px 0;
}

.header-phone {
    color: #FFF;
    font-size: 22px;
    font-weight: 300;
    line-height: normal;

    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;

    position: relative;
}



.header-phone::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    border-radius: 4px;
    background-color: #fff;
    bottom: 0;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
}

.header-phone:hover::before {
    transform-origin: left;
    transform: scaleX(1);
}

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

.header-block:not(:first-child) {
    margin-left: 47px;
}

.social-links-container {
    display: flex;
}

.social-link {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;


    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

.social-link.wa {
    background-image: url('/src/img/social-wa.svg');
}

.social-link.tg {
    background-image: url('/src/img/social-tg.svg');
}

.social-link.wa:hover {
    background-image: url('/src/img/social-wa-colored.svg');
}

.social-link.tg:hover {
    background-image: url('/src/img/social-tg-colored.svg');
}

.social-link:not(:first-child) {
    margin-left: 20px;
}

.first-screen {
    min-height: 100vh;

    display: flex;
    align-items: center;
}

.first-screen__buttons {
    margin-top: 46px;
}

.orange-btn {
    color: #FFF;
    font-family: Geologica;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    padding: 23px 30px;


    display: inline-block;
    border-radius: 65px;
    background: linear-gradient(180deg, #FF5D39 0%, #E03915 100%);


    background-size: 300% 100%;

    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.orange-btn:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background-image: linear-gradient(to right, #FF5D39, #e43603, #E03915, #e85a19);
    box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75);
}

.second-screen {
    padding: 167px 0 179px;
    position: relative;
    z-index: 3;
    background: #fff;
}

.sup-text {
    color: #FF461E;
    font-family: Geologica;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.44px;
}

.big-text {
    color: #332420;
    font-family: Gilroy;
    font-size: 78px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 90px */
    letter-spacing: -1.8px;
}

.gray-text {
    color: #332420;
    font-family: Geologica;
    font-size: 22px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
}

.sup-text + .big-text {
    margin-top: 18px;
}

.big-text + .gray-text {
    margin-top: 18px;
}

.clients-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.client-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% / 3);
}

.client-item:not(:nth-last-child(-n+3)) {
    margin-bottom: 70px;
}

.third-screen {
    padding: 151px 0 171px;
    position: relative;
    z-index: 2;
    background: #fff;
}

.third-screen-blur-1 {
    position: absolute;
    z-index: 1;
    width: 508px;
    height: 508px;

    left: -166px;
    top: -304px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    background: #FF461E;
    filter: blur(400px);
}

.text-cards-container {
    display: flex;
    justify-content: space-between;
    margin-top: 55px;
}

.text-card {
    width: calc((100% / 3) - 20px);
}

.text-card:nth-child(even) {
    margin: 0 40px;
}

.text-card__title {
    color: #FF461E;
    font-family: Gilroy;
    font-size: 45px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.9px;
    position: relative;
}

.text-card__title::before {
    display: none;
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    background: #FF461E;
    filter: blur(50px);
    z-index: -1;
    left: -36px;
    top: -23.6px;
}

.text-card__content {
    color: #332420;
    font-family: Geologica;
    font-size: 22px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%; /* 35.2px */
    margin-top: 20px;
}

.fourth-screen {
    position: relative;
    background: #332420;
}

.fourth-screen .big-text {
    color: #FFFFFF;
}

.fourth-screen > .container {
    padding-top: 180px;
    padding-bottom: 194px;
    position: relative;

    background: url("/src/img/bg-logo.svg") no-repeat left 20px center / auto 100%;
}

.fourth-screen-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
}

.fourth-screen-blur-1 {
    position: absolute;
    top: 113px;
    right: 109px;

    width: 556px;
    height: 527px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    background: #FF461E;
    filter: blur(350px);
}

.fourth-screen-blur-2 {
    position: absolute;
    bottom: -93px;
    left: -186px;

    width: 419px;
    height: 397px;
    flex-shrink: 0;
    border-radius: 419px;
    background: #0059FF;
    filter: blur(350px);
}

.fifth-screen {
    padding-top: 178px;
}

.sixth-screen {
    padding-top: 220px;
    position: relative;
}

.sixth-screen > .container {
    position: relative;
    z-index: 2;
}

.sixth-screen-blur-1 {
    border-radius: 792px;
    background: rgba(0, 89, 255, 0.30);;
    filter: blur(350px);
    width: 792px;
    height: 750px;
    flex-shrink: 0;
    position: absolute;
    top: 67px;
    left: -396px;
}

.sixth-screen-blur-2 {
    border-radius: 792px;
    background: rgba(0, 89, 255, 0.30);
    filter: blur(350px);
    width: 792px;
    height: 750px;
    flex-shrink: 0;
    position: absolute;
    bottom: 392px;
    right: -369px;
}

.sixth-screen-blur-3 {
    border-radius: 413px;
    background: #FF8F77;
    filter: blur(350px);
    width: 413px;
    height: 391px;
    flex-shrink: 0;

    position: absolute;
    bottom: 234px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.portfolio-column {
    width: calc(50% - 75px);

}

.portfolio-column:nth-child(even) {
    margin-left: 150px;
}

.portfolio-item {
    border-radius: 70px;
    overflow: hidden;
    position: relative;
}

.portfolio-item__img {
    display: block;
    width: 100%;
}

.portfolio-item__text {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 70px 190px 58px 70px;
    width: 100%;
}

.portfolio-item-title {
    color: #FFF;
    font-family: Gilroy;
    font-size: 45px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.9px;
}

.portfolio-item-tags {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
}

.portfolio-item-tags span {
    color: #FFF;
    font-family: Geologica;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.32px;
    padding: 7px 13px 8px 14px;
    border-radius: 39px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    margin-bottom: 12px;
    cursor: default;

    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

.portfolio-item-tags span:hover {
    border: 1px solid rgba(255, 255, 255, 1);
}

.portfolio-item-tags span:not(:last-child) {
    margin-right: 12px;
}

.portfolio-item-link {
    color: #FF461E;
    text-align: center;
    font-family: Geologica;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 21px */
    text-transform: uppercase;
    width: 130px;
    height: 130px;
    background: #FFF;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;

    position: absolute;
    right: 60px;
    top: 50%;
    margin-top: -65px;

    display: flex;


    opacity: 0;

    -webkit-transition: all ease 600ms;
    -moz-transition: all ease 600ms;
    -ms-transition: all ease 600ms;
    -o-transition: all ease 600ms;
    transition: all ease 600ms;
}

.portfolio-item-link:hover,
.portfolio-item-link:focus {
    -webkit-animation: pulse 1s;
    animation: pulse 1s;
    box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
}

.portfolio-item:hover .portfolio-item-link {
    opacity: 1;
}

.portfolio-item:not(:first-child) {
    margin-top: 80px;
}

.portfolio-more-btn-container {
    margin-top: 80px;
    display: flex;
    justify-content: center;
}

.portfolio-more-btn {
    border-radius: 65px;
    border: 1px solid #FF461E;
    padding: 23px 50px 25px;
    color: #FF461E;
    background: transparent;
    font-family: Geologica;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-transform: uppercase;

    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

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

.services-slider-container {
    padding-left: 24px;
    margin-top: 54px;
}

.services-slider {
overflow: visible;
}

.services-slide {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    border-radius: 70px;

    background: #FFF;
    box-shadow: 0 4px 70px 0 rgba(0, 0, 0, 0.10);

    padding: 68px 45px 77px 70px;

    height: auto;
}

.services-slide__title {
    color: #332420;
    font-family: Gilroy;
    font-size: 45px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.9px;
}

.services-slide__text {
    color: rgba(51, 36, 32, 0.6);
    font-family: Geologica;
    font-size: 22px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%; /* 35.2px */
    margin-top: 11px;
    margin-bottom: 20px;
}

.services-slide__price {
    margin-top: auto;
    color: #332420;
    font-family: Gilroy;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.6px;
}

.services-slide__price span {
    font-size: 22px;
}

.services-slide__button {
    margin-top: 32px;
}

.ninth-screen {
    padding: 157px 0 150px;
    background: url("/src/img/form-bg.jpg") no-repeat center / cover;
}

.contact-form-block {
    padding: 120px 145px 97px 120px;

    position: relative;
}

.contact-form-block-blur-1 {
    border-radius: 341px;
    background: #FF461E;
    filter: blur(350px);
    width: 341px;
    height: 323px;
    flex-shrink: 0;
    position: absolute;
    top: -59px;
    left: -45px;
}

.contact-form-block-blur-2 {
    border-radius: 799px;
    background: #1B3E80;
    filter: blur(350px);
    width: 799px;
    height: 758px;
    flex-shrink: 0;
    position: absolute;
    bottom: -355px;
    left: 183px;
}

.contact-form-block-bg {
    position: absolute;
    border-radius: 70px;
    background: rgba(255, 255, 255, 0.80);

    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.contact-form-content {
    position: relative;
    z-index: 1;
}

.input-block:not(:first-child) {
    margin-top: 56px;
}

.form-agreement-text {

    margin-top: 31px;
}

.footer {
    padding: 130px 0 39px;
    background: #332420;
    position: relative;
    z-index: 1;
}

.footer-top {
    display: flex;
    justify-content: space-between;

}

.footer-block:not(:last-child) {
    margin-left: 120px;
}

.footer-block:last-child {
    margin-left: 100px;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 132px;
}

.footer-copyright {
    color: rgba(255, 255, 255, 0.6);
    text-align: right;
    font-family: Geologica;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}


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

.footer-email {
    color: #FF461E;
    font-family: Geologica;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: relative;
}

.footer-phone {
    white-space: nowrap;
    color: #FFF;
    font-family: Geologica;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: relative;

    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

.footer-phone::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    border-radius: 4px;
    background-color: #fff;
    bottom: 0;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
}

.footer-phone:hover::before {
    transform-origin: left;
    transform: scaleX(1);
}

.footer-email::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    border-radius: 4px;
    background-color: #FF461E;
    bottom: 0;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
}

.footer-email:hover::before {
    transform-origin: left;
    transform: scaleX(1);
}

.footer-address {
    color: rgba(255, 255, 255, 0.6);
    text-align: right;
    font-family: Geologica;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 27px */
}

.footer-links {
    display: flex;
    flex-wrap: wrap;
}

.footer-links a {
    color: rgba(255, 255, 255, 0.6);
    font-family: Geologica;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-bottom: 1px solid transparent;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

.footer-links a:hover {
    border-color: inherit;
}

.footer-links a:not(:last-child) {
    margin-right: 90px;
}

.eighth-screen {
    padding: 138px 0 138px;
    position: relative;

    background: #332420;
}

.eighth-screen .page-title {
    color: #fff;
}

.eighth-screen .text-card__title {
    color: #fff;
}

.eighth-screen .text-card__title::before {
    display: block;
    background: rgba(255, 70, 30, 0.30);;
}

.eighth-screen .text-card__content {
    color: rgba(255, 255, 255, 0.6);
}

.eighth-screen-blur-1 {
    position: absolute;
    width: 462px;
    height: 437px;
    flex-shrink: 0;
    border-radius: 462px;
    background: #0042BD;
    filter: blur(350px);
    z-index: 0;
    right: -48px;
    top: 111px;
}

.eighth-screen-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);

    z-index: 0;
}

.eighth-screen > .container {
    position: relative;
    z-index: 1;
}

.seventh-screen {
    margin-top: 129px;
    padding-bottom: 145px;
    position: relative;
}

.seventh-screen-blur-1 {
    border-radius: 571px;
    background: #1B3E80;
    filter: blur(350px);
    width: 571px;
    height: 540px;
    flex-shrink: 0;
    position: absolute;
    z-index: 2;
    bottom: -229px;
    left: 140px;
}

.seventh-screen-img-1 {
    position: absolute;
    left: calc((50% - 75px) / 2 - 210px);
    width: 420px;

    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    /*left: calc(((100% - 1590px) / 2 + 20px) + ((50% - 75px) / 2 - 210px));*/
}

.work-steps-list {
    margin-top: 55px;
}

.work-step-row {
    display: flex;
    align-items: center;
    position: relative;
}

.work-step-item {
    display: flex;
    align-items: flex-start;

    padding: 45px 30px;

    width: calc(50% - 75px);

    align-self: stretch;
    position: relative;
    border-radius: 21px;

    /*border: 0.8px dashed rgba(255, 255, 255, 0.5);*/
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='21' ry='21' stroke='%2399918F' stroke-width='4' stroke-dasharray='6%2c 12' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}

.empty-right::before {
    content: '';
    position: absolute;
    height: 105px;
    width: 3px;
    background: #fff;
    right: 0;
    top: 50%;
    margin-top: -52.5px;
}

.empty-left::before {
    content: '';
    position: absolute;
    height: 105px;
    width: 3px;
    background: #fff;
    left: 0;
    top: 50%;
    margin-top: -52.5px;
}

.empty-bottom::after {
    content: '';
    position: absolute;
    height: 3px;
    width: 105px;
    background: #fff;
    left: 50%;
    bottom: 0;
    margin-left: -52.5px;
}

.empty-top::after {
    content: '';
    position: absolute;
    height: 3px;
    width: 105px;
    background: #fff;
    left: 50%;
    top: 0;
    margin-left: -52.5px;
}

.swal2-styled.swal2-confirm.confirm-button {
    color: #FFF;
    font-family: Geologica;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    padding: 23px 30px;
    border-radius: 65px;
    background: linear-gradient(180deg, #FF5D39 0%, #E03915 100%);
    min-width: 150px;
    text-align: center;
}

.swal2-actions:not(.swal2-loading) .swal2-styled.confirm-button:hover {
    background-image: linear-gradient(180deg, #FF5D39 0%, #E03915 100%);
}

.swal2-styled.swal2-confirm.confirm-button:focus {
    box-shadow: unset;
}

.work-step-item__number {
    color: #FF461E;
    font-family: Gilroy;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

    position: relative;
    flex-shrink: 0;
    margin-right: 22px;
}

.work-step-item__number::before {
    display: none;
    content: '';
    position: absolute;
    width: 61px;
    height: 61px;
    filter: blur(50px);
    background: #FF461E;
    top: 50%;
    left: 50%;
    margin-top: -30.5px;
    margin-left: -30.5px;
}

.work-step-item__text {

}

.work-step-title {
    color: #332420;
    font-family: Gilroy;
    font-size: 45px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.9px;
}

.work-step-text {
    color: rgba(51, 36, 32, 0.6);
    font-family: Geologica;
    font-size: 22px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%; /* 35.2px */
    margin-top: 8px;
}

.work-step-arrow.left,
.work-step-arrow.right {
    width: 101px;
    height: 16px;
    flex-shrink: 0;
    background: url("/src/img/arrow-orange.svg");
    margin: 0 25px;
}

.work-step-arrow.left-bottom,
.work-step-arrow.right-bottom {
    width: 16px;
    height: 101px;
    flex-shrink: 0;
    background: url("/src/img/arrow-orange-down.svg");
    margin: 15px 0 15px calc(75% + 29.5px);
}

.work-step-arrow.left-bottom {
    margin: 15px 0 15px calc((50% - 75px) / 2 - 8px);
}

.work-step-arrow.left {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.work-step-row:last-child .work-step-item {
    margin-left: auto;
}

.fixed-phone {
    position: fixed;
    bottom: 67px;
    right: 71px;
    z-index: 5;
}

.fixed-alo-ph-circle {
    width: 160px;
    height: 160px;

    top: -30px;
    left: -30px;

    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, 0.4);
    opacity: .1;
    -webkit-animation: fixed-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: fixed-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: fixed-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: fixed-alo-circle-anim 1.2s infinite ease-in-out;
    animation: fixed-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.fixed-alo-phone {
    background-color: transparent;
    width: 100px;
    height: 100px;
    /*cursor: pointer;*/
    z-index: 200000 !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s;
    /*right: 150px;*/
    /*top: 30px;*/
}

.fixed-alo-phone.fixed-alo-green .fixed-alo-ph-circle-fill {
    /*background-color: rgba(0, 175, 242, 0.5);*/
    /*opacity: .75 !important;*/
}

.fixed-alo-ph-circle-fill {
    width: 100px;
    height: 100px;

    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);

    top: 0;
    left: 0;

    position: absolute;
    background-color: #FF461E;

    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;

    border: 2px solid transparent;

    opacity: .2;

    -webkit-animation: fixed-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: fixed-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: fixed-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: fixed-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: fixed-alo-circle-fill-anim 2.3s infinite ease-in-out;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.fixed-alo-ph-img-circle {
    width: 72px;
    height: 72px;

    top: 14px;
    left: 14px;
    position: absolute;

    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);

    background: url('/src/img/icon-phone.svg') no-repeat center center, linear-gradient(180deg, #FF5D39 0%, #E03915 100%);

    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;

    border: 2px solid transparent;

    /*opacity: .7;*/


}

.fixed-alo-ph-img-circle:hover {
    -webkit-animation: fixed-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: fixed-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: fixed-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: fixed-alo-circle-img-anim 1s infinite ease-in-out;
    animation: fixed-alo-circle-img-anim 1s infinite ease-in-out;
}

.fixed-alo-phone.fixed-alo-green .fixed-alo-ph-img-circle {
    /*background-color: #00aff2;*/
}

.fixed-alo-phone.fixed-alo-green .fixed-alo-ph-circle {
    border-color: #FF461E;
    opacity: .5;
}

.fixed-alo-phone.fixed-alo-green.fixed-alo-hover .fixed-alo-ph-circle,
.fixed-alo-phone.fixed-alo-green:hover .fixed-alo-ph-circle {
    /*border-color: #75eb50;*/
    /*opacity: .5;*/
}

.fixed-alo-phone.fixed-alo-green.fixed-alo-hover .fixed-alo-ph-circle-fill,
.fixed-alo-phone.fixed-alo-green:hover .fixed-alo-ph-circle-fill {
    /*background-color: rgba(117, 235, 80, 0.5);*/
    /*opacity: .75 !important;*/
}

.fixed-alo-phone.fixed-alo-green.fixed-alo-hover .fixed-alo-ph-img-circle,
.fixed-alo-phone.fixed-alo-green:hover .fixed-alo-ph-img-circle {
    /*background-color: #75eb50;*/
}


#backdrop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(0, 0, 0, 0.8);
}

.popup_container {
    display: none;
    position: fixed;

    z-index: 11;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 1367px;
    min-width: 300px;

    width: 100%;
}

.popup_container_inner {
    padding: 85px 90px 100px;
    position: relative;
    z-index: 1;

    border-radius: 70px;
    background: #FFF;
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);

}

.popup-close-btn {
    position: absolute;
    right: 58px;
    top: 52px;
    width: 32px;
    height: 32px;
    opacity: 0.3;
    background-color: transparent;
}

.popup-close-btn:hover {
    opacity: 1;
}

.popup-close-btn::before,
.popup-close-btn::after {
    position: absolute;
    top: 0;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #332420;
}

.popup-close-btn::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.popup-close-btn::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.flex-form-col {
    width: calc(50% - 43.5px);
}

.flex-form-col:nth-child(even) {
    margin-left: 87px;
}

.form-radio-group {
    margin-top: 78px;
}

.form-radio-placeholder {
    margin-bottom: 21px;
    color: #332420;
    font-family: Gilroy;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.6px;
}

.form_radio {
}

.form_radio:not(:first-child) {
    margin-left: 65px;
}

.form_radio input[type=radio] {
    display: none;
}

.form_radio label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 35px;
    margin-right: 0;
    user-select: none;

    color: #332420;
    font-family: Gilroy;
    font-size: 22px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.44px;
}

.form_radio label:before {
    content: "";
    position: absolute;

    width: 20px;
    height: 20px;
    left: 0;
    top: 1px;
    border: 1px solid rgba(51, 36, 32, 0.3);
    border-radius: 50%;

    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

.form_radio label:hover:before {
    border-color: rgba(255, 70, 30, 0.3);
}

/* Checked */
.form_radio input[type=radio]:checked + label:after {
    content: "";
    position: absolute;

    width: 12px;
    height: 12px;
    left: 4.2px;
    top: 5px;
    background: #FF461E;
    border-radius: 50%;
}

.select-block {
    position: relative;
}

.select-block:not(:first-child) {
    margin-top: 56px;
}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    border-bottom: 1px solid rgba(51, 36, 32, 0.3);
    padding: 22px 30px 22px 0;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    outline: none;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%;

    color: #332420;

    font-family: Gilroy;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.6px;
}

.nice-select:hover {
    /*border-color: #dbdbdb;*/
}

.nice-select:active, .nice-select.open, .nice-select:focus {
    /*border-color: #999;*/
}

.nice-select:after {
    content: '';
    display: block;
    width: 13px;
    height: 7px;

    background: url("/src/img/select-dark.svg");

    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;

    -webkit-transition: all 0.15s ease-in-out;

}

.nice-select.open:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none;
}

.nice-select.disabled:after {
    border-color: #cccccc;
}

.nice-select.wide {
    width: 100%;
}

.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important;
}

.nice-select.right {
    float: right;
}

.nice-select.right .list {
    left: auto;
    right: 0;
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px;
}

.nice-select.small:after {
    height: 4px;
    width: 4px;
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px;
}

.nice-select .list {
    width: 100%;

    padding: 34px 0;
    border-radius: 0px 0px 70px 70px;
    background: #FFF;
    box-shadow: 0px 15px 50px 0px rgba(0, 0, 0, 0.20);

    backdrop-filter: blur(75px);
    -webkit-backdrop-filter: blur(75px);

    box-sizing: border-box;

    opacity: 0;
    overflow: hidden;

    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9;
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}

.nice-select .option {
    cursor: pointer;

    list-style: none;
    outline: none;
    padding: 14px 45px 15px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;

    color: #332420;

    font-family: Gilroy;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.6px;
}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background: rgba(0, 0, 0, 0.05);
}

.nice-select .option.selected {
    /*font-weight: bold;*/
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default;
}

.no-csspointerevents .nice-select .list {
    display: none;
}

.no-csspointerevents .nice-select.open .list {
    display: block;
}

.popup-title {
    color: #332420;
    font-family: Gilroy;
    font-size: 80px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 80px */
    letter-spacing: -1.6px;
}

.popup_form {
    padding-top: 26px;
}

.select-block {
    width: 100%;
}

.portfolio-item__logo {
    position: absolute;
    top: 50px;
    right: 50px;
}

.portfolio-item-hidden {
    display: none;
}