/* Eric Meyer's CSS Reset */
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{
width: 100%;
height: 100%;
overflow-x: hidden;
}
html.menuOpen {
overflow: hidden;
scrollbar-gutter: stable;
/*scrollbar-width: none;*/
}
html:before{
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* End of Eric Meyer's CSS Reset */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block;
}
html.has-open-popup{
overflow-y: hidden;
scrollbar-gutter: stable;
}
.wrapper {
min-width: 100%;
min-height: 100%;
max-width: 100%;
margin: 0 auto;
}
.wrapper-inside{
width: calc(100% - 64px);
margin: 0 auto;
}
a{
text-decoration: none;
vertical-align: top;
}
a:hover{
/*text-decoration: underline;*/
/*color: #313F4A;*/
}
img,
svg{
vertical-align: top;
}
.icon{
display: flex;
vertical-align: top;
align-items: center;
}
body {
font-family: "Inter", sans-serif;
color: #0D131A;
}
h1, .h1{
font-size: 80px;
line-height: 88px;
font-weight: 600;
letter-spacing: 0px;
}
h1.main-page, .h1.main-page{
font-size: 96px;
line-height: 104px;
font-weight: 600;
}
h1.white-title {
color: #fff;
}
h2, .h2{
font-size: 64px;
line-height: 72px;
font-weight: 600;
}
h3, .h3{
font-size: 52px;
line-height: 60px;
font-weight: 600;
}
h4, .h4{
font-size: 48px;
line-height: 56px;
font-weight: 600;
}
h5, .h5{
font-size: 32px;
line-height: 40px;
font-weight: 600;
}
.link{
transition: all 600ms;
}
.link-big{
font-size: 24px;
line-height: 32px;
font-weight: 600;
letter-spacing: -0.22px;
}
.link-small{
font-size: 20px;
line-height: 28px;
font-weight: 400;
letter-spacing: 0px;
}
.link-with-icon{
display: flex;
gap: 4px;
align-items: center;
}
.btn-with-icon{
display: flex;
gap: 8px;
align-items: center;
}
.btn .link-with-icon{
display: flex;
gap: 10px;
align-items: center;
justify-content: center;
}
.link-blank{
}
.link-blank .name{
}
.link-blank .icon{
position: relative;
top: 0px;
right: -8px;
opacity: 0.64;
transition: all 600ms;
}
.link-blank:hover .icon{
opacity: 1;
}
.link-blank:hover .name,
.link-text:hover .name{
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: 6.5%;
text-underline-offset: 28.5%;
}
.link-in-text{
}
.link-in-text .name{
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-color: rgba(13, 19, 26, 0.24);
text-decoration-thickness: 6.5%;
text-underline-offset: 28.5%;
}
.link-in-text:hover .name{
text-decoration-style: dotted;
text-decoration-color: #0D131A;
}
.button{
font-size: 20px;
line-height: 24px;
letter-spacing: -0.135px;
}
.subtitle{
}
.paragraph{
font-size: 20px;
line-height: 32px;
/*letter-spacing: -0.4px;*/
}
.paragraph-big{
font-size: 24px;
line-height: 32px;
}
.paragraph-default{
font-size: 20px;
line-height: 28px;
}
.paragraph-small{
font-size: 16px;
line-height: 24px;
}
.tag{
font-size: 14px;
line-height: 22px;
letter-spacing: -0.28px;
}
.description{
}
.article-paragraph{
font-size: 20px;
line-height: 32px;
}
.article-lead{
font-size: 32px;
line-height: 40px;
}
.text-primary-100{
color: #0D131A;
}
.text-primary-80{
color: rgba(13, 19, 26, 0.80);
}
.text-primary-64{
color: rgba(13, 19, 26, 0.64);
}
.text-primary-44{
color: rgba(13, 19, 26, 0.44);
}
.text-primary-100-light{
color: rgba(0,0,0, 1);
}
.text-primary-80-light{
color: rgba(0,0,0, 0.8);
}
.text-primary-64-light{
color: rgba(0,0,0, 0.64);
}
.text-primary-64-light a{
color: rgba(0,0,0, 0.64);
}
.text-primary-44-light{
color: rgba(0,0,0, 0.44);
}
.text-error{
color: #F23F37;
}
.text-accent-blue{
color: #3998F7;
}
.text-accent-table{
color: #5EC141;
}
.text-accent-preza{
color: #FF7E3D;
}
.text-accent-scheme{
color: #F53D84;
}
.text-accent-microphone {
color: #ee8c6e;
}
.text-accent-mail {
color: #5baaf0;
}
.text-accent-iiassistent{
color: #3998F7;
color: #E540A4;
}
.text-accent-corporative{
color: #4880B9;
}
.text-accent-documentserver{
color: #0D131A;
color: #132D4D;
}
.text-accent-teams{
color: #8A3DF5;
}
.text-accent-disk{
color: #6A71AE;
}
.text-accent-online{
color: #0D131A;
color: #132D4D;
}
.text-accent-admin{
color: #8695AC;
}
.text-accent-organaizer{
color: #0077B2;
}
.text-accent-postman{
color: #0077B2;
}
.text-accent-mobile{
color: #3998F7;
}
.text-accent-projects{
color: #0077B2;
}
.text-accent-gallery{
color: #5281E0;
}
.text-accent-prostranstvo{
color: #3DB1F5;
color: #703DF5;
color: #F78023;
}
.text-accent-calendar{
color: #067960;
}
.text-accent-contacts{
color: #4880B9;
}
.text-accent-pleer{
color: #F5A83D;
}
.text-accent-pages{
color: #F5A83D;
}
.text-accent-setting{
color: #8695AC;
}
.text-accent-forms{
color: #5256E0;
}
.text-accent-ecspress{
color: #B975EC;
color: #41BCE5;
}
.text-accent-light{
color: rgba(255,255,255,1);
}
.text-accent-64-light{
color: rgba(255,255,255,0.64);
}
.text-accent-dark{
color: rgba(0,0,0,1);
}
.text-accent-64-dark{
color: rgba(0,0,0,0.64);
}
.text-accent-50-dark{
color: rgba(13, 19, 26, 0.50);
}
p{
}
b, strong{
font-weight: 600;
}
i{
font-style: italic;
}
.upper{
text-transform: uppercase;
}
.section{
vertical-align: top;
}
.btn{
text-align: center;
}
.bg-primary{
background: #FAFAFA;
}
.bg-secondary{
}
.bg-brand{
}
.bg-brand-light{
}
.dark-mode{
background: url(../img/form-cover-dark.jpg) no-repeat center center;
background-size: cover;
}
.icon-plus{
box-sizing: border-box;
padding: 9px 15px;
border-radius: 45px;
border: 1px solid rgba(13, 19, 26, 0.08);
transition: all 600ms;
}
.icon-plus svg{
}
.pd-top{
}
.pd-top-48{
padding-top: 48px;
}
.pd-top-56{
padding-top: 56px;
}
.pd-top-80{
padding-top: 80px;
}
.pd-top-160{
padding-top: 160px;
}
.pd-bottom-160{
padding-bottom: 160px;
}
@media (max-width: 1359px) {
.pd-top-80{
padding-top: 64px;
}
.pd-top-160{
padding-top: 90px;
}
.pd-bottom-160{
padding-bottom: 90px;
}
}
@media (max-width: 767px) {
.pd-top-160{
padding-top: 64px;
}
.pd-bottom-160{
padding-bottom: 64px;
}
.pd-top-80{
padding-top: 32px;
}
}
.border-top-style{
}
a{
outline: none;
}
p a{
text-decoration: underline;
}
p a.link{
text-decoration: none;
}
p a:hover{
text-decoration: none;
}
.btn{
display: inline-block;
transition: all 0.3s ease-out;
cursor: pointer;
background: none;
border-radius: 4px;
padding: 13px 23px;
box-sizing: border-box;
position: relative;
font-family: "Inter", sans-serif;
}
.btn.big-size{
padding: 25px;
}
.btn .button{
display: inline-block;
position: relative;
}
.btn .button.link-with-icon{
display: flex;
}
.btn .button.link-with-icon .icon{
transition: all 600ms;
}
.btn.open .button.link-with-icon .icon{
transform: rotate(180deg);
}
.btn-primary{
border: 1px solid rgba(13, 19, 26, 0.48);
background: radial-gradient(97.94% 89.86% at 62.72% 100%, #0D131A 0%, #132D4D 100%);
color: white;
}
.btn-light {
border: 1px solid #49596c;
background: #2f4057;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
color: white;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
.btn-light:hover {
background: #556a88;
}
.btn-primary .btn-primary-bg{
position: absolute;
display: inline-block;
width: calc(100% - 4px);
height: calc(100% - 4px);
border-radius: 2px;
left: 2px;
top: 2px;
overflow: hidden;
}
.btn-primary span{
position: relative;
z-index: 1;
}
.btn-primary .btn-primary-bg:before{
content: "";
position: absolute;
display: inline-block;
width: 40%;
height: 100%;
left: 0px;
top: 0px;
border-radius: 2px;
background: linear-gradient(
338deg,
rgba(13, 19, 26, 0) 62%,
#5EC141 72%,
#F23F37 87%,
#3998F7 100%
);
transition: all 600ms;
}
.btn-primary .btn-primary-bg:after{
content: "";
position: absolute;
display: inline-block;
width: calc(100% - 2px);
height: calc(100% - 2px);
left: 1px;
top: 1px;
border-radius: 2px;
background: radial-gradient(97.94% 89.86% at 62.72% 100%, #0D131A 0%, #132D4D 100%);
}
.btn-primary:after{
content: "";
position: absolute;
display: inline-block;
width: calc(100% - 6px);
height: calc(100% - 6px);
left: 3px;
top: 3px;
border-radius: 2px;
background: radial-gradient(82.97% 99.32% at 49.56% 52.08%, #0D131A 64.42%, #132D4D 100%);
opacity: 0;
transition: all 600ms;
}
.btn-primary:hover{
border: 1px solid #0D131A;
background: radial-gradient(82.97% 99.32% at 49.56% 52.08%, #0D131A 64.42%, #132D4D 100%);
}
.btn-primary:hover .btn-primary-bg:before{
width: 200%;
}
.btn-primary:hover:after{
opacity: 1;
}
.btn-primary.white-style{
background: white;
color: #0D131A;
}
.btn-primary.white-style .btn-primary-bg:after{
background: white;
}
.btn-primary.white-style:after{
background: white;
}
.btn-primary.white-style:hover{
background: white;
}
.big-button{
width: 100%;
padding: 25px 40px;
}
.btn-with-icon{
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
}
.btn.disabled{
cursor: default;
}
.btn-primary.disabled{
background: rgba(13, 19, 26, 0.08);
border: 1px solid transparent;
color: rgba(13, 19, 26, 0.44);
}
.btn-primary.disabled .btn-primary-bg:after{
background: rgba(13, 19, 26, 0.08);
}
.btn-primary.disabled .btn-primary-bg{
opacity: 0;
}
.btn-primary.disabled:hover:after{
opacity: 0;
}
/*
.btn-default-primary-dark{
border: 1px solid rgba(13, 19, 26, 0.48);
color: #0D131A;
}
*/
.btn-primary.btn-middle-size{
}
.btn-primary:before{
}
.btn-primary:hover{
}
.btn-primary:hover:before{
}
.btn-secondary{
border: 1px solid rgba(13, 19, 26, 0.04);
background: rgba(13, 19, 26, 0.08);
backdrop-filter: blur(4px);
color: #0D131A;
}
.btn-secondary.btn-middle-size{
}
.btn-secondary:before{
}
.btn-secondary:hover{
background: rgba(13, 19, 26, 0.24);
}
.btn-secondary:hover:before{
}
.btn-tag{
}
.btn-tag span{
}
.btn-tag:before{
}
.btn-tag:hover{
}
.btn-tag:hover:before{
}
.btn-tag.selected,
.btn-tag.active{
}
.btn-tag.selected:before,
.btn-tag.active:before{
}
.btn-icon{
}
.btn-icon:hover{
}
.btn-border {
display: inline-block;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
cursor: pointer;
background: none;
border-radius: 48px;
padding: 8px 24px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
white-space: nowrap;
color: rgba(13, 19, 26, 1);
border: 1px solid #ececed;
color: #000;
}
@media (max-width: 767px) {
.btn-border {
padding: 10px 16px;
font-size: 12px;
}
}
.text-center {
text-align: center;
}
.custome-checkbox{
}
.custome-checkbox label{
display: flex;
align-items: start;
}
.custome-checkbox label input{
display: none;
}
.custome-checkbox label .check-element{
display: inline-block;
width: 32px;
height: 32px;
border: 1px solid #BAA167;
box-sizing: border-box;
margin-right: 12px;
position: relative;
border-radius: 4px;
border: 1px solid rgba(13, 19, 26, 0.12);
background: #FFF;
transition: all 600ms;
}
.custome-checkbox label .check-element:before{
content: "";
position: absolute;
display: inline-block;
width: 16px;
height: 14px;
background: url(../img/checkbox-galka.svg) no-repeat center center;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
opacity: 0;
transition: all 200ms;
}
.custome-checkbox label .check-name{
width: calc(100% - 48px);
/*line-height: 32px;*/
padding-top: 2px;
}
.custome-checkbox:hover label .check-element,
.custome-checkbox label input:checked + .check-element{
border: 1px solid rgba(13, 19, 26, 0.24);
}
.custome-checkbox label input:checked + .check-element:before{
opacity: 1;
}
.custome-checkbox.politica-line label .check-element{
margin-right: 16px;
}
.callback-field{
display: flex;
flex-direction: column;
/*gap: 12px;*/
gap: 8px;
}
.callback-field input{
border-radius: 8px;
border: 1px solid rgba(13, 19, 26, 0.12);
color: #0D131A;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 32px;
letter-spacing: -0.48px;
box-sizing: border-box;
padding: 23px 32px;
width: 100%;
outline: none;
transition: all 600ms;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.callback-field textarea{
border-radius: 8px;
border: 1px solid rgba(13, 19, 26, 0.12);
color: #0D131A;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 32px;
letter-spacing: -0.48px;
box-sizing: border-box;
padding: 23px 32px;
width: 100%;
outline: none;
transition: all 600ms;
resize: none;
height: 210px;
}
.callback-field.error input,
.callback-field.error textarea{
border: 1px solid #F23F37;
}
.callback-field .callback-field-number{
position: relative;
}
.callback-field .callback-field-number .controller-icon{
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.callback-field .callback-field-number .controller-icon.controller-minus{
left: 32px;
}
.callback-field .callback-field-number .controller-icon.controller-plus{
right: 32px;
}
.controller-icon{
display: inline-block;
width: 44px;
height: 32px;
border-radius: 48px;
border: 1px solid rgba(13, 19, 26, 0.08);
backdrop-filter: blur(12px);
transition: all 600ms;
cursor: pointer;
}
.controller-icon:hover{
border: 1px solid rgba(13, 19, 26, 0.08);
background: rgba(13, 19, 26, 0.08);
}
.controller-icon.controller-minus:before,
.controller-icon.controller-plus:before{
content: "";
position: absolute;
display: inline-block;
width: 12px;
height: 2px;
background: rgba(13, 19, 26, 0.64);
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.controller-icon.controller-plus:after{
content: "";
position: absolute;
display: inline-block;
width: 2px;
height: 12px;
background: rgba(13, 19, 26, 0.64);
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.callback-field .callback-field-number input{
padding: 23px 82px;
min-width: 177px;
text-align: center;
}
.callback-field input:hover{
border: 1px solid rgba(13, 19, 26, 0.24);
}
.callback-field input:focus{
border: 1px solid rgba(13, 19, 26, 0.80);
}
.callback-field input::placeholder{
transition: all 600ms;
}
.callback-field input:focus::placeholder{
color: rgba(13, 19, 26, 0.44);
}
.callback-field textarea:hover{
border: 1px solid rgba(13, 19, 26, 0.24);
}
.callback-field textarea:focus{
border: 1px solid rgba(13, 19, 26, 0.80);
}
.section-page-block-items{
display: flex;
flex-direction: column;
}
.section-page-block-items.section-gap-160{
gap: 160px;
}
.section-page-block-items.section-gap-240{
gap: 240px;
}
.header{
position: relative;
z-index: 15;
background: white;
}
.header-line-1{
border-bottom: 2px solid rgba(13, 19, 26, 0.08);
}
.header-menu-container{
}
.header-menu-container .main-menu{
display: flex;
flex-wrap: wrap;
gap: 24px;
}
.header-menu-item{
}
.header-menu-item a{
display: inline-block;
color: rgba(13, 19, 26, 0.64);
box-sizing: border-box;
padding: 32px 0 30px;
position: relative;
transition: all 600ms;
}
.header-menu-item a:hover,
.header-menu-item a.active,
a.link-lined:hover,
a.link-lined.active{
color: #0D131A;
}
.header-menu-item a:before{
content: "";
display: inline-block;
height: 2px;
bottom: -2px;
left: 0px;
position: absolute;
width: 0;
opacity: 0;
transition: all 600ms;
}
.header-menu-item a.mode-blue:before{
background: #3998F7;
}
.header-menu-item a.mode-red:before{
background: #F23F37;
}
.header-menu-item a.mode-green:before{
background: #5EC141;
}
.header-menu-item a:hover:before,
.header-menu-item a.active:before{
opacity: 1;
width: 100%;
}
.header-menu-item-child a .link-name,
a.link-lined{
position: relative;
}
.header-menu-item-child a .link-name:before,
a.link-lined .link-name:before{
content: "";
display: inline-block;
height: 2px;
bottom: -16px;
left: 0px;
position: absolute;
width: 0;
opacity: 0;
transition: all 600ms;
}
a.link-lined .link-name:before{
bottom: 0px;
}
.header-menu-item-child a.mode-blue .link-name:before,
a.link-lined.mode-blue .link-name:before{
background: #3998F7;
}
.header-menu-item-child a.mode-red .link-name:before,
a.link-lined.mode-red .link-name:before{
background: #F23F37;
}
.header-menu-item-child a.mode-green .link-name:before,
a.link-lined.mode-green .link-name:before{
background: #5EC141;
}
.header-menu-item-child a:hover .link-name:before,
.header-menu-item-child a.active .link-name:before,
.header-menu-item-child a.selected .link-name:before,
a.link-lined:hover .link-name:before,
a.link-lined.active .link-name:before{
opacity: 1;
width: 100%;
}
a.link-lined.disabled{
cursor: default;
}
a.link-lined.disabled:hover .link-name:before{
opacity: 0;
width: 0px;
}
.parent-menu-item .active{
opacity: 1;
}
.parent-menu-item .link-arrow{
transition: all 600ms;
}
.parent-menu-item .active .link-arrow{
transform: rotate(180deg);
}
.header-logo{
display: flex;
height: 100%;
width: 100%;
justify-content: center;
align-items: center;
}
.header-logo a{
display: inline-block;
}
.header-btns{
display: flex;
height: 100%;
align-items: center;
justify-content: end;
}
.header-btns-container{
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: end;
}
.header-drop-menu {
display: flex;
justify-content: space-between;
align-items: center;
}
.header-drop-menu ul{
display: flex;
flex-wrap: wrap;
gap: 24px;
}
.header-drop-menu ul li{
}
.header-drop-menu ul li a{
display: flex;
align-items: center;
color: #0D131A;
opacity: 0.64;
transition: all 600ms;
padding: 16px 0;
}
.header-drop-menu ul li a:hover,
.header-drop-menu ul li a.selected{
opacity: 1;
}
.header-menu-item-child-popup{
position: absolute;
width: 75.65%;
padding-top: 16px;
transition: all 300ms;
transform: translateY(-10px);
opacity: 0;
visibility: hidden;
}
.header-menu-item-child-popup.auto-width{
width: auto;
}
.parent-menu-item a.active + .header-menu-item-child-popup{
transform: translateY(0px);
opacity: 1;
visibility: visible;
}
.header-menu-item-child-popup-container{
border-radius: 24px;
background: #FFF;
box-shadow: 0 4px 16px 0 rgba(13, 19, 26, 0.08);
box-sizing: border-box;
padding: 32px;
}
.big-drop-menu{
display: flex;
flex-wrap: wrap;
row-gap: 48px;
margin: 0 -8px;
}
.big-drop-menu .big-drop-menu-item{
width: 33.33%;
box-sizing: border-box;
padding: 0 8px;
}
.big-drop-menu-lists{
}
.big-drop-menu-lists ul{
flex-direction: column;
gap: 4px;
}
.big-drop-menu-lists ul li{
}
.big-drop-menu-lists ul li div{
display: inline-block;
}
.big-drop-menu-lists ul li a{
opacity: 1;
padding: 0px;
gap: 8px;
}
.big-drop-menu-lists ul li a .drop-menu-item-name{
transition: all 600ms;
padding: 10px 0;
}
.big-drop-menu-lists ul li a:hover .drop-menu-item-name{
opacity: 0.64;
}
.big-drop-menu-lists ul li a .drop-menu-item-icon-container{
display: flex;
gap: 8px;
box-sizing: border-box;
padding: 8px;
}
.big-drop-menu-lists ul li a .drop-menu-item-icon{
display: inline-block;
width: 32px;
height: 32px;
box-sizing: border-box;
/*padding: 8px;*/
}
.big-drop-menu-lists ul li a .drop-menu-item-icon img{
width: 100%;
height: 100%;
object-fit: contain;
}
.big-drop-menu-item-container{
display: flex;
flex-direction: column;
gap: 8px;
}
.big-drop-menu-title{
width: 75%;
}
.mobile-menu-opener{
justify-content: end;
display: flex;
align-items: center;
height: 100%;
}
.mobile-menu-opener a{
color: #0D131A;
}
.section-main-block{
position: relative;
}
.section-main-block .section-main-block-picture{
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
}
.section-main-block .section-main-block-picture img{
width: 100%;
height: 100%;
object-fit: cover;
}
.section-main-block-container{
position: relative;
z-index: 1;
padding: 142px 0;
box-sizing: border-box;
}
.detail-product-page-container .section-main-block-container{
padding: 115px 0;
}
.module-first-block{
background: white;
display: inline-block;
width: 100%;
height: 100%;
padding: 160px 80px;
border-radius: 48px;
box-sizing: border-box;
position: relative;
}
.detail-product-page-container .module-first-block{
/*overflow: hidden;*/
}
.detail-product-page-container .breadcrumbs{
/*overflow: visible;*/
}
.module-first-block-content{
display: flex;
flex-direction: column;
gap: 48px;
text-align: center;
}
.module-first-block-image{
position: absolute;
top: -100px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 20px;
}
.module-first-block-image img{
width: 180px;
height: 180px;
object-fit: contain;
}
.module-first-block-image.single-detail-icon{
top: -81px;
}
.module-first-block-image.single-detail-icon img{
width: 200px;
height: 200px;
}
.module-first-block-content-top{
display: flex;
flex-direction: column;
gap: 56px;
}
.module-first-block-content-top-content{
display: flex;
flex-direction: column;
gap: 48px;
}
.module-first-block-content-text{
display: flex;
flex-direction: column;
gap: 24px;
max-width: 1120px;
margin: 0 auto;
}
.module-first-block-text{
width: 52%;
margin: 0 auto;
}
.module-first-block-content-bottom{
}
.module-first-block-content-bottom .btns-list-container{
justify-content: center;
}
.section-main-block-container.about-page-main-block{
padding: 120px 0;
height: 100vh;
display: flex;
/*align-items: center;*/
}
.section-main-block-container.about-page-main-block .flexbox-container{
width: calc(100% + 16px);
}
.section-main-block-container.about-page-main-block .module-first-block{
padding: 80px 48px 48px 48px;
}
.section-main-block-container.about-page-main-block .module-first-block-content{
gap: 106px;
}
.section-main-block-container.about-page-main-block .module-first-block-content-top{
gap: 24px;
}
.section-main-block-container.about-page-main-block.education-mode .module-first-block{
padding: 0px;
background: none;
display: flex;
align-items: center;
width: 100%;
}
.section-main-block-container.about-page-main-block.education-mode .module-first-block .module-first-block-content-container{
padding: 48px 16px;
background: white;
border-radius: 48px;
width: 100%;
}
.section-main-block-container.about-page-main-block.education-mode .module-first-block-content-top {
gap: 56px;
}
.section-main-block-container.about-page-main-block.education-mode .module-first-block-content{
gap: 80px;
}
.section-page-block-items{
padding-top: 240px;
padding-bottom: 160px;
}
.section-theme-header{
display: flex;
flex-direction: column;
gap: 24px;
position: sticky;
top: 30px;
}
.section-theme-header.central{
justify-content: center;
text-align: center;
width: 60%;
margin: 0 auto;
position: relative;
top: 0px;
}
.section-theme-header.inside-content{
width: 83.33%;
}
.section-theme-header-name-item{
display: inline-block;
border-radius: 48px;
border: 1px solid rgba(13, 19, 26, 0.08);
background: rgba(255, 255, 255, 0.12);
padding: 4px 16px;
}
.section-theme-header-name-item.white{
color: white;
border: 1px solid rgba(255, 255, 255, 0.08);
background: rgba(13, 19, 26, 0.12);
backdrop-filter: blur(12px);
}
.section-theme-header-title-sicky {
position: sticky;
top: 10px;
}
.with-h3-title.section-theme-header-title{
}
.with-h3-title.section-theme-header-title .h3{
display: none;
}
.section-theme-header-subtitle{
width: 66%;
margin: 0 auto;
}
.section-theme-header-btn{
margin-top: 24px;
}
.section-theme-header-btn-container{
display: flex;
gap: 8px;
justify-content: center;
}
.section-theme-block{
display: flex;
flex-direction: column;
gap: 80px;
}
.section-main-custome-gap .section-theme-block{
gap: 60px;
}
.section-theme-body{
}
.card-list-item{
}
.card-list-item:first-child .card-list-item-container{
border-radius: 48px 4px 4px 48px;
}
.card-list-item .card-list-item-container{
border-radius: 4px;
background: #FFF;
padding: 48px;
height: 560px;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: center;
}
.card-list-item .card-list-item-icon-fill{
height: 80px;
}
.card-list-item .card-list-item-icon-fill img{
width: 100%;
height: 100%;
object-fit: contain;
}
.card-list-item .card-list-item-text-container{
display: flex;
flex-direction: column;
gap: 24px;
}
.card-list-item.colored-block .card-list-item-container{
padding: 0;
}
.card-list-item.mode-blue .card-list-item-container{
background: #3998F7;
}
.card-list-item.mode-red .card-list-item-container{
background: #F23F37;
}
.card-list-item.mode-green .card-list-item-container{
background: #5EC141;
}
.card-list-item.mode-orange .card-list-item-container{
background: #FF7C10;
}
.card-list-item:last-child .card-list-item-container{
border-radius: 4px 48px 48px 4px;
}
.card-list-item.mode-table .card-list-item-container{
background: #5EC141;
}
.card-list-item.mode-preza .card-list-item-container{
background: #FF7C10;
}
.card-list-item.mode-microphone .card-list-item-container{
background: #F53D84;
}
.card-list-item.mode-mail .card-list-item-container{
background: #5baaf0;
}
.card-list-item.mode-scheme .card-list-item-container{
background: #F53D84;
}
.card-list-item.mode-iiassistent .card-list-item-container{
background: linear-gradient(135deg, #3D9EF5 0%, #F53DB3 100%);
}
.card-list-item.mode-corporative .card-list-item-container{
background: #4880B9;
}
.card-list-item.mode-documentserver .card-list-item-container{
background: radial-gradient(97.94% 89.86% at 62.72% 100%, #0D131A 0%, #132D4D 100%);
}
.card-list-item.mode-teams .card-list-item-container{
background: #8A3DF5;
}
.card-list-item.mode-disk .card-list-item-container{
background: #6A71AE;
}
.card-list-item.mode-online .card-list-item-container{
background: radial-gradient(97.94% 89.86% at 62.72% 100%, #0D131A 0%, #132D4D 100%);
}
.card-list-item.mode-admin .card-list-item-container{
background: #8695AC;
}
.card-list-item.mode-organaizer .card-list-item-container{
background: #0077B2;
}
.card-list-item.mode-postman .card-list-item-container{
background: #0077B2;
}
.card-list-item.mode-mobile .card-list-item-container{
background: #3998F7;
}
.card-list-item.mode-projects .card-list-item-container{
background: #0077B2;
}
.card-list-item.mode-gallery .card-list-item-container{
background: #5281E0;
}
.card-list-item.mode-prostranstvo .card-list-item-container{
background: linear-gradient(180deg, #3DB1F5 0%, #703DF5 50%, #F78023 100%);
}
.card-list-item.mode-calendar .card-list-item-container{
background: #067960;
}
.card-list-item.mode-contacts .card-list-item-container{
background: #4880B9;
}
.card-list-item.mode-pleer .card-list-item-container{
background: #F5A83D;
}
.card-list-item.mode-pages .card-list-item-container{
background: #F5A83D;
}
.card-list-item.mode-setting .card-list-item-container{
background: #8695AC;
}
.card-list-item.mode-forms .card-list-item-container{
background: #5256E0;
}
.card-list-item.mode-ecspress .card-list-item-container{
background: linear-gradient(180deg, #B975EC 0%, #41BCE5 100%);
}
.card-list-item-slider{
height: 100%;
}
.card-list-item-slider-container{
height: 100%;
}
.formats-slider{
height: 100%;
}
.formats-slider .swiper{
height: 100%;
padding: 257px 66px 175px;
box-sizing: border-box;
}
.formats-slider-item{
position: relative;
}
/*.formats-slider-item .formats-slider-item-text{*/
/* color: white;*/
/* border-radius: 24px;*/
/* padding: 19px 0 21px 0;*/
/* font-weight: 400;*/
/* border: 1px solid transparent;*/
/* box-sizing: border-box;*/
/*}*/
.card-text-icon-left{
display: flex;
gap: 32px;
}
.card-text-icon-left-icon{
width: 64px;
margin-top: 10px;
padding-left: 20px;
box-sizing: border-box;
}
.card-text-icon-left-text{
display: flex;
flex-direction: column;
gap: 24px;
width: calc(100% - 96px);
}
.card-text-icon-left-text-picture{
border-radius: 48px;
overflow: hidden;
margin-top: 24px;
}
.card-text-icon-left-text-picture img{
width: 100%;
}
.custome-number-list{
color: #FFF;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 40px;
letter-spacing: -0.24px;
display: inline-block;
position: relative;
}
.custome-number-list-number{
position: relative;
z-index: 2;
}
.custome-number-list:before{
content: "";
position: absolute;
display: inline-block;
width: 30px;
height: 30px;
box-sizing: border-box;
border-radius: 4px;
border: 0.306px solid rgba(180, 210, 255, 0.10);
background: linear-gradient(117deg, rgba(57, 152, 247, 0.27) 10.2%, rgba(57, 152, 247, 0.29) 50.51%, rgba(57, 152, 247, 0.27) 100.38%);
left: 50%;
top: 50%;
transform: rotate(45deg) translateX(-21px) translateY(0px);
z-index: 1;
backdrop-filter: blur(9.180562973022461px);
}
.custome-number-list:after{
content: "";
position: absolute;
display: inline-block;
width: 30px;
height: 30px;
box-sizing: border-box;
border-radius: 4px;
background: linear-gradient(180deg, #3998F7 0%, #1E8AF6 100%);
left: 50%;
top: 50%;
transform: rotate(45deg) translateX(-7px) translateY(-14px);
z-index: 0;
}
.big-size .custome-number-list-number{
font-size: 15px;
line-height: 50px;
}
.custome-number-list.big-size:before{
width: 40px;
height: 40px;
transform: rotate(45deg) translateX(-27px) translateY(0px);
}
.custome-number-list.big-size:after{
width: 40px;
height: 40px;
transform: rotate(45deg) translateX(-10px) translateY(-17px);
}
.small-size .custome-number-list-number{
font-size: 15px;
line-height: 15px;
}
.custome-number-list.small-size{
display: inline-block;
width: 100%;
height: 100%;
}
.custome-number-list.small-size:before{
width: 16px;
height: 16px;
transform: rotate(45deg) translateX(-13px) translateY(3px);
}
.custome-number-list.small-size:after{
width: 16px;
height: 16px;
transform: rotate(45deg) translateX(-6px) translateY(-5px);
}
.custome-number-list.mode-green:before,
.custome-number-list.mode-table:before{
border: 0.383px solid rgba(94, 193, 65, 0.10);
background: linear-gradient(180deg, rgba(128, 206, 105, 0.30) 0%, rgba(94, 193, 65, 0.30) 100%);
}
.custome-number-list.mode-green:after,
.custome-number-list.mode-table:after{
background: linear-gradient(180deg, #80CE69 0%, #5EC141 100%);
}
.custome-number-list.mode-red:before{
border: 0.383px solid rgba(255, 124, 16, 0.10);
background: linear-gradient(180deg, rgba(255, 124, 16, 0.30) 0%, rgba(245, 111, 0, 0.30) 100%);
}
.custome-number-list.mode-red:after{
background: linear-gradient(180deg, #FF7C10 0%, #F56F00 100%);
}
.custome-number-list.mode-red:before{
border: 0.383px solid rgba(242, 63, 55, 0.10);
background: linear-gradient(117deg, rgba(242, 63, 55, 0.03) 10.2%, rgba(242, 63, 55, 0.30) 50.51%, rgba(242, 63, 55, 0.16) 100.38%);
}
.custome-number-list.mode-red:after{
background: linear-gradient(180deg, #F23F37 0%, rgba(242, 63, 55, 0.80) 100%);
}
.custome-number-list.mode-preza:before{
border: 0.306px solid rgba(255, 126, 61, 0.10);
background: linear-gradient(117deg, rgba(255, 126, 61, 0.27) 10.2%, rgba(255, 126, 61, 0.29) 50.51%, rgba(255, 126, 61, 0.27) 100.38%);
}
.custome-number-list.mode-preza:after{
background: linear-gradient(180deg, #FF7E3D 0%, #FFA070 100%);
}
.custome-number-list.mode-scheme:before{
border: 0.306px solid rgba(244, 52, 125, 0.10);
background: linear-gradient(117deg, rgba(244, 52, 125, 0.27) 10.2%, rgba(244, 52, 125, 0.29) 50.51%, rgba(244, 52, 125, 0.27) 100.38%);
}
.custome-number-list.mode-scheme:after{
background: linear-gradient(180deg, #F4347D 0%, #F7649C 100%);
}
.custome-number-list.mode-mail:before{
border: 0.306px solid rgba(91, 170, 240, 0.10);
background: linear-gradient(117deg, rgba(91, 170, 240, 0.27) 10.2%, rgba(91, 170, 240, 0.29) 50.51%, rgba(91, 170, 240, 0.27) 100.38%);
}
.custome-number-list.mode-mail:after{
background: linear-gradient(180deg, #5baaf0 0%, #84c0fa 100%);
}
.custome-number-list.mode-microphone:before{
border: 0.306px solid rgba(251, 163, 137, 0.10);
background: linear-gradient(117deg, rgba(251, 163, 137, 0.27) 10.2%, rgba(251, 163, 137, 0.29) 50.51%, rgba(251, 163, 137, 0.27) 100.38%);
}
.custome-number-list.mode-microphone:after{
background: linear-gradient(180deg, #ee8c6e 0%, #fba389 100%);
}
.custome-number-list.mode-iiassistent:before{
border: 0.306px solid rgba(245, 61, 179, 0.10);
background: linear-gradient(117deg, rgba(61, 158, 245, 0.27) 10.2%, rgba(160, 107, 210, 0.29) 50.51%, rgba(245, 61, 179, 0.27) 100.38%);
}
.custome-number-list.mode-iiassistent:after{
background: linear-gradient(135deg, #3998F7 0%, #E540A4 100%);
}
.custome-number-list.mode-corporative:before{
border: 0.306px solid rgba(72, 128, 185, 0.10);
background: linear-gradient(117deg, rgba(72, 128, 185, 0.27) 10.2%, rgba(72, 128, 185, 0.29) 50.51%, rgba(72, 128, 185, 0.27) 100.38%);
}
.custome-number-list.mode-corporative:after{
background: linear-gradient(180deg, #4880B9 0%, #6B99C7 100%);
}
.custome-number-list.mode-documentserver:before{
border: 0.306px solid rgba(19, 45, 77, 0.10);
background: linear-gradient(117deg, rgba(35, 99, 179, 0.27) 10.2%, rgba(35, 99, 179, 0.29) 50.51%, rgba(35, 99, 179, 0.27) 100.38%);
}
.custome-number-list.mode-documentserver:after{
background: radial-gradient(97.94% 89.86% at 62.72% 100%, #0D131A 0%, #132D4D 100%);
}
.custome-number-list.mode-teams:before{
border: 0.306px solid rgba(87, 20, 184, 0.10);
background: linear-gradient(117deg, rgba(138, 61, 245, 0.27) 10.2%, rgba(138, 61, 245, 0.29) 50.51%, rgba(138, 61, 245, 0.27) 100.38%);
}
.custome-number-list.mode-teams:after{
background: linear-gradient(180deg, #8A3DF5 0%, #A76EF7 100%);
}
.custome-number-list.mode-disk:before{
border: 0.306px solid rgba(110, 116, 176, 0.10);
background: linear-gradient(117deg, rgba(110, 116, 176, 0.27) 10.2%, rgba(110, 116, 176, 0.29) 50.51%, rgba(110, 116, 176, 0.27) 100.38%);
}
.custome-number-list.mode-disk:after{
background: linear-gradient(180deg, #6E74B0 0%, #8F93C2 100%);
}
.custome-number-list.mode-online:before{
border: 0.306px solid rgba(19, 45, 77, 0.10);
background: linear-gradient(117deg, rgba(35, 99, 179, 0.27) 10.2%, rgba(35, 99, 179, 0.29) 50.51%, rgba(35, 99, 179, 0.27) 100.38%);
}
.custome-number-list.mode-online:after{
background: radial-gradient(97.94% 89.86% at 62.72% 100%, #0D131A 0%, #132D4D 100%);
}
.custome-number-list.mode-admin:before{
border: 0.306px solid rgba(115, 137, 171, 0.10);
background: linear-gradient(117deg, rgba(115, 137, 171, 0.27) 10.2%, rgba(115, 137, 171, 0.29) 50.51%, rgba(115, 137, 171, 0.27) 100.38%);
}
.custome-number-list.mode-admin:after{
background: linear-gradient(180deg, #7389AB 0%, #93A4BE 100%);
}
.custome-number-list.mode-organaizer:before{
border: 0.306px solid rgba(9, 113, 165, 0.10);
background: linear-gradient(117deg, rgba(0, 119, 178, 0.27) 10.2%, rgba(0, 119, 178, 0.29) 50.51%, rgba(0, 119, 178, 0.27) 100.38%);
}
.custome-number-list.mode-organaizer:after{
background: linear-gradient(180deg, #0077B2 0%, #0099E5 100%);
}
.custome-number-list.mode-postman:before{
border: 0.306px solid rgba(9, 113, 165, 0.10);
background: linear-gradient(117deg, rgba(0, 119, 178, 0.27) 10.2%, rgba(0, 119, 178, 0.29) 50.51%, rgba(0, 119, 178, 0.27) 100.38%);
}
.custome-number-list.mode-postman:after{
background: linear-gradient(180deg, #0077B2 0%, #0099E5 100%);
}
.custome-number-list.mode-mobile:before{
border: 0.306px solid rgba(57, 152, 247, 0.10);
background: linear-gradient(117deg, rgba(57, 152, 247, 0.27) 10.2%, rgba(57, 152, 247, 0.29) 50.51%, rgba(57, 152, 247, 0.27) 100.38%);
}
.custome-number-list.mode-mobile:after{
background: linear-gradient(180deg, #3998F7 0%, #6CB2F9 100%);
}
.custome-number-list.mode-projects:before{
border: 0.306px solid rgba(9, 113, 165, 0.10);
background: linear-gradient(117deg, rgba(0, 119, 178, 0.27) 10.2%, rgba(0, 119, 178, 0.29) 50.51%, rgba(0, 119, 178, 0.27) 100.38%);
}
.custome-number-list.mode-projects:after{
background: linear-gradient(180deg, #0077B2 0%, #0099E5 100%);
}
.custome-number-list.mode-gallery:before{
border: 0.306px solid rgba(37, 140, 243, 0.10);
background: linear-gradient(117deg, rgba(82, 129, 224, 0.27) 10.2%, rgba(82, 129, 224, 0.29) 50.51%, rgba(82, 129, 224, 0.27) 100.38%);
}
.custome-number-list.mode-gallery:after{
background: linear-gradient(180deg, #5281E0 0%, #7DA0E8 100%);
}
.custome-number-list.mode-prostranstvo:before{
border: 0.306px solid rgba(67, 163, 245, 0.10);
background: linear-gradient(117deg, rgba(67, 163, 245, 0.27) 10.2%, rgba(103, 81, 245, 0.29) 50.51%, rgba(237, 124, 50, 0.27) 100.38%);
}
.custome-number-list.mode-prostranstvo:after{
background: linear-gradient(180deg, #3DB1F5 0%, #703DF5 50%, #F78023 100%);
}
.custome-number-list.mode-calendar:before{
border: 0.306px solid rgba(6, 121, 96, 0.10);
background: linear-gradient(117deg, rgba(6, 121, 96, 0.27) 10.2%, rgba(6, 121, 96, 0.29) 50.51%, rgba(6, 121, 96, 0.18) 100.38%);
}
.custome-number-list.mode-calendar:after{
background: linear-gradient(180deg, #067960 0%, #08AA87 100%);
}
.custome-number-list.mode-contacts:before{
border: 0.306px solid rgba(72, 128, 185, 0.10);
background: linear-gradient(117deg, rgba(72, 128, 185, 0.27) 10.2%, rgba(72, 128, 185, 0.29) 50.51%, rgba(72, 128, 185, 0.27) 100.38%);
}
.custome-number-list.mode-contacts:after{
background: linear-gradient(180deg, #4880B9 0%, #6B99C7 100%);
}
.custome-number-list.mode-pleer:before{
border: 0.306px solid rgba(245, 168, 61, 0.10);
background: linear-gradient(117deg, rgba(245, 168, 61, 0.27) 10.2%, rgba(245, 168, 61, 0.29) 50.51%, rgba(245, 168, 61, 0.27) 100.38%);
}
.custome-number-list.mode-pleer:after{
background: linear-gradient(180deg, #F5A83D 0%, #F7BE6E 100%);
}
.custome-number-list.mode-pages:before{
border: 0.306px solid rgba(245, 168, 61, 0.10);
background: linear-gradient(117deg, rgba(245, 168, 61, 0.27) 10.2%, rgba(245, 168, 61, 0.29) 50.51%, rgba(245, 168, 61, 0.27) 100.38%);
}
.custome-number-list.mode-pages:after{
background: linear-gradient(180deg, #F5A83D 0%, #F7BE6E 100%);
}
.custome-number-list.mode-setting:before{
border: 0.306px solid rgba(115, 137, 171, 0.10);
background: linear-gradient(117deg, rgba(115, 137, 171, 0.27) 10.2%, rgba(115, 137, 171, 0.29) 50.51%, rgba(115, 137, 171, 0.27) 100.38%);
}
.custome-number-list.mode-setting:after{
background: linear-gradient(180deg, #7389AB 0%, #93A4BE 100%);
}
.custome-number-list.mode-forms:before{
border: 0.306px solid rgba(82, 86, 224, 0.10);
background: linear-gradient(117deg, rgba(82, 86, 224, 0.27) 10.2%, rgba(82, 86, 224, 0.29) 50.51%, rgba(82, 86, 224, 0.27) 100.38%);
}
.custome-number-list.mode-forms:after{
background: linear-gradient(180deg, #5256E0 0%, #7D80E8 100%);
}
.custome-number-list.mode-ecspress:before{
border: 0.306px solid rgba(0, 21, 204, 0.10);
background: linear-gradient(117deg, rgba(126, 41, 255, 0.27) 10.2%, rgba(58, 108, 247, 0.29) 50.51%, rgba(0, 164, 240, 0.27) 100.38%);
}
.custome-number-list.mode-ecspress:after{
background: linear-gradient(180deg, #B975EC 0%, #41BCE5 100%);
}
.custome-number-list.mode-dark-blue:before{
border: 0.306px solid rgba(19, 45, 77, 0.10);
background: linear-gradient(117deg, rgba(35, 99, 179, 0.27) 10.2%, rgba(35, 99, 179, 0.29) 50.51%, rgba(35, 99, 179, 0.27) 100.38%);
}
.custome-number-list.mode-dark-blue:after{
background: radial-gradient(97.94% 89.86% at 62.72% 100%, #0D131A 0%, #132D4D 100%);
}
.custome-number-list.mode-default:before{
border: 0.306px solid rgba(19, 45, 77, 0.10);
background: linear-gradient(117deg, rgba(35, 99, 179, 0.27) 10.2%, rgba(35, 99, 179, 0.29) 50.51%, rgba(35, 99, 179, 0.27) 100.38%);
}
.custome-number-list.mode-default:after{
background: radial-gradient(97.94% 89.86% at 62.72% 100%, #0D131A 0%, #132D4D 100%);
}
.card-list-gorizontal{
padding-right: 16.66%;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 80px;
}
.card-list-gorizontal-tag {
/*margin-bottom: 24px;*/
}
.card-list-gorizontal-tag .btn-border {
padding: 11px 23px;
}
.card-list-gorizontal-tag-formats {
display: flex;
flex-wrap: wrap;
gap: 16px;
row-gap: 16px;
}
.card-list-gorizontal-tag-formats .btn-border{
cursor: default;
}
.systems-slider-item{
}
.systems-slider-item .systems-slider-item-container.product-slider-container {
gap: 8px;
}
.systems-slider-item-link {
text-align: center;
}
.systems-slider-item-link .link {
font-size: 16px;
}
.systems-slider-item .systems-slider-item-container{
display: flex;
flex-direction: column;
gap: 24px;
box-sizing: border-box;
padding: 0 27px;
}
.systems-slider-item .systems-slider-item-container .systems-slider-item-picture{
box-sizing: border-box;
padding: 16px 50px;
height: 160px;
display: flex;
align-items: center;
}
.systems-slider-item .systems-slider-item-container .systems-slider-item-picture img{
width: 100%;
height: 100%;
object-fit: contain;
}
.systems-slider-item .systems-slider-item-container .systems-slider-item-name{
text-align: center;
}
.systems-static-container{
display: flex;
flex-wrap: wrap;
margin: 0 -8px;
}
.systems-static-container .systems-slider-item{
width: 33.33%;
}
.systems-static-container .systems-slider-item .systems-slider-item-picture{
width: 268px;
margin: 0 auto;
}
.image-accordion-block-pictures{
position: sticky;
top: 0px;
}
.image-accordion-block-pictures-bg{
position: absolute;
border-radius: 48px 4px 4px 48px;
overflow: hidden;
width: 100%;
height: 100%;
}
.image-accordion-block-pictures-bg img{
width: 100%;
height: 100%;
object-fit: cover;
}
.image-accordion-block-pictures-item{
padding: 196px 142px;
position: sticky;
z-index: 1;
top: 0px;
}
.image-accordion-block-pictures-item img,
.image-accordion-block-pictures-item video{
width: 100%;
}
.we-numbers-slider{
}
.we-numbers-slider .swiper-slide{
height: auto;
}
.we-numbers-container{
}
.we-numbers-container .swiper{
/*overflow: visible;*/
width: calc(100% + 32px);
padding-right: calc(100% / 7 * 1 + 32px);
box-sizing: border-box;
border-radius: 48px 0 0 48px;
}
.we-numbers-container-full{
border-radius: 48px;
overflow: hidden;
}
.we-numbers-container-full .swiper{
margin: 0 -8px;
}
.we-numbers-container-full .swiper-slide{
width: 25%;
box-sizing: border-box;
padding: 0 8px;
}
.we-numbers-item{
border-radius: 4px;
background: #FFF;
}
.we-numbers-item-container{
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: center;
padding: 48px;
height: 600px;
box-sizing: border-box;
}
.we-numbers-item-textblock{
display: flex;
flex-direction: column;
gap: 16px;
}
.accent-card{
border-radius: 0 48px 48px 0;
background: radial-gradient(206.4% 121.01% at -9.77% 25.06%, #0D131A 0%, #132D4D 100%), #FFF;
color: white;
height: 100%;
}
.accent-card-container{
height: 100%;
box-sizing: border-box;
padding: 64px 48px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.accent-card-header{
display: flex;
flex-direction: column;
gap: 12px;
}
.recall-info-block-section{
height: 100%;
display: flex;
align-items: center;
}
.recall-info-block{
border-radius: 48px;
background: url(../img/form-cover.jpg) no-repeat center center;
background-size: cover;
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
}
.recall-info-block.tech-partner {
background: url(../img/form-cover-tech-partner.png) no-repeat center center;
background-size: cover;
}
.recall-info-block.dark-mode{
background: url(../img/form-cover-dark.jpg) no-repeat center center;
background-size: cover;
}
.recall-info-block:before{
content: "";
position: absolute;
display: inline-block;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
left: 0px;
top: 0px;
}
.recall-info-block-container{
padding: 64px 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
text-align: center;
color: white;
gap: 212px;
gap: 82px;
position: relative;
z-index: 1;
}
.recall-info-block-container-top{
display: flex;
flex-direction: column;
gap: 24px;
box-sizing: border-box;
padding: 0 48px;
}
.recall-info-block-container .section-theme-header-picture{
max-width: 560px;
margin: 0 auto;
}
.recall-info-block-container .section-theme-header-picture img{
width: 100%;
}
.tech-partner .section-theme-header-title {
width: 90%;
margin: 0 auto;
}
.sovmestiomst-slider-items-new{
padding-top: 24px;
}
.sovmestiomst-slider-items-new .swiper{
margin: 0 -8px;
}
.sovmestiomst-slider-items-new .swiper .swiper-wrapper{
justify-content: space-between;
}
.sovmestiomst-slider-items-new .swiper .swiper-slide{
/*width: 320px;*/
width: 25%;
box-sizing: border-box;
padding: 0 8px;
}
.sovmestiomst-slider-items-new .sovmestimost-item{
}
.sovmestiomst-slider-items-new .sovmestimost-item .sovmestimost-item-container{
gap: 28px;
}
.sovmestiomst-slider-items-new .sovmestimost-item .sovmestimost-item-top{
padding: 16px 24px;
}
.sovmestiomst-slider-items-new .sovmestimost-item .sovmestimost-item-top img{
max-height: 100%;
}
.sovmestiomst-slider-items-new.tex-partners-slider .swiper .swiper-slide {
width: 20%;
}
.full-size-picture{
border-radius: 48px;
overflow: hidden;
height: 100%;
}
.full-size-picture img{
width: 100%;
height: 100%;
object-fit: cover;
}
.accordeon-block{
background: white;
border-radius: 48px 48px 48px 48px;
overflow: hidden;
min-height: 100%;
}
.image-accordion-block-container .accordeon-block{
border-radius: 4px 48px 48px 4px;
}
.accordeon-block-item{
box-sizing: border-box;
padding: 48px 48px 47px;
border-bottom: 1px solid rgba(13, 19, 26, 0.08);
cursor: pointer;
}
.accordeon-block-item:last-of-type{
border-bottom: 0px;
}
.accordeon-block-item-header{
}
.accordeon-block-item-header .link-accord{
color: #0D131A;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.accordeon-block-item-container{
display: flex;
flex-direction: column;
gap: 16px;
}
.accordeon-block-item-header-name{
width: calc(100% - 96px);
}
.accordeon-block-item-header-icon{
display: flex;
border-radius: 48px;
border: 1px solid rgba(13, 19, 26, 0.08);
width: 46px;
height: 30px;
backdrop-filter: blur(12px);
position: relative;
}
.accordeon-block-item-header-icon:before,
.accordeon-block-item-header-icon:after{
content: "";
position: absolute;
display: inline-block;
background: #0D131A;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transition: all 200ms;
}
.accordeon-block-item-header-icon:before{
width: 12px;
height: 2px;
}
.accordeon-block-item-header-icon:after{
width: 2px;
height: 12px;
}
.link-accord.active .accordeon-block-item-header-icon:after{
transform: translate(-50%, -50%) rotate(90deg);
}
.accordeon-block-item-body{
display: flex;
flex-direction: column;
gap: 24px;
}
.card-list-without-bg-container{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.card-list-without-bg-container .card-list-without-bg-item{
width: 20%;
position: relative;
}
.card-list-without-bg-item{
}
.card-list-without-bg-item a{
color: #0D131A;
display: flex;
flex-direction: column;
gap: 24px;
text-align: center;
}
.card-list-without-bg-item a:hover{
text-decoration: underline;
}
.card-list-without-bg-item .card-list-without-bg-item-number{
margin-top: 15px;
margin-bottom: 15px;
position: relative;
}
.card-list-without-bg-item .card-list-without-bg-item-number .custome-number-list{
margin-left: -25px;
}
.card-list-without-bg-item .card-list-without-bg-item-name{
width: 71%;
margin: 0 auto;
}
.card-list-without-bg-item .card-list-without-bg-item-text{
position: absolute;
display: inline-block;
width: 452px;
box-sizing: border-box;
padding: 48px;
bottom: -16px;
left: 50%;
text-align: left;
transform: translateX(-50%) translateY(10px);
opacity: 0;
visibility: hidden;
border-radius: 48px;
background: #FFF;
z-index: 2;
transition: all 600ms;
}
.card-list-without-bg-item .card-list-without-bg-item-text ul,
.accordeon-block-item-body ul{
list-style-type: disc;
}
.card-list-without-bg-item .card-list-without-bg-item-text p,
.card-list-without-bg-item .card-list-without-bg-item-text ul li,
.accordeon-block-item-body ul li{
margin-bottom: 12px;
}
.card-list-without-bg-item .card-list-without-bg-item-text p:last-of-type,
.card-list-without-bg-item .card-list-without-bg-item-text ul li:last-of-type,
.accordeon-block-item-body ul li:last-of-type{
margin-bottom: 0px;
}
.card-list-without-bg-item a:hover .card-list-without-bg-item-text{
transform: translateX(-50%) translateY(0px);
opacity: 1;
visibility: visible;
}
.card-list-without-bg.only-lg .card-list-without-bg-item:first-child .card-list-without-bg-item-text{
left: 0;
transform: translateX(0) translateY(10px);
}
.card-list-without-bg.only-lg .card-list-without-bg-item:first-child a:hover .card-list-without-bg-item-text{
transform: translateX(0) translateY(0px);
}
.card-list-without-bg.only-lg .card-list-without-bg-item:last-child .card-list-without-bg-item-text{
left: auto;
right: 0px;
transform: translateX(0) translateY(10px);
}
.card-list-without-bg.only-lg .card-list-without-bg-item:last-child a:hover .card-list-without-bg-item-text{
transform: translateX(0) translateY(0px);
}
.card-list-without-bg-slider.disable-lg .swiper-slide.swiper-slide-visible:first-child .card-list-without-bg-item-text {
left: 0;
transform: translateX(0) translateY(10px);
}
.card-list-without-bg-slider.disable-lg .swiper-slide.swiper-slide-visible:first-child .card-list-without-bg-item a:hover .card-list-without-bg-item-text{
transform: translateX(0) translateY(0px);
}
.card-list-without-bg-slider.disable-lg .swiper-slide.swiper-slide-visible:last-child .card-list-without-bg-item-text{
left: auto;
right: 0px;
transform: translateX(0) translateY(10px);
}
.card-list-without-bg-slider.disable-lg .swiper-slide.swiper-slide-visible:last-child .card-list-without-bg-item a:hover .card-list-without-bg-item-text{
transform: translateX(0) translateY(0px);
}
.card-list-without-bg-slider.disable-lg .swiper-slide.active{
position: relative;
z-index: 1;
}
/*.spacer{*/
/* width: 100%;*/
/* min-height: 100vh;*/
/*}*/
.section-makrosy-block{
min-height: 100vh;
}
.section-makrosy-block_small {
min-height: 65vh;
}
.hide-mobile .big-img-card-list-container .big-img-card-list-item:not(:last-child){
margin-bottom: 16px;
}
.big-img-card-list{
}
.big-img-card-list-container{
display: flex;
flex-direction: column;
gap: 16px;
}
.big-img-card-list-item{
}
.big-img-card-list-item-text{
height: 100%;
box-sizing: border-box;
padding: 48px;
border-radius: 48px 0 0 48px;
background: #FFF;
text-align: center;
display: flex;
align-items: center;
}
.big-img-card-list-item-text-container{
display: flex;
flex-direction: column;
gap: 48px;
}
.big-img-card-list-item-text-container-text{
display: flex;
flex-direction: column;
gap: 16px;
}
.big-img-card-list-item-picture{
height: 100%;
border-radius: 0 48px 48px 0;
overflow: hidden;
}
.big-img-card-list-item-picture img{
width: 100%;
height: 100%;
object-fit: cover;
}
.promo-block-container{
position: relative;
}
.promo-block-img{
border-radius: 48px;
overflow: hidden;
}
.promo-block-img img{
width: 100%;
}
.promo-block-content{
position: absolute;
display: flex;
top: 0px;
left: 0px;
height: 100%;
align-items: center;
width: 60%;
box-sizing: border-box;
padding: 80px;
}
.promo-block-content-container{
display: flex;
flex-direction: column;
gap: 48px;
}
.promo-block-content-text{
display: flex;
flex-direction: column;
gap: 24px;
}
.promo-block-picture{
position: absolute;
top: 0px;
height: 100%;
display: flex;
align-items: center;
/*right: 7%;*/
right: 0px;
}
.promo-block-picture img{
height: 100%;
width: 100%;
object-fit: contain;
}
.promo-block.type-3 .promo-block-content{
width: 45%;
}
.promo-block.type-3 .promo-block-picture{
right: 0px;
}
.promo-disklamer{
position: absolute;
bottom: 42px;
width: 100%;
text-align: center;
}
.default-card-list-container{
display: flex;
flex-wrap: wrap;
margin: 0 -8px;
}
.default-card-list-container .default-card-item{
width: 33.33%;
box-sizing: border-box;
padding: 0 8px;
}
.default-card-item{
}
.default-card-item-container{
display: flex;
flex-direction: column;
gap: 80px;
border-radius: 48px;
background: #FFF;
box-sizing: border-box;
padding: 48px;
height: 100%;
}
.default-card-item-content{
display: flex;
flex-direction: column;
gap: 16px;
}
.default-card-item-number{
margin-top: 15px;
margin-bottom: 15px;
}
.default-card-item-number .custome-number-list{
margin-left: 24px;
}
.presentation-cards-block-container{
width: 100%;
margin: 0 auto;
text-align: center;
display: flex;
flex-direction: column;
gap: 48px;
justify-content: center;
}
.presentation-cards-list{
display: flex;
flex-wrap: wrap;
margin: 0 -8px;
justify-content: center;
row-gap: 80px;
}
.presentation-cards-list .presentation-cards-list-item{
box-sizing: border-box;
padding: 0 8px;
width: 25%;
}
.presentation-cards-list-item-container{
display: flex;
flex-direction: column;
gap: 24px;
max-width: 296px;
margin: 0 auto;
}
.presentation-cards-list-item-picture{
box-sizing: border-box;
padding: 20px;
width: 160px;
height: 160px;
margin: 0 auto;
}
.presentation-cards-list-item-picture img{
width: 100%;
height: 100%;
object-fit: contain;
}
.presentation-cards-list-item-text{
display: flex;
flex-direction: column;
gap: 8px;
}
.presentation-cards-list-item-btn{
display: none;
}
.video-tabs-container{
border-radius: 48px;
overflow: hidden;
}
.video-tabs-top-item{
background: linear-gradient(180deg, #EFF3F8 0%, #E3EDF8 76.99%);
}
.video-tabs-top-item .video-tabs-top-item-container{
width: 44.75%;
margin: 0 auto;
padding-top: 140px;
padding-bottom: 85px;
}
.video-tabs-top-item-container{
display: flex;
flex-direction: column;
gap: 60px;
text-align: center;
}
.video-tabs-top-item-picture{
position: relative;
}
.video-tabs-top-item-picture:before{
content: "";
position: absolute;
display: inline-block;
width: calc(100% + 24px);
left: -12px;
height: calc(100% + 24px);
top: -12px;
background: linear-gradient(90deg, #7096F3 0%, #E450AE 100%);
border-radius: 24px;
opacity: 0.24;
display: none;
}
.video-tabs-top-item-picture img{
width: 100%;
position: relative;
z-index: 1;
border-radius: 12px;
}
.video-tabs-bottom-container{
display: flex;
flex-wrap: wrap;
/*border-top: 2px solid rgba(57, 152, 247, 0.08);*/
box-sizing: border-box;
}
.video-tabs-bottom-container .video-tabs-bottom-item{
width: 100%;
box-sizing: border-box;
padding: 48px;
display: flex;
flex-direction: column;
gap: 16px;
opacity: 0.32;
transition: all 600ms;
position: relative;
/*height: 264px;*/
background: white;
}
.video-tabs-bottom-container .video-tabs-bottom-item:before{
content: "";
position: absolute;
width: 100%;
height: 2px;
top: 0px;
left: 0px;
background: rgba(57, 152, 247, 0.08);
transition: all 600ms;
}
.video-tabs-bottom-container .video-tabs-bottom-item.active{
opacity: 1;
}
.video-tabs-bottom-container .video-tabs-bottom-item.active:before{
width: 100%;
}
.collback-form.tech-partner-collback-form {
padding: 130px 80px 130px 80px;
}
.collback-form{
border-radius: 48px;
background: #FFF;
box-sizing: border-box;
padding: 64px 80px;
width: 100%;
height: 100%;
}
.collback-form.height-100{
height: 100%;
}
.collback-form.form-on-page{
padding: 64px 120px;
}
.collback-form .collback-form-header{
text-align: center;
}
.collback-form .collback-form-header.align-left{
text-align: left;
}
.collback-form-container{
display: flex;
flex-direction: column;
gap: 48px;
height: 100%;
}
.collback-form-header{
display: flex;
flex-direction: column;
gap: 24px;
}
.collback-form-body{
height: 100%;
}
.collback-form-body form{
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.collback-form-fields-list-container{
display: flex;
flex-direction: column;
gap: 48px;
height: 100%;
justify-content: space-between;
}
.collback-form-fields-list{
display: flex;
flex-direction: column;
gap: 16px;
}
.callback-checkbox{
padding: 32px;
display: flex;
flex-direction: column;
gap: 20px;
border-radius: 8px;
}
.callback-checkbox.no-padding{
padding: 0px;
}
.custome-checkbox label .check-element{
margin-right: 16px;
}
.collback-form-fields-btn{
display: flex;
flex-direction: column;
gap: 24px;
box-sizing: border-box;
padding: 0 76px;
}
.collback-form.form-on-page .collback-form-fields-btn,
.collback-form-fields-btn.no-padding{
padding: 0px;
}
.collback-form-fields-btn-item{
}
.collback-form-fields-btn-item .btn{
}
.collback-form-fields-btn-politica{
text-align: center;
}
.collback-form-finish{
text-align: center;
display: flex;
flex-direction: column;
gap: 16px;
width: 75%;
margin: 0 auto;
min-width: 600px;
}
.callback-checkbox-line{
}
.filter-form-bottom-buttons{
display: flex;
gap: 8px;
}
.btns-list-container{
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.breadcrumbs{
}
.breadcrumbs ul{
display: flex;
flex-wrap: nowrap;
gap: 4px;
align-items: center;
justify-content: center;
white-space: nowrap;
}
.breadcrumbs ul li{
}
.breadcrumbs ul li a{
color: #0D131A;
opacity: 0.64;
transition: all 600ms;
}
.breadcrumbs ul li a:hover{
opacity: 1;
}
.breadcrumbs{
overflow: hidden;
}
.footer{
padding-bottom: 32px;
}
.footer-container{
border-radius: 48px;
background: #FFF;
display: flex;
flex-direction: column;
gap: 32px;
}
.footer-line-1{
box-sizing: border-box;
padding: 64px 32px 0;
}
.footer-line-1-container{
display: flex;
flex-direction: column;
gap: 160px;
}
.footer-logo{
}
.footer-logo img{
max-width: 73%;
}
.footer-items-list{
display: flex;
flex-wrap: wrap;
margin: 0 -8px;
}
.footer-items-list .footer-items-element{
width: 25%;
box-sizing: border-box;
padding: 0 8px;
}
.footer-items-element-container{
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.footer-menu{
}
.footer-menu-container{
display: flex;
flex-direction: column;
gap: 40px;
}
.footer-menu a{
color: #0D131A;
opacity: 0.8;
}
.footer-menu a.footer-title-link{
opacity: 1;
}
.footer-menu a:hover{
opacity: 1;
}
.footer-menu-item{
}
.footer-menu-item ul{
display: flex;
flex-direction: column;
gap: 16px;
}
.footer-menu-item-container{
display: flex;
flex-direction: column;
gap: 24px;
}
.footer-socials{
}
.footer-socials ul{
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.footer-socials ul li{
}
.footer-socials svg {
border-radius: 8px;
}
.footer-socials ul li a img{
}
.footer-apps-menu{
/*width: 50%;*/
margin: 0 auto;
}
.footer-apps-menu ul{
display: flex;
flex-wrap: wrap;
gap: 18px;
/*justify-content: space-between;*/
}
.footer-apps-menu ul li{
}
.footer-apps-menu a{
box-sizing: border-box;
/*border: 1px solid #3C3D3C;*/
display: inline-block;
border-radius: 8px;
background: #1A1C20;
position: relative;
}
.footer-apps-menu a:before{
content: "";
position: absolute;
display: inline-block;
width: 100%;
height: 100%;
border-radius: 8px;
box-sizing: border-box;
border: 1px solid #3C3D3C;
left: 0px;
top: 0px;
}
.footer-line-2{
border-top: 2px solid rgba(13, 19, 26, 0.08);
box-sizing: border-box;
padding: 32px 32px 62px 32px;
}
.developer{
display: inline-block;
float: right;
}
.developer a{
color: #0D131A;
opacity: 0.8;
}
.developer a:hover{
text-decoration: underline;
}
.main-page-hero{
text-align: center;
padding-top: 20px;
margin-bottom: 80px;
}
.main-page-hero-title{
margin-bottom: 25px;
}
.main-page-hero-country{
margin-bottom: 4px;
}
.main-page-hero-country span svg{
border-radius: 50%;
}
.main-page-interactive-slider-top{
}
.main-page-interactive-slider-top-scroller{
display: flex;
flex-wrap: wrap;
gap: 16px;
justify-content: center;
}
.main-page-interactive-slider-top-scroller-container{
position: relative;
/*padding-left: 22px;*/
}
.main-page-interactive-slider-top-scroller-container-inside{
position: relative;
padding-left: 44px;
box-sizing: border-box;
}
.main-page-interactive-slider-top-scroller .main-page-interactive-slider-play-pause{
position: absolute;
z-index: 2;
/*left: 23px;*/
}
.main-page-interactive-slider-top ul{
/*
display: flex;
flex-wrap: wrap;
gap: 32px;
justify-content: center;
*/
/*margin: 0 16px;*/
}
.main-page-interactive-slider-top ul li{
width: auto;
/*padding: 0 16px;*/
}
.main-page-interactive-slider-top ul li a.slider-link{
color: rgba(13, 19, 26, 0.64);
padding-bottom: 14px;
border-bottom: 2px solid rgba(57, 152, 247, 0.16);
position: relative;
display: inline-block;
transition: all 600ms;
}
.main-page-interactive-slider-top ul li a.slider-link .active-line{
display: inline-block;
position: absolute;
width: 0px;
height: 2px;
background: #3998F7;
bottom: -2px;
left: 0px;
/*/transition: all 5s;*/
}
.main-page-interactive-slider-top ul li a.slider-link.active{
/*font-weight: bold;*/
color: rgba(13, 19, 26, 1);
}
.slider-interactive-menu{
padding-left: 64px;
}
.main-page-interactive-slider{
border-radius: 48px;
background: linear-gradient(180deg, #FFF 0%, #E6ECF4 94.59%);
box-sizing: border-box;
padding: 80px;
position: relative;
overflow: hidden;
transition: all 0.3s ease;
}
.main-page-interactive-slider-bg-image{
position: absolute;
left: 0px;
bottom: 0px;
mix-blend-mode: exclusion;
}
.main-page-interactive-slider-container{
display: flex;
flex-direction: column;
gap: 24px;
position: relative;
}
.main-page-interactive-slider-element-container{
display: flex;
flex-wrap: wrap;
margin: 0 -8px;
}
.main-page-interactive-slider-element-left{
width: 50%;
padding: 100px 8px 0;
box-sizing: border-box;
}
.main-page-interactive-slider-element-content{
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.main-page-interactive-slider-element-right{
width: 50%;
padding: 0 8px;
box-sizing: border-box;
}
.main-page-interactive-slider-elements{
position: relative;
}
.about-page-container .main-page-interactive-slider{
/*border: 1px solid rgba(13, 19, 26, 0.4);*/
padding: 46px 0px 80px 80px;
}
.about-page-container .main-page-interactive-slider-element-left{
padding: 96px 8px 0;
}
.about-page-container .main-page-interactive-slider-element-right{
padding: 132px 0 132px 0px;
}
.slider-tabs-content-item.seconds-element{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}
.slider-tabs-content-item{
}
.slider-tabs-content-item .section-theme-header{
}
.slider-tabs-content-item .interactive-baloon-element{
}
.slider-tabs-content-item .section-theme-header{
transform: translateY(-20px);
opacity: 0;
transition: all 600ms;
}
.slider-tabs-content-item .interactive-baloon-element{
transform: translateY(-20px);
opacity: 0;
transition: all 600ms;
}
.slider-tabs-content-item .soft-blocks-lists-line{
transform: translateY(-20px);
opacity: 0;
transition: all 600ms;
}
.slider-tabs-content-item .soft-blocks-lists-line:last-child{
transform: translateY(-20px);
opacity: 0;
transition: all 600ms;
}
.slider-tabs-content-item .sovmestiomst-slider-items{
transform: translateY(-20px);
opacity: 0;
transition: all 600ms;
}
.slider-tabs-content-item.active{
}
.slider-tabs-content-item.active .section-theme-header{
transform: translateY(0px);
opacity: 1;
}
.slider-tabs-content-item.active .interactive-baloon-element{
transform: translateY(0px);
opacity: 1;
}
.slider-tabs-content-item.active .soft-blocks-lists-line{
transform: translateY(0px);
opacity: 1;
}
.slider-tabs-content-item.active .soft-blocks-lists-line:last-child{
transform: translateY(0px);
opacity: 1;
}
.slider-tabs-content-item.active .sovmestiomst-slider-items{
transform: translateY(0px);
opacity: 1;
}
.slider-tabs-content-item.visibility{
visibility: hidden;
}
.slider-tabs-content-item.inactive{
}
.slider-tabs-content-item.inactive .section-theme-header{
}
.slider-tabs-content-item.inactive .interactive-baloon-element{
}
.play-paused-controller{
display: flex;
width: 48px;
padding: 9px 12px;
box-sizing: border-box;
justify-content: center;
align-items: center;
border-radius: 48px;
border: 1px solid rgba(13, 19, 26, 0.08);
background: rgba(13, 19, 26, 0.24);
backdrop-filter: blur(12px);
}
.play-paused-controller-icon{
display: inline-block;
height: 12px;
}
.play-paused-controller-icon span{
display: inline-block;
height: 12px;
}
.play-paused-controller-icon .paused{
}
.play-paused-controller-icon .play{
display: none;
}
.play-paused-controller.is-paused .play-paused-controller-icon .paused{
display: none;
}
.play-paused-controller.is-paused .play-paused-controller-icon .play{
display: inline-block;
}
.main-page-interactive-slider{
}
.main-page-interactive-slider .section-theme-header-subtitle{
width: 100%;
margin-top: 10px;
}
.interactive-baloon-element{
width: 452px;
box-sizing: border-box;
border-radius: 48px;
background: rgba(255, 255, 255, 0.32);
backdrop-filter: blur(16px);
padding: 32px;
}
.interactive-baloon-element-container{
display: flex;
flex-direction: column;
gap: 16px;
}
.interactive-baloon-element-top{
display: flex;
flex-direction: column;
gap: 12px;
}
.main-page-interactive-slider-element-right{
box-sizing: border-box;
padding: 88px 0;
display: flex;
align-items: center;
}
.soft-blocks-lists{
display: flex;
flex-direction: column;
gap: 80px;
width: 100%;
}
.soft-blocks-lists-line{
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0 -8px;
justify-content: center;
position: relative;
}
.soft-blocks-lists-line-title{
width: 100%;
text-align: center;
margin-bottom: 30px;
}
.sort-element-item{
width: 50%;
box-sizing: border-box;
padding: 0 8px;
}
.sort-element-item.small-item{
width: 33.33%;
}
.sort-element-item.small-item .product-card-text{
width: 100%;
min-width: unset;
box-sizing: border-box;
}
.product-card{
text-align: center;
}
.product-card-container{
display: flex;
flex-direction: column;
gap: 24px;
justify-content: center;
}
.product-card-logo{
display: flex;
width: 160px;
height: 160px;
align-items: center;
justify-content: center;
margin: 0 auto;
box-sizing: border-box;
padding: 20px;
}
.product-card-logo img{
width: 100%;
height: 100%;
object-fit: contain;
}
.product-card-text{
display: flex;
flex-direction: column;
gap: 8px;
box-sizing: border-box;
padding: 0 18px;
min-width: 296px;
width: 72%;
margin: 0 auto;
}
.product-card a:hover .product-card-text-title{
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-color: rgba(13, 19, 26, 0.80);
text-decoration-thickness: 5%; /* 1.6px */
text-underline-offset: 8px;
}
.product-card-text .product-card-text-desc{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.section-theme-btn{
text-align: center;
margin-top: 80px;
}
.two-slide-interactive-slider{
/*padding-top: 80px;*/
}
.two-slide-interactive-slider-container{
display: flex;
flex-wrap: wrap;
margin: 0 -8px;
height: 100vh;
min-height: 980px;
}
.two-slide-interactive-slider-container .two-slide-interactive-slider-left,
.two-slide-interactive-slider-container .two-slide-interactive-slider-right{
width: 50%;
box-sizing: border-box;
padding: 0 8px;
height: 100%;
}
.two-slide-left-content{
border-radius: 48px;
background: #FFF;
display: flex;
justify-content: space-between;
height: 100%;
padding: 48px 0;
box-sizing: border-box;
}
.two-slide-left-content-container{
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
box-sizing: border-box;
width: 50%;
margin: 0 auto;
text-align: center;
}
.ecosystem-block{
}
.ecosystem-block-container{
display: flex;
flex-direction: column;
gap: 24px;
}
.ecosystem-block-icon{
display: flex;
height: 80px;
align-items: center;
margin: 0 auto;
justify-content: center;
}
.ecosystem-block-icon img{
height: 100%;
width: 100%;
object-fit: contain;
}
.ecosystem-block-content{
display: flex;
flex-direction: column;
gap: 16px;
}
.slider-element-controller-container{
display: flex;
flex-direction: column;
gap: 8px;
}
.slider-element-controller{
}
.slider-element-controller a{
color: rgba(13, 19, 26, 0.64);
display: inline-block;
width: 100%;
padding-bottom: 6px;
border-bottom: 2px solid transparent;
transition: all 600ms;
}
.slider-element-controller a:hover{
color: #0D131A;
}
.slider-element-controller-item{
position: relative;
}
.slider-element-controller-item a:before{
content: "";
position: absolute;
display: inline-block;
width: 0%;
height: 2px;
background: #3998F7;
left: 0px;
bottom: 0px;
}
.slider-element-controller-item.is-active{
}
.slider-element-controller-item.is-active a{
color: rgba(13, 19, 26, 1);
/*font-weight: bold;*/
border-bottom: 2px solid rgba(57, 152, 247, 0.16);
}
.slider-element-controller-item.is-active a:before{
width: 100%;
transition: all 5s;
}
.ecosystem-slider,
.ecosystem-slider .swiper,
.ecosystem-slider .swiper .swiper-wrapper,
.ecosystem-slider .swiper .swiper-slide{
height: 100% !important;
}
.ecosystem-slider-item{
border-radius: 48px;
overflow: hidden;
height: 100%;
}
.ecosystem-slider-item img{
width: 100%;
height: 100%;
object-fit: cover;
}
.ecosystem-menu-block{
}
.ecosystem-menu-block .swiper-wrapper{
flex-direction: column;
gap: 8px;
}
.section-updates-container{
overflow: hidden;
}
.sovmestimost-slider-body-container{
position: relative;
}
.sovmestimost-slider-body{
padding-top: 140px;
}
.section-main-custome-gap .sovmestimost-slider-body{
padding-top: 100px;
padding-left: 32px;
padding-right: 32px;
}
.sovmestimost-item{
/*width: 240px;*/
width: 100%;
text-align: center;
margin: 0 auto;
}
.section-main-custome-gap .sovmestimost-item{
width: 320px;
}
.sovmestimost-item-container{
display: flex;
flex-direction: column;
gap: 32px;
}
.sovmestimost-item-top{
height: 120px;
display: flex;
align-items: center;
justify-content: center;
}
.sovmestimost-item-top img{
width: 100%;
height: 100%;
object-fit: contain;
}
.section-main-custome-gap .sovmestimost-item-container{
gap: 24px;
}
.section-main-custome-gap .sovmestimost-item-top{
width: 267px;
height: 160px;
box-sizing: border-box;
padding: 16px 24px;
margin: 0 auto;
}
.section-main-custome-gap .sovmestimost-item-top img{
width: 100%;
height: 100%;
object-fit: contain;
}
html.hide{
overflow: hidden;
scrollbar-gutter: stable;
}
.mobile-menu{
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 20;
/*display: none;*/
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: all 600ms;
transform: translateY(-15px);
}
.mobile-menu.show{
/*display: block;*/
opacity: 1;
visibility: visible;
pointer-events: unset;
transform: translateY(0);
}
.mobile-menu .wrapper-inside{
height: calc(100% - 64px);
}
.shadow-menu{
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
background: rgba(13, 19, 26, 0.64);
}
.mobile-menu-container{
position: relative;
background: white;
z-index: 10;
margin: 32px 0;
border-radius: 24px;
height: 100%;
display: flex;
flex-direction: column;
}
.mobile-menu-body{
display: inline-block;
height: calc(100% - 160px);
overflow-y: auto;
padding-bottom: 134px;
box-sizing: border-box;
position: relative;
}
.mobile-menu-header{
box-sizing: border-box;
padding: 24px;
display: flex;
flex-direction: column;
gap: 12px;
border-bottom: 1px solid rgba(13, 19, 26, 0.08);
}
.mobile-menu-header .header-line-2{
display: block;
}
.mobile-menu-header .header-logo{
padding: 0px;
}
.mobile-menu-header .header-menu-item a{
padding: 16px 0 14px;
}
.mobile-menu-header .header-menu-container .main-menu{
justify-content: center;
gap: 32px;
}
.mobile-menu-opener a.active{
display: inline-block;
width: 24px;
height: 24px;
border: 1px solid rgba(13, 19, 26, 0.08);
padding: 3px 9px;
border-radius: 48px;
}
.mobile-menu-opener a.active svg{
}
.mobile-menu-body-bottom-item{
box-sizing: border-box;
padding: 24px 24px 23px;
border-bottom: 1px solid rgba(13, 19, 26, 0.08);
}
.mobile-menu-body-bottom-item .mobile-menu-body-bottom-item-header{
}
.mobile-menu-body-bottom-item .mobile-menu-body-bottom-item-header .mobile-menu-body-bottom-item-header-container{
display: inline-block;
}
.mobile-menu-body-bottom-item .mobile-menu-body-bottom-item-header a{
display: flex;
justify-content: space-between;
color: #0D131A;
}
.mobile-menu-body-bottom-item .mobile-menu-body-bottom-item-header.open .icon-plus{
display: none;
}
.mobile-menu-body-bottom-item .mobile-menu-body-bottom-item-header .icon-plus{
display: inline-block;
width: 44px;
height: 32px;
border: 1px solid rgba(13, 19, 26, 0.08);
padding: 3px 9px;
border-radius: 48px;
position: relative;
}
.mobile-menu-body-bottom-item .mobile-menu-body-bottom-item-header .icon-plus:before,
.mobile-menu-body-bottom-item .mobile-menu-body-bottom-item-header .icon-plus:after{
content: "";
position: absolute;
display: inline-block;
background: #0D131A;
width: 12px;
height: 2px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transition: all 600ms;
}
.mobile-menu-body-bottom-item .mobile-menu-body-bottom-item-header .icon-plus:after{
transform: translate(-50%, -50%) rotate(90deg);
}
.mobile-menu-body-bottom-item .mobile-menu-body-bottom-item-header.active .icon-plus:after{
transform: translate(-50%, -50%) rotate(0deg);
}
.mobile-menu-body-bottom-item-content{
}
.mobile-menu-body-bottom-item-content .header-menu-item-child-popup{
position: relative;
width: 100%;
opacity: 1;
visibility: visible;
transform: translateY(0);
padding: 0px;
box-sizing: border-box;
margin-top: 19px;
}
.mobile-menu-body-bottom-item-content .header-menu-item-child-popup-container{
padding: 0px;
box-shadow: none;
background: none;
}
.mobile-menu-body-bottom-item-content .header-menu-item-child-popup-container ul{
display: flex;
flex-direction: column;
gap: 4px;
}
.mobile-menu-body-bottom-item-content .header-menu-item-child-popup-container ul a{
display: inline-block;
padding: 11px 0;
color: #0D131A;
}
.mobile-menu-footer{
box-sizing: border-box;
padding: 24px;
margin-top: 40px;
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
}
.mobile-menu-footer .header-btns{
justify-content: center;
gap: 8px;
}
.mobile-menu-footer .header-btns .header-btns-container{
width: 100%;
gap: 16px;
}
.mobile-menu-footer .header-btns .header-button{
width: calc(50% - 8px);
}
.mobile-menu-footer .header-btns .header-button .btn{
width: 100%;
}
.mobile-menu-body .big-drop-menu{
gap: 16px;
row-gap: 32px;
margin: 0px;
}
.mobile-menu-body .big-drop-menu .big-drop-menu-item{
width: calc(50% - 8px);
padding: 0px;
}
.mobile-menu-body-bottom-item-content .header-menu-item-child-popup-container .big-drop-menu ul a{
display: flex;
padding: 0px;
align-items: center;
}
.mobile-menu-body-bottom-item-content .header-menu-item-child-popup-container .big-drop-menu .drop-menu-item-icon{
display: inline-block;
}
.mobile-menu-body-bottom-item-content .big-drop-menu-lists ul li a .drop-menu-item-name{
padding: 0px;
}
.section-app-list{
overflow: hidden;
}
.flexbox-container{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -8px;
}
.flexbox-centered{
justify-content: center;
}
.flex-col{
box-sizing: border-box;
padding: 0px 8px;
}
.flex-col-1{
width: calc(100% / 12 * 1);
}
.flex-col-2{
width: calc(100% / 12 * 2);
}
.flex-col-3{
width: calc(100% / 12 * 3);
}
.flex-col-4{
width: calc(100% / 12 * 4);
}
.flex-col-5{
width: calc(100% / 12 * 5);
}
.flex-col-6{
width: 50%;
}
.flex-col-7{
width: calc(100% / 12 * 7);
}
.flex-col-8{
width: calc(100% / 12 * 8);
}
.flex-col-9{
width: calc(100% / 12 * 9);
}
.flex-col-10{
width: calc(100% / 12 * 10);
}
.flex-col-11{
width: calc(100% / 12 * 11);
}
.flex-col-12{
width: calc(100% / 12 * 12);
}
.disable-lg{
display: none;
}
.only-mobile{
display: none;
}
@media (max-width: 1919px) {
}
@media (max-width: 1479px) {
.footer-apps-menu{
/*width: 75%;*/
}
}
@media (max-width: 1359px) {
.wrapper-inside{
width: calc(100% - 64px);
}
.flex-col-md-0{
display: none;
}
.flex-col-md-1{
width: calc(100% / 8 * 1);
}
.flex-col-md-2{
width: calc(100% / 8 * 2);
}
.flex-col-md-3{
width: calc(100% / 8 * 3);
}
.flex-col-33{
width: 33.33%;
}
.flex-col-md-4{
width: 50%;
}
.flex-col-md-5{
width: calc(100% / 8 * 5);
}
.flex-col-md-6{
width: calc(100% / 8 * 6);
}
.flex-col-md-7{
width: calc(100% / 8 * 7);
}
.flex-col-md-8{
width: 100%;
}
.disable-lg{
display: block;
}
.only-lg{
display: none;
}
h1, .h1{
font-size: 64px;
line-height: 72px;
}
h1.main-page, .h1.main-page{
font-size: 64px;
line-height: 72px;
}
h2, .h2{
font-size: 44px;
line-height: 52px;
}
h3, .h3{
font-size: 36px;
line-height: 44px;
}
h4, .h4{
font-size: 32px;
line-height: 40px;
}
h5, .h5{
font-size: 28px;
line-height: 36px;
}
.link{
}
.link-big{
font-size: 20px;
line-height: 28px;
}
.link-small{
font-size: 18px;
line-height: 26px;
}
.button{
font-size: 18px;
line-height: 26px;
}
.subtitle{
}
.paragraph{
font-size: 18px;
line-height: 32px;
/*letter-spacing: -0.4px;*/
}
.paragraph-big{
font-size: 20px;
line-height: 28px;
}
.paragraph-default{
font-size: 18px;
line-height: 26px;
}
.paragraph-small{
font-size: 14px;
line-height: 22px;
}
.tag{
font-size: 12px;
line-height: 20px;
}
.description{
}
.article-paragraph{
font-size: 18px;
line-height: 26px;
}
.article-lead{
font-size: 28px;
line-height: 36px;
}
.btn{
padding: 11px 23px;
}
.btn.big-size {
padding: 21px;
}
.pd-top-56 {
padding-top: 48px;
}
.header{
height: 64px;
}
.header-line-1{
border-bottom: 0px;
}
.header-logo{
justify-content: start;
padding: 12px 0;
box-sizing: border-box;
}
.header-logo svg{
width: 96px;
height: auto;
}
.header-line-2{
display: none;
}
.section-main-block{
height: 100vh;
display: flex;
align-items: center;
}
.section-main-block-container{
padding: 0px;
}
.detail-product-page-container .section-main-block-container{
padding: 0px;
}
.section-main-block-container.about-page-main-block{
}
.module-first-block{
border-radius: 24px;
padding: 90px 32px;
}
.module-first-block-content-top{
gap: 48px;
}
.module-first-block-content-top-content{
gap: 24px;
}
.module-first-block-content-text{
gap: 18px;
}
.module-first-block-text{
width: 80%;
}
.module-first-block-image{
top: -75px;
}
.module-first-block-image img{
width: 190px;
}
.module-first-block-image{
gap: 12px;
}
.module-first-block-image img{
width: 140px;
height: 140px;
}
.module-first-block-image.single-detail-icon img{
width: 155px;
height: 155px;
}
.module-first-block-image.single-detail-icon {
top: -84px;
}
.module-first-block-content{
gap: 32px;
}
.section-main-block-container.about-page-main-block .module-first-block{
padding: 64px 32px 32px 32px;
}
.section-main-block-container.about-page-main-block .module-first-block-content{
gap: 90px;
}
.section-page-block-items{
padding-top: 180px;
padding-bottom: 90px;
}
.section-page-block-items.section-gap-240 {
gap: 180px;
}
.section-theme-header-name-item{
padding: 3px 14px;
}
.section-theme-header{
gap: 18px;
}
.section-theme-header.central{
width: 94%;
}
.section-theme-header-title-sicky {
position: relative;
}
.section-theme-header-title{
}
.with-h3-title.section-theme-header-title h2{
display: none;
}
.with-h3-title.section-theme-header-title .h3{
display: inline-block;
}
.section-theme-block{
gap: 64px;
}
.accordeon-block-item-header-icon{
/*width: 42px;*/
}
.section-sovmestimost-container{
overflow: hidden;
}
.section-sovmestnaya-rabota{
overflow: hidden;
}
.section-proizvoditelnost{
overflow: hidden;
}
.block-4-card-list-slider{
margin: 0 -8px;
}
.block-4-card-list-slider .swiper{
overflow: visible;
}
.block-4-card-list-slider .swiper-slide{
width: calc(100% / 8 * 3);
box-sizing: border-box;
padding: 0 8px;
}
.block-4-card-list-slider .card-list-item:last-child .card-list-item-container{
border-radius: 4px;
}
.block-4-card-list-slider .swiper-slide:last-child .card-list-item .card-list-item-container{
border-radius: 4px 24px 24px 4px;
}
.block-4-card-list-slider .swiper-slide:first-child .card-list-item .card-list-item-container{
border-radius: 24px 4px 4px 24px;
}
.block-4-card-list-slider .card-list-item .card-list-item-container{
padding: 24px;
height: 404px;
}
.card-list-item-icon-fill{
}
.card-list-item-icon-fill img{
width: auto;
height: 60px;
}
.card-list-item .card-list-item-text-container{
gap: 16px;
}
.image-accordion-block-pictures-bg{
border-radius: 20px;
}
.image-accordion-block-pictures-bg img{
width: 100%;
}
.image-accordion-block-pictures-item{
}
.image-accordion-block-pictures-item img,
.image-accordion-block-pictures-item video{
width: 100%;
border-radius: 8px;
}
.card-list-gorizontal{
padding-right: 0px;
gap: 64px;
}
.card-text-icon-left{
gap: 16px;
}
.card-text-icon-left-text{
width: calc(100% - 80px);
gap: 18px;
}
.custome-number-list{
/*line-height: 28px;*/
}
.custome-number-list:before{
/*width: 20px;*/
/*height: 20px;*/
/*transform: rotate(45deg) translateX(-14px) translateY(-1px);*/
}
.custome-number-list:after{
/*width: 20px;*/
/*height: 20px;*/
/*transform: rotate(45deg) translateX(-5px) translateY(-9px);*/
}
.custome-number-list.big-size{
}
.custome-number-list.big-size:before{
width: 40px;
height: 40px;
transform: rotate(45deg) translateX(-29px) translateY(1px);
}
.custome-number-list.big-size:after{
width: 40px;
height: 40px;
transform: rotate(45deg) translateX(-12px) translateY(-17px);
}
.big-size .custome-number-list-number{
font-size: 15px;
line-height: 50px;
}
.card-text-icon-left-icon{
margin-top: 8px;
padding-left: 11px;
box-sizing: border-box;
width: 64px;
}
.systems-slider .swiper{
padding-right: 42.5%;
}
.systems-slider-item .systems-slider-item-container{
padding: 0 23px;
gap: 18px;
}
.systems-slider-item .systems-slider-item-container .systems-slider-item-picture{
height: 100px;
padding: 16px 46px;
}
.image-accordion-block-pictures-item{
padding: 143px 94px;
}
.image-accordion-block-pictures{
margin-bottom: 16px;
}
.accordeon-block-item{
padding: 24px 24px 23px;
}
.accordeon-block-item-container{
gap: 12px;
}
.card-list-without-bg-container{
margin: 0 -8px;
}
.card-list-without-bg-slider .swiper{
overflow: visible;
width: 100%;
}
.card-list-without-bg-slider .swiper-slide{
width: calc(100% / 8 * 2);
box-sizing: border-box;
padding: 0 8px;
}
.card-list-without-bg-slider .card-list-without-bg-container .card-list-without-bg-item{
width: 100%;
}
.card-list-without-bg-slider .card-list-without-bg-item a{
gap: 18px;
position: relative;
height: 100%;
box-sizing: border-box;
}
.card-list-without-bg-slider .card-list-without-bg-item,
.card-list-without-bg-slider .card-list-without-bg-item-container{
height: 100%;
}
.card-list-without-bg-item-icon{
display: flex;
justify-content: center;
}
.card-list-without-bg-slider .card-list-without-bg-item .card-list-without-bg-item-name{
width: 100%;
}
.section-theme-header-subtitle{
width: 73%;
}
.recall-info-block .section-theme-header-subtitle{
width: 85%;
}
.big-img-card-list-item-text{
padding: 32px 24px;
align-items: center;
}
.big-img-card-list-item-text-container-text{
gap: 12px;
}
.big-img-card-list-item-text-container{
gap: 24px;
}
.big-img-card-list-item-picture{
border-radius: 0 24px 24px 0;
}
.promo-block-img{
border-radius: 24px;
}
.promo-block-content{
padding: 48px;
width: 70%;
}
.promo-block-picture{
height: 73%;
right: 2%;
top: 28px;
}
.promo-block-picture img{
}
.promo-block-content-text{
gap: 18px;
}
.promo-block-content-container{
gap: 32px;
}
.promo-block.type-3 .promo-block-picture {
height: 70%;
right: 28px;
top: 55px;
}
.section-theme-header.inside-content{
width: 100%;
}
.promo-disklamer{
bottom: 28px;
}
.default-card-list-slider{
}
.default-card-list-slider .swiper{
overflow: visible;
width: 100%;
}
.default-card-list-slider .swiper-slide{
width: calc(100% / 8 * 3);
box-sizing: border-box;
padding: 0 8px;
}
.default-card-list-slider .default-card-item:last-child .card-list-item-container{
border-radius: 4px;
}
.default-card-list-slider .swiper-slide:last-child .card-list-item .card-list-item-container{
border-radius: 4px 24px 24px 4px;
}
.default-card-list-slider .swiper-slide:first-child .card-list-item .card-list-item-container{
border-radius: 24px 4px 4px 24px;
}
.default-card-list-slider .card-list-item .card-list-item-container{
padding: 24px;
height: 404px;
}
.default-card-list-container{
}
.default-card-list-container .default-card-item{
width: 100%;
padding: 0px;
height: 100%;
}
.default-card-item-container{
padding: 24px;
border-radius: 24px;
}
.default-card-item-number{
margin-top: 10px;
margin-bottom: 0;
}
.default-card-item-number .custome-number-list {
margin-left: 19px;
}
.section-presentation-slider-contacts{
overflow: hidden;
}
.section-presentation-slider-contacts .swiper{
overflow: visible;
width: 100%;
}
.presentation-cards-block-container{
width: 100%;
gap: 32px;
}
.presentation-cards-list{
width: calc(100% / 8 * 6);
margin: 0 auto;
}
.presentation-cards-list.slider-mode{
width: 100%;
}
.presentation-cards-list.slider-mode .presentation-cards-list-item{
width: calc(100% / 8 * 3);
}
.presentation-cards-list-item-picture{
padding: 0px;
width: 64px;
height: 64px;
}
.presentation-cards-list-item-picture img{
}
.presentation-cards-list-item-btn{
display: flex;
justify-content: center;
}
.presentation-cards-list-item-text{
gap: 4px;
}
.section-theme-header-btn {
margin-top: 14px;
}
.systems-static-container{
justify-content: space-between;
margin: 0px;
}
.systems-static-container .systems-slider-item{
width: calc(25% - 16px);
}
.systems-slider-item .systems-slider-item-container{
padding: 0px;
}
.systems-static-container .systems-slider-item .systems-slider-item-picture{
width: 168px;
padding: 16px 24px;
}
.section-we-number{
text-align: center;
overflow: hidden;
}
.section-we-number .flexbox-container{
gap: 64px
}
.we-numbers-item-container{
padding: 24px;
height: 404px;
}
.we-numbers-item-picture{
}
.we-numbers-item-picture img{
height: 60px;
}
.we-numbers-container.we-numbers-slider{
margin: 0 -8px;
}
.we-numbers-container .swiper{
width: 100%;
padding: 0px;
overflow: visible;
border-radius: 24px 0 0 24px;
}
.we-numbers-container-full{
border-radius: 24px;
}
.we-numbers-slider .swiper-slide{
width: calc(100% / 8 * 3);
box-sizing: border-box;
padding: 0 8px;
}
.we-numbers-item-textblock{
gap: 12px;
}
.accent-card-container{
padding: 24px;
}
.we-numbers-container .swiper .swiper-slide:first-child .we-numbers-item{
border-radius: 24px 0px 0px 24px;
}
.accent-card{
border-radius: 0 24px 24px 0;
}
.recall-info-block-container{
padding: 48px 0;
gap: 48px;
}
.recall-info-block{
height: 100%;
border-radius: 24px;
}
.recall-info-block.tech-partner {
height: 800px;
}
.recall-info-block-container-top{
gap: 18px;
box-sizing: border-box;
padding: 0 20px;
}
.section-coctact-form .flexbox-container{
gap: 16px;
}
.collback-form{
padding: 52px 64px;
border-radius: 24px;
}
.collback-form.form-on-page {
padding: 52px 78px;
}
.collback-form-header{
gap: 20px;
}
.collback-form-header-desc{
width: 94%;
margin: 0 auto;
}
.collback-form-container{
gap: 32px;
}
.collback-form-fields-list{
gap: 12px;
}
.callback-field input{
font-size: 20px;
line-height: 28px;
padding: 15px 24px;
}
.callback-checkbox{
padding: 24px 25px;
gap: 16px;
}
.collback-form-fields-list-container{
gap: 24px;
}
.collback-form-fields-btn{
padding: 0px;
gap: 18px;
}
.collback-form-fields-btn-item .btn{
padding: 21px;
}
.collback-form-fields-btn-politica{
width: 75%;
margin: 0 auto;
}
.collback-form-fields-btn-politica.no-margin{
width: 100%;
}
.custome-checkbox label .check-name{
padding-top: 4px;
}
.section-faq-container{
text-align: center;
}
.section-faq-container .flexbox-container{
gap: 64px;
}
.accordeon-block{
border-radius: 24px;
text-align: left;
}
.image-accordion-block-container .accordeon-block{
border-radius: 24px;
}
.video-tabs-container{
border-radius: 24px;
}
.video-tabs-top-item-logo{
}
.video-tabs-top-item-logo img{
height: 20px;
}
.video-tabs-top-item .video-tabs-top-item-container{
padding-top: 68px;
padding-bottom: 40px;
}
.video-tabs-top-item-container{
gap: 28px;
}
.video-tabs-top-item-picture:before{
width: calc(100% + 12px);
left: -6px;
height: calc(100% + 12px);
top: -6px;
border-radius: 12px;
}
.video-tabs-bottom-container .video-tabs-bottom-item{
padding: 24px;
gap: 12px;
height: auto;
}
.video-tabs-bottom-container{
}
.video-tabs-bottom-container .swiper{
/*padding-right: 27.25%;*/
margin: 0 -8px;
}
.video-tabs-bottom-container .swiper .swiper-slide{
width: calc(100% / 8 * 3);
box-sizing: border-box;
padding: 0 8px;
}
.footer-items-list{
row-gap: 100px;
}
.footer-items-list .footer-items-element{
width: 50%;
}
.footer-items-list .footer-items-element.footer-item-element-logo{
width: 100%;
}
.footer-items-list .footer-items-element.footer-item-element-last{
width: 100%;
}
.footer-items-element-container{
flex-direction: row;
}
.footer-item-element-last .footer-items-element-container .footer-menu{
width: 50%;
}
.footer-item-element-last .footer-items-element-container .footer-socials{
width: 50%;
box-sizing: border-box;
padding: 0 8px;
}
.footer-line-2 .footer-items-list{
gap: 40px;
}
.footer-line-2 .footer-items-list .footer-items-element{
width: 100%;
}
.footer-socials ul{
gap: 16px;
}
.footer-logo{
}
.footer-logo img{
width: 252px;
}
.footer-line-1{
padding: 64px 32px 0;
}
.footer-apps-menu{
width: 100%;
}
.footer-apps-menu ul{
gap: 16px;
justify-content: unset;
}
.footer-apps-menu ul li{
}
.footer-apps-menu ul li a{
}
.footer-apps-menu ul li a img{
height: 54px;
}
.footer-apps-menu a{
border-radius: 4px;
}
.developer{
float: none;
}
.section-theme-header-picture{
width: 63%;
margin: 0 auto;
}
.section-theme-header-picture img{
width: 100%;
}
.main-page-hero{
padding-top: 64px;
margin-bottom: 90px;
}
.main-page-hero-title {
margin-bottom: 18px;
}
.main-page-interactive-slider{
padding: 0px;
border-radius: 24px;
}
.main-page-interactive-slider-top {
padding: 32px 0px 0;
/*
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
*/
}
.main-page-interactive-slider-top-scroller-container{
/*padding-left: 32px;*/
width: 100%;
}
.main-page-interactive-slider-top-scroller .main-page-interactive-slider-play-pause{
/*left: 16px;*/
width: 48px;
height: 40px;
background: #FAFAFA;
}
.section-home-page-hero .main-page-interactive-slider-top-scroller .main-page-interactive-slider-play-pause{
background: white;
}
.main-page-interactive-slider-top-scroller .main-page-interactive-slider-play-pause:before{
content: "";
position: absolute;
display: inline-block;
width: 16px;
height: 100%;
right: -16px;
background: linear-gradient(270deg, rgba(250, 250, 250, 0.00) 0%, #FAFAFA 47.52%);
}
.section-home-page-hero .main-page-interactive-slider-top-scroller .main-page-interactive-slider-play-pause:before{
background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, #ffffff 47.52%);
}
.main-page-interactive-slider-top-scroller-container-inside{
padding-left: 32px;
max-width: 100%;
}
.slider-interactive-menu {
padding-left: 64px;
padding-right: 32px;
overflow: hidden;
}
.slider-interactive-menu .swiper{
overflow: visible;
}
.main-page-interactive-slider-top::-webkit-scrollbar {
width: 0;
height: 0;
}
.main-page-interactive-slider-top-scroller{
flex-wrap: nowrap;
/*justify-content: start;*/
/*padding-right: 32px;*/
}
.section-main-custome-gap .section-theme-block {
gap: 64px;
}
.section-main-custome-gap .sovmestimost-slider-body{
padding-top: 72px;
padding-left: 0px;
padding-right: 0px;
}
.section-main-custome-gap .sovmestimost-item{
width: 212px;
}
.section-main-custome-gap .sovmestimost-item-top{
width: 167px;
height: 100px;
}
.section-main-custome-gap .sovmestimost-item-container {
gap: 20px;
}
.main-page-interactive-slider-top ul{
flex-wrap: nowrap;
white-space: nowrap;
}
.main-page-interactive-slider-top ul li a.slider-link{
padding-bottom: 12px;
}
.main-page-interactive-slider-top ul li:last-child{
margin-right: 32px;
}
.main-page-interactive-slider-top ul:first-child li:last-child{
margin-right: 0px;
}
.main-page-interactive-slider-element-container{
flex-direction: column;
gap: 82px;
margin: 0px;
}
.main-page-interactive-slider-element-left{
width: 100%;
padding: 68px 0 0;
text-align: center;
}
.main-page-interactive-slider-container{
gap: 0px;
}
.main-page-interactive-slider-element-content{
width: calc(100% / 8 * 6);
margin: 0 auto;
}
.main-page-interactive-slider-element-right{
width: 100%;
padding: 0px 32px 32px;
flex-direction: column;
gap: 82px;
}
.soft-blocks-lists-line{
width: calc(100% + 8px);
margin: 0px -4px;
}
.sort-element-item{
width: 25%;
padding: 0 4px;
}
.interactive-baloon-element-tablet{
width: 100%;
}
.product-card-logo{
height: 64px;
width: 64px;
padding: 0px;
}
.product-card-logo img{
/*width: 100%;*/
}
.product-card-text{
padding: 0;
gap: 4px;
min-width: 100%;
width: 100%;
}
.product-card-text-icon{
margin-top: 20px;
}
.product-card-text-icon .accordeon-block-item-header-icon{
margin: 0 auto;
}
.interactive-baloon-element {
width: 408px;
border-radius: 24px;
padding: 24px;
}
.two-slide-interactive-slider{
padding-top: 0px;
}
.two-slide-interactive-slider-container{
flex-direction: column;
margin: 0;
/*gap: 38px;*/
gap: 16px;
height: auto;
min-height: unset;
}
.two-slide-interactive-slider-container .two-slide-interactive-slider-left,
.two-slide-interactive-slider-container .two-slide-interactive-slider-right{
width: 100%;
padding: 0px;
}
.two-slide-left-content{
padding: 0px;
border-radius: 24px;
width: 100%;
}
.two-slide-left-content-container{
width: 100%;
flex-direction: column-reverse;
gap: 64px;
}
.slider-element-controller{
/*padding: 32px 32px 0;*/
/*overflow-x: scroll;*/
padding: 32px 0 0;
overflow: hidden;
}
.slider-element-controller-container{
flex-wrap: nowrap;
flex-direction: row;
white-space: nowrap;
gap: 32px;
/*margin-right: 32px;*/
}
.slider-element-controller-container.centered-controller{
justify-content: center;
margin-right: 0px;
}
.slider-element-controller-container .slider-element-controller-item:last-child{
padding-right: 0px;
}
.slider-element-controller a:hover{
color: rgba(13, 19, 26, 0.64);
}
.slider-element-controller-item.is-active a:hover{
color: rgba(13, 19, 26, 1);
}
.ecosystem-block-icon{
height: 60px;
}
.ecosystem-block-icon img{
height: 100%;
}
.ecosystem-block-container{
gap: 18px;
box-sizing: border-box;
padding: 0 32px 32px 32px;
}
.ecosystem-block-text{
width: 50%;
margin: 0 auto;
}
.ecosystem-slider-item {
border-radius: 24px;
}
.ecosystem-menu-block{
width: 100%;
padding: 0 32px;
box-sizing: border-box;
}
.ecosystem-menu-block .swiper{
overflow: visible;
}
.ecosystem-menu-block .swiper-wrapper {
flex-direction: unset;
gap: 0px;
}
.ecosystem-menu-block .swiper-wrapper .swiper-slide{
width: auto;
}
.sovmestimost-container{
}
.sovmestimost-container .main-page-interactive-slider-top{
display: flex;
/*flex-wrap: wrap;*/
padding-top: 0px;
justify-content: center;
gap: 16px;
}
.sovmestiomst-slider-items{
margin: 0 -8px;
}
.sovmestiomst-slider-items .swiper-slide{
width: 25%;
box-sizing: border-box;
padding: 0 8px;
}
.sovmestimost-item{
width: 100%;
}
.sovmestimost-slider-body {
padding-top: 72px;
}
.sovmestimost-item-top {
height: 100px;
width: 168px;
box-sizing: border-box;
padding: 16px 24px;
margin: 0 auto;
}
.sovmestimost-item-top img{
max-width: 100%;
max-height: 100%;
}
.sovmestimost-item-container{
gap: 18px;
}
.section-makrosy-block_small,
.section-makrosy-block{
min-height: unset;
}
}
@media (max-width: 767px) {
.wrapper-inside{
width: calc(100% - 32px);
}
.flexbox-container {
margin: 0 -6px;
}
.flex-col {
padding: 0 6px;
}
.flex-col-xs-auto{
width: auto;
}
.flex-col-xs-0{
display: none;
}
.flex-col-xs-1{
width: calc(100% / 4 * 1);
}
.flex-col-xs-2{
width: 50%;
}
.flex-col-xs-3{
width: calc(100% / 4 * 3);
}
.flex-col-xs-4{
width: 100%;
}
h1, .h1{
font-size: 24px;
line-height: 32px;
}
h1.main-page, .h1.main-page{
font-size: 24px;
line-height: 32px;
}
h2, .h2{
font-size: 24px;
line-height: 32px;
}
h3, .h3{
font-size: 24px;
line-height: 32px;
}
h4, .h4{
font-size: 24px;
line-height: 32px;
}
h5, .h5{
font-size: 20px;
line-height: 28px;
}
.link{
}
.link-big{
font-size: 14px;
line-height: 22px;
}
.link-small{
font-size: 12px;
line-height: 20px;
}
.button{
font-size: 14px;
line-height: 22px;
}
.subtitle{
}
.paragraph-big{
font-size: 16px;
line-height: 24px;
}
.paragraph-default{
font-size: 14px;
line-height: 22px;
}
.paragraph-small{
font-size: 12px;
line-height: 20px;
}
.tag{
font-size: 10px;
line-height: 18px;
}
.description{
}
.article-paragraph{
font-size: 18px;
line-height: 26px;
}
.article-lead{
font-size: 20px;
line-height: 28px;
}
.hide-mobile{
display: none;
}
.only-mobile{
display: block;
}
.btn{
padding: 9px 15px;
}
.btn.big-size {
padding: 17px;
}
.pd-top-56 {
padding-top: 52px;
}
.header {
height: 56px;
}
.header-logo{
padding: 8px 0;
}
.section-makrosy-block_small,
.section-makrosy-block{
overflow: hidden;
}
.section-main-block{
height: auto;
min-height: unset;
padding: 45px 0;
}
.module-first-block{
padding: 48px 16px 24px;
}
.module-first-block-image{
top: -22px;
}
.module-first-block-image img{
width: 60px;
}
.module-first-block-image.single-detail-icon {
top: -22px;
}
.module-first-block-image{
gap: 5px;
}
.module-first-block-image img{
width: 44px;
height: 44px;
}
.module-first-block-image.single-detail-icon img{
width: 44px;
height: 44px;
}
.module-first-block-content-top{
gap: 28px;
}
.module-first-block-content-top-content{
gap: 16px;
}
.module-first-block-content-text{
gap: 12px;
width: 100%;
overflow: hidden;
}
.module-first-block-text{
width: 100%;
}
.module-first-block-text.paragraph-big{
/*
font-size: 12px;
line-height: 20px;
*/
}
.module-first-block-content{
gap: 12px;
}
.btns-list-container-item.download-btn{
display: none;
}
.btns-list-container{
}
.btns-list-container .btns-list-container-item{
width: 100%;
}
.btns-list-container .btns-list-container-item .btn{
width: 100%;
}
.section-main-block-container.about-page-main-block .flexbox-container{
width: calc(100% + 12px);
}
.section-theme-block{
gap: 32px;
}
.section-main-custome-gap .section-theme-block {
gap: 32px;
}
.section-theme-header {
gap: 12px;
}
.section-theme-header.central{
width: 100%;
}
.section-page-block-items.section-gap-240{
padding-top: 128px;
}
.section-theme-header-name-item {
padding: 3px 11px;
}
.block-4-card-list-slider .card-list-item .card-list-item-container{
padding: 20px;
height: 100%;
gap: 8px;
}
.card-list-item-icon-fill img{
height: 40px;
}
.card-list-item .card-list-item-text-container{
gap: 8px;
}
.card-list-item{
height: 100%;
}
.recall-info-block.tech-partner {
height: 500px;
}
.block-4-card-list-slider .swiper-slide{
width: calc(100% / 4 * 3);
height: auto;
}
.formats-slider{
height: 260px;
}
.formats-slider .swiper{
padding: 0px;
}
.block-4-card-list-slider{
margin: 0 -4px;
}
.block-4-card-list-slider .swiper-slide{
padding: 0 4px;
}
.section-theme-header.inside-content{
text-align: center;
}
.section-page-block-items.section-gap-240{
gap: 128px;
}
.card-text-icon-left{
flex-direction: column;
gap: 27px;
}
.card-text-icon-left-text{
width: 100%;
gap: 12px;
}
.systems-slider .swiper {
padding-right: 50%;
}
.systems-slider-item .systems-slider-item-container .systems-slider-item-picture{
height: 84px;
padding: 16px 24px;
}
.systems-slider-item .systems-slider-item-container{
gap: 12px;
}
.card-list-gorizontal{
/*gap: 25px;*/
gap: 32px;
}
.systems-slider-item-link .link {
font-size: 11px;
}
.card-text-icon-left-icon{
padding-left: 19px;
margin-top: 13px;
}
.custome-number-list {
line-height: 42px;
}
.custome-number-list:before {
width: 30px;
height: 30px;
transform: rotate(45deg) translateX(-20px) translateY(0px);
}
.custome-number-list:after {
width: 30px;
height: 30px;
transform: rotate(45deg) translateX(-5px) translateY(-15px);
}
.big-size .custome-number-list-number{
/*line-height: 40px;*/
font-size: 12px;
/*margin-left: -2px;*/
}
.custome-number-list.big-size:before{
width: 30px;
height: 30px;
transform: rotate(45deg) translateX(-22px) translateY(0px);
}
.custome-number-list.big-size:after{
width: 30px;
height: 30px;
transform: rotate(45deg) translateX(-8px) translateY(-15px);
}
.image-accordion-block-pictures-bg {
border-radius: 6px;
}
.image-accordion-block-pictures-item {
padding: 48px 32px;
}
.image-accordion-block-pictures {
margin-bottom: 8px;
}
.accordeon-block-item {
padding: 20px 20px 19px;
}
.accordeon-block-item-container {
gap: 8px;
}
.accordeon-block-item-header-icon {
/*width: 40px;*/
}
.accordeon-block-item-header .link-accord{
align-items: start;
}
.card-list-without-bg-container{
margin: 0 -4px;
}
.card-list-without-bg-slider .swiper-slide{
width: calc(100% / 4 * 3);
box-sizing: border-box;
padding: 0 4px;
max-width: 220px;
}
.card-list-without-bg-slider .card-list-without-bg-item a {
gap: 12px;
}
.card-list-without-bg-item-icon .accordeon-block-item-header-icon {
width: 46px;
}
.section-theme-header-subtitle{
width: 100%;
}
.big-img-card-list-item{
}
.big-img-card-list-item .flexbox-container {
flex-direction: column-reverse;
gap: 8px;
}
.big-img-card-list-item-picture {
border-radius: 24px 24px 2px 2px;
}
.big-img-card-list-item-text{
padding: 48px 20px;
border-radius: 2px 2px 24px 24px;
}
.big-img-card-list-item-text-container-text {
gap: 8px;
}
.big-img-card-list-item-text-container {
gap: 20px;
}
.big-img-card-list-container .swiper-slide .big-img-card-list-item-picture{
border-radius: 2px;
}
.big-img-card-list-container .swiper-slide .big-img-card-list-item-text{
border-radius: 2px;
}
.big-img-card-list-container .swiper-slide:first-child .big-img-card-list-item-picture{
border-radius: 24px 2px 2px 2px;
}
.big-img-card-list-container .swiper-slide:first-child .big-img-card-list-item-text{
border-radius: 2px 2px 2px 24px;
}
.big-img-card-list-container .swiper-slide:last-child .big-img-card-list-item-picture{
border-radius: 2px 24px 2px 2px;
}
.big-img-card-list-container .swiper-slide:last-child .big-img-card-list-item-text{
border-radius: 2px 2px 24px 2px;
}
.big-img-card-list-container{
gap: 0px;
margin: 0 -4px;
}
.big-img-card-list-container .swiper{
width: 100%;
overflow: visible;
}
.big-img-card-list-container .swiper-slide{
box-sizing: border-box;
padding: 0 4px;
}
.promo-block-content {
width: 100%;
padding: 0px 22px 28px;
box-sizing: border-box;
padding-top: 80%;
text-align: center;
align-items: end;
}
.promo-block-picture {
/*height: 43%;*/
height: 35%;
width: 100%;
/*max-height: 190px;*/
right: 50%;
transform: translateX(50%);
top: 32px;
right: 0px;
transform: translateX(0);
}
.promo-block-content-text{
gap: 12px;
}
.promo-block-content-container{
gap: 16px;
}
.promo-block-content-btn{
}
.promo-block-content-btn .btn{
width: 100%;
}
.promo-block.type-3{
}
.promo-block.type-3 .promo-block-container{
position: relative;
display: flex;
flex-direction: column-reverse;
}
.promo-block.type-3 .promo-block-content-container{
gap: 16px;
}
.promo-block.type-3 .promo-block-img{
position: absolute;
height: 100%;
width: 100%;
top: 0px;
}
.promo-block.type-3 .promo-block-img img{
height: 100%;
}
.promo-block.type-3 .promo-block-content{
width: 100%;
position: relative;
padding: 0 20px 12px 20px;
flex-direction: column;
margin-top: -8px;
gap: 11px;
}
.promo-block.type-3 .promo-block-picture{
right: auto;
top: 0;
width: 100%;
height: auto;
position: relative;
max-height: unset;
transform: unset;
display: inline-block;
margin-top: 3px;
}
.promo-block.type-3 .promo-block-picture img{
width: 100%;
margin-left: 11px;
}
.promo-disklamer{
position: relative;
bottom: 0px;
box-sizing: border-box;
padding: 0 20px 32px;
}
.default-card-list-container{
margin: 0 -4px;
}
.default-card-list-slider .swiper-slide{
width: calc(100% / 4 * 3);
box-sizing: border-box;
padding: 0 4px;
}
.default-card-item-number .custome-number-list {
margin-left: 11px;
line-height: 24px;
}
.default-card-item-number .custome-number-list:before {
width: 30px;
height: 30px;
transform: rotate(45deg) translateX(-14px) translateY(-1px);
}
.default-card-item-number .custome-number-list:after {
width: 30px;
height: 30px;
transform: rotate(45deg) translateX(-6px) translateY(-10px);
}
.default-card-item-number .custome-number-list-number {
margin-left: 10px;
margin-top: 8px;
}
.default-card-item-number {
margin-top: 9px;
}
.default-card-item-container{
gap: 32px;
padding: 20px;
}
.default-card-item-content{
gap: 8px;
}
.presentation-cards-block-container{
gap: 16px;
}
.presentation-cards-list{
width: 100%;
}
.presentation-cards-list-item-picture{
width: 52px;
height: 52px;
}
.presentation-cards-list-item-picture img {
/*height: 52px;*/
}
.presentation-cards-list-item-container {
gap: 20px;
}
.section-ii-assistent .section-theme-header .section-theme-header-btn{
display: none;
}
.section-ii-assistent .section-theme-header.only-mobile .section-theme-header-btn{
display: block;
margin-top: 0px;
}
.video-tabs-top-item .video-tabs-top-item-container {
padding-top: 12px;
}
.video-tabs-top-item-logo img {
height: 12px;
}
.video-tabs-top-item .video-tabs-top-item-container {
width: 88.75%;
gap: 15px;
padding-bottom: 26px;
}
.video-tabs-bottom-container .video-tabs-bottom-item {
padding: 20px;
gap: 8px;
height: auto;
}
.video-tabs-bottom-container .swiper {
/*padding-right: 26.25%;*/
margin: 0 -4px;
}
.video-tabs-bottom-container .swiper .swiper-slide{
width: calc(100% / 4 * 3);
box-sizing: border-box;
padding: 0 4px;
}
.section-ii-assistent .section-theme-header.only-mobile{
margin-top: -8px;
}
.section-ii-assistent .section-theme-header.only-mobile .btn{
width: 100%;
}
.systems-static-container-slider{
margin: 0 -4px;
}
.systems-static-container-slider .systems-slider-item{
width: 100%;
}
.systems-static-container-slider .swiper-slide{
width: 50%;
box-sizing: border-box;
padding: 0 4px;
}
.systems-static-container .systems-slider-item .systems-slider-item-picture{
width: auto;
}
.we-numbers {
margin-bottom: 32px;
}
.we-numbers-slider .swiper-slide{
width: calc(100% / 4 * 3);
}
.section-we-number .flexbox-container {
gap: 32px;
}
.we-numbers-item-picture img {
height: 40px;
}
.we-numbers-item-container {
padding: 20px;
height: 300px;
}
.we-numbers-item-textblock {
gap: 8px;
}
.recall-info-block-container-top {
gap: 12px;
}
.section-theme-header-picture img {
width: 50%;
}
.recall-info-block .section-theme-header-subtitle {
width: 85%;
}
.recall-info-block-container {
padding: 48px 0;
gap: 32px;
}
.collback-form.tech-partner-collback-form,
.collback-form {
padding: 52px 16px;
}
.collback-form.form-on-page{
padding: 16px;
}
.collback-form-container {
gap: 24px;
}
.callback-field input {
border-radius: 4px;
}
.callback-field input {
font-size: 16px;
line-height: 24px;
padding: 11px 15px;
}
.collback-form-fields-list {
gap: 12px;
}
.callback-checkbox{
padding: 16px;
/*gap: 12px;*/
gap: 20px;
}
.custome-checkbox label{
gap: 8px;
/*align-items: start;*/
}
.custome-checkbox label .check-element{
margin-right: 0px;
width: 16px;
height: 16px;
border-radius: 2px;
margin-top: 2px;
}
.custome-checkbox label .check-element:before{
width: 8px;
height: 7px;
background-size: cover;
}
.custome-checkbox label .check-name{
width: calc(100% - 24px);
font-size: 12px;
/*font-size: 14px;*/
line-height: 20px;
padding-top: 0px;
}
.collback-form-fields-list-container {
gap: 24px;
}
.collback-form-fields-btn-item .btn {
padding: 17px;
}
.collback-form-fields-btn-politica{
width: 100%;
}
.collback-form-fields-btn{
gap: 12px;
}
.section-faq-container .flexbox-container {
gap: 32px;
}
.accordeon-block-item-header-name {
width: calc(100% - 66px);
}
.footer-items-list .footer-items-element.footer-item-element-logo{
display: none;
}
.footer-items-list .footer-items-element{
width: 100%;
}
.footer{
overflow: hidden;
padding-bottom: 0px;
}
.footer .wrapper-inside{
width: 100%;
}
.footer-mobile-line{
width: calc(100% - 32px);
margin: 0 auto;
}
.footer-menu-item ul{
gap: 8px;
}
.footer-menu-item ul .footer-title-link{
display: inline-block;
margin-bottom: 4px;
}
.footer-menu-item ul a{
color: rgba(13, 19, 26, 0.8);
}
.footer-menu-container{
gap: 16px;
}
.footer-container{
background: none;
gap: 16px;
}
.footer-socials{
margin: 48px 0;
}
.footer-socials ul {
gap: 8px;
}
.footer-socials ul li a svg{
height: 20px;
}
.footer-apps-menu{
margin: 0 -4px;
}
.footer-apps-menu .swiper{
overflow: visible;
}
.footer-apps-menu .swiper-slide{
width: auto;
height: 32px;
box-sizing: border-box;
padding: 0 4px;
}
.section-app-list .footer-apps-menu .swiper-slide{
height: 40px;
}
.footer-apps-menu a{
display: inline-block;
height: 32px;
border-radius: 4px;
}
.footer-apps-menu a img{
height: 100%;
}
.section-app-list .footer-apps-menu a{
height: 40px;
}
.footer-line-2{
padding: 22px 16px;
}
.footer-line-2 .footer-items-list {
gap: 32px;
}
.developer{
margin-top: 8px;
}
.main-page-hero{
padding-top: 32px;
margin-bottom: 64px;
}
.main-page-hero-title {
margin-bottom: 12px;
}
.main-page-interactive-slider-top {
padding: 32px 0px 0;
}
.main-page-interactive-slider-top-scroller-container-inside{
padding-left: 16px;
}
.sovmestimost-slider .main-page-interactive-slider-top-scroller-container-inside{
padding-left: 0px;
}
.main-page-interactive-slider-element-left{
padding: 42px 0 32px;
}
.main-page-interactive-slider-element-content{
width: calc(100% - 32px);
}
.main-page-interactive-slider .section-theme-header-subtitle{
margin-top: 20px;
}
.main-page-interactive-slider-element-container{
/*gap: 0px;*/
gap: 32px;
}
.main-page-interactive-slider-element-right{
padding: 0 16px 32px;
}
.sort-element-item{
width: 50%;
}
.product-card-logo {
height: 52px;
width: 52px;
}
.product-card-container{
gap: 20px;
}
.slider-tabs-content-item.active .soft-blocks-lists-line{
row-gap: 48px;
}
.main-page-interactive-slider-bg-image{
width: 100%;
}
.main-page-interactive-slider-bg-image img{
width: 100%;
}
.slider-interactive-menu{
padding-right: 16px;
}
.sovmestimost-slider .slider-interactive-menu{
padding-right: 0px;
}
.section-main-custome-gap .sovmestimost-item{
width: 140px;
}
.section-main-custome-gap .sovmestimost-item-top {
width: 100%;
height: 84px;
}
.section-main-custome-gap .sovmestimost-slider-body {
padding-top: 52px;
}
.section-main-custome-gap .sovmestimost-item-container{
gap: 12px;
}
.interactive-baloon-element{
width: 100%;
border-radius: 20px;
padding: 19px;
}
.section-theme-btn{
margin-top: 32px;
}
.section-theme-btn .btn{
width: 100%;
}
.slider-element-controller {
padding: 12px 0px 0;
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
.slider-element-controller::-webkit-scrollbar {
width: 0;
height: 0;
}
.slider-element-controller-container .slider-element-controller-item:last-child{
padding-right: 0px;
}
.two-slide-left-content-container{
gap: 32px;
}
.ecosystem-block-icon{
height: 40px;
}
.ecosystem-block-container {
gap: 12px;
padding: 0 16px 16px 16px;
}
.ecosystem-block-content{
gap: 8px;
}
.ecosystem-block-text{
width: 90%;
}
.two-slide-interactive-slider-container{
/*gap: 24px;*/
gap: 8px;
}
.ecosystem-menu-block{
padding: 0 16px;
}
.sovmestimost-slider-body {
padding-top: 50px;
}
.sovmestimost-container .main-page-interactive-slider-top{
justify-content: start;
padding: 0px;
}
.sovmestimost-item-top{
height: 84px;
width: 100%;
}
.sovmestimost-item-container {
gap: 12px;
}
.section-sovmestimost-container .section-theme-btn{
margin-top: 32px;
}
.section-theme-header-picture img {
width: 80%;
}
.card-list-without-bg-item:last-child .card-list-without-bg-item-text{
display: none;
}
.mobile-menu-header{
padding: 20px 14px;
gap: 20px;
}
.mobile-menu-header .header-line-1{
padding: 0 6px;
}
.mobile-menu-container{
margin: 8px 0;
}
.mobile-menu .header-logo svg{
width: 58px;
}
.mobile-menu-opener a.active{
padding: 2px 5px;
height: 18px;
width: 18px;
}
.mobile-menu-opener a.active svg{
width: 18px;
height: 18px;
}
.mobile-menu-header .header-menu-container .main-menu{
gap: 14px;
}
.mobile-menu-header .header-menu-item a{
padding: 8px 0 6px;
}
.mobile-menu-body-bottom-item{
padding: 20px 20px 19px;
}
.mobile-menu-body-bottom-item .mobile-menu-body-bottom-item-header{
font-size: 16px;
line-height: 24px;
}
.mobile-menu-body-bottom-item .mobile-menu-body-bottom-item-header .icon-plus{
width: 30px;
height: 24px;
padding: 2px 5px;
}
.mobile-menu-body-bottom-item .mobile-menu-body-bottom-item-header .icon-plus:before,
.mobile-menu-body-bottom-item .mobile-menu-body-bottom-item-header .icon-plus:after{
width: 9px;
}
.mobile-menu-body-bottom-item .mobile-menu-body-bottom-item-header.open .icon-plus{
display: inline-block;
}
.mobile-menu-body-bottom-item-content{
display: none;
}
.mobile-menu-footer{
padding: 20px 20px 16px;
margin-top: 0px;
}
.mobile-menu-footer .header-btns{
flex-direction: column;
}
.mobile-menu-footer .header-btns .header-btns-container{
flex-direction: column;
gap: 8px;
}
.mobile-menu-footer .header-btns .header-button{
width: 100%;
}
.mobile-menu .wrapper-inside{
height: calc(100% - 16px);
}
.mobile-menu-body {
height: calc(100% - 120px);
padding-bottom: 111px;
}
.mobile-menu-body-bottom-item-content .header-menu-item-child-popup{
margin-top: 17px;
}
.mobile-menu-body .big-drop-menu .big-drop-menu-item{
width: 100%;
}
.mobile-menu-body-bottom-item-content .header-menu-item-child-popup-container ul{
gap: 8px;
}
.mobile-menu-body-bottom-item-content .header-menu-item-child-popup-container ul a{
padding: 13px 0;
}
.footer-apps-menu ul li a img{
height: 100%;
}
.history-mode .card-text-icon-left-icon{
display: none;
}
}
.section-trial .flexbox-container{
row-gap: 48px;
}
.trial-card{
height: 100%;
background: white;
border-radius: 48px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 48px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 110px;
}
.trial-card-top{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 17%;
}
.trial-card-image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
}
.trial-card-image img {
width: 80px;
height: auto;
}
.trial-card-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
.trial-card-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.trial-card-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8px;
}
@media (max-width: 1479px) {
.trial-card-more a {
font-size: 14px;
line-height: normal;
}
}
@media (max-width: 1359px) {
.section-trial .flexbox-container{
row-gap: 28px;
}
.trial-card{
padding: 24px;
gap: 64px;
border-radius: 24px;
}
.trial-card-top{
gap: 8px;
padding-right: 0px;
}
.trial-card-image img{
width: 60px;
height: auto;
}
}
@media (max-width: 767px) {
.section-trial .flexbox-container{
row-gap: 8px;
}
.trial-card-info {
gap: 8px;
}
.trial-card{
padding: 20px;
gap: 48px;
}
}
@media (max-width: 575px) {
.trial-card-bottom {
gap: 16px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.trial-card-image img{
width: 40px;
height: auto;
}
}
.section-distributuion-list .flexbox-container{
row-gap: 16px;
}
.distributor-element{
height: 100%;
}
.distributor-element-container{
background: white;
border-radius: 48px;
box-sizing: border-box;
padding: 48px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 60px;
}
.distributor-element-top{
display: flex;
flex-direction: column;
gap: 32px;
box-sizing: border-box;
padding-right: 17%;
}
.distributor-element-header{
display: flex;
flex-direction: column;
gap: 8px;
}
.distributor-element-body{
display: flex;
flex-direction: column;
gap: 20px;
}
.distributor-element-footer{
display: flex;
justify-content: space-between;
align-items: center;
}
.distributor-element-logo{
max-width: 204px;
max-height: 60px;
}
.distributor-element-logo img{
width: 100%;
height: 100%;
object-fit: contain;
}
.distributor-element-container:hover{
cursor: pointer;
}
.distributor-element-container:hover .distributor-element-title{
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-color: rgba(13, 19, 26, 0.80);
text-decoration-thickness: 5%; /* 1.6px */
text-underline-offset: 8px;
}
.distributor-element-container:hover .icon-plus{
background: rgba(13, 19, 26, 0.08);
}
.open-education-card:hover .icon-plus{
border: 1px solid rgba(13, 19, 26, 0.08);
background: rgba(13, 19, 26, 0.08);
}
@media (max-width: 1919px) {
}
@media (max-width: 1479px) {
}
@media (max-width: 1359px) {
.distributor-element-container{
padding: 24px;
gap: 64px;
border-radius: 24px;
}
.distributor-element-header{
gap: 4px;
}
.distributor-element-top{
gap: 24px;
padding-right: 0px;
}
}
@media (max-width: 767px) {
.section-distributuion-list .flexbox-container{
row-gap: 8px;
}
.distributor-element-container{
padding: 20px;
gap: 32px;
}
.distributor-element-top {
gap: 16px;
}
.distributor-element-logo{
}
.distributor-element-logo{
max-width: 136px;
max-height: 40px;
}
.distributor-element-logo img{
width: 136px;
}
}
.content-page-first-block{
padding-top: 40px;
padding-bottom: 160px;
}
.content-page-first-block.static-content-page{
padding-bottom: 48px;
}
.content-page-first-block.detail-news-content-page{
padding-bottom: 0px;
}
.content-page-first-block.find-partners{
padding-bottom: 80px;
}
.content-page-first-block.buy-online{
padding-bottom: 0px;
}
@media (max-width: 1359px) {
.content-page-first-block.static-content-page{
padding-bottom: 30px;
}
.content-page-first-block.find-partners{
padding-bottom: 64px;
}
}
@media (max-width: 767px) {
.content-page-first-block.static-content-page{
padding-bottom: 15px;
}
.content-page-first-block.find-partners{
padding-bottom: 32px;
}
}
.content-page-first-block .module-first-block-text{
width: 42%;
min-width: 600px;
margin: 0 auto;
}
.content-page-first-block + .section-page-block-items{
padding-top: 0px;
}
.card-list-without-bg-container.card-list-center{
justify-content: center;
}
.card-list-without-bg-container.card-list-center.col-count-3 .card-list-without-bg-item{
width: 33.33%;
}
.section-theme-body-dop-text{
display: flex;
justify-content: center;
}
.section-theme-body-dop-text .section-theme-body-dop-text-container{
display: flex;
width: 41%;
min-width: 762px;
flex-direction: column;
gap: 50px;
text-align: center;
}
@media (max-width: 1359px) {
.content-page-first-block{
padding-top: 72px;
padding-bottom: 90px;
}
.content-page-first-block .module-first-block-text{
}
.section-theme-body-dop-text .section-theme-body-dop-text-container{
gap: 32px;
}
}
@media (max-width: 767px) {
.content-page-first-block{
padding-top: 32px;
padding-bottom: 64px;
}
.content-page-first-block .module-first-block-text{
width: 100%;
min-width: unset;
}
.section-theme-body-dop-text .section-theme-body-dop-text-container{
min-width: unset;
width: 100%;
}
}
.tags-item{
display: inline-block;
border-radius: 48px;
border: 1px solid rgba(13, 19, 26, 0.08);
background: rgba(255, 255, 255, 0.12);
padding: 3px 15px;
text-align: center;
}
.tags-item .tags-item-content{
}
.tags-item-content.tags-with-icon{
display: flex;
gap: 8px;
}
.tags-item.tags-item-dark{
border: 1px solid rgba(255, 255, 255, 0.08);
background: rgba(13, 19, 26, 0.12);
backdrop-filter: blur(12px);
color: white;
}
@media (max-width: 1359px) {
.tags-item{
padding: 3px 14px;
}
}
@media (max-width: 767px) {
.tags-item{
padding: 3px 12px;
}
}
.news-element{
height: 100%;
}
.news-element.news-card-element{
}
.news-element-container{
border-radius: 48px;
overflow: hidden;
background: white;
height: 100%;
}
.news-element-link{
display: flex;
flex-direction: column;
height: 100%;
}
.news-element-picture{
overflow: hidden;
min-height: 300px;
}
.news-element-picture img{
height: 100%;
width: 100%;
object-fit: cover;
transition: all 600ms;
}
.news-element-description{
display: flex;
flex-direction: column;
box-sizing: border-box;
width: 100%;
gap: 48px;
padding: 32px;
justify-content: space-between;
flex-grow: 1;
}
.news-element-description-top{
display: flex;
flex-direction: column;
gap: 8px;
}
.news-element-name{
-webkit-line-clamp: 5;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
padding-bottom: 1px;
}
.news-element-description-bottom{
}
.news-element-tags{
display: flex;
flex-wrap: wrap;
gap: 8px;
row-gap: 8px;
}
.news-element-link:hover{
}
.news-element-link:hover .news-element-name{
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-color: rgba(13, 19, 26, 0.80);
text-decoration-thickness: 5%; /* 1.6px */
text-underline-offset: 8px;
}
.news-element-link:hover .news-element-picture img{
transform: scale(1.05);
}
@media (max-width: 1359px) {
.news-element-container{
border-radius: 24px;
}
.news-element-description{
padding: 24px;
gap: 28px;
}
.news-element-description-top{
gap: 4px;
}
.news-element-tags{
gap: 4px;
}
.news-element-link:hover .news-element-name{
text-underline-offset: 4px;
}
}
@media (max-width: 767px) {
.news-element-description {
padding: 16px;
}
.news-element-description{
gap: 30px;
}
.news-element-link:hover .news-element-name{
text-underline-offset: 4px;
}
}
.content-page-header-menu-container{
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.content-page-header-menu-container.jsf-center{
justify-content: center;
}
.content-page-header-menu-container .contacts-requisites-btn{
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
}
.content-page-menu{
}
.content-page-menu .swiper{
overflow: visible;
margin: 0 -12px;
}
.content-page-menu .swiper .swiper-slide{
width: auto;
padding: 0 12px;
box-sizing: border-box;
}
.content-page-menu ul{
display: flex;
gap: 24px;
}
.content-page-menu ul li{
}
.content-page-menu ul li a,
.content-page-menu a{
display: inline-block;
padding: 16px 0 16px;
color: rgba(13, 19, 26, 0.64);
white-space: nowrap;
}
.content-page-menu ul li a.active{
}
.content-page-menu ul li a.disabled,
.content-page-menu a.disabled{
color: rgba(13, 19, 26, 0.44);
}
@media (max-width: 1359px) {
.content-page-menu ul{
gap: 18px;
}
.content-page-menu ul li a{
padding: 16px 0 13px;
}
.content-page-menu .swiper{
margin: 0 -9px;
}
.content-page-menu .swiper .swiper-slide{
padding: 0 9px;
}
}
@media (max-width: 767px) {
.content-page-header-menu.pd-top-56{
padding-top: 28px;
}
.content-page-header-menu-container{
flex-direction: column;
gap: 16px;
}
.content-page-menu{
width: 100%;
}
.content-page-menu ul{
gap: 12px;
}
.content-page-menu ul li a{
padding: 12px 0;
}
a.link-lined .link-name:before{
/*bottom: -12px;*/
}
.content-page-menu .swiper{
margin: 0 -6px;
}
.content-page-menu .swiper .swiper-slide{
padding: 0 6px;
}
}
.section-newsblock-list{
}
.section-newsblock-list .flexbox-container{
row-gap: 68px;
}
.section-newsblock-list.section-updates-list .flexbox-container{
row-gap: 48px;
}
.section-newsblock-list.section-press-list .flexbox-container{
row-gap: 48px;
}
@media (max-width: 1359px) {
.section-newsblock-list .flexbox-container{
row-gap: 32px;
}
.section-newsblock-list.section-updates-list .flexbox-container {
row-gap: 32px;
}
.section-newsblock-list.section-press-list .flexbox-container{
row-gap: 32px;
}
}
@media (max-width: 767px) {
.section-newsblock-list .flexbox-container{
row-gap: 8px;
}
.section-newsblock-list.section-updates-list .flexbox-container{
row-gap: 16px;
}
.section-newsblock-list.section-press-list .flexbox-container{
row-gap: 8px;
}
}
.pagenavigation-container{
display: flex;
justify-content: end;
position: relative;
}
.pagenavigation-container .show-more-btn{
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.navigation-pages{
padding: 10px 0;
}
.navigation-pages ul{
display: flex;
gap: 8px;
}
.navigation-pages ul li{
}
.navigation-pages ul li a{
display: flex;
width: 32px;
height: 32px;
align-items: center;
box-sizing: border-box;
color: rgba(13, 19, 26, 0.64);
transition: all 600ms;
justify-content: center;
border-radius: 48px;
border: 1px solid transparent;
}
.navigation-pages ul li a:hover{
color: #0D131A;
}
.navigation-pages ul li a.active{
color: #1C1A17;
width: 48px;
padding: 0 11px;
border: 1px solid rgba(13, 19, 26, 0.08);
}
@media (max-width: 1359px) {
.pagenavigation-container{
justify-content: space-between;
}
.pagenavigation-container .show-more-btn{
position: relative;
left: auto;
transform: unset;
}
.pagenavigation.pd-top-56{
padding-top: 32px;
}
.navigation-pages {
padding: 5px 0;
}
.navigation-pages ul li a{
width: 40px;
height: 40px;
}
.navigation-pages ul li a.active{
width: 40px;
background: white;
}
}
@media (max-width: 767px) {
.pagenavigation-container{
flex-direction: column;
gap: 24px;
}
.pagenavigation.pd-top-56{
padding-top: 40px;
padding-left: 16px;
padding-right: 16px;
}
.show-more-btn{
}
.show-more-btn .btn{
width: 100%;
}
.navigation-pages{
padding: 0px;
}
}
.section-other-path-container{
display: flex;
flex-direction: column;
gap: 48px;
}
@media (max-width: 1359px) {
.section-other-path-container{
gap: 32px;
}
}
@media (max-width: 767px) {
.section-other-path-container{
gap: 24px;
}
.other-path-block{
}
.other-path-block .flexbox-container{
gap: 8px;
}
}
.btn-radius{
background: rgba(255, 255, 255, 0.12);
border-radius: 48px;
}
.btn-radius .link-small{
display: flex;
align-items: center;
}
.btn-radius:hover{
background: rgba(255, 255, 255, 0.12);
}
@media (max-width: 1359px) {
.btn-radius{
padding: 10px 19px;
}
}
@media (max-width: 767px) {
.content-page-filter{
width: 100%;
}
.btn-radius {
padding: 7px 19px;
}
}
.btn-other-link{
border-radius: 24px;
background: #FFFFFF;
justify-content: space-between;
color: rgba(13, 19, 26, 0.80);
padding: 24px;
border: 1px solid white;
}
.btn-other-link:hover{
color: rgba(13, 19, 26, 1);
border: 1px solid rgba(13, 19, 26, 0.04);
}
.btn-other-link .icon{
opacity: 0.64;
transition: all 600ms;
}
.btn-other-link:hover .icon{
opacity: 1;
}
@media (max-width: 1359px) {
.btn-other-link{
border-radius: 20px;
padding: 20px;
}
}
@media (max-width: 767px) {
.btn-other-link{
border-radius: 16px;
padding: 15px;
}
}
.updates-list-container .swiper{
overflow: visible;
margin: 0 -8px;
}
.updates-list-container .swiper-slide{
box-sizing: border-box;
padding: 0 8px;
}
.updates-list-container .swiper-slide .updates-item{
padding: 0 8px;
}
.updates-item{
box-sizing: border-box;
}
.updates-item.main-page{
padding: 0 8px;
}
.updates-item.list-page{
padding: 24px;
}
.updates-item-container{
display: flex;
flex-direction: column;
gap: 48px;
}
.updates-item-programm{
display: flex;
/*flex-wrap: wrap;*/
gap: 8px;
align-items: center;
color: rgba(13, 19, 26, 0.64);
}
.updates-item-programm .updates-item-programm-icon{
display: flex;
gap: 8px;
}
.updates-item-programm .updates-item-programm-icon img{
width: 40px;
height: 40px;
object-fit: contain;
}
.updates-item-content{
display: flex;
flex-direction: column;
gap: 16px;
}
.updates-item-version-container{
display: flex;
flex-wrap: wrap;
gap: 4px;
}
.updates-item-version-and-platform{
display: flex;
flex-direction: column;
gap: 8px;
}
.updates-item-platform{
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.updates-item-platform-container{
display: flex;
gap: 8px;
box-sizing: border-box;
padding: 3px 11px;
border-radius: 48px;
border: 1px solid rgba(13, 19, 26, 0.08);
justify-content: center;
}
.updates-item-platform-icon{
display: flex;
align-items: center;
}
.updates-item-platform-name{
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.28px;
}
.updates-item-link:hover{
}
.updates-item-link:hover .updates-item-title{
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-color: rgba(13, 19, 26, 0.80);
text-decoration-thickness: 5%; /* 1.6px */
text-underline-offset: 8px;
}
@media (max-width: 1359px) {
.updates-list-container {
}
.updates-list-container .swiper{
margin: 0 -4px;
}
.updates-list-container .swiper-slide {
width: calc(100% / 8 * 3);
}
.updates-item.main-page{
padding: 0 4px;
}
.updates-item.list-page{
padding: 18px;
}
.updates-item {
padding: 0 4px;
box-sizing: border-box;
}
.updates-item-programm-icon {
}
.updates-item-programm .updates-item-programm-icon img {
width: 32px;
height: 32px;
}
.updates-list-container .swiper-slide .updates-item{
padding: 0 4px;
}
.updates-item-programm {
gap: 4px;
}
.updates-item-container {
gap: 24px;
}
.updates-item-content {
gap: 12px;
}
.updates-item-version-and-platform {
gap: 4px;
}
}
@media (max-width: 767px) {
.updates-list-container{
}
.updates-list-container .swiper-slide{
width: calc(100% / 4 * 3);
padding: 0 4px;
}
.updates-item.list-page{
padding: 12px 0;
}
.updates-item-programm-icon img{
}
.updates-item-programm-name{
width: calc(100% - 42px);
}
.updates-item-content {
gap: 8px;
}
.updates-item-container {
gap: 20px;
}
.updates-item-programm{
gap: 8px;
}
.updates-item-version-container{
flex-wrap: wrap;
}
}
.employees-card{
background: white;
border-radius: 48px;
overflow: hidden;
height: 100%;
}
.employees-card.without-picture{
min-height: 100%;
height: 480px;
}
.employees-card-container{
display: flex;
height: 100%;
}
.employees-card-picture{
width: calc(50% - 8px);
}
.employees-card-picture img{
width: 100%;
height: 100%;
object-fit: cover;
}
.employees-card-content{
width: calc(50% + 8px);
box-sizing: border-box;
padding: 48px;
}
.employees-card.without-picture .employees-card-content{
width: 100%;
height: 100%;
}
.employees-card-content-container{
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.employees-card-content-top{
display: flex;
flex-direction: column;
gap: 8px;
}
.employees-card-content-contacts{
display: flex;
flex-direction: column;
gap: 8px;
}
@media (max-width: 1359px) {
.employees-card{
border-radius: 24px;
}
.employees-card.without-picture{
height: 320px;
}
.employees-card-picture{
width: 50%;
}
.employees-card-content{
width: 50%;
padding: 24px;
}
.employees-card-content-top{
gap: 4px;
}
.employees-card-content-contacts{
gap: 4px;
}
}
@media (max-width: 767px) {
.employees-card.without-picture{
height: 204px;
}
.employees-card-container{
flex-direction: column;
}
.employees-card-picture{
width: 100%;
}
.employees-card-content{
width: 100%;
padding: 20px;
}
.employees-card-content-container{
gap: 48px;
}
}
.detail-news-tags-info{
padding: 32px 0;
}
.detail-news-tags-info-container{
/*display: flex;*/
/*flex-wrap: wrap;*/
/*justify-content: center;*/
/*gap: 16px;*/
/*align-items: center;*/
}
.detail-news-tags-info .detail-news-tags-info-container{
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 16px;
align-items: center;
}
.detail-news-tags-info-container .swiper{
margin: 0 -8px;
}
.detail-news-tags-info-container .swiper-slide{
width: auto;
box-sizing: border-box;
padding: 0 8px;
}
.detail-news-preview-text{
display: flex;
flex-direction: column;
gap: 16px;
}
.detail-news-preview-picture{
}
.detail-news-preview-picture img{
width: 100%;
border-radius: 48px 48px 0 0px;
}
.only-picture .detail-news-preview-picture img{
border-radius: 48px;
}
.detail-news-preview-desc{
display: inline-block;
width: 100%;
box-sizing: border-box;
padding: 48px;
background: white;
border-radius: 0 0 48px 48px;
}
.only-text .detail-news-preview-desc{
border-radius: 48px;
}
@media (max-width: 1359px) {
.detail-news-preview-picture img{
border-radius: 24px 24px 0 0px;
}
.only-picture .detail-news-preview-picture img{
border-radius: 24px;
}
.detail-news-preview-desc{
padding: 24px 24px 28px;
border-radius: 0 0 24px 24px;
}
.only-text .detail-news-preview-desc{
border-radius: 24px;
}
}
@media (max-width: 767px) {
.detail-news-preview-desc{
padding: 20px;
}
}
.sprint-editor-default-container{
display: flex;
flex-direction: column;
gap: 32px;
}
.section-default-text p a{
color: #0D131A;
text-decoration-line: underline;
text-decoration-style: dotted;
text-decoration-skip-ink: none;
text-decoration-thickness: 6.5%;
text-underline-offset: 20.5%;
text-underline-position: from-font;
}
.section-default-text p a:hover{
text-decoration: none;
}
.sprint-editor-default-text{
box-sizing: border-box;
padding-right: 100px;
display: flex;
flex-direction: column;
gap: 20px;
}
.sprint-editor-single-image{
}
.sprint-editor-single-image img{
border-radius: 48px;
width: 100%;
}
.sprint-editor-single-image-container{
display: flex;
flex-direction: column;
gap: 16px;
justify-content: center;
}
.sprint-editor-single-image-descr{
text-align: center;
}
.sprint-editor-numbered-list{
}
.sprint-editor-numbered-list ul,
.sprint-editor-bulleted-list ul{
display: flex;
flex-direction: column;
gap: 24px;
}
.sprint-editor-numbered-list ul li{
position: relative;
padding-left: 44px;
}
.sprint-editor-bulleted-list ul li{
position: relative;
padding-left: 52px;
}
.sprint-editor-bulleted-list ul li:before{
content: "";
position: absolute;
display: inline-block;
left: 0px;
top: 0px;
width: 32px;
height: 32px;
background: url(../img/bulleted-list-item.svg) no-repeat center center;
background-size: cover;
}
.sprint-editor-numbered-list ul li .number{
position: absolute;
left: 6px;
top: 0px;
}
.sprint-default-card{
height: 100%;
}
.sprint-default-card-container{
box-sizing: border-box;
padding: 48px;
background: white;
display: flex;
flex-direction: column;
gap: 80px;
border-radius: 48px;
height: 100%;
}
.sprint-default-card-container .sprint-default-card-picture{
width: 80px;
height: 80px;
}
.sprint-default-card-container .sprint-default-card-picture img{
width: 100%;
height: 100%;
object-fit: contain;
}
.sprint-default-card-description-btn{
display: flex;
flex-direction: column;
gap: 48px;
}
.sprint-default-card-description{
display: flex;
flex-direction: column;
gap: 16px;
}
.section-default-slider{
overflow: hidden;
}
.sprint-editor-swiper-cards{
margin: 0 -8px;
}
.sprint-editor-swiper-cards .swiper{
overflow: visible;
}
.sprint-editor-swiper-cards .swiper-wrapper{
/*justify-content: center;*/
}
.sprint-editor-swiper-cards .swiper-slide{
width: 25%;
height: auto;
padding: 0 8px;
box-sizing: border-box;
}
.sprint-editor-two-image-container{
margin: 0 -8px;
}
.sprint-editor-two-image-container .swiper{
overflow: visible;
}
.sprint-editor-two-image-container .swiper-slide{
width: 50%;
padding: 0 8px;
box-sizing: border-box;
}
.sprint-editor-many-image-container{
margin: 0 -8px;
position: relative;
}
.sprint-editor-many-image-container .swiper{
overflow: visible;
}
.sprint-editor-many-image-container .swiper-slide{
width: 25%;
padding: 0 8px;
box-sizing: border-box;
}
.sprint-editor-many-image-container .swiper{
overflow: visible;
}
.sprint-editor-many-horizontal-image-container{
margin: 0 -8px;
}
.sprint-editor-many-horizontal-image-container .swiper-slide{
width: 50%;
padding: 0 8px;
box-sizing: border-box;
}
.collback-form .sprint-editor-many-horizontal-image-container .swiper-slide{
width: 100%;
}
.sprint-editor-many-horizontal-image-container .swiper{
overflow: visible;
}
.newsblock-list-slider .swiper{
overflow: visible;
}
.section-other-elements{
overflow: hidden;
}
.sprint-editor-quote-container{
border-radius: 48px;
background: white;
padding: 48px;
display: flex;
flex-direction: column;
gap: 56px;
}
.sprint-editor-quote-picture{
position: relative;
}
.sprint-editor-quote-icon{
content: "";
position: absolute;
display: inline-block;
width: 49.497px;
height: 49.497px;
transform: rotate(45deg);
aspect-ratio: 49.50/49.50;
border-radius: 7.273px;
border: 0.556px solid rgba(180, 210, 255, 0.10);
background: linear-gradient(117deg, rgba(57, 152, 247, 0.27) 10.2%, rgba(57, 152, 247, 0.29) 50.51%, rgba(57, 152, 247, 0.27) 100.38%);
backdrop-filter: blur(16.692102432250977px);
z-index: 1;
top: 35px;
left: 9px;
}
.sprint-editor-quote-icon:after{
content: "";
position: absolute;
display: inline-block;
width: 16px;
height: 14px;
background: url(../img/quote-arrow.svg) no-repeat center center;
background-size: cover;
transform: rotate(-45deg);
top: 17px;
left: 16px;
}
.sprint-editor-quote-picture-container{
display: inline-block;
width: 100px;
aspect-ratio: 1 / 1;
overflow: hidden;
border-radius: 24px;
transform: rotate(45deg);
margin-left: 39px;
margin-top: 10px;
}
.sprint-editor-quote-picture-container img{
width: 100%;
height: 100%;
object-fit: cover;
transform: rotate(-45deg) scale(1.2);
transform-origin: center;
display: block;
}
.sprint-editor-quote-text-container{
display: flex;
flex-direction: column;
gap: 48px;
}
.sprint-editor-quote-bottom{
display: flex;
flex-direction: column;
gap: 8px;
}
.no-picture.sprint-editor-quote-container{
gap: 58px;
}
.no-picture .sprint-editor-quote-picture-container{
border-radius: 0px;
width: auto;
margin-left: 48px;
margin-top: 11px;
}
.sprint-editor-quote-icon-no-picture{
width: 56.569px;
height: 56.569px;
/*transform: rotate(45deg);*/
aspect-ratio: 56.57/56.57;
border-radius: 7.273px;
background: linear-gradient(180deg, #3998F7 0%, #1E8AF6 100%);
}
.no-picture .sprint-editor-quote-icon{
width: 56.569px;
height: 56.569px;
aspect-ratio: 56.57/56.57;
top: 10px;
left: 10px;
}
.no-picture .sprint-editor-quote-icon:after{
width: 17px;
height: 14px;
top: 21px;
left: 21px;
}
.video-link{
display: inline-block;
position: relative;
width: 100%;
border-radius: 48px;
overflow: hidden;
}
.video-link img,
.video-link video{
width: 100%;
}
.video-link .video-link-icon{
position: absolute;
right: 32px;
bottom: 32px;
display: flex;
justify-content: center;
align-items: center;
width: 48px;
height: 32px;
box-sizing: border-box;
border-radius: 48px;
border: 1px solid rgba(255, 255, 255, 0.08);
background: rgba(255, 255, 255, 0.24);
/* button-bg-blur */
backdrop-filter: blur(12px);
transition: all 600ms;
}
.video-link:hover .video-link-icon{
background: rgba(13, 19, 26, 0.44);
}
.sprint-editor-guide-list{
box-sizing: border-box;
border-radius: 48px;
background: white;
padding-bottom: 32px;
}
.sprint-editor-guide-list .sprint-editor-guide-item{
padding: 32px 48px;
border-top: 1px solid rgba(13, 19, 26, 0.08);
box-sizing: border-box;
}
.sprint-editor-guide-list .sprint-editor-guide-item:first-child{
border-top: 0px;
}
.sprint-editor-guide-item-container{
display: flex;
flex-direction: column;
gap: 8px;
padding-right: 52px;
}
.sprint-editor-custome-link{
display: flex;
flex-direction: column;
gap: 8px;
}
.sprint-editor-custome-link-item{
}
.sprint-editor-custome-link-item .sprint-editor-custome-link-href{
text-decoration: none;
box-sizing: border-box;
padding: 32px;
display: flex;
gap: 32px;
align-items: center;
background: white;
border-radius: 48px;
justify-content: space-between;
position: relative;
}
.sprint-editor-custome-link-item .sprint-editor-custome-link-icon .icon{
display: flex;
justify-content: center;
align-items: center;
width: 48px;
height: 32px;
box-sizing: border-box;
border-radius: 48px;
border: 1px solid rgba(13, 19, 26, 0.08);
background: rgba(255, 255, 255, 0.12);
transition: all 600ms;
}
.sprint-editor-custome-link-item .sprint-editor-custome-link-href:hover .sprint-editor-custome-link-icon .icon{
border: 1px solid rgba(13, 19, 26, 0.08);
background: rgba(13, 19, 26, 0.08);
}
.sprint-editor-table{
}
.sprint-editor-table .sprint-editor-table-container{
border-radius: 48px;
background: #FFF;
overflow: hidden;
}
.sprint-editor-table-header{
background: rgba(13, 19, 26, 0.08);
box-sizing: border-box;
padding: 34px 48px;
display: flex;
}
.sprint-editor-table .sprint-editor-table-left{
width: 46%;
box-sizing: border-box;
padding-right: 8px;
}
.sprint-editor-table .sprint-editor-table-right{
width: 54%;
box-sizing: border-box;
padding-left: 8px;
}
.sprint-editor-table-body-line{
box-sizing: border-box;
padding: 48px;
display: flex;
border-bottom: 1px solid rgba(13, 19, 26, 0.08);
}
.sprint-editor-table-body-line:last-of-type{
border-bottom: 1px solid transparent;
}
.sprint-editor-table-body-line .sprint-editor-default-text{
padding-right: 0px;
}
.sprint-editor-default-text ul{
list-style-type: disc;
padding-left: 30px;
}
@media (max-width: 1359px) {
.sprint-editor-single-image img{
border-radius: 24px;
}
.sprint-default-card-container{
padding: 24px;
border-radius: 24px;
gap: 64px;
}
.sprint-default-card-container .sprint-default-card-picture{
width: 60px;
height: 60px;
}
.sprint-default-card-description{
gap: 12px;
}
.sprint-editor-default-text{
padding-right: 72px;
}
.sprint-editor-numbered-list ul,
.sprint-editor-bulleted-list ul{
gap: 18px;
}
.sprint-editor-swiper-cards .swiper-slide{
width: calc(100% / 8 *3);
}
.sprint-editor-swiper-cards .swiper-button-prev,
.sprint-editor-swiper-cards .swiper-button-next,
.sprint-editor-two-image-container .swiper-button-prev,
.sprint-editor-two-image-container .swiper-button-next,
.sprint-editor-many-image-container .swiper-button-prev,
.sprint-editor-many-image-container .swiper-button-next,
.sprint-editor-many-horizontal-image-container .swiper-button-prev,
.sprint-editor-many-horizontal-image-container .swiper-button-next,
.updates-list-container .swiper-button-prev,
.updates-list-container .swiper-button-next,
.price-cards-container .swiper-button-prev,
.price-cards-container .swiper-button-next{
display: none;
}
.sprint-default-card-picture img{
height: 64px;
}
.sprint-editor-many-image-container .swiper-slide{
width: 50%;
}
.sprint-editor-many-horizontal-image-container .swiper-slide{
width: 100%;
}
.sprint-editor-quote-container{
border-radius: 24px;
padding: 24px;
gap: 32px;
}
.sprint-editor-quote-text-container{
padding-right: 24px;
gap: 24px;
}
.sprint-editor-quote-bottom{
gap: 4px;
}
.no-picture.sprint-editor-quote-container {
gap: 35px;
}
.sprint-editor-guide-list{
border-radius: 24px;
padding-bottom: 24px;
}
.sprint-editor-guide-list .sprint-editor-guide-item{
padding: 24px;
}
.sprint-editor-custome-link-item .sprint-editor-custome-link-href{
padding: 24px;
border-radius: 24px;
}
.sprint-editor-custome-link-item .sprint-editor-custome-link-icon .icon{
width: 44px;
}
.sprint-editor-table .sprint-editor-table-container{
border-radius: 24px;
}
.sprint-editor-table-header{
padding: 24px;
}
.sprint-editor-table .sprint-editor-table-left{
width: 45%;
}
.sprint-editor-table .sprint-editor-table-right{
width: 55%;
}
.sprint-editor-table-body-line{
padding: 24px;
}
.video-link{
border-radius: 24px;
}
}
@media (max-width: 767px) {
.sprint-editor-single-image-container{
gap: 8px;
}
.sprint-default-card-container{
padding: 20px;
gap: 32px;
}
.sprint-default-card-container .sprint-default-card-picture{
width: 40px;
height: 40px;
}
.detail-news-preview-text{
gap: 8px;
}
.sprint-editor-single-image-container{
gap: 8px;
}
.sprint-default-card-container{
padding: 20px;
gap: 32px;
}
.content-page-first-block.detail-news-content-page{
padding-top: 8px;
}
.detail-news-tags-info-container{
gap: 8px;
width: 100%;
/*overflow: hidden;*/
}
.detail-news-tags-info-container .swiper{
margin: 0 -4px;
overflow: visible;
}
.detail-news-tags-info-container .swiper-slide{
padding: 0 4px;
}
.sprint-editor-default-text{
padding-right: 0px;
}
.sprint-editor-numbered-list ul,
.sprint-editor-bulleted-list ul {
gap: 12px;
}
.sprint-editor-swiper-cards,
.sprint-editor-two-image-container,
.sprint-editor-many-image-container,
.sprint-editor-many-horizontal-image-container{
margin: 0 -4px;
}
.sprint-editor-swiper-cards .swiper-slide,
.sprint-editor-two-image-container .swiper-slide,
.sprint-editor-many-image-container .swiper-slide,
.sprint-editor-many-horizontal-image-container .swiper-slide{
width: 100%;
padding: 0 4px;
}
.sprint-default-card-picture img {
height: 40px;
}
.sprint-default-card-description {
gap: 8px;
}
.sprint-editor-default-container{
gap: 18px;
}
.sprint-editor-defalt-page-btn{
}
.sprint-editor-defalt-page-btn a{
width: 100%;
}
.sprint-editor-quote-container{
padding: 20px;
}
.sprint-editor-quote-picture-container{
width: 70px;
margin-left: 24px;
margin-top: 4px;
}
.sprint-editor-quote-icon{
width: 32.998px;
height: 32.998px;
transform: rotate(45deg);
aspect-ratio: 33.00/33.00;
top: 22px;
left: 7px;
}
.sprint-editor-quote-icon:after{
width: 10px;
height: 9px;
top: 12px;
left: 10px;
}
.sprint-editor-quote-container{
gap: 24px;
}
.sprint-editor-quote-text-container{
padding-right: 0px;
gap: 20px;
}
.no-picture .sprint-editor-quote-picture-container{
margin-left: 38px;
margin-top: 10px;
}
.sprint-editor-quote-icon-no-picture{
width: 45.255px;
height: 45.255px;
aspect-ratio: 45.25/45.25;
border-radius: 5.818px;
background: linear-gradient(180deg, #3998F7 0%, #1E8AF6 100%);
}
.sprint-editor-quote-icon-no-picture{
}
.no-picture .sprint-editor-quote-icon{
width: 45.255px;
height: 45.255px;
aspect-ratio: 45.25/45.25;
border-radius: 5.818px;
border: 0.445px solid rgba(180, 210, 255, 0.10);
background: linear-gradient(117deg, rgba(57, 152, 247, 0.27) 10.2%, rgba(57, 152, 247, 0.29) 50.51%, rgba(57, 152, 247, 0.27) 100.38%);
backdrop-filter: blur(13.353680610656738px);
left: 8px;
}
.no-picture .sprint-editor-quote-icon:after{
width: 13.6px;
height: 12.8px;
top: 15px;
left: 14px;
}
.no-picture.sprint-editor-quote-container {
gap: 26px;
}
.video-link{
border-radius: 24px;
}
.video-link .video-link-icon{
right: 12px;
bottom: 12px;
}
.sprint-editor-guide-list .sprint-editor-guide-item{
padding: 16px 20px;
}
.sprint-editor-guide-item-container{
padding-right: 0px;
}
.sprint-editor-guide-list{
padding-bottom: 16px;
}
.sprint-editor-custome-link-item .sprint-editor-custome-link-href{
padding: 16px;
flex-direction: column;
gap: 8px;
align-items: start;
}
.sprint-editor-custome-link-item .sprint-editor-custome-link-href .sprint-editor-custome-link-name .icon{
position: absolute;
bottom: 16px;
left: 16px;
}
.sprint-editor-custome-link-icon-container{
display: flex;
justify-content: end;
width: 100%;
}
.sprint-editor-custome-link-item .sprint-editor-custome-link-icon .icon {
width: 40px;
}
.sprint-editor-table-header {
padding: 20px;
flex-direction: column;
gap: 8px;
}
.sprint-editor-table .sprint-editor-table-left{
width: 100%;
padding-right: 0px;
}
.sprint-editor-table .sprint-editor-table-right{
width: 100%;
padding-left: 0px;
}
.sprint-editor-table-body-line {
padding: 20px;
flex-direction: column;
gap: 8px;
}
}
.other-elements-container{
display: flex;
flex-direction: column;
gap: 48px;
}
.other-elements-header{
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 0;
}
.other-elements-link{
}
.other-elements-link a{
padding: 14px 0;
color: rgba(13, 19, 26, 0.80);
}
.other-elements-link a .icon{
opacity: 0.64;
transition: all 600ms;
}
.other-elements-link a:hover{
color: rgba(13, 19, 26, 1);
}
.other-elements-link a:hover .icon{
opacity: 1;
}
.newsblock-list-slider{
margin: 0 -8px;
position: relative;
}
.newsblock-list-slider .swiper-slide{
width: 33.33%;
box-sizing: border-box;
padding: 0 8px;
height: auto;
}
.newsblock-list-slider .news-element-picture{
height: 300px;
}
.main-page-hero-container{
}
.main-page-hero-container .wrapper-inside{
position: relative;
}
.back-link{
position: absolute;
top: -10px;
}
.back-link a,
.popup-close a{
display: flex;
width: 56px;
height: 44px;
padding: 4px 12px;
justify-content: center;
align-items: center;
box-sizing: border-box;
border-radius: 48px;
border: 1px solid rgba(13, 19, 26, 0.08);
background: #FFF;
/* button-bg-blur */
backdrop-filter: blur(12px);
transition: all 0.3s;
color: #0D131A;
}
.back-link a .icon,
.popup-close a .icon{
opacity: 0.64;
transition: all 600ms;
}
.back-link a:hover{
background: rgba(13, 19, 26, 0.08);
color: white;
}
.popup-close a:hover{
border: 1px solid rgba(255, 255, 255, 0.08);
background: rgba(255, 255, 255, 0.44);
}
.back-link a:hover .icon,
.popup-close a:hover .icon{
opacity: 1;
}
@media (max-width: 1359px) {
.other-elements-header{
padding: 6px 0;
}
.other-elements-container{
gap: 30px;
}
.back-link{
top: -40px;
}
.detail-news-tags-info {
padding: 24px 0;
}
.newsblock-list-slider .swiper-slide{
width: 50%;
}
.newsblock-list-slider .news-element-picture{
height: auto;
}
}
@media (max-width: 767px) {
.back-link{
position: relative;
width: 100%;
top: auto;
text-align: center;
display: flex;
justify-content: center;
margin-bottom: 52px;
}
.back-link a{
height: 32px;
}
.other-elements-container {
gap: 14px;
}
.other-elements-header{
padding: 12px 0;
flex-direction: column;
gap: 22px;
}
.other-elements-link a{
padding: 6px 0;
}
.newsblock-list-slider{
margin: 0 -4px;
}
.newsblock-list-slider .swiper-slide{
width: 100%;
padding: 0 4px;
}
}
.detail-news-content-page{
overflow: hidden;
}
.breadcrumbs-slider{
margin: 0 -2px;
}
.breadcrumbs-slider ul{
flex-wrap: unset;
gap: 0px;
align-items: unset;
justify-content: unset;
}
.breadcrumbs-slider ul li{
}
.breadcrumbs-slider ul li a{
display: flex;
height: 100%;
align-items: center;
}
.breadcrumbs-slider ul li a .tag{
display: inline-block;
}
.breadcrumbs-slider .swiper{
overflow: visible;
}
.breadcrumbs-slider .swiper-slide{
width: auto;
height: auto;
padding: 0 2px;
box-sizing: border-box;
height: auto;
display: flex;
align-items: center;
}
.separator{
display: inline-block;
}
.contacts-element-item{
height: 100%;
}
.contacts-element-item-container{
display: inline-block;
width: 100%;
box-sizing: border-box;
padding: 48px;
border-radius: 48px;
background: white;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 72px;
height: 100%;
}
.partner-element-item .contacts-element-item-container{
gap: 82px;
}
.contacts-element-item-header{
}
.contacts-element-item-body{
}
.contacts-element-item-line{
display: flex;
flex-direction: column;
gap: 12px;
}
.contacts-element-item-line-element{
display: flex;
flex-direction: column;
gap: 8px;
}
.contacts-element-item-line-element a{
}
.contacts-element-item-line-element a:hover{
/*text-decoration: underline;*/
}
.contacts-element-item-line-text{
}
.contacts-element-item-line img{
width: auto;
}
.contacts-element-item-line-link{
}
.contacts-element-item-line-link-container{
display: inline-block;
}
.documents-list{
display: flex;
flex-direction: column;
gap: 8px;
}
.documents-link{
display: inline-block;
}
.documents-link .icon{
position: relative;
top: -2px;
right: -4px;
}
.documents-list-item a{
color: rgba(13, 19, 26, 0.64);
transition: all 600ms;
}
.documents-list-item a:hover{
color: rgba(13, 19, 26, 1);
}
.documents-list-item a:hover .name{
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: 6.5%;
text-underline-offset: 20.5%;
}
@media (max-width: 1359px) {
.contacts-element-item-container{
padding: 24px;
border-radius: 24px;
gap: 130px;
}
.contacts-element-item-line-element{
gap: 4px;
}
.partner-element-item .contacts-element-item-container{
gap: 48px;
}
}
@media (max-width: 767px) {
.contacts-element-item-container{
padding: 20px;
}
.contacts-element-item-line{
gap: 8px;
}
}
.section-contacts-list {
padding-top: 33px;
overflow: hidden;
}
.contacts-list-slider{
margin: 0 -8px;
}
.contacts-list-slider .swiper{
overflow: visible;
}
.contacts-list-slider .swiper-slide{
width: 25%;
padding: 0 8px;
box-sizing: border-box;
height: auto;
}
@media (max-width: 1359px) {
.contacts-list-slider .swiper-slide{
width: 50%;
}
}
@media (max-width: 767px) {
.contacts-list-slider{
margin: 0 -4px;
}
.contacts-list-slider .swiper-slide{
width: 100%;
padding: 0 4px;
}
}
.contacts-map-container{
width: 100%;
height: 100%;
border-radius: 48px;
overflow: hidden;
}
.contacts-map-item{
width: 100%;
height: 100%;
}
#map{
width: 100%;
height: 100%;
}
.contacts-map-item #map .ymaps-2-1-79-inner-panes:before{
content: "";
position: absolute;
display: inline-block;
width: 100%;
height: 100%;
background: rgba(13, 19, 26, 0.08);
z-index: 1000;
}
.specific-banner-container{
border-radius: 48px;
overflow: hidden;
position: relative;
}
.specific-banner-container .specific-banner-item{
position: relative;
z-index: 1;
box-sizing: border-box;
padding: 160px 16px;
display: flex;
flex-direction: column;
gap: 80px;
}
.specific-banner-item-bg{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.specific-banner-item-bg img{
width: 100%;
height: 100%;
object-fit: cover;
}
.specific-banner-centered{
text-align: center;
}
.specific-banner-header{
display: flex;
flex-direction: column;
gap: 24px;
}
.specific-banner-header-title{
width: 61.5%;
min-width: 1120px;
margin: 0 auto;
}
.specific-banner-header-text{
width: 33.33%;
min-width: 600px;
margin: 0 auto;
}
.social-links-product-slider{
box-sizing: border-box;
padding: 32px;
}
.social-links-product-slider .swiper-wrapper{
justify-content: space-between;
}
.social-links-product-slider .swiper-slide{
width: 16.66%;
}
.product-card-text-title-container{
display: flex;
justify-content: center;
}
.product-card-text-title-container .link{
position: relative;
transition: all 300ms;
}
.product-card-text-title-container .icon{
opacity: 0;
transition: all 300ms;
top: 11px;
position: absolute;
}
a:hover .product-card-text-title-container .link{
padding-right: 27px;
}
a:hover .product-card-text-title-container .icon{
opacity: 1;
right: 6px;
}
.presentation-cards-list.slider-mode .swiper-wrapper{
flex-wrap: wrap;
justify-content: center;
row-gap: 80px;
}
.presentation-cards-list.slider-mode .swiper-wrapper .presentation-cards-list-item{
height: auto;
}
@media (max-width: 1359px) {
.specific-banner-container{
border-radius: 24px;
}
#map{
height: 674px;
aspect-ratio: 896/674;
}
.contact-map-container .flexbox-container{
gap: 16px;
}
.specific-banner-container .specific-banner-item{
padding: 90px 16px;
gap: 64px;
overflow: hidden;
}
.specific-banner-header{
gap: 18px;
}
.specific-banner-header-title{
width: 100%;
min-width: unset;
max-width: 864px;
}
.specific-banner-header-text{
width: 100%;
min-width: unset;
max-width: 864px;
}
.social-links-product-slider .swiper-wrapper{
justify-content: unset;
}
.social-links-product-slider{
}
.social-links-product-slider .swiper{
margin: 0 -16px;
overflow: visible;
}
.social-links-product-slider .swiper-slide{
width: 200px;
padding: 0 16px;
}
.contacts-map-container{
border-radius: 24px;
}
.presentation-cards-list.slider-mode .swiper-wrapper{
flex-wrap: unset;
justify-content: unset;
row-gap: 0px;
}
}
@media (max-width: 767px) {
.content-page-header-menu-container.jsf-center .content-page-menu ul{
justify-content: center;
}
.section-contacts-list {
padding-top: 17px;
}
.contacts-element-item-container{
gap: 30px;
}
.contacts-element-item-line {
gap: 4px;
}
#map {
height: 450px;
}
.contact-map-container .flexbox-container{
gap: 8px;
}
.specific-banner-container .specific-banner-item{
padding: 64px 16px;
gap: 32px;
}
.specific-banner-header {
gap: 12px;
}
.social-links-product-slider{
padding: 16px;
}
.social-links-product-slider .swiper{
margin: 0 -8px;
}
.social-links-product-slider .swiper-slide{
width: 140px;
padding: 0 8px;
}
.content-page-header-menu-container .contacts-requisites-btn{
position: relative;
top: 0px;
transform: translateY(0px);
right: 0;
width: 100%;
}
.content-page-header-menu-container .contacts-requisites-btn .btn{
width: 100%;
}
.presentation-cards-list.slider-mode .presentation-cards-list-item{
width: 50%;
}
}
.gorizontal-card{
height: 100%;
}
.gorizontal-card-container{
border-radius: 48px;
background: white;
display: flex;
height: 100%;
}
.gorizontal-card-container .gorizontal-card-icon{
display: flex;
align-items: center;
width: calc(100% / 6 * 2);
box-sizing: border-box;
justify-content: end;
padding: 48px 8px 48px 48px;
}
.gorizontal-card-container .gorizontal-card-icon .gorizontal-card-icon-container{
width: 120px;
height: 80px;
}
.gorizontal-card-container .gorizontal-card-icon .gorizontal-card-icon-container img{
width: 100%;
height: 100%;
object-fit: contain;
}
.gorizontal-card-container .gorizontal-card-text{
display: flex;
/*align-items: center;*/
width: calc(100% / 6 * 4);
box-sizing: border-box;
padding: 48px 48px 48px 40px;
}
.gorizontal-card-text-container{
display: flex;
flex-direction: column;
gap: 16px;
}
@media (max-width: 1359px) {
.gorizontal-card-container{
border-radius: 24px;
}
.gorizontal-card-container .gorizontal-card-icon{
padding: 24px 12px 24px 24px;
width: 30%;
}
.gorizontal-card-container .gorizontal-card-text{
padding: 24px 24px 24px 12px;
width: 70%;
}
.gorizontal-card-icon{
}
.gorizontal-card-icon img{
width: 96px;
height: auto;
}
.gorizontal-card-text-container{
gap: 12px;
}
}
@media (max-width: 767px) {
.gorizontal-card-container{
flex-direction: column;
padding: 20px;
min-height: 300px;
height: 300px;
gap: 20px;
box-sizing: border-box;
}
.gorizontal-card-container .gorizontal-card-icon{
width: 100%;
padding: 0px;
justify-content: center;
align-items: end;
height: 122px;
}
.gorizontal-card-container .gorizontal-card-icon .gorizontal-card-icon-container{
width: 96px;
height: 64px;
}
.gorizontal-card-container .gorizontal-card-text{
width: 100%;
padding: 0px;
justify-content: center;
text-align: center;
}
.gorizontal-card-text-container {
gap: 8px;
}
}
.jsf-center .sprint-default-card-container{
width: 100%;
/*height: 560px;*/
aspect-ratio: 452/560;
justify-content: space-between;
}
.jsf-center .sprint-default-card-picture{
text-align: center;
margin: 0 auto;
}
.jsf-center .sprint-default-card-description{
text-align: center;
}
.section-partners{
overflow: hidden;
}
.section-partners-where{
}
.section-partners-where .swiper{
overflow: visible;
margin: 0 -8px;
}
.section-partners-where .swiper-slide{
width: 25%;
padding: 0 8px;
box-sizing: border-box;
}
@media (max-width: 1359px) {
.section-partners-where .swiper-slide{
width: calc(100% / 8 * 3);
}
}
@media (max-width: 767px) {
}
.form-cover-element{
width: 100%;
height: 100%;
}
.form-cover-element .form-cover-element-container{
position: relative;
border-radius: 48px;
overflow: hidden;
height: 100%;
}
.form-cover-element-picture{
height: 100%;
}
.form-cover-element-picture img{
width: 100%;
height: 100%;
object-fit: cover;
}
.form-cover-element-content{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 64px;
text-align: center;
}
.form-cover-element-content-container{
height: 100%;
}
.form-cover-element-content-centraled{
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
width: 75%;
margin: 0 auto;
}
.form-cover-element-content-top{
display: flex;
flex-direction: column;
gap: 25px;
}
.form-cover-type-2 .form-cover-element-content{
padding: 80px;
}
.form-cover-type-2 .form-cover-element-content-centraled{
width: 100%;
}
.form-cover-type-2 .form-cover-element-content-top{
height: 100%;
justify-content: center;
}
.form-cover-type-2 .form-cover-element-content-bottom{
width: 90%;
margin: 0 auto;
}
@media (max-width: 1359px) {
.form-cover-element-content{
padding: 48px;
}
.form-cover-element .form-cover-element-container{
border-radius: 24px;
}
.form-cover-element-content-centraled{
width: 100%;
}
.form-cover-element-content-top{
width: 60%;
margin: 0 auto;
}
.form-cover-element-content-top{
gap: 18px;
}
.form-cover-type-2 .form-cover-element-content-top{
width: 100%;
}
.form-cover-type-2 .form-cover-element-content{
padding: 64px;
}
.form-cover-type-2 .form-cover-element-content-bottom{
width: 75%;
}
.form-cover-type-2 .form-cover-element-content-centraled{
gap: 64px;
}
}
@media (max-width: 767px) {
.form-cover-element-content{
padding: 48px 24px;
}
.form-cover-element-content-top{
width: 100%;
gap: 12px;
}
.form-cover-type-2 .form-cover-element-content-centraled {
gap: 32px;
}
.form-cover-type-2 .form-cover-element-content{
padding: 32px 0;
}
.form-cover-type-2 .form-cover-element-content-top{
width: 80%;
}
.form-cover-type-2 .form-cover-element-content-bottom {
width: 92%;
}
}
.section-partners-cards{
overflow: hidden;
}
.section-partners-cards-container .swiper{
overflow: visible;
margin: 0 -8px;
}
.section-partners-cards-container .swiper .swiper-slide{
width: 25%;
box-sizing: border-box;
padding: 0px 8px;
height: auto;
}
.collback-form.callback-steps-form{
padding: 64px 120px;
height: 100%;
}
.collback-form-steps{
padding: 32px 0;
}
.collback-form-steps-item{
display: flex;
gap: 16px;
align-items: center;
cursor: pointer;
}
.collback-form-steps-item .collback-form-steps-name{
color: rgba(13, 19, 26, 0.64);
transition: all 600ms;
}
.collback-form-steps-number{
display: flex;
width: 40px;
height: 40px;
background: rgba(13, 19, 26, 0.24);
color: white;
justify-content: center;
align-items: center;
border-radius: 50%;
transition: all 600ms;
position: relative;
}
.collback-form-steps-number span{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transition: all 600ms;
}
.collback-form-steps-number span.icon{
opacity: 0;
}
.collback-form-steps-number span.number{
opacity: 1;
}
.active .collback-form-steps-name{
color: #0D131A;
}
.active .collback-form-steps-number{
background: #0D131A;
}
.success .collback-form-steps-number span.icon{
opacity: 1;
}
.success .collback-form-steps-number span.number{
opacity: 0;
}
.success .collback-form-steps-number{
background: #5EC141;
}
.collback-form-steps .swiper{
margin: 0 -8px;
}
.collback-form-steps .swiper .swiper-slide{
width: auto;
box-sizing: border-box;
padding: 0 8px;
}
.callback-steps-form .collback-form-fields-btn{
padding: 0px;
}
.select-custome-field{
border-radius: 8px;
border: 1px solid rgba(13, 19, 26, 0.12);
background: rgba(13, 19, 26, 0.02);
backdrop-filter: blur(12px);
transition: border-radius 100ms, all 600ms;
cursor: pointer;
position: relative;
}
.select-custome-field.open{
border-radius: 8px 8px 0 0;
z-index: 10;
}
.select-custome-field:hover{
border: 1px solid rgba(13, 19, 26, 0.24);
}
.select-custome-field.error{
border: 1px solid #F23F37;
}
.select-custome-field.disabled{
border: 1px solid rgba(13, 19, 26, 0.12);
background: rgba(13, 19, 26, 0.08);
}
.select-custome-field.disabled .select-field-visible{
color: rgba(13, 19, 26, 0.44);
}
.select-custome-field.default .select-field-visible{
color: rgba(13, 19, 26, 0.64);
}
.select-field-visible{
box-sizing: border-box;
padding: 23px 31px 23px 31px;
display: flex;
justify-content: space-between;
transition: all 600ms;
}
.select-field-dropdown{
position: absolute;
width: calc(100% + 2px);
z-index: 1;
left: -1px;
}
.select-field-visible-name{
display: flex;
gap: 8px;
align-items: center;
}
.select-field-visible-name-text{
display: flex;
gap: 8px;
align-items: center;
}
.select-field-visible-name-icon{
}
.select-field-visible-name-icon img{
max-width: 36px;
}
.callbac-field-label{
padding-left: 10px;
}
.callbac-field-message{
padding-left: 10px;
}
.select-field-visible-right{
display: flex;
align-items: center;
}
.select-field-dropdown-variant-container{
display: flex;
gap: 8px;
align-items: center;
}
.select-field-dropdown-variant-container:hover .select-field-dropdown-variant-name,
.active .select-field-dropdown-variant-container .select-field-dropdown-variant-name{
text-decoration-line: underline;
text-decoration-skip-ink: none;
text-decoration-thickness: 6.5%;
text-underline-offset: 28.5%;
text-decoration-style: dotted;
text-decoration-color: #0D131A;
}
.select-field-dropdown-container{
display: flex;
padding: 32px 24px;
border-radius: 0 0 8px 8px;
border-right: 1px solid rgba(13, 19, 26, 0.12);
border-bottom: 1px solid rgba(13, 19, 26, 0.12);
border-left: 1px solid rgba(13, 19, 26, 0.12);
border-top: 1px solid rgba(13, 19, 26, 0.12);
background: linear-gradient(0deg, rgba(13, 19, 26, 0.02) 0%, rgba(13, 19, 26, 0.02) 100%), #FFF;
}
.select-field-dropdown-variants{
display: flex;
flex-direction: column;
gap: 16px;
}
.select-field-dropdown-variant-icon{
display: flex;
}
.select-field-dropdown-variant-icon img{
width: 28px;
height: 28px;
object-fit: contain;
}
.select-field-dropdown-container{
max-height: 247px; /* или height */
overflow: hidden; /* именно hidden, не auto */
position: relative; /* желательно */
}
.select-field-dropdown-container-scroller{
max-height: 247px;
width: 100%;
overflow: hidden;
}
.select-field-dropdown-container-scroller-container{
height: 100%;
overflow: hidden;
position: relative;
}
.ps__rail-y{
width: 2px;
background: rgba(57, 152, 247, 0.16);
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y{
background: rgba(57, 152, 247, 0.16);
}
.ps__thumb-y{
width: 2px;
background: #3998F7;
right: auto;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking{
width: 2px;
background: rgba(57, 152, 247, 0.16);
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y{
background: #3998F7;
width: 2px;
}
@media (max-width: 1359px) {
.section-find-partners-adventages .card-list-gorizontal.list-operating-systems{
margin-top: 55px;
}
.section-find-partners-adventages .section-theme-header{
text-align: center;
}
.section-find-partners-adventages .section-theme-header-btn{
margin-top: 30px;
}
.section-find-partners-adventages .card-list-gorizontal{
width: calc(100% / 8 * 6);
margin: 0 auto;
}
.section-banners{
}
.section-banners .flexbox-container{
gap: 16px;
}
.section-partners-cards-container .swiper .swiper-slide{
width: calc(100% / 8 * 3);
}
.collback-form.callback-steps-form{
padding: 44px 78px;
}
.callback-steps-form .collback-form-container{
gap: 16px;
}
.select-field-visible{
padding: 15px 24px 15px 24px;
}
.select-field-dropdown-container{
padding: 15px 24px;
}
.select-field-dropdown-variant-icon img{
}
}
@media (max-width: 767px) {
.section-partners-statistics{
}
.section-partners-statistics .flexbox-container{
gap: 8px;
}
.section-partners-where .swiper-slide{
width: calc(100% / 4 * 3);
min-height: 300px;
}
.section-partners-where .swiper-slide .sprint-default-card{
min-height: 300px;
}
.section-partners-where .swiper-slide .sprint-default-card.jsf-center .sprint-default-card-container{
height: 100%;
aspect-ratio: 214/300;
}
.section-find-partners-adventages .section-theme-header-btn{
margin-top: 4px;
}
.section-find-partners-adventages .section-theme-header-btn .btn{
width: 100%;
}
.section-find-partners-adventages .card-list-gorizontal{
width: 100%;
}
.section-banners .flexbox-container{
gap: 8px;
}
.section-partners-cards-container .swiper .swiper-slide{
width: calc(100% / 4 * 3);
}
.contacts-element-item-icon{
}
.contacts-element-item-icon img{
width: 100%;
}
.partner-element-item .contacts-element-item-container {
gap: 42px;
}
.collback-form.callback-steps-form {
padding: 20px 16px;
}
.collback-form-steps {
padding: 4px 0;
}
.collback-form-steps-number{
width: 24px;
height: 24px;
}
.collback-form-steps-item{
gap: 8px;
}
.collback-form-steps-item svg{
width: 24px;
height: 24px;
}
.collback-form-steps .swiper{
margin: 0 -4px;
}
.collback-form-steps .swiper .swiper-slide{
padding: 0 4px;
}
.callback-steps-form .collback-form-container{
gap: 32px;
}
.collback-form-fields-list {
gap: 8px;
}
.collback-form-fields-list-container {
gap: 20px;
}
.select-custome-field{
border-radius: 4px;
}
.select-custome-field.open{
border-radius: 4px 4px 0 0;
}
.select-field-visible{
padding: 11px 15px;
}
.select-field-dropdown-container{
padding: 11px 15px;
border-radius: 0 0 4px 4px;
}
.select-field-dropdown-variant-icon img{
/*width: ;*/
}
}
.programms-inside-list-container-slider{
overflow: hidden;
}
.programms-inside-list{
padding-top: 80px;
}
.programms-inside-list-container{
overflow: hidden;
padding-bottom: 1px;
}
.programms-inside-list-container .swiper{
overflow: visible;
}
.programms-inside-list-container .swiper .swiper-slide{
width: 25%;
}
.programms-inside-list-container .presentation-cards-list-item{
text-align: center;
}
.any-format-slider-list{
}
.any-format-slider-list .swiper-wrapper{
flex-direction: column;
gap: 16px;
}
.any-format-slider-list .swiper-slide{
width: 50%;
margin: 0 auto;
box-sizing: border-box;
padding: 0 4px;
}
.card-list-item-line{
display: flex;
margin: 0 -8px;
}
.surprise-sticky{
width: 50%;
margin: 0 auto;
}
.surprise-sticky .sticky-card{
/*width: 50%;*/
}
.any-format-slider-list .swiper-slide .card-list-item,
.surprise-sticky .sticky-card .card-list-item{
width: 50%;
box-sizing: border-box;
padding: 0 8px;
}
.surprise-sticky .sticky-card .card-list-item{
margin: 0 auto;
}
.card-list-item-icon-fill .custome-number-list{
margin-top: 14px;
margin-left: -25px;
}
.price-cards-container{
position: relative;
}
@media (max-width: 1359px) {
.programms-inside-list {
padding-top: 26px;
}
.programms-inside-list-container .swiper .swiper-slide{
width: calc(100% / 8 * 3);
}
.any-format-slider-list .swiper-slide{
width: calc(100% / 8 * 6);
}
.surprise-sticky{
width: calc(100% / 8 * 6);
padding: 0 2px;
box-sizing: border-box;
}
.card-list-item .card-list-item-container{
height: 403px;
padding: 24px;
}
.card-list-item .card-list-item-icon-fill{
height: 60px;
}
.card-list-item:last-child .card-list-item-container{
border-radius: 8px 24px 24px 8px;
}
.card-list-item:first-child .card-list-item-container{
border-radius: 24px 8px 8px 24px;
}
.section-find-partners-adventages .section-theme-header {
text-align: center;
max-width: 720px;
margin: 0 auto;
}
.section-find-partners-adventages .outside-card-list-gorizontal-item{
width: calc(100% / 8 * 6);
margin: 0 auto;
}
.sovmestiomst-slider-items-new{
padding-top: 10px;
}
.sovmestiomst-slider-items-new .swiper{
margin: 0 -8px;
}
.sovmestiomst-slider-items-new .swiper .swiper-slide{
width: 25% !important;
box-sizing: border-box;
padding: 0 8px;
}
.sovmestiomst-slider-items-new .sovmestimost-item .sovmestimost-item-top{
padding: 5px;
}
.sovmestiomst-slider-items-new .sovmestimost-item .sovmestimost-item-container {
gap: 19px;
}
.full-size-picture{
border-radius: 24px;
}
.card-text-icon-left-text-picture{
border-radius: 24px;
margin-top: 18px;
}
}
@media (max-width: 767px) {
.section-theme-header-btn{
margin-top: 3px;
}
.section-theme-header-btn-container{
flex-direction: column;
}
.section-theme-header-btn-container .btn{
width: 100%;
}
.programms-inside-list-container .swiper .swiper-slide{
width: 100%;
}
.any-format-slider-list .swiper-wrapper{
flex-direction: unset;
gap: 0px;
}
.any-format-slider-list .swiper-wrapper .formats-slider .swiper-wrapper{
flex-direction: column;
}
.any-format-slider-list .swiper-slide{
width: 150%;
/*padding: 0px;*/
}
.card-list-item-line{
margin: 0 -4px;
}
.programms-inside-list-container-slider{
overflow: hidden;
}
.any-format-slider-list .swiper{
overflow: visible;
}
.any-format-slider-list .swiper-slide .card-list-item{
padding: 0 4px;
}
.card-list-item .card-list-item-container{
height: 300px;
padding: 20px;
}
.card-list-item .card-list-item-icon-fill{
height: 40px;
}
.section-find-partners-adventages .section-theme-header{
text-align: left;
}
.section-find-partners-adventages .outside-card-list-gorizontal-item{
width: 100%;
}
.sovmestiomst-slider-items-new {
padding-top: 20px;
}
.sovmestiomst-slider-items-new .swiper{
margin: 0 -4px;
}
.sovmestiomst-slider-items-new .swiper .swiper-slide{
width: 50% !important;
padding: 0 4px;
}
.sovmestiomst-slider-items-new .sovmestimost-item .sovmestimost-item-top {
padding: 10px;
}
.sovmestiomst-slider-items-new .sovmestimost-item .sovmestimost-item-container {
gap: 12px;
}
.recall-info-block-container{
}
.recall-info-block-container .section-theme-header-btn{
margin-top: 12px;
width: 85%;
margin: 12px auto 0;
}
.recall-info-block-container .section-theme-header-btn .btn{
width: 100%;
}
}
.price-card{
border-radius: 48px;
background: white;
box-sizing: border-box;
height: 100%;
overflow: hidden;
}
.price-card-container{
}
.price-card-summary-discount{
font-weight: 400;
text-decoration: line-through;
}
.price-card-top-container{
display: flex;
}
.price-card-summary{
width: 68.25%;
box-sizing: border-box;
padding: 48px;
}
.price-card-box{
width: 31.75%;
}
.price-card-box img{
width: 100%;
}
.price-bullets{
display: flex;
flex-direction: column;
gap: 16px;
}
.price-bullets-item{
display: flex;
gap: 12px;
}
.price-bullets-item.mode-green .icon{
color: #5EC141;
}
.price-bullets-item.mode-violet .icon{
color: #753AA7;
}
.price-card-summary-container{
display: flex;
height: 100%;
flex-direction: column;
justify-content: space-between;
}
.price-card-summary-bottom{
display: flex;
flex-direction: column;
gap: 24px;
}
.price-card-summary-price{
display: flex;
gap: 24px;
}
.price-card-summary-btns{
display: flex;
gap: 8px;
}
.price-card-bottom{
border-top: 2px solid rgba(13, 19, 26, 0.12);
}
.price-card-bottom-container{
box-sizing: border-box;
padding: 48px;
display: flex;
flex-direction: column;
gap: 19px;
}
.price-card-bottom-soft{
display: flex;
flex-wrap: wrap;
gap: 16px;
row-gap: 4px;
}
.price-card-bottom-soft .price-card-bottom-soft-element{
display: flex;
gap: 7px;
align-items: center;
width: calc(50% - 8px);
}
.price-card-bottom-soft .drop-menu-item-icon{
}
.price-card-bottom-soft .drop-menu-item-icon img{
width: 40px;
height: 40px;
}
@media (max-width: 1359px) {
.price-card{
border-radius: 24px;
}
.price-card-summary{
padding: 24px;
width: 75.25%;
}
.price-card-box{
width: 24.75%;
}
.price-card-summary-bottom{
gap: 18px;
}
.price-card-bottom-container{
padding: 24px;
gap: 18px;
}
.price-card-bottom-soft{
row-gap: 12px;
}
.price-card-bottom-soft .drop-menu-item-icon img {
width: 32px;
height: 32px;
}
.price-card-bottom-soft .price-card-bottom-soft-element{
gap: 12px;
}
}
@media (max-width: 767px) {
.price-card-top-container{
flex-direction: column-reverse;
}
.price-card-box{
width: 100%;
box-sizing: border-box;
padding: 20px;
}
.price-card-box img{
width: 100%;
aspect-ratio: 1/1;
object-fit: contain;
}
.price-card-summary{
width: 100%;
padding: 20px 20px 18px 20px;
}
.price-card-summary-container{
gap: 32px;
}
.price-card-summary-bottom {
gap: 12px;
}
.price-card-summary-btns{
flex-wrap: wrap;
}
.price-card-summary-btns .price-card-summary-btns-item{
width: 100%;
}
.price-card-summary-btns .price-card-summary-btns-item a{
width: 100%;
}
.price-card-bottom-soft{
display: none;
}
.price-card-bottom-opener-btn{
}
.price-card-bottom-opener-btn a{
width: 100%;
box-sizing: border-box;
padding: 6px;
justify-content: center;
}
.price-card-bottom-container{
gap: 16px;
}
.price-card-bottom-soft .price-card-bottom-soft-element{
width: 100%;
margin-top: 8px;
}
.price-card-bottom-soft .price-card-bottom-soft-element:first-child{
margin-top: 0px;
}
.price-card-bottom-container {
padding: 24px 20px;
}
.price-card-bottom-opener-btn a .icon{
transition: all 600ms;
}
.price-card-bottom-opener-btn a.open .icon{
transform: rotate(180deg);
}
.section-coctact-form .flexbox-container {
gap: 8px;
}
}
.header-button{
position: relative;
}
.header-button-menu{
position: absolute;
border-radius: 4px;
background: #FFF;
box-shadow: 0 4px 16px 0 rgba(13, 19, 26, 0.08);
display: inline-block;
width: 100%;
left: 0px;
top: calc(100% + 6px);
padding: 32px;
box-sizing: border-box;
transition: all 300ms;
transform: translateY(-10px);
opacity: 0;
visibility: hidden;
}
.drop-button.open + .header-button-menu {
transform: translateY(0px);
opacity: 1;
visibility: visible;
}
.mobile-menu-footer .header-button-menu{
bottom: calc(100% + 6px);
top: auto;
}
.module-first-block-cards{
display: flex;
margin: 0 -8px;
}
.module-first-block-cards .module-first-block-card-item{
box-sizing: border-box;
padding: 0 8px;
width: 33.33%;
text-align: left;
}
.module-first-block-cards .module-first-block-card-item.col-50{
width: 50%;
}
.module-first-block-card-item-container{
display: flex;
flex-direction: column;
box-sizing: border-box;
padding: 32px;
gap: 32px;
border-radius: 48px;
justify-content: space-between;
height: 100%;
}
.mode-blue .module-first-block-card-item-container{
background: linear-gradient(180deg, rgba(57, 152, 247, 0.00) 21.2%, rgba(57, 152, 247, 0.14) 145.47%), #FFF;
}
.mode-red .module-first-block-card-item-container{
background: linear-gradient(180deg, rgba(242, 63, 55, 0.00) 21.2%, rgba(242, 63, 55, 0.14) 145.47%), #FFF;
}
.mode-green .module-first-block-card-item-container{
background: linear-gradient(180deg, rgba(94, 193, 65, 0.00) 21.2%, rgba(94, 193, 65, 0.14) 145.47%), #FFF;
}
.education-mode .module-first-block-card-item-container{
padding: 48px;
}
.module-first-block-card-item-icon .custome-number-list{
margin-left: 24px;
margin-top: 15px;
}
.module-first-block-card-item-desc{
display: flex;
flex-direction: column;
gap: 48px;
}
.module-first-block-card-item-desc-content{
}
.module-first-block-card-item-desc-content ul{
display: flex;
flex-direction: column;
gap: 16px;
}
.module-first-block-card-item-desc-content ul li{
display: flex;
gap: 16px;
}
.module-first-block-card-item-desc-content ul li .icon{
width: 32px;
height: 32px;
}
.module-first-block-card-item-desc-content ul li .text{
width: calc(100% - 48px);
}
@media (max-width: 1359px) {
.section-main-block-container.about-page-main-block .module-first-block-content-top {
gap: 16px;
}
.module-first-block-card-item-container{
padding: 24px;
gap: 66px;
border-radius: 24px;
}
.about-page-container .main-page-interactive-slider{
padding: 0px;
}
.about-page-container .main-page-interactive-slider-element-left {
padding: 81px 8px 0;
}
.about-page-container .section-theme-header{
gap: 24px;
}
.about-page-container .main-page-interactive-slider-element-right{
padding: 0px 32px 52px;
}
}
@media (max-width: 767px) {
.module-first-block-card-item-container{
}
.section-main-block.section-main-block-about-page{
align-items: start;
}
.section-main-block-container.about-page-main-block{
padding: 42px 0;
}
.section-main-block-container.about-page-main-block .module-first-block {
padding: 32px 16px 32px 16px;
}
.section-main-block-container.about-page-main-block .module-first-block-content-top {
gap: 13px;
}
.module-first-block-cards{
flex-wrap: wrap;
gap: 8px;
}
.module-first-block-cards .module-first-block-card-item{
width: 100%;
}
.module-first-block-card-item-container{
flex-direction: row;
gap: 8px;
padding: 16px;
}
.module-first-block-card-item-icon .custome-number-list {
margin-left: 19px;
margin-top: 13px;
}
.module-first-block-card-item-icon{
width: 64px;
}
.module-first-block-card-item-name{
width: calc(100% - 72px);
}
.we-numbers-container.we-numbers-slider{
margin: 0 -4px;
}
.we-numbers-slider .swiper-slide{
padding: 0 4px;
}
.about-page-container .main-page-interactive-slider-element-left {
padding: 43px 8px 0;
}
.about-page-container .main-page-interactive-slider .section-theme-header-subtitle {
margin-top: 7px;
}
.about-page-container .main-page-interactive-slider-element-content {
width: calc(100% - 16px);
}
.about-page-container .main-page-interactive-slider-element-right {
padding: 32px 16px 16px;
}
.card-text-icon-left-text-picture{
margin-top: 12px;
}
.slider-element-controller-container.centered-controller{
justify-content: unset;
margin-right: 32px;
}
}
.popup-item{
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
visibility: hidden;
pointer-events: none;
}
.popup-item.open{
z-index: 20;
visibility: visible;
pointer-events: unset;
}
.popup-item .popup-shadow{
position: absolute;
width: 100%;
height: 100%;
background: rgba(13, 19, 26, 0.54);
backdrop-filter: blur(16px);
opacity: 0;
transition: all 600ms;
visibility: hidden;
}
.popup-item.open-shadow .popup-shadow{
opacity: 1;
visibility: visible;
}
.popup-item .popup-close{
position: absolute;
right: 48px;
top: 48px;
z-index: 16;
opacity: 0;
transform: translateY(10px);
transition: all 600ms;
visibility: hidden;
}
.popup-item.open-close .popup-close{
opacity: 1;
transform: translateY(0);
visibility: visible;
}
.popup-item-block{
height: 100%;
}
.popup-item-block .wrapper-inside{
height: 100%;
}
.popup-item-block .flexbox-container{
height: 100%;
}
.popup-item-block .flexbox-container .flex-col{
height: 100%;
}
.popup-item-container{
height: 100%;
box-sizing: border-box;
padding: 62px 0;
display: flex;
align-items: center;
opacity: 0;
transform: translateY(10px);
transition: all 600ms;
visibility: hidden;
position: relative;
z-index: 15;
}
.popup-item.open-form .popup-item-container{
opacity: 1;
transform: translateY(0);
visibility: visible;
}
.popup-item-content{
/*background: white;*/
border-radius: 48px;
height: auto;
max-height: 100%;
width: 100%;
}
.popup-item-content .collback-form-steps{
margin-top: 25px;
}
.popup-item-content .collback-form-container{
height: 100%;
position: relative;
padding: 0 40px;
}
.popup-item-content .filter-form .collback-form-container{
padding: 0px;
}
.popup-item-content .collback-form.callback-steps-form{
padding: 64px 60px;
}
.popup-item-content .collback-form-fields-btn{
padding: 0px;
}
.popup-item-content .collback-form.callback-steps-form {
overflow: auto;
}
.popup-item-content {
height: 100%;
display: flex;
align-items: center;
}
@media (max-width: 1359px) {
.popup-item-container{
padding: 134px 0;
}
.popup-item-content{
border-radius: 24px;
}
.popup-item-content .collback-form-container{
padding: 0px;
gap: 24px;
}
.popup-item-content .collback-form-body{
box-sizing: border-box;
padding: 0 15px;
}
.popup-item .popup-close{
right: 32px;
top: 44px;
}
.popup-item-content .collback-form.callback-steps-form {
padding: 52px 50px;
}
.popup-item-content .collback-form-steps{
margin-top: 0px;
}
.popup-item-content .collback-form-steps {
padding: 28px 0 32px;
}
.popup-item-content .collback-form-steps-item{
gap: 12px;
}
.popup-item-content .collback-form-steps .swiper{
margin: 0 -4px;
}
.popup-item-content .collback-form-steps .swiper .swiper-slide{
padding: 0 4px;
}
.popup-item-content .callback-checkbox{
gap: 24px;
}
}
@media (max-width: 767px) {
.popup-item-block .wrapper-inside{
width: 100%;
}
.popup-item-container{
padding: 0px;
align-items: start;
}
.popup-item-content{
border-radius: 0px;
}
.popup-item-content .collback-form{
padding: 56px 16px;
height: 100%;
}
.form-tabs-container{
/*height: calc(100% - 124px);*/
}
.popup-item .popup-close{
top: 12px;
right: 16px;
}
.popup-close a{
width: 30px;
height: 24px;
}
.popup-close a .icon{
}
.popup-close a .icon svg{
width: 18px;
height: 18px;
}
.popup-item-content .collback-form.callback-steps-form {
padding: 56px 0px;
}
.popup-item-content .collback-form.callback-steps-form{
}
.popup-item-content .collback-form-steps {
padding: 16px 16px 4px;
overflow: hidden;
}
.popup-item-content .collback-form-steps .swiper{
overflow: visible;
}
.popup-item-content .collback-form-header-title{
padding: 0 16px;
}
.popup-item-content .collback-form-header-desc{
padding: 0 16px;
box-sizing: border-box;
}
.popup-item-content .collback-form-steps-item {
gap: 8px;
}
.popup-item-content .collback-form-body {
box-sizing: border-box;
/*padding: 0 16px;*/
padding: 0px;
}
.popup-item-content .collback-form-body form{
display: flex;
flex-direction: column;
justify-content: space-between;
}
.popup-item-content .callback-steps-form .collback-form-body{
padding: 0 16px;
}
.popup-item-content .collback-form-container{
gap: 20px;
}
.popup-item-content{
align-items: start;
}
.popup-item-content .collback-form{
border-radius: 0px;
}
.popup-item-content .filter-form .collback-form-header-title{
padding: 0px;
}
}
.error-page-container {
padding: 100px 130px;
}
.error-page-block {
border-radius: 48px;
}
.error-page-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 32px;
}
.error-page-picture {
width: 100%;
margin: 0 auto;
max-height: 662px;
max-width: 662px;
}
.error-page-picture img {
width: 100%;
}
.section-error-page {
padding: 100px 0px 160px 0px;
}
@media (max-width: 1359px) {
.error-page-picture {
margin: 0 auto;
max-height: 420px;
max-width: 420px;
}
.error-page-info {
margin-top: 32px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.section-error-page {
padding: 72px 0px 72px 0px;
}
.error-page-container {
padding: 72px;
}
}
@media (max-width: 767px) {
.error-page-picture {
max-height: 320px;
max-width: 320px;
}
.error-page-info {
gap: 24px;
}
.error-page-container {
padding: 52px 32px;
}
.error-page-block.dark-mode {
background-size: auto;
background-position: right;
}
}
@media (max-width: 575px) {
.error-page-picture {
max-height: 240px;
max-width: 240px;
}
.error-page-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
gap: 8px;
}
}
.section-special-conditions-header {
margin-bottom: 80px;
}
.special-conditions-block {
border-radius: 48px;
background-color: #ffffff;
}
.special-conditions-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-radius: 48px 48px 0px 0px;
padding: 32px 48px;
background-color: #ececed;
}
.special-conditions-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 48px;
height: 290px;
gap: 20px;
}
.special-conditions-btn {
margin-top: auto;
}
.section-tariffs-list {
border-radius: 48px;
background-color: #ffffff;
}
.tariffs-head {
/*padding: 32px 48px;*/
background-color: #ececed;
border-radius: 48px 48px 0px 0px;
}
.tariffs-item {
/*padding: 32px 48px;*/
border-bottom: 1px solid rgba(13, 19, 26, 0.08);
}
.tariffs-item:last-child {
border-bottom: 0px;
}
.tariffs-tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8px;
}
.tariffs-tags.btn-border {
font-size: 14px;
}
.tariffs-price .btn-border {
font-weight: 600;
}
.tariffs-name {
margin-bottom: 24px;
}
.section-tariffs-info {
padding: 0px 48px;
margin-top: 48px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.section-tariffs-info a {
color: inherit;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-style: solid;
text-decoration-style: solid;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
-webkit-text-decoration-color: rgba(13, 19, 26, 0.24);
text-decoration-color: rgba(13, 19, 26, 0.24);
text-decoration-thickness: 5%;
}
.tariffs-price_recomend {
display: none;
}
@media (max-width: 575px) {
}
@media (max-width: 1359px) {
.special-conditions-text {
height: auto;
padding: 24px;
}
.special-conditions-btn {
margin-top: 5px;
}
.section-tariffs-info {
padding: 0px 32px;
}
.tariffs-head,
.special-conditions-head {
padding: 24px 32px;
border-radius: 32px 32px 0px 0px;
}
.tariffs-item {
padding: 24px 32px;
}
.special-conditions-block:first-child {
margin-bottom: 15px;
}
}
@media (max-width: 767px) {
.special-conditions-text {
padding: 20px;
}
.tariffs-recom {
display: none;
}
.tariffs-price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
}
.tariffs-price p {
font-size: 20px;
}
.tariffs-price_recomend {
color: rgba(13, 19, 26, 0.64);
display: block;
font-size: 14px;
width: 40%;
text-align: left;
}
.tariffs-item .flex-col {
width: 100%;
}
.tariffs-items .flexbox-container {
gap: 30px;
}
.section-tariffs-info {
padding: 0px 16px;
}
.tariffs-head,
.special-conditions-head {
padding: 20px 16px;
border-radius: 32px 32px 0px 0px;
}
.tariffs-item {
padding: 20px 16px;
}
.tariffs-tags {
gap: 5px;
}
.section-special-conditions-header {
margin-bottom: 30px;
}
}
.form-tabs-container{
display: flex;
flex-direction: column;
gap: 24px;
margin-bottom: 48px;
}
.form-tabs-container .callback-checkbox{
gap: 16px;
}
.form-tabs-container .form-tabs-box{
position: relative;
}
.form-tabs-container .form-tabs-box .form-tabs-box-item{
position: absolute;
top: 0px;
left: 0px;
opacity: 0;
width: 100%;
visibility: hidden;
}
.form-tabs-container .form-tabs-box .form-tabs-box-item.visible{
opacity: 1;
visibility: visible;
}
.filter-count-elements{
margin-bottom: 16px;
}
.content-page-filter{
position: relative;
}
.counts-filtered{
position: absolute;
right: 1px;
top: 0px;
transform: translateY(-50%);
z-index: 1;
}
.counts-filtered .tags-item{
padding: 3px 12px;
}
.tags-item.mode-red{
border: 1px solid rgba(13, 19, 26, 0.08);
background: #F23F37;
color: white;
}
@media (max-width: 1359px) {
.popup-item-content .filter-form .collback-form-body{
padding: 0px;
}
.form-tabs-container{
gap: 20px;
}
.form-tabs-container .callback-checkbox {
gap: 14px;
}
.form-tabs-container{
margin-bottom: 32px;
}
.filter-count-elements {
margin-bottom: 12px;
}
}
@media (max-width: 767px) {
.filter-form{
}
.filter-form-bottom-buttons{
flex-direction: column;
}
.filter-form .btn{
width: 100%;
}
.filter-form .btn + .btn{
/*margin-top: 8px;*/
}
.popup-item-content .collback-form.filter-form {
padding: 56px 16px 20px;
}
}
.what-installing-block {
width: 50%;
margin: 0 auto;
}
.what-installing-card {
background: #FFF;
padding: 48px;
border-radius: 48px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
box-sizing: border-box;
}
.what-installing-card img {
width: 120px;
height: 120px;
margin-bottom: 80px;
}
.what-installing-name {
margin-bottom: 15px;
}
.what-installing-card-info {
/*margin-bottom: 48px;*/
}
.what-installing-card-info p {
margin-bottom: 20px;
}
.what-installing-card-info ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.what-installing-card-btn {
/*margin-top: auto;*/
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
}
.what-installing-card-container{
display: flex;
flex-direction: column;
gap: 48px;
justify-content: space-between;
height: 100%;
}
.systems-slider-item .systems-slider-item-container.product-slider-container img {
width: 120px;
height: 120px;
}
.systems-slider-item .systems-slider-item-container.product-slider-container .systems-slider-item-picture {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 1600px) {
.what-installing-block {
width: 75%;
}
}
@media (max-width: 1359px) {
.systems-slider-item .systems-slider-item-container img {
width: 64px;
height: 64px;
}
.step-installing-cards {
width: 60%;
margin: 60px auto 0px auto;
}
.section-step-installing .section-theme-header {
text-align: center;
}
.what-installing-card{
padding: 24px;
border-radius: 24px;
}
.what-installing-card img{
width: 80px;
height: 80px;
margin-bottom: 64px;
}
.what-installing-name {
margin-bottom: 12px;
}
.what-installing-card-container{
gap: 24px;
}
}
@media (max-width: 991px) {
.step-installing-cards {
width: 70%;
}
.what-installing-block {
width: 100%;
}
.systems-slider-item .systems-slider-item-container.product-slider-container img {
width: 64px;
height: 64px;
}
.card-list-gorizontal-tag .btn-border{
padding: 9px 21px;
}
.card-list-gorizontal-tag-formats {
gap: 8px;
row-gap: 8px;
}
}
@media (max-width: 767px) {
.what-installing-card {
padding: 24px;
}
.what-installing-card img {
margin-bottom: 65px;
width: 80px;
height: 80px;
}
.card-list-gorizontal-tag .btn-border {
padding: 7px 15px;
}
.what-installing-name {
margin-bottom: 8px;
}
}
@media (max-width: 575px) {
.step-installing-cards {
width: 100%;
}
.what-installing-card {
padding: 20px;
}
.what-installing-card img {
margin-bottom: 32px;
width: 64px;
height: 64px;
}
.section-what-installing .flexbox-container {
gap: 8px;
}
.section-what-installing .flex-col {
width: 100%;
}
.what-installing-card-btn {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.what-installing-card-btn .btn {
width: 100%;
}
}
.education-card{
height: 100%;
}
.education-card-content{
display: flex;
flex-direction: column;
gap: 48px;
height: 100%;
justify-content: space-between;
}
.education-card-container{
box-sizing: border-box;
padding: 48px;
background: white;
border-radius: 48px;
height: 100%;
}
.education-card-top-header{
display: flex;
flex-direction: column;
gap: 16px;
}
.education-card-top{
display: flex;
flex-direction: column;
gap: 32px;
}
.education-card-top-body{
display: flex;
flex-direction: column;
gap: 16px;
}
.education-card-top-body-list{
}
.education-card-top-body-list ul{
display: flex;
flex-direction: column;
gap: 10px;
}
.education-card-top-body-list ul li{
padding-left: 32px;
position: relative;
}
.education-card-top-body-list ul li:before{
content: "";
position: absolute;
display: inline-block;
width: 24px;
height: 24px;
left: 0px;
top: 0px;
background: url(../img/li-default-item.svg) no-repeat center center;
}
.education-card-bottom-container{
display: flex;
justify-content: space-between;
align-items: end;
}
.education-page-body{
padding-top: 48px;
}
.education-page-body .flexbox-container{
row-gap: 48px;
}
.price-cards-container .flexbox-container{
row-gap: 16px;
}
@media (max-width: 1359px) {
.education-card-container{
border-radius: 24px;
padding: 24px;
}
.education-card-top-header{
gap: 12px;
}
.education-card-top{
gap: 24px;
}
.education-card-top-body{
gap: 12px;
}
.education-card-top-body-list ul{
gap: 6px;
}
.education-card-top-body-list ul li {
padding-left: 26px;
}
.education-page-body .flexbox-container{
row-gap: 32px;
}
}
@media (max-width: 767px) {
.education-card-container{
padding: 20px;
}
.education-card-top-header {
gap: 8px;
}
.education-card-top {
gap: 16px;
}
.education-card-top-body {
gap: 8px;
}
.education-card-content{
gap: 14px;
}
.education-card-logo{
}
.education-card-logo img{
width: 190px;
}
.education-page-body .flexbox-container{
row-gap: 8px;
}
}
.sla-partners-btn{
text-align: center;
height: 52px;
}
.sla-partners-btn-container{
display: inline-block;
width: 100%;
text-align: center;
}
.fixed .sla-partners-btn-container {
position: fixed;
bottom: 32px;
left: 0px;
}
.section-single-image{
overflow: hidden;
}
.marquee-item .product-card{
max-width: 360px;
}
.marquee-item .product-card .product-card-text-title{
display: inline-block;
white-space: normal;
}
.marquee-item .product-card .product-card-text-desc{
display: inline-block;
white-space: normal;
}
@media (max-width: 1359px) {
.marquee-item{
}
.marquee-item .product-card {
/*max-width: 140px;*/
}
}
@media (max-width: 767px) {
.marquee-item{
padding: 0 6px;
}
.marquee-item .product-card {
max-width: 140px;
}
}
.education-detail-page{
box-sizing: border-box;
padding: 0 20px;
}
.education-detail-page-container{
display: flex;
flex-direction: column;
gap: 48px;
}
.education-detail-page-top{
display: flex;
flex-direction: column;
gap: 48px;
}
.education-detail-header{
display: flex;
flex-direction: column;
gap: 24px
}
.education-detail-courses{
display: flex;
flex-direction: column;
gap: 16px;
}
.education-detail-courses-list-container{
display: flex;
flex-direction: column;
gap: 8px;
}
.education-detail-courses-list-item-box{
display: flex;
gap: 24px;
justify-content: space-between;
box-sizing: border-box;
padding: 16px 24px;
border-radius: 24px;
background: rgba(13, 19, 26, 0.08);
}
.education-detail-courses-list-item-icon{
display: inline-block;
min-width: 115px;
}
.education-detail-courses-list-item-icon .updates-item-platform-container{
padding: 3px 15px;
border: 1px solid rgba(13, 19, 26, 0.08);
background: rgba(255, 255, 255, 0.64);
backdrop-filter: blur(12px);
}
.education-detail-body{
display: flex;
flex-direction: column;
gap: 32px;
}
.education-detail-contacts-container{
display: flex;
flex-direction: column;
gap: 32px;
}
.education-detail-contacts-item{
display: flex;
flex-direction: column;
gap: 16px;
}
.education-detail-contacts-box{
display: flex;
flex-direction: column;
gap: 8px;
}
.education-detail-contacts-btn{
}
.education-detail-contacts-btn .btn{
width: 100%;
}
.section.section-education-page{
overflow: hidden;
}
.section.section-we-number{
overflow: hidden;
}
.section.section-we-number .section-theme-header{
top: 0px !important;
}
.section.section-overflow{
overflow: hidden;
}
@media (max-width: 1359px) {
.education-detail-page-top{
gap: 32px;
}
.education-detail-page{
padding: 0 15px;
}
.education-detail-header{
gap: 20px;
}
.education-detail-page-container{
gap: 32px;
}
.education-detail-courses{
gap: 12px;
}
.education-detail-courses-list-item-box{
padding: 9px 16px 7px;
}
.education-detail-courses-list-item-icon{
min-width: unset;
}
.education-detail-courses-list-item-icon .updates-item-platform-name{
font-size: 12px;
line-height: 20px;
}
.education-detail-body{
gap: 18px;
}
.education-detail-contacts-item{
gap: 14px;
}
.education-detail-contacts-container{
gap: 16px;
}
.section-main-block-container.about-page-main-block.education-mode{
padding: 64px 0;
}
.section-main-block-container.about-page-main-block.education-mode .module-first-block .module-first-block-content-container{
border-radius: 24px;
padding: 32px;
}
.module-first-block-cards .module-first-block-card-item.col-50{
width: calc(100% - 132px);
margin: 0 auto;
}
.education-mode .module-first-block-card-item-container {
padding: 24px;
}
.section-main-block-container.about-page-main-block.education-mode .module-first-block-content-top{
gap: 48px;
}
.section-main-block-container.about-page-main-block.education-mode .module-first-block-content {
gap: 64px;
}
.section-main-block-container.about-page-main-block.education-mode .module-first-block-cards{
flex-wrap: wrap;
gap: 18px;
}
.section-main-block-container.about-page-main-block.education-mode .module-first-block-card-item-desc{
gap: 24px;
}
.content-page-header-menu-container{
width: 100%;
}
.content-page-menu{
width: calc(100% - 152px);
overflow: hidden;
position: relative;
}
.content-page-menu:after{
content: "";
position: absolute;
right: 0px;
top: 0px;
width: 40px;
height: 100%;
/*background: linear-gradient(90deg, rgba(250, 250, 250, 0.00) 0%, #FAFAFA 29.09%);*/
background: linear-gradient(90deg,rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 1) 100%);
z-index: 1;
}
.jsf-center .content-page-menu ul{
justify-content: center;
}
.content-page-menu ul li a,
.content-page-menu a{
padding: 14px 0 14px;
}
.section-education-page-container .content-page-filter{
}
.education-page-body {
padding-top: 32px;
}
}
@media (max-width: 767px) {
.education-detail-page {
padding: 0;
}
.education-detail-picture{
width: 148px;
height: 64px;
display: flex;
object-fit: contain;
justify-content: center;
}
.education-detail-picture img{
max-width: 100%;
max-height: 100%;
}
.education-detail-page-top {
gap: 24px;
}
.education-detail-page-container {
gap: 24px;
}
.education-detail-courses-list-item-box{
flex-direction: column;
gap: 8px;
}
.education-detail-courses-list-item-box {
padding: 8px 12px 7px;
display: inline-block;
width: 100%;
}
.education-detail-courses-list-item-icon.empty-icon{
display: none;
}
.education-detail-courses-list-item-icon{
display: inline-block;
margin-top: 8px;
}
.education-detail-courses-list-item-icon .updates-item-platform-name{
font-size: 10px;
line-height: 18px;
}
.education-detail-courses-list-item-icon .updates-item-platform-container {
padding: 4px 12px;
}
.education-detail-body {
gap: 16px;
}
.section-main-block-container.about-page-main-block.education-mode .module-first-block .module-first-block-content-container{
padding: 16px;
}
.section-main-block-container.about-page-main-block.education-mode .module-first-block-content-top {
gap: 30px;
}
.education-mode .module-first-block-card-item-container {
padding: 20px 18px;
}
.module-first-block-cards .module-first-block-card-item.col-50{
width: 100%;
}
.section-main-block-container.about-page-main-block.education-mode .module-first-block-content {
gap: 32px;
}
.section-main-block-container.about-page-main-block.education-mode .module-first-block-card-item-desc {
gap: 20px;
}
.module-first-block-card-item-desc-content ul li{
gap: 10px;
}
.module-first-block-card-item-desc-content ul li .text {
width: calc(100% - 42px);
}
.section-main-block-container.about-page-main-block.education-mode .module-first-block-cards {
gap: 8px;
}
.section-main-block-container.about-page-main-block.education-mode .module-first-block-card-item-desc .module-first-block-card-item-desc-title{
box-sizing: border-box;
padding: 0 2px;
}
.content-page-menu{
width: 100%;
overflow: visible;
}
.content-page-menu:after{
display: none;
}
.content-page-menu ul li a,
.content-page-menu a {
padding: 12px 0 12px;
}
.education-page-body {
padding-top: 16px;
}
}
.section-main-tariffs{
padding-top: 100px;
padding-bottom: 80px;
}
.tariffs-position{
padding: 32px 0px 32px 48px;
}
.tariffs-recom{
padding: 32px 48px 32px 48px;
}
.tags-item.tags-item-big{
padding: 7px 24px;
}
@media (max-width: 1359px) {
.section-main-tariffs {
padding-top: 72px;
padding-bottom: 64px;
}
.section-tariffs-list{
border-radius: 24px;
overflow: hidden;
}
.tariffs-head{
padding: 0px;
border-radius: 0px;
}
.tariffs-position {
padding: 24px 0px 24px 24px;
}
.tariffs-recom {
padding: 24px 24px 24px 24px;
}
.tariffs-item{
padding: 0px;
}
.tariffs-name {
margin-bottom: 18px;
}
.tags-item.tags-item-big {
padding: 7px 20px;
}
.section-tariffs-info{
margin-top: 32px;
}
.section-special-conditions-header {
margin-bottom: 64px;
}
.special-conditions-block{
border-radius: 24px;
}
}
@media (max-width: 767px) {
.section-main-tariffs {
padding-top: 48px;
padding-bottom: 32px;
}
.section-tariffs-list {
border-radius: 24px;
}
.tariffs-position {
padding: 16px 0px 16px 20px;
}
.tariffs-name {
margin-bottom: 12px;
}
.tariffs-item .tariffs-recom{
display: inline-block;
padding: 0px 20px;
}
.tariffs-price_recomend{
font-size: 12px;
line-height: 20px;
}
.tariffs-item{
padding-bottom: 15px;
}
.tariffs-items .flexbox-container {
gap: 16px;
}
.tags-item.tags-item-big {
padding: 7px 16px;
}
.tariffs-price{
gap: 16px;
}
.tariffs-tags {
gap: 8px;
}
.section-tariffs-info {
margin-top: 15px;
}
.section-special-conditions-header {
margin-bottom: 32px;
}
.special-conditions-head{
padding: 15px 20px;
border-radius: 24px 24px 0 0;
}
.special-conditions-btn {
margin-top: 0px;
}
}
.section-main-block-container.about-page-main-block.education-mode .module-first-block .module-first-block-content-container.about-page-mode{
padding: 80px 48px 48px;
}
.section-main-block-container.about-page-main-block.education-mode .about-page-mode .module-first-block-content-top{
gap: 24px;
}
.section-main-block-container.about-page-main-block.education-mode .about-page-mode .module-first-block-content {
gap: 106px;
}
.education-mode .about-page-mode .module-first-block-card-item-container {
padding: 32px;
}
@media (max-width: 1359px) {
.section-main-block-container.about-page-main-block.education-mode .module-first-block .module-first-block-content-container.about-page-mode{
padding: 64px 32px 32px;
}
.section-main-block-container.about-page-main-block.education-mode .about-page-mode .module-first-block-cards{
gap: 0px;
}
.education-mode .about-page-mode .module-first-block-card-item-container{
padding: 24px;
}
.section-main-block-container.about-page-main-block.education-mode .about-page-mode .module-first-block-content-top {
gap: 16px;
}
.section-main-block-container.about-page-main-block.education-mode .about-page-mode .module-first-block-content {
gap: 90px;
}
}
@media (max-width: 767px) {
.section-main-block-container.about-page-main-block.education-mode .module-first-block .module-first-block-content-container.about-page-mode{
padding: 32px 16px 24px;
width: 100%;
box-sizing: border-box;
}
.section-main-block-container.about-page-main-block.education-mode .about-page-mode .module-first-block-cards{
margin: 0px;
gap: 8px;
}
.section-main-block-container.about-page-main-block.education-mode .about-page-mode .module-first-block-cards .module-first-block-card-item{
padding: 0px;
}
.section-main-block-container.about-page-main-block.education-mode .about-page-mode .module-first-block-content-top {
gap: 12px;
}
.section-main-block-container.about-page-main-block.education-mode .about-page-mode .module-first-block-content {
gap: 70px;
}
.education-mode .about-page-mode .module-first-block-card-item-container {
padding: 16px;
}
}
.header.fixed .header-fixed-inside {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
background: white;
/* Значение будет устанавливаться через JS (высота header-line-1) */
transform: translateY(var(--header-line-offset, -96px));
transition: none;
}
.header.fixed.animate .header-fixed-inside {
transition: transform 0.3s ease-out;
}
.header.fixed.fixed-top .header-fixed-inside {
transform: translateY(0);
}
@media (max-width: 1359px) {
.header.fixed .header-fixed-inside{
transform: translateY(0);
}
}
.module-first-block-content{
}
.module-first-block-content.activation-page-mode{
gap: 80px;
padding-bottom: 48px;
}
.section-home-page-hero .main-page-hero{
padding-top: 100px;
}
@media (max-width: 1359px) {
.module-first-block-content.activation-page-mode{
gap: 64px;
padding-bottom: 26px;
}
.activation-page-mode .presentation-cards-list .presentation-cards-list-item{
width: 50%;
}
.activation-page-mode .section-container-twocol{
}
.activation-page-mode .section-container-twocol .flexbox-container .section-theme-header-name{
text-align: center;
}
.activation-page-mode .section-container-twocol .flexbox-container .section-theme-header-btn{
text-align: center;
margin-top: 32px;
}
.activation-page-mode .section-container-twocol .flexbox-container .section-theme-header-btn.no-margin-on-tablet{
margin-top: 16px;
}
.activation-page-mode .section-container-twocol .flexbox-container{
flex-direction: column;
gap: 64px;
}
.activation-page-mode .section-container-twocol .flexbox-container .flex-col{
width: 100%;
}
.activation-page-mode .section-container-twocol .section-theme-header-title{
text-align: center;
}
.activation-page-mode .section-container-twocol .section-theme-header-text{
text-align: center;
}
.activation-page-mode .section-container-twocol .card-list-gorizontal{
width: calc(100% / 8 * 6);
margin: 0 auto;
padding-top: 0px;
}
.activation-page-mode .section-container-twocol .marquee-item .product-card{
max-width: 212px;
}
.section-home-page-hero .main-page-hero{
padding-top: 70px;
}
.section-home-page-hero .main-page-interactive-slider-element-left{
padding: 82px 0 0;
}
.section-home-page-hero .main-page-interactive-slider .section-theme-header-subtitle{
margin-top: 14px;
}
}
@media (max-width: 767px) {
.module-first-block-content.activation-page-mode {
gap: 32px;
padding-bottom: 32px;
}
.activation-page-mode .section-container-twocol .card-text-icon-left-icon.hide-number-icon{
display: none;
}
.activation-page-mode .section-container-twocol .flexbox-container .section-theme-header-btn{
text-align: center;
margin-top: 4px;
}
.activation-page-mode .section-container-twocol .flexbox-container .section-theme-header-btn a{
width: 100%;
}
.activation-page-mode .section-container-twocol .flexbox-container .section-theme-header.only-mobile{
display: none;
}
.activation-page-mode .section-container-twocol .flexbox-container{
gap: 50px;
}
.activation-page-mode .section-container-twocol .card-list-gorizontal{
width: 100%;
padding-top: 0px;
}
.what-installing-card-container {
gap: 20px;
}
.section-theme-header-picture{
width: 50%;
}
.mobile-menu-body-bottom-item .mobile-menu-body-bottom-item-header .mobile-menu-body-bottom-item-header-container{
width: 100%;
}
.section-home-page-hero .main-page-hero {
padding-top: 52px;
}
.main-page-interactive-slider-top ul li a.slider-link {
padding-bottom: 10px;
}
.section-home-page-hero .main-page-interactive-slider-element-left {
padding: 44px 0 0;
}
.section-home-page-hero .main-page-interactive-slider .section-theme-header-subtitle {
margin-top: 20px;
}
.main-page-interactive-slider-element-right{
gap: 72px;
}
}
.detail-product-page-menu{
display: inline-block;
width: 100%;
position: fixed;
bottom: 0px;
z-index: 3;
padding-bottom: 32px;
}
.detail-product-page-menu-progress{
display: inline-block;
width: 100%;
height: 2px;
background: rgba(57, 152, 247, 0.16);
position: absolute;
left: 0px;
bottom: 0px;
}
.detail-product-page-menu-progress-active{
display: inline-block;
height: 100%;
position: absolute;
left: 0px;
bottom: 0px;
}
.detail-product-page-menu-progress-vertical{
display: inline-block;
width: 2px;
height: calc(100% - 64px);
background: rgba(57, 152, 247, 0.16);
position: absolute;
top: 32px;
left: 16px;
border-radius: 2px;
}
.detail-product-page-menu-progress-vertical-active{
display: inline-block;
width: 100%;
position: absolute;
left: 0px;
top: 0px;
}
.detail-product-page-menu-progress-active.mode-blue,
.detail-product-page-menu-progress-vertical-active.mode-blue{
background: #3998F7;
}
.detail-product-page-menu-container{
position: relative;
}
.detail-product-page-menu-tags-menu{
position: absolute;
left: 0px;
bottom: 2px;
}
.detail-product-page-menu-tags-menu-items{
position: relative;
left: 0px;
bottom: 48px;
border-radius: 4px 4px 0 0;
background: #FFF;
padding: 32px;
opacity: 1;
height: 100%;
transition: translateY 600ms;
}
.detail-product-page-menu-tags-menu-items.hidden-menu{
transform: translateY(-10px);
visibility: hidden;
pointer-events: none;
opacity: 0;
height: 0;
padding: 0;
}
.detail-product-page-menu-tags-menu-items-list{
display: flex;
flex-direction: column;
gap: 16px;
}
.detail-product-page-menu-tags-menu-items-element{
white-space: nowrap;
}
.detail-product-page-menu-tags-menu-items-element a{
color: rgba(13, 19, 26, 0.64);
}
.detail-product-page-menu-tags-menu-items-element.current a,
.detail-product-page-menu-tags-menu-items-element a:hover{
color: #0D131A;
}
.detail-product-page-menu-tags-menu-current{
position: absolute;
bottom: 0px;
transition: all 600ms;
}
.detail-product-page-menu-tags-menu-current.open{
width: 100%;
}
.detail-product-page-menu-tags-menu-current a{
border-radius: 48px;
border: 1px solid rgba(13, 19, 26, 0.08);
background: rgba(255, 255, 255, 0.12);
/* button-bg-blur */
backdrop-filter: blur(12px);
padding: 9px 23px;
box-sizing: border-box;
transition: all 600ms;
}
.detail-product-page-menu-tags-menu-current a .name{
transition: all 600ms;
white-space: nowrap;
}
.detail-product-page-menu-tags-menu-current a .icon{
transition: all 600ms;
}
.detail-product-page-menu-tags-menu-current.open a{
border-radius: 0 0 4px 4px;
background: #FFF;
border: 1px solid white;
}
.detail-product-page-menu-tags-menu-current.open a .text-primary-64{
color: #0D131A;
}
.detail-product-page-menu-tags-menu-current.open a .icon{
transform: rotate(-180deg);
}
.detail-product-page-menu-btns-list .btns-list-container{
justify-content: center;
}
.detail-product-page-menu-btns-list .btns-list-container a{
}
.detail-product-page-menu-back-to-top{
position: absolute;
right: 0px;
bottom: 2px;
}
.product-back-link{
}
.product-back-link a{
gap: 8px;
padding: 7px 15px;
border-radius: 48px;
border: 1px solid rgba(13, 19, 26, 0.08);
background: rgba(255, 255, 255, 0.12);
backdrop-filter: blur(12px);
}
.product-back-link a .product-icon{
height: 32px;
}
.product-back-link a .product-icon .module-first-block-image{
width: auto;
height: 100%;
position: relative;
transform: unset;
gap: 8px;
top: auto;
left: auto;
}
.product-back-link a .product-icon .module-first-block-image img{
width: 24px;
}
.product-back-link a .product-icon .module-first-block-image.single-detail-icon img{
width: 32px;
}
.product-back-link a .product-icon img{
width: 100%;
height: 100%;
object-fit: contain;
}
.product-back-link a{
}
.product-icon-link{
display: inline-block;
}
.detail-product-page-menu-container-mobile{
display: none;
}
@media (max-width: 1359px) {
.detail-product-page-menu-tags-menu-current.open{
width: auto;
}
.detail-product-page-menu-tags-menu-current a{
padding: 11px 20px;
}
.detail-product-page-menu-tags-menu-current a .name{
display: none;
}
.detail-product-page-menu-tags-menu-current.open a{
border-radius: 24px;
}
.detail-product-page-menu-tags-menu-items{
bottom: 64px;
padding: 24px 28px;
}
.detail-product-page-menu-progress-vertical{
left: 12px;
top: 24px;
height: calc(100% - 48px);
}
.detail-product-page-menu-tags-menu-items-list{
gap: 24px;
}
}
@media (max-width: 767px) {
.detail-product-page-menu-container-mobile{
display: flex;
flex-direction: column;
width: 100%;
position: relative;
gap: 24px;
}
.detail-product-page-menu-container-mobile-line-1{
text-align: right;
}
.detail-product-page-menu-mobile{
display: inline-block;
/*position: absolute;*/
/*right: 0px;*/
/*bottom: 0px;*/
/*width: 100%;*/
text-align: right;
}
.detail-product-page-menu-mobile a{
display: flex;
border-radius: 48px;
border: 1px solid rgba(13, 19, 26, 0.08);
background: rgba(255, 255, 255, 0.12);
/* button-bg-blur */
backdrop-filter: blur(12px);
box-sizing: border-box;
transition: all 600ms;
padding: 11px 19px;
}
.detail-product-page-menu{
padding-bottom: 16px;
}
.detail-product-page-menu-container{
display: none;
}
.detail-product-page-menu-container-mobile-line-2{
position: relative;
}
.detail-product-page-menu-container-mobile-line-2 .detail-product-page-menu-tags-menu-current{
position: relative;
width: calc(100% - 4px);
}
.detail-product-page-menu-container-mobile-line-2 .detail-product-page-menu-tags-menu-items{
position: absolute;
width: 100%;
bottom: calc(100% + 16px);
border-radius: 24px;
background: #FFF;
box-shadow: 0 4px 16px 0 rgba(13, 19, 26, 0.08);
box-sizing: border-box;
padding: 16px 24px;
}
.detail-product-page-menu-tags-menu-items-list {
gap: 16px;
}
.detail-product-page-menu-progress-vertical{
left: 8px;
top: 16px;
height: calc(100% - 32px);
}
.detail-product-page-menu-tags-menu-current.current{
width: 100%;
}
.detail-product-page-menu-tags-menu-current.current + .detail-product-page-menu-back-to-top{
display: none;
}
.detail-product-page-menu-tags-menu-current a{
justify-content: center;
}
.detail-product-page-menu-container-mobile-line-2 .detail-product-page-menu-back-to-top{
position: relative;
width: calc(100% - 4px);
}
.detail-product-page-menu-container-mobile-line-2-container{
display: flex;
gap: 8px;
}
.product-back-link a{
justify-content: center;
}
.detail-product-page-menu-tags-menu-current.open a{
border-radius: 24px;
border: 1px solid rgba(13, 19, 26, 0.08);
background: rgba(255, 255, 255, 0.12);
backdrop-filter: blur(12px);
padding: 11px 20px;
box-sizing: border-box;
}
.mobile-dop-menu-opener .icon{
transition: all 600ms;
}
.mobile-dop-menu-opener.active .icon{
transform: rotate(180deg);
}
}
.header-logo a{
width: 124px;
height: 52px;
}
.header-logo a svg{
width: 100%;
height: 100%;
}
@media (max-width: 1359px) {
.header-logo a{
width: 96px;
height: 40px;
}
}
@media (max-width: 767px) {
}
.complex_head_links_icon_card_container{
overflow: hidden;
}
.compensate-for-scrollbar{
margin-right: 0px !important;
}
.fancybox-container{
background: rgba(13, 19, 26, 0.54);
backdrop-filter: blur(16px);
}
.fancybox-bg{
background: none;
opacity: 1;
}
.fancybox-toolbar{
opacity: 1;
visibility: visible;
display: none;
}
.fancybox-button--close{
display: flex;
width: 56px;
height: 44px;
padding: 4px 12px;
justify-content: center;
align-items: center;
box-sizing: border-box;
border-radius: 48px;
border: 1px solid rgba(13, 19, 26, 0.08);
background: #FFF;
backdrop-filter: blur(12px);
transition: all 0.3s;
color: #0D131A;
}
.section-theme-body {
transition: all 600ms;
}
.section-theme-body.ajax-wait {
transform: translateY(10px);
opacity: 0;
}
.section-trial{
transition: opacity 600ms ease, transform 600ms ease;
will-change: opacity, transform;
}
.section-trial.ajax-wait{
transform: translateY(10px);
opacity: 0;
}
.footer-old-site{
margin-bottom: 16px;
}
@media (max-width: 1359px) {
.header.with-old-link{
height: 98px;
}
.header-old-site{
background: linear-gradient(0deg, rgba(13, 19, 26, 0.08) 0%, rgba(13, 19, 26, 0.08) 100%), #FFF;
backdrop-filter: blur(12px);
text-align: center;
padding: 4px 0;
}
}
@media (max-width: 767px) {
.footer-old-site{
margin-bottom: 8px;
}
.header.with-old-link{
height: 84px;
}
.header-old-site svg{
width: 8px;
height: 8px;
}
.collback-form-finish{
min-width: unset;
}
}
@media (min-width: 768px) {
.we-numbers.numbers-gsap-ready {
/*overflow: hidden;*/
/*padding: 80px 0;*/
}
.we-numbers.numbers-gsap-ready .swiper {
overflow: visible;
width: 100%;
padding-right: calc(100% / 7 * 1);
}
.we-numbers.numbers-gsap-ready .swiper .swiper-slide:first-child .we-numbers-item{
border-radius: 48px 0px 0px 48px;
}
.we-numbers.numbers-gsap-ready .swiper-wrapper {
display: flex;
gap: 16px;
/*width: max-content;*/
will-change: transform;
}
.we-numbers.numbers-gsap-ready .swiper-slide {
flex: 0 0 calc((100% - 16px) / 2);
width: calc((100% - 16px) / 2);
}
}
.darl-theme .btn-secondary{
color: white;
}
.darl-theme .text-primary-64{
color: white;
}
.darl-theme .link-with-icon svg path{
fill: white;
}