/home/bdqbpbxa/demo-subdomains/homesearch.goodface.com.ua/frontend/css/styles.css
@import "ui-kit.css";
@import "ui-blocks.css";
@import "ui-components/dropdowns.css";
@import "ui-components/form-element.css";
@import "ui-components/modals.css";
@import "ui-components/tabs.css";
@import "hovers.css";
/* Home page | main-section */
.main-section {
padding: 144px 0 74px 0;
}
main .main-section {
padding-top: 144px;
}
.main-section__text {
margin-top: var(--margin-beetwen-title-text);
}
.main-section__buttons-container {
display: flex;
justify-content: center;
align-items: center;
margin-top: 47px;
}
.main-section__buttons-container .default-button {
width: fit-content;
margin-right: 57px;
}
.main-section__img {
margin: 45px auto 0 auto;
max-width: 948px;
width: 100%;
}
.main-section__img img,
.main-section__img picture {
display: block;
max-width: 100%;
height: auto;
}
/* Home page | .text-section */
.text-section {
padding: var(--margin-beetwen-content) 0;
}
.text-section p {
line-height: 175%;
}
/* Home page | .conveyor-section */
.conveyor-section {
padding: var(--margin-beetwen-content) 0;
}
/* Home page | .solving-section */
.solving-section {
padding: var(--margin-beetwen-content) 0;
}
.solving-section .container > .title {
width: fit-content;
margin: 0 auto;
text-align: center;
}
.solving-section .solving-list {
margin-top: 53px;
}
/* Home page | .counter-section */
.counter-section {
padding: 110px 0 47px 0;
}
.counter-section__inner {
display: flex;
justify-content: space-between;
align-items: flex-start;
width: 100%;
}
.counter-section__inner .texts {
max-width: 37%;
margin-top: 52px;
}
.counter-section__inner .texts *:not(:first-child) {
margin-top: var(--margin-beetwen-title-text);
}
.counter-section__inner .counters {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
max-width: 51%;
}
.counter-section__inner .counter-item {
width: calc(50% - 35px);
margin-bottom: 53px;
}
/* Home page | solution-preview-section */
.solution-preview-section {
padding: var(--margin-beetwen-content) 0;
}
.solution-block__inner {
display: flex;
justify-content: center;
align-items: stretch;
flex-wrap: wrap;
}
.solution-block__inner .solution-preview {
width: calc(33.3% - 13.3px);
max-width: 360px;
margin-top: 26px;
}
.solution-block__inner .solution-preview:nth-child(3n + 2) {
margin: 26px 20px 0 20px;
}
/* Home page | equip-section */
.equip-section {
padding: var(--margin-beetwen-content) 0;
}
.equip-section .text {
max-width: 770px;
margin-top: var(--margin-beetwen-title-text);
}
.equip-section .info-card-list {
max-width: 1120px;
margin: var(--margin-beetwen-title-content) auto 0 auto;
}
.equip-section .container > .link {
margin-top: 48px;
}
/* Home page | testimonials-section */
.testimonials-section {
padding: var(--margin-beetwen-content) 0 0 0;
}
.testimonials-section .pre-title {
color: var(--red);
}
/* single-solution | solutions-main */
.solutions-main {
padding: var(--margin-beetwen-content) 0;
}
.solutions-main__inner {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 60px;
width: 100%;
}
.solutions-main__right {
min-width: 38.5%;
width: 38.5%;
margin-top: 2px;
margin-right: -21px;
}
.solutions-main__left {
/*max-width: 670px;*/
width: 60%;
padding-top: 63px;
}
.solutions-main__left p {
margin-top: 15px;
}
.solutions-main__left p + p {
margin-top: 28px;
}
.solutions-main__left li {
margin-top: 20px;
}
.solutions-main__left .button {
margin-top: 27px;
width: fit-content;
}
.solutions-main__right img {
display: block;
width: 100%;
height: auto;
}
/* single-solution | card-section */
.card-section {
padding: var(--margin-beetwen-content) 0;
}
.card-section .horizontal-card {
margin: 0 auto;
width: 100%;
}
/* single-solution | recommended-section */
.recommended-section {
padding: var(--margin-beetwen-content) 0;
}
.recommended-section .conveyor-belt__belt {
margin-top: var(--margin-beetwen-title-content);
}
.recommended-section .link {
margin-top: 23px;
}
/* Case study | solutions-two-col-section */
.solutions-two-col-section {
padding: var(--margin-beetwen-content) 0;
}
.solutions-two-col-section .container > .text {
margin-top: var(--margin-beetwen-title-text);
}
.solutions-two-col-section .info-with-img {
margin-top: 64px;
}
.info-with-img {
display: flex;
justify-content: center;
align-items: flex-start;
}
.info-with-img__img {
display: block;
min-width: 355px;
width: 355px;
margin-left: 156px;
margin-right: 14px;
}
.info-with-img__img img {
display: block;
width: 100%;
}
.info-with-img__content {
max-width: 50%;
width: 50%;
margin-top: 54px;
}
.info-with-img__content ul li:not(:first-child) {
margin-top: 47px;
}
.info-with-img__content ul li p + p {
margin-top: 4px;
}
/* Case study | result-section */
.result-section {
padding: var(--margin-beetwen-content) 0;
}
.result-section .counters {
display: grid;
grid-template-columns: repeat(3, 1fr);
max-width: 1120px;
margin: var(--margin-beetwen-title-content) auto 0 auto;
gap: 45px;
}
.result-section .counters .counter-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-align: center;
grid-column: span 1;
}
.result-section .counters .counter-item__title {
font-size: 50px;
line-height: 56px;
}
.result-section .counters .counter-item__description {
margin-top: 6px;
}
/* products page | object-section */
.object-section {
padding: var(--margin-beetwen-content) 0;
}
.object-section .text {
margin-top: var(--margin-beetwen-title-text);
}
.object-section .object-list {
margin-top: var(--margin-beetwen-title-content);
}
.object-section .editor {
max-width: 770px;
}
/* products page | small-info-section */
.small-info-section {
/*padding: var(--margin-beetwen-content) 0;*/
}
/* Products page | object-section__single-col */
.object-section__single-col .object-list {
margin-top: 60px;
}
/* Single product page | guide-section */
.guide-section {
padding: var(--margin-beetwen-content) 0;
}
.guide-section .text {
margin-top: var(--margin-beetwen-title-text);
}
/* Single product page | key-section */
.key-section {
padding: var(--margin-beetwen-content) 0;
}
.check-lists-container {
display: flex;
justify-content: center;
align-items: flex-start;
margin-top: 40px;
}
.check-lists-container ul {
max-width: calc(33% - (15% / 3));
}
.check-lists-container ul:nth-child(2) {
margin: 0 15%;
}
/* Single product page | single-faq-section */
.single-faq-section {
padding: var(--margin-beetwen-content) 0;
}
.single-faq-section .faq-list {
margin: 30px auto 0 auto;
max-width: 740px;
}
/* Single product page | related-products */
.related-products {
padding: var(--margin-beetwen-content) 0;
}
.related-products .link {
margin-top: 30px;
}
.related-products .info-card-list {
margin-top: 30px;
}
/* Webinar | upcoming-section */
.upcoming-section {
padding: var(--margin-beetwen-content) 0;
}
.upcoming-section .info-card-list {
margin: 36px auto 0 auto;
}
.info-card__title {
margin-top: 12px;
}
.upcoming-section .info-card-list .info-card__text {
margin: 15px 0 16px 0;
}
.upcoming-section .info-card-list .info-card.-without-img {
padding-bottom: 29px;
}
/* Webinar | previous-section */
.previous-section {
padding: var(--margin-beetwen-content) 0;
}
.previous-section .info-card-list {
margin: 26px auto 0 auto;
}
/* Single-article | .article */
.article {
position: relative;
}
.article:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 77px;
background: var(--black);
}
.article .article__container {
max-width: 890px;
margin: -18px auto 0 auto;
background: var(--white);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
border-radius: 5px;
}
.article__main-img {
width: 100%;
height: 300px;
}
.article__main-img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 5px;
}
.article__main-info {
padding: 56px 125px 75px 125px;
width: 100%;
}
.article__main-sub-info span {
font-weight: inherit;
white-space: nowrap;
}
.article__main-sub-info span:not(:last-child):after {
content: "ยท";
margin: 0 3px 0 5px;
}
.article__main-info > p {
margin-top: 12px;
}
.article__content img {
display: block;
max-width: 100%;
margin: 54px auto;
}
.article__content p + *:not(p) {
margin-top: 73px;
}
.article__content h1,
.article__content h2,
.article__content h3,
.article__content h4,
.article__content h5,
.article__content h6 {
font-weight: 600;
font-size: 24px;
line-height: 33px;
}
.article__content h1 + p,
.article__content h2 + p,
.article__content h3 + p,
.article__content h4 + p,
.article__content h5 + p,
.article__content h6 + p {
margin-top: 8px;
}
.article__content p + p {
margin-top: 28px;
}
.article__content p + blockquote {
margin-top: 53px;
}
.article__content blockquote {
position: relative;
margin: 53px 0 47px 0;
padding-left: 80px;
font-weight: 600;
font-size: 30px;
line-height: 38px;
}
.article__content blockquote:before {
content: "";
position: absolute;
left: 3px;
top: 12px;
width: 54px;
height: 32px;
background: no-repeat center / contain
url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTQiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCA1NCAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTU0IDEyLjY1NkM1NCA1LjY2ODIzIDQ4LjQwMTcgMCA0MS41IDBDMzQuNzc2MSAwIDI5LjMyNTggNS4zNjgzMiAyOS4wMjk2IDEyLjExNjJMMjkgMTIuMDg2MkMyOSAxMi4yMzYyIDI5IDEyLjM1NjEgMjkgMTIuNTA2MUMyOSAxMi41NjYxIDI5IDEyLjYyNjEgMjkgMTIuNjU2QzI5IDEyLjc3NiAyOSAxMi44OTYgMjkuMDI5NiAxMy4wMTU5QzI5LjAyOTYgMTMuMTM1OSAyOS4wMjk2IDEzLjI1NTkgMjkuMDU5MiAxMy4zNzU4QzI5LjA1OTIgMTMuNTg1OCAyOS4wNTkyIDEzLjc5NTcgMjkuMDg4OSAxNC4wMDU2QzI5LjgyOTQgMjQuMTEyNSAzNi4zMTY0IDMyIDQ0LjE5NTUgMzJDNDQuNjEwMiAzMiA0NS4wMjQ5IDMxLjk3IDQ1LjQzOTYgMzEuOTRDNDUuMDI0OSAzMS41MjAyIDQyLjg2MjYgMjkuMTIwOSA0Mi4wOTI0IDI1LjI4MjFDNDguNzI3NSAyNC45ODIyIDU0IDE5LjQ2MzkgNTQgMTIuNjU2WiIgZmlsbD0iI0ZGNEE0RiIvPgo8cGF0aCBkPSJNMjUgMTIuNjY3OUMyNSA1LjY3MzU1IDE5LjQwMTcgMCAxMi41IDBDNS43NzYwNyAwIDAuMzI1ODI5IDUuMzczMzYgMC4wMjk2MjA5IDEyLjA5NzZMMCAxMi4wNjc1QzAgMTIuMjE3NiAwIDEyLjMzNzcgMCAxMi40ODc4QzAgMTIuNTQ3OCAwIDEyLjYwNzkgMCAxMi42Mzc5QzAgMTIuNzU4IDAgMTIuODc4IDAuMDI5NjIwOSAxMi45OTgxQzAuMDI5NjIwOSAxMy4xMTgyIDAuMDI5NjIwOSAxMy4yMzgzIDAuMDU5MjQxNyAxMy4zNTgzQzAuMDU5MjQxNyAxMy41Njg1IDAuMDU5MjQxNyAxMy43Nzg2IDAuMDg4ODYyNiAxMy45ODg3QzAuODI5Mzg0IDI0LjEwNTEgNy4zMTYzNSAzMiAxNS4xOTU1IDMyQzE1LjYxMDIgMzIgMTYuMDI0OSAzMS45NyAxNi40Mzk2IDMxLjk0QzE2LjAyNDkgMzEuNTE5NyAxMy44NjI2IDI5LjExODIgMTMuMDkyNCAyNS4yNzU4QzE5LjcyNzUgMjUuMDA1NiAyNSAxOS40ODIyIDI1IDEyLjY2NzlaIiBmaWxsPSIjRkY0QTRGIi8+Cjwvc3ZnPgo=");
}
.article__author-info .author-content {
margin-top: 2px;
}
.article__author-info {
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin-top: 50px;
}
.article__author-info .img {
width: 52px;
min-width: 52px;
height: 52px;
margin-right: 12px;
}
.article__author-info .img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.article__author-info .text {
margin-top: -5px;
}
/* single-article | related-article */
.related-article {
padding: var(--margin-beetwen-content) 0;
}
.related-article .article-list {
margin: 30px auto 0;
}
/* single-product | single-product-main */
.single-product-main {
padding: var(--margin-beetwen-content) 0;
}
.single-product-main.-bottom-placed-img {
padding: var(--margin-beetwen-content) 0 0;
}
.single-product-main__inner {
display: flex;
align-items: center;
justify-content: center;
}
.single-product-main.-bottom-placed-img .single-product-main__inner {
align-items: center;
}
.single-product-main__left {
max-width: 51%;
}
.single-product-main.-bottom-placed-img .single-product-main__left {
padding: 0 0 80px 0;
}
.single-product-main__left .img {
width: 50px;
}
.single-product-main__left .img img {
width: auto;
max-width: 100%;
height: auto;
display: block;
}
.single-product-main__left .title {
margin-top: 7px;
}
.single-product-main__left .text {
margin-top: var(--margin-beetwen-title-text);
}
.single-product-main__left .button-container {
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 20px;
}
.single-product-main__left .button-container .default-button {
min-width: 217px;
}
.single-product-main__left .button-container > a:not(:last-child) {
margin-right: 20px;
}
.single-product-main__right {
margin-left: 90px;
max-width: 27%;
}
.single-product-main.-bottom-placed-img .single-product-main__right {
min-width: 407px;
margin: auto 0 0 30px;
}
.single-product-main__right img {
width: 100%;
height: auto;
display: block;
}
/* single-product | single-product-guide */
.single-product-guide .solving-list {
margin-top: 52px;
}
/* single-product | single-product-how-work */
.single-product-how-work .solving-list {
margin-top: 50px;
}
.single-product-how-work .solving-list + * {
margin-top: 50px;
}
/* Blog page | blog-section */
.blog-section {
padding: var(--margin-beetwen-content) 0;
}
.blog {
margin: 0 auto;
}
.blog__tabs-menu {
display: flex;
width: fit-content;
margin: 0 auto;
}
.blog__tabs-menu-wrapper {
display: flex;
}
.blog__tabs-menu-item {
display: flex;
justify-content: center;
position: relative;
cursor: pointer;
min-width: 100px;
margin-bottom: 2px;
pointer-events: none;
}
.blog__tabs-menu-item:not(:last-child) {
margin-right: 35px;
}
.blog__tabs-menu-item span {
white-space: nowrap;
user-select: none;
transition: opacity 0.4s, color 0.4s;
text-align: center;
pointer-events: auto;
}
.blog__tabs-menu-item .regular {
position: absolute;
}
.blog__tabs-menu-item .bold {
opacity: 0;
pointer-events: none;
}
.blog__tabs-menu-item.-active .regular {
opacity: 0;
pointer-events: none;
}
.blog__tabs-menu-item.-active .bold {
opacity: 1;
pointer-events: none;
}
.blog__tabs-menu-item.-active {
pointer-events: none;
}
.blog__tabs-menu-line {
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 3px;
background: var(--red);
transform: translateX(0);
transition: transform 0.4s, width 0.4s;
}
.blog__tabs-item {
margin-top: 40px;
}
.blog__tabs-item .article-list {
row-gap: 50px;
}
/* about-us | about-us-main */
.about-us-main {
padding: var(--margin-beetwen-content) 0;
}
.about-us-main__content {
margin: 0 auto;
padding: 0 38px;
}
.about-us-main__content h1,
.about-us-main__content h2 {
width: 100%;
text-align: center;
}
.about-us-main__content.editor h3,
.about-us-main__content.editor h4,
.about-us-main__content.editor h5,
.about-us-main__content.editor h6 {
font-weight: 600;
font-size: 18px;
line-height: 26px;
}
.about-us-main__content.editor p + h3,
.about-us-main__content.editor p + h4,
.about-us-main__content.editor p + h5,
.about-us-main__content.editor p + h6 {
margin-top: 23px;
}
.about-us-main__content.editor h3 + p,
.about-us-main__content.editor h4 + p,
.about-us-main__content.editor h5 + p,
.about-us-main__content.editor h6 + p {
margin-top: 5px;
}
/* about-us | awards-section */
.awards-section {
padding: var(--margin-beetwen-content) 0;
}
.awards-section .info-card-list {
margin: 30px auto 0 auto;
}
.awards-section .info-card-list {
gap: 20px;
}
/* about-us | team-section */
.team-section {
padding: var(--margin-beetwen-content) 0;
}
.team-section .editor {
max-width: 1000px;
margin: 0 auto;
}
.team-section .editor *:not(:first-child) {
margin-top: 15px;
}
.team-section .editor * {
text-align: center;
}
.team-bigger-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px 90px;
margin-top: 40px;
}
.team-item {
grid-column: span 1;
display: flex;
justify-content: flex-start;
align-items: center;
}
.team-item__img .img {
min-width: 220px;
width: 220px;
height: 220px;
border-radius: 50%;
overflow: hidden;
}
.team-item__img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.team__mobile-content {
display: none;
}
.team-item__content {
margin-left: 21px;
}
.team-item__subtitle {
color: #aaaaaa;
}
.team-item__text {
margin-top: 8px;
}
.team-smaller-list {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
max-width: 930px;
/*gap: 47px 83px;*/
margin: 49px auto -47px auto;
}
.team-smaller-list .team-item {
flex-direction: column;
justify-content: flex-start;
align-items: center;
max-width: 170px;
margin: 0 83px 47px 0;
}
.team-smaller-list .team-item:nth-child(4n + 4) {
margin-right: 0;
}
.team-smaller-list .team-item__img {
width: 170px;
height: 170px;
border-radius: 50%;
overflow: hidden;
}
.team-smaller-list .team-item__content {
margin: 13px 0 0 0;
text-align: center;
}
/* about-us | clients-section */
.clients-section {
padding: var(--margin-beetwen-content) 0;
}
.clients-list {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
/*gap: 30px 140px;*/
max-width: 940px;
margin: 30px auto -30px auto;
}
.clients-list .client-item {
width: 130px;
margin-bottom: 30px;
min-width: 130px;
}
.clients-list .client-item {
margin-right: 140px;
}
.clients-list .client-item:nth-child(4n + 4) {
margin-right: 0;
}
.clients-list .client-item img {
display: block;
width: 100%;
height: auto;
}
/* about-us | news-section */
.news-section {
padding: var(--margin-beetwen-content) 0;
}
.news-section .info-card-list {
margin: 30px auto 0 auto;
}
/* about-us | careers-small-content */
.careers-small-content {
text-align: center;
max-width: 660px;
margin: 0 auto;
}
.careers-small-content * {
margin: 0 auto;
}
.careers-small-content .pre-title {
color: var(--red);
}
.careers-small-content .title {
margin-top: 7px;
}
.careers-small-content .text {
margin-top: var(--margin-beetwen-title-text);
}
.careers-small-content .link {
margin-top: 21px;
}
.-apple .careers-small-content .link.--arrow-link:after {
bottom: 3px;
}
/* FAQ page | faq-section */
.faq-section {
padding: var(--margin-beetwen-content) 0;
}
.faq-section .faq-theme-item {
max-width: 740px;
margin: 0 auto;
}
.faq-section .faq-theme-item:not(:first-child) {
margin-top: 54px;
}
.faq-theme-item > div:first-of-type {
margin-top: 13px;
}
.faq-theme-item .faq-item {
margin-top: 10px;
}
/* What agents say | what-agent-main-section */
.what-agent-main-section {
padding: var(--margin-beetwen-content) 0;
}
.what-agent-main-content {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 55px;
}
.what-agent-main-content__img {
margin-top: 11px;
max-width: 50%;
min-width: 515px;
}
.what-agent-main-content__img img,
.what-agent-main-content__img video {
display: block;
width: 100%;
}
.what-agent-main-content__content {
max-width: 50%;
}
.what-agent-main-content__content p + p {
margin-top: 28px;
}
.what-agent-main-content__content .article__author-info {
margin-top: 19px;
}
.what-agent-main-content__content .article__author-info .img {
width: 63px;
min-width: 63px;
height: 63px;
margin-right: 19px;
}
.what-agent-main-content__content .article__author-info .author-content {
margin-top: 6px;
}
/* contact-us | contact-us-section */
.contact-us-section {
position: relative;
z-index: 1;
padding: 0 0 var(--margin-beetwen-content) 0;
}
.contact-us-section:before {
content: "";
position: absolute;
left: 0;
top: 51px;
z-index: -1;
background: var(--black);
height: 59px;
width: 100%;
}
.contact-us-wrapper {
display: flex;
justify-content: space-between;
align-items: flex-start;
background: var(--white);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.17);
border-radius: 5px;
max-width: 930px;
margin: -51px auto 0 auto;
padding: 43px 30px 30px 40px;
}
.contact-us-wrapper__left {
width: 455px;
min-width: 455px;
}
.form__thanks {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
}
.form__thanks .img {
width: 88px;
height: 88px;
}
.form__thanks .img img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.form__thanks .title {
margin-top: 32px;
text-align: center;
}
.form__thanks .text {
margin-top: 10px;
text-align: center;
}
.contact-us-wrapper form .default-button {
margin-top: 38px;
}
.contact-us-wrapper__right {
width: 31%;
color: var(--black);
}
.contact-us-wrapper__right h1,
.contact-us-wrapper__right h2,
.contact-us-wrapper__right h3,
.contact-us-wrapper__right h4,
.contact-us-wrapper__right h5,
.contact-us-wrapper__right h6 {
font-weight: 600;
font-size: 18px;
line-height: 29px;
}
.contact-us-wrapper__right h1:not(:first-child),
.contact-us-wrapper__right h2:not(:first-child),
.contact-us-wrapper__right h3:not(:first-child),
.contact-us-wrapper__right h4:not(:first-child),
.contact-us-wrapper__right h5:not(:first-child),
.contact-us-wrapper__right h6:not(:first-child) {
margin-top: 28px;
}
.contact-us-wrapper__right p:not(:first-child) {
margin-top: 3px;
}
.contact-us-wrapper__right p,
.contact-us-wrapper__right a {
font-weight: 300;
font-size: 16px;
line-height: 28px;
}
.contact-us-wrapper__right p a,
.contact-us-wrapper__right > a {
padding-bottom: 3px;
color: var(--red);
border-bottom: 1px solid var(--red);
transition: color 0.4s, border 0.4s;
}
.contact-us-wrapper__right strong {
font-weight: 600;
}
.contact-us-wrapper__right .social-links {
margin-top: 14px;
}
/* Careers | careers-main-section */
.careers-main-section {
padding: var(--margin-beetwen-content) 0;
}
.careers-main-content {
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row-reverse;
width: 100%;
}
.careers-main-content__img {
max-width: 52%;
min-width: 52%;
margin: 0 -40px 0 80px;
}
.careers-main-content__img img {
display: block;
width: 100%;
}
.careers-main-content__content {
max-width: 51%;
}
.careers-main-content__content p + p {
margin-top: 10px;
}
/* Careers | careers-values */
.careers-values {
padding: var(--margin-beetwen-content) 0;
}
.careers-values-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px 20px;
max-width: 1120px;
margin: var(--margin-beetwen-title-content) auto 0 auto;
}
.careers-values__item {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
grid-column: span 1;
}
.careers-values__img {
width: 68px;
height: 68px;
border-radius: 50%;
overflow: hidden;
}
.careers-values__img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
overflow: hidden;
}
.careers-values__title {
margin-top: 30px;
text-align: center;
}
.careers-values__text {
margin: var(--margin-beetwen-title-text) auto 0 auto;
text-align: center;
}
/* Careers | careers-vacancies */
.careers-vacancies {
padding: var(--margin-beetwen-content) 0;
}
.careers-vacancies .vacancies-list {
margin: var(--margin-beetwen-title-content) auto 0 auto;
}
.vacancies-list {
position: relative;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
width: 100%;
}
.vacancies-list:not(:last-child) {
padding-bottom: 50px;
margin-bottom: 50px;
}
.vacancies-list:not(:last-child):after {
content: "";
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 100%;
border-bottom: 2px solid #d2d2d2;
border-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDQyIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMDAxXzE0OTY2KSI+CjxwYXRoIGQ9Ik0tOC41IDFINzY3LjUiIHN0cm9rZT0iI0QyRDJEMiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1kYXNoYXJyYXk9IjE1IDE1Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTAwMV8xNDk2NiI+CjxyZWN0IHdpZHRoPSI0MiIgaGVpZ2h0PSIyIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=")
7 fill repeat;
}
.-apple .vacancies-list:not(:last-child):after {
border-bottom: 2px dashed #d2d2d2;
border-image: none;
}
.vacancies-list__theme {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.vacancies-list__theme .text {
color: var(--red);
}
.vacancies-list > .text {
margin-top: 10px;
}
.vacancies-list__list {
margin-top: 30px;
width: 100%;
}
.vacancies-list__item {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 60px 15px 0;
color: var(--black);
}
.vacancies-list__item:first-child {
padding-top: 0;
}
.vacancies-list__item:last-child {
padding-bottom: 0;
}
.vacancies-list__item .title {
transition: color 0.4s;
}
.vacancies-list__item:before {
content: "";
position: absolute;
right: 18px;
width: 12px;
height: 12px;
background: no-repeat center / contain
url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNjA2MjUgMTEuMzQzOUM1LjUwNjI1IDExLjI0MzkgNS40NTYyNSAxMS4xMTI2IDUuNDU2MjUgMTAuOTUwMUM1LjQ1NjI1IDEwLjc4NzYgNS41MDYyNSAxMC42NTY0IDUuNjA2MjUgMTAuNTU2NEw5Ljg0Mzc1IDYuMzE4ODdIMC41NjI1QzAuNCA2LjMxODg3IDAuMjY1NjI1IDYuMjY1NzUgMC4xNTkzNzUgNi4xNTk1QzAuMDUzMTI1MSA2LjA1MzI1IDAgNS45MTg4NyAwIDUuNzU2MzdDMCA1LjU5Mzg3IDAuMDUzMTI1MSA1LjQ1OTUgMC4xNTkzNzUgNS4zNTMyNUMwLjI2NTYyNSA1LjI0NyAwLjQgNS4xOTM4NyAwLjU2MjUgNS4xOTM4N0g5Ljg0Mzc1TDUuNjA2MjUgMC45NTYzNzJDNS41MDYyNSAwLjg1NjM3MiA1LjQ1NjI1IDAuNzIxOTk3IDUuNDU2MjUgMC41NTMyNDdDNS40NTYyNSAwLjM4NDQ5NyA1LjUwNjI1IDAuMjUwMTIyIDUuNjA2MjUgMC4xNTAxMjJDNS43MDYyNSAwLjA1MDEyMjMgNS44Mzc1IDAuMDAwMTIyMDcgNiAwLjAwMDEyMjA3QzYuMTYyNSAwLjAwMDEyMjA3IDYuMjkzNzUgMC4wNTAxMjIzIDYuMzkzNzUgMC4xNTAxMjJMMTEuNjA2MyA1LjM2MjYyQzExLjY2ODggNS40MjUxMiAxMS43MTI1IDUuNDg3NjIgMTEuNzM3NSA1LjU1MDEyQzExLjc2MjUgNS42MTI2MiAxMS43NzUgNS42ODEzNyAxMS43NzUgNS43NTYzN0MxMS43NzUgNS44MTg4NyAxMS43NjI1IDUuODg0NSAxMS43Mzc1IDUuOTUzMjVDMTEuNzEyNSA2LjAyMiAxMS42Njg4IDYuMDg3NjIgMTEuNjA2MyA2LjE1MDEyTDYuMzkzNzUgMTEuMzYyNkM2LjI5Mzc1IDExLjQ2MjYgNi4xNjI1IDExLjUwOTUgNiAxMS41MDMyQzUuODM3NSAxMS40OTcgNS43MDYyNSAxMS40NDM5IDUuNjA2MjUgMTEuMzQzOVoiIGZpbGw9IiNGRjRCNTEiLz4KPC9zdmc+Cg==");
}
.vacancies-list__item:not(:first-child) {
border-top: 1px solid #e5e5e5;
}
/* Vacancy page | vacancy-description */
.vacancy-description {
padding: var(--margin-beetwen-content) 0;
}
.vacancy-description__content {
max-width: 770px;
margin: 0 auto;
}
.vacancy-description__content .editor {
margin-top: 30px;
}
.vacancy-description__content h1,
.vacancy-description__content h2,
.vacancy-description__content h3,
.vacancy-description__content h4,
.vacancy-description__content h5,
.vacancy-description__content h6 {
font-weight: 600;
font-size: 18px;
line-height: 32px;
}
.vacancy-description__content h1 + p,
.vacancy-description__content h2 + p,
.vacancy-description__content h3 + p,
.vacancy-description__content h4 + p,
.vacancy-description__content h5 + p,
.vacancy-description__content h6 + p {
margin-top: 0;
}
.vacancy-description__content p + h1,
.vacancy-description__content p + h2,
.vacancy-description__content p + h3,
.vacancy-description__content p + h4,
.vacancy-description__content p + h5,
.vacancy-description__content p + h6 {
margin-top: 17px;
}
.vacancy-description__content ul {
margin-top: 0;
}
.vacancy-description__content ul li,
.vacancy-description__content ul li a {
font-weight: 300;
font-size: 16px;
line-height: 28px;
}
.vacancy-description__content ul li:before {
content: "";
position: absolute;
left: 10px;
top: 11px;
display: block;
width: 4px;
height: 4px;
border-radius: 50%;
background: var(--black);
}
.vacancy-description__content ul li {
position: relative;
padding-left: 24px;
margin-top: 0;
}
.vacancy-description__content ul + p {
margin-top: 17px;
}
/* Vacancy | vacancy-form-section */
.vacancy-title {
display: none !important;
}
.vacancy-form-section {
padding: var(--margin-beetwen-content) 0;
overflow: hidden;
}
.vacancy-form-section__content {
max-width: 770px;
margin: 0 auto;
}
.vacancy-form-section__content .form {
width: 570px;
}
.vacancy-form-section__content .form__form {
width: 100%;
}
.vacancy-form-section__content .form form {
margin-top: 28px;
}
.vacancy-form-section__content .form form > input:last-child {
margin-top: 11px;
}
.vacancy-form-section__content .form form .submit {
min-width: 225px;
}
/* Book a demo | book-a-demo-main__left */
.book-a-demo-main {
position: relative;
margin-bottom: 97px;
}
.book-a-demo-main:after {
content: "";
position: absolute;
left: 0;
bottom: -97px;
display: block;
width: 100%;
height: 97px;
background: var(--white);
}
.book-a-demo-main__left .article__author-info {
margin-top: 30px;
align-items: center;
}
.book-a-demo-main__left .author-content .text {
color: var(--red);
margin-top: 0;
}
.book-a-demo-main__left .article__author-info .img {
width: 73px;
min-width: 73px;
height: 73px;
margin-right: 17px;
}
.book-a-demo-main__left {
margin-top: 51px;
}
.book-a-demo-main__content {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 130px;
}
.book-a-demo-main__right {
z-index: 2;
}
.book-a-demo-main__right-content {
min-width: 470px;
width: 470px;
padding: 30px 30px 20px 30px;
margin-bottom: -97px;
background: var(--white);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.17);
border-radius: 5px;
color: var(--black);
}
.book-a-demo-main__right-content .form__thanks * {
color: var(--black);
}
.book-a-demo-main__right .submit {
min-width: 195px;
}
form .privacy-policy {
margin-top: var(--margin-beetwen-title-text);
}
form .privacy-policy a {
color: var(--red) !important;
padding-bottom: 2px;
border-bottom: 1px solid var(--red);
transition: color 0.4s, border 0.4s;
font-weight: 600;
}
/* Book a demo | book-a-demo-conveyor */
.book-a-demo-conveyor .conveyor-belt__belt {
margin-top: 30px;
}
/* Contact | contact-section */
.contact-section {
padding: 30px 0 var(--margin-beetwen-content) 0;
}
.contact__content {
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.contact__content-right {
min-width: 410px;
width: 410px;
}
.contact__content-right {
margin-left: 127px;
}
.contact__content-right form .title {
display: none;
}
.contact__content-right form .default-button {
min-width: calc(50% - 7.5px);
}
.contact-user {
margin-top: var(--margin-beetwen-title-content);
}
.contact-user .article__author-info {
margin-top: 14px;
}
.contact-user .article__author-info .img {
width: 73px;
min-width: 73px;
height: 73px;
margin-right: 15px;
}
.contact-user .contact__content-right {
min-width: 410px;
width: 410px;
}
.contact-user .contact__content-right .title {
display: none;
}
/* ROI-calculator | calculator-section */
.calculator-section {
position: relative;
overflow: hidden;
}
.calculator-content {
display: flex;
justify-content: center;
align-items: flex-start;
}
.calculator-section .calculator-content__left {
padding: var(--margin-beetwen-content) 0;
}
.calculator-question-box + .calculator-question-box {
margin-top: 60px;
}
.calculator-question-box .subtitle {
text-transform: uppercase;
}
.calculator-question-box .title,
.calculator-question-box .text {
margin-top: var(--margin-beetwen-title-text);
}
.calculator-question-box .input-box {
position: relative;
margin-top: 20px;
padding: 0;
width: 264px;
}
.calculator-question-box .input-box .input-box__sign {
position: absolute;
left: 16px;
line-height: 100%;
top: 55%;
transform: translateY(-50%);
pointer-events: none;
}
body.-apple .calculator-question-box .input-box .input-box__sign {
top: 50%;
}
.calculator-question-box .input-box input {
padding: 5px 16px 0 40px;
font-weight: 300;
font-size: 18px;
color: var(--black);
}
body.-apple .calculator-question-box .input-box input {
padding-top: 2px;
}
.calculator-question-box .input-box input::placeholder {
color: var(--black);
}
.calculator-question-box .input-box.-percents-box .input-box__sign {
left: auto;
right: 16px;
}
.calculator-question-box .input-box.-percents-box input {
padding: 5px 40px 0 16px;
}
body.-apple .calculator-question-box .input-box.-percents-box input {
padding-top: 2px;
}
.calculator-question-box .input-box.-without-sign input {
padding: 5px 16px 0 16px;
}
body.-apple .calculator-question-box .input-box.-without-sign input {
padding-top: 0;
}
.calculator-section .calculator-content__right {
position: relative;
z-index: 1;
width: 540px;
min-width: 540px;
padding: var(--margin-beetwen-content) 0 var(--margin-beetwen-title-content) 40px;
margin-left: 180px;
transition: height 0.6s, top 0.6s;
}
.calculator-section .calculator-content__right:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: -1;
background: var(--grey-bg);
width: calc((100vw + 250px) / 2);
height: calc(100vh * 3);
}
.calculator-top-result__dropdown {
display: flex;
justify-content: center;
align-items: center;
}
.calculator-top-result {
padding: 0 15px 15px 15px;
border-bottom: 1px solid #d9d9d9;
width: 100%;
}
.calculator-top-result__dropdown {
margin-top: 15px;
}
.calculator-top-result .input-box {
padding: 0;
width: 140px;
margin-left: 20px;
}
.calculator-top-result .default-dropdown__content li {
padding: 7px;
}
.calculator-top-result .input-box .default-dropdown__content {
top: calc(100% + 10px);
width: fit-content;
max-width: 250px;
min-width: 100%;
}
.calculator-top-result .default-dropdown__button {
font-weight: 300;
font-size: 16px;
line-height: 28px;
}
.calculator-bottom-result {
padding-top: 20px;
}
.calculator-item-result {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.calculator-item-result .result {
transition: color 0.4s;
}
.calculator-item-result.-positive .result {
color: #5fbd63;
}
.calculator-item-result.-negative .result,
.calculator-result__global.-negative {
color: #ff0000;
}
.calculator-result__global .currency:before {
content: "-";
color: inherit;
opacity: 0;
user-select: none;
pointer-events: none;
transition: opacity 0.4s;
}
.calculator-result__global.-negative .currency:before {
opacity: 1;
user-select: auto;
pointer-events: auto;
}
.calculator-item-result:not(:first-child) {
margin-top: 10px;
}
.calculator-item-result p:last-child {
margin-left: 20px;
}
.calculator-item-result__parent:not(:first-child) {
margin-top: 10px;
}
.calculator-item-result__parent .calculator-item-result.-sub-item .text {
color: var(--grey-50);
}
.calculator-item-result__parent .calculator-item-result.-sub-item {
margin-top: 5px;
}
.calculator-item-result__parent > .text {
margin-bottom: 10px;
}
.calculator-item-result__accordion {
margin-top: 10px;
}
.calculator-item-result__accordion {
display: flex;
flex-direction: column;
}
.calculator-item-result__accordion .--accordion__open {
position: relative;
display: flex;
justify-content: flex-end;
align-items: center;
color: var(--red);
margin: 0 0 0 auto;
user-select: none;
cursor: pointer;
padding-right: 18px;
line-height: 100%;
transition: color 0.4s;
}
.calculator-item-result__accordion .--accordion__open:after {
content: "";
position: absolute;
right: 0;
top: 4px;
width: 9px;
height: 5px;
background: no-repeat center / contain
url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjI1MDA1IDUuNjA2MDdDNS4xMzc1NSA1LjYwNjA3IDUuMDI4MTggNS41ODQyIDQuOTIxOTMgNS41NDA0NUM0LjgxNTY4IDUuNDk2NyA0LjcxODggNS40MzEwNyA0LjYzMTMgNS4zNDM1N0wwLjkxODgwNCAxLjYzMTA3QzAuNzU2MzA0IDEuNDY4NTcgMC42NzgxNzkgMS4yNjIzMiAwLjY4NDQyOSAxLjAxMjMyQzAuNjkwNjc5IDAuNzYyMzIyIDAuNzc1MDU0IDAuNTQ5ODIyIDAuOTM3NTU0IDAuMzc0ODIyQzEuMTI1MDUgMC4xODczMjIgMS4zMzQ0MyAwLjEwMjk0NyAxLjU2NTY4IDAuMTIxNjk3QzEuNzk2OTMgMC4xNDA0NDcgMi4wMDAwNSAwLjIzMTA3MiAyLjE3NTA1IDAuMzkzNTcyTDUuMjUwMDUgMy40Njg1N0w4LjMyNTA1IDAuMzkzNTcyQzguNTAwMDUgMC4yMzEwNzIgOC43MTI1NSAwLjE0MzU3MiA4Ljk2MjU1IDAuMTMxMDcyQzkuMjEyNTUgMC4xMTg1NzIgOS40MTg4IDAuMjA2MDcyIDkuNTgxMyAwLjM5MzU3MkM5Ljc2ODggMC41Njg1NzIgOS44NTMxOCAwLjc3Nzk0NyA5LjgzNDQzIDEuMDIxN0M5LjgxNTY4IDEuMjY1NDUgOS43MjUwNSAxLjQ3NDgyIDkuNTYyNTUgMS42NDk4Mkw1Ljg2ODggNS4zNDM1N0M1Ljc4MTMgNS40MzEwNyA1LjY4NDQzIDUuNDk2NyA1LjU3ODE4IDUuNTQwNDVDNS40NzE5MyA1LjU4NDIgNS4zNjI1NSA1LjYwNjA3IDUuMjUwMDUgNS42MDYwN1oiIGZpbGw9IiNGRjRCNTEiLz4KPC9zdmc+Cg==") !important;
transition: transform 0.4s;
}
body.-apple .calculator-item-result__accordion .--accordion__open:after {
top: 8px;
}
.calculator-item-result__accordion.-open .--accordion__open:after {
transform: rotate(180deg);
}
.calculator-hidden-result {
position: relative;
z-index: 1;
padding: 30px 20px 20px 20px;
}
.calculator-hidden-result:before {
content: "";
position: absolute;
left: 0;
top: 15px;
bottom: 5px;
right: 0;
z-index: -1;
background: #eeeeee;
border-radius: 5px;
}
.calculator-hidden-result .calculator-item-result__parent {
margin-top: 18px;
}
.calculator-content__opener {
display: none;
}