/* @font-face {
    font-family: "Gilroy";
    font-weight: 400;
    font-style: normal;
    src: local("Gilroy-Regular"), url(../fonts/Gilroy-Regular.woff2) format("woff2"), url(../fonts/Gilroy-Regular.woff) format("woff"), url("../fonts/Gilroy-Regular.eot");
}
@font-face {
    font-family: "Gilroy";
    font-weight: 500;
    font-style: normal;
    src: local("Gilroy-Regular"), url(../fonts/Gilroy-SemiBold.woff2) format("woff2"), url(../fonts/Gilroy-SemiBold.woff) format("woff"), url("../fonts/Gilroy-SemiBold.eot");
}
@font-face {
    font-family: "Gilroy";
    font-weight: 600;
    font-style: normal;
    src: local("Gilroy-Regular"), url(../fonts/Gilroy-Bold.woff2) format("woff2"), url(../fonts/Gilroy-Bold.woff) format("woff"), url("../fonts/Gilroy-Bold.eot");
}
@font-face {
    font-family: "Raleway";
    font-weight: 400;
    font-style: normal;
    src: local("Raleway-Regular"), url(../fonts/Raleway-Regular.woff2) format("woff2"), url(../fonts/Raleway-Regular.woff) format("woff"), url("../fonts/Raleway-Regular.eot");
} */
/* .soc::after,
.slick-dots li::after,
.steps ul li::after {
    display: none;
} */
.mobilePhone {
    display: none;
}
#manager ul li::before {
    display: none;
}
.popup small {
    color: #fff;
}

a[href^="tel:"].phone-content {
    color: #fff;
}
.page-frame {
    overflow: hidden;
}
:root {
    --f3: "Raleway";
}
.container-fluid {
    max-width: 1696px;
}
a {
    color: var(--color2);
}
/* *********************************************** */
.home h1 {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 3.5rem;
    line-height: 142%;
    margin: 0;
}
.home h1 + p {
    font-size: 36px;
    font-weight: 400;
    margin: 0.6rem 0;
}
#no-manager .header h2 ~ p {
    margin: 0;
}
.home h2 {
    text-transform: uppercase;
    margin: 0;
    font-weight: 400;
    font-size: 36px;
    line-height: 130%;
}
.dark h2 {
    color: #fff;
}
.dark p {
    color: #fff;
}
.home ul li {
    font-size: 24px;
    position: relative;
    font-weight: 400;
}

.application ul li::after,
.hero ul li::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    background: var(--color2);
}
.btn {
    font-size: 18px;
    transition: all 0.3s ease;
    box-shadow: 0px 8px 14px 2px #0000003d;
}
.btn:hover {
    box-shadow: 0 0 23px 8px #017eff9e;
    transition: all 0.3s ease;
}
.btn:active,
.btn:visited,
.btn:focus {
    background-color: #017eff;
    transition: all 0.3s ease;
    box-shadow: none;
}
.btn span {
    padding: 1.05rem 2.5rem;
}
#header {
    background: var(--color_bg_1);
    color: #fff;
}
.header__row {
    align-items: center;
    justify-content: space-between;
    margin: 0;
}
.header__logo {
    display: flex;
    align-items: center;
}
.logo {
}
.img_link {
}
.descriptor {
    color: #fff;
    font-size: 16px;
    max-width: 15rem;
    padding-left: 2rem;
}
.header__menu {
}
.menu_block {
}
.menu .menu-item {
    padding: 0;
    margin: 0 0.9rem;
}
.header__socicon {
    display: flex;
    align-items: center;
    font-size: 16px;
}
.header__contacts {
    margin-left: -1.6rem;
}
.contacts {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.link {
}
.menu .menu-item:last-child {
    margin-right: 3.1rem;
}
#menu .menu {
    background: none;
}
.menu .menu-item::after,
.menu .menu-item::before {
    display: none;
}
#menu .menu .current-menu-item a::after,
#menu .menu .current-menu-parent a::after,
#menu .menu .current-post-ancestor a::after {
    display: none;
}
#menu .menu .menu-item a {
    border-left: none;
    font-family: var(--f2);
    text-transform: uppercase;
    font-size: 1rem;
    padding: 0;
}
#menu .menu .menu-item.current_page_item a {
    color: var(--color2);
    /* border-bottom: 2px solid var(--color2); */
}
#menu .menu .menu-item.current-menu-item a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: var(--color2);
    bottom: -39px;
}
.open {
    height: 2rem;
}
.open span {
    background-color: #fff;
}
.mobile-icon:hover {
    background: #ffffff59;
}
.mobile .social {
    justify-content: flex-end;
    padding-right: 7.9rem;
}
.mobile .social li {
}
.mobile .social li::before {
    display: none;
}
.mobile.menus.active {
}
.mobile.menus.active .menu .menu-item {
    margin: 0;
    text-align: right;
}
.mobile.menus.active .menu .menu-item:last-child {
    margin-right: 0;
}
.mobile.menus.active .flex {
    padding: 0rem 4.4rem;
}
.mobile-icon.active {
    background: #0000009e;
}
.mobile-icon.active:hover {
    background: #000;
}
.mobile.menus.active .contacts {
    /* flex-direction: row; */
}
.mobile.menus.active .contacts li {
    padding: 0;
    font-size: 1rem;
    margin: 0.2rem;
    text-align: right;
}
.mobile.menus.active .contacts li::before {
    display: none;
}
#header .contacts .phone-content {
    font-size: 1rem !important;
    color: #fff;
}
#header .contacts .link {
    color: var(--color2);
    border-bottom: 1px dashed var(--color2);
}
.head-soc-icon {
}
.head-soc-icon-social {
    display: flex;
    margin-right: 7px;
}
.head-soc-icon-social li {
    margin: 0 6px;
    display: flex;
    padding: 0;
}
.head-soc-icon-social li a {
    display: inline-flex;
}
.head-soc-icon-social li svg {
    width: 2rem;
    height: 2rem;
    display: inline-block;
}
.head-soc-icon-social li::before {
    display: none;
}
.dark {
    background: var(--gray);
}
.hero {
    /* background: url(../i/hero-bg.jpg); */
    /* background: url(../i/points1.jpg);
    background-repeat: repeat;
    background-size: contain;
    background-position: right center; */
    padding-top: 8.4rem;
    padding-bottom: 19.3rem;
    overflow: hidden;
    z-index: 1;
}
.hero__button {
    margin-top: 3rem;
}
.hero ul {
    margin: 2.2rem 0;
}
.hero ul li {
    line-height: 208%;
    padding-left: 2rem;
}
.hero__content {
    max-width: 44rem;
}
.hero__block {
}
.best {
    background: var(--gray);

    z-index: 7;
}
.best__top-block {
    max-width: 1185px;
    background: #fff;
    padding: 63px 65px 24px;
    display: flex;
    margin: -17.4rem auto 0;
    justify-content: space-between;
    border-radius: 5px;
}
.best__top-block-cards {
    flex: 0 0 58%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.best__top-element {
    flex: 1 1 41%;
}
.best__top-img {
}
.best__top-txt {
    font-weight: 400;
    padding: 1.6rem 0 2.2rem;
    max-width: 14rem;
    line-height: 144%;
}
.best__top-block-content {
    flex: 0 0 38.7%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-bottom: 3.4rem;
}
.best__top-block-heading {
}
.best__top-block-heading h2 {
    margin-bottom: 1.8rem;
}

.best__top-block-heading p {
    font-size: 20px;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 0;
}
.best__top-block-heading p strong {
    font-weight: 600;
}
.best__top-block-button {
}
.best__top-block-button-info {
    font-weight: 400;
    font-size: 14px;
    max-width: 16rem;
    padding: 0.8rem 0;
    line-height: 122%;
}
.best__block {
    padding: 5.8rem 0 3rem;
}
.best__heading {
    margin-bottom: 3.5rem;
}
.heading {
    text-align: center;
}
.best__block-cards {
    display: flex;
    justify-content: space-between;
}
.best__block-element {
    flex: 0 0 21%;
}
.best__block-element p:first-of-type {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 115%;
    margin: 0;
}
.best__block-element p {
    color: #bbbbbb;
    margin: 0.7rem 0;
    line-height: 144%;
}
.best__block-image {
    margin-bottom: 1.5rem;
}
.best__block-txt {
}
.about {
    z-index: 7;
    padding-top: 5.8rem;
}
.about__block {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 6;
}
.about__photo {
    margin: -8.4rem 0 -6.4rem;
    max-width: 546px;
}
.about__photo img {
    border-radius: 5px;
}
.about__person {
    background: #fff;
    max-width: 294px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0rem 2rem 0rem 3rem;
    margin-left: auto;
}
.kov {
    position: absolute;
    z-index: -1;
    top: 84px;
}
.about__person .position {
    display: block;
    text-align: right;
    color: #333333;
}
.about__person .name {
    display: block;
    text-align: right;
    color: #333333;
}
.about__content {
    flex: 0 0 57%;
    padding-left: 6rem;
    font-size: 20px;
}
.about__content h2 {
    margin-bottom: 1.8rem;
}
.about__content p {
    margin: 0.6rem 0;
    line-height: 140%;
}
.about__video {
    display: flex;
    align-items: center;
    padding: 13px 0;
    flex: 0 0 57%;
    padding-left: 6rem;
}
.about__video-txt {
    max-width: 22rem;
    font-weight: 400;
}
.about__video-icon {
    margin-left: 2rem;
}
.about__video-icon a[data-fancybox] {
    cursor: pointer;
}
.about__info {
    position: absolute;
    width: 100%;
    z-index: 1;
    right: 0;
    background: linear-gradient(to left, #f1f1f1 69%, #f1f1f100 57%);
    bottom: 6rem;
}
/* .container-about {
} */
.container-about .row {
    /* justify-content: flex-end;
    margin: 0; */
}
.about__video-icon svg {
    width: 71px;
    height: 71px;
    display: block;
}
.projects {
    padding: 8.3rem 0 5.8rem;
    z-index: 5;
}
.projects__block {
}
.projects__block ul {
}
.projects__block ul li {
    margin-top: 0.5rem;
}
.projects__block .card-parameters ul li p {
    color: var(--gray);
}
.projects__block li:after {
    display: none;
}
.projects__heading {
    margin-bottom: 2.2rem;
}
.projects__content {
}
.projects__element {
    background: #fff;
    padding: 40px 40px 37px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
}
.projects__image {
    margin-bottom: 1rem;
    height: 190px;
}
.projects__image img {
    object-fit: cover;
    width: 100%;
    object-position: top center;
    height: 100%;
}
.projects__txt {
    font-weight: 400;
    line-height: 155%;
    color: var(--gray);
}
.projects__arrow {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
    margin-top: 2rem;
}
.projects__txt p {
    color: var(--gray);
}
.param-label {
    display: block;
    text-transform: uppercase;
    color: #aaa;
    font-size: 0.75rem;
    font-weight: var(--f1ws);
    letter-spacing: 0.5px;
}
.param-value {
    font-weight: var(--f1ws);
}
.keys-title {
    font-weight: 600;
    color: var(--gray);
    font-size: 20px;
    padding-bottom: 1rem;
    line-height: 120%;
}
.keys-link {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    transition: all 0.3s ease;
    margin-top: 1rem;
}
.keys-link:hover .keys-link-svg {
    transform: translate(3px);
    transition: all 0.3s ease;
}
.keys-link span {
    margin: 0 0.2rem;
}
.keys-link-svg {
    transition: all 0.3s ease;
}
.keys-link span svg {
    fill: var(--color2);
}
.keys-link span svg path {
    stroke: var(--color2);
}
.projects__button {
    text-align: center;
}
.steedBuilding {
    padding: 5.8rem 0 5.8rem;
    z-index: 6;
}
.steedBuilding__block {
}
.steedBuilding__heading {
    margin-bottom: 2.4rem;
}
.steedBuilding__content {
}
.steedBuilding__element {
    background: #f1f1f1;
    padding: 2rem 2rem 1rem;
    border-radius: 5px;
    margin-bottom: 0.4rem;
}
.steedBuilding__image {
    margin-bottom: 1.1rem;
    text-align: center;
}
.steedBuilding__txt {
}
.steedBuilding__txt p {
    line-height: 144%;
    margin: 1rem 0 0;
}
.steedBuilding__txt p:first-of-type {
    font-size: 20px;
    font-weight: 600;
    line-height: 115%;
    margin: 0;
}
.steps {
    background: var(--gray);
    padding: 6.1rem 0;
    z-index: 1;
}
.steps__block {
    max-width: 1000px;
    background: #fff;
    border-radius: 5px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.steps__bg {
    flex: 0 0 48%;
}
.steps__bg img {
    object-fit: cover;
    height: 100%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.steps__content {
    flex: 0 0 49%;
    padding-right: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-bottom: 1rem;
    padding-top: 0.5rem;
}
.steps-txt {
}
.steps__button {
    max-width: 255px;
}
.cooperotion {
    padding: 5.4rem 0 3rem;
}
.roof {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    pointer-events: none;
}
.roof img {
}
.cooperotion__block {
}
.cooperotion__heading {
    margin-bottom: 2.3rem;
}
.cooperotion__content {
    display: flex;
    flex-wrap: wrap;
    max-width: 64rem;
    justify-content: space-between;
}
.cooperotion__element {
    display: flex;
    flex: 0 0 50%;
    margin-bottom: 2.6rem;
}
.cooperotion__icon {
    max-width: 24rem;
    flex: 0 0 71px;
}
.cooperotion__txt {
    padding-left: 23px;
    max-width: 24rem;
}
.cooperotion__txt p {
    margin: 0;
}
.cooperotion__txt p:first-of-type {
    font-size: 20px;
    font-weight: 700;
    line-height: 74%;
    margin-bottom: 1rem;
}
.docs {
    padding: 6.1rem 0 6.2rem;
    z-index: 6;
}
.docs__block {
    display: flex;
}
.docs__sertificate {
    flex: 0 0 73%;
    width: 70%;
    margin-left: -20%;
}

.docs__slider {
}
.docs__slider .slick-slide {
    margin: 0 15px;
}
.docs__slider .slick-slide img {
    border-radius: 5px;
}
.docs__content {
    padding-left: 87px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 0.8rem;
}
.docs__txt {
    margin-bottom: 1.7rem;
}
.docs__txt p {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    max-width: 30rem;
    line-height: 138%;
}
.docs__arrows {
    display: flex;
}
.s4_slide a[data-fancybox] {
    cursor: pointer;
}
.s4_slide {
    position: relative;
}
.zoom-icon {
    position: relative;
}
.zoom-icon:hover img {
    filter: brightness(1.1);
    transition: all 0.3s ease;
}
.zoom-icon:hover .zoom-in {
    display: block;
    transition: all 0.3s ease;
}
.zoom-in {
    display: none;
    position: absolute;
    transition: all 0.3s ease;
    width: 83px;
    height: 83px;
    z-index: 9999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
.zoom-in svg {
    fill: var(--color2);
}
.home .slick-dots {
    position: relative;
    order: 2;
    bottom: 0;
    padding: 0 28px;
    width: auto;
}
.home .slick-dots li {
    padding: 0 9px;
}
.home .slick-dots li.slick-active {
}
.home .slick-dots li button {
    width: 1rem;
    height: 1rem;
    background: linear-gradient(-180deg, #017eff, #1950bf);
}
.home .slick-dots li button:hover {
    background: var(--color2);
}
.home .slick-dots li.slick-active button {
    width: 43px;
    box-shadow: none;
    background: linear-gradient(-180deg, #017eff, #1950bf);
}
.home .slick-dots li::before {
    display: none;
}
.home .slick-arrow {
    position: relative;
    box-shadow: none;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
}
.home .slick-arrow:hover {
    box-shadow: 0 0 23px 8px #017eff9e;
    transition: all 0.3s ease;
}
.slick-arrow {
    background: linear-gradient(-180deg, #017eff, #1950bf);
    box-shadow: none;
}
.slick-arrow:hover {
    box-shadow: 0 0 23px 8px #017eff9e;
    transition: all 0.3s ease;
}
.home .slick-arrow:active {
    background-color: #017eff;
    transition: all 0.3s ease;
    box-shadow: none;
}

.home .slick-arrow svg {
    fill: #fff;
    width: 53%;
    height: 43%;
}
.home #next.slick-arrow {
    order: 3;
    flex: 0 0 56px;
}
.home #next.slick-arrow:active {
    translate: 3px;
}

.home #prev.slick-arrow {
    order: 1;
    flex: 0 0 56px;
}
#prev.slick-arrow:active {
    translate: -3px;
}
.application {
    padding: 6rem 0 5.8rem;
}
.application-bg {
    background: url(../i/applic-bg.png);
    background-repeat: no-repeat;
    background-size: 58%;
    background-position: bottom;
}
.application__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    padding-bottom: 0.5rem;
}
.application__content p:last-of-type {
    font-size: 20px;
    font-weight: 600;
    padding-top: 2rem;
}
.application__content h2 {
    margin-top: 0;
}
.home .application__content h2 {
    margin-bottom: 3rem;
}
.application__content ul {
}
.application__content ul li {
    font-size: 20px;
    padding-left: 2rem;
}
.application__content ul li::before {
    border-radius: 50%;
}
.application__form {
    padding-left: 4.8rem;
}
.application__form small {
    color: #ffffff63;
}
.form {
    background: var(--gray);
    padding: 39px 53px 69px;
    border-radius: 5px;
    max-width: 427px;
}
.form .text_color {
    color: #f5971c;
    font-weight: 600;
}
.form .form-head {
    font-size: 24px;
    color: #fff;
    text-align: center;
}
.form-desk {
    color: #fff;
    font-size: 24px;
    line-height: 138%;
    font-weight: 400;
    margin: 0rem 0 1.5rem;
}
.hideLabels .form-group {
    background: var(--light);
    border: 1px solid var(--color2);
    border-radius: 5px;
    margin: 0.3rem auto 1.5rem;
}
.form .button .btn {
    width: 100%;
}
.form .button .btn span {
    padding: 1.3rem 2.5rem;
}
.agreement-label {
    color: #fff;
    letter-spacing: -0.5px;
}

.application__block {
    /* display: flex;
    justify-content: space-between; */
}
#footer {
    background: var(--color_bg_1);
    padding: 3.7rem 0;
    z-index: 7;
}
.footer {
}
.footer .row {
    flex-wrap: nowrap;
    justify-content: space-between;
}
.footer__logo {
    display: flex;
    align-items: center;
    margin-right: 2rem;
}
.footer .logo {
    width: 3rem;
}
.footer .img_link {
}
#footer .descriptor {
    max-width: 10rem;
    margin-top: 0;
    padding-left: 1rem;
    font-size: 14px;
    line-height: 1.7;
}
.footer__element {
    font-size: 14px;
    flex: 1 1 10%;
    padding: 0 1rem;
    max-width: 13rem;
}
.footer__element span {
    display: block;
    color: #ababac;
}
.footer__element.office {
}
.footer__element.address {
}
.footer__element.email {
}
.footer .header__contacts {
    margin-left: 3rem;
    padding-top: 0.5rem;
}
.contacts {
}
#footer .link {
    color: var(--btn_color_1);
}
#footer .phone-content {
    font-size: 1rem;
    margin-bottom: 0;
    color: #fff;
}
#footer a[href^="mailto:"] {
    color: var(--btn_color_1);
    border-bottom: 1px dashed var(--btn_color_1);
}
#footer .header__socicon {
    align-items: center;
    margin-top: -29px;
}
#footer-2 {
    background: var(--gray);
    z-index: 7;
}
.footer2-block {
    display: flex;
    justify-content: space-between;
}
.b2b-copy {
    margin-top: 0;
}
.b2b-copy-inline {
    display: flex;
    align-items: center;
}
.hero-error {
    background: url(../i/404.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 76vh;
}
.hero-error .list {
    font-size: 38px;
    color: var(--color);
}
.hero-error .intro {
    font-size: 24px;
    color: #fff;
}
.hero-error .main {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}
.hero-error .container-fluid,
.th-page .container-fluid {
    height: 100%;
}
#hero.th-page {
    background: url(../i/th-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    height: 94vh;
}
.th-page .wrap {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}
.popup {
    max-width: 100%;
    padding: 0;
    border-radius: 6px;
}
.build {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 55rem;
    display: none;
}
.build.active {
    display: block;
}
.build__house {
}
.build-rel {
    position: relative;
}
.build.active .build-hend {
    position: absolute;
    animation: mov1 6s linear both;
    width: 66rem;
    /* top: -30%;
    right: 18%;
    rotate: 0deg; */
}
.build-panel {
    position: absolute;
    top: 71.6%;
    right: -4.4%;
    width: 25.5rem;
}
.build-hend img {
    z-index: 0;
    position: relative;
}
.h-1 {
    display: block;
}
.h-2 {
    display: none;
}

@keyframes mov1 {
    0% {
        top: -72%;
        right: 66.5%;
        rotate: -15deg;
    }

    40% {
        top: -30%;
        right: 18%;
        rotate: 0deg;
    }
    60% {
        top: -30%;
        right: 18%;
        rotate: 0deg;
    }
    100% {
        top: -72%;
        right: 66.5%;
        rotate: -15deg;
    }
}
.build-rel.dell .h-1 {
    display: none;
}
.build-rel.dell .h-2 {
    display: block;
}
.build-rel.dell .build-panel {
    display: none;
}
.prolax-point {
    position: fixed;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 0;
    pointer-events: none;
}
.points {
}
.points1 {
}
.points2 {
    left: -17px;
    position: relative;
    width: 20.2rem;
}
.fixsed-point {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 42rem;
    overflow: hidden;
}
.fixsed-point img {
    object-fit: cover;
    width: 20rem;
    height: 45rem;
}
#cases .image {
    height: auto;
}
#contacts .left .main-list li a {
    color: var(--gray);
}

/* ********************
********************
********************
********************
Опросник
********************
********************
********************
******************** */
.steps .slide {
    display: none;
}
.steps .slide .slide-fl {
    display: flex;
    justify-content: space-between;
}
.steps .slide .slide-left {
    width: 50%;
    flex: 0 0 50%;
}
.steps .slide.first {
    padding: 0;
}
.steps .slide-head {
    font-family: var(--f2);
    font-size: 24px;
    margin: 2rem 0 1rem;
    text-align: center;
}
.steps .js-message {
    font-size: 18px;
    margin-bottom: 1rem;
    color: #ff2d2d;
    text-align: center;
}
.steps .slide-desc ul {
    display: flex;
    justify-content: space-around;
}
.steps .slide-desc ul li {
    padding: 0;
    font-size: 20px;
    text-align: center;
}
.steps .blockquote {
    padding: 2rem 3rem;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
}
.steps .finish-button {
    max-width: 300px;
    margin: 0 auto;
    padding-bottom: 1rem;
}

.steps .desk {
    font-size: 18px;
    margin-bottom: 2rem;
    text-align: center;
}
.steps .finish {
    max-width: 450px;
    margin: 0 auto;
}
.steps .slide-desc ul li::before {
    display: none;
}
.steps .slide.current {
    display: block;
}
.steps .form {
    background-color: #fff;
    max-width: 100%;
    padding: 0;
    width: 100%;
}
.steps .btn-back .quiz-icon {
    margin-left: 0;
    margin-right: 1rem;
}
.steps .slide-line {
    position: relative;
}
.steps .slide-line .line {
    background: var(--color2);
    position: absolute;
    top: 1.8rem;
    left: 0;
    height: 4px;
}
.steps .btn-next .quiz-icon {
}
.slide-desc {
    margin-bottom: 3rem;
}
.steps .btn span {
    padding: 0;
}
.steps .form .text_color {
    font-weight: 400;
}
.steps .buttons {
    display: flex;
    justify-content: space-around;
    width: 100%;
}
.quiz_btn {
    background: linear-gradient(-180deg, #017eff, #1950bf);
    padding: 1.05rem 2.5rem;
    border-radius: 7px;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.quiz_btn:hover {
    box-shadow: 0 0 23px 8px #017eff9e;
    transition: all 0.3s ease;
}
.quiz_btn:active,
.quiz_btn:focus {
    background-color: #017eff;
    transition: all 0.3s ease;
    box-shadow: none;
    padding: 1.05rem 2.5rem;
    margin: 0 auto;
    display: flex;
}
.quiz_btn svg {
}
.quiz_btn svg {
}
.quiz-icon {
    height: 1.5rem;
    margin-left: 1rem;
}
.quiz-icon.rotate {
    rotate: -180deg;
}

/* ********************
********************
********************
********************
********************
********************
********************
********************
********************
********************
********************
********************
********************
******************** */
/*
==============================
 xl 1699 - Декстопы (1600)
==============================
*/
@media (max-width: 1699px) {
    .roof {
        width: 43%;
    }
    .about__photo {
        margin: -6.4rem 0 -5.4rem;
    }
}
@media (max-width: 1532px) {
    .cooperotion__txt p {
        max-width: 18rem;
    }
    .cooperotion__content {
        max-width: 56rem;
    }
    .projects__element {
        padding: 30px 30px 32px;
    }
    .build {
        right: -6rem;
    }
    .roof {
        width: 45%;
    }
}

/*
  ==============================
        xl 1599 - Декстопы (1440)
  ==============================
  */
@media (max-width: 1440px) {
    .hero {
        padding-top: 7.8rem;
    }

    .home h1 {
        font-size: 3rem;
    }
    .home h1 + p {
        font-size: 33px;
        margin: 0;
    }
    .about__info {
        bottom: 2rem;
    }
    .about__content {
        font-size: 18px;
        padding-left: 4rem;
    }
    .about__video {
        padding-left: 4rem;
    }
    .steedBuilding__element {
        padding: 1.5rem 1.5rem 1rem;
    }
    .steedBuilding__image {
        height: 7rem;
    }
    .footer .header__contacts {
        margin-left: 2rem;
        padding-top: 0;
    }
    .footer__logo {
        margin-right: 0rem;
    }
    .build {
        right: -8rem;
    }
    .hero ul li {
        font-size: 22px;
    }
    .build.active .build-hend {
        width: 64rem;
    }
}

/*
  ==============================
        lg 1399 - Ноутбуки (1360)
  ==============================
  */
@media (max-width: 1399px) {
    .hero {
        padding-top: 5.8rem;
    }
    .build {
        right: -4rem;
    }
    .hero ul {
        margin: 1rem 0;
    }
    .home h1 + p {
        font-size: 30px;
    }
    .hero ul li {
        line-height: 155%;
    }
    .hero__button {
        margin-top: 2rem;
    }
    .about__content h2 {
        margin-bottom: 0.5rem;
    }
    .about__content {
        font-size: 16px;
    }
    .about__info {
        bottom: 3rem;
    }
    .footer__element {
        padding: 0;
        max-width: 11rem;
    }
    .footer__element.office {
        max-width: 6rem;
    }
    .footer__element.address {
        max-width: 6rem;
    }
    .footer .header__contacts {
        margin-left: 0rem;
    }
    .head-soc-icon-social li {
        margin: 0 4px;
    }
    .build {
        width: 49rem;
    }
    .build-panel {
        width: 22.8rem;
    }
    .build.active .build-hend {
        width: 57.4rem;
    }
    #manager .application-bg {
        background-size: 76%;
        background-position: bottom left;
    }
}
/*
  ==============================
        lg 1366 - Ноутбуки (1366)
  ==============================
  */
@media (max-width: 1366px) {
}

/*
  ==============================
        lg 1299 - Ноутбуки (1280)
  ==============================
  */
@media (max-width: 1299px) {
    .roof {
        width: 41%;
    }
    .footer__element.address {
        max-width: 8rem;
    }
    .build {
        right: -6rem;
    }
    .home h2 {
        font-size: 32px;
    }
    .projects__element {
        padding: 20px 20px 26px;
    }
    .header__socicon span {
        display: none;
    }
    .footer__element.office {
        max-width: 8rem;
    }
    .descriptor {
        font-size: 14px;
    }
    .mobilePhone {
        display: block;
    }
}
/*
  ==============================
        ml 1152 - Нетбуки (1152)
  ==============================
  */
@media (max-width: 1152px) {
    .hero ul li {
        font-size: 18px;
    }
    .home h1 + p {
        font-size: 26px;
    }
    .projects__txt {
        padding-bottom: 1rem;
    }
    .mobile-icon {
        display: none;
    }
    .contacts {
        margin-right: 0 !important;
    }
    .projects__image img {
        object-fit: cover;
        width: 100%;
    }
    .projects__image {
        height: 13rem;
    }
    .best__top-element {
        flex: 0 0 47%;
    }
    .steedBuilding__image {
        height: 6rem;
    }
    .steedBuilding__element {
        padding: 1.5rem 1.5rem 2rem;
    }
    .steedBuilding__txt p:first-of-type {
        font-size: 18px;
    }
    .steedBuilding .row {
        justify-content: center;
    }
    .application {
        background-size: 75%;
        padding: 5rem 0 4rem;
    }
    .application__content {
        justify-content: flex-start;
    }

    .application__content ul li {
        line-height: 169%;
        font-size: 18px;
    }
    .footer .header__contacts .contacts {
        margin-right: 0rem !important;
    }
    .slick-dots li button {
        width: 0.8rem;
        height: 0.8rem;
    }
    .slick-dots li {
        padding: 0 5px;
    }
    .slick-dots li.slick-active button {
        width: 30px;
    }
    .docs__txt p {
        font-size: 20px;
    }
}

/*
  ==============================
        ml 1149 - Нетбуки (1024)
  ==============================
  */
@media (max-width: 1149px) {
    #manager .application {
        background-size: 84%;
    }
    .docs__content {
        padding-left: 50px;
    }
    .hero-error .main {
        max-width: 40%;
    }
    .hero-error .list {
        font-size: 28px;
    }
    .hero-error .intro {
        font-size: 16px;
    }
    .mobile-icon {
        display: block;
    }
    .contacts {
        margin-right: 4rem !important;
    }
    .header__contacts {
        margin-left: 0;
    }
    .header__menu {
        display: none;
    }
    .mobile-icon {
        display: block;
        margin-top: 1.5rem;
    }
    .hero__content {
        max-width: 34rem;
    }
    .home h1 {
        font-size: 2.6rem;
    }

    .hero {
        padding-top: 3.5rem;
        padding-bottom: 13.2rem;
    }
    .home h2 {
        font-size: 26px;
    }
    .best__top-txt {
        padding: 0.7rem 0 1.8rem;
    }
    .best__top-block-heading p {
        font-size: 18px;
        line-height: 120%;
    }
    .best__top-block {
        padding: 40px 40px 14px;
        margin: -15rem auto 0;
    }
    .best__block-element p:first-of-type {
        font-size: 18px;
    }
    .best__block-image {
        height: 5rem;
    }
    .about__video {
        padding-left: 2rem;
    }
    .about__content {
        font-size: 18px;
        padding-left: 2rem;
    }
    .about__video-icon svg {
        width: 60px;
        height: 60px;
    }
    .docs__txt p {
        font-size: 18px;
    }
    .docs {
        padding: 6rem 0 5rem;
    }
    .cooperotion {
        padding: 5rem 0 3rem;
    }
    .cooperotion__icon svg {
        scale: 0.7;
    }
    .cooperotion__txt p:first-of-type {
        font-size: 18px;
        line-height: 1;
        margin-bottom: 0.5rem;
    }
    .cooperotion__txt {
        padding-left: 3px;
        max-width: 15rem;
        font-size: 14px;
    }
    .cooperotion__content {
        max-width: 43rem;
    }
    .cooperotion__element {
        margin-bottom: 2rem;
    }
    .steedBuilding {
        padding: 5rem 0 5rem;
    }
    #footer .descriptor {
        line-height: 1.3;
    }
    .footer .row {
        flex-wrap: wrap;
    }
    .footer__logo {
        order: 1;
        flex: 0 0 20%;
    }
    .footer .header__contacts {
        order: 5;
        display: flex;
        flex: 0 0 10%;
        justify-content: flex-end;
    }
    .footer__element.office {
        max-width: 15rem;
        order: 2;
        display: flex;
        flex-direction: column;
        flex: 0 0 20%;
    }
    .footer__element.address {
        max-width: 12rem;
        order: 3;
        display: flex;
        flex-direction: column;
        flex: 0 0 20%;
    }
    .footer__element.email {
        order: 4;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex: 0 0 20%;
    }
    #footer .header__socicon {
        align-items: center;
        margin-top: 0rem;
        order: 6;
        flex: 0 0 100%;
        justify-content: flex-end;
    }
    #footer .header__socicon .head-soc-icon-social {
        margin-right: 0;
    }
    #footer {
        padding: 3.7rem 0 2rem;
    }
    .build {
        width: 38rem;
    }
    .build-hend {
        width: 29.9rem;
    }
    .build-panel {
        width: 17.6rem;
    }
    .build.active .build-hend {
        width: 44.5rem;
    }
}

/*
  ==============================
        md 1023 - Планшеты (960)
  ==============================
  */
@media (max-width: 1023px) {
    .mobile-icon {
        margin-top: 0.3rem;
        background: #ffffff59;
        display: block !important;
    }
    .about__photo {
        margin: -3rem 0 -3rem;
    }
    .best__block-element {
        flex: 0 0 46%;
        margin-bottom: 1.5rem;
    }
    .best__block-cards {
        flex-wrap: wrap;
    }
    .best__block {
        padding: 4rem 0 0rem;
    }
    .best {
        padding-bottom: 3rem;
    }
    .projects {
        padding: 4rem 0 4rem;
    }
    .steedBuilding {
        padding: 3.5rem 0 4rem;
    }
    .application__form {
        padding-left: 4rem;
    }
    .application {
        background-size: 58%;
        background-position: bottom left;
    }
    .form .form-head {
        font-size: 20px;
        margin-bottom: 0.2rem;
    }
    .form-desk {
        font-size: 20px;
    }
    .form {
        padding: 32px 32px 40px;
    }
    .application__content h2 {
        margin-bottom: 1rem;
    }
    .b2b-copy-inline {
        flex-wrap: wrap;
        justify-content: flex-end;
        max-width: 61%;
    }
    .hero ul li {
        line-height: 128%;
        font-size: 20px;
    }
    .build {
        right: -4.9rem;
    }
    .hero__content {
        max-width: 32rem;
    }
}
/*
  ==============================
        md 1023 - Планшеты (768)
  ==============================
  */
@media (max-width: 768px) {
    .best__top-block-heading h2 {
        margin-bottom: 1rem;
    }
    .best__top-block-heading {
        margin-bottom: 2rem;
    }
    .roof {
        width: 47%;
    }
    .cooperotion {
        padding: 4rem 0 13rem;
    }
    .hero {
        padding-top: 2rem;
    }
    .home h1 {
        font-size: 2rem;
    }
    .hero__content {
        max-width: 27rem;
    }
    .home h1 + p {
        font-size: 20px;
    }
    .best__top-block {
        flex-wrap: wrap;
    }
    .best__top-block-content {
        order: 1;
        flex: 0 0 88%;
        padding-bottom: 2rem;
    }
    .home h2 {
        font-size: 24px;
    }
    .best__top-txt {
        padding: 0.5rem 0 1.6rem;
        font-size: 14px;
        line-height: 110%;
    }
    .best__top-block-cards {
        flex: 0 0 100%;
        order: 2;
    }
    .best__top-element {
        flex: 0 0 24%;
    }
    .best__top-block-button {
        display: flex;
        align-items: center;
        width: 100%;
    }
    .best__top-block-button-info {
        max-width: 50%;
        padding: 0.8rem 1rem;
        line-height: 122%;
    }
    .best__top-block-heading p {
        margin-top: 0.5rem;
    }
    .about__content {
        font-size: 16px;
    }
    .about__photo {
        margin: 0rem 0 0rem;
    }
    .best {
        padding-bottom: 2rem;
    }
    .about__info {
        bottom: 5rem;
    }
    .steedBuilding__txt p:first-of-type {
        font-size: 16px;
    }
    .steedBuilding__txt p {
        line-height: 120%;
        font-size: 14px;
    }
    .steedBuilding__image {
        height: 5rem;
        margin-bottom: 1.5rem;
    }
    .docs__sertificate {
        flex: 0 0 63%;
        width: 63%;
    }
    .docs__content {
        padding-left: 42px;
    }
    .application__form {
        padding-left: 1rem;
    }
    .footer__logo {
        order: 1;
        flex: 0 0 50%;
    }
    .footer .header__contacts {
        order: 2;
        flex: 0 0 50%;
    }
    .footer__element.office {
        max-width: 100%;
        order: 3;
        flex: 0 0 50%;
    }
    .footer__element.email {
        order: 4;
        align-items: flex-end;
        flex: 0 0 50%;
    }
    .footer__element.address {
        max-width: 100%;
        order: 5;
        flex: 0 0 50%;
    }
    #footer .header__socicon {
        order: 6;
        flex: 0 0 50%;
    }
    .build {
        display: none;
    }
    .build.active {
        display: none;
    }
    .hero {
        background: url(../i/house-finish.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 223% bottom;
    }
    .slick-dots {
        padding: 0px 16px;
    }
    .slick-dots li.slick-active button {
        width: 24px;
    }
    .slick-dots li button {
        width: 0.7rem;
        height: 0.7rem;
    }
    .footer .row {
        margin: 0;
    }
}

/*
  ==============================
        sm 767 - Фаблеты (500)
  ==============================
  */
@media (max-width: 767px) {
    .quiz_btn span {
    }
    .projects__block ul li {
        font-size: 14px;
        letter-spacing: -0.7px;
    }
    .keys-title {
        font-size: 18px;
        padding-bottom: 0.5rem;
    }
    .projects__element {
        padding: 15px 15px 20px;
    }
    .projects__image {
        height: 9rem;
    }
    .steps .blockquote {
        padding: 2rem 0rem;
    }
    .steps .slide .slide-left {
        width: 100%;
        flex: 0 0 100%;
    }
    .steps .slide .slide-fl {
        flex-wrap: wrap;
    }
    .steps .slide {
        padding: 32px 40px;
    }
    .steps__content {
        align-items: center;
    }
    .steps-txt {
        text-align: center;
    }
    .cooperotion {
        padding: 4rem 0 24rem;
    }
    .roof {
        width: 76%;
    }
    .fixsed-point {
        display: none;
    }
    .docs__arrows {
        justify-content: space-around;
    }
    .hero {
        background-size: 77%;
        background-position: bottom right;
        padding-bottom: 23.5rem;
    }
    #hero.th-page {
        height: 68vh;
    }

    .hero-error {
        background-position: 71%;
    }
    .hero-error .main {
        justify-content: flex-start;
        max-width: 100%;
    }
    .header .head-soc-icon {
        visibility: hidden;
        width: 0;
    }
    .descriptor {
        max-width: 12rem;
        padding-left: 1rem;
        line-height: 1.1;
    }
    .best__top-block {
        padding: 32px 32px 14px;
        margin: -9rem auto 0;
    }

    .best__top-block-content {
        flex: 0 0 100%;
    }
    .best__top-block-button {
        display: block;
    }
    .best__top-block-button-info {
        max-width: 100%;
        padding: 0.8rem 0rem;
    }
    .best__top-element {
        flex: 0 0 48%;
    }
    .about__info {
        bottom: 7rem;
        background: #f1f1f1;
    }
    .about__block {
        flex-wrap: wrap;
    }
    .about__content {
        order: 1;
        display: flex;
        flex-direction: column;
        padding-left: 0;
        flex: 0 0 100%;
    }
    .about__photo {
        margin: 2rem auto 2rem;
        order: 2;
        display: flex;
        max-width: 87%;
    }
    .about__video {
        padding-left: 0;
        flex: 0 0 100%;
        flex-wrap: wrap;
    }
    .about__person {
        padding: 1rem 2rem 1rem 3rem;
        position: absolute;
        top: -6rem;
        right: 0;
    }
    .about {
        padding-bottom: 3rem;
    }
    .projects__heading {
        max-width: 80%;
        margin: 0 auto 2.2rem;
    }
    .steps__block {
        flex-wrap: wrap;
    }
    .steps__content {
        order: 1;
        flex: 0 0 100%;
        padding: 2rem 1.5rem 2.5rem;
    }
    .steps__bg {
        flex: 0 0 100%;
        display: flex;
        order: 2;
        height: 15rem;
    }
    .steps__bg img {
        object-fit: cover;
        width: 100%;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    .steps__button {
        padding-top: 1rem;
    }
    .steps {
        padding: 5rem 0;
    }
    .cooperotion__element {
        flex: 0 0 100%;
    }
    .cooperotion__txt {
        max-width: 74%;
    }
    .cooperotion__txt p {
        max-width: 100%;
    }
    .docs__block {
        flex-wrap: wrap;
        position: relative;
        padding-bottom: 7rem;
    }
    .docs__content {
        padding-left: 0;
        order: 1;
    }
    .docs__sertificate {
        flex: 0 0 100%;
        width: 100%;
        margin: 0;
        order: 2;
    }
    .docs__arrows {
        position: absolute;
        width: 100%;
        bottom: 0;
    }
    .application__form {
        padding-left: 0;
    }
    .form {
        margin: 0 auto;
    }
    .application {
        background: none;
    }
    .footer2-block {
        flex-wrap: wrap;
    }
    .b2b-copy-inline {
        justify-content: flex-start;
        max-width: 100%;
        padding-top: 0.5rem;
    }
}

/*
  ==============================
        xs 499 - Смартфоны (360)
  ==============================
  */
@media (max-width: 499px) {
    .projects__block ul li {
        letter-spacing: 0;
    }
    .projects__image {
        height: 14rem;
    }
    .descriptor {
        max-width: 10rem;
    }

    .cooperotion {
        padding: 4rem 0 28rem;
    }
    .mobile .social {
        padding-right: 7.1rem;
    }
    #hero.th-page .wrap {
        max-width: 60%;
    }
    #header .logo {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .s4_slide {
        text-align: center;
    }
    .about__photo {
        max-width: 100%;
    }
    .about__block {
        margin-left: 0;
    }
    .about__video {
        flex-wrap: nowrap;
        padding: 13px;
    }
    .about__info {
        bottom: 6rem;
    }
}
/*
  ==============================
        xs 499 - Смартфоны (414)
  ==============================
  */
@media (max-width: 414px) {
    .cooperotion {
        padding: 4rem 0 24rem;
    }
    .fancybox-close-small {
        right: 0.6rem;
        top: 0.7rem;
    }
}
/*
  ==============================
        xs 499 - Смартфоны (375)
  ==============================
  */
@media (max-width: 375px) {
    #header .descriptor {
        display: none;
    }
    .home h1 {
        font-size: 1.8rem;
    }
    .home h1 + p {
        font-size: 18px;
        max-width: 20rem;
    }
    .hero ul li {
        font-size: 16px;
    }
    .hero__button .btn {
        width: 100%;
    }
    .best__top-block-button .btn {
        width: 100%;
    }
    .btn {
        font-size: 16px;
    }
    .home h2 {
        font-size: 22px;
    }
    .best__top-block {
        padding: 1.8rem;
    }
    .best__heading {
        max-width: 78%;
        margin: 0 auto 3.5rem;
    }
    .best__block-element {
        flex: 0 0 100%;
        text-align: center;
    }
    .steps__button .btn {
        width: 100%;
    }
    .footer .header__contacts {
        flex: 0 0 30%;
    }
    .footer__element.address {
        flex: 0 0 44%;
    }
}
/*
  ==============================
      xs 359 - Смартфоны (360)
  ==============================
  */
@media (max-width: 360px) {
    .hero-error .list {
        font-size: 24px;
    }
    .hero-error .button .btn {
        width: 100%;
    }
    #hero.th-page .wrap {
        max-width: 82%;
    }
    .hero {
        padding-bottom: 19.5rem;
    }
    .cooperotion {
        padding: 4rem 0 18rem;
    }
    .steps .slide {
        padding: 26px 24px;
    }
}

/*
  ==============================
        xs 359 - Смартфоны (320)
  ==============================
  */
@media (max-width: 359px) {
    .home h1 {
        font-size: 1.5rem;
    }
    .home h1 + p {
        font-size: 16px;
        max-width: 15rem;
    }
    .hero ul li {
        font-size: 14px;
    }
    .btn {
        font-size: 15px;
    }
    .best__top-block-heading p {
        font-size: 16px;
    }
    .best__block-element p:first-of-type {
        font-size: 16px;
    }
    .about__content {
        font-size: 14px;
    }
    .about__info {
        bottom: 4rem;
    }
    .about__video-txt {
        line-height: 1.2;
    }
    .about__person {
        top: -3.8rem;
        line-height: 1.2;
    }
    .cooperotion__txt p:first-of-type {
        font-size: 16px;
    }
    .cooperotion__txt {
        line-height: 1.2;
    }
    .docs__txt p {
        font-size: 16px;
    }
    .docs__arrows {
        justify-content: space-between;
    }
    .slick-dots {
        display: none !important;
    }
    .application {
        background-size: 75%;
        padding: 4rem 0 4rem;
    }
    .application__content ul li {
        line-height: 152%;
        font-size: 14px;
    }
    .form {
        padding: 20px 24px 30px;
    }
    .footer__logo {
        flex: 0 0 100%;
    }
    .footer__element.office {
        max-width: 50%;
        order: 2;
        flex: 0 0 45%;
    }
    .footer .header__contacts {
        flex: 0 0 50%;
        order: 3;
    }
    .footer__element.address {
        flex: 0 0 40%;
        order: 4;
    }
    .footer__element.email {
        order: 5;
        flex: 0 0 50%;
    }
    #footer .header__socicon {
        order: 6;
        flex: 0 0 100%;
    }
    #hero.th-page {
        height: 60vh;
    }
    .hero {
        padding-bottom: 17.5rem;
    }
    .form-desk {
        font-size: 14px;
    }
}