/* Start:/local/templates/main/css/blog.css?178007937810809*/
/* /local/templates/main/css/blog.css */

/* Blog Header */
.blog-header {
    padding-top: 12em;
    padding-bottom: 6em;
    border-bottom: 1px solid #222;
}

.blog-header .container {
    display: flex;
    flex-direction: column;
    gap: 2em;
}

.blog-header__top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.blog-header__title {
    max-width: 900px;
}

.blog-header__desc {
    max-width: 450px;
    color: #B0B0B0;
    font-size: 1.25rem;
    line-height: 1.5;
    padding-bottom: 0.7em;
}

/* Blog Filter */
.blog-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 1em;
    padding-top: 2em;
    border-top: 1px solid #222;
}

.blog-filter__btn {
    height: 45px;
    padding: 0 1.8em;
    border-radius: 40px;
    background: #121212;
    color: #B0B0B0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    border: 1px solid transparent;
    cursor: pointer;
    font-size: 0.95rem;
    text-decoration: none;
}

.blog-filter__btn:hover {
    background: #1E1E1E;
    color: #fff;
    border-color: #444;
}

.blog-filter__btn.active {
    background: #fff;
    color: #000;
}

/* Blog Grid */
.blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 5em;
    margin-bottom: 6em;
}

.blog-card {
    background: #0A0A0A;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #1A1A1A;
    transition: all .4s;
    display: flex;
    flex-direction: column;
}

.blog-card:hover {
    border-color: #555;
    background: #111;
    transform: translateY(-8px);
}

.blog-card__img {
    height: 240px;
    overflow: hidden;
}

.blog-card__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s;
}

.blog-card:hover .blog-card__img img {
    transform: scale(1.05);
}

.blog-card__content {
    padding: 2em 1.8em 2.2em;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.blog-card__meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.3em;
    color: #888;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.blog-card__cat {
    background: #1E1E1E;
    padding: 0.3em 1em;
    border-radius: 30px;
    color: #ccc;
}

.blog-card__title {
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 0.7em;
    transition: color .3s;
    color: #fff;
}

.blog-card:hover .blog-card__title {
    color: #fff;
}

.blog-card__excerpt {
    color: #A0A0A0;
    line-height: 1.5;
    margin-bottom: 2em;
    flex: 1;
}

.blog-card__link {
    display: flex;
    align-items: center;
    gap: 0.8em;
    color: #fff;
    font-weight: 500;
    border-bottom: none;
    width: fit-content;
    margin-top: auto;
    text-decoration: none;
}

.blog-card__link span {
    border-bottom: 1px solid #fff;
    transition: border .3s;
}

.blog-card__link:hover span {
    border-bottom-color: transparent;
}

.blog-card__link:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path d="M1 1 L13 7 L1 13 Z" fill="white"/></svg>') no-repeat center;
    background-size: contain;
    transition: transform .3s;
}

.blog-card__link:hover:after {
    transform: translateX(5px);
}

/* Pagination */
.blog-pagination {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 3em;
    margin-bottom: 7em;
}

.blog-pagination .pagination__item,
.blog-pagination .page-link,
.blog-pagination span {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #121212;
    color: #B0B0B0;
    transition: all .3s;
    cursor: pointer;
    text-decoration: none;
    border: none;
}

.blog-pagination .pagination__item:hover,
.blog-pagination .page-link:hover,
.blog-pagination span:hover,
.blog-pagination .active a,
.blog-pagination .active span {
    background: #fff !important;
    color: #000 !important;
}

/* Article Page */
.article-back {
    margin-top: 8em;
    margin-bottom: 2.5em;
}

.article-header {
    padding-top: 2em;
    padding-bottom: 5em;
    border-bottom: 1px solid #222;
}

.article-header .container {
    max-width: 1100px;
}

.article-meta {
    display: flex;
    gap: 1.5em;
    align-items: center;
    margin-bottom: 2em;
    color: #B0B0B0;
    font-size: 0.95rem;
}

.article-category {
    background: #1E1E1E;
    padding: 0.4em 1.5em;
    border-radius: 40px;
    color: #fff;
    font-weight: 400;
    text-decoration: none;
}

.article-date {
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.article-title {
    font-size: 5rem;
    font-weight: 300;
    line-height: 1.1;
    max-width: 1200px;
    margin-bottom: 0.7em;
}

.article-lead {
    font-size: 1.8rem;
    font-weight: 300;
    color: #D0D0D0;
    line-height: 1.4;
    max-width: 900px;
    margin-bottom: 1.5em;
}

.article-author {
    display: flex;
    align-items: center;
    gap: 1.2em;
    margin-top: 2em;
}

.author-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    font-weight: 300;
    color: #fff;
    overflow: hidden;
}

.author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.author-info {
    display: flex;
    flex-direction: column;
    gap: 0.2em;
}

.author-name {
    font-size: 1.2rem;
    font-weight: 500;
}

.author-position {
    color: #A0A0A0;
    font-size: 0.9rem;
}

/* Article Content */
.article-content {
    padding: 6em 0 8em;
}

.article-content .container {
    max-width: 1100px;
}

.article-body {
    font-size: 1.2rem;
    line-height: 1.7;
    color: #E0E0E0;
}

.article-body h2 {
    font-size: 2.8rem;
    font-weight: 300;
    margin: 1.5em 0 0.7em;
}

.article-body h3 {
    font-size: 2rem;
    font-weight: 300;
    margin: 1.5em 0 0.7em;
    color: #fff;
}

.article-body p {
    margin-bottom: 1.6em;
}

.article-body ul,
.article-body ol {
    margin-bottom: 1.8em;
    padding-left: 1.5em;
}

.article-body li {
    margin-bottom: 0.6em;
}

.article-body img {
    border-radius: 20px;
    margin: 2em 0;
    width: 100%;
    height: auto;
}

.article-body blockquote {
    border-left: 4px solid #fff;
    padding: 1.5em 2em;
    margin: 2em 0;
    background: #0C0C0C;
    border-radius: 0 20px 20px 0;
    font-size: 1.4rem;
    font-weight: 300;
    font-style: italic;
    color: #ccc;
}

/* Article Tags */
.article-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 4em;
    padding-top: 3em;
    border-top: 1px solid #222;
}

.article-tag {
    height: 40px;
    padding: 0 1.4em;
    border-radius: 40px;
    background: #121212;
    color: #B0B0B0;
    display: flex;
    align-items: center;
    transition: all .3s;
    border: 1px solid transparent;
    text-decoration: none;
}

.article-tag:hover {
    background: #222;
    color: #fff;
    border-color: #555;
}

/* Share Block */
.article-share {
    display: flex;
    align-items: center;
    gap: 2em;
    margin-top: 3em;
    padding: 1.8em 0;
    border-top: 1px solid #222;
    border-bottom: 1px solid #222;
}

.share-label {
    color: #A0A0A0;
    text-transform: uppercase;
    font-size: 0.9rem;
    letter-spacing: 2px;
}

.share-icons {
    display: flex;
    gap: 1.2em;
}

.share-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #1A1A1A;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .3s;
    font-size: 1.2rem;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

.share-icon:hover {
    background: #fff;
    color: #000;
}

/* Related Posts */
.related-posts {
    padding: 6em 0;
    background: #050505;
    margin-top: 2em;
}

.related-title {
    font-size: 2.8rem;
    font-weight: 300;
    margin-bottom: 1.8em;
}

.related-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* Empty State */
.blog-empty {
    text-align: center;
    padding: 8em 0;
    color: #888;
    font-size: 1.4rem;
}

/* Responsive */
@media (max-width: 1200px) {
    .blog-grid,
    .related-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 1024px) {
    .blog-header {
        padding-top: 8em;
    }
    
    .article-title {
        font-size: 3.2rem;
    }
    
    .article-lead {
        font-size: 1.5rem;
    }
}

@media (max-width: 767px) {
    .blog-header {
        padding-top: 6em;
        padding-bottom: 4em;
    }
    
    .blog-header__top {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5em;
    }
    
    .blog-header__desc {
        font-size: 1rem;
    }
    
    .blog-grid,
    .related-grid {
        grid-template-columns: 1fr;
    }
    
    .blog-card__title {
        font-size: 1.5rem;
    }
    
    .article-title {
        font-size: 2.5rem;
    }
    
    .article-lead {
        font-size: 1.3rem;
    }
    
    .article-body {
        font-size: 1rem;
    }
    
    .article-body h2 {
        font-size: 2rem;
    }
    
    .article-body h3 {
        font-size: 1.5rem;
    }
    
    .article-body blockquote {
        font-size: 1.1rem;
        padding: 1.2em;
    }
    
    .related-title {
        font-size: 2rem;
    }
    
    .article-meta {
        flex-wrap: wrap;
        gap: 0.8em;
    }
    
    .article-share {
        flex-direction: column;
        align-items: flex-start;
        gap: 1em;
    }
    
    .share-icons {
        width: 100%;
        justify-content: space-around;
    }
}

@media (max-width: 480px) {
    .blog-filter__btn {
        padding: 0 1.2em;
        font-size: 0.85rem;
    }
    
    .blog-card__content {
        padding: 1.5em;
    }
    
    .blog-card__meta {
        font-size: 0.75rem;
    }
    
    .author-avatar {
        width: 50px;
        height: 50px;
        font-size: 1.5rem;
    }
}
/* End */


/* Start:/local/templates/main/css/costume.css?17800793781256*/
@media (max-width: 768px) {
    .project-item_body {
        justify-content: flex-start !important;
        position: relative;
    }

    .project-item_title {
        display: none;
    }

    .project-item_body > .unified-btn {
        position: absolute;
        bottom: 0;
    }
    .project-item_subtitle {
        padding-top: 10px;
    }
}

.head-logo_image, .footer-logo_image {
    width: 200px;
}

.footer-logo {
    position: relative;
}

.footer-logo span {
    opacity: 0;
}

.footer-logo_image {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    display: block;
}

@media (max-width: 1200px) {
    .footer-logo_image {
        bottom: unset;
        top: 50%;
        transform: translateY(-50%);
    }
}

@media (max-width: 768px) {
    .footer-logo_image {
        width: 300px;
        margin-bottom: 15px;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
    }
}
@media(max-width: 768px) {
    .cookie-popup-content {
        justify-content: start !important;
    }
    .cookie-popup-content p{
        width: 100%;
        flex: unset !important;
    }
    .cookie-popup-content button {
        margin-left: unset !important;
        margin-right: 10px !important;
    }
}
/* End */


/* Start:/local/templates/main/components/bitrix/menu/main_menu/style.min.css?1780079377490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/main/components/bitrix/menu/main_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/main/css/min.css?178007937842982*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:5}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:9}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:6}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:6}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:7}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:10}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:3}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:8}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:11}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:7}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:4}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:after,.slick-track:before{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}.slick-slide:focus{outline:none!important}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:0;bottom:0;margin:auto;display:block;padding:0;cursor:pointer;outline:none;border:none;width:30px;height:30px;border-top:4px solid #fff;border-right:4px solid #fff;background-color:transparent;transition:background .3s;z-index:2;-webkit-transform:rotate(45deg);transition:border-color .3s}.slick-next:hover,.slick-prev:hover{border-color:#000}.slick-prev{transform:rotate(225deg)}.slick-next{right:0}.slick-prev{left:0}.slick-dots{position:absolute;bottom:-2em;display:block;width:100%;left:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:12px;height:12px;background-color:#fff;border-radius:50%;margin:0 .3em;padding:0;cursor:pointer;transition:border-color .3s}.slick-dots li button{font-size:0;line-height:0;display:block;width:100%;height:100%;border-radius:50%;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li.slick-active{background-color:#000}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
/* End */


/* Start:/local/templates/main/css/main.css?1780079378130178*/
html {
  min-height: 100vh;
}

html.is-hidden {
  overflow: hidden;
}

body {
  background: #000;
  font-family: 'Suisse Intl', Arial, Verdana, Tahoma, sans-serif;
  font-size: 16px;
  line-height: 1.2;
  overflow-x: hidden;
  min-width: 360px;
  color: #fff;
  opacity: 1;
  min-height: 100vh;
}

.global-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.scroll-container {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.scroll-container.is-mobile {
  overflow: visible;
  height: auto;
}

.scrollbar-thumb {
  background: #000;
}

ol, ul {
  list-style: none;
  margin-bottom: 0;
}

input {
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  outline: none !important;
}

@media not all and (min-resolution: 0.001dpcm) {
  select:focus, textarea:focus, input:focus {
    -webkit-appearance: none;
  }
  select:active, input:active, textarea:active {
    -webkit-appearance: none;
  }
  input, textarea, select {
    -webkit-appearance: none;
  }
  select:focus, textarea:focus, input:focus {
    font-size: 16px;
  }
  select:active, input:active, textarea:active {
    font-size: 16px;
  }
  input, textarea, select {
    font-size: 16px;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

p {
  line-height: 1.3;
  margin-bottom: 1em;
}

p:last-child {
  margin-bottom: 0;
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
  color: inherit;
}

a:not([class]) {
  color: #fff;
  border-bottom: 1px solid #fff;
  transition: border-bottom-color .3s;
}

a:not([class]):hover {
  border-bottom-color: transparent;
}

::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
}

body a:hover, body a:active, body a:focus {
  text-decoration: none;
  outline: 0;
}

input:focus {
  border: none;
  outline: none;
}

button {
  -webkit-appearance: button;
  cursor: pointer;
}

button:focus {
  outline: none;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  background-color: transparent !important;
}

html input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer;
}

input {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

input[type="hidden"] {
  display: none;
}

button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

ul:not([class]) {
  margin: 0 0 1em;
  list-style-type: disc;
  padding-left: 20px;
}

ul:not([class]) li {
  margin-bottom: .7em;
}

ul:not([class]) li:last-child {
  margin-bottom: 0;
}

ol:not([class]) {
  margin: 0 0 1em;
  padding-left: 20px;
  list-style-type: decimal;
}

ol:not([class]) li {
  margin-bottom: .7em;
}

ol:not([class]) li:last-child {
  margin-bottom: 0;
}

.main-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
  height: 56px;
  background-color: #000;
  padding: 0 1em;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  transition: background-color .3s;
  width: fit-content;
  white-space: nowrap;
}

.main-btn:hover {
  background-color: #1a1a1a;
}

.main-btn .ico-arrow {
  height: 14px;
  flex: 14px 0 0;
  width: 14px;
  background: url(/local/templates/main/css/../img/icons/arrow-2.svg) no-repeat center;
  background-size: contain;
}

.white-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
  height: 59px;
  border: 2px solid #fff;
  padding: 0 1.7em;
  border-radius: 10px;
  color: #fff;
  position: relative;
  overflow: hidden;
  text-align: center;
  width: fit-content;
  white-space: nowrap;
  transition: color .3s;
  z-index: 1;
}

.white-btn:before {
  content: '';
  display: block;
  background: #fff;
  position: absolute;
  top: -1px;
  left: -1px;
  border-radius: 10px;
  height: calc(100% + 2px);
  width: calc(100% + 2px);
  transform: translate(calc(-100% - 1px));
  transition: transform .4s;
  z-index: -1;
}

.white-btn:hover {
  color: #000;
}

.white-btn:hover:before {
  transform: translate(0);
}

h1, .main-title {
  font-size: 6rem;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 1em;
}

h2, .section-title {
  font-size: 4rem;
  font-weight: 300;
  margin-bottom: 1em;
  width: fit-content;
 
}

.service_promotion{
  margin-top: 1em;
}

.anim-title > span, .anim-title_2 > span {
  -webkit-background-clip: text;
  background-repeat: no-repeat;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.1);
  background-image: linear-gradient(#fff, #fff);
  background-size: 0% 100%;
}

.home-title-dot::after {
  content: "";
  display: inline-block;
  width: .09em;
  height: .09em;
  margin-left: .08em;
  background: #002BB7;
  border-radius: .025em;
  opacity: 0;
  transform: translate3d(0, .08em, 0) scale(.65);
  transition: opacity .28s ease .12s, transform .28s ease .12s;
  vertical-align: baseline;
}

.home-title-dot.home-title-dot--shown::after {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

@media (prefers-reduced-motion: reduce) {
  .home-title-dot::after {
    transition: none;
  }
}

body.is-bitrix-admin-view .anim-title > span,
body.is-bitrix-admin-view .anim-title_2 > span {
  -webkit-text-fill-color: #fff;
  background-size: 200% 100%;
}

.white-title {
  color: #fff;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-upper {
  text-transform: uppercase;
}

.min {
  display: block;
}

@font-face {
  font-family: 'Suisse Intl';
  src: url("/local/templates/main/css/../fonts/SuisseIntl-Regular/SuisseIntl-Regular.woff2") format("woff2"), url("/local/templates/main/css/../fonts/SuisseIntl-Regular/SuisseIntl-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Suisse Intl';
  src: url("/local/templates/main/css/../fonts/SuisseIntl-SemiBold/SuisseIntl-SemiBold.woff2") format("woff2"), url("/local/templates/main/css/../fonts/SuisseIntl-SemiBold/SuisseIntl-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Suisse Intl';
  src: url("/local/templates/main/css/../fonts/SuisseIntl-Light/SuisseIntl-Light.woff2") format("woff2"), url("/local/templates/main/css/../fonts/SuisseIntl-Light/SuisseIntl-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "rouble";
  src: url("/local/templates/main/css/../fonts/rouble.otf") format("opentype");
}

.rouble {
  font-family: "rouble";
  text-transform: none;
}

.container {
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1675px;
  width: 100%;
}

.wrapper-loader {
  background: #000;
  flex-direction: column;
  gap: 2em;
  padding-top: 8em;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display:none;
}

.preloader__percent {
  font-size: 10.1875rem;
  overflow: hidden;
  font-weight: 300;
}

.wrapper_loader-content {
  height: 49px;
  overflow: hidden;
  margin: auto;
  width: 308px;
  transition: opacity .2s;
}

.loader-content {
  height: 100%;
  background: #333333;
  position: relative;
  width: 100%;
}

.loader-content_bar {
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.bg-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.54);
  z-index: 90;
}

.fixed-btn {
  position: fixed;
  color: #000;
  height: 162px;
  background: #fff;
  border-radius: 10px;
  bottom: 1.2em;
  right: 1.2em;
  padding: 1em;
  font-size: 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  width: 191px;
  z-index: 110;
  transition: all .3s;
}

.fixed-btn:hover {
  background: #e6e6e6;
}

.fixed-btn.is-hidden {
  visibility: hidden;
  transform: scale(0);
}

.fixed-btn .item-arrow {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000 url(/local/templates/main/css/../img/icons/arrow-2.svg) no-repeat center;
  border-radius: 10px;
  background-size: 14px 14px;
  height: 36px;
  width: 36px;
}

.like-btn {
  position: fixed;
  color: #000;
  height: 158px;
  background: #fff;
  border-radius: 10px;
  right: 1.2em;
  padding: 2.2em 1em 2em;
  gap: 1.3em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  bottom: 6em;
  width: 158px;
  z-index: 110;
  text-align: center;
  transition: all .3s;
}

.like-btn:hover {
  background: #e6e6e6;
}

.like-btn_icon {
  display: block;
  height: 45px;
  flex: 45px 0 0;
  background: url(/local/templates/main/css/../img/icons/like.png) no-repeat center;
  background-size: contain;
  width: 45px;
  animation: hesitation 4s linear infinite;
}

@keyframes hesitation {
  0% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(-15deg);
  }
  100% {
    transform: rotate(15deg);
  }
}

.like-btn_left {
  position: absolute;
  top: 1.2em;
  left: -1.4em;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 1em 0 .6em;
  min-width: 63px;
  height: 28px;
  background: url(/local/templates/main/css/../img/bg/like-bg.svg) no-repeat center;
  background-size: 100% 100%;
}

.like-btn_left:before {
  content: '';
  display: block;
  flex: 19px 0 0;
  height: 19px;
  background: url(/local/templates/main/css/../img/icons/user.svg) no-repeat center;
  background-size: contain;
  width: 19px;
}

.like-btn_left:after {
  content: '';
  display: block;
  height: 23px;
  background: url(/local/templates/main/css/../img/icons/arrows.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  right: calc(100% - .2em);
  bottom: calc(100% - .5em);
  width: 23px;
}

/*****HEADER*****/
.ui-header {
  padding: 2em 0;
 position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100;
 background: #000000e0;
}

.ui-header.is-overflow {
  overflow-y: scroll;
}

.ui-header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .7em;
}

.head_callback-btn {
  height: 50px;
  background: #fff;
  border-radius: 10px;
  background-size: 14px 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 0;
  transition: all .3s;
}

.head_callback-btn:hover {
  background: #e6e6e6;
}

.head_callback-btn:before {
  content: '';
  display: block;
  background: url(/local/templates/main/css/../img/icons/arrow.svg) no-repeat center;
  height: 14px;
  width: 14px;
}

.head_callback-btn.is-visible {
  width: 50px;
}

.menu-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 107px;
  height: 49px;
  border-radius: 70px;
  background: #fff;
  margin-left: auto;
  cursor: pointer;
  color: #000;
  z-index: 20;
  transition: background .3s;
}

.menu-btn:hover {
  background: #e6e6e6;
}

.dropdown-menu_close-btn {
  height: 34px;
  display: block;
  border-radius: 50%;
  background: #000;
  cursor: pointer;
  position: absolute;
  top: 1em;
  right: 1em;
  width: 34px;
  z-index: 9;
  transform: rotate(45deg);
  transition: background .3s;
}

.dropdown-menu_close-btn:hover {
  background: #333333;
}

.dropdown-menu_close-btn:after, .dropdown-menu_close-btn:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #fff;
  transition: background .3s;
}

.dropdown-menu_close-btn:after {
  width: 60%;
  height: 2px;
}

.dropdown-menu_close-btn:before {
  height: 60%;
  width: 2px;
}

.head-logo {
  border-bottom: none;
  display: block;
}

.logo-text {
  font-size: 2.2rem;
  display: flex;
  align-items: center;
}

.logo-text_anim {
  width: 23px;
  height: 23px;
  overflow: hidden;
  text-align: center;
}

.dropdown-menu {
  position: fixed;
  top: 1.2em;
  right: 1em;
  background: #fff;
  padding: 2em 1em 1em;
  transform-origin: right top;
  min-height: 464px;
  border-radius: 10px;
  width: 518px;
  display: flex;
  flex-direction: column;
  gap: 1em;
  transform: scale(0);
  transition: transform .6s ease-in-out;
  z-index: 100;
}

.dropdown-menu.is-visible {
  transform: scale(1);
}

.dropdown-menu.is-visible .head-menu a {
  transform: translatey(0);
}

.dropdown-menu.is-visible .dropdown-menu_btn {
  transform: translatey(0);
}

.dropdown-menu.is-visible .dropdown-menu_contact-list li {
  transform: translatey(0);
}

.wrapper_dropdown-menu_btn {
  overflow: hidden;
}

.dropdown-menu_btn {
  transform: translatey(-70px);
  transition: .6s transform .8s, background .3s;
  width: 100%;
}

.dropdown-menu_contact-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1em 3em;
  color: #000;
  min-height: 40px;
  overflow: hidden;
}

.dropdown-menu_contact-list li {
  transform: translatey(-70px);
  transition: .5s transform 1.2s;
}

.head-nav {
  flex: 1 0 0;
}

.head-menu {
  display: flex;
  flex-direction: column;
  font-size: 3rem;
  gap: .1em;
}

.head-menu li {
  overflow: hidden;
}

.head-menu li.active {
  pointer-events: none;
}

.head-menu li.active a .item-text {
  transform: translatex(5px) !important;
}

.head-menu a {
  border-bottom: none;
  display: inline-block;
  transform: translatey(-70px);
  transition: .6s transform .6s;
}

.head-menu a:hover .item-text {
  transform: translatex(5px) !important;
}

.head-menu .item-text {
  color: #000;
  display: flex;
  align-items: center;
  gap: .5em;
  transform: translatex(-20px);
  transition: transform .4s;
}

.head-menu .item-text:before {
  content: '';
  display: block;
  background: #000;
  border-radius: 2px;
  height: 10px;
  width: 10px;
}

.fixed-panel {
  position: fixed;
  top: .9em;
  bottom: .9em;
  right: .9em;
  background: #fff;
  color: #000;
  border-radius: 10px;
  overflow: hidden;
  overflow-y: auto;
  padding: 1em;
  padding-top: 1.6em;
  padding-bottom: 1.5em;
  display: flex;
  flex-direction: column;
  scrollbar-color: #000 transparent;
  scrollbar-width: thin;
  gap: 1.7em;
  max-width: 518px;
  transform-origin: right top;
  transform: scale(0);
  width: 100%;
  z-index: 120;
}

.fixed-panel.is-load {
  transition: transform .8s ease-in-out;
}

.fixed-panel.is-open {
  transform: scale(1);
}

.fixed-panel::-webkit-scrollbar-track {
  background-color: #000;
}

.fixed-panel::-webkit-scrollbar-thumb {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: transparent;
}

.fixed-panel::-webkit-resizer {
  width: 2px;
  height: 0px;
}

.fixed-panel::-webkit-scrollbar {
  width: 2px;
}

.callback_close-btn {
  position: absolute;
  top: .8em;
  right: .5em;
  height: 34px;
  display: block;
  border-radius: 50%;
  background: #000;
  cursor: pointer;
  position: absolute;
  width: 34px;
  z-index: 9;
  transform: rotate(45deg);
  transition: background .3s;
}

.callback_close-btn:hover {
  background: #333333;
}

.callback_close-btn:after, .callback_close-btn:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #fff;
  transition: background .3s;
}

.callback_close-btn:after {
  width: 60%;
  height: 2px;
}

.callback_close-btn:before {
  height: 60%;
  width: 2px;
}

.callback-box_body {
  display: flex;
  flex-direction: column;
  gap: 1.2em;
}

.callback-title {
  font-size: 2.25rem;
  padding-right: 1em;
  margin-bottom: .5em;
}

.social-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.1em;
  margin-bottom: 1.4em;
}

.social-list .unified-btn {
  height: 46px;
  border-radius: 10px;
  padding: 0 3.3em 0 1.3em;
  background: #F4F5F5;
}

.social-list .unified-btn:hover:after {
  background: #000 url(/local/templates/main/css/../img/icons/arrow-2.svg) no-repeat center;
}

.social-list .unified-btn:after {
  left: calc(100% - 2.3em);
  background: #000;
}

.callback-form {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  /* gap: 1.7em; */
}

.callback-form_fields {
  display: flex;
  flex-direction: column;
  gap: .4em;
}

.callback-form_fields .input-file {
  justify-content: center;
}

.callback-form_fields .upload-message_box:before {
  filter: brightness(0) saturate(100%) invert(0%) sepia(83%) saturate(7433%) hue-rotate(210deg) brightness(115%) contrast(115%);
}

.callback-form_submit {
  width: 100%;
  justify-content: center;
}

.callback-form_policy {
  font-size: .875rem;
}

.form-group {
  position: relative;
}

.form-group.focus .form-label {
  font-size: 0.625rem;
  line-height: 2.6;
}

.form-group.is-select .selectric .label {
  color: #000;
}

.form-control {
  border: none;
  border: 1px solid #000;
  border-radius: 10px;
  background: #fff;
  height: 59px;
  display: block;
  padding: 0 1.7em;
  resize: none;
  outline: none;
  overflow: hidden;
  position: relative;
  z-index: 1;
  width: 100%;
  transition: border .3s;
}

.form-control:focus {
  border: 1px solid #000;
}

.form-control::-webkit-input-placeholder {
  color: #8D8D8D;
}

.form-control::input-placeholder {
  color: #8D8D8D;
}

.form-control::-moz-input-placeholder {
  color: #8D8D8D;
}

.form-label {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  padding: 0 1.7em;
  line-height: 59px;
  color: #8D8D8D;
  max-width: 100%;
  transition: all 0.3s;
  white-space: nowrap;
  z-index: 2;
}

.callback-form_footer {
  display: flex;
  flex-direction: column;
  gap: 1.2em;
}

.callback-form_policy {
  color: #5E5E5E;
}

.callback-form_policy a {
  color: inherit;
  border-bottom-color: #5E5E5E;
  transition: border-bottom-color .3s;
}

.callback-form_policy a:hover {
  border-bottom-color: transparent;
}

.application-sent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1em;
}

.application-sent .item-icon {
  margin-bottom: 1em;
}

.application-sent .item-icon img {
  max-height: 100%;
}

.application-sent .callback-title {
  margin-bottom: 0;
}

.site-map_section {
  padding: 3em 0;
}

.site-map_menu li {
  margin-bottom: 1em;
}

.main-content {
  flex: 1 0  auto;
  padding-bottom: 10em;
}

/***main-section**/
.main-section {
  background-size: cover;
  padding-top: 19em;
}

.main-section_header {
  display: flex;
  gap: 1em;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  z-index: 1;
}

.main-section_header .right-cell {
  overflow: hidden;
  position: relative;
  bottom: 5em;
}

.main-section_header .right-text {
  display: inline-block;
  transform: translatey(70px);
  transition: transform .7s;
}

.fade-title {
  margin-bottom: 0;
}

.fade-title span {
  opacity: 0;
  transform: translatey(160px);
  display: inline-block;
}

.wrapper_laptop-img {
  display: flex;
  justify-content: flex-end;
  margin-top: -2.7em;
}

.laptop-img {
  transform-origin: left top;
  position: relative;
 /* transform: scale(0, 1);*/
}

.laptop-img:hover .laptop-title {
  opacity: 1;
}

.laptop-title {
  font-size: .8125rem;
  background: #fff;
  color: #000;
  border-radius: 6px;
  height: 25px;
  display: flex;
  align-items: center;
  padding: 0 .7em;
  position: absolute;
  bottom: 1em;
  right: 1em;
 /* opacity: 0;*/
  text-transform: uppercase;
  transition: opacity .3s;
}

.title-section {
  display: flex;
  align-items: center;
  height: 100vh;
  position: sticky;
  top: 0;
}

.title-section h2 {
  padding: 0 2em;
}

.wwrapper_projects-title .title-section {
  height: auto;
  padding: 5em 0;
  position: relative;
  top: auto;
}

/**projects-section**/
.project-item {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  border-radius: 10px;
  position: sticky;
  top: 0;
  color: #000;
  margin-bottom: 4em;
}

.project-item .container {
  height: 100vh;
  display: flex;
  flex-direction: column;
  padding: .5em 15px;
  gap: 2em;
}

.project-item_body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1 0 0;
  gap: .8em;
}

.project-item_title {
  font-size: 4rem;
}

.project-item_subtitle {
  font-size: 1.5rem;
  margin-bottom: 2.3em;
}

.project-item_btn {
  display: flex;
  align-items: center;
  gap: 1em;
}

.project-item_btn:after {
  content: '';
  display: block;
  background: #000;
  border-radius: 2px;
  height: 10px;
  width: 10px;
}

.project-item_list {
  display: flex;
  justify-content: flex-end;
  padding-right: 1em;
  gap: 5px;
}

.project-item_list li {
  background: #fff;
  height: 49px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding: .2em 1.2em;
}

.project-item_list-violet li {
  background: #3C2C60;
  color: #fff;
}

.project-item_list-violet li .project-item_list {
  backdrop-filter: blur(17px);
  -webkit-backdrop-filter: blur(17px);
}

.project-item_list-gray li {
  background: #383A3B;
  color: #fff;
}

.project-item_list-gray li .project-item_list {
  backdrop-filter: blur(17px);
  -webkit-backdrop-filter: blur(17px);
}

.project-item_white {
  color: #fff;
}

.project-item_white .project-item_btn:after {
  background: #fff;
}

.project-item_white .project-item_list {
  color: #000;
}

/**interfaces-section**/
.interfaces-section {
  display: flex;
  align-items: center;
  padding: 9.5em 0 18.3em;
}

.interfaces-section .container {
  display: flex;
  flex-direction: column;
  max-width: 740px;
  align-items: center;
  gap: 2.5em;
  text-align: center;
}

.interfaces-section h2 {
  margin-bottom: 0.3em;
}

.main-interfaces-section {
  padding-bottom: 3em;
}

.year-text {
  display: flex;
  align-items: center;
  gap: 1em;
}

.year-text:before {
  content: '';
  display: block;
  background: #fff;
  border-radius: 2px;
  height: 10px;
  width: 10px;
}

/**services-section**/
.services-section_title {
  display: block;
  margin-bottom: 3.5em;
  text-align: center;
}

.service-item {
  border-bottom: 1px solid  #212121;
  padding: 5.1em 0;
  transition: border-bottom-color .3s, opacity .3s;
}
.service-item.is-hidden {
  opacity: .2;
  pointer-events: none;
}

.service-item.is-hidden .service-item_text {
  transform: scale(1, 0);
}

.service-item_content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-left: 15px;
  padding-right: 6%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1680px;
  width: 100%;
  gap: 2em;
}

.service-item_title {
  font-size: 4rem;
  font-weight: 300;
  margin-right: auto;
}

.service-item_left-column {
  display: flex;
  align-items: center;
  gap: 11%;
  flex: 1 0 0;
}

.service-item_left-column a{
  border:none;
}

.service-item_right-column {
  max-width: 450px;
  padding-top: 1.7em;
  padding-right: 4%;
  gap: 5em;
  flex: 1 0 0;
}

.service-item_text {
  color: #808080;
  min-height: 140px;
  padding-bottom: 1em;
  transform-origin: left top;
  transition: all .4s;
}

.service-item_btn {
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 1.2em;
  width: fit-content;
}

.service-item_btn:hover:after {
  height: 36px;
  flex: 36px 0 0;
  border-radius: 10px;
  background: #fff url(/local/templates/main/css/../img/icons/arrow.svg) no-repeat center;
  background-size: 14px 14px;
  width: 36px;
}

.service-item_btn:after {
  content: '';
  display: block;
  background: #fff;
  border-radius: 2px;
  position: absolute;
  top: 50%;
  left: 100%;
  margin: auto;
  height: 10px;
  width: 10px;
  transform: translatey(-50%);
  transition: all .4s;
}

.ticker-section {
  padding: 11.5em 0 9.4em;
  position: relative;
  overflow: hidden;
}

.ticker-mod_section {
  padding-top: 15em;
}

.ticker-slider {
  margin: 0 -1.2em;
  display: flex;
  white-space: nowrap;
  gap: 1.2em;
}

.ticker-slider .slick-slide {
  padding: 0 1.2em;
}

.ticker-item {
  display: flex !important;
  align-items: center;
  font-size: 1.25rem;
  font-weight: 300;
  gap: 2.4em;
  text-transform: uppercase;
}

.ticker-item:after {
  content: '';
  display: block;
  background: url(/local/templates/main/css/../img/icons/lightning.svg) no-repeat center;
  background-size: contain;
  height: 29px;
  flex: 19px 0 0;
  width: 19px;
}

.ticker-section--clients {
  padding: 8.5em 0 8em;
}

.ticker-section--clients .ticker-slider {
  align-items: center;
  gap: 5.2em;
  margin: 0;
}

.ticker-item--logo {
  flex: 0 0 auto;
  height: clamp(42px, 4.2vw, 72px);
  gap: 0;
}

.ticker-item--logo:after {
  display: none;
}

.ticker-item--logo img {
  display: block;
  height: 100%;
  max-width: 260px;
  object-fit: contain;
  width: auto;
}

/**advantages-section**/
.unified-subtitle {
  display: block;
  margin-bottom: 6.5em;
  text-align: center;
}

.advantages-title {
  position: relative;
  max-width: 1202px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.02;
  text-align: center;
  text-transform: uppercase;
}

.advantages-title .small-text {
  font-size: 1rem;
  position: relative;
  top: -4em;
  left: 7em;
  text-transform: none;
}

.advantages-title .dot {
  margin: 0 .3em;
}

.advantages-title .link-btn {
  position: relative;
  padding-bottom: 2px;
}

.advantages-title .link-btn:hover:after {
  width: 0;
  right: 0;
  left: auto;
}

.advantages-title .link-btn:after {
  content: '';
  display: block;
  height: 1px;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  transition: all .3s;
}

.wrapper_advantages-title {
  position: relative;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  max-width: 1202px;
  z-index: 1;
}

.advantages-title_img {
  display: block;
  position: absolute;
  left: 38%;
  top: 8em;
  width: 116px;
  height: 344px;
  background: url(/local/templates/main/css/../img/static/statuette.png) no-repeat center;
  background-size: contain;
  transform: rotate(14deg);
  z-index: -1;
}

.gsap-marker-end, .gsap-marker-start, .gsap-marker-scroller-end, .gsap-marker-scroller-start {
  display: none !important;
}

.advantages-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2px;
}

.advantage-item {
  min-height: 406px;
  background: #161616;
  border-radius: 10px;
  padding: 1.5em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.advantage-item .item-title {
  font-size: 2.5rem;
}

.advantage-item .item-top {
  display: flex;
  align-items: center;
  gap: 1em;
}

.advantage-item .item-top:before {
  content: '';
  display: block;
  height: 10px;
  border-radius: 2px;
  background: #fff;
  width: 10px;
}

.advantage-item_body {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.advantage-item_body .item-number {
  font-size: 2.5rem;
}

.advantage-item_body .item-text {
  min-height: 70px;
  padding-right: 10%;
}

.advantage-item_last {
  position: relative;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}

.unified-btn {
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 1em;
  width: fit-content;
}

.unified-btn:hover:after {
  height: 36px;
  flex: 36px 0 0;
  border-radius: 10px;
  background: #fff url(/local/templates/main/css/../img/icons/arrow.svg) no-repeat center;
  background-size: 14px 14px;
  width: 36px;
}

.unified-btn:after {
  content: '';
  display: block;
  /* background: #fff; */
  border-radius: 2px;
  position: absolute;
  top: 50%;
  left: 100%;
  margin: auto;
  height: 10px;
  width: 10px;
  transform: translatey(-50%);
  transition: all .4s;
}

.unified-btn_black {
  color: #000;
}

.unified-btn_black:after {
  background: #000;
}

.unified-btn_black:hover:after {
  background: #000 url(/local/templates/main/css/../img/icons/arrow-2.svg) no-repeat center;
}

/**top-section**/
.back-page_btn {
  display: flex;
  align-items: center;
  color: #808080;
  gap: 1.2em;
  transition: color .3s;
  margin-bottom: 3em;
  margin-left: 10px;
  width: fit-content;
}

.back-page_btn:hover {
  color: #fff;
}

.back-page_btn:hover:before {
  border-color: #fff;
}

.back-page_btn:before {
  content: '';
  display: block;
  height: 8px;
  border-top: 2px solid #808080;
  border-left: 2px solid #808080;
  width: 8px;
  transform: rotate(-45deg);
  transition: border-color .3s;
}

.top-section {
  padding-top: 10.2em;
  padding-bottom: 8em;
  border-bottom: 1px solid #fff;
}

.top-mod_section {
  border-bottom: none;
  padding-bottom: 5.2em;
}

.services-mod_section {
  padding-top: 13em;
}

.services-mod_section .service-item_title {
  font-size: 2.5rem;
}

.services-mod_section .service-item_right-column {
  padding-top: .5em;
}

.scheme-work_section {
  padding: 11em 0 16em;
}

.scheme-work_content {
  padding-right: 9%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12%;
}

.scheme-work_item {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}

.scheme-work_item .item-title {
  font-size: 2.5rem;
}

/**technology-section**/
.technology-mod_section {
  padding-top: 15em;
}

.technology-content {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 1.2em;
}

.technology-item:hover{
  background: linear-gradient(45deg, red, blue);
}

.technology-item {
  max-width: 212px;
  max-height: 212px;
  width: 12vw;
  height: 12vw;
  border-radius: 50%;
  background: #121212;
  border: 1px solid #2D2D2D;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.2em;
}

.technology-item img {
  max-height: 100%;
}

.unified-section_header {
  display: flex;
  align-items: center;
  gap: 1em;
}

.unified-section_header h1 {
  margin-bottom: 0;
  flex: 1 0 0;
  padding-right: 10%;
}

.unified-section_header .right-text {
  flex: 32.5% 0 0;
}

.unified-section_header.align-items-end .right-text {
  padding-bottom: 1em;
}

.unified-text_header {
  padding: 11.5em 0;
}

.unified-text_header .container {
  display: flex;
  gap: 1.7em;
}

.unified-text_header .left-text {
  flex: 24% 0 0;
}

.unified-text_header .right-text {
  flex: 1 0 0;
  max-width: 814px;
  font-size: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: .8em;
}

.unified-text_header .right-text p {
  font-size: 1rem;
  margin-bottom: 0;
}

/**field-activity_section**/
.field-activity_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1em;
  margin-bottom: 13.5em;
}

.field-activity_header h2 {
  margin-bottom: 0;
}

.field-activity_header .right-text {
  max-width: 540px;
  padding-top: 1.5em;
}

.development-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8.5em 2em;
}

.development-item {
  display: flex;
  flex-direction: column;
  gap: 1.8em;
  padding:10px;
}


.development-item .item-number {
  margin-bottom: .8em;
}

.development-item .item-title {
  font-size: 2.5rem;
  padding-right: 8%;
}

.development-item p {
  padding-right: 12%;
}

/**process-section**/
.process-section {
  padding: 5em 0;
  min-height: 100vh;
  display: flex;
  align-items: center;
}

.process-section .section-title {
  max-width: 854px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.process-section .top-text {
  max-width: 536px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/**stages-work_section**/
.stages-work_section {
  /* padding-top: 8em; */
}

.stages-work_section .section-title {
  margin-bottom: 1.2em;
}

.stages-work_pad-section {
  padding-top: 0;
}

.stage-work_item {
  border-bottom: 1px solid  #212121;
  padding: 6.6em 0;
  transition: border-bottom-color .3s, opacity .3s;
}

.stage-work_item:hover {
  border-bottom-color: #fff;
}

.stage-work_item.is-hidden {
  opacity: .2;
  pointer-events: none;
}

.stage-work_item.is-hidden .stage-work_item-right {
  transform: scale(1, 0);
}

.stage-work_item-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1680px;
  width: 100%;
  gap: 2em;
}

.stage-work_item-content .item-title {
  font-size: 2.5rem;
}

.stage-work_item-left {
  display: flex;
  align-items: center;
  gap: 13%;
  flex: 1 0 0;
}

.stage-work_item-right {
  max-width: 675px;
  padding-top: .5em;
  transform-origin: left top;
  transition: all .4s;
  flex: 1 0 0;
}
.stage-work_item-right{
 overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 7; /* number of lines to show */
           line-clamp: 5;
   -webkit-box-orient: vertical;
  
}
.cases-section {
  padding-top: 5em;
  padding-bottom: 4em;
}

.main-cases-section {
  background: #000;
}

.main-cases-section .section-title {
  margin-bottom: .85em;
}

.main-cases-section {
  padding-bottom: 2.5em;
}

.portfolio-cases-section {
  padding-top: 0;
  background: #000;
}

.portfolio-case-card {
  color: inherit;
  text-decoration: none;
}

.portfolio-case-card:hover {
  color: inherit;
}

.wwrapper_projects-title + .interfaces-section {
  padding-top: 2.5em;
}

.main-cases-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.7em;
}

.main-case-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.main-case-card__image {
  width: 100%;
  aspect-ratio: 1 / 1;
  margin-bottom: 1.8em;
  overflow: hidden;
  border-radius: 26px;
  background: #111;
  transition: border-radius .35s ease;
}

.main-case-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s ease;
}

.main-case-card:hover .main-case-card__image img {
  transform: scale(1.035);
}

.main-case-card__image:hover,
.main-case-card:hover .main-case-card__image {
  border-radius: 0;
}

.main-case-card__meta {
  margin-bottom: 1.1em;
  color: rgba(255, 255, 255, .42);
  font-size: .78rem;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.main-case-card__title {
  margin: 0 0 .75em;
  color: #fff;
  font-size: 1.42rem;
  font-weight: 600;
  line-height: 1.18;
}

.main-case-card__text {
  max-width: 31em;
  margin: 0 0 1.45em;
  color: rgba(255, 255, 255, .62);
  font-size: 1rem;
  line-height: 1.5;
}

.main-case-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: .55em;
  margin: 1.45em 0 0;
  padding: 0;
  list-style: none;
}

.main-case-card__tags li {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 1.15em;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 999px;
  color: rgba(255, 255, 255, .72);
  font-size: .9rem;
  line-height: 1;
  white-space: nowrap;
}

.main-services-section {
  padding: 3em 0 7em;
  background: #000;
  color: #fff;
}

.main-services-layout {
  display: grid;
  grid-template-columns: minmax(280px, 38%) minmax(0, 1fr);
  gap: 5em;
  align-items: start;
}

.main-services-aside {
  position: sticky;
  top: 9em;
  min-height: 240px;
}

.main-services-aside__inner {
  max-width: 560px;
}

.main-services-aside h2 {
  margin: 0 0 .45em;
  color: #fff;
  font-family: inherit;
  font-size: 4rem;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.1;
}

.main-services-aside p {
  margin: 0;
  color: rgba(255, 255, 255, .68);
  font-size: clamp(1.25rem, 1.8vw, 2rem);
  line-height: 1.25;
}

.main-services-list {
  border-top: 1px solid rgba(255, 255, 255, .16);
}

.main-service-row {
  display: grid;
  grid-template-columns: 4.5em minmax(0, 1fr) 52px;
  gap: 2em;
  align-items: start;
  min-height: 260px;
  padding: 2.7em 0;
  border-bottom: 1px solid rgba(255, 255, 255, .16);
}

.main-service-row__number {
  color: rgba(255, 255, 255, .42);
  font-size: .86rem;
  line-height: 1;
  letter-spacing: .1em;
}

.main-service-row__content {
  max-width: 720px;
}

.main-service-row__content h3 {
  margin: 0 0 1.25em;
  color: #fff;
  font-size: clamp(1.6rem, 2.2vw, 2.55rem);
  font-weight: 600;
  line-height: 1.08;
}

.main-service-row__content p {
  margin: 0;
  color: rgba(255, 255, 255, .62);
  font-size: 1.08rem;
  line-height: 1.55;
}

.main-service-row__plus {
  position: relative;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .18);
}

.main-service-row__plus::before,
.main-service-row__plus::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 2px;
  background: #fff;
  transform: translate(-50%, -50%);
}

.main-service-row__plus::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.bitrix-benefits-section {
  padding: 5em 0;
  position: relative;
  z-index: 2;
  background: #000;
}

.bitrix-benefits-header {
  max-width: 860px;
  margin-bottom: 5.2em;
}

.bitrix-benefits-header h2 {
  margin: 0 0 .55em;
  color: #fff;
  font-family: inherit;
  font-size: 4rem;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.1;
}

.bitrix-benefits-header p {
  max-width: 520px;
  margin: 0;
  color: rgba(255, 255, 255, .62);
  font-size: 1rem;
  line-height: 1.5;
}

.bitrix-benefits-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 2px solid rgba(255, 255, 255, .18);
  border-bottom: 2px solid rgba(255, 255, 255, .18);
}

.bitrix-benefit {
  min-height: 270px;
  padding: 4.3em 2.35em 2.7em;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border-left: 2px solid rgba(255, 255, 255, .18);
  color: #fff;
}

.bitrix-benefit:first-child {
  border-left: 0;
}

.bitrix-benefit__number {
  position: absolute;
  top: 2em;
  left: 2.35em;
  color: rgba(255, 255, 255, .45);
  font-family: monospace;
  font-size: .78rem;
  letter-spacing: .12em;
}

.bitrix-benefit__title {
  max-width: 18em;
  margin: 0 0 .85em;
  color: rgba(255, 255, 255, .88);
  font-size: 1.12rem;
  font-weight: 600;
  line-height: 1.45;
}

.bitrix-benefit__text {
  max-width: 23em;
  margin: 0;
  color: rgba(255, 255, 255, .58);
  font-size: 1.02rem;
  line-height: 1.55;
}

.bitrix-benefits-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3em;
  padding: 2.2em 2.35em 0;
}

.bitrix-benefits-cta__text {
  max-width: 53em;
}

.bitrix-benefits-cta__text h3 {
  margin: 0 0 .75em;
  color: #fff;
  font-size: 1.55rem;
  font-weight: 500;
  line-height: 1.3;
}

.bitrix-benefits-cta__text p {
  margin: 0;
  color: rgba(255, 255, 255, .62);
  font-size: 1.1rem;
  line-height: 1.55;
}

.bitrix-benefits-cta .bitrix-benefits-cta__btn.dropdown-menu_btn {
  margin: 0;
  transform: none;
  width: fit-content;
  max-width: 100%;
  min-width: 320px;
  min-height: 76px;
  height: 76px;
  padding: 0 2em;
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
  font-size: 1.28rem;
  line-height: 1;
  white-space: nowrap;
}

.bitrix-benefits-cta .bitrix-benefits-cta__btn.dropdown-menu_btn:hover {
  background-color: rgba(255, 255, 255, .12);
}

.bitrix-benefits-cta .bitrix-benefits-cta__btn.dropdown-menu_btn .ico-arrow {
  display: block;
  height: 24px;
  flex: 24px 0 0;
  width: 24px;
}

.bitrix-benefits-cta .bitrix-benefits-cta__btn.dropdown-menu_btn .ico-arrow::before,
.bitrix-benefits-cta .bitrix-benefits-cta__btn.dropdown-menu_btn .ico-arrow::after {
  content: none;
}

/**certificates-section**/
.certificates-section {
  padding: 13.7em 0 0;
}

.certificates-section .container {
  max-width: 1130px;
}

.certificate-item {
  padding: 6em 0;
  border-bottom: 1px solid #222222;
  transition: border-bottom-color .3s;
}

.certificate-item:hover {
  border-color: #fff;
}

.certificate-item.is-hidden {
  opacity: .2;
  pointer-events: none;
}

.certificate-item.is-hidden .certificate-item_content-inner {
  transform: scale(1, 0);
}

.certificate-item_content {
  padding-left: 15px;
  padding-right: 4em;
  margin-left: auto;
  margin-right: auto;
  max-width: 1130px;
  display: flex;
  flex-direction: column;
  gap: 2em;
  width: 100%;
}

.certificate-item_content .item-year {
  display: flex;
  align-items: center;
  gap: 1em;
}

.certificate-item_content .item-year:before {
  content: '';
  display: block;
  height: 10px;
  background: #fff;
  border-radius: 2px;
  width: 10px;
}

.certificate-item_content-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2em;
  transform-origin: left top;
  transition: all .5s;
}

.certificate-item_content-inner .item-title {
  font-size: 2.5rem;
}

.certificate-item_content-inner .unified-btn {
  top: .7em;
  flex: 0 0 auto;
}

.wrapper_projects-slider {
  margin-bottom: 5em;
}

.wrapper_projects-slider:last-child {
  margin-bottom: 0;
}

.projects-slider {
  margin-bottom: 2px;
  margin-top: 7.5em;
}

.projects-slider .project-item {
  margin-bottom: 0;
  border-radius: 0;
}

.projects-slider .project-item .container {
  height: 42.5vw;
}

.projects-small_slider {
  margin: 0 -1px;
}

.projects-small_slider .slick-track {
  display: flex;
}

.projects-small_slider .slick-slide {
  height: auto;
  padding: 0 1px;
}

.projects-small_slider .slick-slide > div {
  height: 100%;
}

.projects-small_slider .item-img {
  height: 100%;
  max-height: 50vw;
  display: block !important;
  cursor: pointer;
}

.projects-small_slider img {
  height: 100%;
  object-fit: cover;
  display: block;
  width: 100%;
}

.cases-mod_section {
  padding-top: 17em;
  padding-bottom: 0;
}

.complex-approach_section {
  padding-top: 10em;
}

.complex-approach_section .field-activity_header {
  margin-bottom: 8.5em;
}

/**stages-work_mod-section**/
.stages-work_mod-section {
  padding: 16em 0 3em;
}

.stages-work_mod-content {
  display: flex;
  gap: 1.2em;
}

.stages-work_mod-content .left-column {
  flex: 1  0 0;
}

.stages-work_mod-content .right-column {
  flex: 63% 0 0;
}

.sticky-title {
  position: sticky;
  top: 1em;
  margin-top: .5em;
}

.stages-work_row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2px;
}

.stages-work_mod-item {
  padding: 2.8em 3.3em;
  gap: 2.2em;
  padding-bottom: 5em;
}

.stages-work_mod-item.penult-item {
  min-height: 511px;
}

.stages-work_mod-item .item-title {
  margin-bottom: auto;
  padding-right: 10%;
}

.stages-work_mod-item p {
  line-height: 1.3;
}

/**rates-section**/
.rates-section {
  padding-top: 3em;
}

.rates-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1em;
  padding-top: 3em;
}

.rate-item {
  padding: 3em;
  padding-right: 1.5em;
  padding-top: 1.2em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 20px;
  border: 1px solid #fff;
  gap: .2em;
}

.rate-item.is-active {
  background: #161616;
  border-color: #161616;
}

.rate-item.is-active .rate-item_icon {
  background: #000;
  transform: rotate(45deg);
}

.rate-item.is-active .rate-item_btn {
  color: #fff;
}

.rate-item.is-active .rate-item_btn:after {
  border-color: #fff;
  top: 4px;
  transform: rotate(-135deg);
}

.rate-item_header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  min-height: 53px;
  gap: 1em;
}

.rate-item_title {
  font-size: 2.5rem;
  min-height: 92px;
  display: flex;
  align-items: center;
}

.rate-item_price {
  margin-bottom: 2.8em;
  margin-top: auto;
}

.rate-item_icon {
  height: 53px;
  display: block;
  flex: 53px 0 0;
  border-radius: 50%;
  background: #1F1F1F;
  cursor: pointer;
  position: relative;
  margin-top: 10px;
  width: 53px;
  z-index: 9;
  transition: background .3s, transform .3s;
}

.rate-item_icon:after, .rate-item_icon:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #fff;
  transition: background .3s;
}

.rate-item_icon:after {
  width: 40%;
  height: 2px;
}

.rate-item_icon:before {
  height: 40%;
  width: 2px;
}

.rate-item_row {
  display: flex;
  gap: 4em;
}

.rate-item_btn {
  display: flex;
  align-items: center;
  gap: .9em;
  color: #808080;
  flex: 0 0 auto;
  cursor: pointer;
  transition: color .3s;
}

.rate-item_btn:after {
  content: '';
  display: block;
  height: 10px;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  position: relative;
  top: -3px;
  width: 10px;
  transform: rotate(45deg);
  transition: border-color .3s;
}

@media (min-width: 1199px) {
  .rate-item_btn:hover {
    color: #fff;
  }
  .rate-item_btn:hover:after {
    border-color: #fff;
  }
}

.rate-item_footer {
  display: none;
}

.rate-item_footer-content {
  display: flex;
  flex-direction: column;
  gap: 1.7em;
  color: #808080;
}

.rate-item_list {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}

.rate-item_list li {
  border-radius: 10px;
  height: 39px;
  display: flex;
  background: #222222;
  align-items: center;
  padding: .2em 1em;
}

.form-section {
  padding: 13em 0 5em;
}

.form-section .container {
  max-width: 974px;
}

/**success-stories_section**/
.success-stories_section {
  padding: 7em 0 0;
}

.unified-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5em;
  padding-top: 3.5em;
  margin-bottom: 5em;
}

.unified-panel .white-btn {
  flex: 0 0 auto;
}

.unified-panel .section-title {
  margin-bottom: 0;
}

.unified-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
}

.unified-menu li.active {
  pointer-events: none;
}

.unified-menu li.active a {
  background: #000;
  border-color: #fff;
  color: #fff;
}

.unified-menu a {
  border-radius: 10px;
  height: 39px;
  display: flex;
  background: #222222;
  border: 1px solid transparent;
  color: #8B8B8B;
  align-items: center;
  padding: .2em .9em;
  transition: all .3s;
}

.unified-menu a:hover {
  background: #000;
  border-color: #fff;
  color: #fff;
}

.cases-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1em;
}

.case-item {
  min-height: 630px;
  display: flex;
  padding: 1.2em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2em;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  color: #000;
}

.case-item:hover .case-item_desc {
  opacity: 1;
  visibility: visible;
}

.case-item_img {
  position: absolute;
  top: -25%;
  left: 0;
  object-fit: cover;
  height: 125%;
  width: 100%;
}

.case-item_body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1em;
}

.case-item_body_white .case-item_title, .case-item_body_white .case-item_text {
  color: #fff;
}

.case-item_tag {
  height: 35px;
  border-radius: 10px;
  background: #fff;
  font-size: .8125rem;
  align-items: center;
  padding: 1em 1em;
}

.case-item_title {
  font-size: 2.5rem;
}

.case-item_footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1em;
}

.case-item_btn {
  height: 46px;
  border-radius: 10px;
  padding: 0 3.3em 0 1.3em;
  background: #fff;
  flex: 0 0 auto;
}

.case-item_btn:hover:after {
  background: #000 url(/local/templates/main/css/../img/icons/arrow-2.svg) no-repeat center;
}

.case-item_btn:after {
  left: calc(100% - 2.3em);
  background: #000;
}

.case-item_desc {
  background: #fff;
  border-radius: 10px;
  padding: 1em;
  display: flex;
  flex-direction: column;
  max-width: 350px;
  flex: 1 0 0;
  gap: 1em;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
  z-index: 2;
}

.case-item_desc .item-subtitle {
  font-weight: 600;
}

.case-item_desc p {
  margin-bottom: 0;
}

.success-stories_menu {
  justify-content: center;
  margin-bottom: 6.7em;
}

/**case-top_box**/
.case-top_box {
  min-height: 446px;
  border-radius: 20px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding-top: 2.6em;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  gap: 2em;
}

.case-top_box-mod {
  min-height: 689px;
}

.case-top_box-desc {
  flex: 41.5% 0 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  padding-left: 2.7em;
  padding-bottom: 2.6em;
  gap: 1.7em;
}

.case-top_box-desc .item-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2em;
}

.case-top_box-desc .item-title {
  font-size: 2.5rem;
}

.case-top_box-desc .item-footer {
  display: flex;
  flex-direction: column;
  gap: 1.4em;
}

.case-top_box-img {
  flex: 1 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.case-top_box-img img {
  display: block;
}

.case-top_box-row {
  display: flex;
  gap: 5px;
}

.case-top_box-column {
  display: flex;
  flex-direction: column;
  gap: .7em;
  background: #fff;
  border-radius: 10px;
  padding: .7em  1.2em;
  color: #000;
  min-width: 200px;
}

.case-top_box-column .top-text {
  font-weight: 600;
}

.case-top_box-column .item-digit {
  font-size: 2.5rem;
}

/**client-section**/
.client-section {
  padding: 7.5em 0 9.5em;
}

.client-section .section-title {
  padding-left: 25.4%;
}

.client-section_content {
  display: flex;
  gap: 2em;
  padding-top: 2em;
}

.client-section_left-column {
  flex: 23.5% 0 0;
  padding-top: 10px;
}

.client-section_right-column {
  flex: 1 0 0;
}

.unified-tick_list {
  display: flex;
  flex-direction: column;
  gap: 1.6em;
}

.unified-tick_list li {
  display: flex;
  gap: 2em;
}

.unified-tick_list li:before {
  content: '';
  display: block;
  height: 20px;
  flex: 20px 0 0;
  background: url(/local/templates/main/css/../img/icons/check.svg) no-repeat center;
  background-size: contain;
  width: 27px;
  position: relative;
}

.semibold-text {
  font-weight: 600;
}

.client-info_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.4em;
  max-width: 813px;
  border-bottom: 1px solid #222222;
  padding: 2.5em 0;
}

.client-info_list:first-child {
  padding-top: 0;
}

.client-info_list:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.client-info_list li {
  display: flex;
  flex-direction: column;
  gap: .7em;
}

.client-info_list .subtitle {
  font-weight: 600;
}

/**goals-section**/
.goals-section .section-title {
  margin-bottom: .5em;
}

.goals-section .top-text {
  display: block;
  margin-bottom: 5.5em;
}

.goals-section_header {
  padding-left: 25.5%;
}

.goals-section_img {
  margin-bottom: 11em;
}

.goals-section_img img {
  display: block;
  border-radius: 20px;
  width: 100%;
}

.goals-section_footer {
  display: flex;
  gap: 2em;
}

.goals-section_footer .section-title {
  line-height: 1;
  margin-top: -.4em;
}

.goals-section_footer .left-column {
  flex: 32.3% 0 0;
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.goals-section_footer .left-column p {
  max-width: 352px;
}

.goals-section_footer .right-column {
  flex: 1 0 0;
}

.goals-section_footer .unified-tick_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5em 6em;
}

/**result-section**/
.result-section {
  padding: 18em 0 9.1em;
}

.result-section .section-title {
  margin-bottom: .7em;
}

.result-section .top-text {
  display: block;
  margin-bottom: 5em;
}

.result-section .bottom-text {
  max-width: 1289px;
}

.result-row {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  padding-right: 1.6em;
  gap: 3px;
  margin-bottom: 5.7em;
}

.result-item {
  min-height: 171px;
  border-radius: 10px;
  padding: 2.5em 3.7em;
  background: #161616;
  display: flex;
  flex-direction: column;
  gap: 1.4em;
}

.result-item_digit {
  font-size: 2.5rem;
}

.results-slider {
  margin-bottom: 7em;
}

.results-slider .slick-list {
  padding: 0 calc(calc(100vw - 1665px) / 2);
}

.results-slider .slick-slide {
  padding: 0 2px;
}

.results-slider.is-active:before {
  background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 100%);
}

.results-slider:before {
  content: '';
  display: block;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: calc(calc(100vw - 1665px) / 2);
  z-index: 1;
  transition: all .4s;
}

.result-slide {
  max-width: 798px;
  display: flex !important;
  flex-direction: column;
  gap: 1.9em;
}

.result-slide .item-title {
  text-align: center;
  width: 100%;
}

.result-slide_img {
  height: 546px;
}

.result-slide_img img {
  border-radius: 20px;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.results_progress-bar {
  max-width: 812px;
  height: 5px;
  position: relative;
  background: #565656;
  margin-left: auto;
  margin-right: auto;
}

.results_progress-bar .progress {
  position: absolute;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  transition: width .3s;
}

/**settings-section**/
.settings-section {
  padding: 15em 0 7em;
}

.settings-section .bottom-text {
  max-width: 675px;
}

.settings-section_content {
  display: flex;
  gap: 1em;
  margin-bottom: 10em;
}

.settings-section_content .left-column {
  flex: 24.5% 0 0;
  padding-top: 13px;
}

.settings-section_content .right-column {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  gap: 7.7em;
}

.settings-section_content .unified-subtitle {
  margin-bottom: 0;
  text-align: left;
}

.settings-section_content .section-title {
  max-width: 928px;
}

.settings-section_row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1em 5em;
  padding-right: 16%;
}

.setting-img {
  position: sticky;
  top: 0;
  height: 100vh;
  margin-bottom: -5em;
}

.setting-img img {
  border-radius: 20px;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.align-items-end {
  align-items: flex-end;
}

/**benefits-section**/
.benefits-section {
  padding: 18em 0 1.7em;
}

.benefits-content {
  display: flex;
  gap: 2em;
}

.benefits_left-column {
  flex: 40.5% 0 0;
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 1.2em;
}

.benefits_left-column .unified-subtitle {
  margin-bottom: 0;
  text-align: left;
}

.benefits_left-column .section-title {
  margin-bottom: 0;
  max-width: 480px;
}

.benefits_right-column {
  flex: 1 0 0;
}

.benefit-item {
  background: #161616;
  border-radius: 10px;
  margin-bottom: 3px;
  padding: 4em 2.4em;
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}

.benefit-item_title {
  font-size: 2.5rem;
}

.offer-clients_section {
  padding-top: 3em;
}

.offer-clients_header {
  margin-bottom: 7em;
}

.offer-clients_header h2 {
  margin-bottom: 0;
}

/**contact-section**/
.contact-section {
  padding-top: 10em;
  padding-bottom: 0;
  border-bottom: none;
}

.contact-section_header {
  display: flex;
  gap: 1em;
  padding-right: 7.3em;
  margin-bottom: 3.3em;
}

.contact-section_header .back-page_btn {
  margin-bottom: 0;
}

.contact-section_header .unified-subtitle {
  margin-bottom: 0;
  flex: 1 0 0;
  display: flex;
  justify-content: center;
  margin-top: -1.65em;
}

.contact-title {
  font-size: 2.5rem;
}

.contact-section_content {
  display: flex;
  flex-direction: column;
  gap: 6em;
}

.contact-section_body {
  padding: 6.8em 0 10em;
  display: flex;
  gap: 2em;
}

.contact-section_body .left-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  font-size: 6rem;
  font-weight: 300;
  flex: 57.5% 0 0;
  gap: .23em;
}

.contact-section_body .right-column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2.5em;
  padding-top: 2em;
  padding-bottom: .5em;
  flex: 1 0 0;
}

.contact-section_body .right-column_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1em;
  max-width: calc(100% - 1em);
  width: 100%;
}

.contact_callback-btn {
  height: 46px;
  border-radius: 10px;
  padding: 0 3.3em 0 1.3em;
  background: #fff;
  color: #000;
}

.contact_callback-btn:hover:after {
  background: #000 url(/local/templates/main/css/../img/icons/arrow-2.svg) no-repeat center;
}

.contact_callback-btn:after {
  left: calc(100% - 2.3em);
  background: #000;
}

.contact_social-list {
  display: flex;
  gap: 7em;
}

.contact-adress {
  display: flex;
  flex-direction: column;
  gap: 1.1em;
  max-width: 293px;
}

.contact-section_footer {
  display: flex;
  flex-direction: column;
  gap: 4em;
}

.contact-form {
  display: flex;
  gap: 5px;
}

.contact-form .left-column {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.contact-form .right-column {
  flex: 392px 0 0;
  display: flex;
  flex-direction: column;
  gap: 1.8em;
}

.contact-form_fields {
  display: flex;
  gap: 5px;
}

.contact-form_fields .form-group {
  flex: 1 0 0;
}

.contact-form_fields .form-control {
  border-color: #333333;
  background-color: transparent;
}

.contact-form_fields .form-control:focus {
  border: 1px solid #fff;
}

.contact-form_fields .form-control::-webkit-input-placeholder {
  color: #fff;
}

.contact-form_fields .form-control::input-placeholder {
  color: #fff;
}

.contact-form_fields .form-control::-moz-input-placeholder {
  color: #fff;
}

.wrapper_input-file {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  padding-left: 50%;
}

.input-file {
  display: flex;
  align-items: center;
  height: 44px;
  border-radius: 10px;
  gap: 1em;
  background: #181818;
  color: #8B8B8B;
  position: relative;
  cursor: pointer;
  padding: 0 1em;
  transition: background .3s;
}

.input-file:hover {
  background: #323232;
}

.input-file:after {
  content: '';
  display: block;
  height: 24px;
  background: url(/local/templates/main/css/../img/icons/pin.svg) no-repeat center;
  background-size: contain;
  width: 24px;
}

.input-file:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.upload-file {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.upload-message_box {
  display: flex;
  align-items: center;
  gap: 1em;
  width: 0;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s, margin .3s;
}

.upload-message_box:before {
  content: '';
  display: block;
  height: 15px;
  flex: 15px 0 0;
  background: url(/local/templates/main/css/../img/icons/check.svg) no-repeat center;
  background-size: contain;
  width: 20px;
}

.upload-message_box.is-active {
  width: auto;
  transform: scale(1, 1);
}

.contact-form_wrapper-submit {
  position: relative;
  justify-content: center;
  width: 100%;
}

.contact-form_submit {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

/**about-section**/
.about-section_header {
  border-bottom: none;
  padding-bottom: 13.7em;
}

.about-section_header .right-text {
  position: relative;
  top: 2em;
}

.about-banner {
  background: url(/local/templates/main/css/../img/bg/about-bg.jpg) no-repeat center top;
  background-size: cover;
  height: 35vw;
}

.about-text_header {
  padding-bottom: 17em;
}

.about-text_header .right-text {
  max-width: 855px;
}

/**about_advantages-section**/
.about_advantages-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10em;
  border-bottom: 1px solid #fff;
  padding-bottom: 6em;
  margin-bottom: 10em;
  max-width: 1089px;
}

.about_advantages-list li {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}

.about_advantage-item {
  font-size: 6rem;
  font-weight: 300;
}

.wrapper-about_advantages-list {
  display: flex;
  justify-content: flex-end;
}

.wrapper-about_advantages-list .about_advantages-list {
  margin-bottom: 0;
  max-width: 1228px;
  gap: 2em;
  width: 100%;
}

/**principles-section**/
.principles-section {
  padding-top: 18.7em;
}

.principles-section .development-content {
  gap: 5em 2em;
}

.principles-section_header {
  margin-bottom: 10em;
}

.about_title-section {
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5em;
}

.about_title-section .section-title {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  max-width: 1004px;
  text-align: center;
}

.we-do_section {
  padding-top: 0;
}

/**design-section**/
.design-section_content {
  display: flex;
  gap: 2em;
}

.design-section_content .left-column {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  padding-top: 2em;
  gap: 4.3em;
}

.design-section_content .right-column {
  flex: 63.6% 0 0;
}

.design-section_content .unified-subtitle {
  margin-bottom: 0;
  text-align: left;
}

.design-section_content .section-title {
  margin: 0;
  padding-right: 15%;
}

.design-item {
  gap: 2.5em;
  padding: 3em 4em 2em;
  min-height: 479px;
}

.design-item .item-title {
  margin-bottom: auto;
}

.design-item p {
  min-height: 160px;
}

/**awards-section**/
.awards-section {
  padding-top: 13em;
}

.award-content {
  margin-bottom: 6.5em;
}

.award-item {
  border-bottom: 1px solid #222222;
  padding: 3em 0;
}

.award-item:first-child {
  border-top: 1px solid #222222;
}

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

.award-item:hover {
  transition: border-bottom-color .3s;
  border-bottom-color: #fff;
}

.award-item_content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1680px;
  width: 100%;
  gap: 13.5%;
}

.award-item_content .item-title {
  font-size: 2.5rem;
  flex: 0 0 auto;
  max-width: 180px;
  margin-right: auto;
}

.award-item_content .item-text {
  max-width: 330px;
  margin-left: -14%;
  margin-right: auto;
}

.award_show-btn {
  gap: 1em;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}

.award_show-btn.is-active:after {
  transform: rotate(-135deg);
  top: 4px;
}

.award_show-btn:hover:after {
  border-color: #000;
}

.award_show-btn:after {
  content: '';
  display: block;
  height: 10px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  width: 10px;
  position: relative;
  top: -4px;
  transform: rotate(45deg);
  transition: border-color .3s;
}

.advantages-about_section {
  padding-top: 22em;
}

/**portfolio-section**/
.portfolio-top_section {
  border-bottom: none;
  padding-bottom: 3.5em;
}

.portfolio-section_header {
  margin-bottom: 2.5em;
}

.portfolio-section .bx-filter {
  margin-bottom: 3em;
}

.portfolio-menu {
  display: flex;
  justify-content: center;
  border-radius: 10px;
  background: #161616;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 0 1em;
}

.portfolio-menu.no-border {
  border-radius: 10px 10px 0 0;
}

.portfolio-menu > li {
  display: flex;
  align-items: center;
  color: #8A8A8A;
  min-height: 80px;
  padding: 0 2em;
  cursor: pointer;
  gap: 1em;
  transition: color .3s;
}

.portfolio-menu > li.is-active {
  color: #fff;
}

.portfolio-menu > li.is-active:after {
  border-color: #fff;
  top: 4px;
  transform: rotate(-135deg);
}

.portfolio-menu > li:hover {
  color: #fff;
}

.portfolio-menu > li:hover:after {
  border-color: #fff;
}

.portfolio-menu > li:after {
  content: '';
  display: block;
  height: 10px;
  border-right: 1px solid #8A8A8A;
  border-bottom: 1px solid #8A8A8A;
  width: 10px;
  position: relative;
  top: -4px;
  transform: rotate(45deg);
  transition: border-color .3s;
}

.portfolio-menu_hidden {
  display: none;
  border-radius: 15px;
  background: #161616;
  padding: 2.4em 3em;
}

.portfolio-menu_hidden .unified-menu {
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
}

.tab {
  cursor: pointer;
}

.tab-item {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity .2s;
}

.tab-item.is-visible {
  height: auto;
  overflow: visible;
  animation: fadein 1s forwards;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/**case-top_section**/
.case-top_section {
  padding-bottom: 2.7em;
  border-bottom: none;
}

.case-top_box-desc_mod {
  flex: 34% 0 0;
  padding-left: 4.5em;
  padding-top: 2em;
}

/**task-section**/
.task-section {
  padding: 8em 0 9em;
  border-bottom: 1px solid #fff;
  margin-bottom: 7em;
}

.task-section_content {
  display: flex;
  margin-bottom: 8em;
  gap: 2em;
}

.task-section_left-column {
  flex: 40.5% 0 0;
  display: flex;
  flex-direction: column;
  padding-right: 10%;
  gap: 1.5em;
}

.task-section_left-column .subtitle {
  font-weight: 600;
}

.task-section_right-column {
  flex: 1 0 0;
}

.task-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2em;
}

.task-list li {
  display: flex;
  flex-direction: column;
  gap: 1.7em;
}

.task-list .subtitle {
  font-weight: 600;
}

.task-list p {
  line-height: 1.6;
}

.wrapper_task-slider {
  overflow: hidden;
}

.task-slider {
  display: flex;
  gap: 4.5em;
}

.task-slide {
  display: flex;
  align-items: center;
  gap: 2em;
  font-size: 1.5625rem;
}

.task-slide .item-icon {
  height: 42px;
  flex: 42px 0 0;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .4em;
  width: 42px;
}

.task-slide img {
  max-height: 100%;
}

/**target-section**/
.target-section {
  padding: 15.4em 0 19em;
  display: flex;
  gap: 2em;
}

.target_left-column {
  flex: 23.5% 0 0;
}

.target_left-column .subtitle {
  font-weight: 600;
}

.target_right-column {
  flex: 1 0 0;
}

.target-row {
  max-width: 1000px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6em 7em;
}

.target-item {
  display: flex;
  flex-direction: column;
  gap: 1.3em;
  padding-right: 10%;
}

.target-item p {
  line-height: 1.5;
}

.target-item_title {
  font-weight: 600;
}

/**development-section**/
.development-section_header {
  display: flex;
  gap: 2em;
  justify-content: space-between;
  margin-bottom: 3.7em;
}

.development-section_header .item-logo {
  max-width: 120px;
}

.development-section_title {
  font-size: 2.5rem;
  max-width: 700px;
}

.development-unit {
  margin-bottom: 5.5em;
}

.development-unit:last-child {
  margin-bottom: 0;
}

.development-unit img {
  border-radius: 10px;
  width:auto;
  height:auto;
}

.development-unit_subtitle {
  display: block;
  margin-bottom: 2.2em;
}

.two-column_img {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2px;
  margin-bottom: 4px;
  position: sticky;
  top: 0;
}

.caption-img {
  position: relative;
}

.caption-img img {
  height: 100%;
  object-fit: cover;
  max-width: 852px;
  width: 100%;
}

.caption-img_title {
  color: #1F254C;
  position: absolute;
  top: 2.7em;
  left: 2.7em;
}

.caption-img_title.white-title {
  color: #fff;
}

.caption-img_title.black-title {
  color: #000;
}

.wrapper_project-img {
  position: relative;
}

.wrapper_project-img .project-img {
  position: sticky;
  top: 0;
  margin-bottom: 4px;
}

.project-img_position {
  position: relative;
  z-index: 1;
}

.project-absolut_img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.development-unit_bg {
  height: 560px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  position: sticky;
  top: 0;
}

.development-unit_content {
  margin-bottom: 6em;
}

.three-column_img {
  display: flex;
  position: relative;
  padding-right: 5%;
  margin-bottom: 3em;
  z-index: 1;
}

.three-column_img .project-img_first {
  position: relative;
  right: -6em;
  top: 8em;
  align-self: center;
  z-index: 1;
}

.project-img_column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 39% 0 17%;
  margin-left: -6em;
  position: relative;
  gap: 2em;
  z-index: 1;
}

.project-img_shadow img {
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.5);
}

.three-column_img-mod {
  display: flex;
  justify-content: center;
  padding: 3.5em 10% 0;
  margin-bottom: 6em;
}

.three-column_img-mod .project-img_first {
  margin-top: 45.5%;
  position: relative;
  left: 4.5em;
}

.three-column_img-mod .project-img_second {
  position: relative;
  z-index: 2;
}

.three-column_img-mod .project-img_third {
  margin-top: 31.5%;
  position: relative;
  left: -4.5em;
  z-index: 2;
}

.sticky-img {
  position: sticky;
  top: 0;
}

.two-column_mod-img {
  display: flex;
  justify-content: center;
  position: relative;
  gap: 2em;
  z-index: 2;
}

.project-img_mod-column {
  display: flex;
  flex-direction: column;
  gap: 2em;
}

.case-menu {
  background: #161616;
  padding: 0 1em;
  position: fixed;
  bottom: 1em;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  border-radius: 15px;
  width: fit-content;
  z-index: 100;
}

.case-menu.is-static {
  position: absolute;
  bottom: 0;
  visibility: hidden;
}

.case-menu a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.2em 1.6em;
  border-bottom: none;
  color: #8A8A8A;
  min-height: 69px;
  text-align: center;
  transition: background .3s, color .3s;
}

.case-menu a.active {
  color: #fff;
}

/**result-mod_section**/
.result-mod_section {
  padding: 10.5em 0 15.5em;
  display: flex;
  gap: 2em;
}

.result-mod_section .subtitle {
  font-weight: 600;
}

.result-mod_section .left-column {
  flex: 23.5% 0 0;
}

.result-mod_section .right-column {
  flex: 1 0 0;
  max-width: 814px;
}

.result-mod_section p {
  margin-bottom: .8em;
}

/**confidentiality-section**/
.confidentiality-section {
  padding-bottom: 0;
  border-bottom: none;
}

.confidentiality-section h1 {
  margin-bottom: 1em;
  max-width: 980px;
}

.confidentiality-content {
  max-width: 1092px;
}

.confidentiality_top-info {
  display: flex;
  flex-direction: column;
  gap: 1em;
  margin-bottom: 3em;
}

.confidentiality-item {
  margin-bottom: 4em;
}

.confidentiality-item_title {
  font-size: 2.5rem;
  display: block;
  margin-bottom: .3em;
}

/**error-section**/
.error-section {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  padding-top: 1em;
  padding-bottom: .5em;
  gap: 1em;
}

.error-section .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3em;
  flex: 1 0 0;
}

.error-section .main-btn {
  min-width: 287px;
}

.error-number {
  font-size: 14.5rem;
  font-weight: 300;
}

.error_large-text {
  font-size: 5.3vw;
  flex: 0 0 auto;
  font-weight: 300;
  line-height: 1;
  white-space: nowrap;
  text-transform: uppercase;
}

.error {
  display: block;
  font-size: .875rem;
  color: #ec617a;
}

.input-error {
  border-color: #ec617a !important;
}

.circle {
  position: fixed;
  background-color: #fff;
  width: 30px;
  height: 30px;
  left: -10px;
  top: -10px;
  user-select: none;
  pointer-events: none;
  border-radius: 100%;
  z-index: 120;
  transform: scale(1);
}

.circle-follow {
  position: fixed;
  border: 1px solid #fff;
  width: 30px;
  height: 30px;
  left: -10px;
  top: -10px;
  opacity: 0;
  user-select: none;
  pointer-events: none;
  overflow: hidden;
  border-radius: 100%;
  z-index: 110;
  transform: scale(1);
}

.fancybox-container {
  z-index: 200;
}

/***main-footer***/
.main-footer {
  flex: 0 0 auto;
  padding-top: 6em;
}

.main-footer_top {
  display: flex;
  gap: 2em;
  margin-bottom: 10.2em;
}

.main-footer_top .left-column {
  flex: 23.2% 0 0;
}

.main-footer_top .right-column {
  flex: 1 0 0;
}

.main-footer_top .unified-subtitle {
  margin-bottom: 0;
  text-align: left;
}

.contact-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 980px;
  flex-wrap: wrap;
  gap: 2em;
  padding-top: 10px;
}

.footer-logo {
  display: block;
  margin-bottom: .8em;
}

.footer-logo .logo-text {
  font-size: 5.2rem;
}

.footer-logo .logo-text_anim {
  width: 50px;
  height: 62px;
  overflow: hidden;
}

.main-footer_bottom {
  display: flex;
  overflow: hidden;
}

.main-footer_bottom .left-column {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 1.5%;
  align-items: center;
  gap: .8em 9%;
  font-size: .875rem;
  padding-right: 1em;
  flex: 1 0 0;
}

.footer-btn {
  position: relative;
  padding-bottom: 2px;
}

.footer-btn:hover:after {
  width: 100%;
}

.footer-btn:after {
  content: '';
  display: block;
  height: 1px;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  transition: width .3s;
}

.up-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: end;
  gap: 1.5em;
  flex: 244px 0 0;
  width: 244px;
  height: 62px;
  padding: 0 1em;
  border-radius: 12px 12px 0 0;
  background: #fff;
  color: #000;
  cursor: pointer;
}

.up-btn:after, .up-btn:before {
  content: "";
  display: block;
  height: 14px;
  background: url(/local/templates/main/css/../img/icons/arrow.svg) no-repeat center;
  background-size: contain;
  width: 14px;
  transform: rotate(-45deg);
}

.anim-btn_content {
  display: flex;
  gap: 1px;
}

.anim-btn .letter-last {
  margin-right: 5px;
}

.anim-btn:hover .letter {
  animation: nectar 0.5s cubic-bezier(0.46, 0.4, 0.56, 0.87) forwards;
  transform: translateY(110%);
  opacity: 0;
}

@keyframes nectar {
  0% {
    opacity: 0;
    transform: translateY(115%);
  }
  30% {
    opacity: 1;
  }
  45% {
    opacity: 1;
    transform: translateY(-25%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.tablet-small_visible {
  display: none;
}

.mobile-visible {
  display: none;
}

.tablet-visible {
  display: none;
}

@media only screen and (max-width: 1900px) {
  .callback-box_body {
    gap: 0.1em;
  }
  .social-list {
    margin-bottom: .4em;
  }
  .callback-title {
    margin-bottom: .2em;
  }
  .fixed-panel {
    gap: 0.5em;
  }
  .callback-form_footer {
    gap: .7em;
  }
  .callback-title {
    font-size: 1.75rem;
    padding-right: 10%;
  }
  .advantage-item {
    min-height: 24vw;
  }
  .cases-section {
    padding-top: 5em;
  }
  .certificates-section {
    padding-top: 9em;
  }
}

@media only screen and (max-width: 1675px) {
  .case-item {
    min-height: 37vw;
  }
  .stages-work_mod-item.penult-item {
    min-height: 30vw;
  }
  .results-slider .slick-list {
    padding: 0 0 0 13px;
  }
  .results-slider:before {
    width: 12px;
  }
  .result-slide_img {
    height: 32vw;
  }
  .result-slide {
    max-width: 47vw;
  }
  .contact-section_body .left-column {
    font-size: 5vw;
    flex: 53% 0 0;
  }
  .contact-section_body .right-column_top {
    max-width: calc(100% - 2em);
  }
  .contact_social-list {
    gap: 4vw;
  }
  .award-item {
    padding-right: 1.7em;
  }
  .development-unit_bg {
    height: 28vw;
  }
  .portfolio-menu_hidden {
    padding: 1.7em 2em;
  }
}

@media only screen and (max-width: 1599px) {
  .stages-work_mod-item_last {
    position: relative;
    background-color: transparent;
    z-index: 1;
  }
  .stages-work_mod-item_last:after {
    content: '';
    display: block;
    width: 27vw;
    height: 27vw;
    border-radius: 50%;
    background: #161616;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: -1;
  }
  .about_advantages-list {
    max-width: 67%;
    gap: 6em;
  }
  .wrapper-about_advantages-list .about_advantages-list {
    max-width: 76%;
    gap: .5em;
  }
}

@media only screen and (max-width: 1399px) {
  h1, .main-title {
    font-size: 4rem;
  }
  .fixed-btn {
    width: 130px;
    height: 110px;
    font-size: .875rem;
  }
  .fixed-btn .item-arrow {
    height: 20px;
    width: 20px;
    background-size: 10px 10px;
    border-radius: 5px;
  }
  .main-section .laptop-img {
   /* width: 70%;*/
  }
  h2, .section-title {
    font-size: 3rem;
  }
  .title-section h2 {
    padding: 0 15%;
  }
  .service-item_title {
    font-size: 3rem;
  }
  .service-item_text {
    min-height: 100px;
  }
  .service-item {
    padding: 3em 0;
  }
  .advantages-title {
    font-size: 6rem;
  }
  .interfaces-section {
    padding: 5em 0 10em;
  }
  .main-interfaces-section {
    padding-bottom: 3em;
  }
  .main-content {
    padding-bottom: 7em;
  }
  .main-footer {
    padding-top: 4em;
  }
  .main-footer_top {
    margin-bottom: 7em;
  }
  .up-btn {
    flex: 230px 0 0;
    height: 50px;
    gap: 1em;
    width: 230px;
  }
  .ticker-section {
    padding: 7em 0;
  }
  .ticker-section--clients {
    padding: 5.5em 0;
  }
  .ticker-section--clients .ticker-slider {
    gap: 3.6em;
  }
  .ticker-item--logo {
    height: 54px;
  }
  .preloader__percent {
    font-size: 7rem;
  }
  .loader-content {
    height: 30px;
  }
  .head-menu {
    font-size: 2rem;
  }
  .dropdown-menu {
    min-height: 330px;
    width: 345px;
  }
  .social-list {
    gap: .7em;
  }
  .social-list .unified-btn {
    height: 42px;
    font-size: .875rem;
  }
  .fixed-panel {
    top: 1em;
    bottom: 1em;
    right: 1em;
  }
  .callback-box_text {
    font-size: .875rem;
  }
  .form-label {
    line-height: 50px;
  }
  .form-control {
    height: 50px;
  }
  .form-group.focus .form-label {
    line-height: 2;
  }
  .services-mod_section {
    padding-top: 7em;
  }
  .scheme-work_section {
    padding: 7em 0 9em;
  }
  .technology-content {
    gap: .7em;
  }
  .technology-item {
    width: 13vw;
    height: 13vw;
  }
  .unified-section_header .right-text {
    padding-bottom: 0;
  }
  .field-activity_header {
    margin-bottom: 5em;
  }
  .stages-work_section {
    padding-top: 10em;
  }
  .stages-work_mod-section {
    padding-top: 10em;
  }
  .result-section {
    padding: 10em 0 5em;
  }
  .result-row {
    padding-right: 0;
  }
  .result-item {
    padding: 1.5em 2em;
  }
  .settings-section {
    padding: 10em 0 5em;
  }
  .settings-section_content .left-column {
    flex: 18% 0 0;
  }
  .settings-section_content .right-column {
    gap: 4em;
  }
  .settings-section_content {
    margin-bottom: 7em;
  }
  .client-section_left-column {
    flex: 18% 0 0;
  }
  .client-section .section-title {
    padding-left: 20.5%;
  }
  .goals-section_header {
    padding-left: 20.5%;
  }
  .unified-text_header {
    padding: 7em 0;
  }
  .benefits-section {
    padding-top: 10em;
  }
  .technology-mod_section {
    padding-top: 10em;
  }
  .contact-section_body {
    padding: 4em 0 6em;
  }
  .contact-form_wrapper-submit {
    height: 50px;
  }
  .about-section_header {
    padding-bottom: 9em;
  }
  .about_advantage-item {
    font-size: 4rem;
  }
  .about_advantages-list {
    padding-bottom: 4em;
    margin-bottom: 7em;
  }
  .principles-section {
    padding-top: 12em;
  }
  .principles-section_header {
    margin-bottom: 7em;
  }
  .we-do_section {
    padding-top: 0;
  }
  .design-item {
    padding: 2em 2.2em 1.5em;
  }
  .design-section_content .right-column {
    flex: 70% 0 0;
  }
  .advantage-item .item-title {
    font-size: 2.1rem;
  }
  .certificate-item {
    padding: 4em 0;
  }
  .certificate-item_content-inner .item-title {
    font-size: 2.1rem;
  }
  .advantages-about_section {
    padding-top: 11em;
  }
  .award-item_content .item-title {
    font-size: 2.1rem;
  }
  .award-item {
    padding: 2em 0;
    padding-right: 1.7em;
  }
  .award-content {
    margin-bottom: 4em;
  }
  .unified-text_header .right-text {
    font-size: 2rem;
  }
  .development-item .item-title {
    font-size: 2.1rem;
  }
  .unified-subtitle {
    margin-bottom: 4em;
  }
  .success-stories_menu {
    margin-bottom: 4.7em;
  }
  .task-section {
    padding: 7em 0 8em;
  }
  .task-section_content {
    margin-bottom: 5em;
  }
  .target-section {
    padding: 10em 0;
  }
  .target-row {
    gap: 4em;
  }
  .development-section_header {
    margin-bottom: 2.5em;
  }
  .three-column_img .project-img_first {
    right: -3em;
    top: 5em;
  }
  .project-img_column {
    margin-left: -3em;
  }
  .result-mod_section {
    padding: 7em 0 10em;
  }
  .error-number {
    font-size: 10rem;
  }
  .portfolio-menu > li {
    min-height: 70px;
  }
}

@media only screen and (max-width: 1359px) {
  .main-section {
    padding-top: 11em;
  }
  .ui-header {
    padding: 1.2em 0;
  }
  .menu-btn {
    height: 40px;
    width: 95px;
  }
  .head_callback-btn {
    height: 40px;
  }
  .head_callback-btn.is-visible {
    width: 40px;
  }
  .stage-work_item {
    padding: 4em 0;
  }
  .certificate-item {
    padding: 4em 0;
  }
  .stages-work_mod-item {
    padding: 2em;
  }
  .advantage-item .item-title {
    font-size: 1.7rem;
  }
  .award-item_content .item-text {
    margin-left: 0;
  }
  .award-item_content {
    gap: 3em;
  }
  .task-section_left-column {
    flex: 35% 0 0;
  }
  .task-list {
    gap: 1em;
  }
}

@media only screen and (max-width: 1199px) {
  .main-title.advantages-title {
    font-size: 6vw;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 80%;
  }
  .main-title.advantages-title .small-text {
    font-size: 1.8vw;
    display: inline-block;
    left: 4.5em;
    top: -2em;
  }
  .advantages-title_img {
    width: 11vw;
    height: 23vw;
    left: 41%;
    top: 40%;
  }
  .advantage-item_body .item-number {
    font-size: 1.7rem;
  }
  .advantage-item_body .item-text {
    padding-right: 0;
  }
  .stages-work_mod-content {
    flex-direction: column;
  }
  .stages-work_row {
    grid-template-columns: repeat(3, 1fr);
  }
  .case-item_footer {
    flex-direction: column;
    align-items: flex-start;
  }
  .case-item_desc {
    opacity: 1;
    visibility: visible;
    order: 1;
    max-width: 100%;
  }
  .case-item_btn {
    order: 2;
  }
  .client-info_list {
    padding: 1.5em 0;
  }
  .client-section_content {
    padding-top: 0;
  }
  .client-section {
    padding: 5em 0 6em;
  }
  .goals-section .top-text {
    margin-bottom: 3em;
  }
  .goals-section_img {
    margin-bottom: 5em;
  }
  .goals-section_footer .left-column {
    flex: 27% 0 0;
  }
  .goals-section_footer .unified-tick_list {
    gap: 3em;
  }
  .goals-section_footer .section-title {
    margin-top: -.2em;
  }
  .case-top_box-desc .item-title {
    font-size: 1.7rem;
  }
  .case-top_box-column .item-digit {
    font-size: 1.7rem;
  }
  .case-top_box {
    min-height: 32vw;
    padding-top: 1em;
  }
  .case-top_box-desc {
    padding-left: 1em;
    padding-bottom: 1em;
  }
  .result-section {
    padding: 6em 0 4em;
  }
  .result-row {
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 3em;
  }
  .result-item {
    min-height: 140px;
  }
  .result-section .top-text {
    margin-bottom: 3em;
  }
  .result-slide {
    gap: 1em;
  }
  .results-slider {
    margin-bottom: 4em;
  }
  .settings-section_row {
    padding-right: 0;
  }
  .settings-section_content .right-column {
    gap: 3em;
  }
  .settings-section_content {
    margin-bottom: 4em;
  }
  .result-item_digit {
    font-size: 1.7rem;
  }
  .stages-work_pad-section {
    padding-top: 0;
  }
  .benefits-section {
    padding-top: 7em;
  }
  .benefit-item_title {
    font-size: 1.7rem;
  }
  .benefit-item {
    padding: 2em 1.5em;
  }
  .rates-content {
    padding-top: 0;
  }
  .contact-section_body .left-column {
    flex: 47% 0 0;
  }
  .contact-title {
    font-size: 1.7rem;
  }
  .contact-form .right-column {
    flex: 300px 0 0;
  }
  .contact-form .min {
    display: inline;
  }
  .wrapper_input-file {
    padding-left: 0;
  }
  .design-row {
    grid-template-columns: repeat(2, 1fr);
  }
  .unified-section_header .right-text {
    flex: 45% 0 0;
  }
  .about-section_header {
    padding-bottom: 5em;
  }
  .unified-text_header {
    padding: 5em 0;
  }
  .about_advantage-item {
    font-size: 3rem;
  }
  .about_advantages-list {
    padding-bottom: 3em;
    margin-bottom: 5em;
  }
  .principles-section {
    padding-top: 7em;
  }
  .about_title-section {
    height: auto;
    padding: 7em 0;
    gap: 3em;
  }
  .service-item_text {
    min-height: 70px;
  }
  .certificate-item {
    padding: 3em 0;
  }
  .advantages-about_section {
    padding-top: 7em;
  }
  .awards-section {
    padding-top: 7em;
  }
  .success-stories_menu {
    margin-bottom: 3.5em;
  }
  .award-item_content .item-title {
    margin-right: 0;
  }
  .award-item_content .item-text {
    margin-right: 0;
  }
  .like-btn {
    width: 100px;
    height: 100px;
    padding: 1em;
    gap: .5em;
    font-size: .875rem;
  }
  .like-btn_icon {
    width: 25px;
    height: 25px;
    flex: 25px 0 0;
  }
  .like-btn_left {
    min-width: 57px;
    padding-left: .4em;
  }
  .portfolio-menu > li {
    min-height: 49px;
    padding: 0 1em;
  }
  .task-section_content {
    flex-direction: column;
    gap: 2em;
  }
  .task-section_content .left-column {
    flex: auto;
  }
  .task-section {
    padding: 5em 0;
    margin-bottom: 5em;
  }
  .task-section_content {
    margin-bottom: 3em;
  }
  .target-section {
    padding: 5em 0;
  }
  .result-mod_section {
    padding: 3em 0 5em;
  }
  .target-row {
    gap: 2em;
  }
  .caption-img_title {
    top: 1em;
    left: 1em;
  }
  .confidentiality-item_title {
    font-size: 1.7rem;
  }
  .footer-logo {
    max-width: 30%;
    margin-bottom: -.5em;
  }
  .footer-logo .logo-text {
    font-size: 3.5rem;
  }
  .footer-logo .logo-text_anim {
    width: 34px;
  }
  .main-footer_bottom .left-column {
    padding-top: 4px;
  }
  .main-footer_bottom {
    gap: .4em;
  }
}

@media only screen and (max-width: 1024px) {
  .tablet-visible {
    display: block;
  }
  .tablet-hidden {
    display: none !important;
  }
  h1, .main-title {
    font-size: 3rem;
  }
  .process-section {
    min-height: auto;
  }
  .main-section_header .right-cell {
    bottom: 1em;
  }
  .title-section {
    height: auto;
    padding: 5em 0;
  }
  .wwrapper_projects-title .title-section {
    padding: 4em 0;
  }
  .bitrix-benefits-section {
    padding-bottom: 4em;
  }
  .bitrix-benefits-header {
    margin-bottom: 3em;
  }
  .bitrix-benefits-header h2 {
    font-size: 3rem;
  }
  .bitrix-benefits-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .bitrix-benefit:nth-child(odd) {
    border-left: 0;
  }
  .bitrix-benefit {
    min-height: auto;
    padding: 4em 2em 2em;
    border-left: 0;
    border-top: 2px solid rgba(255, 255, 255, .18);
  }
  .bitrix-benefit:first-child {
    border-top: 0;
  }
  .bitrix-benefit__number {
    top: 2em;
    left: 2em;
  }
  .bitrix-benefit__title,
  .bitrix-benefit__text {
    max-width: 32em;
  }
  .bitrix-benefits-cta {
    align-items: flex-start;
    flex-direction: column;
    gap: 2em;
    padding: 2em 2em 0;
  }
  .project-item .container {
    height: auto;
    min-height: 500px;
  }
  .main-cases-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .main-services-section {
    padding: 3em 0 5em;
  }
  .main-services-layout {
    grid-template-columns: 1fr;
    gap: 3em;
  }
  .main-services-aside {
    position: static;
    min-height: auto;
  }
  .main-service-row {
    min-height: 220px;
    grid-template-columns: 3.5em minmax(0, 1fr) 48px;
    gap: 1.3em;
  }
  .project-item_title {
    font-size: 2.5rem;
  }
  .project-item_subtitle {
    font-size: 1.125rem;
  }
  .project-item_list li {
    height: 40px;
    padding: 0 .7em;
    font-size: .875rem;
  }
  .interfaces-section {
    padding: 2em 0 5em;
  }
  .main-interfaces-section {
    padding-bottom: 3em;
  }
  h2, .section-title {
    font-size: 2.5rem;
  }
  .service-item_title {
    font-size: 2.5rem;
  }
  .service-item_right-column {
    max-width: 350px;
    padding-right: 0;
    padding-top: .7em;
  }
  .ticker-section {
    padding: 4em 0;
  }
  .ticker-section--clients .ticker-slider {
    gap: 2.4em;
  }
  .ticker-item--logo {
    height: 42px;
  }
  .ticker-item--logo img {
    max-width: 190px;
  }
  .unified-subtitle {
    margin-bottom: 2em;
  }
  .advantages-list {
    grid-template-columns: repeat(3, 1fr);
  }
  .advantage-item {
    min-height: 32vw;
  }
  .main-content {
    padding-bottom: 3em;
  }
  .main-footer_top .left-column {
    flex: 19% 0 0;
  }
  .min {
    display: inline;
  }
  .contact-list {
    gap: 2em 3em;
    justify-content: flex-start;
  }
  .up-btn {
    font-size: .875rem;
    flex: 190px 0 0;
    width: 190px;
  }
  .up-btn:before {
    display: none;
  }
  .main-footer_top {
    margin-bottom: 4em;
  }
  .top-section {
    padding-top: 7em;
  }
  .services-mod_section {
    padding-top: 5em;
  }
  .scheme-work_section {
    padding: 5em 0 7em;
  }
  .scheme-work_content {
    padding-right: 0;
    gap: 3em;
  }
  .scheme-work_item .item-title {
    font-size: 1.7rem;
  }
  .top-section {
    padding-bottom: 4em;
  }
  .unified-text_header {
    padding: 5em 0;
  }
  .unified-text_header .right-text {
    font-size: 1.7rem;
  }
  .field-activity_header {
    margin-bottom: 4em;
  }
  .development-item .item-title {
    font-size: 1.7rem;
  }
  .development-content {
    gap: 2em;
    grid-template-columns: repeat(2, 1fr);
  }
  .stage-work_item {
    padding: 3em 0;
  }
  .stage-work_item-content .item-title {
    font-size: 1.7rem;
  }
  .cases-section {
    padding-top: 4em;
  }
  .main-cases-grid {
    grid-template-columns: 1fr;
    gap: 2.8em;
  }
  .main-case-card__image {
    margin-bottom: 1.4em;
    border-radius: 18px;
  }
  .main-case-card__title {
    font-size: 1.25rem;
  }
  .main-case-card__text {
    font-size: .95rem;
  }
  .main-case-card__tags li {
    min-height: 34px;
    padding: 0 1em;
    font-size: .82rem;
  }
  .main-services-section {
    padding: 2.5em 0 4em;
  }
  .main-services-layout {
    gap: 2.4em;
  }
  .main-service-row {
    min-height: auto;
    grid-template-columns: 1fr 44px;
    gap: 1em;
    padding: 2em 0;
  }
  .main-service-row__number {
    grid-column: 1 / -1;
  }
  .main-service-row__content h3 {
    margin-bottom: .9em;
  }
  .main-service-row__content p {
    font-size: .98rem;
  }
  .main-service-row__plus {
    width: 44px;
    height: 44px;
  }
  .certificates-section {
    padding-top: 5em;
  }
  .certificate-item_content-inner .item-title {
    font-size: 1.7rem;
  }
  .certificate-item {
    padding: 3em 0;
  }
  .certificate-item_content {
    gap: 1em;
  }
  .unified-section_header {
    align-items: center;
  }
  .projects-slider {
    margin-top: 0;
  }
  .complex-approach_section {
    padding-top: 5em;
  }
  .unified-section_header {
    flex-direction: column;
    align-items: flex-start;
  }
  .complex-approach_section .field-activity_header {
    margin-bottom: 4em;
  }
  .stages-work_section {
    padding-top: 5em;
  }
  .stages-work_mod-section {
    padding-top: 5em;
  }
  .stages-work_mod-item {
    padding: 1.5em;
    gap: 1.2em;
  }
  .advantage-item .item-title {
    font-size: 1.5rem;
  }
  .rate-item_title {
    font-size: 1.7rem;
  }
  .rate-item {
    padding: 1.3em;
  }
  .interfaces-section {
    padding: 7em 0 2em;
  }
  .main-interfaces-section {
    padding-bottom: 2.5em;
  }
  .unified-panel {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 3em;
  }
  .case-item_desc {
    display: none;
  }
  .rates-content {
    display: flex;
    flex-direction: column;
  }
  .case-item_title {
    font-size: 1.7rem;
  }
  .case-top_box-desc {
    flex: 50% 0 0;
  }
  .case-top_box-column {
    min-width: auto;
    flex: 1 0 0;
    padding: .8em;
  }
  .case-top_box-column .top-text {
    font-size: .875rem;
  }
  .client-section_content {
    flex-direction: column;
  }
  .client-section .section-title {
    padding-left: 0;
  }
  .goals-section_header {
    padding-left: 0;
  }
  .goals-section_footer {
    flex-direction: column;
    gap: 3em;
  }
  .result-item {
    padding: 1.2em;
  }
  .result-item {
    justify-content: space-between;
  }
  .results_progress-bar {
    max-width: inherit;
    margin-left: 15px;
    margin-right: 15px;
  }
  .settings-section {
    padding: 5em 0 0;
  }
  .settings-section_content {
    flex-direction: column;
    gap: 2em;
  }
  .settings-section_content .section-title {
    margin-bottom: 0;
  }
  .setting-img {
    height: 52vw;
    margin-bottom: -2em;
  }
  .stages-work_pad-section {
    padding-top: 0;
  }
  .development-item .item-title {
    padding-right: 0;
  }
  .development-item p {
    padding-right: 0;
  }
  .technology-mod_section {
    padding-top: 5em;
  }
  .offer-clients_header {
    margin-bottom: 4em;
  }
  .contact-section_body {
    flex-direction: column;
  }
  .contact-section_body .right-column_top {
    justify-content: flex-start;
  }
  .contact-section_body .right-column {
    flex: auto;
  }
  .contact-form .right-column {
    gap: 1em;
  }
  .contact-form .right-column {
    flex: 250px 0 0;
  }
  .contact-section_body {
    padding: 3em 0;
  }
  .unified-section_header h1 {
    padding-right: 0;
  }
  .about-section_header .right-text {
    top: 0;
  }
  .about_advantages-list {
    max-width: 100%;
    padding-bottom: 2.5em;
    margin-bottom: 3em;
  }
  .wrapper-about_advantages-list .about_advantages-list {
    max-width: 100%;
  }
  .principles-section_header {
    margin-bottom: 3em;
  }
  .we-do_section {
    padding-top: 0;
  }
  .services-mod_section .service-item_title {
    font-size: 2rem;
  }
  .service-item {
    padding: 2em 0;
  }
  .design-section_content {
    flex-direction: column;
    gap: 3em;
  }
  .design-section_content .left-column {
    gap: 1.7em;
    flex: auto;
  }
  .design-section_content .right-column {
    flex: auto;
  }
  .certificate-item {
    padding: 2em 0;
  }
  .about_advantages-list {
    gap: 3em;
  }
  .design-item {
    padding: 1.3em;
  }
  .development-section_title {
    font-size: 1.7rem;
  }
  .development-section_header .item-logo {
    max-width: 50px;
  }
  .development-unit {
    margin-bottom: 3em;
  }
  .development-unit_subtitle {
    margin-bottom: 1.4em;
  }
  .development-unit_content {
    margin-bottom: 2.5em;
  }
  .error-number {
    font-size: 7rem;
  }
  .case-menu {
    padding: 0 .7em;
  }
  .case-menu a {
    padding: 0 .7em;
    min-height: 50px;
    font-size: .9rem;
  }
  .footer-logo {
    margin-top: -.8em;
  }
}

@media only screen and (max-width: 767px) {
  .tablet-small_visible {
    display: block;
  }
  .tablet-small_hidden {
    display: none !important;
  }
  .fixed-btn {
    display: none;
  }
  .head_callback-btn {
    width: 40px;
  }
  .main-section_header {
    flex-direction: column;
    align-items: flex-start;
  }
  .wrapper_laptop-img {
    margin-top: 0;
  }
  .title-section h2 {
    padding: 0;
  }
  .wwrapper_projects-title .title-section {
    padding: 3em 0;
  }
  .bitrix-benefits-section {
    padding: 0 0 3em;
  }
  .bitrix-benefits-header {
    margin-bottom: 2.5em;
  }
  .bitrix-benefits-header h2 {
    font-size: 2.35rem;
  }
  .bitrix-benefits-header p {
    font-size: .95rem;
  }
  .bitrix-benefits-grid {
    grid-template-columns: 1fr;
    border-top-color: rgba(255, 255, 255, .18);
  }
  .bitrix-benefit {
    min-height: auto;
    padding: 3.7em 0 2em;
  }
  .bitrix-benefit__number {
    top: 1.6em;
    left: 0;
    font-size: .72rem;
  }
  .bitrix-benefit__title {
    max-width: 100%;
    margin-bottom: .7em;
    font-size: 1rem;
  }
  .bitrix-benefit__text {
    max-width: 100%;
    font-size: .95rem;
  }
  .bitrix-benefits-cta {
    gap: 1.5em;
    padding: 1.7em 0 0;
  }
  .bitrix-benefits-cta__text h3 {
    font-size: 1.25rem;
  }
  .bitrix-benefits-cta__text p {
    font-size: .95rem;
  }
  .bitrix-benefits-cta .bitrix-benefits-cta__btn.dropdown-menu_btn {
    width: 100%;
    min-width: 0;
    min-height: 68px;
    height: 68px;
    font-size: 1rem;
  }
  .project-item .container {
    min-height: 400px;
  }
  .project-item {
    margin-bottom: 0;
  }
  .interfaces-section {
    padding: 4em 0;
  }
  .main-interfaces-section {
    padding-bottom: 2.5em;
  }
  .wwrapper_projects-title + .interfaces-section {
    padding-top: 2.5em;
  }
  .service-item {
    padding: 2em 0;
  }
  .service-item_right-column {
    max-width: 100%;
  }
  .service-item_content {
    padding-right: 15px;
    gap: 1em;
    flex-direction: column;
  }
  .service-item_left-column {
    flex: auto;
    gap: 1em;
    width: 100%;
  }
  .service-item_text {
    min-height: auto;
  }
  .advantages-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .advantage-item {
    min-height: 47.5vw;
  }
  .main-footer_top {
    flex-direction: column;
  }
  .up-btn {
    font-size: 0;
    height: 40px;
    flex: 40px 0 0;
    padding: 0;
    border-radius: 5px 5px 0 0;
    width: 40px;
  }
  .up-btn .anim-btn_content {
    display: none;
  }
  .services-mod_section .service-item_right-column {
    padding-top: 0;
  }
  .scheme-work_content {
    display: flex;
    flex-direction: column;
  }
  .technology-content {
    grid-template-columns: repeat(3, 1fr);
    gap: 2em 1em;
  }
  .technology-item {
    height: 30vw;
    width: 30vw;
    max-width: inherit;
    max-height: inherit;
  }
  .unified-text_header .container {
    flex-direction: column;
  }
  .unified-text_header .right-text {
    font-size: 1.5rem;
  }
  .field-activity_header {
    flex-direction: column;
    align-items: flex-start;
  }
  .field-activity_header .right-text {
    padding-top: 0;
  }
  .stage-work_item-content {
    flex-direction: column;
  }
  .stage-work_item-right {
    padding-top: 0;
    max-width: 100%;
  }
  .stage-work_item-left {
    gap: 1em;
    width: 100%;
  }
  .certificate-item_content-inner {
    flex-direction: column;
    gap: 1em;
  }
  .cases-row {
    display: flex;
    flex-direction: column;
  }
  .case-item {
    min-height: 74vw;
  }
  .stages-work_row {
    grid-template-columns: repeat(2, 1fr);
  }
  .stages-work_mod-item_last:after {
    width: 39vw;
    height: 39vw;
  }
  .result-row {
    grid-template-columns: repeat(2, 1fr);
  }
  .unified-tick_list li {
    gap: 1em;
  }
  .benefits-content {
    flex-direction: column;
  }
  .offer-clients_section {
    padding-top: 1em;
  }
  .offer-clients_header {
    margin-bottom: 2em;
  }
  .benefits-section {
    padding-top: 4em;
  }
  .certificate-item {
    padding: 2em 0;
  }
  .certificate-item_content-inner .unified-btn {
    top: 0;
  }
  .certificate-item_content-inner .item-title {
    font-size: 1.5rem;
  }
  .certificate-item_content {
    padding-right: 15px;
  }
  .contact-form {
    flex-direction: column;
    gap: 1em;
  }
  .contact-form .callback-form_policy {
    text-align: center;
  }
  .contact-form .right-column {
    flex: auto;
  }
  .award-item_content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2em;
  }
  .award-item_content .item-title {
    font-size: 1.7rem;
  }
  .award-content {
    margin-bottom: 2.5em;
  }
  .like-btn {
    width: 50px;
    right: 0;
    height: auto;
    gap: .5em;
    border-radius: 5px;
    font-size: .75rem;
  }
  .like-btn .text {
    hyphens: auto;
    display: none;
  }
  .like-btn_icon {
    width: 25px;
    height: 25px;
    flex: 25px 0 0;
  }
  .like-btn_left {
    position: static;
    background: none;
  }
  .like-btn_left:after {
    display: none;
  }
  .target-section {
    flex-direction: column;
  }
  .development-section_header {
    flex-direction: column;
  }
  .three-column_img-mod {
    padding-left: 0;
    padding-right: 0;
  }
  .three-column_img-mod .project-img_first {
    left: 1em;
  }
  .three-column_img-mod .project-img_third {
    left: -1em;
  }
  .three-column_img-mod {
    padding-top: 1em;
    margin-bottom: 3em;
  }
  .two-column_mod-img {
    gap: 1em;
  }
  .project-img_mod-column {
    gap: 1em;
  }
  .caption-img_title {
    font-size: .75rem;
  }
  .result-mod_section {
    flex-direction: column;
  }
  .task-list li {
    gap: 1em;
  }
  .task-list {
    gap: 2em 1em;
  }
  .case-top_box {
    border-radius: 10px;
  }
  .task-slide {
    font-size: 1rem;
    gap: 1em;
  }
  .task-slider {
    gap: 2em;
  }
  .target-item {
    padding-right: 0;
  }
  .case-menu {
    display: none;
  }
  .cases-other_section {
    padding-top: 3em;
  }
  .footer-logo {
    max-width: 40%;
  }
}

@media only screen and (max-width: 600px) {
  .mobile-visible {
    display: block;
  }
  .mobile-hidden {
    display: none !important;
  }
  .fixed-panel {
    max-width: calc(100% - 2em);
  }
  .advantages-list {
    display: flex;
    flex-direction: column;
  }
  .advantage-item {
    min-height: 250px;
  }
  .advantage-item_last {
    min-height: 91vw;
  }
  .advantage-item_body .item-text {
    min-height: auto;
  }
  .up-btn {
    position: fixed;
    bottom: 2rem;
    right: 1rem;
    border-radius: 50%;
    z-index: 100;
  }
  .main-footer_bottom .left-column {
    font-size: .8125rem;
    gap: 1em;
    flex-wrap: wrap;
  }
  .main-footer {
    padding-bottom: 1.5em;
  }
  h1, .main-title {
    font-size: 2.2rem;
    hyphens: auto;
  }
  h2, .section-title {
    font-size: 2rem;
    hyphens: auto;
  }
  .service-item_title {
    font-size: 2rem;
  }
  .callback-title {
    font-size: 1.5rem;
  }
  .preloader__percent {
    font-size: 3rem;
  }
  .loader-content {
    height: 10px;
  }
  .project-item_list {
    padding-right: 0;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .project-item_list li {
    font-size: .75rem;
    text-align: center;
  }
  .technology-content {
    grid-template-columns: repeat(2, 1fr);
    gap: 2em 1em;
  }
  .technology-item {
    height: 45vw;
    width: 45vw;
  }
  .services-mod_section .service-item_title {
    font-size: 2rem;
  }
  .services-mod_section {
    padding-top: 3em;
  }
  .scheme-work_section {
    padding: 4em 0 5em;
  }
  .main-content {
    padding-bottom: 2em;
  }
  .development-content {
    display: flex;
    flex-direction: column;
    gap: 2.2em;
  }
  .unified-text_header {
    padding: 3em 0 4em;
  }
  .development-item .item-number {
    margin-bottom: 0;
  }
  .development-item {
    gap: 1em;
  }
  .stage-work_item {
    padding: 2em 0;
  }
  .back-page_btn {
    margin-bottom: 1.5em;
  }
  .stages-work_row {
    display: flex;
    flex-direction: column;
  }
  .stages-work_row .advantage-item_last {
    background: #161616;
  }
  .stages-work_row .advantage-item_last:after {
    display: none;
  }
  .rate-item_row {
    flex-direction: column;
    gap: 1em;
  }
  .rate-item_row .white-btn {
    order: 1;
  }
  .rate-item_btn {
    order: 2;
    margin-bottom: .7em;
  }
  .rate-item_footer-content {
    gap: 1.1em;
  }
  .white-btn {
    height: 49px;
  }
  .rate-item_icon {
    height: 40px;
    flex: 40px 0 0;
    margin-top: 0;
    width: 40px;
  }
  .rate-item_title {
    min-height: auto;
  }
  .rate-item_header {
    min-height: 50px;
  }
  .success-stories_section {
    padding: 3em 0 0;
  }
  .unified-panel {
    padding-top: 0;
  }
  .complex-approach_section {
    padding-top: 3em;
  }
  .success-stories_menu {
    margin-bottom: 2em;
  }
  .stages-work_mod-item {
    min-height: auto;
  }
  .stages-work_mod-item.penult-item {
    min-height: auto;
  }
  .case-top_box {
    flex-direction: column;
  }
  .case-top_box-desc {
    flex: auto;
    padding-right: 1em;
  }
  .goals-section_footer .unified-tick_list {
    display: flex;
    flex-direction: column;
    gap: 1.7em;
  }
  .result-slide_img img {
    border-radius: 10px;
  }
  .result-slide {
    max-width: 65vw;
  }
  .result-slide_img {
    height: 45vw;
  }
  .results-slider {
    margin-bottom: 2em;
  }
  .results_progress-bar {
    height: 2px;
  }
  .result-section {
    padding: 4em 0 3em;
  }
  .settings-section {
    padding-top: 4em;
  }
  .settings-section_row {
    display: flex;
    flex-direction: column;
    gap: 1.7em;
  }
  .setting-img {
    margin-bottom: -1em;
  }
  .setting-img img {
    border-radius: 10px;
  }
  .client-info_list {
    display: flex;
    flex-direction: column;
  }
  .client-section_content {
    gap: 3em;
  }
  .top-mod_section {
    padding-bottom: 2em;
  }
  .case-top_box-column {
    justify-content: space-between;
  }
  .client-section {
    padding-bottom: 5em;
  }
  .callback-form_policy {
    font-size: .75rem;
  }
  .process-section {
    padding: 4em 0;
  }
  .main-title.advantages-title {
    max-width: 100%;
    font-size: 8.8vw;
    padding-left: 0;
    padding-right: 0;
  }
  .advantages-title_img {
    width: 17vw;
    height: 42vw;
  }
  .main-title.advantages-title .small-text {
    font-size: 3vw;
    display: block;
    margin-top: 5px;
    text-align: center;
    left: 0;
    top: 0;
  }
  .contact-form_fields {
    flex-direction: column;
    gap: 1em;
  }
  .input-file {
    justify-content: center;
    width: 100%;
  }
  .upload-message_box {
    height: 0;
  }
  .upload-message_box.is-active {
    height: auto;
  }
  .contact-section_body .left-column {
    font-size: 2.2rem;
  }
  .contact-section_body .right-column_top {
    flex-direction: column;
    align-items: flex-start;
    gap: 2em;
  }
  .contact-title {
    font-size: 1.5rem;
  }
  .contact-section_body {
    gap: 1em;
  }
  .contact-section_footer {
    gap: 2em;
  }
  .contact-section {
    padding-bottom: 0;
  }
  .about_advantages-list {
    flex-direction: column;
    display: flex;
    gap: 2em;
  }
  .about_advantage-item {
    font-size: 2.5rem;
  }
  .about_advantages-list li {
    gap: .7em;
  }
  .wrapper-about_advantages-list .about_advantages-list {
    gap: 2em;
  }
  .about_advantages-list {
    margin-bottom: 2.5em;
  }
  .principles-section {
    padding-top: 5em;
  }
  .principles-section .development-content {
    gap: 2.2em;
  }
  .about_title-section {
    padding: 5em 15px;
  }
  .we-do_section {
    padding-top: 0;
  }
  .design-item p {
    min-height: auto;
  }
  .design-item {
    padding-bottom: 2em;
  }
  .advantages-about_section {
    padding-top: 5em;
  }
  .awards-section {
    padding-top: 5em;
  }
  .award-item_content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1em;
  }
  .award-item_content .item-text {
    max-width: 100%;
  }
  .top-section {
    padding-bottom: 3em;
  }
  .unified-section_header.align-items-end .right-text {
    padding-bottom: 0;
  }
  .about-banner {
    height: 57vw;
  }
  .unified-text_header .right-text {
    font-size: 1.35rem;
  }
  .portfolio-menu {
    width: 100%;
  }
  .portfolio-menu > li {
    min-height: 39px;
    font-size: .875rem;
    flex: auto;
    padding: 0 .5em;
  }
  .portfolio-menu > li:after {
    width: 6px;
    top: -2px;
    height: 6px;
  }
  .portfolio-menu_hidden {
    padding: 1em;
    border-radius: 0 0 10px 10px;
  }
  .portfolio-menu_hidden .unified-menu {
    font-size: .875rem;
  }
  .portfolio-menu > li.is-active:after {
    top: 2px;
  }
  .task-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .target-row {
    display: flex;
    flex-direction: column;
  }
  .three-column_img .project-img_first {
    right: -1em;
    top: 2em;
  }
  .project-img_column {
    margin-left: -1em;
  }
  .development-unit_content {
    margin-bottom: 1em;
  }
  .development-unit img {
    border-radius: 5px;
  }
  .target-section {
    padding-top: 4em;
  }
  .task-section {
    padding: 4em 0;
    margin-bottom: 4em;
  }
  .confidentiality-item {
    margin-bottom: 2em;
  }
  .confidentiality-section {
    padding-bottom: 0;
  }
  .error-section .container {
    gap: 2em;
  }
  .contact-section {
    padding-top: 8.5em;
    padding-bottom: 0;
  }
  .like-btn {
    bottom: 8em;
  }
  .project-item_subtitle {
    max-width: 60%;
    margin-bottom: 1em;
  }
  .main-footer_bottom {
    flex-direction: column;
    gap: 1.4em;
  }
  .footer-logo {
    max-width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 0;
  }
  .main-footer_bottom .left-column {
    padding-top: 0;
  }
  .footer-logo .logo-text_anim {
    height: 38px;
  }
  .wrapper_projects-slider {
    margin-bottom: 2em;
  }
  .ui-header {
    padding: .8em 0;
  }
}

.grecaptcha-badge {
  visibility: hidden;
}

textarea.form-control {
	padding: 20px 22px 5px 22px !important;
	height: 150px !important;
}

.fade-title_mod > span {
	display: inline-block;
}


.cookie-settings {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}

.cookie-settings h1 {
    font-size: 24px;
    margin-bottom: 10px;
}

.cookie-settings p {
    margin-bottom: 20px;
}

.cookie-settings form {
    margin-bottom: 30px;
}

.cookie-settings .btn {
    padding: 10px 20px;
    margin-right: 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
}

.cookie-settings .btn-accept {
    background-color: #4a00e4;
    color: white;
}

.cookie-settings .btn-reject {
    background-color: #f44336;
    color: white;
}

.cookie-settings .btn-delete {
    background-color: #ffffff;
    color: #000000;
}

.cookie-settings ul {
    list-style: disc;
    padding-left: 20px;
}

/* Homepage button standard. Keep synced with SITE_STYLE_GUIDE.md. */
.main-hero .main-hero__btn.dropdown-menu_btn,
.bitrix-benefits-cta .bitrix-benefits-cta__btn.dropdown-menu_btn,
.main-interfaces-section .white-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1.3em;
  width: fit-content;
  max-width: 100%;
  min-width: 320px;
  min-height: 76px;
  height: 76px;
  padding: 0 2em;
  border: 1px solid #fff;
  border-radius: 8px;
  background-color: transparent;
  color: #fff;
  font-family: inherit;
  font-size: 1.28rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  z-index: 1;
  transform: none;
  transition: color .3s, border-color .3s;
}

.main-hero .main-hero__btn.dropdown-menu_btn::before,
.bitrix-benefits-cta .bitrix-benefits-cta__btn.dropdown-menu_btn::before,
.main-interfaces-section .white-btn::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  background: #fff;
  transform: translateX(calc(-100% - 1px));
  transition: transform .4s;
  z-index: -1;
}

.main-hero .main-hero__btn.dropdown-menu_btn:hover,
.bitrix-benefits-cta .bitrix-benefits-cta__btn.dropdown-menu_btn:hover,
.main-interfaces-section .white-btn:hover {
  background-color: transparent;
  color: #000;
}

.main-hero .main-hero__btn.dropdown-menu_btn:hover::before,
.bitrix-benefits-cta .bitrix-benefits-cta__btn.dropdown-menu_btn:hover::before,
.main-interfaces-section .white-btn:hover::before {
  transform: translateX(0);
}

.main-hero .main-hero__btn.dropdown-menu_btn .ico-arrow,
.bitrix-benefits-cta .bitrix-benefits-cta__btn.dropdown-menu_btn .ico-arrow {
  display: block;
  width: 24px;
  height: 24px;
  flex: 24px 0 0;
  transition: filter .3s;
}

.main-hero .main-hero__btn.dropdown-menu_btn:hover .ico-arrow,
.bitrix-benefits-cta .bitrix-benefits-cta__btn.dropdown-menu_btn:hover .ico-arrow {
  filter: invert(1);
}

@media only screen and (max-width: 767px) {
  .main-hero .main-hero__btn.dropdown-menu_btn,
  .bitrix-benefits-cta .bitrix-benefits-cta__btn.dropdown-menu_btn,
  .main-interfaces-section .white-btn {
    width: 100%;
    min-width: 0;
    min-height: 68px;
    height: 68px;
    font-size: 1rem;
  }
}

/* Homepage style guide overrides. Keep synced with SITE_STYLE_GUIDE.md. */
@media only screen and (min-width: 768px) {
  .wwrapper_projects-title .title-section,
  .bitrix-benefits-section,
  .cases-section.main-cases-section,
  .wwrapper_projects-title + .interfaces-section.main-interfaces-section,
  .main-interfaces-section,
  .main-services-section {
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .wwrapper_projects-title .title-section h2,
  .bitrix-benefits-header h2,
  .main-cases-section .section-title,
  .main-interfaces-section h2,
  .main-services-aside h2 {
    font-family: inherit;
    font-size: 4rem;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.1;
  }

  .bitrix-benefit__text,
  .bitrix-benefits-cta__text,
  .main-case-card__text,
  .main-services-aside p,
  .main-service-row__content p {
    font-size: 1rem;
    line-height: 1.5;
  }

  .bitrix-benefit,
  .bitrix-benefit__number,
  .bitrix-benefit__title,
  .bitrix-benefit__text {
    font-family: inherit;
    letter-spacing: 0;
  }

  .bitrix-benefit__title {
    font-size: 1.42rem;
    font-weight: 600;
    line-height: 1.18;
  }

  .bitrix-benefit__text {
    color: rgba(255, 255, 255, .62);
  }
}

/* Main services accordion. Content is managed in the "Главная: Наши услуги" iblock. */
.main-services-section--accordion .main-services-list {
  border-top: 1px solid rgba(255, 255, 255, .16);
}

.main-services-section--accordion .main-service-row {
  display: block;
  min-height: 0;
  padding: 0;
}

.main-service-row__summary {
  display: grid;
  width: 100%;
  grid-template-columns: 4.5em minmax(0, 1fr) 52px;
  gap: 2em;
  align-items: center;
  min-height: 180px;
  padding: 2.7em 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.main-services-section--accordion .main-service-row__content h3 {
  margin: 0;
  color: #fff;
  font-family: inherit;
  font-size: 1.42rem;
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: 0;
}

.main-services-section--accordion .main-service-row__plus {
  justify-self: end;
  transition: transform .3s ease, background-color .3s ease, border-color .3s ease;
}

.main-services-section--accordion .main-service-row.is-open .main-service-row__plus {
  transform: rotate(45deg);
  background: rgba(255, 255, 255, .16);
  border-color: rgba(255, 255, 255, .32);
}

.main-service-row__panel {
  display: block;
  height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: height .45s ease, opacity .25s ease, visibility 0s linear .45s;
}

.main-service-row.is-open .main-service-row__panel {
  height: auto;
  opacity: 1;
  visibility: visible;
  transition: height .45s ease, opacity .25s ease, visibility 0s;
}

.main-service-row__panel-inner {
  display: grid;
  grid-template-columns: minmax(240px, 42%) minmax(0, 1fr);
  gap: 4em;
  min-height: 0;
  padding: 0 0 3.2em 6.5em;
  overflow: hidden;
}

.main-service-projects {
  position: relative;
  min-height: 0;
}

.main-service-projects__viewport {
  position: relative;
  min-height: 470px;
}

.main-service-project {
  display: flex;
  flex-direction: column;
  color: inherit;
  text-decoration: none;
  opacity: 0;
  pointer-events: none;
  transform: translateX(16px);
  transition: opacity .35s ease, transform .35s ease;
  position: absolute;
  inset: 0;
}

.main-service-project.is-active {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}

.main-service-project__image {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  margin-bottom: 1.4em;
  overflow: hidden;
  border-radius: 26px;
  background: #111;
}

.main-service-project__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main-service-project__title {
  margin-bottom: .7em;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.18;
}

.main-service-project__text {
  max-width: 28em;
  color: rgba(255, 255, 255, .62);
  font-size: 1rem;
  line-height: 1.5;
}

.main-service-projects__nav {
  position: absolute;
  top: 37%;
  width: 52px;
  height: 52px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 50%;
  background: rgba(255, 255, 255, .08);
  cursor: pointer;
  transition: background-color .3s ease, border-color .3s ease;
}

.main-service-projects__nav:hover {
  background: rgba(255, 255, 255, .16);
  border-color: rgba(255, 255, 255, .36);
}

.main-service-projects__nav::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  margin: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.main-service-projects__nav--prev {
  left: -36px;
}

.main-service-projects__nav--prev::before {
  transform: rotate(-135deg);
}

.main-service-projects__nav--next {
  right: -36px;
}

.main-service-projects__nav--next::before {
  transform: rotate(45deg);
}

.main-service-row__detail {
  align-self: start;
  max-width: 620px;
  padding-top: 0;
}

.main-service-row__detail p {
  margin: 0 0 2.2em;
  color: rgba(255, 255, 255, .62);
  font-size: 1rem;
  line-height: 1.5;
}

.main-service-row__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}

.main-service-row__actions .main-service-row__btn.dropdown-menu_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .9em;
  transform: none;
  transition: background .3s, border-color .3s;
  min-width: 230px;
  max-width: 280px;
  height: 64px;
  padding: 0 1.6em;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .9);
  border-radius: 8px;
  background: transparent;
  line-height: 1;
}

.main-service-row__actions .main-service-row__btn--secondary.dropdown-menu_btn {
  min-width: 170px;
}

@media only screen and (max-width: 1024px) {
  .main-service-row__summary {
    min-height: 140px;
    grid-template-columns: 3.5em minmax(0, 1fr) 44px;
    gap: 1.3em;
  }

  .main-service-row__panel-inner {
    grid-template-columns: 1fr;
    gap: 2.5em;
    padding-left: 0;
  }

  .main-service-projects__viewport {
    min-height: 0;
    aspect-ratio: 1 / 1.24;
  }

  .main-service-projects__nav--prev {
    left: -36px;
  }

  .main-service-projects__nav--next {
    right: -36px;
  }
}

@media only screen and (max-width: 767px) {
  .wwrapper_projects-title .title-section,
  .bitrix-benefits-section,
  .cases-section.main-cases-section,
  .wwrapper_projects-title + .interfaces-section.main-interfaces-section,
  .main-interfaces-section,
  .main-services-section {
    padding-top: 3em;
    padding-bottom: 3em;
  }

  .wwrapper_projects-title .title-section h2,
  .main-cases-section .section-title,
  .main-interfaces-section h2,
  .main-services-aside h2 {
    font-family: inherit;
    font-size: 2rem;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.1;
  }

  .bitrix-benefit__text,
  .bitrix-benefits-cta__text,
  .main-case-card__text,
  .main-services-aside p,
  .main-service-row__content p {
    font-size: .95rem;
    line-height: 1.5;
  }

  .bitrix-benefit,
  .bitrix-benefit__number,
  .bitrix-benefit__title,
  .bitrix-benefit__text {
    font-family: inherit;
    letter-spacing: 0;
  }

  .bitrix-benefit__title {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.18;
  }

  .bitrix-benefit__text {
    color: rgba(255, 255, 255, .62);
  }

  .main-service-row__summary {
    min-height: 116px;
    grid-template-columns: 1fr 44px;
    gap: 1em;
    padding: 2em 0;
  }

  .main-services-section--accordion .main-service-row__number {
    grid-column: 1 / -1;
  }

  .main-services-section--accordion .main-service-row__content h3 {
    font-size: 1.25rem;
  }

  .main-service-row__panel-inner {
    display: flex;
    flex-direction: column;
    gap: 1.8em;
    padding-bottom: 2.4em;
    overflow: visible;
  }

  .main-service-row__detail {
    order: 1;
    max-width: none;
  }

  .main-service-projects {
    order: 2;
    overflow: visible;
  }

  .main-service-project__image {
    border-radius: 18px;
  }

  .main-service-project__text,
  .main-service-row__detail p {
    font-size: .95rem;
  }

  .main-service-row__actions {
    flex-direction: column;
  }

  .main-service-row__actions .main-service-row__btn.dropdown-menu_btn {
    width: 100%;
    max-width: none;
    min-width: 0;
  }

  .main-service-projects__nav {
    top: calc(50vw - 26px);
    width: 44px;
    height: 44px;
    z-index: 2;
  }

  .main-service-projects__nav--prev {
    left: 12px;
  }

  .main-service-projects__nav--next {
    right: 12px;
  }
}

/* Main work process. */
.main-work-process-section {
  padding: 7em 0;
  background: #050505;
  overflow: hidden;
}

.main-work-process__header {
  max-width: 760px;
  margin-bottom: 5.2em;
}

.main-work-process__header h2 {
  margin: 0 0 .55em;
  color: #fff;
  font-family: inherit;
  font-size: 4rem;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.1;
}

.main-work-process__header p {
  max-width: 520px;
  margin: 0;
  color: rgba(255, 255, 255, .62);
  font-size: 1rem;
  line-height: 1.5;
}

.main-work-process__timeline {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 5em;
}

.main-work-step {
  position: relative;
  min-width: 0;
  padding-right: 2.4em;
}

.main-work-step::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 18px;
  right: 0;
  height: 1px;
  background: rgba(255, 255, 255, .12);
}

.main-work-step__dot {
  position: relative;
  z-index: 1;
  display: block;
  width: 12px;
  height: 12px;
  margin-bottom: 3.3em;
  background: #002BB7;
  border-radius: 2px;
  box-sizing: border-box;
}


.main-work-step__body {
  max-width: 310px;
}

.main-work-step__number {
  display: block;
  margin-bottom: 1.6em;
  color: rgba(255, 255, 255, .45);
  font-size: .78rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.main-work-step h3 {
  margin: 0 0 1em;
  color: #fff;
  font-family: inherit;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: 0;
}

.main-work-step p {
  margin: 0;
  color: rgba(255, 255, 255, .62);
  font-size: 1rem;
  line-height: 1.5;
}

.main-work-process__cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3em;
  padding: 2.2em 2.35em 0;
  border-top: 1px solid rgba(255, 255, 255, .16);
}

.main-work-process__cta-text {
  max-width: 53em;
}

.main-work-process__cta-text h3 {
  margin: 0 0 .75em;
  color: #fff;
  font-size: 1.55rem;
  font-weight: 500;
  line-height: 1.3;
}

.main-work-process__cta-text p {
  margin: 0;
  color: rgba(255, 255, 255, .62);
  font-size: 1.1rem;
  line-height: 1.55;
}

.main-work-process__btn.dropdown-menu_btn {
  margin: 0;
  transform: none;
  width: fit-content;
  max-width: 100%;
  min-width: 320px;
  min-height: 76px;
  height: 76px;
  padding: 0 2em;
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
  font-size: 1.28rem;
  line-height: 1;
  white-space: nowrap;
}

.main-work-process__btn.dropdown-menu_btn:hover {
  background-color: rgba(255, 255, 255, .12);
}

.main-work-process__btn.dropdown-menu_btn .ico-arrow {
  display: block;
  height: 24px;
  flex: 24px 0 0;
  width: 24px;
}

.main-work-process__btn.dropdown-menu_btn .ico-arrow::before,
.main-work-process__btn.dropdown-menu_btn .ico-arrow::after {
  content: none;
}

@media only screen and (max-width: 1024px) {
  .main-work-process__timeline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 3em;
  }

  .main-work-process__cta {
    flex-direction: column;
    align-items: flex-start;
    gap: 2em;
  }
}

@media only screen and (max-width: 767px) {
  .main-work-process-section {
    padding: 3em 0;
  }

  .main-work-process__header {
    margin-bottom: 3em;
  }

  .main-work-process__header h2 {
    font-size: 2rem;
  }

  .main-work-process__timeline {
    display: block;
    margin-bottom: 3em;
  }

  .main-work-step {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 1.4em;
    padding: 0 0 2.4em;
  }

  .main-work-step::before {
    top: 18px;
    bottom: 0;
    left: 6px;
    right: auto;
    width: 1px;
    height: auto;
  }

  .main-work-step:last-child {
    padding-bottom: 0;
  }

  .main-work-step:last-child::before {
    display: none;
  }

  .main-work-step__dot {
    margin: 2px 0 0;
  }

  .main-work-step__body {
    max-width: none;
  }

  .main-work-step__number {
    margin-bottom: 1em;
  }

  .main-work-step h3 {
    font-size: 1.25rem;
  }

  .main-work-step p {
    font-size: .95rem;
  }

  .main-work-process__cta {
    gap: 1.5em;
    padding: 1.6em 0 0;
  }

  .main-work-process__cta-text h3 {
    font-size: 1.25rem;
  }

  .main-work-process__cta-text p {
    font-size: .95rem;
  }

  .main-work-process__btn.dropdown-menu_btn {
    width: 100%;
    max-width: none;
    min-width: 0;
    height: 68px;
    min-height: 68px;
  }
}

/* The interfaces CTA is a continuation of the homepage cases block. */
.cases-section.main-cases-section {
  padding-bottom: 0;
}

.interfaces-section.main-interfaces-section {
  padding-top: 0;
}

.main-service-row__tags {
  display: flex;
  flex-wrap: wrap;
  gap: .45em .65em;
  margin-top: .75em;
  color: rgba(255, 255, 255, .62);
  font-size: 1rem;
  line-height: 1.5;
}

.main-service-row__tags span {
  white-space: nowrap;
}

.main-service-row__actions .main-service-row__btn,
.main-service-row__actions .main-service-row__btn.dropdown-menu_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1.3em;
  width: fit-content;
  max-width: 100%;
  min-width: 320px;
  min-height: 76px;
  height: 76px;
  padding: 0 2em;
  border: 1px solid #fff;
  border-radius: 8px;
  background-color: transparent;
  color: #fff;
  font-family: inherit;
  font-size: 1.28rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  z-index: 1;
  transform: none;
  transition: color .3s, border-color .3s;
}

.main-service-row__actions .main-service-row__btn::before,
.main-service-row__actions .main-service-row__btn.dropdown-menu_btn::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  background: #fff;
  transform: translateX(calc(-100% - 1px));
  transition: transform .4s;
  z-index: -1;
}

.main-service-row__actions .main-service-row__btn:hover,
.main-service-row__actions .main-service-row__btn.dropdown-menu_btn:hover {
  background-color: transparent;
  color: #000;
}

.main-service-row__actions .main-service-row__btn:hover::before,
.main-service-row__actions .main-service-row__btn.dropdown-menu_btn:hover::before {
  transform: translateX(0);
}

.main-service-row__actions .main-service-row__btn .ico-arrow {
  width: 24px;
  height: 24px;
  flex: 24px 0 0;
  transition: filter .3s;
}

.main-service-row__actions .main-service-row__btn:hover .ico-arrow {
  filter: invert(1);
}

.main-case-card__tags {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .main-cases-section .main-case-card:nth-child(n+4) {
    display: none;
  }

  .main-service-row__tags {
    font-size: .95rem;
  }

  .main-service-row__actions .main-service-row__btn,
  .main-service-row__actions .main-service-row__btn.dropdown-menu_btn {
    width: 100%;
    min-width: 0;
    height: 68px;
    min-height: 68px;
    font-size: 1rem;
  }
}

.services-page-services {
  padding-top: 0;
}

.services-page-services .main-service-row__panel-inner {
  display: block;
}

.services-page-services .main-service-row__detail {
  max-width: 760px;
  margin-left: clamp(4rem, 16vw, 18rem);
}

.services-page-services .main-service-row__actions {
  margin-top: 2.2em;
}

@media only screen and (max-width: 1024px) {
  .services-page-services .main-service-row__detail {
    max-width: none;
    margin-left: 0;
  }
}

.services-page-top {
  padding-top: 10.2em;
  padding-bottom: 5em;
  border-bottom: 0;
}

.services-page-title {
  max-width: 14em;
  margin: 0;
  color: #fff;
  font-family: inherit;
  font-size: 4rem;
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: 0;
}

.services-page-content .main-services-section {
  padding-top: 5em;
}

.services-page-content .main-services-aside h2 {
  font-size: 4rem;
  line-height: 1.1;
}

@media only screen and (max-width: 1024px) {
  .services-page-title,
  .services-page-content .main-services-aside h2 {
    font-size: 3rem;
  }
}

@media only screen and (max-width: 767px) {
  .services-page-top {
    padding-top: 7em;
    padding-bottom: 3em;
  }

  .services-page-title,
  .services-page-content .main-services-aside h2 {
    font-size: 2.2rem;
  }
}

.main-faq-section {
  padding: 5em 0;
  background: #000;
  color: #fff;
}

.main-faq-layout {
  display: grid;
  grid-template-columns: minmax(260px, 0.62fr) minmax(0, 1fr);
  gap: clamp(3rem, 7vw, 8rem);
  align-items: start;
}

.main-faq-aside__inner {
  position: sticky;
  top: 8em;
}

.main-faq-aside h2 {
  margin: 0;
  font-family: inherit;
  font-size: 4rem;
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: 0;
}

.main-faq-aside p {
  margin: 1.4em 0 0;
  color: rgba(255, 255, 255, .62);
  font-size: 1rem;
  line-height: 1.5;
}

.main-faq-list {
  border-top: 1px solid rgba(255, 255, 255, .16);
}

.main-faq-item {
  border-bottom: 1px solid rgba(255, 255, 255, .16);
}

.main-faq-item__summary {
  display: grid;
  width: 100%;
  grid-template-columns: 4.5em minmax(0, 1fr) 52px;
  gap: 2em;
  align-items: center;
  min-height: 150px;
  padding: 2.4em 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
}

.main-faq-item__number {
  align-self: start;
  color: rgba(255, 255, 255, .52);
  font-size: .9rem;
  line-height: 1;
}

.main-faq-item__question {
  color: #fff;
  font-size: clamp(1.6rem, 2.2vw, 2.55rem);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: 0;
}

.main-faq-item__plus {
  position: relative;
  display: block;
  width: 52px;
  height: 52px;
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 50%;
  background: rgba(255, 255, 255, .08);
  transition: transform .25s, background .25s, border-color .25s;
}

.main-faq-item__plus::before,
.main-faq-item__plus::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 1px;
  background: #fff;
  transform: translate(-50%, -50%);
  transition: transform .25s;
}

.main-faq-item__plus::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.main-faq-item.is-open .main-faq-item__plus {
  transform: rotate(45deg);
  border-color: rgba(255, 255, 255, .42);
  background: rgba(255, 255, 255, .14);
}

.main-faq-item__panel {
  height: 0;
  overflow: hidden;
  transition: height .35s ease;
}

.main-faq-item__panel p {
  max-width: 52em;
  margin: 0;
  padding: 0 6.5em 2.8em 6.5em;
  color: rgba(255, 255, 255, .62);
  font-size: 1rem;
  line-height: 1.5;
}

@media only screen and (max-width: 1024px) {
  .main-faq-layout {
    grid-template-columns: 1fr;
    gap: 3em;
  }

  .main-faq-aside__inner {
    position: static;
  }

  .main-faq-item__panel p {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .main-faq-section {
    padding: 3em 0;
  }

  .main-faq-aside h2 {
    font-size: 2.2rem;
  }

  .main-faq-item__summary {
    grid-template-columns: 3em minmax(0, 1fr) 44px;
    gap: 1em;
    min-height: 112px;
    padding: 1.8em 0;
  }

  .main-faq-item__question {
    font-size: 1.25rem;
  }

  .main-faq-item__plus {
    width: 44px;
    height: 44px;
  }
}

.main-faq-section .main-faq-item__question {
  font-size: 1.42rem;
  font-weight: 600;
  line-height: 1.18;
}

@media only screen and (max-width: 767px) {
  .main-faq-section .main-faq-item__question {
    font-size: 1.25rem;
  }
}

/* Portfolio page spacing fixes. Keep after common homepage overrides. */
#portfolio .portfolio-top_section {
  padding-bottom: 3em;
}

#portfolio .portfolio-section .bx-filter {
  margin-bottom: 2.5em;
}

#portfolio .portfolio-cases-section {
  padding-top: 0;
}

#portfolio .portfolio-case-card .main-case-card__tags {
  margin: 1.45em 0 0;
}

/* End */


/* Start:/local/templates/main/assets/global/css/custom.css?17800793783144*/
/* 15.01.2025 */
.section-main__span {
    vertical-align: middle;
}

.section-main__bitrix-logo {
    vertical-align: middle;
}

@media only screen and (max-width: 1399px) {
    .section-main__bitrix-logo {
        vertical-align: middle;
        height: 80px;
    }
}

@media only screen and (max-width: 1024px) {
    .section-main__bitrix-logo {
        height: 60px;
    }
}

@media only screen and (max-width: 600px) {
    .section-main__bitrix-logo {
        height: 40px;
    }
}

@media (max-width: 768px) {
    .case-item {
        flex-direction: unset !important;
    }
}

@media (max-width: 768px) {
    .case-item_body {
        flex-wrap: wrap !important;
        flex-direction: unset !important;
        align-items: unset !important;
    }
}
@media (max-width: 768px) {

}
.case-item_information {
    display: flex;
    align-items: end;
}
.case-item_information > div{
    width: 100%;
}
@media (max-width: 768px) {

}
.case-item_text, .case-item_title {
    width: 100%;
    display: block;
}
.case-item_tags {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 7px;
}
@media (max-width: 768px) {
    .case-item_tags {
        height: 50px;
    }
}
.case-item_tag {
    display: flex !important;
    padding: 0 1em !important;
    align-items: center !important;
    font-size: 13px !important;
    height: 25px !important;
    line-height: 1 !important;
    border-radius: 6px !important;
    text-wrap: nowrap;
}

@media (max-width: 768px) {
    .case-item_footer {
        display: none !important;
    }

}

.case-item__fake-link {
    display: flex;
    align-items: center;
    padding: 0 20px;
    height: 46px;
    gap: 15px;
    background-color: #ffffff;
    border-radius: 10px;
    transition: all .2s linear;
    opacity: 0;
    position: relative;
}

.case-item__fake-link:hover {
    color: #ffffff;
    background-color: #000000;
}

.case-item__fake-link:after {
    display: inline-block;
    height: 10px;
    width: 10px;
    background-color: #000000;
    border-radius: 2px;
    content: '';
    transition: all .2s linear;
}

.case-item__fake-link:hover:after {
    background-color: #ffffff;
}

.case-item-link:hover .case-item__fake-link {
    opacity: 1;
}

.main-section_header .right-text {
    transform: unset;
}

[rel="nofollow"] {
    border-bottom: unset !important;
}

.ui-header__contacts-wrapper{
    margin-left: auto;
}
.ui-header__contact-link {
    font-size: 24px;
}
.ui-header__contact-icon {
    display: none;
    width:40px;
    height: 40px;
    background-image: url('/local/templates/main/assets/global/css/../images/icons/phone.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
@media(max-width: 768px) {
    .ui-header__contact-icon {
        display: block;
    }
}
@media(max-width: 768px) {
    .ui-header__contact-text {
        display: none;
    }
}
.ui-header__contact-text small {
    font-size: 16px;
}
.menu-btn {
    margin-left: unset;
}
@media (max-width: 768px) {
    .case-item_tags {
        display: none;
    }
    .case-item_information {
        align-items: start;
    }
    .case-item_text {
        display: none;
    }
}
/* End */
/* /local/templates/main/css/blog.css?178007937810809 */
/* /local/templates/main/css/costume.css?17800793781256 */
/* /local/templates/main/components/bitrix/menu/main_menu/style.min.css?1780079377490 */
/* /local/templates/main/css/min.css?178007937842982 */
/* /local/templates/main/css/main.css?1780079378130178 */
/* /local/templates/main/assets/global/css/custom.css?17800793783144 */