.breadcrumb ul {
    scrollbar-width: none;
}
.reviews-inner__wrap {
    box-shadow: 0 0 0 !important;
}
.reviews-inner__picture .iframe {
    max-width: 100%;
}
main, .main {
    display: flex;
    flex-wrap: wrap;
}

article, .articles {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    margin-top: 60px;
    order: 2;
}

aside, #aside {
    position: relative;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 60px;
    order: 1;
}

@media (min-width: 768px) {
    .fixed .table-of-contents {
        height: 75%;
        overflow: scroll;
    }
    article, .articles {
        flex: 0 0 65%;
        max-width: 65%;
        order: 2;
    }

    aside, #aside {
        flex: 0 0 35%;
        max-width: 35%;
        /*margin-bottom: 15px;*/
        order: 1;
    }
}
.table-of-contents > div {
    font-weight: 900 !important;
    font-size: 32px;
    line-height: 45px;
    margin-bottom: 16px;
    font-family: 'Inter', sans-serif;
}

aside li a, #aside li a {
    display: block;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 16px;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
    color:#78788F;
    text-decoration: none;
}
aside li a.active, #aside li a.active {
    color:#3B3B46;
}

.table-of-contents {
    position: absolute;
    top: 0%;
    bottom:auto;
}
.fixed .table-of-contents {
    position: fixed;
    max-width:385px;
    top: 30%;
}
.absolute .table-of-contents {
    position: absolute;
    bottom: 0;
    top:auto;
}

aside section > ol > li::marker, #aside section > ol > li::marker {
    display: none;
    content:'';
}
aside ol li ol li, #aside ol li ol li {
    list-style: disc;
    margin-left: 20px;
}
aside ol li ol li ol li, #aside ol li ol li ol li {
    list-style: disc;
    margin-left: 20px;
}
aside ol li ol li::marker, #aside ol li ol li::marker {
    content:auto !important;
    color:#78788F;
}

.article p {
    font-family:'Inter', sans-serif;
    line-height: 28px;
}

.article img {
    margin: 30px 0px 40px;
}
.article ul, .article ol {
    line-height: 28px;
    margin-bottom: 10px;
    margin-left: 40px !important;
}
.article ul li, .article ol li {
    margin-bottom: 8px;
}
.table-of-contents {
    width:90%;
}

.project__info-descr {
    margin-bottom: 8px;
    display: block;
    font-size:16px;
    color:#78788F;
}
.project__info-text {
    color:#3B3B46;
    font-weight:400;
    margin-bottom:24px;
}
.reviews-block__list {
    padding-bottom:0;
}
article h2, article h3, article h4, .articles h2, .articles h3, .articles h4 {
    margin-top:24px;
    margin-bottom:16px;
    font-size:32px;
}
article p, .articles p {
    margin-bottom:10px;
}
article .wp-block-button__link, .articles .wp-block-button__link {
    color: #3B3B46;
    background-color: transparent;
    border-radius: 0px;
    font-size: 16px;
    font-weight: 900;
    border-left: 2px solid #FF5C34;
    padding:8px 81px 8px 20px;
    margin:24px 0px;
    background: url('/arr_right.svg');
    background-repeat: no-repeat;
    background-position: 100%;
    text-decoration: none;
}
article a, .articles a {
    text-decoration: underline;
}
article blockquote, .articles blockquote, .articles .blockquote {
    background: url('/quote_left.svg') #EBEBED no-repeat;
    background-position: 16px 16px;
    border-radius: 6px 6px 25px 6px;
    padding:42px 75px 42px 37px;
    position: relative;
    margin:16px 0px;
}
article blockquote:after, .articles blockquote:after, .articles .blockquote:after {
    content:'';
    background: url('/imaris.svg') no-repeat;
    position: absolute;
    right: 15px;
    margin-top: -33px;
    display: block;
    width: 60px;
    height: 60px;
}
article blockquote cite, .articles blockquote cite, .articles .blockquote .cite {
    font-style:normal;
}
article p.has-background, .articles p.has-background {
    padding:24px;
    margin-top: 12px;
}
.reviews-block__link {
    text-decoration: none;
}
.sharing {
    border-top:1px solid #78788F;
    padding:17px 0px;
    display: flex;
    justify-content: space-between;
    margin-top:24px;
}
#end {
    height:1px;
}
.reviews-inner__paragraph {
    margin-bottom:0;
}
.reviews-inner__wrap {
    padding-bottom: 0;
}
.sharing a {
    text-decoration: none;
    margin-left:32px;
}
@media (max-width: 1024px) {
    main, .main {
        display: block;
    }
    aside, article, #aside, .articles {
        max-width: 100%;
    }
    .fixed .table-of-contents, .absolute .table-of-contents, .table-of-contents {
        position: relative;
        top:0;
        bottom:0;
    }
    .case li:before {
        background: transparent;
    }
    aside ul, aside ol, #aside ul, #aside ol {
        list-style-type: none;
    }
    article h2, article h3, article h4, .articles h2, .articles h3, .articles h4 {
        font-size:18px;
    }
    article .wp-block-button__link, .articles .wp-block-button__link {
        text-align:left;
    }
}
.first_page {
    background: #E8E8E8;
    padding-top:18px;
    padding-bottom: 58px;
}
.first_page .breadcrumb {
    padding-bottom: 42px;
}
.first_page .reviews__descr {
    font-size: 40px;
    color:#3B3B46 !important;
    margin-bottom: 118px;
}
.first_page > .container {
    display: flex;
    justify-content: space-between;
}
.first_page .left {
    width:57%;
    margin-right: 25px;
}
.first_page .right {
    width:42%;
}
.first_page .services {
    padding-bottom: 60px;
}
.first_page .project__info {
    display: flex;
    justify-content: space-between;
}
.first_page .project__info {
    border-top:1px solid #3B3B46;
    padding:24px 0px;
}
.first_page .right picture {
    position: relative;
}
.first_page .right picture img {
    position: relative;
    z-index: 1;
    border-radius: 35px;
}
.first_page .right picture:before {
    content:'';
    border: 1px solid #3B3B46;
    border-radius: 35px;
    display: block;
    height: 408px;
    transform: rotate(-4deg);
    width: 100%;
    position: absolute;
    z-index: 0;
    max-height: 100%;
}
.first_page .reviews-block__list, .first_page .reviews-block__item {
    margin-bottom:0;
}
.show-more {
    display:none;
}
@media (max-width:968px) {
    .first_page .right {
        order:1;
        width:100%;
    }
    .first_page .left {
        order:2;
        width:100%;
        margin-top: 16px;
    }
    .reviews-block__list {
        flex-wrap: wrap !important;
        overflow-x: unset;
    }
    .reviews-block__item {
        margin-bottom: 8px !important;
    }
    .first_page > .container {
        flex-wrap: wrap;
    }
    .first_page .services {
        padding-bottom: 24px;
    }
    .first_page .reviews__descr {
        font-size: 20px;
        margin-bottom: 24px;
    }
    .reviews-block__link {
        font-size: 12px;
        padding: 12px 18px;
    }
    .first_page {
        padding-bottom: 0;
    }
    .first_page .reviews__descr {
        margin-bottom: 10px !important;
    }
    .first_page .project__info {
        padding-top:8px !important;
        padding-bottom: 24px !important;
    }
    .frst .project__info-text, .scnd .project__info-text {
        margin-bottom: 10px;
    }
    aside, #aside {
        margin-top:24px !important;
        padding-left:0 !important;
        padding-right:0 !important;
    }
    /**/
    .table-of-contents > div {
        font-size: 24px !important;
    }
    aside li a, #aside li a {
        font-size: 16px !important;
        line-height: 22px !important;
        margin-bottom: 8px !important;
    }
    .table-of-contents.big {
        position: relative;
        max-height: 300px;
        overflow: hidden;
    }
    .table-of-contents.big::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 95%);
    }
    .show-more {
        display:block;
        position: relative;
        z-index: 99;
        margin-top: -50px;
    }
    #aside {
        border-bottom: 1px solid #3B3B46;
        padding-bottom: 15px;
    }
    .table-of-contents.big + .show-more {
        transform:rotate(0deg);
        margin-top:-50px;
    }
    .table-of-contents + .show-more {
       transform:rotate(180deg);
       margin-top:10px;
    }

}
.sharing {
    display:none !important;
}

main article.article ul, .main .articles.article ul {
    list-style: disc;
    margin-left: 20px;
}
main article.article ol, .main .articles.article ol {
    margin-left: 20px;
}
.project__info > div {
    display: flex;
    justify-content: space-between;
    width: 75%;
}
.scnd .project__info-item {
    width:180px;
}
@media(max-width: 768px) {
    .project__info {
        display:block !important;
    }
    .frst {
        display:block;
        width: 100%;
    }
    .frst .project__info-text, .scnd .project__info-text {
        margin-bottom: 8px;
        font-size: 14px;
    }
    .frst .project__info-descr, .scnd .project__info-descr {
        margin-bottom: 4px;
        font-size: 12px;
    }
    .scnd {
        width:100% !important;
    }
    .scnd .project__info-item {
        width: auto !important;
    }
    .table-of-contents > div {
        font-size: 16px;
        line-height: 20px;
    }
    aside li a {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 10px;
    }
}
.slider__category {
    margin-right: 20px;
}
.new_case {
    z-index:1;
}
.reviews__content {
    position: relative;
}
.blog_article_data {
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-top:18px;
    border-top:1px solid #78788F;
}
.blog_article_data svg {
    margin-right:11px;
}
.blog_article_data span {
    margin-right:24px;
    font-size: 14px;
}
@media (max-width: 1449px) {
    .reviews__descr {
        font-size: 24px;
    }
}
@media (max-width: 1280px) {
    .reviews__descr {
        font-size: 16px;
    }
}
p.has-background {
    border-radius:6px;
}
.blog_article_data svg.share {
    margin-left:auto;
    margin-right: 0;
    cursor: pointer;
}
.socials {
    display: none;
    position: absolute;
    padding:20px;
    background: #fff;
    box-shadow: 0px 4px 25px 0px rgba(59, 59, 70, 0.25);
    border-radius: 6px;
    right: 12px;
    margin-bottom: 18px;
}
.socials.active {
    display: block;
}
.socials a:hover svg path, .share:hover path, .sharing a:hover svg path {
    fill:#FF5C39;
}
.cases__item {
    padding: 0 !important;
}