/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
html{
    height: 100%;
}
body {
    line-height: 29px;
    height: 100%;
    font-family: 'Onest';
    font-size: 18px;
    color: #28334E;
}
main{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
ol, ul {
    list-style: none;
}
b{
    font-family: Geologica-Bold;    
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
* {
    margin: 0;
    padding: 0;
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
@font-face {
    font-family: 'Onest';
    src: url('../fonts/Onest-Regular.ttf') format("truetype");
}
@font-face {
    font-family: 'Onest-Light';
    src: url('../fonts/Onest-Light.ttf') format("truetype");
}
@font-face {
    font-family: 'Onest-ExtraLight';
    src: url('../fonts/Onest-ExtraLight.ttf') format("truetype");
}
@font-face {
    font-family: 'Onest-Medium';
    src: url('../fonts/Onest-Medium.ttf') format("truetype");
}
@font-face {
    font-family: 'Onest-Thin';
    src: url('../fonts/Onest-Thin.ttf') format("truetype");
}
@font-face {
    font-family: 'Geologica-Light';
    src: url('../fonts/Geologica-Light.ttf') format("truetype");
}
@font-face {
    font-family: 'Geologica-Bold';
    src: url('../fonts/Geologica-Bold.ttf') format("truetype");
}
@font-face {
    font-family: 'Geologica-Medium';
    src: url('../fonts/Geologica-Medium.ttf') format("truetype");
}
@font-face {
    font-family: 'Geologica-Regular';
    src: url('../fonts/Geologica-Regular.ttf') format("truetype");
}
@font-face {
    font-family: 'Geologica-Thin';
    src: url('../fonts/Geologica-Thin.ttf') format("truetype");
}
@font-face {
    font-family: 'Geologica-italic';
    src: url('../fonts/Geologica-italic.ttf') format("truetype");
}
.wp {
    width: 98%;
    margin: 0 auto;
    max-width: 1232px;
    height: 100%;
    box-sizing: content-box;
    flex-wrap: wrap;
}
.wp-cust {
    max-width: 1400px;
}
.flex-main{
    display: flex;
    flex-wrap: wrap;
}
.flex-col{
    flex-direction: column;    
}
.flex-item{
    display: inline-flex;
    flex-direction: column;
    height: fit-content;
}
.flex-item-2 {
    flex: 0 0 50%;
}
.resp-img{
    max-width: 100%;
    height: auto;
}
.main-title{
    font: 50px/60px "Geologica-Regular";
    letter-spacing: -0.02em;
}
.first-title {
    font: 76px / 80px "Geologica-Regular";
    letter-spacing: -0.06em;
}
.main-title-w{
    color: #fff;
}
.main-desc-title {
    font: 40px / 48px "Geologica-Light";
}
/* header */

header.head-mar{
    height: 80px;
}
.prod-logo {
    margin: 88px 0 13px 0px;
}

.logo {
    flex: 0 0 15%;
    position: relative;
}
.phone {
    flex: 0 0 30%;
    padding-right: 28px;
    position: relative;
}
.phone__btn {
    margin: 0 20px 0 0;
}
.nav {
    flex: 1;
    text-align: right;
    position: relative;
}

.phone-inner,.power-bl,.cod-row,.save-inner,.question-text,.cod-row-header{
    display: flex;
}
.phone-inner{
    justify-content: flex-end;
    align-items: center;
}
.power-bl{
    flex-wrap: wrap;
}
.nav-list__item {
    display: inline-flex;
    padding: 0 22px;
    height: 59px;
    align-items: center;
}
.nav-list {
    display: flex;
    justify-content: center;
}

.pr-list-item:hover, .pr-list-item.active {
    background: #061237;
}
.pr-list-item:hover .mod-list-img svg path, .pr-list-item.active .mod-list-img svg path {
    fill: #fff;
}
.pr-list-item:hover .pr-list-item__title, .pr-list-item.active .pr-list-item__title {
    color: #fff;
}
.astra-title {
    display: inline-flex;
    flex: 0 0 100%;
}
.phone-inner__num{
    font-size: 18px;
}
.nav-list-item__link {
    font: 16px / 26px "Geologica-Light";
    color: #28334E;
    text-decoration: none;
    transition: 0.3s;
}
.nav-list-item__link:hover,.footer-list-item__link:hover{
    opacity: 0.5;
}
.btn {
    border: 1px solid #0A27D7;
    color: #0A27D7;
    border-radius: 30px;
    font: 18px/26px 'Geologica-Regular';
    text-decoration: none;
    background-color: #fff;
    display: inline-block;
    transition: 0.3s;
}
.btn:hover {
    border: 1px solid #fff;
    color: #fff;
    background-color: transparent;
}
.btn:hover svg path{
    fill: #fff;
}

.phone-btn {
    width: 180px;
    height: 50px;
    line-height: 47px;
    text-align: center;
}
.btn-svg__icon {
    margin: 0px 0px 2px 16px;
}
.phone-btn.popup-open {
    line-height: 50px;
}
.main-slider-link__text:hover{
    color: #01124A;
    background: #fff;
}
.main-slider-link__text:hover .main-slider-link__img path{
    fill: #000;
}
.phone__btn:hover{
    color: #304DA8;
    text-decoration: none;
}
.btn-inv {
    background: #0A27D7;
    border-radius: 30px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    transition: 0.3s;
}
.btn-inv:hover,.mail-form__btn:hover{
    background: #0B23B2;
}
.btn-tr {
    background: transparent;
    border: 1px solid #0A27D7;
    color: #0A27D7;
    border-radius: 30px;
    font: 18px/47px 'Geologica-Regular';
    text-decoration: none;
    display: inline-block;
    transition: 0.3s;
}
.btn-tr:hover{
    background-color: #0A27D7;
    color: #fff;    
}
.phone-inner__num a{
    color: #28334E;
    text-decoration: none;
}

.mob-logo__close,.popup-form-cl {
    background: #fff;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
}

.mob-logo__close:hover svg path,.popup-form-cl:hover svg path{
    fill: #fff;
}
.mob-link-b {
    display: block;
    margin: 0 auto 16px;
    width: 300px;
    height: 60px;
    text-align: center;
    border-radius: 24px;
    line-height: 58px;
}
.nav-item-mob {
    border-bottom: 1px solid #DBDBE1;
    padding: 20px 24px;
}
.nav-item-mob:last-child {
    border-bottom: none;
}



.bl-item-desc {
    line-height: 29px;
}
.phone-inner__num a:hover,.footer-adr-bl__desc a:hover{
    text-decoration: underline;
}

svg.phone-svg {
    margin: 0px 0 -2px 10px;
}
.logo-link{
    display: flex;
}
.logo__img{
    width: 280px;
    transition: 0.3s;
}
:root {
  --lg-bg-color: rgba(255, 255, 255, 0.25);
  --lg-highlight: rgba(255, 255, 255, 0.75);
  --lg-text: #ffffff;
  --lg-hover-glow: rgba(255, 255, 255, 0.4);
  --lg-red: #fb4268;
  --lg-grey: #5b5b5b;
}
.header__wp{

    border-radius: 40px;
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 26px;
    height: 86px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    
}
.header-glass{
    background: rgba(255, 255, 255, 0.5);
    border-radius: 40px;
    box-shadow: 0px 2px 12px rgba(40, 51, 78, 0.15);
    position: relative;
    height: 86px;
    width: 100%;
    display: flex;
    align-items: center;
}
.glass-filter {
    position: absolute;
    inset: 0;
    z-index: 0;
    backdrop-filter: blur(3px);
    filter: url(#lg-dist) saturate(120%) brightness(1.15);
    isolation: isolate;   
    border-radius: 40px;
}
.glass-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--lg-bg-color);
}

.glass-specular {
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
  overflow: hidden;
  box-shadow: inset 1px 1px 0 var(--lg-highlight),
    inset 0 0 5px var(--lg-highlight);
}

.header {
    height: 116px;
    background: #F4F6FB;
    position: absolute;
    width: 100%;
}
.header-pad{
    padding-top: 115px;
}
.prod-title__text {
    position: relative;
    z-index: 99;
}
.nav-list-svg {
    margin: 0px 0 -2px 15px;
    transform: rotate(87deg);
}
.mob-open {
    display: none;
}
.mob-menu {
    display: flex;
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #fff;
    left: 100%;
    top: 0;
    text-align: left;
    padding: 20px 10px;
    z-index: 9999;
    overflow-x: scroll;
    flex-direction: column;
    justify-content: space-between;
}
.mob-menu .nav-list {
    display: block;
}
.mod-list.mod-list-m {
    position: static;
    padding: 20px 0;
}

.mod-list {
    position: absolute;
    z-index: 999;
    background: #fff;
    box-shadow: 0px 0px 10.1px #FFFFFF, 0px 0px 11.2px rgba(0, 0, 0, 0.35);
    border-radius: 24px;
    left: -148px;
    top: 55px;
    width: 830px;
    padding: 20px 16px;
}
.mod-list-m__item {
    display: block;
}
.nav-list-mob .pr-list-item {
    border: 1px solid #DBDBE1;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 0 0 0 20px;
    width: 100%;
}
.mod-list-img {
    flex: 0 0 115px;
    display: flex;
    justify-content: flex-start;
}
.nav-list-mob .pr-list-item__title {
    flex: 1;
    padding-right: 20px;
}
.mob-logo__close{
    background-color: #0B23B2;
    border-radius: 10px;
    width: 36px;
    height: 36px;;
}
.nav-list-mob .nav-list__item {
    display: block;
}

.mod-list-item {
    flex-wrap: nowrap;
    gap: 20px;
}
.mod-item-flex {
    flex: 1;
}
.pr-list-item {
    display: flex;
    text-decoration: none;
    height: 70px;
    align-items: center;
    transition: 0.3s;
    padding: 0 20px 0 20px;
    border-radius: 12px;
}
.mod-list-img {
    flex: 0 0 115px;
    display: flex;
    justify-content: flex-start;
}
.pr-list-item__title {
    text-align: left;
    line-height: 17px;
    letter-spacing: -0.07em;
    color: #28334E;
    padding-left: 20px;
    flex: 0 0 75%;
}
.mod-pos {
    position: relative;
}
/* footer */

.footer-list-item__link:hover{
    opacity: 0.5;
}

.footer-ban-title{
    font: 50px/73px Geologica-Light;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.footer-ban-title{
    color: #fff;
    padding: 0 0 30px 0;
}


p.footer-ban-desc {
    font: 14px / 20px Geologica-Light;
    letter-spacing: -0.03em;
    color: #FFFFFF;
}


.footer-adr-bl__desc{
    font-size: 18px;
    line-height: 29px;
    padding: 0px 0 0 9px;
    color: #fff;
    margin: -5px 0 0 0;
}
.footer-adr-bl__desc a{
    color: #fff;
    text-decoration: none;    
}
.footer-adr-bl__desc a:hover{
    text-decoration: underline;
}
.wp.footer-ban-wp {
    padding-bottom: 72px;
}
footer.footer {
    padding: 150px 0 100px;
    margin-top: -2px;
}

.footer-img-ad{
    width: 30px;
}
.footer-adr-bl {
    display: flex;
    margin-bottom: 20px;
}
.footer-adr-img {
    margin-bottom: 75px;
}
.footer-list-item {
    margin-bottom: 4px;
    flex: 100%;
    height: fit-content;
}
.footer-ban-main__img,.wp-slider__img{
    width: 100%;
    height: auto;
}


.footer-ban-main {
    position: relative;
}

.footer-ban__title{
    padding-bottom: 25px;
}

.footer-ban__wp {
    padding-bottom: 150px;
}

.main__footer {
    padding: 98px 0 100px;
}


.footer-soc-link {
    margin-right: 10px;
    text-decoration: none;
    display: inline-block;
    position: relative;
    width: 36px;
    height: 36px;
}
.footer-svg-bottom{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}
.footer-soc {
    margin-bottom: 33px;
}
.footer-logo-mob{
    display: none;
}
.footer-wp{
    background: linear-gradient(0deg, #070C38, #070C38), linear-gradient(90deg, #00096F 0%, #0A27D7 100%);
    border-radius: 32px;
    box-sizing: border-box;
    padding: 35px 60px 37px 60px;
}
.footer-map{
    display: flex;
    padding-top: 3px;
}


.footer-list-b{
    align-items: flex-end;
}

.footer-list-bottom__link:hover {
    text-decoration: none;
}
.footer-list-item.flex-item {
    flex: 100%;
    margin-bottom: 8px;
}
.footer-list-bottom .footer-list-item:last-child,.footer-list-item:last-child{
    margin: 0;
}


.footer-adr {
    height: 100%;
}
.footer-map__link{
    margin-right: 53px;
    font-size: 12px;
    opacity: 0.47;
    transition: 0.3s;
}
.footer-map__link:hover{
    opacity: 1;
}
.footer-adr-last{
    margin-bottom: 48px;
}
.footer-list-bottomCust.footer-list-bottom{
    margin-top: 102px;
}
.footer-list-flex {
    height: 100%;
}
.footer-map-mob{
    display: none;
}
.link-up__img {
    padding-top: 9px;
}
.link-up {
    position: fixed;
    right: 25px;
    bottom: 155px;
    background: #304da8;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 12px;
    transition: 0.3s;
    display: none;
    z-index: 99;
}

.footer-logo {
    flex: 100%;
}
.footer{
    color: #fff;
}
.footer-list-bottom__link{
    text-decoration: underline;
}
.footer-mail-title {
    font-size: 14px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 5px;
    text-decoration: none;
}
.footer-mail-num,.footer-mail-num a {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 10px;
    text-decoration: none
}


.footer-adr__up {
    display: flex;
    justify-content: space-between;
    padding: 15px 0 40px;
}
.footer-soc {
    margin: 30px 0 0 0;
}
.footer-adr-in {
    margin-top: 75px;
}
.footer-menu {
    border-radius: 4px;
    padding: 0 0px 10px 0px;
}
.footer-list-bottom {
    margin-top: 40px;
    align-self: self-end;
}
.footer-line {
    background: rgba(255, 255, 255, 0.5);
    height: auto;
    width: 1px;

}
.footer-list-bottom__link {
    margin-top: 118px;
    display: block;
}
.footer-map-item {
    margin-top: 40px;
}
.footer-pol-item.footer-list-item__link{
    line-height: 21px;
}
.footer-list-item__link{
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
    display: block;
    margin-bottom: 12px;
}
.footer-list-item:last-child .footer-list-item__link{
    margin-bottom: 0px;    
}
.footer-mail-flex {
    padding: 0 0 0 15px;
}
.footer-list-start {
    padding: 0 97px 0 8px;
}
.footer-list-end {
    flex: 1;
    height: auto;
    padding: 0 0 0 60px;
}
/* footer popup form */

.popup-fade, .popup-success,.popup-video-fade {
    display: none;
    position: relative;
    z-index: 99999;
}
.popup,.popup-video {
    max-width: 802px;
}
.popup-video iframe{
    width: 100%;
    display: block;
}
.popup, .popup-success-bl,.popup-video {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 30px 60px 50px 60px;
    max-width: 848px;
    width: 100%;
    background: #fff;
    border-radius: 32px;
    z-index: 99999;
    opacity: 1;
}
.popup-video{
    overflow: hidden;
    padding: 0;
    max-width: 1024px;
    width: 90%;
}
.popup-close-bl {
    display: flex;
    overflow: hidden;
    justify-content: space-between;
}
.popup-form-cl {
    background: #fff;
    width: 33px;
    height: 33px;
    border: 1px solid #DBDBE1;
    border-radius: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
}
.mail-form__title {
    font: 28px / 28px "Geologica-Regular";
}
.popup-close {
    cursor: pointer;
    float: right;
    transition: 0.3s;
}
.popup-close:hover{
    background: #0B23B2;
}
.popup .mail-form {
    padding: 25px 0 0 0;
}
.mail-form {
    background: #fff;
    border-radius: 32px;
    padding: 25px 40px 40px 40px;
}

.popup-fade:before, .popup-success:before,.popup-video-fade:before, .popup-video-success:before {
    content: '';
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    z-index: 9999;
}
/* prod */
.term-main-img__pic {
    width: 54%;
    position: absolute;
    top: 38%;
    transform: translateY(-50%);
    right: -2%;
}
.termopp-sec__bl {
    padding: 60px 0 0 0;
}

.sec-col {
    background: #0A27D7;
}
.pad-col{
    padding: 150px 0 0 0;    
}
.padcust-col{
    padding: 135px 0 0 0;
}
section.postprod-sec {
    background: #0A27D7;
    padding: 210px 0 152px 0;
    z-index: 9;
}
.postprod-work-flex{
    height: auto;
}
.postprod-sec__inst{
    margin-top: 25px;
    gap: 16px;
}
.prod-work-sec,.prod-form-sec,.footer{
    background: #030621;
}
.prod-func-logo {
    background: #0A27D7;
    border-radius: 12px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.adv-func-logo {
    background: #ffffff;
    border-radius: 12px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.adv-work-img__pic {
    border-radius: 25px;
}
.adv-h{
    height: 100%;
}
.prod-inst{
    background: linear-gradient(90deg, #00096F 0%, #0A27D7 100%);
    box-shadow: inset 0px 0px 94px rgba(0, 9, 111, 0.5);
    border-radius: 24px;
}
p.prod-awards-desc__text {
    font-size: 16px;
    line-height: 22px;
}
.post-func-list__ban{
    margin-top: 25px;
}
.post-func-item:nth-child(-n+4){
    margin-bottom: 9px;
}
.prod-main__btn{
    font-size: 24px;
    line-height: 61px;
    width: 393px;
    height: 61px;
    text-align: center;
}

.prod-awards-item {
    background: #F4F6FB;
    border-radius: 24px;
}
.prod-awards-item {
    background: #F4F6FB;
    border-radius: 24px;
    flex: 1;
    text-align: center;
    min-height: 355px;
}

.prod-awards-img__pic {
    margin: 86px 0 27px;
}

.prod-awards {
    gap: 16px;
}
.prod-awards-price__num {
    font: 64px / 64px Geologica-Light;
}
.prod-awards-title__text {
    font: 20px / 24px Geologica-Medium;
    letter-spacing: -0.03em;
    display: inline-block;
}
.prod-awards-sec__title {
    text-align: center;
    padding: 0px 0 50px;
}
.prod-func-title {
    font: 32px / 32px Geologica-Thin;
    color: #fff;
}
.prod-func-list{
    background: #fff;
    padding: 32px 0 0 23px;
}
.prod-func-bl {
    position: relative;
    height: auto;
}

.prod-awards-desc2 {
    margin: 52px 0 0;
}
.prod-awards-desc3 {
    margin: 28px 0 0;
}
.prod-awards-sec {
    padding: 0 0 150px;
}
.prod-func-main-img {
    position: absolute;
    right: 0;
    bottom: 0;
}
.prod-func-desc {
    font-size: 16px;
    line-height: 22px;
    flex: 0 0 84%;
}
.prod-inst-title {
    font: 32px / 36px Geologica-Thin;
    color: #fff;
}

.prod-func-item {
    align-items: center;
    border-bottom: 1px solid #C2D1FF;
    padding: 0 0 24px;
    margin: 0 85px 23px 0;
}
.prod-func-item:last-child{
    border-bottom: none;
}
.prod-func-img {
    flex: 0 0 16%;
}
.prod-inst-btn{
    width: 272px;
    height: 60px;
    line-height: 58px;
    text-align: center;
}
.prod-video__file {
    border-radius: 36px;
    box-shadow: 0px 67px 50.1px -38px rgba(0, 6, 117, 0.46);
}
.prod-adv-title {
    font: 48px / 58px Geologica-Light;
    color: #28334E;
}
.prod-adv-desc {
    line-height: 24px;
    color: #28334E;
}
section.prod-video-sec {
    padding: 0 0 145px;
}
.prod-func-sec__title {
    padding: 0 0 45px;
}
.postprod-func-sec__title{
    padding: 0 0 50px;
}
.prod-adv {
    position: relative;
    background: #fff;
    border-radius: 32px;
    margin-bottom: 48px;
    padding: 0 0 0 72px;
    height: 407px;
    overflow: hidden;
}
.postprod-adv{
    height: auto;
}
.postprod-adv-1 {
    padding: 22px 70px 25px 76px;
}
.prod-adv-img__pic-1 {
    margin: -20px -5px 0 0px;
}
.prod-adv-img__pic-2 {
    margin: 0 -15px 0 0px;
}
.prod-adv-img__pic-3 {
    margin: 5px -50px 0 0;
}
.prod-adv__top-1,.prod-adv__top-2{
    padding-top: 65px;
}
.prod-adv__top-3{
    padding-top: 48px;    
}
.prod-adv:last-child{
    margin-bottom: 0;
}
.prod-adv-item {
    flex: 1;
}
.prod-work-desc {
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    margin: 0 0 40px 0;
}
.prod-work-act__text {
    font-size: 22px;
    line-height: 25px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    width: 100%;
}
.prod-work-text {
    line-height: 22px;
    color: #fff;
    font-size: 16px;
}
.prod-work-item {
    background: #070C38;
    border-radius: 24px;
    height: auto;
    padding: 24px 10px 32px 16px;
    flex: 0 0 calc(1 / 2 * 100% - 16px);
}
.postprod-work-item{
    flex: 0 0 calc(1 / 4 * 100% - 12px);    
}
.adv-work-item{
    background: #1321B1;
    border-radius: 24px;
    height: auto;
    padding: 27px 24px 30px 24px;
    flex: 0 0 calc(1 / 2 * 100% - 16px);
}
.prod-work-img-title {
    font: 40px / 58px Geologica-Light;
    color: #fff;
}
.prod-work-btn{
    width: 351px;
    height: 60px;
    text-align: center;
    line-height: 57px;
    margin: 0 0 45px 40px;
    font-size: 20px;
    position: relative;
    z-index: 222;
}
.prod-work-btn svg{
    margin: 0 0 -2px 10px;
}
.prod-form-title {
    font: 40px / 48px Geologica-Light;
    color: #fff;
    letter-spacing: -0.02em;
}

.prod-form-bl-desc {
    line-height: 24px;
    color: #ffffff70;
}
.prod-form {
    background: radial-gradient(58.39% 77.13% at 49.01% 100%, #00096F 0%, #0A27D7 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, #0A27D7;
    box-shadow: 0px 67px 50.1px -38px rgba(0, 6, 117, 0.46);
    border-radius: 32px;
    overflow: hidden;
    position: relative;
}

.prod-webform {
    position: relative;
}
.prod-webform-img {
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0;
}
.prod-webform-bl {
    position: relative;
    z-index: 22;
}
.prod-main-desc {
    margin: 16px 0 60px;
    color: #28334E;
    font-size: 24px;
    line-height: 36px;
}
.postprod-main-desc{
    line-height: 32px;
}
.prod-first {
    position: relative;
    padding: 0 0 125px 0;
}
.termprod-first{
    position: relative;
    padding: 0 0 180px 0;    
}
.postprod-first{
    position: relative;
    padding: 0 0 15px 0;    
}
.gitflic-first{
    padding: 0 0 185px 0;    
}
.prod-main-img__pic {
    width: 48%;
    position: absolute;
    top: -50px;
    right: -70px;
}
.postprod-main-img__pic{
    top: -70px;    
}
.gitflic-main-img__pic {
    width: 49%;
    position: absolute;
    top: 41%;
    transform: translateY(-50%);
    right: -140px;
}

.adv-gitflic-sec.bord-sec{
    z-index: 9;
}
section.prod-main-sec {
    background: #F4F6FB;
    padding-top: 115px;
}
.grey-sec {
    background: #F4F6FB;
}
section.prod-calc-sec {
    padding: 210px 0 150px;
}
.ind-bl {
    padding-top: 150px;
}
section.rupost-main-sec{
    padding-bottom: 35px;
    padding-top: 152px;
    z-index: 99;
}
.bord-bot-sec{
    margin-top: -60px;
}

.prod-func-bl__title {
    padding: 42px 0 0 40px;
}
.post-func-item {
    background: linear-gradient(180.9deg, rgba(10, 39, 215, 0) 61.13%, #0A27D7 193.32%), #FFFFFF;
    border-radius: 31px;
    min-height: 420px;
    padding: 40px 20px 0;
    flex: 0 0 calc(1 / 4 * 100% - 12px);
    position: relative;
}
.post-func-list {
    gap: 16px;
}
.post-func-itemCust {
    background: #1321B1;
    flex: 1;
}
.post-func-title.post-func-titleCust {
    color: #fff;
}
.post-func-title {
    color: #28334E;
    font: 24px / 28px "Geologica-Regular";
}
.post-func-item__title {
    padding: 0 0 14px 0;
}
.post-func-item-img1 {
    max-width: 235px;
}
.post-func-item-img2 {
    max-width: 265px;
}
.post-func-item-img3 {
    max-width: 275px;
}
.post-func-item-img4 {
    max-width: 295px;
}
.post-func-item-img5 {
    max-width: 280px;
}
.post-func-item-img6 {
    max-width: 275px;
}
.post-func-item-img7 {
    max-width: 235px;
}
.post-func-item-img.post-func-item-img7 {
    max-width: 415px;
    left: 54%;
}
.post-func-desc {
    color: #28334E;
    font-size: 16px;
    line-height: 22px;
}
.post-func-item-img {
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
}
.prod-func-main {
    border-radius: 25px;
    overflow: hidden;
    padding-bottom: 25px;
}
.prod-func-main:last-child{
    padding-bottom: 0;
}
.prod-func-main__desc{
    border-radius: 0 25px 25px 0;
    overflow: hidden;
}
.prod-func-main__pic{
    border-radius: 25px 0 0 25px;
    overflow: hidden;
    background: #1321B1;
}
.prod-inst-img__pic {
    margin: 50px 0 0 135px;
}
.prod-inst-item__title {
    margin: 60px 0 60px 5px;
}
.prod-inst-item__title {
    margin: 60px 0 60px 0px;
}
.prod-inst-item__inner {
    margin-left: 5px;
}
.prod-adv-sec {
    padding: 150px 0 150px 0;
    position: relative;
    z-index: 22;
}
.prod-adv-line {
    text-align: center;
}
.prod-adv__top {
    margin: 0 0 40px 0;
}
.prod-webform-sec {
    padding: 145px 0 150px;

}
.postprod-adv__top-1 {
    margin: 21px 0 40px 0;
}
.postprod-adv-2 {
    padding: 33px 67px 0 73px;
}
.postprod-adv__top-2 {
    padding: 32px 0 41px;
}
.postprod-adv-3 {
    padding: 15px 70px 27px 73px;
}
.postprod-adv__top-3 {
    padding: 35px 0 38px;
}
.bord-sec{
    border-radius: 0 0 60px 60px;
    position: relative;
    z-index: 99;
    overflow: hidden;
}
.prod-webform {
    background: linear-gradient(90deg, #00096F 0%, #0A27D7 100%), radial-gradient(44.86% 272.18% at 1.87% 100%, rgba(19, 33, 177, 0.4) 0%, rgba(19, 33, 177, 0.9) 100%), #5B77D1;
    box-shadow: 0px 67px 50.1px -38px rgba(0, 6, 117, 0.46), inset 0px 0px 94px rgba(0, 9, 111, 0.5);
    border-radius: 32px;
    overflow: hidden;
    padding: 60px 39px 60px 10px;
}
.prod-webform-title {
    padding: 0px 0 0 32px;
}
.prod-work-act {
    position: relative;
}
.prod-work-title {
    padding: 222px 0 30px 0;
}
.prod-work-title-text {
    flex: 1;
}

.postprod-awards-img__pic2,.postprod-awards-img__pic3,.postprod-awards-img__pic1{
    height: 75px;
}

.postprod-work-title {
    padding: 202px 0 36px 0;
}
.postprod-adv-img__pic {
    max-width: 100%;
    height: auto;
}
.prod-work-img__pic {
    border-radius: 24px;
    width: fit-content;
    position: absolute;
    right: 0;
    bottom: 0;
}
.prod-work-sec__pad{
    padding-bottom: 100px;
}
.postprod-work__title{
    flex: 1;
    padding: 70px 0 0
}
.prod-work-bl__logo{
    margin-bottom: 15px;
}
.prod-work-img {
    position: relative;
}
.prod-work-img {
    position: relative;
    background: radial-gradient(58.39% 77.13% at 49.01% 100%, #00096F 0%, #0A27D7 100%), #0A27D7;
    backdrop-filter: blur(10px);
    border-radius: 24px;
}
.prod-work-img__picCust {
    position: absolute;
    right: 0;
    bottom: 0;
}
.prod-work-flex-main{
    gap: 16px;
}

.prod-work-bl__title {
    padding: 35px 0 170px 40px;
}
.prod-form-sec {
    padding-top: 50px;
}
.prod-work-bl-cust{
    justify-content: flex-end;
}
.prod-form-bl {
    padding: 60px 0 0 40px;
}

.prod-work-flex{
    height: auto;
}
.prod-work-sec {
    margin-top: -60px;
    position: relative;
    z-index: 1;
}

.scen-desc, .scen-desc-inner-mob{
    display: none;
}
.scen-desc-inner-mob {
    background: #fff;
    border-radius: 32px;
    padding: 40px 16px 40px 20px;
    margin: 0 0 16px 0;
}
.scen-desc.active{
    display: block;
}
.scen-desc-inner {
    background: #ffffff;
    border-radius: 32px;
    overflow: hidden;
    padding: 60px 40px;
    position: relative;
    height: 100%;
}

.scen-list__item {
    background: #3853F6;
    color: #ffffff;
    border-radius: 16px;
    margin-bottom: 15px;
    cursor: pointer;
    transition: 0.3s;
}
.scen-list__item:last-child{
    margin-bottom: 0;
}
.scen-list__item.active,.scen-list__item:hover {
    background: #fff;
    color: #28334E;
}
.scen-sec__title {
    padding: 0px 0 50px;
}
.scen-list-flex {
    flex: 0 0 32.5%;
}
.scen-desc-flex {
    flex: 1;
    height: 654px;
}
.scen-main-flex{
    gap: 16px;
}
.scen-list-item {
    padding: 36px 24px;
    font-size: 20px;
    line-height: 24px;
}
.scen-desc-img {
    position: absolute;
    right: 0;
    bottom: 0;
}
.opp-pic {
    width: 50%;
}
.opp-img {
    background: #001ABA;
    border-radius: 24px;
    position: relative;
    height: 100%;
}
.opp-inner-flex {
    background: #F4F6FB;
    border-radius: 24px;
    flex: 0 0 calc(1/2 * 100% - 8px);
    min-height: 128px;
    justify-content: center;
    padding: 0 20px 0 25px;
}

.opp-main-flex {
    gap: 16px;
}
.opp-desc-main {
    flex: 1;
    height: auto;
}
.opp-list-flex {
    flex: 0 0 32.5%;
    height: auto;
}
.opp-logo-flex{
    flex: 0;
}
.opp-desc-text{
    flex: 1;
    line-height: 22px;
    font-size: 16px;
}
.opp-inner.flex-main {
    gap: 16px;
    justify-content: space-between;
}
.opp-sec.sec-col {
    padding: 150px 0 0;
}
section.termopp-sec.opp-sec{
    padding: 120px 0 146px 0;
    border-radius: 0 0 60px 60px;
    z-index: 9;
    position: relative;
}
.opp-pic {
    width: 90%;
    position: absolute;
    bottom: 0;
}
.opp-desc.flex-main {
    align-items: center;
}
.opp-logo-flex {
    margin: 0 20px 0 0px;
}
.scen-desc-title,.scen-desc-list,.scen-desc-text{
    position: relative;
    z-index: 2;
}
.scen-desc-title{
    padding: 0 0 40px 0;
}
.scen-desc-list {
    list-style: disc;
    padding: 0 0 0 28px;
}
.scen-desc-item {
    line-height: 26px;
    padding: 0 0 10px 0;
}
.scen-desc-text {
    line-height: 24px;
    padding-bottom: 18px;
}
/* form */

.mail-form {
    background: #fff;
    border-radius: 32px;
    padding: 50px 40px 50px 40px;
}
.mail-form-flex {
    justify-content: space-between;
    margin: 0 0 25px 0;
}
.mail-form-col {
    flex-direction: column;
}
.mail-form-item {
    flex: 0 0 48%;
    position: relative;
}
.fio-form-item{
    flex: 0 0 100%;  
    position: relative;
}
label.mail-form__text, label.mail-form__label {
    display: block;
}
.form-mail-bl__desc {
    font: 14px / 20px Geologica-Light;
}
.mail-form-sel {
    position: relative;
    height: 61px;
}
.mail-form-sel__title {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 21px 16px;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    cursor: pointer;
}
.mail-form-sel__title::before, .mail-form-sel__title::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 26px;
    display: block;
    width: 10px;
    height: 3px;
    border-radius: 10px;
    transition: all 0.3s ease-out;
    background-color: #8D8E9F;
    transform: translate(-2px, -50%) rotate(40deg);
}
.mail-form-sel__title::after {
    transform: translate(4px, -50%) rotate(-40deg);
}

.mail-form-sel__content {
    position: absolute;
    top: 66px;
    left: 0px;
    width: 100%;
    display: flex;
    flex-direction: column;
    width: calc(100% - 6px);
    background-color: #ffffff;
    border: 1px solid #c7ccd1;
    border-radius: 10px;
    box-shadow: 0px 2px 5.8px rgba(0, 0, 0, 0.25);
    transition: all 0.3s ease-out;
    opacity: 0;
    z-index: -1;
}
.mail-form-sel[data-state=active] .mail-form-sel__content {
    opacity: 1;
    z-index: 8;
}
.mail-form-sel__label:hover {
    background-color: #F3F3F3 !important;
}
.mail-form-sel__input {
    display: none;
}
.mail-form-sel__input:checked + label {
    background-color: #F3F3F3;
}
.mail-form-sel__label {
    display: flex;
    align-items: center;
    padding: 10px 10px;
    margin: 9px 7px 0px;
    transition: all 0.2s ease-out;
    cursor: pointer;
    overflow: hidden;
    border-radius: 4px;
}
.mail-form-sel__label + input + .mail-form-sel__label {
    border-top: 0 solid #c7ccd160;
}
.mail-form-sel__label:last-child {
    margin: 4px 7px 9px;
}
label.mail-form__text {
    position: absolute;
    bottom: 23px;
    left: 10px;
    color: #8D8E9F;
    font: 14px / 14px Geologica-light;
}


.mail-form__text, .mail-form__label,.captcha-form__text {
    font-size: 14px;
    line-height: 18px;
}
.captcha-img {
    margin-left: -22px;
    position: relative;
    z-index: 1;
    margin-top: -6px;
    width: 135px;
}
.captcha-link {
    color: rgba(1, 18, 74, 1);
    font-size: 14px;
    display: inline-block;
    margin-top: -5px;
    text-underline-offset: 3px;
}
.form-mail-bl {
    align-items: flex-start;
    flex-wrap: nowrap;
}
.form-mail-bl {
    margin: 20px 0 0px 0;
    align-items: center;
}
.form-mail-desc {
    margin: 3px 10px 0 0;
}
.mail-form__chx:checked {
    background-color: #0A27D7;
}
.mail-form__chx {
    position: absolute;
    opacity: 0;
    width: 20px;
    height: 20px;
}
.captcha-flex{
    margin-left: 50px;
}
.mail-form__chx, .mail-form__btn {
    cursor: pointer;
}
.mail-form__chx:checked+label::before {
    background-color: #304DA8;
    background-image: url(../img/gl.svg);
}
.mail-form__label::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #adb5bd;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80%;
}
.f-sec{
    padding-top: 115px;
}
button.mail-form__btn svg {
    margin: 0px 0 -2px 20px;
}
.btn-svg__icon{
    margin: 0px 0 -1px 20px;    
    transform: translateX(0%);
    transition: .2s linear;
    animation: attention 3s linear infinite;
}
.first-ai-str{
    transform: translateX(0%);
    transition: 1s linear;
    animation: attention-str 6s linear infinite;
}
.btn-svg span{
    transition: 0.3s;
}
.btn-svg:hover > .btn-svg__icon {
  transform: translateX(30%);
  animation: none;
}
.btn-svg:hover span{
    margin-left: 5px;
}
@keyframes attention-str {
  0% {
    transform: translateX(0%);
  }

  50% {
    transform: translateX(5%);
  }
}
@keyframes attention {
  0% {
    transform: translateX(0%);
  }

  50% {
    transform: translateX(50%);
  }
}
.mail-form__input:valid + label{
    transform: translateY(-17px);
    font-size: 10px;
}
.mail-form__input:focus {
    border: 1px solid #000;
}
.mail-form__input {
    border: 1px solid #CCCCCC;
    border-radius: 10px;
}
.mail-form__input {
    font-size: 18px;
    padding: 25px 20px 13px 15px;
    width: 100%;
}
.form-mail-bl__desc a:hover {
    text-decoration: none;
    color: #2F4DA8;
}
.form-mail-bl__desc a:hover span{
    text-decoration: none;
}
.form-mail-bl__desc a {
    color: #28334E;
    text-decoration: none;

}
.form-mail-bl__desc a span{
    text-underline-offset: 5px;
    text-decoration: underline;
}
label.captcha-form__text {
    margin: 3px 0 15px;
}
.mail-form__btn {
    border: none;
    display: inline-block;
    width: fit-content;
    padding: 0 41px;
    height: 60px;
    border-radius: 62px;
    font-family: 'Onest';
    font-size: 18px;
    margin: 32px 0 0 0;
}
.mail-form-cap-in{
    flex: 0 0 46%;
    margin-right: 25px;
}
.mail-form-cap {
    margin: 0 0 20px 0;
}

.mail-form__text {
  order: -1;
  padding-left: 5px;
  transition: all 0.3s ease-in;
  transform: translateY(0px);
  pointer-events: none;
}
.mail-form-text:focus + label {
  transform: translateY(-17px);
  font-size: 10px;
}

.prod-form-bl__desc {
    margin-top: 40px;
}
.prod-form__img {
    margin: 45px 0 -7px 90px;
    position: absolute;
    bottom: 7px;
    max-width: 397px;
    width: 35%;
}
.prod-form-item {
    height: auto;
}
.prod-form-item.prod-form__form {
    padding: 60px 35px 60px 0px;
}
.prod-inst-btn svg{
    margin: 0px 0 -3px 10px;
}

/* Calculator */

.prod-calc-ent{
    display: none;
}
.prod-calc-title {
    font: 24px / 28px Geologica-Light;
    padding: 46px 0 25px 0;
    text-align: center;
}
.prod-calc-main {
    background: #E3E8F6;
    border-radius: 16px;
    height: 100%;
}
.prod-calc{
    background-color: #fff;
    border-radius: 40px;
    height: 500px;
    width: 100%;
    padding: 40px;
}

.prod-calc-desc {
    font-size: 12px;
    color: #616161;
}
.prod-calc-num {
    font-size: 12px;
    color: #28334E;
    font-family: Onest-Medium;
}
.prod-calc-num-res{
    font-size: 18px;
    line-height: 28px;
}
.prod-calc-item {
    display: inline-flex;
    flex: 1;
}
.prod-calc-item-res {
    justify-content: flex-end;
    flex: 0 0 35%;
}
.prod-calc-link {
    padding: 2px 41px;
    border-radius: 62px;
    font: 24px / 68px Geologica-Regular;
    text-align: center;
}
.prod-calc-comp {
    flex: 0 0 55%;
    padding: 12px 30px 0 17px;
}
.prod-calc-res {
    flex: 0 0 45%;
    padding: 0 0 0 15px;
}

.prod-calc-main{
    padding: 0 63px;
}
.prod-calc-list {
    border-bottom: 1px solid #B3C1E8;
    padding: 4px 0 3px 0;
}
.prod-calc-list:last-child {
    border-bottom: none;
}
.prod-calc-type {
    width: 100%;
}
.prod-calc-res-btn {
    padding: 45px 0 0;
}
.prod-calc-num-res {
    display: inline-block;
    padding: 25px 0 0 0;
}

.prod-calc-sw {
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
    border: 1px solid #fff;
    margin-bottom: 55px;
}
.prod-calc-cl {
    font-size: 14px;
    color: #28334E;
    font-family: Onest-Medium;
    flex: 1;
    cursor: pointer;
    padding: 15px 0;
}
.prod-calc-cl{
    text-align: center;
}
.prod-calc-cl.active {
    background: #828EAF;
    color: #fff;
}
.range-btn {
    font-size: 12px;
    color: #28334E;
    position: absolute;
}
.calc-opt-border {
    height: 58px;
    width: 100%;
    position: absolute;
    border-radius: 10px;
    top: -56px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 44;
    background: #fff;
}
.calc-opt-bl {
    display: inline-flex;
    flex: 1;
    align-items: center;
    position: relative;
    width: 100%;
}
.dist-start {
    top: 5px;
    left: 0px;
}
.dist-end {
    top: 5px;
    right: 0px;
}
.calc-opt-bl .calc-rang-num {
    position: absolute;
    top: -27px;
    left: 15px;
    font: 14px / 18px Onest-Medium;
    color: #28334E;
}

.calc-opt-bl input[type="range"] {
    -webkit-appearance: none;
    width: 88%;
    height: 2px;
    margin: 0 auto;
    background: #fff;
    border-radius: 5px;
    background-image: linear-gradient(#304DA8, #304DA8);
    background-size: 0% 100%;
    background-repeat: no-repeat;
    z-index: 999;
}
.calc-opt-bl input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #304DA8;
    cursor: ew-resize;
    transition: background .3s ease-in-out;
}
.calc-opt-bl input[type=range]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
}
input.calc-sel-55[type="range"] {
    background-size: 53% 100%;
}
input.calc-sel-15[type="range"] {
    background-size: 15.2174% 100%;
}
.inp-num {
    font: 14px / 18px Onest-Medium;
    width: 50px;
    position: relative;
    z-index: 99;
    margin-right: -1px;
    border: none;
}

.prod-calc-in-top {
    margin: 0 0 75px 0;
}
.inp-num::-webkit-inner-spin-button, .inp-num::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.calc-opt-desc {
    font-size: 12px;
    color: #616161;
    position: absolute;
    top: -54px;
    left: 15px;
    z-index: 999;
}
.footer-adr-mob{
    display: none;
}
.prod-form-img-mob,.footer-list-item-mob{
    display: none;
}


.opp-desc-logo{
    background: #001ABA;
}

.blog-title-sub{
    letter-spacing: -0.03em;
    font: 24px / 36px Geologica-Medium;
    padding-bottom: 25px;
}
/* banner */

.ban-pay-main {
    background: linear-gradient(90deg, #00096F 0%, #0A27D7 100%);
    box-shadow: 0px 67px 50.1px -38px rgba(0, 6, 117, 0.46), inset 0px 0px 94px rgba(0, 9, 111, 0.5);
    border-radius: 32px;
    position: relative;
    width: 100%;
    padding: 23px 0 0px 32px;
}
.ban-pay-item-img {
    flex: 0 0 46%
}
.ban-pay-item-text {
    padding: 40px 0 0 0;
}
.ban-pay-desc {
    font: 20px / 30px Onest;
    color: #fff;
}
.ban-pay-item {
    margin-right: 135px;
}
.ban-pay-tel {
    font-size: 18px;
    line-height: 28px;
    color: #ffffff70;
    margin: 23px 0 5px 0;
}
.ban-pay-num a {
    font-size: 18px;
    line-height: 28px;
    color: #ffffff;
    text-decoration: none;
}
.ban-pay-item:last-child {
    margin-right: 0;
}
.ban-pay-tel {
    font-size: 14px;
    line-height: 18px;
    color: #ffffff70;
    margin: 30px 0 5px 0;
}


/* banner */
.blog-banner{
    background: radial-gradient(58.39% 77.13% at 49.01% 100%, #00096F 0%, #0A27D7 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
    border: 1px solid #000000;
    box-shadow: 0px 67px 50.1px -38px rgba(10, 39, 215, 0.26);
    border-radius: 32px;
    position: relative;
    max-width: 895px;
    width: 100%;
    margin: 40px auto;
    padding: 40px 40px 40px 40px;
    overflow: hidden;
}
.blog-banner-title {
    color: #FBFBFB;
    font-size: 28px;
    line-height: 34px;
    position: relative;
    z-index: 22;
}
.banner-corp-title {
    color: #FBFBFB;
    font-size: 22px;
    line-height: 28px;
}
.blog-banner-op{
    opacity: 0.8;
}
.blog-banner-btn {
    padding: 0 40px;
    height: 60px;
    line-height: 58px;
    text-align: center;
    margin-top: 40px;
}
.blog-banner-btn svg{
    margin: 0px 0px -3px 8px;
}
.blog-banner-img {
    position: absolute;
    right: 0;
    top: 0;
}
.termidesk-banner-img {
    right: 50px;
    top: 10px;
}
.blog-banner-img.termidesk2-banner-img {
    top: 50%;
    transform: translateY(-50%);
}
.blog-banner-desc {
    font-size: 16px;
    line-height: 19px;
    color: #FBFBFB;
    margin-top: 24px;
}
.blog-item-ital {
    font-style: italic;
}
.blog-banner-btn:hover svg path{
    fill: #fff;
}
.blog-ban-ru{
    flex: 1;
}
.blog-ban-pic {
    flex: 0 0 31%;
}
.blog-banner-title-term{
    font-size: 24px;
}
.blog-banner-term1{
    padding: 40px 0px 40px 40px;
}
.blog-ban-ru-img {
    display: block;
}

/* blog-item */
.bread-item {
    color: rgba(255, 255, 255, 0.5);
}
.bread-item {
    color: rgba(255, 255, 255, 0.5);
}
.blog-item-img {
    display: block;
}
.blog-item-list-link {
    color: #A7A7A7;
    font: 14px / 21px Geologica-Regular;
}
.blog-item-list-link.active{
    color: #000;
}
.blog-item-cont__text p{
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 25px;
}

.blog-item-cont {
    margin: 70px 0 0 0;
}
.blog-item-cont__menu {
    flex: 0 0 206px;
}
.blog-item-cont__text {
    flex: 1;
    padding: 5px 0 0 60px;
}
.blog-item-list__item {
    margin: 0 0 21px 0;
}
.blog-item-subtitle {
    font: 32px / 40px Geologica-Medium;
    letter-spacing: -0.03em;
    padding: 20px 0 25px;
}
.blog-item-cont__text .blog-item-img-text {
    letter-spacing: 0.04em;
    font: 14px / 20px Onest-Light;
}
.blog-main__img {
    margin: 30px 0 10px;
    border-radius: 32px;
    overflow: hidden;
}
/* astra disk */
.astradisk-func-logo{
    background: #fff;
}
.astradisk-work-item{
    background: #1321B1;
    height: 242px;
}
.astradisk-work-flex-main{
    justify-content: flex-end;
}
.astradisk-work-img__pic{
    border-radius: 24px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.astradisk-work-flex{
    flex: 0 0 calc(1 / 2 * 100% - 8px);
}
.sec-blue{
    background: #030621;
}
.astradisk-work-desc{
    font: 40px / 48px "Geologica-Thin";
    color: #fff;
}
.prod-flex-3{
    flex: 0 0 calc(1 / 3 * 100% - 11px);
}
.prod-flex-main{
    gap: 16px;
}
.adv-serv-cont{
    display: none;
}
.adv-serv-cont.active{
    display: flex;
}
.adv-serv-nav {
    gap: 16px;
    justify-content: space-between;
}
.adv-serv-nav-item {
    flex: 0 0 calc(1 / 3 * 100% - 11px);
    border-radius: 16px;
    background: #3853F6;
    padding: 31px 24px 30px;
    cursor: pointer;
    transition: 0.3s;
}
.adv-serv-link {
    font-size: 24px;
}
.adv-serv-nav-item.active,.adv-serv-nav-item:hover{
    background: #1321B1;
}
.adv-serv-title {
    font: 40px / 48px "Geologica-Light";
}
.adv-serv-main {
    background: #1321B1;
    border-radius: 32px;
    margin-top: 16px;
}
.adv-serv-desc {
    flex: 1;
}
.adv-serv-desc {
    padding-left: 40px;
}
.adv-serv-cont__title {
    padding: 40px 0;
}
.adv-serv-list li{
    list-style: disc;
    margin: 0 0px 5px 30px;
}
.adv-serv-w{
    width: 100%;
    height: 426px;
}

/* blog */
.blog-title {
    font: 76px / 90px Geologica-Regular;
}
.blog-sec__title {
    padding: 50px 0 30px;
}
.blog-nav-link {
    font: 18px / 26px Geologica-Regular;
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    transition: 0.3s;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    padding: 0 15px;
}
.blog-nav-item:last-child .blog-nav-link{
    border-right: none;
}
.blog-nav-item:first-child .blog-nav-link{
    padding: 0 15px 0 0;
}
.blog-nav-link:hover{
    color: rgba(255, 255, 255, 1);
}
.blog-nav-link.active{
    color: rgba(255, 255, 255, 1);
}
.blog-sec__nav {
    padding-bottom: 105px;
}
.blog-main {
    border-radius: 32px;
    background: #CFD7EE;
    overflow: hidden;
    margin-bottom: 75px;
}
.blog-main-img__pic {
    display: block;
}
.blog-main-desc,.blog-f-info__cat,
.blog-f-info__date,.blog-f-info__more{
    height: auto;
}
.blog-f{
    height: 100%;
    padding: 55px 40px 60px 40px;
    flex-direction: column;
}
.blog-f-title {
    color: #28334E;
    font: 40px / 48px Geologica-Light;
}
.blog-f__title {
    display: inline-flex;
    flex: 1;
}
.blog-f__desc {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
}
.blog-f__desc {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    padding: 25px 0 0 0;
}
.blog-f-sub{
    font: 14px / 20px Geologica-Light;
}
.blog-f-cat {
    color: #28334E;
}
.blog-f-date{
    color: #8D8E9F;
}
.blog-f-more {
    color: #0A27D7;
    font: 18px / 26px Geologica-Light;
}
.blog-f-more-pos {
    position: absolute;
    bottom: 40px;
    right: 25px;
}
.blog-f-info {
    align-items: center;
}

.blog-f-more svg{
    margin: 0 0 -5px 12px;
}
.blog-f-cat {
    color: #28334E;
    border-right: 1px solid #8D8E9F;
    padding-right: 12px;
}
.blog-f-info__date {
    padding-left: 12px;
}
.blog-f-info__more{
    flex: 1;
    text-align: right;
}
.blog-list {
    gap: 16px;
}
.blog-item {
    flex: 0 0 calc(1 / 3 * 100% - 11px);
    background: #fff;
    border-radius: 24px;
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
    height: 455px;
}
.blog-more__link {
    text-align: center;
    margin: 60px 0 0;
}
.blog-more-link {
    color: #0A27D7;
    font: 18px / 28px Geologica-Regular;
    background: #fff;
    border-radius: 62px;
    display: inline-block;
    padding: 15px 23px 17px;
    text-decoration: none;
}
.blog-more-link svg{
    margin: 0px 0 -1px 8px;
}
.blog-item-desc {
    padding: 12px 24px 40px;
    position: relative;
    height: 100%;
}
.blog-item-nav {
    justify-content: space-between;
}
.blog-item-cat {
    color: #28334E;
    font: 13px / 24px Geologica-Light;
    border-radius: 4px;
    background: #CFD7EE;
    width: fit-content;
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 4px 10px;
}
.blog-item-img__pic {
    display: block;
}
.blog-item-date {
    color: #8D8E9F;
    font: 13px / 24px Geologica-Light;
}
.blog-item-title {
    color: #28334E;
    font: 18px / 28px Onest;
}
.blog-item-more {
    color: #0A27D7;
    font: 18px / 26px Geologica-Light;
}
.blog-item-desc__date {
    padding-bottom: 16px;
}
.blog-grey{
    background: #F4F6FB;
}
.blog-page-num {
    font: 18px / 28px Geologica-Regular;
    border: 1px solid #0A27D7;
    border-radius: 150px;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #0A27D7;
    transition: 0.3s;
}
.blog-page-num.active, .blog-page-num:hover{
    background: #0A27D7;
    color: #fff;
    cursor: pointer;
}
.blog-page {
    padding: 80px 0 100px;
}
.blog-page__link {
    margin-right: 10px;
}
.blog-item-pic {
    border-radius: 32px;
    margin: 30px 0 10px;
}
/* Cloud */

.cloud-main-sec {
    background: #020A29;
}
.clprod-logo {
    background: rgba(0, 255, 9, 0.26);
    border: 1px solid #00FF09;
    width: fit-content;
    border-radius: 8px;

}.clprod-logo-text {
    color: #00FF09;
    font-size: 14px;
    line-height: 22px;
}
.clprod-adv-logo {
    background: #0A27D7;
    display: flex;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
}


















.feat-item {
    border-bottom: 1px solid #C2D1FF;
    padding: 32px 0 32px 0;
    width: 91%;
}
.feat-item:last-child{
    border-bottom: none;;
}
.feat-list .prod-font{
    font: 18px/24px Onest;
}
.feat-prod-wp {
    padding-top: 100px;
}
.feat-prod-title {
    margin-bottom: 24px;
}
.feat-item-desc {
    margin: 0px 1px 0 17px;
    flex: 1;
    align-self: center;
}
.feat-prod-sec {
    margin-bottom: 90px;
}
.feat-img {
    background: #304DA8;
    width: 76px;
    border-radius: 4px;
    height: 73px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.feat-prod-bl {
    display: flex;
    margin-bottom: 30px;
    flex-wrap: wrap;
}
.feat-cl-item {
    padding: 32px 0 32px 0;
}
.feat-prod-num {
    font: 28px / 34px Geologica-Medium;
    color: #fff;
}
.feat-img__img {
    width: 30px;
    height: 30px;
    stroke: #fff;
}
.feat-img-svg path{
    fill: #fff;
}
.feat-img.part-img {
    margin-bottom: 24px;
}
.feat-list .prod-font {
    font: 16px / 24px Onest;
}
.feat-prod-num {
    font: 32px / 32px Geologica-Bold;

}
/* ai */

main {
    background: #000000;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.first-ai-sec{
    padding: 160px 0 0;
}
.wp-ai{
    max-width: 1400px;
}
.wp-str{
    position: relative;
}
.first-ai-title {
    font: 200px / 226px Geologica-Regular;
    letter-spacing: -0.02em;
    background: linear-gradient(to right, #8100AC, #7134E2, #004EDF, #fff, #004EDF, #7134E2, #8100AC);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline;
}
.first-ai-img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
.first-ai-img2 {
    width: auto;
    top: 437px;
}
.first-ai-sec__title,.first-ai-sec__desc,
.api-ai-sec,.first-ai-list,.first-ai-sec{
    position: relative;
    z-index: 2;
}
.second-ai-title {
    font: 50px / 60px Onest-ExtraLight;
    color: #fff;
    letter-spacing: -0.02em;
}
.ai-title-center{
    text-align: center;
}
.first-ai-item {
    flex: 1;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0) 100%);
    filter: drop-shadow(0px 4px 9.3px rgba(0, 0, 0, 0.25));
    backdrop-filter: blur(20.55px);
    border-radius: 12px;
    overflow: hidden;
    height: 380px;
    padding: 22px 22px 20px 24px;
    position: relative;
}
.first-ai-list{
    gap: 85px;
    margin: 0 15px;
}
.first-ai-top-text {
    color: #fff;
    line-height: 18px;
    flex: 1;
    font-size: 16px;
    letter-spacing: -0.02em;
}
.first-ai-bm {
    letter-spacing: -0.02em;
    font: 40px / 48px Onest-Thin;
    color: #fff;
    position: absolute;
    bottom: 47px;
}
.api-ai-desc {
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    text-align: center;
}
.api-ai-list {
    gap: 36px;
    justify-content: space-between;
    padding: 0 40px;
}
.api-ai-item {
    flex: 0 0 calc(1 / 3 * 100% - 24px);
    background: #0D1031;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.api-ai-item-title {
    font: 32px / 36px Onest-Medium;
    color: #fff;
}
.api-ai-item__title {
    padding-bottom: 14px;
}
.api-ai-item-desc {
    font-size: 20px;
    line-height: 28px;
    color: #fff;
}
.first-ai-str {
    position: absolute;
    z-index: -1;
}
.first-ai-str1{
    left: 0;
    top: 56%;
}
.first-ai-str2{
    right: 0;
    top: 40%;
}
.first-ai-str3{
    left: -5%;
    top: 24%;
}
.ai-app-sec {
    z-index: 2;
}
.ai-qual-desc {
    font: 18px / 24px Geologica-Thin;
    color: #fff;
    padding: 0 0px 0px 22px;
}
.ai-app-item {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0) 100%);
    box-shadow: inset 0px 0px 34.0148px rgba(255, 255, 255, 0.05), inset 0px 2.26765px 2.26765px rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(36.3611px);
    border-radius: 40px;
    height: 550px;
    margin-bottom: 40px;
}
.ai-app-item1 {
    padding: 90px 40px 40px 65px;
}
.ai-app-item:last-child{
    margin-bottom: 0;
}
.ai-app-flex {
    flex: 1;
}
.ai-app-cont-desc,.ai-app-list li {
    font-size: 18px;
    line-height: 30px;
    color: #fff;
}
.ai-app-list li {
    list-style-type: disc;
    margin-left: 25px;
    margin-bottom: 10px;
}
.first-ai-sec__title {
    text-align: center;
    margin: 0px 0 60px;
}
.first-ai-sec__desc {
    margin-bottom: 90px;
}
.first-ai-sec.black-sec {
    padding-bottom: 200px;
}
.api-ai-sec__title {
    padding: 62px 0 20px;
}
.api-ai-sec__desc {
    padding-bottom: 60px;
}
.api-ai-list-int{
    position: absolute;
    top: 80px;
    left: 25px;
}
.api-ai-list-inner {
    position: absolute;
    top: 340px;
    left: 25px;
}
.api-ai-list-innerCust{
    top: 333px;
}
.api-ai-item-form {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    flex: 1;
}
.api-ai-item-img{
    display: block;
}
.api-ai-item{
    height: 524px;
}
.api-ai-str {
    position: absolute;
    bottom: 50px;
    right: 45px;
}
.ai-qual-sec__title {
    padding: 200px 0 60px;
}
.ai-qual {
    padding: 0 30px;
}
.ai-qual-list {
    flex: 1;
    padding: 15px 0 0 25px;
}
.ai-qual-pic {
    flex: 0 0 65%;
}
.ai-qual-logo {
    height: auto;
    justify-content: center;
}
.ai-qual-item {
    margin-bottom: 32px;
}
.ai-qual-btn {
    padding: 16px 39px 15px 39px;
}
.ai-qual-list__btn {
    margin-top: 55px;
}
.ai-app-sec,.ai-qual-sec {
    padding-bottom: 200px;
}
.ai-qual-sec,.ai-app-sec  {
    position: relative;
    overflow: hidden;
}
.ai-qual-pic__img {
    border-radius: 60px;
}
.ai-app-sec__title {
    padding: 0 0 60px;
}
.ai-app-main {
    padding: 0 50px;
}
.ai-app-title{
    font: 40px / 48px Onest-ExtraLight;
    color: #fff;
    letter-spacing: -0.02em;
}
.ai-app-cont__desc{
    margin-bottom: 25px;
}
.ai-app-cont__title{
    margin-bottom: 40px;
}
.footer.black-sec{
    background: #000;
}
.blog-black{
    background: #030621;
}
.ai-app-desc {
    flex: 0 0 49%;
    height: auto;
}
.ai-app-img {
    flex: 1;
    position: relative;
    height: auto;
}

.prod-form.ai-form {
    background: linear-gradient(90deg, #00096F 0%, #0A27D7 100%), radial-gradient(44.86% 272.18% at 1.87% 100%, rgba(19, 33, 177, 0.4) 0%, rgba(19, 33, 177, 0.9) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, #5B77D1;
    box-shadow: 0px 67px 50.1px -38px rgba(0, 6, 117, 0.46), inset 0px 0px 94px rgba(0, 9, 111, 0.5);
    border-radius: 32px;
    position: relative;
    padding-bottom: 60px;
    overflow: hidden;
}
.ai-form-img {
    max-width: 100%;
    height: auto;
    margin: -25px 0 0 -43px;
}
.ai-app-pic__img {
    position: absolute;
}
.api-ai-form-inner {
    position: absolute;
    top: 75px;
    left: 55px;
}
.api-ai-form__desc{
    margin-bottom: 25px;
}
.api-form-flex{
    margin: 0 0 20px 0;
    justify-content: space-between;
}
.api-form-fio {
    flex: 0 0 77%;
}
.api-form__input{
    border-radius: 14px;
}
label.api-form__text{
    font: 18px / 16px Onest; 
}
.btn-black {
    background: #000;
    padding: 11px 39px 10px;
}
.btn-black:hover{
    background: #fff;
    color: #000;
}
.btn-black:hover svg path{
    fill: #000;
}

.api-ai-form__btn{
    margin-top: 60px;
}
.wp-ai-form{
    padding: 0px 85px;
    box-sizing: border-box;
}

.ai-form-flex{
    margin: 0 0 21px 0;
}
.ai-app-pic__img1 {
    right: 37px;
    top: -10px;
}
.ai-app-desc2 {
    flex: 0 0 54%;
}
.ai-app-item2 {
    padding: 50px 0px 40px 60px;
}
.ai-app-item3 {
    padding: 40px 40px 40px 55px;
}
.ai-app-pic__img3 {
    top: 32px;
    left: 32px;
}
.ai-app-desc4 {
    flex: 0 0 53%;
}
.ai-app-item4 {
    padding: 53px 0 0px 20px;
}
.ai-app-pic__img2 {
    left: 10px;
}
.ai-app-pic__img4 {
    bottom: 0;
    left: 33px;
    width: 84%;
}
.api-ai-sec{
    overflow: hidden;
}
.first-ai-mob-img,.ai-form__mob{
    display: none;
}
.line-w{
    display: inline-block;
}

@media screen and (max-width: 2200px){
/* ai */
.first-ai-img0 {
    width: 130%;
}
}
@media screen and (max-width: 1750px){
.banner-corp-title {
    font-size: 20px;
    line-height: 26px;
}
.banner-corp-btn {
    height: 52px;
    font: 16px / 50px 'Geologica-Regular';
}
.banner-corp-img {
    max-width: 354px;
    height: auto;
    top: 10px;
}
.banner-corp {
    padding: 35px 35px 35px 35px;
}
/* ai */
.first-ai-img0 {
    width: 150%;
}
}

@media screen and (max-width: 1620px){
.blog-banner-title {
    font-size: 24px;
    line-height: 32px;
}
}
@media screen and (max-width: 1580px){
.banner-corp-title {
    font-size: 18px;
    line-height: 24px;
}
}
@media screen and (max-width: 1540px){
.blog-banner-desc {
    font-size: 14px;
}
.banner-work-btn {
    height: 50px;
    font: 14px / 48px 'Geologica-Regular';
}
/* ai */
.first-ai-img0 {
    width: 180%;
}


}
@media screen and (max-width: 1450px){
.prod-main {
    width: 57%;
}

/* ai */
.first-ai-title {
    font: 148px / 170px Geologica-Regular;
}
.first-ai-list {
    gap: 35px;
}

.ai-app-main {
    padding: 0 30px;
}
.first-ai-img2 {
    top: 384px;
}
}
@media screen and (max-width: 1400px){
.banner-corp-title {
    font-size: 16px;
    line-height: 22px;
}

/* ai */
.api-ai-list {
    padding: 0 20px;
}
.api-ai-list {
    gap: 20px;
}
.api-ai-item {
    flex: 0 0 calc(1 / 3 * 100% - 14px);
}
.ai-app-main {
    padding: 0 20px;
}
.ai-qual-list__btn {
    margin-top: 23px;
}
.first-ai-str3{
    left: -5%;
}
.gitflic-main-img__pic {
    width: 52%;
    right: -80px;
}
}
@media screen and (max-width: 1366px){
.prod-calc-main {
    padding: 0 30px;
}
.prod-calc-comp {
    padding: 12px 30px 0 0px;
}
.prod-work-title-img {
    margin: 0;
}
/* ai */
.wp-ai-form {
    padding: 0px 40px;
}
}
@media screen and (max-width: 1310px){
.banner-corp-img {
    max-width: 262px;
}
.header .wp{
    width: 100%;
    box-shadow: 0px 2px 12px rgba(40, 51, 78, 0.15);
    border-radius: 0px 0px 8px 8px;
    overflow: hidden;
}
.nav-list-mob .nav-list__item {
    height: auto;
}
.nav,.phone{
    display: none;
}
.mod-list-m {
    box-shadow: none;
    border-radius: 0;
    left: 0;
    width: 100%;
}
.mob-logo {
    align-items: center;
    margin: 0 0 20px 0px;
}
.mod-mob-svg {
    float: right;
    transform: rotate(90deg);
}
.flex-mob-close {
    align-items: flex-end;
}
.mob-open {
    display: inline-flex;
    cursor: pointer;
    background: #0A27D7;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    margin-right: 16px;;
}   

.logo__img {
    width: auto;
    margin-left: 16px;
}

/* ai */
.ai-qual-list {
    padding: 15px 0 0 0px;
}
.ai-app-desc1 {
    flex: 0 0 60%;
}
.ai-app-desc3 {
    flex: 0 0 54%;
}
.ai-app-item2 {
    padding: 50px 0px 40px 20px;
}
.glass-filter {
    inset: 0;
    z-index: 0;
    backdrop-filter: unset;
    filter: none;
    isolation: unset;
    border-radius: 0;
    display: none;
}
.header-glass {
    background: #fff;
    border-radius: 0;
    box-shadow: unset;
    flex: 1;
}
.header__wp {
    background: #fff;
    border-radius:0;
    box-shadow: unset;
    top: 0;
}
}
@media screen and (max-width: 1280px) {
.prod-calc-link {
    padding: 2px 30px;
    font: 22px / 55px Geologica-Regular;
}
.opp-desc-text br{
    display: none;
}
.mail-form {
    margin-left: 0;
}
.prod-form-item {
    flex: 1;
}
.prod-form-item.prod-form__form {
    flex: 0 0 60%;
}
.ai-form-inp.prod-form-item.prod-form__form{
    flex: 0 0 50%;
}
.prod-form__img {
    margin: 45px 0 -7px 0px;
}
.prod-form-bl {
    padding: 60px 30px 0 40px;
}
.prod-form-bl-desc br{
    display: none;
}
.prod-calc-item-num{
    flex: 0 0 60%;
}
.prod-calc-btn {
    width: 100%;
}
.prod-calc-link {
    padding: 2px 0px;
    width: 100%;
    font: 18px / 55px Geologica-Regular;
}
.scen-desc-img-1 {
    width: 54%;
}
.scen-list-item {
    font-size: 18px;
}
/* ai */
.first-ai-top-text br{
    display: none;
}
.api-ai-list,.ai-qual {
    padding: 0px 0px;
}
.ai-qual-list {
    padding: 15px 0 0px 0px;
}
.ai-qual-list__btn {
    margin-top: 20px;
}
.ai-qual-pic {
    flex: 0 0 60%;
}
.wp-ai {
    width: 96%;
}
.ai-app-main {
    padding: 0;
}
}
@media screen and (max-width: 1260px){
.banner-corp-img {
    max-width: 240px;
}

/* ai */
.first-ai-list {
    margin: 0;
}
.first-ai-list {
    gap: 20px;
}

.ai-app-item1 {
    padding: 60px 0px 40px 40px;
}
.ai-app-item3 {
    padding: 40px 40px 40px 30px;
}
.prod-form-title {
    font: 38px / 48px Geologica-Light;
}
.wp-ai-form {
    padding: 0;
}
.scen-desc-img-2,.scen-desc-img-6 {
    width: 40%;
}
.scen-desc-img-3 {
    width: 51%;
}
.scen-desc-img-4 {
    width: 49%;
}
.scen-desc-img-5 {
    width: 62%;
}
.scen-desc-flex {
    height: auto;
}
}
@media screen and (max-width: 1180px){
.blog-banner-desc {
    font-size: 16px;
    line-height: 19px;
}
.ban-pay-item-img {
    flex: 0 0 39%;
}
.prod-work-desc br{
    display: none;
}
.prod-work-img-title {
    font: 32px / 48px Geologica-Light;
}
.prod-work-flex {
    flex: 0 0 100%;
}
.prod-work-item,.adv-work-item {
    flex: 0 0 calc(1 / 2 * 100% - 8px);
}
.prod-work-img__pic {
    position: static;
    display: block;
    margin: 0 0 0 auto;
}
.prod-work-img__picCust.prod-work-img__pic {
    position: absolute;
    right: 0;
    bottom: 0;
}
.prod-work-img,.adv-work-img {
    margin: 16px 0 0 0;
}

.banner-corp-title {
    font-size: 22px;
    line-height: 28px;
}
.blog-banner-img {
    width: 100%;
    max-width: fit-content;
}
.adv-work-img {
    order: 2;
    flex: 0 0 50%;
}
/* ai */
.first-ai-bm {
    font: 36px / 42px Onest-Thin;
}
.second-ai-title {
    font: 42px / 52px Onest-ExtraLight;
}
.api-ai-item-title {
    font: 28px / 32px Onest-Medium;
}
.api-ai-item-desc {
    font-size: 18px;
    line-height: 26px;
}
.first-ai-img0 {
    width: 220%;
}
.first-ai-str{
    display: none;
}
main{
    overflow: auto;
}
.first-ai-img2 {
    top: 372px;
}
}
@media screen and (max-width: 1140px) {
.opp-logo-flex {
    margin: 0 0px 24px 0px;
    flex: 0 0 100%;
}
.opp-inner-flex {
    min-height: 240px;
    justify-content: flex-start;
    padding: 24px 20px 0 25px;
}
.postprod-work-flex{
    margin: 0 0 16px 0;
    flex: 1;
}
.postprod-adv-img__pic {
    margin: 40px 0 0 0;
}
.post-func-desc br{
    display: none;
}
.post-func-item {
    flex: 0 0 calc(1 / 3 * 100% - 12px);
}
.post-func-itemCust{
    flex: 1;
}
.footer-left,.footer-right {
    flex: 100%;
}
.prod-adv-img {
    width: 100%;
    text-align: center;
}
.footer-adr-in{
    display: none;
}
.footer-left{
    margin-bottom: 50px;
}
.footer-adr-mob{
    display: block;
    margin-top: 50px;
}
.footer-list-start {
    padding: 0;
    flex: 1;
}
.footer-list-end {
    flex: 1;
    height: auto;
    padding: 0;
}
.mob-none,.footer-line{
    display: none;
}
.footer-mail-flex {
    padding: 0;
}
.prod-adv-img__pic-2 {
    margin: 0 -75px -65px 0px;
}
.prod-adv-img__pic-1 {
    margin: 0px -35px -95px 0px;
}
.prod-adv-img__pic-3 {
    margin: 30px -135px -70px 0;
}
.prod-adv-item {
    flex: 0 0 100%;
}
.prod-adv {
    padding: 40px 16px 40px 16px;
    height: auto;
}
.prod-adv-title br,.prod-adv-desc br{
    display: none;
}
.prod-work-act__text {
    font-size: 20px;
    line-height: 26px;
}
.prod-work-act {
    text-align: center;
    top: -30px;
}
.prod-work-act__pic {
    width: 85%;
}


.main-title {
    font: 68px / 78px "Geologica-Regular";
}
.prod-main-desc {
    font-size: 18px;
    line-height: 26px;
}
.prod-main__btn {
    font-size: 20px;
}
.wp {
    width: 96%;
}
.prod-adv__top-1, .prod-adv__top-2,.prod-adv__top {
    padding-top: 0;
}

/* ai */

.api-ai-item-img {
    width: 100%;
}
.api-ai-item {
    flex: 0 0 calc(1 / 2 * 100% - 14px);
}

.api-ai-item-form {
    height: auto;
}
.api-ai-item-form .api-ai-item-img{
    height: 100%;
    width: auto;
    margin: 0 0 0 -55%;
}
.api-ai-form__desc br{
    display: none;
}
.api-ai-form__btn {
    margin-top: 40px;
}
.api-ai-form-inner {
    left: 25px;
}

.first-ai-title {
    font: 120px / 130px Geologica-Regular;
}
.second-ai-title {
    font: 34px / 42px Onest-ExtraLight;
}
.first-ai-bm {
    font: 32px / 38px Onest-Thin;
}

.ai-app-title {
    font: 32px / 42px Onest-ExtraLight;
}
.ai-app-cont-desc, .ai-app-list li {
    font-size: 16px;
    line-height: 24px;
}
.first-ai-img2 {
    top: 322px;
}
}
@media screen and (max-width: 1080px){
.scen-list-item {
    padding: 24px 16px;
}

.scen-desc-img{
    width: 30%;
}
.scen-desc-img-4 {
        width: 38%;
}
.scen-desc-img-3 {
    width: 40%;
}
.scen-desc-img-5 {
    width: 50%;
}
.scen-desc-img-4 {
        width: 38%;
    }
.scen-list-item {
    font-size: 16px;
}
.prod-awards-item {
    flex: 0 0 calc(1 / 2 * 100% - 8px);
    height: 353px;
}
.prod-func-item {
    margin: 0 30px 23px 0;
}
.prod-inst-img__pic {
    margin: 50px auto 0;
    display: block;
}
.prod-inst-item__inner {
    margin: 0;
    padding-right: 40px;
}
.prod-inst-item__title {
    margin: 45px 0 40px 0px;
}
.prod-calc-ent {
    width: 100%;
}
.ban-pay-img {
    margin: 0 0 0 -25px;
}
.prod-calc-comp,.prod-calc-res {
    flex: 0 0 100%;
}
.prod-calc {
    height: auto;
}
.prod-calc-comp {
    padding: 12px 0px 0 0px;
}
.prod-calc-res {
    padding: 40px 0 30px 0px;
}

.ban-pay-num a {
    font-size: 20px;
    line-height: 20px;
}
.popup-video iframe {
    height: 485px;
}
}
@media screen and (max-width: 1000px) {
.gitflic-main-img__pic {
    position: static;
    transform: none;
    margin: 80px 0 60px;
    width: 100%;
}
.gitflic-first {
    padding: 0;
}
.prod-main {
    width: 100%;
}
}

@media screen and (max-width: 960px) {
.prod-form__img {
    position: static;
}
.prod-func-img {
    flex: 0 0 20%;
}
.prod-func-desc {
    flex: 0 0 80%;
}
.prod-webform-img {
    position: static;
    margin: 0 auto 40px;
}
.prod-form-item,.prod-webform-bl {
    flex: 0 0 100%;
}
.prod-form-item.prod-form__form,.ai-form-inp.prod-form-item.prod-form__form {
    flex: 0 0 100%;
}
.prod-form-item.prod-form__form {
    padding: 40px 16px 0px;
}
.ai-form__mob{
    display: block;
}
.ai-form-mob-img{
    width: 100%;
}
.ai-form-img{
    display: none;
}
.prod-form-img-desc,.prod-form-title br{
    display: none;
}
.mail-form {
    padding: 50px 20px 50px 20px;
}
.prod-form-img-mob{
    display: block;
    width: 303px;
}
.prod-webform-img.prod-form-img-mob{
    width: 100%;
}
.prod-form__img {
    margin: 40px auto 50px;
}

.prod-webform {
    padding: 20px 0 60px 0;
}
.prod-webform-title {
    padding: 0px 16px 40px 16px;
}
.prod-webform-pic {
    padding: 0 16px;
}
.prod-form-bl {
    padding: 60px 16px 0 16px;
}
.ban-pay-desc {
    font: 16px / 24px Onest;
}
.ban-pay-num a {
    font-size: 16px;
}
.ban-pay-tel {
    font-size: 14px;
    line-height: 24px;
}
.ban-pay-item {
    margin-right: 80px;
}
.ban-pay-img {
    margin: 0 0 0 -50px;
}
.scen-desc-img-2 {
    width: 37%;
}
/* ai */
.api-ai-form-inner{
    top: 45px;
}

.ai-qual-pic {
    flex: 0 0 100%;
    order: 1;
}
.ai-qual-list {
    order: 2;
    flex: 0 0 100%;
}
.ai-qual-desc {
    font: 16px / 24px Geologica-Thin;
}
.ai-qual-list {
    padding: 32px 0 0px 0px;
}

.ai-app-pic__img {
    position: static;
}
.ai-app-img,.ai-app-desc {
    flex: 0 0 100%;
}
.ai-app-desc {
    order: 2;
}
.ai-app-img{
    order: 1;
    margin-bottom: 40px;
}
.ai-app-item {
    height: auto;
    padding: 40px 16px 60px 16px;
}
.ai-app-cont-desc br,.ai-app-list br{
    display: none;
}

.ai-app-img4 {
    order: 2;
    margin: 40px 0 0 0;
}
.ai-app-desc4 {
    order: 1;
}
.first-ai-title {
    font: 84px / 100px Geologica-Regular;
}
.first-ai-img2 {
    top: 295px;
}
.ai-app-pic__img {
    position: static;
    margin: 0 auto;
    display: block;
}
.ai-app-item4 {
    padding-bottom: 0;
}
}
@media screen and (max-width: 880px) {
.scen-main-flex br{
    display: none;
}
.term-main-img__pic {
    width: 100%;
    position: static;
    transform: none;
}
.termprod-first {
    padding: 0;
}
.postprod-work__title br{
    display: none;
}
.postprod-work__title {
    padding: 0;
}
.postprod-work-title {
    position: relative;
}
.prod-work-title-img {
    position: absolute;
    right: 0px;
    bottom: 70px;
    z-index: -1;
}
}
@media screen and (max-width: 850px) {
.opp-inner-flex {
    min-height: 265px;
}
.post-func-item {
    flex: 0 0 calc(1 / 2 * 100% - 8px);
}
.post-func-itemCust{
    flex: 1;
}
.ban-pay-desc br{
    display: none;
}

.blog-banner-img {
    position: static;
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.blog-banner-title br,.blog-banner-desc br{
    display: none;;
}
.termidesk2-banner-img.blog-banner-img {
    margin-top: 40px;
    transform: none;
}
.ban-pay-item-img,.ban-pay-item-text{
    flex: 0 0 100%;
}
.ban-pay-item-img{
    order: 2;
}
.ban-pay-item-text{
    padding: 0;
}
.ban-pay-main {
    padding: 40px 20px 0px 20px;
}
.ban-pay-img {
    margin: 20px 0 0 0;
}
}
@media screen and (max-width: 780px) {
.blog-ban-pic {
    flex: 0 0 100%;
    text-align: center;
}
.blog-ban-pic__bl {
    margin: 45px 0 0 0;
}
.prod-work-title-text {
    flex: 0 0 100%;
}

.prod-work-title {
    position: relative;
}
.prod-work-act__text {
    width: 70%;
}
.prod-work-title-img {
    position: absolute;
    right: 0px;
    bottom: 70px;
    z-index: -1;
}
.prod-func-bl{
    flex: 0 0 100%;
}
.prod-func-main__pic {
    border-radius: 25px 25px 0 0;
    overflow: hidden;
    height: 224px;
}
.prod-func-main__desc {
    border-radius: 0 0 25px 25px;
}
.prod-func-main-img{
    position: static;
    display: block;
}
.prod-func-main-img3{
    margin: -50px 0px 0 auto;
    width: 200px;
}
.prod-func-main-img2,.prod-func-main-img1 {
    width: 300px;
    margin: -40px 0px 0 auto;
}
.prod-inst-item{
    flex: 0 0 100%;
}
.prod-inst-item__inner{
    margin: 0 auto 60px;
    padding: 0 16px 0;
}
.prod-inst-title {
    font: 24px / 32px Geologica-Thin;
    text-align: center;
}
.prod-inst-btn {
    width: 100%;
}
.prod-func-title {
    font: 24px / 32px Geologica-Thin;
}
.prod-inst-item__btn {
    text-align: center;
}
.prod-inst-item__title {
    margin: 0px 0 40px 0px;
}
.prod-func-bl__title {
    padding: 40px 0 0 16px;
}
.mail-form-item {
    flex: 0 0 100%;
    margin-bottom: 25px;
}
.mail-form-flex .mail-form-item:last-child{
    margin-bottom: 0;
}


/* ai */
.api-ai-item-title {
    font: 24px / 28px Onest-Medium;
}
.api-ai-item-desc {
    font-size: 16px;
    line-height: 22px;
}
.api-ai-item {
    flex: 0 0 calc(1 / 2 * 100% - 10px);
}
.api-ai-desc br{
    display: none;
}

.second-ai-title {
    font: 28px / 36px Onest-Thin;
}
.api-ai-desc {
    font-size: 16px;
    line-height: 26px;
}

.first-ai-item {
    flex: 0 0 335px;
}
.first-ai-item {
    max-width: 335px;
    flex: auto;
    margin: 0 auto;
}

.first-ai-list {
    flex-direction: column;
}
.blog-ban-ru-img {
    display: block;
    margin: 0 auto;
}
.blog-ban-pic {
    flex: 0 0 100%;
    text-align: center;
}
.blog-ban-pic__bl {
    margin: 45px 0 0 0;
}
.first-ai-img{
    display: none;
}
.first-ai-mob-img{
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 86px;
}
.api-ai-item-imgCust{
    width: auto;
    height: 100%;
}
.api-ai-item br{
    display: none;
}
.api-ai-list-int {
    top: 60px;
    left: 18px;
}
.api-ai-list-inner {
    top: 340px;
    left: 18px;
    padding: 0 20px 0 0;
}
.api-ai-form-inner {
    top: 60px;
    left: 18px;
}
main {
    overflow: hidden;
}
}
@media screen and (max-width: 740px) {
.opp-inner-flex {
    min-height: 204px;
    flex: 0 0 100%;
}
.opp-list-flex {
    flex: 0 0 100%;
    height: auto;
    order: 2;
}
.opp-pic {
    position: static;
    padding: 60px 0 0 0;
    display: block;
}
.prod-work-title-img {
    bottom: 25px;
    right: -50px;
}
.prod-work-sec{
    overflow: hidden;
}
.prod-work-text{
    font-size: 16px;
    line-height: 21px;
}
.prod-awards-item {
    flex: 100%;
}
.prod-work-btn {
    width: 100%;
    margin: 0;
}
.prod-work-bl__title {
    padding: 40px 0px 170px 0px;
    font: 24px / 32px Geologica-Light;
}
.prod-work-img-mob{
    padding: 0 16px 60px;
}
.prod-form-title {
    font: 24px / 36px Geologica-Light;
}

.main-title {
    font: 28px / 36px "Geologica-Regular";
}

.prod-adv-title {
    font: 28px / 34px Geologica-Light;
}
body {
    line-height: 24px;
    font-size: 16px;
}
.prod-work-act__text {
    font-size: 12px;
    line-height: 14px;
}
.prod-work-act__pic {
    width: 57%;
}
.postprod-work__title {
    padding: 0 20px 0 0;
}
.scen-desc-inner {
    padding: 40px 25px;
}
}
@media screen and (max-width: 680px) {
.banner-corp-title br{
    display: none;
}
.mail-form-item {
    margin-bottom: 10px;
}
.popup-video iframe {
    height: 345px;
}

.mail-form-flex {
    margin: 0 0 10px 0;
}
.popup {
    overflow-y: scroll;
    height: 100vh;
    padding: 40px 15px 40px 15px;
    border-radius: 0;
    width: 101%;
}
.popup-close {
    width: 47px;
}
}
@media screen and (max-width: 650px) {
section.termopp-sec.opp-sec {
    padding: 120px 0 105px 0;
}
.scen-desc-img {
    position: static;
    width: 100%;
}
.main-desc-title-mob{
    font: 24px / 32px "Geologica-Light";
}
.scen-desc-item,.scen-desc-text {
    line-height: 20px;
    font-size: 14px;
}
.scen-desc-flex{
    display: none;
}
.scen-desc-inner-mob.active {
    display: block;
}
.scen-list-flex {
    flex: 0 0 100%;
}
.postprod-awards-title br{
    display: none;
}
.padcust-col {
    padding: 120px 0 0 0;
}
.wp {
    width: 90%;
}
.logo__img {
    width: 155px;
}
.pad-col {
    padding: 120px 0 0 0;
}
.prod-work-sec__pad {
    padding-bottom: 44px;
}
.prod-work-text br{
    display: none;
}
.prod-main-desc__text br{
    display: none;
}
.first-title {
    font: 36px / 44px "Geologica-Light";
}
section.prod-calc-sec {
    padding: 200px 0 150px;
}
.prod-func-main {
    padding-bottom: 40px;
}
.prod-adv {
    margin-bottom: 40px;
}
.gitflic-main-img__pic {
    margin: 60px 0 30px 25px;
}
.prod-work-title {
    padding: 180px 0 30px 0;
}
.adv-work-img {
    flex: 0 0 100%;
}
.footer-adr-flex,.footer-list-start,.footer-list-end {
    flex: 100%;
}
.footer-list-item__link br,.footer-mail-num br{
    display: none;
}
.footer-map-item,.footer-list-bottom__link {
    margin-top: 0;
}
.footer-list-item:last-child .footer-list-item__link {
    margin-bottom: 12px;
}
.footer-wp {
    padding: 35px 24px 37px 24px;
}
.prod-work-item,.adv-work-item {
    flex: 0 0 100%;
}

.prod-main-img__pic {
    width: 100%;
    position: static;
}
.prod-first {
    padding: 0;
}
.prod-logo {
    margin: 15px 0 8px 0px;
}
.prod-logo svg{
    width: 90px;
    height: 100%;
    display: block;
}
.prod-main__btn {
    width: 100%;
}
.prod-main {
    width: 100%;
}
.mail-form__btn {
    font-size: 16px;
}
.link-up {
    bottom: 95px;
}
.prod-awards-sec,.prod-video-sec {
    padding: 0 0 120px;
}
.prod-adv-sec {
    padding: 120px 0 0 0;
}
section.prod-calc-sec {
    margin-top: -80px;
}
footer.footer {
    padding: 120px 0 0px;
}
.footer-wp{
    width: 100%;
}
.footer-wp {
    border-radius: 32px 32px 0 0;
}
.prod-work-img-1 {
    justify-content: flex-end;
    height: 330px;
}
.prod-work-img-1.adv-work-img{
    height: auto;
}
.prod-work-img-2 {
    height: 366px;
}
.prod-webform-sec {
    padding: 120px 0 120px;
    border-radius: 0 0 45px 45px;
}
section.prod-main-sec{
    border-radius: 0 0 45px 45px;    
}
section.prod-video-sec {
    padding: 0 0 120px;
}
.prod-video__file {
    display: block;
}
.mail-form__btn {
    width: 100%;
}

.prod-calc {
    border-radius: 32px;
    padding: 8px;
}
.prod-calc-main {
    border-radius: 25px;
}
.prod-calc-main {
    padding: 0 16px;
}
.prod-calc-cl {
    font-size: 12px;
}
.prod-calc-item {
    flex: 0 0 100%;
}
.prod-calc-item-res {
    justify-content: flex-start;
    flex: 0 0 100%;
}
.prod-calc-item-num {
    flex: 0 0 100%;
    margin: 15px 0 0px;
}
.prod-calc-link {
    margin-top: 40px;
}
.prod-calc-res-btn {
    padding: 0;
}
.footer-left {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #ffffff30;
}
.footer-list-start{
    display: none;
}
.footer-list-item-mob{
    display: block;
}
.ind-bl {
    padding-top: 120px;
}

.mail-form__btn {
    padding: 0 0px;
}
/* ai */
.first-ai-title {
    font: 60px / 70px Geologica-Regular;
}
}
@media screen and (max-width: 620px) {
.post-func-item {
    flex: 0 0 100%;
}
.post-func-list__ban {
    margin-top: 16px;
}
/* ai */
.api-ai-item {
    flex: 0 0 100%;
}
.first-ai-title {
    font: 36px / 40px Geologica-Regular;
}
.first-ai-bm {
    font: 28px / 36px Onest-Thin;
}
.first-ai-bm br{
    display: none;
}
.first-ai-desc.second-ai-title{
    font: 24px / 38px Onest-ExtraLight;
    padding: 0 20px;
}
.api-ai-item-imgCust {
    width: 125%;
    height: 100%;
}
.api-ai-item-form .api-ai-item-img {
    height: auto;
    width: 222%;
    margin: -27px 0 0 -115%;
}
.first-ai-sec {
    padding: 180px 0 0;
}
.first-ai-item {
    padding: 20px 20px 20px 20px;
}
.first-ai-top-text {
    padding: 0 20px 0 0;
}
.first-ai-sec.black-sec {
    padding-bottom: 88px;
}
.ai-qual-sec__title {
    padding: 150px 0 50px;
}
.btn-black,.ai-qual-btn {
    width: 100%;
    text-align: center;
}
.api-form-fio {
    flex: 0 0 100%;
}
.ai-app-sec, .ai-qual-sec {
    padding-bottom: 150px;
}
.ai-app-sec__title {
    padding: 0 0 50px;
}
}
@media screen and (max-width: 560px) {
.popup-video iframe {
    height: 285px;
}
.prod-calc-main {
    padding: 0 8px;
}
.footer-mail-num{
    margin-bottom: 16px;
}
.blog-banner-btn {
    width: 100%;
}
.ban-pay-item {
    margin-right: 0;
    flex: 0 0 100%;
}

.adv-work-item {
    padding: 24px 20px 42px 20px;
}
.ban-pay-tel {
    margin: 15px 0 5px 0;
}
.prod-func-list {
    padding: 32px 0 0 20px;
}
.prod-adv {
    padding: 40px 20px 40px 20px;
}
.prod-work-item {
    padding: 24px 20px 32px 20px;
}
.prod-form-bl {
    padding: 60px 20px 0 20px;
}
.prod-form-item.prod-form__form {
    padding: 40px 20px 0px;
}
.prod-func-desc {
    flex: 1;
    font-size: 14px;
    line-height: 20px;
}
.prod-func-item {
    margin: 0 20px 23px 0;
}
.prod-func-img {
    flex: 0;
    padding-right: 24px;
}
.prod-adv-img__pic-1 {
    margin: 0px 0px -95px -15px;
}
.ban-pay-img {
    margin-left: -25px;
}
}
@media screen and (max-width: 520px) {
.popup-video iframe {
    height: 250px;
}
}
@media screen and (max-width: 420px) {
.prod-adv-img__pic-1 {
    margin: 0px 0px -95px -35px;
}
.prod-adv-img__pic-2 {
    margin: 0 -75px -65px -10px;
}
.popup-video iframe {
    height: 200px;
}
}
@media screen and (max-width: 380px) {
.prod-calc-cl {
    padding: 15px 25px;
    line-height: 18px;
}
.popup-video iframe {
    height: 180px;
}
}