.stripe-loading-indicator .stripe, 
.stripe-loading-indicator .stripe-loaded {
    background: #df7e2f;
}

.list-menu__item-title._sublist>a{
    color: inherit;
}

.pagination,
.pagination li{
    display: flex;
    justify-content: center;
    padding: 0 0.225em;
    line-height: 160%;
    font-size: 16px;
    flex-wrap: wrap;

}
.pagination li a{
    color: #df7e2f;
}

.price-table_background table tr:hover {
    background-color: #df7e2f;
}

.content-catalog__btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media(min-width: 47.99875em) {
    .content-catalog__btn {
        text-align:center
    }

    .content-catalog__btn .btn {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
        width: auto
    }
}

@media(min-width: 75.75em) {
    .content-catalog__btn {
        margin:10px;
        padding-top: 25px
    }
}

@media(max-width: 75.75em) {
    .content-catalog__btn {
        margin:7.5px;
        padding-top: 12.5px
    }
}

.text-block--mainpage4 {
    background-image: url(../img/stages-building/bacg.webp);
    background-repeat: no-repeat;
    padding: 50px 0;
    display: block;
    background-size: cover;
}

.text-block-dop {
    margin: 40px 0;
    padding: 50px 0;
    background-color: #ededed;
}

.twelve-steps__container{ 
    position: relative;
    min-width: 1200px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.twelve-steps__container::before, .filter-projects__container::before {
    display: table;
    content: " ";
}

.twelve-steps__container::after, .filter-projects__container::after {
    display: table;
    content: " ";
    clear: both;
}

.text-block--mainpage4 h2 {
    color: #fff;
    margin-bottom: 30px;
}

.text-block--mainpage-main-text h2 {
    margin-top: 10px;
}

.twelve-steps__row {
    margin: 0;
    display: flex;
    flex-wrap: wrap; 
    justify-content: space-between;
}

.twelve-steps__row::before, .filter-projects__row::before {
    display: table;
    content: " ";
}

.twelve-steps__row::after, .filter-projects__row::after {
    clear: both;
    display: table;
    content: " ";
}

.stages_building_item {
    padding: 15px 20px 0;
}

.stages_building_item_img {
    width: 40px;
    height: 40px;
    margin-bottom: 15px;
    background-repeat: no-repeat;
}

.stages_building_item_heading {
    font-size: 14px;
    color: #fff;
    margin-bottom: 6px;
}

.stages_building_item_description {
    font-size: 12px;
    color: #fff;
}

.stages_building_item_img_plan {
    background-image: url(../img/stages-building/plan.svg);
}

.stages_building_item_img_plan {
    background-image: url(../img/stages-building/plan.svg)
}

.stages_building_item_img_permissions {
    background-image: url(../img/stages-building/permissions.svg)
}

.stages_building_item_img_preparation {
    background-image: url(../img/stages-building/preparation.svg)
}

.stages_building_item_img_laying {
    background-image: url(../img/stages-building/laying.svg)
}

.stages_building_item_img_frame {
    background-image: url(../img/stages-building/frame.svg)
}

.stages_building_item_img_windows {
    background-image: url(../img/stages-building/windows.svg)
}

.stages_building_item_img_walls {
    background-image: url(../img/stages-building/walls.svg)
}

.stages_building_item_img_inside {
    background-image: url(../img/stages-building/inside.svg)
}

.stages_building_item_img_finish {
    background-image: url(../img/stages-building/finish.svg)
}

.stages_building_item_img_improvement {
    background-image: url(../img/stages-building/improvement.svg)
}

.stages_building_item_img_acceptance {
    background-image: url(../img/stages-building/acceptance.svg)
}

.stages_building_item_img_moving {
    background-image: url(../img/stages-building/moving.svg)
}

@media (min-width: 1200px) {
    .twelve-steps__container, .filter-projects__container {
        width: 1170px;
    }
    .stages_building_block_slider {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: stretch;
    }
    .stages_building_item_block {
        min-height: 168px;
        padding: 0;
        border-left: 1px #fff solid;
        margin-bottom: 20px;
        position: relative;
        flex: 25%;
        height: auto;
    }
}

@media (max-width: 992px) {
    .twelve-steps__container, .filter-projects__container {
        width: 970px;
    }
}
@media (max-width: 768px) {
    .twelve-steps__container, .filter-projects__container {
        width: 750px;
    }
}

@media (max-width: 768px) {
    .wrap__stages_building_block {
        padding: 0 15px;
    }
}

/* filter-projects */

.filter-projects__container {
    position: relative;
}

.projects-filter {
    margin-top: 41px
}

.projects-filter:before {
    content: '';
    position: absolute;
    top: -40px;
    left: 0;
    height: 1px;
    margin: 20px 16px;
    width: 98.6%;
    background: #d9d9d9
}

.projects-filter__show-more {
    position: absolute;
    right: 20px;
    top: 0;
    font-weight: 400;
    font-size: 14px;
    color: #db8c3d;
    cursor: pointer;
    text-decoration: underline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 30px;
    z-index: 3
}

.projects-filter__item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

@media (any-hover: none) {
    .projects-filter__item {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.projects-filter__item:not(:last-child) {
    margin-bottom: 15px
}

.projects-filter__item-header {
    font-size: 18px;
    font-weight: 500
}

@media (any-hover: hover) {
    .projects-filter__item-header {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 30px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 140px;
        flex: 0 0 140px
    }
}

@media (any-hover: none) {
    .projects-filter__item-header {
        -webkit-box-flex:1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        margin-bottom: 8px
    }
}

.projects-filter__item-list {
    position: relative
}

@media (any-hover: hover) {
    .projects-filter__item-list {
        -webkit-box-flex:0;
        -ms-flex: 0 0 calc(100% - 140px);
        flex: 0 0 calc(100% - 140px);
        width: calc(100% - 140px)
    }
}

@media (any-hover: none) {
    .projects-filter__item-list {
        -webkit-box-flex:0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%
    }
}

.projects-filter__item-list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 30px;
    font-size: 14px;
    font-weight: 400;
    color: #464646;
    position: relative;
    padding: 2px 12px;
    z-index: 1;
    text-decoration: none;
    white-space: nowrap
}

.projects-filter__item-list a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f6f6f6;
    z-index: -1;
    border-radius: 33px
}

.projects-filter__item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -4px;
    padding-bottom: 4px
}

@media (any-hover: hover) {
    .projects-filter__item-wrapper {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

@media (any-hover: none) {
    .projects-filter__item-wrapper {
        overflow-x:auto;
        overflow-y: hidden
    }

    .projects-filter__item-wrapper::-webkit-scrollbar {
        height: 2px
    }

    .projects-filter__item-wrapper::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #f78426;
        cursor: pointer
    }

    .projects-filter__item-wrapper::-webkit-scrollbar-track {
        border-radius: 10px;
        background: rgba(247,132,38,.2)
    }
}

.projects-filter__item-wrapper>* {
    padding: 4px
}

.projects-filter__short {
    /* width: calc(100% - 180px);
    margin-left: 30px; */
    overflow: hidden;
    width: calc(100% - 150px);
    margin-left: 15px;
}

.projects-filter__short::before {
    content: "";
    background: -webkit-gradient(linear,right top,left top,from(#fff),color-stop(103.33%,rgba(255,255,255,0)));
    background: linear-gradient(270deg,#fff 0,rgba(255,255,255,0) 103.33%);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    left: 0;
    width: 48px;
    height: 100%;
    z-index: 3;
    pointer-events: none
}

.projects-filter__short::after {
    content: "";
    background: -webkit-gradient(linear,right top,left top,from(#fff),color-stop(103.33%,rgba(255,255,255,0)));
    background: linear-gradient(270deg,#fff 0,rgba(255,255,255,0) 103.33%);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    width: 48px;
    height: 100%;
    z-index: 3;
    pointer-events: none
}

@media (max-width: 768px) {
    .projects-filter__short::before {
        display:none
    }

    .projects-filter__short::after {
        display: none
    }
}

/* .projects-filter__short-wrapper .controls__arrow_prev {
    position: absolute;
    left: 0;
    top: 0
}

.projects-filter__short-wrapper .controls__arrow_next {
    position: absolute;
    right: 120px;
    top: 0
} */

.projects-filter__controls {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}

.projects-filter__short-wrapper .swiper-slide {
    width: auto!important;
    margin-right: 8px!important
}

.projects-filter__short-wrapper .swiper-slide a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 30px;
    font-size: 14px;
    font-weight: 400;
    color: #464646;
    position: relative;
    padding: 2px 12px;
    z-index: 1;
    text-decoration: none;
    white-space: nowrap
}

.projects-filter__short-wrapper .swiper-slide a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f6f6f6;
    z-index: -1;
    border-radius: 33px
}

.filter-projects__row {
    margin-right: -15px;
    margin-left: -15px;
}

.projects__header .title-block {
    width: 46% !important;
}

.block-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 30px;
    font-weight: 500;
}

.block-subtitle {
    margin-top: 5px;
    color: #797979;
    font-size: 18px;
}

.projects__header .btns-block {
    width: 54% !important;
    padding-left: 0;
}

.btns-block .btn_secondary {
    margin-left: 10px;
    padding: 9px 16px;
}

.projects--mainpage .btn {
    margin-top: 7px;
    width: 100%;
    font-size: 16px;
}

.btn__wrapper {
    position: relative;
    z-index: 1;
}

.btns-block .btn--orange {
    margin-left: 10px;
}

.btn--orange {
    color: #fff;
    background: -o-linear-gradient(left, #f46b21 0, #f78627 100%);
    background: -webkit-gradient(linear, left top, right top, from(#f46b21), to(#f78627));
    background: linear-gradient(90deg, #f46b21 0, #f78627 100%);
}

@media (min-width: 768px) {
    .projects--mainpage .btn {
        float: right;
    }
}
@media (min-width: 481px) {
    .projects--mainpage .btn {
        width: auto;
    }
}

.other-types__controls {
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3
}

@media(min-width: 84.375em) {
    .other-types__controls {
        left: -60px;
        width: calc(100% + 120px)
    }
}

@media(max-width: 84.375em) {
    .other-types__controls {
        left: -15px;
        width: calc(100% + 30px)
    }
}

@media(max-width: 47.99875em) {
    .other-types__controls {
        display: none
    }
}

.slide-other-types {
    padding: 15px;
    height: auto
}

.btn--green {
    margin-left: 10px;
    color: #fff;
    background: -o-linear-gradient(269deg, #75b618 0, #88cf2a 100%);
    background: linear-gradient(-179deg, #75b618 0, #88cf2a 100%);
}

.btn--medium {
    padding: 9px 16px;
}

/* /filter-projects */

/* bootstrap */
.d-flex {
    display: flex !important;
}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}
@media (min-width: 1200px) {
    .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 {
        float:left
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-6 {
        width: 50%
    }
}
@media (min-width: 992px) {
    .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
        float:left
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-6 {
        width: 50%
    }
}
@media (min-width: 768px) {
    .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
        float:left
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-6 {
        width: 50%
    }
}
@media (max-width: 767px) {
    .hidden-xs {
        display:none!important
    }
}
/* /bootstrap */