/home/bdqbpbxa/demo-subdomains/homesearch.goodface.com.ua/frontend/css/ui-blocks.css
/* Global */
.--black-section {
background: var(--black);
color: var(--white);
}
.--black-section * {
color: var(--white);
}
.--white-section {
background: var(--white);
color: var(--black);
}
.-centered-title {
width: fit-content;
margin: 0 auto;
text-align: center;
}
.--accordion__content-container {
height: 0;
transition: height 0.7s;
overflow: hidden;
}
.-max-width-1120 {
max-width: 1120px;
}
.-max-width-1000 {
max-width: 1000px;
}
.-max-width-710 {
max-width: 710px;
}
.-max-width-760 {
max-width: 760px;
}
/* .header */
.header {
position: fixed;
left: 0;
padding-top: 15px;
right: 0;
z-index: 10;
display: block;
width: 100%;
transform: translateY(0);
transition: background 0.4s, box-shadow 0.4s, transform 0.4s, top 0.4s;
}
.header .header__container {
transition: padding 0.4s;
}
.header.-hide {
top: 0;
transform: translateY(-100%);
pointer-events: none;
box-shadow: none !important;
}
.header.-hide * {
pointer-events: none !important;
}
.header.-has-bg {
top: 0;
background: var(--white);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.06);
}
.header.-has-bg:not(.-hide) {
transform: translateY(-15px);
}
.open-mobile-menu {
display: none;
}
.mobile-menu {
display: none;
}
.mobile-menu-bg {
display: none;
}
.logo {
min-width: 180px;
width: 180px;
height: auto;
}
.logo svg {
width: 100%;
}
.logo svg path {
transition: fill 0.4s;
}
.header.-white-mode svg path {
fill: var(--black);
}
.header.-white-mode .link {
color: var(--black);
}
.header .link {
color: var(--white);
font-weight: 600;
}
.header__container {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
padding: 10px 0;
}
.header__menu {
position: relative;
display: flex;
justify-content: flex-start;
align-items: flex-start;
width: fit-content;
margin-left: 4.454%;
}
a.header__menu-point.-active {
color: var(--red) !important;
pointer-events: none;
}
.header__menu-point.-active .header-dropdown__visible {
color: var(--red);
pointer-events: auto;
}
.header__menu-point.-active .header-dropdown__visible:after {
background: no-repeat center / contain
url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjI1MDA1IDUuNjA2MDdDNS4xMzc1NSA1LjYwNjA3IDUuMDI4MTggNS41ODQyIDQuOTIxOTMgNS41NDA0NUM0LjgxNTY4IDUuNDk2NyA0LjcxODggNS40MzEwNyA0LjYzMTMgNS4zNDM1N0wwLjkxODgwNCAxLjYzMTA3QzAuNzU2MzA0IDEuNDY4NTcgMC42NzgxNzkgMS4yNjIzMiAwLjY4NDQyOSAxLjAxMjMyQzAuNjkwNjc5IDAuNzYyMzIyIDAuNzc1MDU0IDAuNTQ5ODIyIDAuOTM3NTU0IDAuMzc0ODIyQzEuMTI1MDUgMC4xODczMjIgMS4zMzQ0MyAwLjEwMjk0NyAxLjU2NTY4IDAuMTIxNjk3QzEuNzk2OTMgMC4xNDA0NDcgMi4wMDAwNSAwLjIzMTA3MiAyLjE3NTA1IDAuMzkzNTcyTDUuMjUwMDUgMy40Njg1N0w4LjMyNTA1IDAuMzkzNTcyQzguNTAwMDUgMC4yMzEwNzIgOC43MTI1NSAwLjE0MzU3MiA4Ljk2MjU1IDAuMTMxMDcyQzkuMjEyNTUgMC4xMTg1NzIgOS40MTg4IDAuMjA2MDcyIDkuNTgxMyAwLjM5MzU3MkM5Ljc2ODggMC41Njg1NzIgOS44NTMxOCAwLjc3Nzk0NyA5LjgzNDQzIDEuMDIxN0M5LjgxNTY4IDEuMjY1NDUgOS43MjUwNSAxLjQ3NDgyIDkuNTYyNTUgMS42NDk4Mkw1Ljg2ODggNS4zNDM1N0M1Ljc4MTMgNS40MzEwNyA1LjY4NDQzIDUuNDk2NyA1LjU3ODE4IDUuNTQwNDVDNS40NzE5MyA1LjU4NDIgNS4zNjI1NSA1LjYwNjA3IDUuMjUwMDUgNS42MDYwN1oiIGZpbGw9IiNGRjRCNTEiLz4KPC9zdmc+Cg==") !important;
}
.header-dropdown__hidden-content a.-active {
pointer-events: none;
}
.header-dropdown__hidden-content a.-active .link {
color: var(--red);
}
.header__menu-point:not(:last-child) {
margin-right: 30px;
/*5.634%*/
}
.header-dropdown__visible {
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
cursor: pointer;
}
.header-dropdown__visible:after {
content: "";
display: block;
margin: -6px 8px 0 8px;
width: 10px;
min-width: 10px;
height: 6px;
background: no-repeat center / contain
url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjAwMDA1IDUuNjA2MDdDNC44ODc1NSA1LjYwNjA3IDQuNzc4MTggNS41ODQyIDQuNjcxOTMgNS41NDA0NUM0LjU2NTY4IDUuNDk2NyA0LjQ2ODggNS40MzEwNyA0LjM4MTMgNS4zNDM1N0wwLjY2ODgwNCAxLjYzMTA3QzAuNTA2MzA0IDEuNDY4NTcgMC40MjgxNzkgMS4yNjIzMiAwLjQzNDQyOSAxLjAxMjMyQzAuNDQwNjc5IDAuNzYyMzIyIDAuNTI1MDU0IDAuNTQ5ODIyIDAuNjg3NTU0IDAuMzc0ODIyQzAuODc1MDU0IDAuMTg3MzIyIDEuMDg0NDMgMC4xMDI5NDcgMS4zMTU2OCAwLjEyMTY5N0MxLjU0NjkzIDAuMTQwNDQ3IDEuNzUwMDUgMC4yMzEwNzIgMS45MjUwNSAwLjM5MzU3Mkw1LjAwMDA1IDMuNDY4NTdMOC4wNzUwNSAwLjM5MzU3MkM4LjI1MDA1IDAuMjMxMDcyIDguNDYyNTUgMC4xNDM1NzIgOC43MTI1NSAwLjEzMTA3MkM4Ljk2MjU1IDAuMTE4NTcyIDkuMTY4OCAwLjIwNjA3MiA5LjMzMTMgMC4zOTM1NzJDOS41MTg4IDAuNTY4NTcyIDkuNjAzMTggMC43Nzc5NDcgOS41ODQ0MyAxLjAyMTdDOS41NjU2OCAxLjI2NTQ1IDkuNDc1MDUgMS40NzQ4MiA5LjMxMjU1IDEuNjQ5ODJMNS42MTg4IDUuMzQzNTdDNS41MzEzIDUuNDMxMDcgNS40MzQ0MyA1LjQ5NjcgNS4zMjgxOCA1LjU0MDQ1QzUuMjIxOTMgNS41ODQyIDUuMTEyNTUgNS42MDYwNyA1LjAwMDA1IDUuNjA2MDdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
transform: translateY(2px);
transition: background 0.4s, transform 0.4s;
}
.-apple .header-dropdown__visible:after {
margin: 0 8px 0 8px;
}
.header.-white-mode .header-dropdown__visible:after {
background: no-repeat center / contain
url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjAwMDA1IDUuNjA2MDdDNC44ODc1NSA1LjYwNjA3IDQuNzc4MTggNS41ODQyIDQuNjcxOTMgNS41NDA0NUM0LjU2NTY4IDUuNDk2NyA0LjQ2ODggNS40MzEwNyA0LjM4MTMgNS4zNDM1N0wwLjY2ODgwNCAxLjYzMTA3QzAuNTA2MzA0IDEuNDY4NTcgMC40MjgxNzkgMS4yNjIzMiAwLjQzNDQyOSAxLjAxMjMyQzAuNDQwNjc5IDAuNzYyMzIyIDAuNTI1MDU0IDAuNTQ5ODIyIDAuNjg3NTU0IDAuMzc0ODIyQzAuODc1MDU0IDAuMTg3MzIyIDEuMDg0NDMgMC4xMDI5NDcgMS4zMTU2OCAwLjEyMTY5N0MxLjU0NjkzIDAuMTQwNDQ3IDEuNzUwMDUgMC4yMzEwNzIgMS45MjUwNSAwLjM5MzU3Mkw1LjAwMDA1IDMuNDY4NTdMOC4wNzUwNSAwLjM5MzU3MkM4LjI1MDA1IDAuMjMxMDcyIDguNDYyNTUgMC4xNDM1NzIgOC43MTI1NSAwLjEzMTA3MkM4Ljk2MjU1IDAuMTE4NTcyIDkuMTY4OCAwLjIwNjA3MiA5LjMzMTMgMC4zOTM1NzJDOS41MTg4IDAuNTY4NTcyIDkuNjAzMTggMC43Nzc5NDcgOS41ODQ0MyAxLjAyMTdDOS41NjU2OCAxLjI2NTQ1IDkuNDc1MDUgMS40NzQ4MiA5LjMxMjU1IDEuNjQ5ODJMNS42MTg4IDUuMzQzNTdDNS41MzEzIDUuNDMxMDcgNS40MzQ0MyA1LjQ5NjcgNS4zMjgxOCA1LjU0MDQ1QzUuMjIxOTMgNS41ODQyIDUuMTEyNTUgNS42MDYwNyA1LjAwMDA1IDUuNjA2MDdaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");
}
.header-dropdown__visible:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% + 18px);
cursor: pointer;
pointer-events: none;
}
.header-dropdown__hidden {
position: absolute;
left: 0;
display: block;
width: 880px;
height: auto;
margin-top: 17px;
padding: 12px 12px 17px 8px;
border-radius: 6px;
background: var(--white);
color: var(--black);
box-shadow: 0px 2px 8px 7px rgba(0, 0, 0, 0.0986);
opacity: 0;
transform: translateY(8px);
transition: opacity 0.4s, transform 0.4s;
pointer-events: none;
}
.header-dropdown__hidden-title {
display: block;
margin: 0 13px 0 17px;
padding-bottom: 10px;
border-bottom: 1px solid #e3e3e3;
}
.header-dropdown__hidden-content {
margin-top: 3px;
}
.header-dropdown__hidden ul {
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
row-gap: 6px;
}
.header-dropdown__hidden li {
width: calc(100% / 3 - 6px);
}
.header-dropdown__hidden li:not(:nth-child(3n + 3)) {
margin-right: 6px;
}
.header-dropdown__hidden li a {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
min-height: 100%;
padding: 12px 17px;
border-radius: 4px;
background: var(--white);
color: var(--black);
transition: color 0.4s, background 0.4s;
}
.header-dropdown__hidden li a.-active {
background: var(--grey-bg);
pointer-events: none;
}
.header-dropdown__hidden li a.-active span:first-child {
color: var(--red);
}
.header .header-dropdown__hidden li a span {
color: var(--black);
transition: color 0.4s;
}
.header .header-dropdown__hidden li a span.text {
color: var(--grey);
}
.header__right-info {
display: flex;
justify-content: flex-start;
align-items: center;
margin: 0 0 0 auto;
}
.header__right-info > *:not(:last-child) {
margin-right: 44px;
}
/* .social-links */
.social-links {
display: flex;
justify-content: flex-start;
align-items: center;
}
.social-links.-black path {
fill: var(--black);
}
.social-links__item {
width: 30px;
min-width: 30px;
height: 30px;
transition: opacity 0.4s;
}
.social-links__item svg,
.social-links__item img {
width: 100%;
height: 100%;
object-fit: contain;
}
.social-links__item svg path {
transition: fill 0.4s;
}
.social-links__item + .social-links__item {
margin-left: 15px;
}
/* Footer */
.footer {
padding: 58px 0 22px 0;
background: var(--black);
}
.footer__content {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.footer__left-content {
max-width: 320px;
margin-top: 3px;
}
.footer .text {
color: var(--white);
}
.footer__left-content .text {
margin: 23px 0 0 0;
}
.footer__left-content .social-links {
margin-top: 25px;
}
.footer__right-content {
display: flex;
justify-content: flex-end;
align-items: flex-start;
}
.footer__right-content .footer__menu:not(:last-child) {
margin-right: 48px;
}
.footer__menu {
max-width: 200px;
}
.footer .link {
color: var(--grey-10);
padding-bottom: 3px;
border-bottom: 1px solid rgba(0, 0, 0, 0);
transition: border-color 0.4s, color 0.4s;
}
.footer__menu-list {
margin-top: 7px;
}
.footer__menu-item:not(:first-child) {
margin-top: 6px;
}
.footer__bottom-content {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 34px;
padding: 30px 0 0 0;
border-top: 1px solid rgba(95, 94, 94, 0.5);
}
.footer__bottom-links {
display: flex;
justify-content: flex-end;
align-items: center;
}
.footer__bottom-links .link {
display: block;
padding-bottom: 0;
}
.footer__bottom-links li + li {
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
margin-left: 28px;
}
.footer__bottom-links li + li:before {
content: "";
position: absolute;
left: -16px;
margin-top: -2px;
display: block;
width: 3px;
height: 3px;
background: var(--grey-10);
border-radius: 50%;
}
.-apple .footer__bottom-links li + li:before {
bottom: 9px;
}
/* conveyor-belt */
.conveyor-belt {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.conveyor-belt__title {
margin: 0 auto;
width: fit-content;
color: var(--light-grey);
}
.conveyor-belt__belt {
position: relative;
display: flex;
width: 100%;
height: 55px;
margin: 16px 0;
overflow: hidden;
user-select: none;
}
.conveyor-belt__belt:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 2;
height: 100%;
width: 100px;
background: linear-gradient(90deg, #f7f7f7 0%, rgba(247, 247, 247, 0.12) 82.35%);
}
.conveyor-belt__belt:after {
content: "";
position: absolute;
right: 0;
top: 0;
z-index: 2;
height: 100%;
width: 100px;
transform: rotate(180deg);
background: linear-gradient(90deg, #f7f7f7 0%, rgba(247, 247, 247, 0.12) 82.35%);
}
.--white-section .conveyor-belt__belt:before,
.--white-section .conveyor-belt__belt:after {
background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0.42) 82.35%, rgba(255, 255, 255, 0) 100%);
}
.--black-section .conveyor-belt__belt:before,
.--black-section .conveyor-belt__belt:after {
background: linear-gradient(90deg, #ffffff 0%, rgba(0, 0, 0, 0.42) 82.35%, rgba(0, 0, 0, 0) 100%);
}
.conveyor-belt__belt-part {
position: relative;
z-index: 1;
display: flex;
height: 100%;
}
.conveyor-belt__belt img {
max-height: 100%;
width: auto;
margin: 0 20px;
object-fit: contain;
}
.conveyor-belt__belt.-in-viewport .conveyor-belt__belt-part {
animation-play-state: running !important;
}
.conveyor-belt__belt .conveyor-belt__belt-part {
animation-play-state: paused !important;
}
@keyframes conveyor-part {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-100%);
}
}
/* solving-list */
.solving-list {
display: flex;
justify-content: space-evenly;
align-items: flex-start;
flex-wrap: wrap;
width: 100%;
margin-bottom: -30px;
}
.solving-list .solving-list__item {
width: calc(100% / 4 - (15px * 4) / 5);
margin: 0 0 30px 0;
padding: 0 8px;
}
.solving-list.-bigger-card .solving-list__item {
width: calc(100% / 3 - (15px * 3) / 4);
margin: 0 0 30px 0;
padding: 0 8px;
}
.solving-list__item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.solving-list__item img {
display: block;
max-width: 90px;
width: 90px;
}
.solving-list__item .title {
margin-top: 24px;
text-align: center;
max-width: 290px;
}
.solving-list__item .text {
max-width: 95%;
margin-top: 7px;
line-height: 148%;
text-align: center;
}
/*counter-item*/
.counter-item {
display: block;
}
.counter-item__title {
display: block;
}
.counter-item__description {
display: block;
margin-top: -13px;
}
.-apple .counter-item__description {
margin-top: -8px;
}
/* solution-preview */
.solution-preview {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
overflow: hidden;
border-radius: 6px;
background: var(--white);
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.0885599);
color: var(--black);
transition: box-shadow 0.4s;
}
.solution-preview__img {
display: block;
width: 100%;
height: 177px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
background: #d9d9d9;
}
.solution-preview__img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.solution-preview__content {
padding: 22px 25px 25px 25px;
}
.solution-preview__content .text {
margin-top: 3px;
}
.solution-preview__content .link {
margin-top: 6px;
}
/* info-card-list */
.info-card-list {
display: grid;
grid-template-columns: repeat(6, 1fr);
width: 100%;
gap: 20px;
}
.info-card-list .info-card {
grid-column: span 2;
}
.info-card-list .info-card.-bigger {
grid-column: span 3;
}
.info-card {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 14px 25px 30px 25px;
border-top: 6px solid var(--red);
border-radius: 6px;
background: var(--white);
color: var(--black);
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.4s;
}
.info-card * {
color: var(--black);
}
.info-card.-award-card {
padding: 25px 25px 30px 25px;
}
.info-card.-without-img {
padding: 38px 25px 25px 25px;
}
.info-card .pre-title {
color: var(--red);
}
.info-card.-award-card .info-card__icon {
max-width: 120px;
margin-bottom: 15px;
}
.info-card.-img-auto-width .info-card__icon {
max-width: 100%;
}
.info-card.-img-auto-width .info-card__icon img {
width: auto;
}
.info-card__icon {
display: block;
max-width: 46px;
height: auto;
}
.info-card__icon img {
display: block;
width: auto;
max-width: 100%;
height: auto;
}
.info-card__title {
margin-top: 10px;
line-height: 138%;
}
.info-card.-award-card .info-card__title {
margin: 0 0 21px 0;
}
.info-card__text {
margin: 8px 0 16px 0;
}
.info-card__link {
margin-top: auto;
margin-bottom: 0;
transition: color 0.4s;
}
/* small-info-section */
.small-info-section {
padding: 43px 0;
}
.title-with-button {
display: flex;
justify-content: center;
align-items: center;
}
.title-with-button .default-button {
margin-left: 56px;
min-width: 165px;
}
/* testimonials-swiper */
.testimonial-container {
position: relative;
width: 100%;
margin-top: 22px;
}
.testimonials {
margin: 0 auto;
}
.testimonials__stars {
position: relative;
width: 116.05px;
height: 22px;
}
.testimonials__stars .default-star {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: no-repeat center / contain
url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTE3IiBoZWlnaHQ9IjIyIiB2aWV3Qm94PSIwIDAgMTE3IDIyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNC4xMjA4IDE3LjM0NjhMOS43OTIgMTMuMjA1NkwxNS41MDQgMTcuMzQ2OEwxMy4yODA0IDEwLjg1OTZMMTguNTQzNiA3LjMzMDRIMTIuMTM4TDkuNzkyIDAuMzczOTk5TDcuNDg2OCA3LjMzMDRIMS4wNDA0TDYuMzAzNiAxMC44NTk2TDQuMTIwOCAxNy4zNDY4WiIgZmlsbD0iIzk4OTg5OCIvPgo8cGF0aCBkPSJNMjguMTMzNSAxNy4zNDY4TDMzLjgwNDcgMTMuMjA1NkwzOS41MTY3IDE3LjM0NjhMMzcuMjkzMSAxMC44NTk2TDQyLjU1NjMgNy4zMzA0SDM2LjE1MDdMMzMuODA0NyAwLjM3Mzk5OUwzMS40OTk1IDcuMzMwNEgyNS4wNTMxTDMwLjMxNjMgMTAuODU5NkwyOC4xMzM1IDE3LjM0NjhaIiBmaWxsPSIjOTg5ODk4Ii8+CjxwYXRoIGQ9Ik01Mi4xNDYyIDE3LjM0NjhMNTcuODE3NCAxMy4yMDU2TDYzLjUyOTQgMTcuMzQ2OEw2MS4zMDU4IDEwLjg1OTZMNjYuNTY5IDcuMzMwNEg2MC4xNjM0TDU3LjgxNzQgMC4zNzM5OTlMNTUuNTEyMiA3LjMzMDRINDkuMDY1OEw1NC4zMjkgMTAuODU5Nkw1Mi4xNDYyIDE3LjM0NjhaIiBmaWxsPSIjOTg5ODk4Ii8+CjxwYXRoIGQ9Ik03Ni4xNTg5IDE3LjM0NjhMODEuODMwMSAxMy4yMDU2TDg3LjU0MjEgMTcuMzQ2OEw4NS4zMTg1IDEwLjg1OTZMOTAuNTgxNyA3LjMzMDRIODQuMTc2MUw4MS44MzAxIDAuMzczOTk5TDc5LjUyNDkgNy4zMzA0SDczLjA3ODVMNzguMzQxNyAxMC44NTk2TDc2LjE1ODkgMTcuMzQ2OFoiIGZpbGw9IiM5ODk4OTgiLz4KPHBhdGggZD0iTTEwMC4xNzEgMTcuMzQ2OEwxMDUuODQyIDEzLjIwNTZMMTExLjU1NCAxNy4zNDY4TDEwOS4zMyAxMC44NTk2TDExNC41OTMgNy4zMzA0SDEwOC4xODhMMTA1Ljg0MiAwLjM3Mzk5OUwxMDMuNTM3IDcuMzMwNEg5Ny4wOTAyTDEwMi4zNTMgMTAuODU5NkwxMDAuMTcxIDE3LjM0NjhaIiBmaWxsPSIjOTg5ODk4Ii8+Cjwvc3ZnPgo=");
}
.testimonials__stars .active-star {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: no-repeat center / contain
url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTE3IiBoZWlnaHQ9IjIyIiB2aWV3Qm94PSIwIDAgMTE3IDIyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNC4xMjA4IDE3LjM0NjhMOS43OTIgMTMuMjA1NkwxNS41MDQgMTcuMzQ2OEwxMy4yODA0IDEwLjg1OTZMMTguNTQzNiA3LjMzMDRIMTIuMTM4TDkuNzkyIDAuMzczOTk5TDcuNDg2OCA3LjMzMDRIMS4wNDA0TDYuMzAzNiAxMC44NTk2TDQuMTIwOCAxNy4zNDY4WiIgZmlsbD0iI0ZFQkEwQiIvPgo8cGF0aCBkPSJNMjguMTMzNSAxNy4zNDY4TDMzLjgwNDcgMTMuMjA1NkwzOS41MTY3IDE3LjM0NjhMMzcuMjkzMSAxMC44NTk2TDQyLjU1NjMgNy4zMzA0SDM2LjE1MDdMMzMuODA0NyAwLjM3Mzk5OUwzMS40OTk1IDcuMzMwNEgyNS4wNTMxTDMwLjMxNjMgMTAuODU5NkwyOC4xMzM1IDE3LjM0NjhaIiBmaWxsPSIjRkVCQTBCIi8+CjxwYXRoIGQ9Ik01Mi4xNDYyIDE3LjM0NjhMNTcuODE3NCAxMy4yMDU2TDYzLjUyOTQgMTcuMzQ2OEw2MS4zMDU4IDEwLjg1OTZMNjYuNTY5IDcuMzMwNEg2MC4xNjM0TDU3LjgxNzQgMC4zNzM5OTlMNTUuNTEyMiA3LjMzMDRINDkuMDY1OEw1NC4zMjkgMTAuODU5Nkw1Mi4xNDYyIDE3LjM0NjhaIiBmaWxsPSIjRkVCQTBCIi8+CjxwYXRoIGQ9Ik03Ni4xNTg5IDE3LjM0NjhMODEuODMwMSAxMy4yMDU2TDg3LjU0MjEgMTcuMzQ2OEw4NS4zMTg1IDEwLjg1OTZMOTAuNTgxNyA3LjMzMDRIODQuMTc2MUw4MS44MzAxIDAuMzczOTk5TDc5LjUyNDkgNy4zMzA0SDczLjA3ODVMNzguMzQxNyAxMC44NTk2TDc2LjE1ODkgMTcuMzQ2OFoiIGZpbGw9IiNGRUJBMEIiLz4KPHBhdGggZD0iTTEwMC4xNzEgMTcuMzQ2OEwxMDUuODQyIDEzLjIwNTZMMTExLjU1NCAxNy4zNDY4TDEwOS4zMyAxMC44NTk2TDExNC41OTMgNy4zMzA0SDEwOC4xODhMMTA1Ljg0MiAwLjM3Mzk5OUwxMDMuNTM3IDcuMzMwNEg5Ny4wOTAyTDEwMi4zNTMgMTAuODU5NkwxMDAuMTcxIDE3LjM0NjhaIiBmaWxsPSIjRkVCQTBCIi8+Cjwvc3ZnPgo=");
clip-path: inset(0 20% 0 0);
}
.testimonials__slide-content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
max-width: 740px;
margin: 0 auto;
padding-bottom: 97px;
}
.testimonials__user {
display: flex;
justify-content: flex-start;
align-items: center;
}
.testimonials__user-icon {
}
.testimonials__title {
margin-top: 7px;
text-align: center;
}
.testimonials__text {
margin-top: 10px;
text-align: center;
}
.testimonials__user {
margin-top: 27px;
}
.testimonials__user-icon {
width: 63px;
min-width: 63px;
height: 63px;
margin-right: 19px;
}
.testimonials__user-icon img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
}
.testimonials__navigation {
position: absolute;
left: 0;
z-index: 2;
top: 50%;
width: 100%;
height: 100%;
transform: translateY(-50%);
pointer-events: none;
}
.testimonials__navigation-button {
position: absolute;
pointer-events: auto;
height: 100%;
cursor: pointer;
min-width: 40px;
width: calc((100vw - 800px) / 2 - (var(--scrollbar-width) / 2));
}
.--black-section .testimonials__navigation-button.swiper-button-prev {
cursor: url(../images/ui/components/swiper-left-arrow-white.svg) 12 12, pointer;
}
.--black-section .testimonials__navigation-button.swiper-button-next {
cursor: url(../images/ui/components/swiper-right-arrow-white.svg) 12 12, pointer;
}
.testimonials__navigation-button.swiper-button-prev {
left: 0;
right: auto;
cursor: url(../images/ui/components/swiper-left-arrow.svg) 12 12, pointer;
}
.testimonials__navigation-button.swiper-button-next {
right: 0;
left: auto;
cursor: url(../images/ui/components/swiper-right-arrow.svg) 12 12, pointer;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: var(--margin-beetwen-content);
}
.testimonials__pagination .swiper-pagination-bullet {
width: 9px;
height: 9px;
margin: 0 4.5px;
background: #d9d9d9;
opacity: 1;
transition: 0.4s;
}
.testimonials__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--black);
}
.--black-section .testimonials__pagination .swiper-pagination-bullet {
background: #696969;
}
.--black-section .testimonials__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--white);
}
/* inner-page-main */
.inner-page-main {
padding: 145px 0 81px 0;
}
.inner-page-main.-with-subtext {
padding: 125px 0 60px 0;
}
.inner-page-main.-with-subtext .inner-page-main__container {
min-height: 130px;
}
.inner-page-main.-with-subtitle {
padding: 131px 0 60px 0;
}
.inner-page-main.-with-subtitle .inner-page-main__container {
min-height: 130px;
}
.inner-page-main__container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 auto;
width: 100%;
text-align: center;
}
.inner-page-main__container .pre-title {
color: var(--red);
}
.inner-page-main__container .pre-title + *,
.inner-page-main__container .title + *,
.inner-page-main__container .text + * {
margin-top: 12px;
}
.inner-page-main__container a {
color: var(--red);
border-bottom: 1px solid var(--red);
transition: color 0.4s, border 0.4s;
font-weight: 600;
}
/* horizontal-card */
.horizontal-card {
display: flex;
justify-content: flex-start;
align-items: stretch;
width: 100%;
max-width: 930px;
border-radius: 5px;
background: var(--white);
box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.06);
overflow: hidden;
color: var(--black);
transition: box-shadow 0.4s;
}
.horizontal-card__img {
display: block;
width: 380px;
min-width: 380px;
min-height: 320px;
}
.horizontal-card__img img {
display: block;
height: 100%;
width: 100%;
object-fit: cover;
}
.horizontal-card_content {
width: 100%;
padding: 52px 49px;
}
.horizontal-card_content .pre-title {
color: var(--red);
}
.horizontal-card_content .title {
margin-top: 6px;
}
.horizontal-card_content .title + * {
margin-top: 6px;
}
.horizontal-card_content .check-list {
padding-left: 10px;
}
.horizontal-card_content .link {
margin-top: 30px;
}
/* faq-item */
.faq-item {
width: 100%;
border-radius: 5px;
background: var(--white);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
}
.faq-item.-with-border {
border-bottom: 1px solid #e5e5e5;
border-radius: 0;
background: none;
box-shadow: none;
}
.faq-list .faq-item.-with-border:last-child {
border: none;
}
.faq-item.-with-border .faq-item__open {
padding: 16px 30px 16px 20px;
}
.faq-item.-with-border .faq-item__content {
padding: 3px 30px 33px 20px;
}
.faq-item__open {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 16px 20px 16px 26px;
cursor: pointer;
user-select: none;
}
body:not(.-apple) .faq-item__open {
padding-bottom: 11px;
}
.faq-item__content {
padding: 3px 24px 33px 26px;
}
.faq-item__open .text {
position: relative;
display: flex;
justify-content: center;
align-items: flex-start;
transition: color 0.4s;
}
.faq-item__plus-opener {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 13px;
width: 13px;
min-width: 13px;
margin-left: 30px;
}
.faq-item__plus-opener span {
position: absolute;
display: block;
width: 13px;
height: 3px;
background: var(--red);
transition: transform 0.4s;
}
.faq-item__plus-opener span:first-child {
transform: rotate(90deg);
}
.faq-item.-open .faq-item__plus-opener span:first-child {
transform: rotate(0);
}
/* object-item */
.object-list {
display: flex;
justify-content: center;
align-items: center;
}
.object-list .object-item:not(:first-child) {
margin-left: -23px;
}
.object-item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 243px;
height: 243px;
padding: 48px 53px 53px 53px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.9);
color: var(--white);
text-align: center;
}
.object-item.-red {
background: rgba(255, 74, 82, 0.9);
}
.object-item.-red svg path {
fill: var(--white);
}
.object-item__img {
width: 33px;
height: 33px;
}
.object-item__img svg {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.object-item__title {
margin-top: 16px;
}
/* article-preview */
.article-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.article-list .article-preview:nth-child(3n + 3) {
margin-right: 0;
}
.article-preview {
display: block;
grid-column: span 1;
}
.article-preview * {
color: var(--black);
}
.article-preview__img {
display: block;
overflow: hidden;
width: 100%;
height: 234px;
border-radius: 3px;
}
.article-preview__img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 3px;
transition: transform 0.4s;
}
.article-preview__title {
display: block;
margin-top: 24px;
transition: color 0.4s;
}
.article-preview__text {
margin-top: 8px;
}
.article-preview__info {
margin-top: 13px;
}
.article-preview__info span:not(:last-child):after {
content: "|";
margin: 0 4px 0 8px;
}
.article-preview__tags {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
gap: 10px;
margin-top: 16px;
}
.article-preview__tags-item {
display: flex;
justify-content: center;
align-items: center;
height: 30px;
width: fit-content;
padding: 0 14px;
border-radius: 6px;
background: var(--black);
font-weight: 600;
font-size: 12px;
line-height: 100%;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
color: var(--white);
transition: background 0.4s;
}
/* --form-tabs__item */
.--form-tabs {
position: relative;
}
.--form-tabs__form {
position: relative;
transition: opacity 0.4s;
}
.--form-tabs__thanks {
position: absolute;
top: 0;
left: 0;
opacity: 0;
min-height: 400px;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
transition: opacity 0.4s;
pointer-events: none;
}
.--form-tabs.-valid .--form-tabs__form {
position: absolute;
top: 0;
left: 0;
opacity: 0;
pointer-events: none;
}
.--form-tabs.-valid .--form-tabs__thanks {
position: relative;
opacity: 1;
pointer-events: auto;
}
/* -book-editor */
.-book-editor h1 {
font-weight: 600;
font-size: 38px;
line-height: 44px;
}
.-book-editor h2 {
font-weight: 600;
font-size: 30px;
line-height: 38px;
}
.-book-editor h3,
.-book-editor h4,
.-book-editor h5,
.-book-editor h6 {
font-weight: 600;
font-size: 14px;
line-height: 21px;
color: var(--red);
text-transform: uppercase;
}
.-book-editor p,
.-book-editor a {
font-weight: 300;
font-size: 18px;
line-height: 29px;
}
.-book-editor li,
.-book-editor li a {
font-weight: 300;
font-size: 16px;
line-height: 28px;
}
.-book-editor li:before {
content: "";
position: absolute;
left: 10px;
top: 11px;
display: block;
width: 4px;
height: 4px;
border-radius: 50%;
background: var(--black);
}
.-book-editor li {
position: relative;
padding-left: 24px;
}
.-book-editor h1 + *,
.-book-editor h2 + *,
.-book-editor h3 + *,
.-book-editor h4 + *,
.-book-editor h5 + *,
.-book-editor h6 + * {
margin-top: var(--margin-beetwen-title-text);
}
.-book-editor h1 + h3,
.-book-editor h1 + h4,
.-book-editor h1 + h5,
.-book-editor h1 + h6,
.-book-editor h2 + h3,
.-book-editor h2 + h4,
.-book-editor h2 + h5,
.-book-editor h2 + h6 {
margin-top: var(--margin-beetwen-title-text);
}
.-book-editor p + p {
margin-top: 20px;
}
.-book-editor p + ul {
margin-top: 20px;
}
/* adaptive */
@media screen and (max-width: 1360px) {
/* .header */
.header .logo {
min-width: 150px;
width: 150px;
}
.header__right-info > *:not(:last-child) {
margin-right: 20px;
}
.header__menu-point:not(:last-child) {
margin-right: 20px;
}
.header__menu {
margin-left: 30px;
}
}
@media screen and (max-width: 1200px) {
/* .header */
.header {
padding-top: 0;
}
.header.-has-bg:not(.-hide) {
transform: translateY(0);
}
.header .header__menu {
display: none;
}
.header__container {
padding: 25px 0;
justify-content: space-between;
}
.open-mobile-menu {
position: relative;
display: block;
width: 19px;
margin: -5px 0 0 5px;
cursor: pointer;
transition: transform 0.5s;
}
.open-mobile-menu:before {
content: "";
position: absolute;
left: -10px;
right: -10px;
bottom: -10px;
top: -10px;
}
.open-mobile-menu span {
display: block;
width: 100%;
height: 2px;
border-radius: 2px;
background: var(--white);
transition: background 0.4s, transform 0.4s, opacity 0.4s;
}
.header.-white-mode .open-mobile-menu span,
.open-mobile-menu.-active span {
background: var(--black);
}
.open-mobile-menu span:not(:first-child) {
margin-top: 3px;
}
/*.open-mobile-menu.-active span:nth-child(2) {*/
/* opacity: 0;*/
/*}*/
/*.open-mobile-menu.-active span:nth-child(1) {*/
/* transform: translateY(4px) rotate(-45deg);*/
/*}*/
/*.open-mobile-menu.-active span:nth-child(3) {*/
/* transform: translateY(-6px) rotate(45deg);*/
/*}*/
.open-mobile-menu.close-mobile-menu {
position: absolute;
top: 20px;
right: 20px;
margin: 0;
width: 29px;
height: 29px;
background: no-repeat center / contain
url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjkiIHZpZXdCb3g9IjAgMCAyOSAyOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjUgMTYuNDkzN0w4LjUxODc1IDIyLjQ3NUM4LjIzNjgxIDIyLjc1NjkgNy45MDQ1MiAyMi44OTc5IDcuNTIxODggMjIuODk3OUM3LjEzOTI0IDIyLjg5NzkgNi44MDY5NSAyMi43NTY5IDYuNTI1IDIyLjQ3NUM2LjI0MzA2IDIyLjE5MyA2LjEwMjA5IDIxLjg2MDcgNi4xMDIwOSAyMS40NzgxQzYuMTAyMDkgMjEuMDk1NSA2LjI0MzA2IDIwLjc2MzIgNi41MjUgMjAuNDgxMkwxMi41MDYzIDE0LjVMNi41MjUgOC41MTg3MkM2LjI0MzA2IDguMjM2NzcgNi4xMDIwOSA3LjkwNDQ4IDYuMTAyMDkgNy41MjE4NEM2LjEwMjA5IDcuMTM5MiA2LjI0MzA2IDYuODA2OTEgNi41MjUgNi41MjQ5N0M2LjgwNjk1IDYuMjQzMDIgNy4xMzkyNCA2LjEwMjA1IDcuNTIxODggNi4xMDIwNUM3LjkwNDUyIDYuMTAyMDUgOC4yMzY4MSA2LjI0MzAyIDguNTE4NzUgNi41MjQ5N0wxNC41IDEyLjUwNjJMMjAuNDgxMyA2LjUyNDk3QzIwLjc2MzIgNi4yNDMwMiAyMS4wOTU1IDYuMTAyMDUgMjEuNDc4MSA2LjEwMjA1QzIxLjg2MDggNi4xMDIwNSAyMi4xOTMxIDYuMjQzMDIgMjIuNDc1IDYuNTI0OTdDMjIuNzU2OSA2LjgwNjkxIDIyLjg5NzkgNy4xMzkyIDIyLjg5NzkgNy41MjE4NEMyMi44OTc5IDcuOTA0NDggMjIuNzU2OSA4LjIzNjc3IDIyLjQ3NSA4LjUxODcyTDE2LjQ5MzcgMTQuNUwyMi40NzUgMjAuNDgxMkMyMi43NTY5IDIwLjc2MzIgMjIuODk3OSAyMS4wOTU1IDIyLjg5NzkgMjEuNDc4MUMyMi44OTc5IDIxLjg2MDcgMjIuNzU2OSAyMi4xOTMgMjIuNDc1IDIyLjQ3NUMyMi4xOTMxIDIyLjc1NjkgMjEuODYwOCAyMi44OTc5IDIxLjQ3ODEgMjIuODk3OUMyMS4wOTU1IDIyLjg5NzkgMjAuNzYzMiAyMi43NTY5IDIwLjQ4MTMgMjIuNDc1TDE0LjUgMTYuNDkzN1oiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=");
}
.header__right-info {
position: relative;
margin: 0;
width: 19px;
}
.header .header__right-info .default-button {
display: none;
}
.header .header__right-info .link {
color: var(--red);
margin: 0 !important;
position: absolute;
right: 0;
}
/* mobile-menu */
.mobile-menu {
position: absolute;
left: 0;
top: 0;
z-index: 20;
display: block;
width: 310px;
height: var(--window-inner-height);
background: var(--white);
transform: translateX(-100%);
transition: transform 0.5s;
pointer-events: none;
}
.mobile-menu-bg {
position: absolute;
left: 0;
top: 0;
z-index: 18;
display: block;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
transition: opacity 0.5s;
opacity: 0;
pointer-events: none;
}
.mobile-menu-bg.-active {
opacity: 1;
pointer-events: auto;
}
.mobile-menu.-active {
transform: translateX(0);
pointer-events: auto;
}
.mobile-menu__close {
position: absolute;
right: 19px;
top: 21px;
display: block;
width: 29px;
height: 29px;
background: no-repeat center / contain
url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjkiIHZpZXdCb3g9IjAgMCAyOSAyOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjUgMTYuNDkzN0w4LjUxODc1IDIyLjQ3NUM4LjIzNjgxIDIyLjc1NjkgNy45MDQ1MiAyMi44OTc5IDcuNTIxODggMjIuODk3OUM3LjEzOTI0IDIyLjg5NzkgNi44MDY5NSAyMi43NTY5IDYuNTI1IDIyLjQ3NUM2LjI0MzA2IDIyLjE5MyA2LjEwMjA5IDIxLjg2MDcgNi4xMDIwOSAyMS40NzgxQzYuMTAyMDkgMjEuMDk1NSA2LjI0MzA2IDIwLjc2MzIgNi41MjUgMjAuNDgxMkwxMi41MDYzIDE0LjVMNi41MjUgOC41MTg3MkM2LjI0MzA2IDguMjM2NzcgNi4xMDIwOSA3LjkwNDQ4IDYuMTAyMDkgNy41MjE4NEM2LjEwMjA5IDcuMTM5MiA2LjI0MzA2IDYuODA2OTEgNi41MjUgNi41MjQ5N0M2LjgwNjk1IDYuMjQzMDIgNy4xMzkyNCA2LjEwMjA1IDcuNTIxODggNi4xMDIwNUM3LjkwNDUyIDYuMTAyMDUgOC4yMzY4MSA2LjI0MzAyIDguNTE4NzUgNi41MjQ5N0wxNC41IDEyLjUwNjJMMjAuNDgxMiA2LjUyNDk3QzIwLjc2MzIgNi4yNDMwMiAyMS4wOTU1IDYuMTAyMDUgMjEuNDc4MSA2LjEwMjA1QzIxLjg2MDggNi4xMDIwNSAyMi4xOTMxIDYuMjQzMDIgMjIuNDc1IDYuNTI0OTdDMjIuNzU2OSA2LjgwNjkxIDIyLjg5NzkgNy4xMzkyIDIyLjg5NzkgNy41MjE4NEMyMi44OTc5IDcuOTA0NDggMjIuNzU2OSA4LjIzNjc3IDIyLjQ3NSA4LjUxODcyTDE2LjQ5MzcgMTQuNUwyMi40NzUgMjAuNDgxMkMyMi43NTY5IDIwLjc2MzIgMjIuODk3OSAyMS4wOTU1IDIyLjg5NzkgMjEuNDc4MUMyMi44OTc5IDIxLjg2MDcgMjIuNzU2OSAyMi4xOTMgMjIuNDc1IDIyLjQ3NUMyMi4xOTMxIDIyLjc1NjkgMjEuODYwOCAyMi44OTc5IDIxLjQ3ODEgMjIuODk3OUMyMS4wOTU1IDIyLjg5NzkgMjAuNzYzMiAyMi43NTY5IDIwLjQ4MTIgMjIuNDc1TDE0LjUgMTYuNDkzN1oiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=");
}
.mobile-menu__bottom {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 20px 24px;
background: var(--white);
transition: box-shadow 0.4s;
}
.mobile-menu__bottom.-has-shadow {
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.mobile-menu__list {
height: 100%;
width: 100%;
padding: 60px 0 100px 0;
}
.header__menu-point:not(:last-child) {
margin: 0;
}
.header__menu-point.link {
display: block;
padding: 12px 30px;
font-size: 17px;
line-height: 30px;
font-weight: 600;
color: var(--black);
}
.header__menu-point .header-dropdown__visible {
display: flex;
align-items: center;
padding: 12px 30px;
line-height: 30px;
color: var(--black);
transition: color 0.4s;
}
.header__menu-point .header-dropdown__visible:after {
background: no-repeat center / contain
url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjI1MDA1IDUuNjA2MDdDNS4xMzc1NSA1LjYwNjA3IDUuMDI4MTggNS41ODQyIDQuOTIxOTMgNS41NDA0NUM0LjgxNTY4IDUuNDk2NyA0LjcxODggNS40MzEwNyA0LjYzMTMgNS4zNDM1N0wwLjkxODgwNCAxLjYzMTA3QzAuNzU2MzA0IDEuNDY4NTcgMC42NzgxNzkgMS4yNjIzMiAwLjY4NDQyOSAxLjAxMjMyQzAuNjkwNjc5IDAuNzYyMzIyIDAuNzc1MDU0IDAuNTQ5ODIyIDAuOTM3NTU0IDAuMzc0ODIyQzEuMTI1MDUgMC4xODczMjIgMS4zMzQ0MyAwLjEwMjk0NyAxLjU2NTY4IDAuMTIxNjk3QzEuNzk2OTMgMC4xNDA0NDcgMi4wMDAwNSAwLjIzMTA3MiAyLjE3NTA1IDAuMzkzNTcyTDUuMjUwMDUgMy40Njg1N0w4LjMyNTA1IDAuMzkzNTcyQzguNTAwMDUgMC4yMzEwNzIgOC43MTI1NSAwLjE0MzU3MiA4Ljk2MjU1IDAuMTMxMDcyQzkuMjEyNTUgMC4xMTg1NzIgOS40MTg4IDAuMjA2MDcyIDkuNTgxMyAwLjM5MzU3MkM5Ljc2ODggMC41Njg1NzIgOS44NTMxOCAwLjc3Nzk0NyA5LjgzNDQzIDEuMDIxN0M5LjgxNTY4IDEuMjY1NDUgOS43MjUwNSAxLjQ3NDgyIDkuNTYyNTUgMS42NDk4Mkw1Ljg2ODggNS4zNDM1N0M1Ljc4MTMgNS40MzEwNyA1LjY4NDQzIDUuNDk2NyA1LjU3ODE4IDUuNTQwNDVDNS40NzE5MyA1LjU4NDIgNS4zNjI1NSA1LjYwNjA3IDUuMjUwMDUgNS42MDYwN1oiIGZpbGw9IiNGRjRCNTEiLz4KPC9zdmc+Cg==") !important;
}
.mobile-menu__list .--accordion__content-container {
transition: height 0.4s;
}
.header__menu-point:not(:last-child) {
border-bottom: 1px solid #e5e5e5;
}
.header-dropdown__hidden-content a {
display: block;
padding: 15px 30px;
}
.header-dropdown__hidden-content .link {
color: var(--black);
}
.header-dropdown__hidden-content .text {
color: var(--grey);
}
.header__menu-point li:first-child a {
padding-top: 0;
}
.header__menu-point li:not(:last-child) a {
border-bottom: 1px solid #e5e5e5;
}
.header__menu-point li .mob-link-2 {
font-size: 15px;
line-height: 23px;
}
.header__menu-point li .mob-text-4 {
font-weight: 300;
font-size: 13px;
line-height: 21px;
}
.header-dropdown__hidden-content {
margin-top: 0;
}
.header__menu-point.-open .header-dropdown__visible {
color: var(--red);
}
.header__menu-point.-open .header-dropdown__visible:after {
color: var(--red);
transform: translateY(1px) rotate(180deg);
}
.mobile-menu__list {
overflow: auto;
}
/* footer */
.footer {
padding: 30px 0 36px 0;
}
.footer__content {
flex-wrap: wrap;
}
.footer__left-content {
width: 100%;
margin-top: 0;
}
.footer__right-content {
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
width: 100%;
}
.footer__menu {
margin-top: 30px;
}
/* inner-page-main */
.inner-page-main,
.inner-page-main.-with-subtext,
.inner-page-main.-with-subtitle {
padding: 75px 0 30px 0;
}
.inner-page-main__container,
.inner-page-main.-with-subtext .inner-page-main__container,
.inner-page-main.-with-subtitle .inner-page-main__container {
min-height: 55px;
}
}
@media screen and (max-width: 1024px) {
.conveyor-belt__belt:before,
.conveyor-belt__belt:after {
width: 78px;
background: linear-gradient(90deg, #f7f7f7 0%, rgba(247, 247, 247, 0.12) 82.35%);
}
.--white-section .conveyor-belt__belt:before,
.--white-section .conveyor-belt__belt:after {
background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0.42) 82.35%, rgba(255, 255, 255, 0) 100%);
}
.--black-section .conveyor-belt__belt:before,
.--black-section .conveyor-belt__belt:after {
background: linear-gradient(90deg, #ffffff 0%, rgba(0, 0, 0, 0.42) 82.35%, rgba(0, 0, 0, 0) 100%);
}
.conveyor-belt__belt img {
margin: 0 13px;
}
/* solving-list */
.solving-list .solving-list__item {
width: calc(100% / 3 - (15px * 2));
}
.solving-list.-bigger-card .solving-list__item {
width: calc(100% / 2 - (15px * 2));
}
/*counter-item*/
.counter-item__description,
.-apple .counter-item__description {
display: block;
margin-top: 3px;
}
/* solution-preview */
.solution-preview__content {
padding: 20px 15px 20px 20px;
}
.solution-preview__content .text {
margin-top: 7px;
}
.solution-preview__content .link {
margin-top: 7px;
}
/* info-card-list */
.info-card-list .info-card {
grid-column: span 3;
}
.info-card {
padding: 12px 20px 26px 20px;
}
.info-card.-award-card {
padding: 25px 20px 30px 20px;
}
.info-card.-without-img {
padding: 20px 20px 25px 20px;
}
/* testimonials-swiper */
.testimonials__navigation {
display: none;
}
.testimonials__slide-content {
width: 100%;
max-width: 100%;
padding: 0 33px 80px 33px;
}
.testimonial-container {
margin-top: 10px;
}
.testimonials__title {
margin-top: 12px;
}
.testimonials__text {
margin-top: 10px;
}
.testimonials__user {
margin-top: 19px;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 40px;
}
/* inner-page-main */
.inner-page-main {
padding: 75px 0 40px 0;
}
.inner-page-main__container {
min-height: 55px;
}
.inner-page-main__container .pre-title + *,
.inner-page-main__container .title + *,
.inner-page-main__container .text + * {
margin-top: 9px;
}
/* horizontal-card */
.horizontal-card {
max-width: 100%;
}
.horizontal-card__img {
display: block;
width: 45%;
min-width: 45%;
min-height: 196px;
}
.horizontal-card_content {
padding: 25px 22px 25px 22px;
}
.horizontal-card_content .title {
margin-top: 6px;
}
.horizontal-card_content .title + * {
margin-top: 14px;
}
.horizontal-card_content .check-list {
padding-left: 0;
}
.horizontal-card_content .check-list li:not(:first-child) {
margin-top: 5px;
}
.horizontal-card_content .link {
margin-top: 38px;
}
/* object-item */
.object-item__title {
margin-top: 7px;
}
.object-item__text {
margin-top: 5px;
}
/* .footer */
.footer {
padding: 30px 0 36px 0;
}
/* article-preview */
.article-list {
grid-template-columns: repeat(2, 1fr);
gap: 31px;
}
.article-preview__title {
margin-top: 20px;
}
.article-preview__text {
margin-top: 5px;
}
.article-preview__tags {
margin-top: 12px;
}
/* small-info-section */
.small-info-section {
padding: 30px 0;
}
/* -book-editor */
.-book-editor h1 {
font-weight: 600;
font-size: 24px;
line-height: 34px;
}
.-book-editor h2 {
font-weight: 600;
font-size: 22px;
line-height: 30px;
}
.-book-editor h3,
.-book-editor h4,
.-book-editor h5,
.-book-editor h6 {
font-weight: 600;
font-size: 14px;
line-height: 21px;
}
.-book-editor p,
.-book-editor a {
font-weight: 300;
font-size: 15px;
line-height: 24px;
}
.-book-editor li,
.-book-editor li a {
font-weight: 300;
font-size: 15px;
line-height: 24px;
}
.-book-editor li:before {
width: 2px;
height: 2px;
}
.-book-editor h1 + *,
.-book-editor h2 + *,
.-book-editor h3 + *,
.-book-editor h4 + *,
.-book-editor h5 + *,
.-book-editor h6 + * {
margin-top: 15px;
}
.-book-editor h1 + h3,
.-book-editor h1 + h4,
.-book-editor h1 + h5,
.-book-editor h1 + h6,
.-book-editor h2 + h3,
.-book-editor h2 + h4,
.-book-editor h2 + h5,
.-book-editor h2 + h6 {
margin-top: 10px;
}
.-book-editor p + p {
margin-top: 20px;
}
.-book-editor p + ul {
margin-top: 20px;
}
/* object-item */
.object-item {
width: 197px;
height: 197px;
padding: 40px 27px 57px 27px;
}
.object-item__img {
width: 23px;
height: 23px;
}
}
@media screen and (max-width: 760px) {
/* header */
.header .logo {
width: 143px;
min-width: 143px;
}
.logo {
width: 143px;
min-width: 143px;
}
/* footer */
.footer__menu {
margin: 35px 0 0 0 !important;
width: auto;
max-width: 50%;
min-width: 45%;
}
.footer__menu:nth-child(2n + 2) {
margin-left: 15px !important;
}
.footer__right-content {
justify-content: flex-start;
}
.footer__left-content .text {
margin-top: 13px;
}
.footer__left-content .social-links {
margin-top: 17px;
}
.footer__menu-item:not(:first-child) {
margin-top: 11px;
}
.footer__bottom-content {
flex-direction: column-reverse;
margin-top: 40px;
padding-top: 25px;
}
.footer__bottom-content .copyright {
margin-top: var(--margin-beetwen-title-text);
text-align: center;
}
.footer__bottom-links li + li {
margin-left: 26px;
}
/* conveyor-line */
.conveyor-belt__belt {
height: 35px;
margin: 24px 0;
}
/* solving-list */
.solving-list {
justify-content: flex-start;
flex-direction: column;
margin: 0 0 -20px 0;
}
.solving-list .solving-list__item {
width: 100%;
margin: 0 0 20px 0;
}
.solving-list.-bigger-card .solving-list__item {
width: 100%;
margin: 0 0 20px 0;
}
.solving-list__item {
max-width: none;
padding: 12px 0;
}
.solving-list__item .title {
margin-top: 17px;
}
.solving-list__item .text {
max-width: none;
padding: 0 10px;
margin-top: 7px;
}
.solving-list__item img {
width: 60px;
}
/* info-card-list */
.info-card-list .info-card {
grid-column: span 6;
}
.info-card-list .info-card.-bigger {
grid-column: span 6;
}
.info-card.-award-card .info-card__icon {
max-width: 150px;
}
.info-card.-img-auto-width .info-card__icon {
max-width: 80%;
}
.info-card__icon {
max-width: 38px;
}
.info-card__title {
margin-top: var(--margin-beetwen-title-text);
}
.info-card__text {
margin: 10px 0 10px 0;
}
.info-card.-without-img .info-card__text {
margin-bottom: 13px;
}
/* small-info-section */
.title-with-button {
flex-direction: column;
text-align: center;
}
.title-with-button .default-button {
margin: 16px 0 0 0;
}
/* horizontal-card */
.horizontal-card {
flex-direction: column;
}
.horizontal-card__img {
display: block;
width: 100%;
min-width: 100%;
height: 196px;
}
.horizontal-card_content {
padding: 25px 22px 25px 22px;
}
.horizontal-card_content .title {
margin-top: 6px;
}
.horizontal-card_content .title + * {
margin-top: 14px;
}
.horizontal-card_content .link {
margin-top: 38px;
}
/* faq-item */
.faq-item .faq-item__open {
padding: 19px 15px;
}
body:not(.-apple) .faq-item__open {
padding-bottom: 13px;
}
.faq-item .faq-item__content {
padding: 5px 15px 27px 15px;
}
.faq-item.-with-border .faq-item__open {
padding: 15px 23px 19px 20px;
}
.faq-item.-with-border .faq-item__content {
padding: 0 23px 27px 20px;
}
/* object-item */
.object-list {
flex-direction: column;
}
.object-list .object-item:not(:first-child) {
margin: -31px 0 0 0;
}
.object-item {
width: 197px;
height: 197px;
padding: 40px 27px 57px 27px;
}
.object-item__img {
width: 23px;
height: 23px;
}
/* article-preview */
.article-list {
display: grid;
grid-template-columns: repeat(1, 1fr);
}
}
@media screen and (max-width: 371px) {
.footer__bottom-links .mob-link-2 {
font-size: 14px;
}
}