.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}!
Theme Name: davenir
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: davenir
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
davenir is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/      html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
text-decoration: none;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a { transition: .4s;
}  button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}   .main-navigation {
display: block;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
display: block;
left: auto;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
}
}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
} .sticky {
display: block;
}
.post,
.page {
margin: 0;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
} :root {
--ff-unbo: "Unbounded", sans-serif;
--ff-mont: "Montserrat", sans-serif;
--color-000: #000;
--color-161616: #161616;
--color-037A7F: #037A7F;
--color-B8B8B8: #B8B8B8;
--color-FFF: #FFF;
--color-FFC600: #FFC600;
--color-F5F5F5: #F5F5F5;
--color-EDEDED: #EDEDED;
--color-D4D4D4: #D4D4D4;
--color-DAFBF2: #DAFBF2;
--color-D9D9D9: #D9D9D9;
--color-DF0404: #DF0404;
}
.font-s-11 {
font-size: 11px;
}
.font-s-12 {
font-size: 12px;
}
.font-s-13 {
font-size: 13px;
}
.font-s-14 {
font-size: 14px;
}
.font-s-15 {
font-size: 15px;
}
.font-s-16 {
font-size: 16px;
}
.font-s-18 {
font-size: 18px;
}
.font-s-20 {
font-size: 20px;
}
.font-s-22 {
font-size: 22px;
}
.font-s-30 {
font-size: 30px;
}
.font-s-38 {
font-size: 38px;
}
.font-s-48 {
font-size: 48px;
}
.font-s-58 {
font-size: 58px;
}
.font-s-62 {
font-size: 62px;
}
.container-default {
padding: 0 160px;
}
.site-header {
position: sticky;
top: 0;
left: 0;
z-index: 9;
background: var(--color-FFF);
height: 119px;
}
.site-header.fixed {
margin-bottom: 35px;
height: 84px;
}
.site-header-wrapper {
display: grid;
grid-template-columns: 242px 1fr;
grid-gap: 33px;
align-items: flex-start;
}
.main-header-content {
transition: .3s;
height: 84px;
border-bottom: 1px solid var(--color-B8B8B8);
}
.main-header-logo {
height: 119px;
padding: 17px 0 13px;
transition: .5s;
}
.main-header-logo > a {
height: 100%;
}
.site-header.fixed .main-header-logo {
height: 84px;
padding: 5px 0;
}
.site-header.fixed  .main-header-content {
border-bottom: 1px solid transparent;
}
.site-header.fixed .site-header-wrapper {
border-bottom: 1px solid var(--color-B8B8B8);
}
.main-header-logo > a {
display: flex;
width: 100%;
}
.main-header-content {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 148px;
}
.main-header-contact {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 29px;
}
.btn-default-green-border {
padding: 12px 34px;
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 500;
line-height: 140%; letter-spacing: 0.16px;
border-radius: 4px;
border: 1px solid var(--color-037A7F);
display: inline-block;
}
.btn-default-green-border:hover {
background: var(--color-037A7F);
color: var(--color-FFF);
}
.btn-default-green {
padding: 12px 34px;
color: var(--color-FFF);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 500;
line-height: 140%; letter-spacing: 0.16px;
border-radius: 4px;
border: 1px solid var(--color-037A7F);
background: var(--color-037A7F);
display: inline-block;
}
.btn-default-green:hover {
background: var(--color-FFC600);
color: var(--color-161616);
border: 1px solid var(--color-FFC600);
}
.btn-default-transparent {
display: inline-block;
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 700;
line-height: normal;
}
.btn-default-transparent:hover {
color: rgba(22, 22, 22, .7);
}
.main-header-menu > div,
.main-header-menu {
height: 100%;
display: flex;
align-items: center;
}
.main-header-menu ul.menu {
height: 100%;
padding: 0;
margin: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
}
.main-header-menu ul.menu > li {
height: 100%;
display: flex;
align-items: center;
position: relative;
}
.main-header-menu ul.menu > li > a {
height: 100%;
display: flex;
align-items: center;
padding: 0 10px;
color: var(--color-161616);
font-family: var(--ff-mont);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.main-header-menu ul.menu > li > a:hover {
color: rgba(22, 22, 22, .7);
}
.site-footer {
background: var(--color-037A7F);
padding: 81px 0 35px;
}
.site-footer-top-wrapper {
margin: 0 0 81px;
display: grid;
grid-template-columns: 246px 1fr 374px;
align-items: flex-start;
grid-gap: 50px;
}
.site-footer-menu-wrapper {
padding-left: 86px;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
}
.company-menu {
width: 134px;
}
.profiles-menu {
width: 275px;
}
.expertise-menu {
width: 280px;
}
.site-footer-menu-title {
color: var(--color-FFF);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: normal;
margin: 0 0 25px;
}
.site-footer-menu ul.menu {
padding: 0;
margin: 0;
list-style: none;
}
.site-footer-menu ul.menu > li {
padding: 5.5px 5px 5.5px 0;
}
.site-footer-menu ul.menu > li+li {
margin-top: 7.5px;
}
.site-footer-menu ul.menu > li > a {
color: var(--color-FFF);
font-family: var(--ff-mont);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 130%; }
.site-footer-menu ul.menu > li > a:hover {
color: rgba(255, 255, 255, .6);
}
.site-footer-top-right-title {
color: var(--color-FFF);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 0 0 40px;
}
.site-footer-top-right > img+img {
margin-top: 22px;
}
.site-footer-logo > a {
display: flex;
}
.site-footer-bottom-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.site-footer-copyright {
color: var(--color-FFF);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 130%; }
.site-footer-links > * {
color: var(--color-FFF);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 130%; }
.site-footer-develop > a {
color: var(--color-FFF);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 130%; }
.home-banner {
padding: 100px 0 122px;
background: var(--color-FFF);
}
.home-banner-wrapper {
overflow: hidden;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 76px;
align-items: center;
}
.home-banner-caption {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.home-banner-title {
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 130%; letter-spacing: 0.62px;
margin: 0 0 43px;
max-width: 674px;
height: calc(1.3 * 62px * 3);
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.home-banner-text {
max-width: 563px;
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 140%; letter-spacing: 0.16px;
margin: 0 0 40px;
transition: .5s;
transition-delay: 1.5s;
transform: translateY(100%);
opacity: 0;
visibility: hidden;
}
.inview .home-banner-text {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.btn-start-wrapper {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
}
.home-banner-images {
column-count: 2;
position: relative;
}
.home-banner-images > .home-banner-images-logo-rotate {
position: absolute;
z-index: 2;
top: 110px;
left: -80px;
transform: translateY(-200%);
opacity: 0;
visibility: hidden;
transition: 1s;
transition-delay: .75s;
}
.inview .home-banner-images-logo-rotate {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.home-banner-images-logo-rotate {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.home-banner .btn-start-wrapper > a:first-child {
transform: translateX(-100%);
opacity: 0;
visibility: hidden;
transition: .75s;
transition-delay: 2s;
}
.home-banner .btn-start-wrapper > a:last-child {
transform: translateX(100%);
opacity: 0;
visibility: hidden;
transition: .75s;
transition-delay: 2s;
}
.inview.home-banner .btn-start-wrapper > a {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
@keyframes scale-inf {
0% {
transform: scale(1);
}
30% {
transform: scale(1.07);
}
70% {
transform: scale(.93);
}
100% {
transform: scale(1);
}
}
@-webkit-keyframes scale-inf {
0% {
transform: scale(1);
}
30% {
transform: scale(1.07);
}
70% {
transform: scale(.93);
}
100% {
transform: scale(1);
}
}
@keyframes bg-size-inf {
0% {
background-size: 140%;
}
30% {
background-size: 145%;
}
70% {
background-size: 135%;
}
100% {
background-size: 140%;
}
}
@-webkit-keyframes bg-size-inf {
0% {
background-size: 140%;
}
30% {
background-size: 145%;
}
70% {
background-size: 135%;
}
100% {
background-size: 140%;
}
}
@keyframes rot-clear {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes rot-clear {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.home-banner-images-logo-rotate > svg:not(.not-rotate) { animation: 4s linear 0s normal none infinite running rot-clear;
-webkit-animation: 4s linear 0s normal none infinite running rot-clear;
}
.home-banner-images-logo-rotate > svg.not-rotate {
position: absolute;
left: 50%;
top: 50%;
z-index: 2;
background: var(--color-FFF);
transform: translate(-50%, -50%)!important;
border-radius: 50%;
}
.home-banner-images-item {
width: 100%;
position: relative;
height: 0;
padding-bottom: 58.67%;
overflow: hidden;
border-radius: 8px;
transition: 1s;
transition-delay: .5s;
opacity: 0;
visibility: hidden;
}
.home-banner-images-item-0 {
transform: translate(-100%, -100%);
}
.home-banner-images-item-1 {
transform: translate(-100%, 100%);
}
.home-banner-images-item-2 {
transform: translate(100%, -100%);
}
.home-banner-images-item-3 {
transform: translate(100%, 100%);
}
.inview .home-banner-images-item {
transform: translate(0, 0);
opacity: 1;
visibility: visible;
}
.home-banner-images-item.high {
padding-bottom: 120%;
}
.home-banner-images-item:nth-child(odd) {
margin-top: 10px;
}
.home-banner-images-item > img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: .5s;
}
.home-banner-images-item:hover > img {
transform: scale(1.1);
}
.home-banner-images-item > a {
position: absolute;
z-index: 3;
left: 30px;
bottom: 30px;
width: calc(100% - 79px);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 600;
line-height: 140%; letter-spacing: 0.18px;
}
.key-figures {
margin: 0 0 20px;
}
.key-figures-content {
padding: 62px 39px 62px 80px;
background: var(--color-F5F5F5);
border-radius: 7px;
position: relative;
}
.key-figures-content > svg {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: auto;
z-index: 1;
}
.key-figures-content > div {
position: relative;
z-index: 3;
}
.key-figures-title {
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 120%; margin: 0 0 43px;
}
.key-figures-wrapper {
display: grid;
grid-template-columns: 1fr 1px 1fr 1px 1fr 1px 1fr;
grid-gap: 86px;
}
.key-figures-delimeter {
background: var(--color-161616);
opacity: .2;
}
.key-figures-item-top {
display: flex;
align-items: baseline;
justify-content: flex-start;
position: relative;
}
.key-figures-item-top:before {
position: absolute;
content: '';
left: -3px;
top: 0;
width: 36px;
height: 36px;
z-index: 1;
border-radius: 4px;
background: var(--color-FFC600);
}
.key-figures-item-top > div {
position: relative;
z-index: 2;
}
.key-figures-prefix {
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 120%; margin-right: 4px;
align-self: center;
}
.key-figures-number {
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 130%; }
.key-figures-postfix-symbol {
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 120%; margin-left: 4px;
align-self: center;
}
.key-figures-postfix-text {
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 140%; margin-left: 4px;
}
.key-figures-description {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 140%; margin: 2px 0 0;
}
.home-boost {
padding: 100px 0;
}
.title-subtitle-top-wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding-bottom: 8px;
}
.title-subtitle-top-wrapper .title {
max-width: 812px;
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 130%; transform: translateY(100%);
opacity: 0;
visibility: hidden;
transition: .5s;
transition-delay: 1s;
}
.title-subtitle-top-wrapper .text {
margin: 20px 0 0;
max-width: 613px;
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.16px;
}
.title-subtitle-top-wrapper .text > p {
margin: 0;
}
.title-subtitle-top-wrapper .subtitle-top {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 600;
line-height: 150%; letter-spacing: 0.24px;
text-transform: uppercase;
padding-left: 26px;
position: relative;
margin: 0 0 13px;
transform: translateY(-100%);
opacity: 0;
visibility: hidden;
transition: .5s;
transition-delay: 1s;
}
.inview .title-subtitle-top-wrapper .title,
.inview .title-subtitle-top-wrapper .subtitle-top {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.title-subtitle-top-wrapper .subtitle-top:before {
position: absolute;
content: '';
left: 0;
top: 50%;
transform: translateY(-50%);
width: 14px;
height: 14px;
border-radius: 2px;
background: var(--color-FFC600);
}
.boost-top-wrapper {
display: flex;
align-items: flex-end;
justify-content: space-between;
width: 100%;
margin: 0 0 52px;
}
.boost-icon-wrapper {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 24px;
}
.boost-icon-wrapper:hover .boost-icon > img {
animation: 2s linear 0s normal none infinite running scale-inf;
-webkit-animation: 2s linear 0s normal none infinite running scale-inf;
}
.boost-icon-text {
max-width: 421px;
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 600;
line-height: 150%; transform: translateX(100%);
transition: .5s;
transition-delay: .75s;
opacity: 0;
visibility: hidden;
}
.inview .boost-icon-text {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.boost-icon {
display: flex;
transform: translateX(-100%);
transition: .5s;
transition-delay: .75s;
opacity: 0;
visibility: hidden;
}
.inview .boost-icon {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.boost-bottom-wrapper {
display: grid;
grid-template-columns: 408px 1fr;
grid-gap: 107px;
align-items: flex-start;
}
.boost-bottom-caption {
padding-top: 10px;
}
.boost-description {
margin: 0 0 36px;
}
.boost-description > p {
color: var(--color-161616);
font-family: var(--ff-mont);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.18px;
margin: 0 0 15px;
}
.boost-description > *:last-child {
margin-bottom: 0;
}
.btn-default-yellow {
padding: 18px 35px;
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 500;
line-height: 140%; letter-spacing: 0.16px;
border-radius: 4px;
background: var(--color-FFC600);
}
.btn-default-yellow:hover {
background: var(--color-037A7F);
color: var(--color-FFF);
}
.btn-default-yellow > svg path {
transition: .3s;
}
.btn-default-yellow:hover > svg path[fill] {
fill: var(--color-FFF);
}
.btn-default-yellow:hover > svg path[stroke] {
stroke: var(--color-FFF);
}
.boost-wrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px;
}
.boost-item-full {
display: none;
transition-delay: .4s;
height: 100%;
background: var(--color-037A7F);
}
.boost-item-short {
display: block;
position: relative;
transition: .3s;
}
.boost-item-short:hover {
background: var(--color-DAFBF2);
}
.abs-link {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 3;
}
.boost-item {
overflow: hidden;
width: 159px;
background: var(--color-FFF);
border: 1px solid var(--color-B8B8B8);
border-radius: 8px;
transition: all .4s linear;
}
.boost-item:not(.active) {
flex-shrink: 0;
}
.boost-item.active {
width: auto;
width: 100%;
background: var(--color-037A7F);
border: 1px solid var(--color-037A7F);
}
.boost-item-short-wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
gap: 41px;
padding: 28px 0;
}
.short-boost-item-letter {
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 100%; letter-spacing: 0.48px;
text-transform: uppercase;
}
.short-boost-item-title {
writing-mode: vertical-lr;
transform: rotate(180deg);
min-height: 131px;
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 600;
line-height: 120%; }
.short-boost-item-delimeter {
height: 100px;
width: 1px;
background: var(--color-B8B8B8);
}
.boost-item-full-wrapper {
width: 100%;
height: 100%;
padding: 30px 54px 30px 30px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
position: relative;
}
.boost-item-letter {
color: var(--color-FFF);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 100%; letter-spacing: 0.48px;
text-transform: uppercase;
margin: 0 0 21px;
}
.boost-item-title {
color: var(--color-FFF);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 600;
line-height: 120%; }
.boost-item-text {
position: absolute;
left: 30px;
bottom: 30px;
right: 53px;
color: var(--color-FFF);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.16px;
opacity: 0;
visibility: hidden;
transition: .15s;
transition-delay: .4s;
}
.boost-item.active .boost-item-text {
opacity: 1;
visibility: visible;
}
.new-level-title-wrapper {
padding: 0;
margin: 0 0 44px;
}
.new-level-title-wrapper .title {
max-width: 726px;
}
.new-level-wrapper {
display: grid;
grid-template-columns: 1fr 1px 1fr 1px 1fr;
grid-gap: 15px;
}
.new-level-delimeter {
height: 100%;
width: 1px;
background: var(--color-B8B8B8);
transform: translateX(-40px);
transition: .5s;
opacity: 0;
visibility: hidden;
}
.inview .new-level-delimeter {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
.benefit-item {
padding: 40px 61px 46px 40px;
}
.benefit-icon {
display: flex;
align-items: center;
justify-content: center;
width: 160px;
height: 160px;
margin: 0 0 33px;
transform: translateX(-100%);
transition: .5s;
opacity: 0;
visibility: hidden;
}
.inview .benefit-icon {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.benefit-icon > img {
max-width: 100%;
height: auto;
}
.benefit-item:hover .benefit-icon > img {
animation: 2s linear 0s normal none infinite running scale-inf;
-webkit-animation: 2s linear 0s normal none infinite running scale-inf;
}
.benefit-item-name {
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 150%; letter-spacing: 0.22px;
margin: 0 0 20px;
transform: translateX(-100%);
transition: .5s;
opacity: 0;
visibility: hidden;
}
.benefit-item-text {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.16px;
transform: translateX(-100%);
transition: .5s;
opacity: 0;
visibility: hidden;
}
.inview .benefit-item-name,
.inview .benefit-item-text {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.home-new-level {
padding: 20px 0 120px;
}
.video-meeting-content {
position: relative;
border-radius: 8px;
background: var(--color-037A7F);
padding: 60px 0;
width: 100%;
}
.video-meeting-content > svg {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: auto;
z-index: 1;
}
.video-meeting-content > div {
position: relative;
z-index: 3;
}
.video-meeting-title {
max-width: 1157px;
margin: 0 auto 20px;
color: var(--color-FFF);
text-align: center;
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 120%; height: calc(1.2 * 38px * 2);
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.video-meeting-text {
max-width: 1157px;
margin: 0 auto 41px;
color: var(--color-FFF);
text-align: center;
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.16px;
}
.btn-center-wrapper {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.btn-default-white {
border-radius: 4px;
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 500;
line-height: 140%; letter-spacing: 0.16px;
padding: 18px 33px;
display: flex;
align-items: center;
justify-content: center;
background: var(--color-FFF);
}
.home-challenges {
padding: 120px 0;
}
.home-challenges-title {
color: var(--color-161616);
text-align: center;
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 130%; margin: 0 auto 15px;
max-width: 850px;
}
.home-challenges-description {
text-align: center;
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 150%; max-width: 878px;
margin: 0 auto 60px;
}
.home-challenges-wrapper {
display: grid;
grid-template-columns: 1fr 442px;
grid-gap: 105px;
}
.home-challenges-left {
display: grid;
grid-template-columns: 513px 1fr;
grid-gap: 103px;
align-items: flex-start;
}
.home-challenges-images {
position: relative;
height: 0;
padding-bottom: 100%;
overflow: hidden;
}
.home-challenges-images > img {
display: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.home-challenges-right-outer {
display: none;
}
.home-challenges-list-names {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.home-challenges-list-names > a {
height: 92px;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 0 30px;
transition: .5s;
color: rgba(22, 22, 22, .6);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 130%; letter-spacing: 0.22px;
border-bottom: 1px solid var(--color-B8B8B8);
width: 100%;
position: relative;
transition: .5s;
}
.home-challenges-list-names > a:before {
position: absolute;
content: '';
left: 31px;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 0;
transition: .5s;
border-radius: 2px;
background: var(--color-FFC600);
}
.home-challenges-list-names > a.active {
padding-left: 75px;
color: var(--color-161616);
border-bottom: 1px solid var(--color-161616);
}
.home-challenges-list-names > a:hover {
color: var(--color-161616);
}
.home-challenges-list-names > a.active:before {
width: 16px;
height: 16px;
}
.home-challenges-right {
height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
}
.home-challenges-right-top {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.home-challenges-right-top-title {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 700;
line-height: 140%; margin: 0 0 13px;
}
.home-challenges-right-top-text {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 500;
line-height: 140%;
}
.home-challenges-right-top-text+.home-challenges-right-top-title {
margin-top: 30px;
}
.home-challenges-right-bottom-outer {
width: 100%;
display: none;
}
.home-challenges-right-bottom {
width: 100%;
display: grid;
grid-template-columns: 1fr;
grid-gap: 20px;
}
.home-challenges-right-bottom > a {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.home-your-needs {
padding: 63px 0 90px;
overflow-x: hidden;
}
.home-your-needs .swiper {
overflow: unset;
}
.your-needs-title-wrapper {
margin: 0 0 60px;
}
.expertise-card {
position: relative;
border: 1px solid var(--color-B8B8B8);
border-radius: 8px;
padding: 35px 30px 42px 30px;
height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
}
.expertise-card:before {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: var(--color-DAFBF2);
background-image: url('data:image/svg+xml,<svg width="513" height="579" viewBox="0 0 513 579" fill="none" xmlns="http://www.w3.org/2000/svg"><circle opacity="0.2" cx="257.004" cy="290.002" r="184.731" stroke="%23037A7F"/><circle opacity="0.2" cx="256.998" cy="290" r="242.615" stroke="%23037A7F"/><circle opacity="0.2" cx="257" cy="290" r="300.5" stroke="%23037A7F"/><circle opacity="0.2" cx="257" cy="290" r="357.5" stroke="%23037A7F"/><circle opacity="0.2" cx="257.003" cy="290.003" r="126.846" stroke="%23037A7F"/><circle opacity="0.2" cx="257.001" cy="289.999" r="68.9616" stroke="%23037A7F"/></svg>');
background-position: center;
background-repeat: no-repeat;
opacity: 0;
visibility: hidden;
transition: .5s;
}
.expertise-card:hover:before {
opacity: 1;
visibility: visible;
animation: 2s linear 0s normal none infinite running bg-size-inf;
-webkit-animation: 2s linear 0s normal none infinite running bg-size-inf;
}
.expertise-card > * {
position: relative;
z-index: 2;
width: 100%;
}
.expertise-card-icon {
width: 58px;
height: 58px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 21px;
}
.expertise-card-name {
display: inline-block;
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 135%; letter-spacing: 0.18px;
height: calc(1.35 * 18px * 3);
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin: 0 0 20px;
}
.expertise-card-package {
padding: 8px 0;
width: 100%;
color: var(--color-FFF);
text-align: center;
font-family: var(--ff-mont);
font-style: normal;
font-weight: 600;
line-height: 150%; letter-spacing: 0.16px;
margin: 0 0 20px;
border-radius: 4px;
border: 1px solid var(--color-037A7F);
background: var(--color-037A7F);
}
.expertise-card-delimeter {
margin: 20px 0;
width: 100%;
height: 1px;
background: var(--color-B8B8B8);
}
.expertise-card-benefits {
padding: 0;
margin: 0 0 38px;
list-style: none;
}
.expertise-card-benefits > li {
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: 10px;
color: var(--color-000);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.16px;
transform: translateY(100%);
opacity: 0;
visibility: hidden;
transition: .35s;
}
.inview .expertise-card-benefits > li {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.expertise-card-benefits > li > svg {
flex-shrink: 0;
}
.expertise-card-benefits > li+li {
margin-top: 18px;
}
.btn-default-bottom-border {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 14px;
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.16px;
padding-bottom: 10px;
width: -moz-fit-content;
width: fit-content;
}
.btn-default-bottom-border:before {
position: absolute;
content: '';
right: 0;
bottom: 0;
width: 100%;
height: 1px;
background: var(--color-161616);
transition: .4s;
}
.btn-default-bottom-border:hover:before {
width: 0;
}
.btn-default-bottom-border:after {
position: absolute;
content: '';
left: 0;
bottom: 0;
width: 0;
height: 1px;
background: var(--color-161616);
transition: .4s;
transition-delay: .1s;
}
.btn-default-bottom-border:hover:after {
width: 100%;
}
.arrow-wrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
overflow: hidden;
width: 18px;
height: 18px;
position: relative;
}
.arrow-wrapper > svg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: auto;
flex-shrink: 0;
transition: .5s;
}
.btn-default-bottom-border > .arrow-wrapper > svg {
transform: translate(-150%, -50%);
}
.btn-default-bottom-border > .arrow-wrapper > svg:last-child {
transform: translate(-50%, -50%);
}
.btn-default-bottom-border:hover > .arrow-wrapper > svg {
transform: translate(-50%, -50%);
}
.btn-default-bottom-border:hover > .arrow-wrapper > svg:last-child {
transform: translate(150%, -50%);
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
position: relative;
width: 100%;
max-width: 720px;
margin: 50px auto 0;
left: unset;
bottom: unset;
background: var(--color-B8B8B8);
height: 2px;
}
.swiper-scrollbar-drag {
background: var(--color-161616);
}
.home-our-technologies {
padding: 30px 0 90px;
}
.our-technologies-title-wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0 0 34px;
}
.our-technologies-title-wrapper > .title {
max-width: none!important;
}
.our-technologies-title-wrapper > .text {
text-align: center;
margin-top: 26px;
}
.our-technologies-content {
padding: 10px 40px 29px;
}
.our-technologies-brand-logo {
display: flex;
}
#swiper-our-technologies .swiper-wrapper {
-webkit-transition-timing-function:linear!important; 
-o-transition-timing-function:linear!important;
transition-timing-function:linear!important; 
}
#swiper-cases {
overflow: unset;
}
.home-cases {
overflow-x: hidden;
padding: 30px 0 90px;
}
.home-cases-title-action-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 0 60px;
}
.home-cases-title {
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 130%; }
#swiper-cases .swiper-wrapper {
align-items: stretch;
}
#swiper-cases+.review-content {
margin: 61px 0 0;
}
#swiper-cases .swiper-slide {
border-radius: 8px;
background: var(--color-F5F5F5);
height: auto;
display: flex;
flex-direction: column;
}
.case-card {
position: relative;
padding: 35px 36px 39px 35px;
border-radius: 8px;
background: var(--color-F5F5F5);
height: 100%;
}
.case-card:before {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--color-FFF);
background-image: url('data:image/svg+xml,<svg width="513" height="325" viewBox="0 0 513 325" fill="none" xmlns="http://www.w3.org/2000/svg"><circle opacity="0.15" cx="288.01" cy="116.006" r="189.645" stroke="%23037A7F" stroke-width="1.0266"/><circle opacity="0.15" cx="288.007" cy="116.009" r="249.07" stroke="%23037A7F" stroke-width="1.0266"/><circle opacity="0.15" cx="288.008" cy="116.008" r="308.495" stroke="%23037A7F" stroke-width="1.0266"/><circle opacity="0.15" cx="288.01" cy="116.012" r="130.221" stroke="%23037A7F" stroke-width="1.0266"/><circle opacity="0.15" cx="288.007" cy="116.005" r="70.7963" stroke="%23037A7F" stroke-width="1.0266"/></svg>');
background-position: center;
background-repeat: no-repeat;
opacity: 0;
visibility: hidden;
transition: .3s;
}
.case-card:hover:before {
opacity: 1;
visibility: visible;
animation: 2s linear 0s normal none infinite running bg-size-inf;
-webkit-animation: 2s linear 0s normal none infinite running bg-size-inf;
}
.case-card > * {
position: relative;
z-index: 2;
}
.case-card-name {
position: relative;
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 130%; display: inline-block;
margin: 0 0 40px;
}
.case-card-name > svg {
position: absolute;
left: -3px;
top: -3px;
z-index: 2;
}
.case-card-name > span {
position: relative;
z-index: 3;
}
.case-card-profile-title {
padding: 4px 8px;
border-radius: 4px;
width: -moz-fit-content;
width: fit-content;
background: var(--color-FFF);
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 600;
line-height: 130%; letter-spacing: 0.22px;
text-transform: uppercase;
margin: 0 0 20px;
}
.case-card-profile-text {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.16px;
}
.review-content {
padding: 88px 0 21px;
}
.rating-wrapper {
display: flex;
align-items: center;
justify-content: center;
gap: 25px;
margin: 0 0 47px;
}
.rating-stars {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.rating-text {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.16px;
}
.review-card {
padding-bottom: 21px;
}
.review-card-text {
color: var(--color-161616);
font-family: var(--ff-unbo);
text-align: center;
font-style: normal;
font-weight: 600;
line-height: 150%; max-width: 990px;
margin: 0 auto 49px;
transform: translateY(-100%);
transition-delay: .5s;
}
.review-card-bottom {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
transform: translateY(200%);
transition-delay: .5s;
}
.swiper-slide-active .review-card-text,
.swiper-slide-active .review-card-bottom {
transition: 1s;
transform: translateY(0);
}
.review-card-author {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 600;
line-height: 150%; letter-spacing: 0.16px;
}
.review-card-position {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.16px;
}
.home-latest-articles {
padding: 30px 0 90px;
}
.latest-articles-top-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 0 60px;
}
.latest-articles-title-wrapper {
padding: 0;
}
.latest-articles-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
}
.article-video-card {
position: relative;
height: 0;
padding-bottom: 100%;
border-radius: 8px;
overflow: hidden;
}
.article-video-card > img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.video-card-category {
position: absolute;
left: 30px;
top: 30px;
z-index: 3;
padding: 4px 8px;
border-radius: 4px;
background: var(--color-FFF);
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 600;
line-height: 130%; letter-spacing: 0.22px;
text-transform: uppercase;
}
.btn-play-icon {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 62px;
height: 62px;
display: flex;
z-index: 1;
}
.btn-play-icon > svg {
width: 100%;
height: auto;
}
.video-card-name {
position: absolute;
z-index: 3;
left: 30px;
bottom: 32px;
max-width: calc(100% - 63px);
color: var(--color-000);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 130%; }
.article-card {
position: relative;
border-radius: 8px;
border: 1px solid var(--color-B8B8B8);
overflow: hidden;
}
.article-card-image {
position: relative;
height: 0;
padding-bottom: 61.01%;
overflow: hidden;
}
.article-card-category {
position: absolute;
left: 30px;
top: 30px;
z-index: 3;
padding: 4px 8px;
border-radius: 4px;
background: var(--color-FFF);
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 600;
line-height: 130%; letter-spacing: 0.22px;
text-transform: uppercase;
}
.article-card-caption {
padding: 25px 30px 27px;
}
.article-card-name {
display: inline-block;
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 130%; margin: 0 0 16px;
}
.article-card-excerpt {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 150%; height: calc(1.5 * 16px * 2);
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin: 0 0 28px;
}
.article-card-date {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 130%; text-transform: lowercase;
}
.home-contact-us {
padding: 30px 0 125px;
}
.contact-us-subtitle-top {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 600;
line-height: 150%; letter-spacing: 0.24px;
text-transform: uppercase;
padding-left: 26px;
position: relative;
margin: 0 0 12px;
}
.contact-us-subtitle-top:before {
position: absolute;
content: '';
left: 0;
top: 50%;
transform: translateY(-50%);
width: 14px;
height: 14px;
border-radius: 2px;
background: var(--color-FFC600);
}
.contact-us-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 36px;
}
.contact-us-left {
transform: translateX(-100%);
transition: .5s;
transition-delay: .5s;
opacity: 0;
visibility: hidden;
}
.inview .contact-us-left {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.contact-us-title {
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 130%; margin: 0 0 35px;
}
.d-none {
display: none!important;
}
.contact-us-right-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 32px;
}
.contact-us-right-social {
position: relative;
height: 100%; overflow: hidden;
background: var(--color-FFC600);
border-radius: 8px;
transform: translateX(100%);
transition: .6s;
transition-delay: 1.3s;
opacity: 0;
visibility: hidden;
}
.inview .contact-us-right-social {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.contact-us-right-social > svg {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: auto;
z-index: 1;
}
.contact-us-social-title {
position: absolute;
left: 35px;
top: 35px;
max-width: calc(100% - 107px);
z-index: 3;
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 150%; }
.contact-us-social-wrapper {
position: absolute;
left: 35px;
bottom: 35px;
max-width: calc(100% - 70px);
display: flex;
flex-direction: row;
gap: 10px;
z-index: 3;
}
.contact-us-social-wrapper > a {
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
border: 1px solid var(--color-161616);
}
.contact-us-social-wrapper > a:hover {
background: var(--color-037A7F);
border: 1px solid var(--color-037A7F);
}
.contact-us-social-wrapper > a > svg {
max-width: 100%;
max-height: 100%;
}
.contact-us-social-wrapper > a > svg path {
transition: .4s;
}
.contact-us-social-wrapper > a:hover > svg path[fill] {
fill: var(--color-FFF);
}
.contact-us-social-wrapper > a:hover > svg path[stroke] {
stroke: var(--color-FFF);
}
.contact-us-right-left {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding-top: 84px;
padding: 84px 0 0 77px;
transform: translateX(200%);
transition: .75s;
transition-delay: .8s;
opacity: 0;
visibility: hidden;
}
.inview .contact-us-right-left {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.contact-us-telephone {
display: inline-block;
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 130%; letter-spacing: 0.22px;
margin: 0 0 20px;
}
.contact-us-email {
display: inline-block;
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: normal;
margin: 0 0 20px;
}
.contact-us-address {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 130%; }
.contact-us-form-title {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.16px;
margin: 0 0 20px;
}
.form-field-wrapper {
display: grid;
grid-template-columns: 1fr;
grid-gap: 20px;
}
.double-form-field-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.form-field textarea {
resize: none;
height: 92px;
}
.form-field input,
.form-field textarea {
width: 100%;
padding: 18px 29px;
color: var(--color-161616);
font-family: var(--ff-mont);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.16px;
border-radius: 4px;
border: 1px solid var(--color-B8B8B8);
outline: none;
transition: .3s;
}
.form-field input:hover,
.form-field textarea:hover,
.form-field input:focus,
.form-field textarea:focus {
border: 1px solid var(--color-161616);
}
.form-field input.wpcf7-not-valid {
border: 1px solid var(--color-DF0404);
}
.wpcf7 .btn-default-green {
width: 100%;
text-align: center;
}
.wpcf7-form-control-wrap {
display: flex;
width: 100%;
} .main-header-menu ul.menu > li .sub-menu {
position: absolute;
left: 0;
top: calc(100% + 1px);
z-index: 9;
margin: 0;
list-style: none;
background: var(--color-FFF);
padding: 25px;
width: 395px;
border-radius: 8px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.07);
opacity: 0;
visibility: hidden;
transition: .4s;
transform: translateY(30px);
}
.main-header-menu ul.menu > li.menu-item-has-children:hover .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.main-header-menu ul.menu > li .sub-menu > li > a {
padding: 13px 16px;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 16px;
color: var(--color-161616);
font-family: var(--ff-mont);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 130%; }
.main-header-menu ul.menu > li .sub-menu > li > a:hover {
background: var(--color-DAFBF2);
}
.main-header-menu ul.menu > li .sub-menu > li > a > img {
flex-shrink: 0;
}
.page-breadcrumb {
margin: 30px 0 0;
}
.page-breadcrumb-list ol {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 15px;
}
.page-breadcrumb-list ol > li+li {
padding-left: 20px;
}
.page-breadcrumb-list ol > li {
line-height: 100%;
position: relative;
}
.page-breadcrumb-list ol > li > a {
color: var(--color-161616);
font-family: var(--ff-mont);
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 140%; }
.page-breadcrumb-list ol > li+li:before {
position: absolute;
content: '/';
left: 0;
top: 50%;
transform: translateY(-50%);
color: var(--color-161616);
font-family: var(--ff-mont);
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 140%; }
.page-breadcrumb-list ol > li:last-child {
color: rgba(22, 22, 22, .7);
font-family: var(--ff-mont);
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 140%; }
.page-title {
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 130%; letter-spacing: 0.48px;
margin: 0;
}
.reserve-video-call {
padding: 45px 0 90px;
}
.reserve-video-call .page-title {
margin: 0 0 80px;
max-width: 1483px;
}
.reserve-video-call-wrapper {
display: grid;
grid-template-columns: 52.125% 1fr;
grid-gap: 115px;
}
.reserve-video-call-left {
position: relative;
}
.reserve-video-call-video {
position: relative;
height: 0;
padding-bottom: 63.54%;
overflow: hidden;
border-radius: 8px;
width: 61.51%;
transform: translateX(-100%);
opacity: 0;
visibility: hidden;
transition: .5s;
}
.inview .reserve-video-call-video {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
.reserve-video-call-video > video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.reserve-video-call-caption {
position: absolute;
right: 0;
top: 50%;
transform: translateX(-150%) translateY(-50%);
opacity: 0;
visibility: hidden;
transition: .5s;
transition-delay: .4s;
background: var(--color-037A7F);
z-index: 3;
width: 44.96%;
padding: 30px 30px 42px;
border-radius: 8px;
}
.inview .reserve-video-call-caption {
transform: translateX(0) translateY(-50%);
opacity: 1;
visibility: visible;
}
.reserve-video-call-caption .btn-default-white {
padding-left: 0;
padding-right: 0;
width: 100%;
}
.reserve-video-call-caption > img {
margin: 0 0 24px;
width: 98px;
height: auto;
}
.reserve-video-call-caption-title {
color: var(--color-FFF);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.18px;
margin: 0 0 20px;
}
.reserve-video-call-caption > *:not(svg) {
position: relative;
z-index: 3;
}
.reserve-video-call-caption > svg {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: auto;
z-index: 1;
}
.reserve-video-call-right {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.reserve-video-call-right-title {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 700;
line-height: 150%; letter-spacing: 0.16px;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 21px;
margin: 0 0 40px;
}
.reserve-video-call-right-title > svg {
flex-shrink: 0;
}
.reserve-video-call-right-list-delimeter {
width: 100%;
height: 1px;
background: var(--color-B8B8B8);
margin: 40px 0;
transform: translateY(100%);
opacity: 0;
visibility: hidden;
transition: .5s;
}
.inview .reserve-video-call-right-list-delimeter {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.right-list-item {
transform: translateY(100%);
opacity: 0;
visibility: hidden;
transition: .5s;
}
.inview .right-list-item {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.right-list-item-title {
position: relative;
padding-left: 62px;
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 130%; margin: 0 0 20px;
}
.right-list-item-title > svg {
position: absolute;
left: 0;
top: -2px;
}
.right-list-item-description {
padding-left: 62px;
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.16px;
}
.pillars-methodology {
padding: 30px 0 90px;
}
.pillars-methodology-title-wrapper {
margin: 0 0 53px;
}
.pillars-methodology-wrapper {
display: grid;
grid-template-columns: 1fr 1px 1fr 1px 1fr;
grid-gap: 15px;
}
.pillars-methodology-delimeter {
width: 1px;
height: 100%;
background: var(--color-B8B8B8);
}
.pillars-methodology-item {
padding: 40px 40px 0;
}
.pillars-methodology-item > img {
margin: 0 0 33px;
width: 160px;
height: auto;
transform: translateX(-100%);
opacity: 0;
visibility: hidden;
transition: .5s;
}
.pillars-methodology-item:hover .pillars-methodology-item > img {
animation: 2s linear 0s normal none infinite running scale-inf;
-webkit-animation: 2s linear 0s normal none infinite running scale-inf;
}
.pillars-methodology-item-title {
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 130%; letter-spacing: 0.22px;
margin: 0 0 24px;
transform: translateX(-100%);
opacity: 0;
visibility: hidden;
transition: .5s;
}
.pillars-methodology-item-description {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.16px;
max-width: 398px;
transform: translateX(-100%);
opacity: 0;
visibility: hidden;
transition: .5s;
}
.inview .pillars-methodology-item > img,
.inview .pillars-methodology-item-title,
.inview .pillars-methodology-item-description {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.complete-methodology {
padding: 30px 0 90px;
}
.complete-methodology-title-wrapper {
margin: 0 0 80px;
}
.complete-methodology-wrapper {
display: grid;
grid-template-columns: 1fr;
grid-gap: 100px;
position: relative;
}
.complete-methodology-wrapper:before {
position: absolute;
content: '';
left: 50%;
top: 84px;
transform: translateX(-50%);
width: 6px;
height: calc(100% - 157px);
background: var(--color-F5F5F5);
}
.complete-methodology-wrapper-active {
position: absolute;
content: '';
left: 50%;
top: 84px;
transform: translateX(-50%);
width: 4px;
max-height: calc(100% - 157px);
background: var(--color-FFC600);
transition: .5s;
}
.complete-methodology-item-wrapper {
display: grid;
grid-template-columns: 1fr 60px 1fr;
grid-gap: 90px;
align-items: flex-start;
position: relative;
z-index: 3;
}
.complete-methodology-item-number {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: var(--color-037A7F);
color: var(--color-FFF);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 130%; letter-spacing: 0.18px;
margin-top: 36px;
transition: .5s;
}
.animated .complete-methodology-item-number {
width: 60px;
height: 60px;
background: var(--color-FFC600);
}
.complete-methodology-item-title {
background: var(--color-EDEDED);
display: flex;
align-items: center;
justify-content: flex-start;
position: relative;
height: 130px;
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 130%; letter-spacing: 0.22px;
overflow: hidden;
opacity: 0;
visibility: hidden;
transition: .5s;
}
.complete-methodology-item-title.left {
padding: 0 83px 0 30px;
text-align: right;
transform: translateX(-100%);
}
.complete-methodology-item-title.right {
padding: 0 30px 0 83px;
text-align: left;
transform: translateX(100%);
}
.animated .complete-methodology-item-title.right,
.animated .complete-methodology-item-title.left {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.complete-methodology-item-title > span {
width: 100%;
position: relative;
z-index: 2;
}
.complete-methodology-item-title > img {
flex-shrink: 0;
position: relative;
z-index: 2;
}
.complete-methodology-item-title.left > svg {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: auto;
}
.complete-methodology-item-title.left:before {
position: absolute;
content: '';
right: 0;
top: 0;
width: 0;
height: 0;
border-left: 65px solid transparent;
border-right: 65px solid #FFF;
border-bottom: 65px solid transparent;
}
.complete-methodology-item-title.left:after {
position: absolute;
content: '';
right: 0;
bottom: 0;
width: 0;
height: 0;
transform: rotate(180deg);
border-left: 65px solid #FFF;
border-right: 65px solid transparent;
border-bottom: 65px solid transparent;
}
.complete-methodology-item-title.right > svg {
position: absolute;
right: 37px;
top: 0;
height: 100%;
width: auto;
}
.complete-methodology-item-title.right:before {
position: absolute;
content: '';
left: 0;
top: 0;
width: 0;
height: 0;
border-left: 65px solid #FFF;
border-right: 65px solid transparent;
border-bottom: 65px solid transparent;
}
.complete-methodology-item-title.right:after {
position: absolute;
content: '';
left: 0;
bottom: 0;
width: 0;
height: 0;
transform: rotate(180deg);
border-left: 65px solid transparent;
border-right: 65px solid #FFF;
border-bottom: 65px solid transparent;
}
.complete-methodology-item-description {
margin-top: 41px;
opacity: 0;
visibility: hidden;
transition: .5s;
}
.complete-methodology-item-description.left {
transform: translateX(100%);
}
.complete-methodology-item-description.right {
transform: translateX(-100%);
}
.animated .complete-methodology-item-description.right,
.animated .complete-methodology-item-description.left {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.complete-methodology-item-description > p {
color: var(--color-161616);
font-family: var(--ff-mont);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.16px;
margin: 0 0 19px;
}
.complete-methodology-item-description > ul {
padding: 0;
margin: 0;
list-style: none;
}
.complete-methodology-item-description > ul > li {
position: relative;
padding-left: 42px;
color: var(--color-161616);
font-family: var(--ff-mont);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.15px;
}
.complete-methodology-item-description > ul > li+li {
margin-top: 24.5px;
}
.complete-methodology-item-description > ul > li:before {
position: absolute;
content: '';
left: 22px;
top: 9.5px;
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--color-FFC600);
}
.complete-methodology-item-description > *:last-child {
margin: 0;
}
.get-file {
margin: 30px 0 90px;
}
.get-file-content {
padding: 60px 0;
border-radius: 8px;
background: var(--color-037A7F);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
}
.get-file-content > svg {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: auto;
z-index: 1;
}
.get-file-content > div {
position: relative;
z-index: 2;
}
.get-file-title {
color: var(--color-FFF);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 120%; letter-spacing: 0.38px;
margin: 0 0 20px;
}
.get-file-text {
color: var(--color-FFF);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.16px;
margin: 0 0 41px;
}
.btn-default-green-border-white {
padding: 17px 41.5px;
border-radius: 4px;
border: 1px solid var(--color-FFF);
color: var(--color-FFF);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 500;
line-height: 140%; letter-spacing: 0.16px;
background: var(--color-037A7F);
}
.freedom-begins-here {
padding: 30px 0 90px;
}
.freedom-begins-here-wrapper {
display: grid;
grid-template-columns: 448px 1fr;
grid-gap: 92px;
align-items: flex-start;
}
.freedom-begins-here-content-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 31px;
}
.freedom-begins-here-content-item {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
padding-right: 19px;
position: relative;
}
.freedom-begins-here-content-item-icon {
transform: translateX(-100%);
transition: .5s;
opacity: 0;
visibility: hidden;
}
.inview .freedom-begins-here-content-item-icon {
transform: translateX(0);
opacity: 1;
visibility: visible;
width: 160px;
flex-shrink: 0;
}
.freedom-begins-here-content-item-icon > img {
flex-shrink: 0;
width: 160px;
height: auto;
}
.freedom-begins-here-content-item:hover > div > img {
animation: 2s linear 0s normal none infinite running scale-inf;
-webkit-animation: 2s linear 0s normal none infinite running scale-inf;
}
.freedom-begins-here-content-title {
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 135%; letter-spacing: 0.18px;
transform: translateX(100%);
transition: .5s;
opacity: 0;
visibility: hidden;
}
.inview .freedom-begins-here-content-title {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.freedom-begins-here-content-item:nth-child(2):before {
position: absolute;
content: '';
left: -16px;
top: 0;
width: 1px;
height: 100%;
background: var(--color-B8B8B8);
}
.freedom-begins-here-content-item:nth-child(3):after {
position: absolute;
content: '';
left: 0;
top: -16px;
height: 1px;
width: 100%;
background: var(--color-B8B8B8);
}
.freedom-begins-here-content-item:nth-child(4):after {
position: absolute;
content: '';
right: 0;
top: -16px;
height: 1px;
width: 100%;
background: var(--color-B8B8B8);
}
.freedom-begins-here-content-item:nth-child(4):before {
position: absolute;
content: '';
left: -16px;
bottom: 0;
width: 1px;
height: 100%;
background: var(--color-B8B8B8);
}
.archive-cases {
padding: 30px 0 40px;
}
.cases-head-wrapper {
display: grid;
grid-template-columns: 418px 1fr;
grid-gap: 95px;
align-items: flex-start;
border-bottom: 1px solid var(--color-B8B8B8);
padding-bottom: 41px;
}
.cases-head-title {
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 130%; letter-spacing: 0.48px;
margin: 0 0 14px;
}
.cases-head-text {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 140%; letter-spacing: 0.16px;
}
.cases-head-need-solution-wrapper {
display: grid;
grid-template-columns: 364px 1fr 364px;
grid-gap: 24px;
}
.cases-head-need-solution-image {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
height: 100%;
}
.cases-head-need-solution-title {
max-width: 166px;
text-align: center;
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 600;
line-height: 140%; letter-spacing: 0.16px;
}
.cases-head-need-list {
padding: 30px 21px 29px;
background: var(--color-037A7F);
border-radius: 8px;
position: relative;
display: flex;
flex-direction: column;
gap: 14px;
transform: translateX(-100%);
transition: .5s;
opacity: 0;
visibility: hidden;
}
.inview .cases-head-need-list {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
.cases-head-need-list > svg {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: auto;
z-index: 1;
}
.cases-head-need-list > div {
position: relative;
z-index: 2;
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: 10px;
color: var(--color-FFF);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.13px;
transform: translateY(100%);
transition: .5s;
opacity: 0;
visibility: hidden;
}
.inview .cases-head-need-list > div {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.cases-head-need-list > div > svg {
flex-shrink: 0;
}
.cases-head-need-list > div > span {
padding-top: 2px;
}
.cases-head-solution-list {
padding: 30px 30px 29px 30px;
display: flex;
flex-direction: column;
gap: 14px;
border-radius: 8px;
border: 1px solid var(--color-B8B8B8);
transform: translateX(100%);
transition: .5s;
opacity: 0;
visibility: hidden;
}
.inview .cases-head-solution-list {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.cases-head-solution-list > svg {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: auto;
z-index: 1;
}
.cases-head-solution-list > div {
position: relative;
z-index: 2;
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: 10px;
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.13px;
transform: translateY(100%);
transition: .5s;
opacity: 0;
visibility: hidden;
}
.inview .cases-head-solution-list > div {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.cases-head-solution-list > div > svg {
flex-shrink: 0;
}
.cases-head-solution-list > div > span {
padding-top: 2px;
}
.cases-list {
padding: 0 0 90px;
}
.cases-list-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
}
.white-popup {
position: relative;
background: var(--color-FFF);
padding: 0;
max-width: 1080px;
margin: 0 auto;
border-radius: 8px;
} .mfp-zoom-in .mfp-with-anim {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
opacity: 0;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-close {
display: none!important;
}
.case-info-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.case-info-left {
padding: 70px 24px 70px 70px;
}
.case-info-title {
padding-right: 28px;
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 130%; margin: 0 0 50px;
}
.case-info-profile-title {
padding: 4px 8px;
margin: 0 0 20px;
border-radius: 4px;
background: var(--color-F5F5F5);
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 600;
line-height: 130%; letter-spacing: 0.22px;
text-transform: uppercase;
width: -moz-fit-content;
width: fit-content;
}
.case-info-profile-text {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.16px;
margin: 0 0 30px;
}
.case-info-number-employees {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 16px;
color: var(--color-000);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.16px;
margin: 0 0 20px;
}
.case-info-number-employees > svg {
flex-shrink: 0;
}
.case-info-capital-turnover {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 16px;
color: var(--color-000);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.16px;
}
.case-info-capital-turnover > svg {
flex-shrink: 0;
}
.case-info-right {
padding: 70px 72px 70px 60px;
background: var(--color-F5F5F5);
border-radius: 8px;
position: relative;
}
.case-info-right > svg {
position: absolute;
right: 0;
top: 0;
z-index: 1;
height: 100%;
width: auto;
}
.case-info-right > div {
position: relative;
z-index: 2;
}
.case-info-problems-title,
.case-info-solution-title {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 700;
line-height: 140%; margin: 0 0 13px;
}
.case-info-solution-title {
margin-top: 30px;
}
.case-info-problems-text,
.case-info-solution-text,
.case-info-problems-text > p,
.case-info-solution-text > p,
.case-info-problems-text > ul > li,
.case-info-solution-text > ul > li {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 500;
line-height: 140%;
}
.custom-mfp-close {
position: absolute;
right: 20px;
top: 20px;
z-index: 8;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
}
.white-popup-preloader-outer {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 15;
overflow: hidden;
}
.white-popup-preloader {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 15;
background: var(--color-FFF);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
}
.white-popup-preloader > svg {
width: 100px;
height: auto;
}
.about-company-benefits {
padding: 30px 0 90px;
}
.our-benefits-wrapper {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.our-benefits-caption {
max-width: 886px;
}
.our-benefits-caption > .page-title {
margin: 0 0 40px;
transform: translateY(-100%);
transition: .5s;
transition-delay: .75s;
opacity: 0;
visibility: hidden;
}
.our-benefits-text {
padding-right: 29px;
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.16px;
transform: translateY(100%);
transition: .5s;
transition-delay: .75s;
opacity: 0;
visibility: hidden;
}
.inview .our-benefits-caption > .page-title,
.inview .our-benefits-text {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.our-benefits-image {
max-width: 456px;
width: 100%;
display: flex;
transform: translateX(100%);
transition: .75s;
transition-delay: 1s;
opacity: 0;
visibility: hidden;
}
.inview .our-benefits-image {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.daviner-is {
padding: 30px 0 90px;
}
.daviner-is-title-wrapper {
justify-content: center;
align-items: center;
margin: 0 0 59px;
}
.daviner-is-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 28px 31px;
margin: 0 0 42px;
}
.daviner-is-item {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 30px;
padding: 30px 39px 30px 40px;
position: relative;
}
.daviner-is-item-icon {
flex-shrink: 0;
width: 160px;
transform: translateX(-100%);
transition: .5s;
opacity: 0;
visibility: hidden;
}
.inview .daviner-is-item-icon {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.daviner-is-item-icon > img {
width: 100%;
height: auto;
}
.daviner-is-item:hover .daviner-is-item-icon > img {
animation: 2s linear 0s normal none infinite running scale-inf;
-webkit-animation: 2s linear 0s normal none infinite running scale-inf;
}
.daviner-is-item-title {
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 135%; letter-spacing: 0.18px;
margin: 0 0 20px;
transform: translateY(-100%);
transition: .5s;
opacity: 0;
visibility: hidden;
}
.daviner-is-item-description {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.16px;
transform: translateY(100%);
transition: .5s;
opacity: 0;
visibility: hidden;
}
.inview .daviner-is-item-title,
.inview .daviner-is-item-description {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.daviner-is-item:nth-child(2):before {
position: absolute;
content: '';
left: -16px;
top: 0;
width: 1px;
height: 100%;
background: var(--color-B8B8B8);
}
.daviner-is-item:nth-child(3):before {
position: absolute;
content: '';
top: -14px;
left: 0;
width: 100%;
height: 1px;
background: var(--color-B8B8B8);
}
.daviner-is-item:nth-child(4):before {
position: absolute;
content: '';
top: -14px;
right: 0;
width: 100%;
height: 1px;
background: var(--color-B8B8B8);
}
.daviner-is-item:nth-child(4):after {
position: absolute;
content: '';
bottom: 0;
left: -16px;
width: 1px;
height: 100%;
background: var(--color-B8B8B8);
}
.about-company-founders {
padding: 30px 0 90px;
}
.founders-title-wrapper {
align-items: center;
justify-content: center;
margin: 0 0 60px;
text-align: center;
}
.founders-wrapper {
display: grid;
grid-template-columns: 1fr;
grid-gap: 40px;
}
.founders-item {
position: relative;
display: flex;
justify-content: flex-start;
}
.founders-item-caption {
max-width: calc(100% - 270px);
padding: 60px 180px 60px 80px;
background: var(--color-F5F5F5);
border-radius: 8px;
}
.founders-item-photo {
position: absolute;
right: 0;
top: 50%;
width: 23.4375%;
height: 0;
padding-bottom: 23.75%;
z-index: 3;
border-radius: 8px;
overflow: hidden;
transform: translateX(100%) translateY(-50%);
opacity: 0;
visibility: hidden;
transition: .5s;
transition-delay: .75s;
}
.inview .founders-item-photo {
transform: translateX(0) translateY(-50%);
opacity: 1;
visibility: visible;
}
.founders-item-photo > img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.founders-item:nth-child(even) .founders-item-caption {
padding: 60px 79px 60px 197px;
}
.founders-item:nth-child(even) .founders-item-photo {
right: unset;
left: 0;
transform: translateX(-100%) translateY(-50%);
opacity: 0;
visibility: hidden;
transition: .5s;
transition-delay: .75s;
}
.inview .founders-item:nth-child(even) .founders-item-photo {
transform: translateX(0) translateY(-50%);
opacity: 1;
visibility: visible;
}
.founders-item:nth-child(even) {
justify-content: flex-end;
}
.founders-item-title {
position: relative;
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 140%; letter-spacing: 0.22px;
margin: 0 0 25px;
transform: translateY(100%);
transition: .5s;
transition-delay: .75s;
opacity: 0;
visibility: hidden;
}
.founders-item-title > svg {
position: absolute;
left: 1px;
top: 0;
z-index: 1;
}
.founders-item-title > span {
position: relative;
z-index: 2;
}
.founders-item-description {
margin: 0 0 25px;
transform: translateY(100%);
transition: .5s;
transition-delay: 1.25s;
opacity: 0;
visibility: hidden;
}
.founders-item-description > *:last-child {
margin-bottom: 0;
}
.founders-item-description > p {
color: var(--color-161616);
font-family: var(--ff-mont);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.18px;
margin: 0 0 15px;
}
.founders-item-strength {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 24px;
margin: 0 0 48px;
transform: translateY(100%);
transition: .5s;
transition-delay: 1.75s;
opacity: 0;
visibility: hidden;
}
.founders-item-strength > img {
flex-shrink: 0;
}
.founders-item-caption > a {
transform: translateY(100%);
transition: .5s;
transition-delay: 2.25s;
opacity: 0;
visibility: hidden;
}
.inview .founders-item-title,
.inview .founders-item-description,
.inview .founders-item-strength,
.inview .founders-item-caption > a {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.strength-title {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 700;
line-height: 140%; margin: 0 0 7px;
}
.strength-text {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 500;
line-height: 140%; }
.our-values {
padding: 30px 0 90px;
}
.our-values-wrapper {
display: grid;
grid-template-columns: 446px 1fr;
grid-gap: 96px;
align-items: flex-start;
}
.our-values-content-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 31px;
}
.our-values-content-item {
position: relative;
padding: 37px 7px 25px 93px;
}
.our-values-content-item > svg {
position: absolute;
top: 40px;
left: 30px;
transform: translateX(-100%);
transition: .5s;
opacity: 0;
visibility: hidden;
}
.inview .our-values-content-item > svg {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
.our-values-content-item:nth-child(2):before {
position: absolute;
content: '';
left: -16px;
top: 0;
width: 1px;
height: 100%;
background: var(--color-B8B8B8);
}
.our-values-content-item:nth-child(3):before {
position: absolute;
content: '';
top: -16px;
left: 0;
width: 100%;
height: 1px;
background: var(--color-B8B8B8);
}
.our-values-content-item:nth-child(4):before {
position: absolute;
content: '';
top: -16px;
right: 0;
width: 100%;
height: 1px;
background: var(--color-B8B8B8);
}
.our-values-content-item:nth-child(4):after {
position: absolute;
content: '';
bottom: 0;
left: -16px;
width: 1px;
height: 100%;
background: var(--color-B8B8B8);
}
.our-values-content-item-name {
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 130%; margin: 0 0 20px;
transform: translateY(-100%);
transition: .5s;
opacity: 0;
visibility: hidden;
}
.our-values-content-item-description {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.16px;
padding-right: 37px;
transform: translateY(100%);
transition: .5s;
opacity: 0;
visibility: hidden;
}
.inview .our-values-content-item-name,
.inview .our-values-content-item-description {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.join-team {
padding: 30px 0 90px;
}
.join-team-top-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 0 60px;
}
.join-team-title-wrapper {
max-width: 667px;
margin: 0;
}
.join-team-icon-text {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 24px;
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 600;
line-height: 150%; }
.join-team-icon-text > img {
flex-shrink: 0;
transform: translateX(-100%);
transition: .5s;
transition-delay: .75s;
opacity: 0;
visibility: hidden;
}
.inview .join-team-icon-text > img {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.join-team-icon-text > span {
transform: translateX(100%);
transition: .5s;
transition-delay: .75s;
opacity: 0;
visibility: hidden;
}
.inview .join-team-icon-text > span {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.join-team-icon-text:hover > img {
animation: 2s linear 0s normal none infinite running scale-inf;
-webkit-animation: 2s linear 0s normal none infinite running scale-inf;
}
.join-team-main-wrapper {
display: grid;
grid-template-columns: 415px 1fr;
grid-gap: 100px;
align-items: flex-start;
}
.join-team-short-text {
margin: 0 0 36px;
}
.join-team-short-text > *:last-child {
margin-bottom: 0;
}
.join-team-short-text > p {
color: var(--color-161616);
font-family: var(--ff-mont);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.16px;
margin: 0 0 15px;
}
.join-team-vacancy-item {
transform: translateY(-100%);
transition: .75s;
opacity: 0;
visibility: hidden;
background: var(--color-FFF);
}
.inview .join-team-vacancy-item {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.join-team-vacancy-item > a {
position: relative;
padding: 30px 35px;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 4px;
border: 1px solid var(--color-D4D4D4);
}
.join-team-vacancy-text.post-text {
display: none;
padding: 40px 45px 35px;
margin: 0;
}
.join-team-vacancy-item > a > svg:not(.svg-bottom) {
flex-shrink: 0;
transition: .3s;
position: relative;
z-index: 2;
}
.join-team-vacancy-item > a.active > svg:not(.svg-bottom) {
transform: rotate(90deg);
}
.join-team-vacancy-item > a.active {
background-color: var(--color-DAFBF2);
}
.join-team-vacancy-item > a > svg.svg-bottom {
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
width: 100%;
height: auto;
z-index: 1;
opacity: 0;
visibility: hidden;
transition: .3s;
}
.join-team-vacancy-item > a.active > svg.svg-bottom {
opacity: 1;
visibility: visible;
}
.join-team-vacancy-link-left {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 30px;
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 130%; letter-spacing: 0.22px;
}
.join-team-vacancy-link-left > svg {
flex-shrink: 0;
}
.join-team-vacancies {
display: grid;
grid-template-columns: 1fr;
grid-gap: 10px;
}
.page-blog {
padding: 30px 0 90px;
}
.page-blog .page-title {
margin: 0 0 13px;
}
.blog-description {
max-width: 613px;
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 500;
line-height: 150%; letter-spacing: 0.16px;
}
.blog-delimeter {
margin: 45px 0 40px;
width: 100%;
height: 1px;
background: var(--color-B8B8B8);
}
.blog-categories-list {
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: 20px;
margin: 0 0 40px;
}
.blog-categories-list > a {
padding: 9.5px 17px;
border-radius: 4px;
border: 1px solid var(--color-037A7F);
background: var(--color-FFF);
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 500;
line-height: 130%; }
.blog-categories-list > a.active {
background: var(--color-037A7F);
color: var(--color-FFF);
}
.blog-post-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
}
.custom-pagination {
margin: 40px 0 0;
display: flex;
align-items: center;
justify-content: center;
}
.custom-pagination h2 {
display: none!important;
}
.custom-pagination .nav-links {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.custom-pagination .nav-links > a:not(.next, .prev) {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
border: 1px solid var(--color-037A7F);
color: var(--color-161616);
font-family: var(--ff-mont);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.custom-pagination .nav-links > span {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
background: var(--color-037A7F);
color: var(--color-FFF);
font-family: var(--ff-mont);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.custom-pagination .nav-links > a.next {
margin-left: 20px;
}
.custom-pagination .nav-links > a.prev {
margin-right: 20px;
}
.custom-pagination .nav-links > a.next,
.custom-pagination .nav-links > a.prev {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
}
.post-content {
padding: 30px 0 90px;
}
.post-top-wrapper {
display: grid;
grid-template-columns: 1fr 650px;
grid-gap: 68px;
align-items: flex-start;
padding-bottom: 40px;
border-bottom: 1px solid var(--color-B8B8B8);
margin: 0 0 41px;
}
.post-top-caption {
padding-top: 5px;
height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
transform: translateX(-100%);
transition: .75s;
opacity: 0;
visibility: hidden;
}
.inview .post-top-caption {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.post-top-image {
transform: translateX(100%);
transition: .75s;
transition-delay: .3s;
opacity: 0;
visibility: hidden;
}
.post-top-image > video {
width: 100%;
height: auto;
}
.inview .post-top-image {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.post-category {
width: -moz-fit-content;
width: fit-content;
padding: 4px 8px;
border-radius: 4px;
background: var(--color-F5F5F5);
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 600;
line-height: 130%; letter-spacing: 0.24px;
text-transform: uppercase;
margin: 0 0 12px;
}
.post-date {
padding: 7px 15px;
width: -moz-fit-content;
width: fit-content;
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 130%; border-radius: 4px;
border: 1px solid var(--color-B8B8B8);
background: var(--color-FFF);
}
.container-post {
max-width: 1300px;
margin: 0 auto;
}
.post-text > *:last-child {
margin: 0;
}
.post-text {
margin: 0 0 40px;
}
.post-text > p {
color: var(--color-161616);
font-family: var(--ff-mont)!important;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.16px;
margin: 0 0 24px;
}
.post-text > p * {
font-family: var(--ff-mont)!important;
}
.post-text > h2 {
margin: 40px 0 30px;
color: var(--color-161616);
font-family: var(--ff-unbo);
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 130%; letter-spacing: 0.22px;
}
.post-text > h3 {
margin: 39px 0 30px;
color: var(--color-161616);
font-family: var(--ff-unbo);
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 130%; letter-spacing: 0.22px;
}
.post-text > h2 *,
.post-text > h3 * {
font-family: var(--ff-unbo)!important;
}
.post-text > blockquote {
padding: 35px 54px 35px 35px;
border-radius: 8px;
background: var(--color-F5F5F5);
position: relative;
margin: 0 0 30px;
}
.post-text > blockquote:before {
position: absolute;
content: '';
left: 30px;
top: 30px;
width: 30px;
height: 30px;
border-radius: 4px;
background: var(--color-FFC600);
}
.post-text > blockquote * {
margin: 0;
position: relative;
z-index: 3;
color: var(--color-161616);
font-family: var(--ff-mont);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
letter-spacing: 0.16px;
}
.post-text > ol {
padding: 0 0 0 20px;
margin: 0;
}
.post-text > ul {
padding: 0;
margin: 0 0 30px;
list-style: none;
}
.post-text > ol > li {
color: var(--color-161616);
font-family: var(--ff-mont);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.15px;
}
.post-text > ol > li::marker {
color: var(--color-161616);
font-family: var(--ff-mont);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.15px;
}
.post-text > ul > li {
position: relative;
padding-left: 59px;
color: var(--color-161616);
font-family: var(--ff-mont);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.15px;
}
.post-text > ul > li *,
.post-text > ol > li * {
font-family: var(--ff-mont)!important;
}
.post-text > ul > li+li {
margin-top: 23.75px;
}
.post-text > ul > li:before {
position: absolute;
content: '';
left: 32px;
top: 9px;
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--color-FFC600);
}
.post-share-title {
color: rgba(22, 22, 22, .7);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 140%; }
.post-share {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 20px;
}
.post-share-wrapper {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
}
.post-share-wrapper > a {
width: 45px;
height: 45px;
border-radius: 4px;
border: 1px solid var(--color-037A7F);
background: var(--color-FFF);
display: flex;
align-items: center;
justify-content: center;
}
.post-share-wrapper > a > svg path {
transition: .3s;
}
.post-share-wrapper > a:hover {
background: var(--color-037A7F);
border: 1px solid var(--color-037A7F);
}
.post-share-wrapper > a:hover > svg path[fill] {
fill: var(--color-FFF);
}
.post-share-wrapper > a:hover > svg path[stroke] {
stroke: var(--color-FFF);
}
.related-articles {
padding: 30px 0 90px;
}
.related-articles-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
}
.related-articles-title-wrapper {
margin: 0 0 60px;
padding: 0;
}
.error404 .site-header,
.error404 .site-footer {
display: none;
}
.page-not-found {
height: 100dvh;
position: relative;
display: flex;
align-items: center;
justify-content: center;
background: var(--color-DAFBF2);
}
.page-not-found > img {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: auto;
}
.page-not-found-logo {
position: absolute;
left: 160px;
top: 17px;
width: 242px;
display: flex;
z-index: 3;
}
.page-not-found-logo > a {
width: 100%;
height: auto;
display: flex;
}
.page-not-found-logo > a > img {
width: 100%;
height: auto;
}
.page-not-found-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
gap: 274px;
position: relative;
z-index: 3;
padding: 0 160px;
width: 100%;
}
.page-not-found-caption {
max-width: 610px;
}
.page-not-found-caption > h1 {
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 130%; letter-spacing: 0.48px;
margin: 0 0 40px;
}
.page-not-found-text {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 150%; margin: 0 0 40px;
}
.text-content {
padding: 30px 0 90px;
}
.container-large {
max-width: 1320px;
margin: 0 auto;
}
.text-content .page-title {
margin: 0 0 40px;
}
.single-profile .reserve-video-call .page-title {
margin: 0 0 14px;
}
.reserve-video-subtitle {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 500;
line-height: 150%; letter-spacing: 0.16px;
margin: 0 0 80px;
}
.case-info-problems-text > ul,
.case-info-solution-text > ul,
.pillars-methodology-item-description > ul {
padding: 0;
margin: 0;
list-style: none;
}
.case-info-problems-text > ul > li,
.case-info-solution-text > ul > li,
.pillars-methodology-item-description > ul > li {
position: relative;
padding-left: 59px;
color: var(--color-161616);
font-family: var(--ff-mont);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.15px;
}
.case-info-problems-text > ul > li+li,
.case-info-solution-text > ul > li+li,
.pillars-methodology-item-description > ul > li+li {
margin-top: 8.83px;
}
.case-info-problems-text > ul > li:before,
.case-info-solution-text > ul > li:before,
.pillars-methodology-item-description > ul > li:before {
position: absolute;
content: '';
left: 32px;
top: 9px;
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--color-FFC600);
}
.expertise-boost-packages {
padding: 30px 0 90px;
}
.profile-boost-packages {
padding: 30px 0 90px;
}
.boost-packages-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
}
.profile-boost-packages .boost-packages-wrapper {
grid-template-columns: repeat(4, 1fr);
}
.boost-packages-title-wrapper {
margin: 0 0 60px;
padding-bottom: 0;
}
.boost-packages-wrapper .expertise-card-name {
height: auto;
-webkit-line-clamp: unset;
}
.boost-packages-wrapper .expertise-card {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
}
.list-two-image {
padding: 30px 0 90px;
}
.list-two-image .page-title {
margin: 0 0 25px;
}
.list-two-image-subtitle {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 500;
line-height: 150%; letter-spacing: 0.16px;
margin: 0 0 38px;
}
.list-two-image-wrapper {
display: grid;
grid-template-columns: 40.5625% 1fr;
grid-gap: 53px;
align-items: flex-start;
}
.list-two-image-left {
padding-top: 23px;
}
.list-two-image-title {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 21px;
margin: 0 0 40px;
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 700;
line-height: 150%; letter-spacing: 0.16px;
}
.list-two-image-right {
display: grid;
grid-template-columns: 375px 1fr;
grid-gap: 10px;
align-items: flex-start;
}
.list-two-image-icon {
position: relative;
padding: 30px 30px 35px;
border-radius: 8px;
background: var(--color-FFC600);
display: flex;
flex-direction: column;
gap: 30px;
}
.list-two-image-icon > img {
width: 98px;
height: auto;
}
.list-two-image-icon-title {
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 135%; letter-spacing: 0.18px;
}
.list-two-image-img {
width: 100%;
height: 0;
position: relative;
padding-bottom: 103.31%;
border-radius: 8px;
overflow: hidden;
}
.list-two-image-img > img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.left-list-delimeter {
width: 100%;
height: 1px;
background: var(--color-B8B8B8);
margin: 40px 0;
transform: translateY(40px);
transition: .5s;
opacity: 0;
visibility: hidden;
}
.left-left-item {
transform: translateY(100%);
transition: .5s;
opacity: 0;
visibility: hidden;
}
.inview .left-list-delimeter,
.inview .left-left-item {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.left-list-item-title {
position: relative;
padding-left: 62px;
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 400;
line-height: 130%; margin: 0 0 20px;
}
.left-list-item-title > svg {
position: absolute;
left: 0;
top: 0;
}
.profile-accordeon {
padding: 30px 0 90px;
}
.profile-accordeon-wrapper {
display: grid;
grid-template-columns: 1fr 1085px;
grid-gap: 50px;
align-items: flex-start;
}
.profile-accordeon-list-item {
border-radius: 8px;
border: 1px solid var(--color-B8B8B8);
background: var(--color-FFF);
padding: 30px 45px 30px 40px;
transition: .5s;
}
.profile-accordeon-list-item:hover {
background: var(--color-DAFBF2);
}
.profile-accordeon-list-item.active {
border: 1px solid var(--color-037A7F);
background: var(--color-037A7F);
}
.profile-accordeon-item-top {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.profile-accordeon-item-number {
transition: .5s;
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 100%; letter-spacing: 0.48px;
text-transform: uppercase;
margin: 0 38px 0 0;
flex-shrink: 0;
transition: .5s;
}
.profile-accordeon-list-item.active .profile-accordeon-item-number {
color: var(--color-FFF);
}
.profile-accordeon-item-delimiter {
width: 80px;
height: 1px;
background: var(--color-B8B8B8);
margin: 0 55px 0 0;
flex-shrink: 0;
transition: .5s;
}
.profile-accordeon-list-item.active .profile-accordeon-item-delimiter {
background: rgba(255, 255, 255, .6);
}
.profile-accordeon-item-title {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 130%; letter-spacing: 0.22px;
}
.profile-accordeon-list-item.active .profile-accordeon-item-title {
color: var(--color-FFF);
}
.profile-accordeon-item-title > svg {
flex-shrink: 0;
transition: .3s;
}
.profile-accordeon-list-item.active .profile-accordeon-item-title > svg {
opacity: 0;
}
.profile-accordeon-list {
display: grid;
grid-template-columns: 1fr;
grid-gap: 10px;
}
.profile-accordeon-item-content-outer {
display: none;
}
.profile-accordeon-item-content {
padding: 39px 40px 0 222px;
display: grid;
grid-template-columns: 1fr 287px;
grid-gap: 70px;
align-items: flex-start;
}
.profile-accordeon-item-description > ul {
padding: 0;
margin: 0;
list-style: none;
}
.profile-accordeon-item-description > ul > li {
position: relative;
padding-left: 52px;
color: var(--color-FFF);
font-family: var(--ff-mont);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; letter-spacing: 0.15px;
}
.profile-accordeon-item-description > ul > li+li {
margin-top: 17px;
}
.profile-accordeon-item-description > ul > li:before {
position: absolute;
content: '';
left: 32px;
top: 9px;
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--color-FFC600);
}
.profile-accordeon-item-result > img {
margin: 0 0 20px;
}
.profile-accordeon-item-result-title {
color: var(--color-FFF);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 700;
line-height: 140%; margin: 0 0 6px;
}
.profile-accordeon-item-result-text {
color: var(--color-FFF);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 500;
line-height: 140%; }
.profile-our-offer {
padding: 30px 0 90px;
}
.our-offer-title-wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0;
margin: 0 0 20px;
}
.our-offer-description {
max-width: 829px;
margin: 0 auto 59px;
text-align: center;
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.16px;
}
.our-offer-wrapper {
display: grid;
grid-template-columns: 1fr 536px 1fr;
grid-gap: 20px;
align-items: center;
}
.our-offer-list-benefits {
display: grid;
grid-template-columns: 1fr;
grid-gap: 48px;
}
.our-offer-list-benefit-item {
position: relative;
padding-left: 62px;
}
.our-offer-list-benefit-item > svg {
position: absolute;
left: 0;
top: 3px;
}
.our-offer-list-benefit-item-title {
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 130%; height: calc(1.3 * 18px * 4);
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.our-offer-middle-content {
position: relative;
}
.our-offer-middle-content > img {
position: relative;
z-index: 1;
width: 100%;
height: auto;
}
.our-offer-middle-caption {
position: absolute;
width: calc(100% - 48px);
z-index: 2;
left: 50%;
top: 53px;
transform: translateX(-50%);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.our-offer-middle-caption > img {
margin: 0 0 24px;
}
.our-offer-middle-title {
max-width: 342px;
color: var(--color-161616);
font-family: var(--ff-unbo);
text-align: center;
font-style: normal;
font-weight: 600;
line-height: 130%; margin: 0 0 38px;
}
.profile-our-warranty {
padding: 20px 0 90px;
}
.our-warranty-content {
background: var(--color-F5F5F5);
border-radius: 8px;
position: relative;
padding: 62px 80px;
}
.our-warranty-content > svg {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: auto;
z-index: 1;
}
.our-warranty-content > div {
position: relative;
z-index: 2;
}
.our-warranty-top-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
gap: 34px;
margin: 0 0 50px;
}
.our-warranty-title {
max-width: 57.85%;
}
.our-warranty-icon {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 24px;
}
.our-warranty-icon-title {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 600;
line-height: 150%; }
.our-warranty-title {
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 130%; }
.our-warranty-list {
display: grid;
grid-template-columns: 1fr 1px 1fr 1px 1fr;
grid-gap: 51px;
}
.our-warranty-list-delimeter {
width: 1px;
height: 100%;
background: var(--color-161616);
opacity: .2;
}
.our-warranty-list-item-title {
position: relative;
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 130%; letter-spacing: 0.22px;
margin: 0 0 24px;
}
.our-warranty-list-item-title > span {
position: relative;
z-index: 3;
}
.our-warranty-list-item-title:before {
position: absolute;
content: '';
left: -3px;
top: -3px;
z-index: 1;
width: 32px;
height: 32px;
border-radius: 4px;
background: var(--color-FFC600);
}
.our-warranty-list-item-description {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.16px;
}
#cta-popup,
#cv-popup,
#contact-popup {
padding: 70px 70px 71px;
max-width: 922px;
}
.contact-popup-title {
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 130%; margin: 0 0 35px;
}
.contact-popup-form-title {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.16px;
margin: 0 0 20px;
} #swiper-expertise .swiper-wrapper {
align-items: stretch;
}
#swiper-expertise .swiper-slide {
display: flex;
flex-direction: column;
height: auto;
}
.our-offer-middle-caption .btn-default-green {
text-align: center;
}
.show-1100,
.show-flex-1100 {
display: none;
}
.show-900,
.show-flex-900 {
display: none;
}
.show-700,
.show-flex-700 {
display: none;
}
section {
overflow: hidden;
}
section:not(.home-banner, .page-breadcrumb) {
opacity: 0;
visibility: hidden;
transition: .5s;
transform: translateY(100px);
}
section.inview:not(.home-banner, .page-breadcrumb) {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.wpcf7-acceptance input[type="checkbox"] {
display: none;
}
.wpcf7-acceptance .wpcf7-list-item {
margin: 0;
}
.wpcf7-acceptance input[type="checkbox"]+span {
position: relative;
display: inline-block;
padding-left: 44px;
color: var(--color-161616);
font-family: var(--ff-mont);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.14px;
}
.wpcf7-acceptance input[type="checkbox"]+span > a {
color: var(--color-161616);
font-weight: 600;
}
.wpcf7-acceptance input[type="checkbox"]+span:before {
position: absolute;
content: '';
width: 24px;
height: 24px;
left: 6px;
top: 50%;
transform: translateY(-50%);
background: var(--color-FFF);
border: 1px solid var(--color-FFC600);
border-radius: 4px;
}
.wpcf7-acceptance input[type="checkbox"]+span:after {
position: absolute;
content: '';
left: 7px;
top: 50%;
transform: translateY(-50%);
width: 22px;
height: 22px;
background-color: var(--color-FFC600);
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewBox="0 0 16 13" fill="none"><path d="M1 5.9939L6.12142 10.75L14.3171 1" stroke="%23161616" stroke-width="2" stroke-linecap="round"/></svg>');
background-position: center;
background-repeat: no-repeat;
border-radius: 4px;
opacity: 0;
visibility: hidden;
}
.wpcf7-acceptance input[type="checkbox"]:checked+span:after {
opacity: 1;
visibility: visible;
}
.wpcf7 .wpcf7-not-valid-tip {
position: absolute;
right: 0;
bottom: calc(100% + 2px);
color: var(--color-DF0404);
font-family: var(--ff-mont);
text-align: right;
font-family: Montserrat;
font-size: 12px;
font-style: normal;
font-weight: 300;
line-height: 150%; }
.site-cookie {
position: fixed;
width: 100%;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
z-index: 99;
}
.site-cookie-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
gap: 106px;
padding: 30px;
background: var(--color-DAFBF2);
border-radius: 8px;
}
.site-cookie-wrapper .btn-end-wrapper {
flex-shrink: 0;
gap: 10px;
}
.site-cookie-text {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.16px;
}
#success-send-popup {
max-width: 560px;
padding: 120px 60px;
}
.success-send-popup-content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.success-send-popup-content > img {
margin: 0 0 25px;
}
.success-send-popup-title {
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 130%; letter-spacing: 0.28px;
margin: 0 0 20px;
}
.success-send-popup-text {
color: var(--color-161616);
font-family: var(--ff-mont);
text-align: center;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.16px;
}
.file-trigger {
padding: 20px 30px 16px;
border-radius: 3px;
border: 1px dashed rgba(184, 184, 184, .9);
background: var(--color-FFF);
display: flex;
align-items: center;
justify-content: flex-start;
gap: 13px;
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: 0.14px;
}
.post-text .get-file {
margin: 30px 0;
}
.wpcf7-form.sent .wpcf7-response-output {
display: none!important;
}
body .cky-preference-header .cky-preference-title,
body .cky-notice .cky-title {
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 400;
line-height: 140%;
letter-spacing: 0.16px;
font-size: 18px;
}
body .cky-accordion-header .cky-accordion-btn {
color: var(--color-161616);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 400;
line-height: 140%;
letter-spacing: 0.16px;
font-size: 16px;
}
body .cky-accordion-header .cky-always-active {
color: var(--color-037A7F);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 400;
line-height: 140%;
letter-spacing: 0.16px;
font-size: 16px;
}
body .cky-accordion-header-des,
body .cky-notice-des,
body .cky-preference-content-wrapper,
body .cky-gpc-wrapper .cky-gpc-desc {
color: var(--color-161616)!important;
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 140%;
letter-spacing: 0.16px;
font-size: 14px;
}
body .cky-preference-content-wrapper .cky-show-desc-btn,
body .cky-notice-des a {
font-family: var(--ff-mont);
font-style: normal;
font-weight: 400;
line-height: 140%;
letter-spacing: 0.16px;
font-size: 14px;
color: var(--color-037A7F)!important;
text-decoration: none!important;
}
body .cky-btn-preferences,
body .cky-btn-reject,
body .cky-btn-customize {
padding: 12px 34px;
color: var(--color-161616)!important;
font-family: var(--ff-mont);
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 140%;
letter-spacing: 0.16px;
border-radius: 4px;
border: 1px solid var(--color-037A7F)!important;
display: inline-block;
text-decoration: none!important;
}
body .cky-btn-accept {
padding: 12px 34px;
color: var(--color-FFF)!important;
font-family: var(--ff-mont);
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 140%;
letter-spacing: 0.16px;
border-radius: 4px;
border: 1px solid var(--color-037A7F)!important;
background: var(--color-037A7F)!important;
display: inline-block;
text-decoration: none!important;
}
.container-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
border-radius: 8px;
position: relative;
background-color: var(--color-F5F5F5);
}
.container-video > video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.container-video+.btn-center-wrapper {
margin-top: 15px;
}
@media(min-width: 1100px) {
.font-s-11 {
font-size: 0.57vw;
}
.font-s-12 {
font-size: 0.63vw;
}
.font-s-13 {
font-size: 0.68vw;
}
.font-s-14 {
font-size: 0.73vw;
}
.font-s-15 {
font-size: 0.78vw;
}
.font-s-16 {
font-size: 0.83vw;
}
.font-s-18 {
font-size: 0.94vw;
}
.font-s-20 {
font-size: 1.04vw;
}
.font-s-22 {
font-size: 1.15vw;
}
.font-s-30 {
font-size: 1.56vw;
}
.font-s-38 {
font-size: 1.98vw;
}
.font-s-48 {
font-size: 2.5vw;
}
.font-s-58 {
font-size: 3.02vw;
}
.font-s-62 {
font-size: 3.23vw;
}
.home-banner-title {
height: calc(1.3 * 3.23vw * 3);
}
.video-meeting-title {
height: calc(1.2 * 1.98vw * 2);
}
.arrow-wrapper {
width: 0.94vw;
height: 0.94vw;
}
.container-default {
padding: 0 8.33vw;
}
.site-header-wrapper {
grid-template-columns: 12.6vw 1fr;
grid-gap: 1.72vw;
}
.main-header-content {
height: 4.38vw;
}
.main-header-logo {
padding: 0.89vw 0 0.68vw;
}
.main-header-content {
gap: 7.71vw;
}
.main-header-contact {
gap: 1.51vw;
}
.btn-default-green-border {
padding: 0.63vw 1.77vw;
}
.btn-default-green {
padding: 0.63vw 1.77vw;
}
.main-header-menu ul.menu > li > a {
padding: 0 0.52vw;
font-size: 0.83vw;
}
.site-footer {
padding: 4.22vw 0 1.82vw;
}
.site-footer-top-wrapper {
margin: 0 0 4.22vw;
grid-template-columns: 12.81vw 1fr 19.48vw;
grid-gap: 2.6vw;
}
.site-footer-menu-wrapper {
padding-left: 4.48vw;
}
.company-menu {
width: 6.98vw;
}
.profiles-menu {
width: 14.32vw;
}
.expertise-menu {
width: 14.58vw;
}
.site-footer-menu-title {
margin: 0 0 1.3vw;
}
.site-footer-menu ul.menu > li {
padding: 0.29vw 0.26vw 0.29vw 0;
}
.site-footer-menu ul.menu > li+li {
margin-top: 0.39vw;
}
.site-footer-menu ul.menu > li > a {
font-size: 0.78vw;
}
.site-footer-top-right-title {
margin: 0 0 2.08vw;
}
.home-banner {
padding: 5.21vw 0 6.35vw;
}
.home-banner-wrapper {
grid-gap: 3.96vw;
}
.home-banner-title {
margin: 0 0 2.24vw;
max-width: 35.1vw;
}
.home-banner-text {
max-width: 29.32vw;
margin: 0 0 2.08vw;
}
.btn-start-wrapper {
gap: 0.52vw;
}
.home-banner-images > .home-banner-images-logo-rotate {
top: 5.73vw;
left: -4.17vw;
}
.home-banner-images-item:nth-child(odd) {
margin-top: 0.52vw;
}
.home-banner-images-item > a {
left: 1.56vw;
bottom: 1.56vw;
width: calc(100% - 4.11vw);
}
.key-figures {
margin: 0 0 1.04vw;
}
.key-figures-content {
padding: 3.23vw 39px 3.23vw 4.17vw;
}
.key-figures-title {
margin: 0 0 2.24vw;
}
.key-figures-wrapper {
grid-gap: 4.48vw;
}
.key-figures-item-top:before {
width: 1.88vw;
height: 1.88vw;
}
.home-boost {
padding: 5.21vw 0;
}
.title-subtitle-top-wrapper .title {
max-width: 42.29vw;
}
.title-subtitle-top-wrapper .text {
margin: 1.04vw 0 0;
max-width: 31.93vw;
}
.title-subtitle-top-wrapper .subtitle-top {
padding-left: 1.35vw;
margin: 0 0 0.68vw;
}
.title-subtitle-top-wrapper .subtitle-top:before {
width: 0.73vw;
height: 0.73vw;
}
.boost-top-wrapper {
margin: 0 0 2.71vw;
}
.boost-icon-wrapper {
gap: 1.25vw;
}
.boost-icon-text {
max-width: 21.93vw;
}
.boost-bottom-wrapper {
grid-template-columns: 21.25vw 1fr;
grid-gap: 5.57vw;
}
.boost-bottom-caption {
padding-top: 0.52vw;
}
.boost-description {
margin: 0 0 1.88vw;
}
.boost-description > p {
font-size: 0.94vw;
margin: 0 0 0.78vw;
}
.btn-default-yellow {
padding: 0.94vw 1.82vw;
gap: 0.83vw;
}
.boost-wrapper {
gap: 0.52vw;
}
.boost-item {
width: 8.28vw;
}
.boost-item-short-wrapper {
gap: 2.14vw;
padding: 1.46vw 0;
}
.short-boost-item-title {
min-height: 6.82vw;
}
.short-boost-item-delimeter {
height: 5.21vw;
}
.boost-item-full-wrapper {
padding: 1.56vw 2.81vw 1.56vw 1.56vw;
}
.boost-item-letter {
margin: 0 0 1.09vw;
}
.boost-item-text {
left: 1.56vw;
bottom: 1.56vw;
right: 2.76vw;
}
.new-level-title-wrapper {
margin: 0 0 2.29vw;
}
.new-level-title-wrapper .title {
max-width: 37.81vw;
}
.new-level-wrapper {
grid-gap: 0.78vw;
}
.benefit-item {
padding: 2.08vw 3.18vw 2.4vw 2.08vw;
}
.benefit-icon {
width: 8.33vw;
height: 8.33vw;
margin: 0 0 1.72vw;
}
.benefit-item-name {
margin: 0 0 1.04vw;
}
.home-new-level {
padding: 1.04vw 0 6.25vw;
}
.video-meeting-content {
padding: 3.13vw 0;
}
.video-meeting-title {
max-width: 60.26vw;
margin: 0 auto 1.04vw;
}
.video-meeting-text {
max-width: 60.26vw;
margin: 0 auto 2.14vw;
}
.btn-default-white {
padding: 0.94vw 1.72vw;
}
.home-challenges {
padding: 6.25vw 0;
}
.home-challenges-title {
margin: 0 auto 0.78vw;
max-width: 44.27vw;
}
.home-challenges-description {
max-width: 45.73vw;
margin: 0 auto 3.13vw;
}
.home-challenges-wrapper {
grid-template-columns: 1fr 23.02vw;
grid-gap: 5.47vw;
}
.home-challenges-left {
grid-template-columns: 26.72vw 1fr;
grid-gap: 5.36vw;
}
.home-challenges-list-names > a {
height: 4.79vw;
padding: 0 1.56vw;
}
.home-challenges-list-names > a:before {
left: 1.61vw;
}
.home-challenges-list-names > a.active {
padding-left: 3.91vw;
}
.home-challenges-list-names > a.active:before {
width: 0.83vw;
height: 0.83vw;
}
.home-challenges-right-top-title {
margin: 0 0 0.68vw;
}
.home-challenges-right-top-text+.home-challenges-right-top-title {
margin-top: 1.56vw;
}
.home-challenges-right-bottom {
grid-gap: 1.04vw;
}
.home-your-needs {
padding: 3.28vw 0 4.69vw;
}
.your-needs-title-wrapper {
margin: 0 0 3.13vw;
}
.expertise-card {
padding: 1.82vw 1.56vw 2.19vw 1.56vw;
}
.expertise-card-icon {
width: 3.02vw;
height: 3.02vw;
margin: 0 0 1.09vw;
}
.expertise-card-name {
height: calc(1.35 * 0.94vw * 3);
margin: 0 0 1.04vw;
}
.expertise-card-package {
margin: 0 0 1.04vw;
}
.expertise-card-delimeter {
margin: 1.04vw 0;
}
.expertise-card-benefits {
margin: 0 0 1.98vw;
}
.expertise-card-benefits > li {
gap: 0.52vw;
}
.expertise-card-benefits > li+li {
margin-top: 0.94vw;
}
.btn-default-bottom-border {
gap: 0.73vw;
padding-bottom: 0.52vw;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
max-width: 37.5vw;
margin: 2.6vw auto 0;
}
.home-our-technologies {
padding: 1.56vw 0 4.69vw;
}
.our-technologies-title-wrapper {
margin: 0 0 1.77vw;
}
.our-technologies-title-wrapper > .text {
margin-top: 1.35vw;
}
.our-technologies-content {
padding: 0.52vw 2.08vw 1.51vw;
}
.home-cases {
padding: 1.56vw 0 4.69vw;
}
.home-cases-title-action-wrapper {
margin: 0 0 3.13vw;
}
#swiper-cases+.review-content {
margin: 3.18vw 0 0;
}
.case-card {
padding: 1.82vw 1.88vw 2.03vw 1.82vw;
}
.case-card-name {
margin: 0 0 2.08vw;
}
.case-card-profile-title {
margin: 0 0 1.04vw;
}
.review-content {
padding: 4.58vw 0 1.09vw;
}
.rating-wrapper {
gap: 1.3vw;
margin: 0 0 2.45vw;
}
.rating-stars {
gap: 0.52vw;
}
.review-card {
padding-bottom: 1.09vw;
}
.review-card-text {
max-width: 51.56vw;
margin: 0 auto 2.55vw;
}
.review-card-bottom {
gap: 1.04vw;
}
.home-latest-articles {
padding: 1.56vw 0 4.69vw;
}
.latest-articles-top-wrapper {
margin: 0 0 3.13vw;
}
.latest-articles-wrapper {
grid-gap: 1.56vw;
}
.video-card-category {
left: 1.56vw;
top: 1.56vw;
}
.btn-play-icon {
width: 3.23vw;
height: 3.23vw;
}
.video-card-name {
left: 1.56vw;
bottom: 1.67vw;
max-width: calc(100% - 3.28vw);
}
.article-card-category {
left: 1.56vw;
top: 1.56vw;
}
.article-card-caption {
padding: 1.3vw 1.56vw 1.41vw;
}
.article-card-name {
margin: 0 0 0.83vw;
}
.article-card-excerpt {
height: calc(1.5 * 0.83vw * 2);
margin: 0 0 1.46vw;
}
.home-contact-us {
padding: 1.56vw 0 6.51vw;
}
.contact-us-subtitle-top {
padding-left: 1.35vw;
margin: 0 0 0.63vw;
}
.contact-us-subtitle-top:before {
width: 0.73vw;
height: 0.73vw;
}
.contact-us-wrapper {
grid-gap: 1.88vw;
}
.contact-us-title {
margin: 0 0 1.82vw;
}
.contact-us-right-wrapper {
grid-gap: 1.67vw;
}
.contact-us-social-title {
left: 1.82vw;
top: 1.82vw;
max-width: calc(100% - 5.57vw);
}
.contact-us-social-wrapper {
left: 1.82vw;
bottom: 1.82vw;
max-width: calc(100% - 3.65vw);
gap: 0.52vw;
}
.contact-us-social-wrapper > a {
width: 2.34vw;
height: 2.34vw;
}
.contact-us-right-left {
padding-top: 4.38vw;
padding: 4.38vw 0 0 4.01vw;
}
.contact-us-telephone {
margin: 0 0 1.04vw;
}
.contact-us-email {
margin: 0 0 1.04vw;
}
.contact-us-form-title {
margin: 0 0 1.04vw;
}
.form-field-wrapper {
grid-gap: 1.04vw;
}
.double-form-field-wrapper {
grid-gap: 1.04vw;
}
.form-field textarea {
height: 4.79vw;
}
.form-field input,
.form-field textarea {
padding: 0.94vw 1.51vw;
font-size: 0.83vw;
} .main-header-menu ul.menu > li .sub-menu {
padding: 1.3vw;
width: 20.57vw;
}
.main-header-menu ul.menu > li .sub-menu > li > a {
padding: 0.68vw 0.83vw;
gap: 0.83vw;
font-size: 0.78vw;
}
.page-breadcrumb {
margin: 1.56vw 0 0;
}
.page-breadcrumb-list ol {
gap: 0.78vw;
}
.page-breadcrumb-list ol > li+li {
padding-left: 1.04vw;
}
.page-breadcrumb-list ol > li > a {
font-size: 0.68vw;
}
.page-breadcrumb-list ol > li+li:before {
font-size: 0.68vw;
}
.page-breadcrumb-list ol > li:last-child {
font-size: 0.68vw;
}
.reserve-video-call {
padding: 2.34vw 0 4.69vw;
}
.reserve-video-call .page-title {
margin: 0 0 4.17vw;
max-width: 77.24vw;
}
.reserve-video-call-wrapper {
grid-gap: 5.99vw;
}
.reserve-video-call-caption {
padding: 1.56vw 1.56vw 2.19vw;
}
.reserve-video-call-caption > img {
margin: 0 0 1.25vw;
width: 5.1vw;
}
.reserve-video-call-caption-title {
margin: 0 0 1.04vw;
}
.reserve-video-call-right-title {
gap: 1.09vw;
margin: 0 0 2.08vw;
}
.reserve-video-call-right-list-delimeter {
margin: 2.08vw 0;
}
.right-list-item-title {
padding-left: 3.23vw;
margin: 0 0 1.04vw;
}
.right-list-item-description {
padding-left: 3.23vw;
}
.pillars-methodology {
padding: 1.56vw 0 4.69vw;
}
.pillars-methodology-title-wrapper {
margin: 0 0 2.76vw;
}
.pillars-methodology-wrapper {
grid-gap: 0.78vw;
}
.pillars-methodology-item {
padding: 2.08vw 2.08vw 0;
}
.pillars-methodology-item > img {
margin: 0 0 1.72vw;
width: 8.33vw;
}
.freedom-begins-here-content-item > img {
width: 8.33vw;
}
.pillars-methodology-item-title {
margin: 0 0 1.25vw;
}
.pillars-methodology-item-description {
max-width: 20.73vw;
}
.complete-methodology {
padding: 1.56vw 0 4.69vw;
}
.complete-methodology-title-wrapper {
margin: 0 0 4.17vw;
}
.complete-methodology-wrapper {
grid-gap: 5.21vw;
}
.complete-methodology-wrapper:before {
top: 4.38vw;
height: calc(100% - 8.18vw);
}
.complete-methodology-item-wrapper {
grid-template-columns: 1fr 3.13vw 1fr;
grid-gap: 4.69vw;
}
.complete-methodology-item-number {
width: 3.13vw;
height: 3.13vw;
margin-top: 1.88vw;
}
.complete-methodology-item-title {
height: 6.77vw;
}
.complete-methodology-item-title.left {
padding: 0 4.32vw 0 1.56vw;
}
.complete-methodology-item-title.right {
padding: 0 1.56vw 0 4.32vw;
}
.complete-methodology-item-title.left:before {
border-left: 3.39vw solid transparent;
border-right: 3.39vw solid #FFF;
border-bottom: 3.39vw solid transparent;
}
.complete-methodology-item-title.left:after {
border-left: 3.39vw solid #FFF;
border-right: 3.39vw solid transparent;
border-bottom: 3.39vw solid transparent;
}
.complete-methodology-item-title.right > svg {
right: 1.93vw;
}
.complete-methodology-item-title.right:before {
border-left: 3.39vw solid #FFF;
border-right: 3.39vw solid transparent;
border-bottom: 3.39vw solid transparent;
}
.complete-methodology-item-title.right:after {
border-left: 3.39vw solid transparent;
border-right: 3.39vw solid #FFF;
border-bottom: 3.39vw solid transparent;
}
.complete-methodology-item-description {
margin-top: 2.14vw;
}
.complete-methodology-item-description > p {
font-size: 0.83vw;
margin: 0 0 0.99vw;
}
.complete-methodology-item-description > ul > li {
padding-left: 2.19vw;
font-size: 0.78vw;
}
.complete-methodology-item-description > ul > li+li {
margin-top: 1.28vw;
}
.complete-methodology-item-description > ul > li:before {
left: 1.15vw;
top: 0.49vw;
}
.get-file {
margin: 1.56vw 0 4.69vw;
}
.get-file-content {
padding: 3.13vw 0;
}
.get-file-title {
margin: 0 0 1.04vw;
}
.get-file-text {
margin: 0 0 2.14vw;
}
.btn-default-green-border-white {
padding: 0.89vw 2.16vw;
}
.freedom-begins-here {
padding: 1.56vw 0 4.69vw;
}
.freedom-begins-here-wrapper {
grid-template-columns: 23.33vw 1fr;
grid-gap: 4.79vw;
}
.freedom-begins-here-content-wrapper {
grid-gap: 1.61vw;
}
.freedom-begins-here-content-item {
gap: 0.52vw;
padding-right: 0.99vw;
}
.freedom-begins-here-content-item:nth-child(2):before {
left: -0.83vw;
}
.freedom-begins-here-content-item:nth-child(3):after {
top: -0.83vw;
}
.freedom-begins-here-content-item:nth-child(4):after {
top: -0.83vw;
}
.freedom-begins-here-content-item:nth-child(4):before {
left: -0.83vw;
}
.archive-cases {
padding: 1.56vw 0 2.08vw;
}
.cases-head-wrapper {
grid-template-columns: 21.77vw 1fr;
grid-gap: 4.95vw;
padding-bottom: 2.14vw;
}
.cases-head-title {
margin: 0 0 0.73vw;
}
.cases-head-need-solution-wrapper {
grid-template-columns: 18.96vw 1fr 18.96vw;
grid-gap: 1.25vw;
}
.cases-head-need-solution-image {
gap: 0.52vw;
}
.cases-head-need-solution-title {
max-width: 8.65vw;
}
.cases-head-need-list {
padding: 1.56vw 1.09vw 1.51vw;
gap: 0.73vw;
}
.cases-head-need-list > div {
gap: 0.52vw;
}
.cases-head-solution-list {
padding: 1.56vw 1.56vw 1.51vw 1.56vw;
gap: 0.73vw;
}
.cases-head-solution-list > div {
gap: 0.52vw;
}
.cases-list {
padding: 0 0 4.69vw;
}
.cases-list-wrapper {
grid-gap: 1.56vw;
}
.white-popup {
max-width: 56.25vw;
}
.case-info-left {
padding: 3.65vw 1.25vw 3.65vw 3.65vw;
}
.case-info-title {
padding-right: 1.46vw;
margin: 0 0 2.6vw;
}
.case-info-profile-title {
margin: 0 0 1.04vw;
}
.case-info-profile-text {
margin: 0 0 1.56vw;
}
.case-info-number-employees {
gap: 0.83vw;
margin: 0 0 1.04vw;
}
.case-info-capital-turnover {
gap: 0.83vw;
}
.case-info-right {
padding: 3.65vw 3.75vw 3.65vw 3.13vw;
}
.case-info-problems-title,
.case-info-solution-title {
margin: 0 0 0.68vw;
}
.case-info-solution-title {
margin-top: 1.56vw;
}
.custom-mfp-close {
right: 1.04vw;
top: 1.04vw;
width: 1.25vw;
height: 1.25vw;
}
.about-company-benefits {
padding: 1.56vw 0 4.69vw;
}
.our-benefits-caption {
max-width: 46.15vw;
}
.our-benefits-caption > .page-title {
margin: 0 0 2.08vw;
}
.our-benefits-text {
padding-right: 1.51vw;
}
.our-benefits-image {
max-width: 23.75vw;
}
.daviner-is {
padding: 1.56vw 0 4.69vw;
}
.daviner-is-title-wrapper {
margin: 0 0 3.07vw;
}
.daviner-is-list {
grid-gap: 1.46vw 1.61vw;
margin: 0 0 2.19vw;
}
.daviner-is-item {
gap: 1.56vw;
padding: 1.56vw 2.03vw 1.56vw 2.08vw;
}
.daviner-is-item-icon {
width: 8.33vw;
}
.daviner-is-item-title {
margin: 0 0 1.04vw;
}
.daviner-is-item:nth-child(2):before {
left: -0.83vw;
}
.daviner-is-item:nth-child(3):before {
top: -0.73vw;
}
.daviner-is-item:nth-child(4):before {
top: -0.73vw;
}
.daviner-is-item:nth-child(4):after {
left: -0.83vw;
}
.about-company-founders {
padding: 1.56vw 0 4.69vw;
}
.founders-title-wrapper {
margin: 0 0 3.13vw;
}
.founders-wrapper {
grid-gap: 2.08vw;
}
.founders-item-caption {
max-width: calc(100% - 14.06vw);
padding: 3.13vw 9.38vw 3.13vw 4.17vw;
}
.founders-item:nth-child(even) .founders-item-caption {
padding: 3.13vw 4.11vw 3.13vw 10.26vw;
}
.founders-item-title {
margin: 0 0 1.3vw;
}
.founders-item-description {
margin: 0 0 1.3vw;
}
.founders-item-description > p {
font-size: 0.94vw;
margin: 0 0 0.78vw;
}
.founders-item-strength {
gap: 1.25vw;
margin: 0 0 2.5vw;
}
.our-values {
padding: 1.56vw 0 4.69vw;
}
.our-values-wrapper {
grid-template-columns: 23.23vw 1fr;
grid-gap: 5vw;
}
.our-values-content-wrapper {
grid-gap: 1.61vw;
}
.our-values-content-item {
padding: 1.93vw 7px 1.3vw 4.84vw;
}
.our-values-content-item > svg {
top: 2.08vw;
left: 1.56vw;
}
.our-values-content-item:nth-child(2):before {
left: -0.83vw;
}
.our-values-content-item:nth-child(3):before {
top: -0.83vw;
}
.our-values-content-item:nth-child(4):before {
top: -0.83vw;
}
.our-values-content-item:nth-child(4):after {
left: -0.83vw;
}
.our-values-content-item-name {
margin: 0 0 1.04vw;
}
.our-values-content-item-description {
padding-right: 1.93vw;
}
.join-team {
padding: 1.56vw 0 4.69vw;
}
.join-team-top-wrapper {
margin: 0 0 3.13vw;
}
.join-team-title-wrapper {
max-width: 34.74vw;
}
.join-team-icon-text {
gap: 1.25vw;
}
.join-team-main-wrapper {
grid-template-columns: 21.61vw 1fr;
grid-gap: 5.21vw;
}
.join-team-short-text {
margin: 0 0 1.88vw;
}
.join-team-short-text > p {
font-size: 0.83vw;
margin: 0 0 0.78vw;
}
.join-team-vacancy-item > a {
padding: 1.56vw 1.82vw;
}
.join-team-vacancy-link-left {
gap: 1.56vw;
}
.join-team-vacancies {
grid-gap: 0.52vw;
}
.page-blog {
padding: 1.56vw 0 4.69vw;
}
.page-blog .page-title {
margin: 0 0 0.68vw;
}
.blog-description {
max-width: 31.93vw;
}
.blog-delimeter {
margin: 2.34vw 0 2.08vw;
}
.blog-categories-list {
gap: 1.04vw;
margin: 0 0 2.08vw;
}
.blog-categories-list > a {
padding: 0.49vw 0.89vw;
}
.blog-post-wrapper {
grid-gap: 1.56vw;
}
.custom-pagination {
margin: 2.08vw 0 0;
}
.custom-pagination .nav-links {
gap: 0.52vw;
}
.custom-pagination .nav-links > a:not(.next, .prev) {
width: 2.5vw;
height: 2.5vw;
font-size: 0.83vw;
}
.custom-pagination .nav-links > span {
width: 2.5vw;
height: 2.5vw;
font-size: 0.83vw;
}
.custom-pagination .nav-links > a.next {
margin-left: 1.04vw;
}
.custom-pagination .nav-links > a.prev {
margin-right: 1.04vw;
}
.custom-pagination .nav-links > a.next,
.custom-pagination .nav-links > a.prev {
width: 2.5vw;
height: 2.5vw;
}
.post-content {
padding: 1.56vw 0 4.69vw;
}
.post-top-wrapper {
grid-template-columns: 1fr 33.85vw;
grid-gap: 3.54vw;
padding-bottom: 2.08vw;
margin: 0 0 2.14vw;
}
.post-category {
margin: 0 0 0.63vw;
}
.post-date {
padding: 7px 0.78vw;
}
.container-post {
max-width: 67.71vw;
}
.post-text {
margin: 0 0 2.08vw;
}
.post-text > p {
font-size: 0.83vw;
margin: 0 0 1.25vw;
}
.post-text > h2 {
margin: 2.08vw 0 1.56vw;
font-size: 1.15vw;
}
.post-text > h3 {
margin: 2.03vw 0 1.56vw;
font-size: 1.15vw;
}
.post-text > blockquote {
padding: 1.82vw 54px 1.82vw 1.82vw;
margin: 0 0 1.56vw;
}
.post-text > blockquote:before {
left: 1.56vw;
top: 1.56vw;
width: 1.56vw;
height: 1.56vw;
}
.post-text > blockquote > * {
font-size: 0.83vw;
}
.post-text > ul {
margin: 0 0 1.56vw;
}
.post-text > ol > li {
font-size: 0.78vw;
}
.post-text > ol > li::marker {
font-size: 0.78vw;
}
.post-text > ul > li {
padding-left: 3.07vw;
font-size: 0.78vw;
}
.post-text > ul > li+li {
margin-top: 1.24vw;
}
.post-text > ul > li:before {
left: 1.67vw;
top: 0.47vw;
}
.post-share {
gap: 1.04vw;
}
.post-share-wrapper {
gap: 0.52vw;
}
.post-share-wrapper > a {
width: 2.34vw;
height: 2.34vw;
}
.related-articles {
padding: 1.56vw 0 4.69vw;
}
.related-articles-wrapper {
grid-gap: 1.56vw;
}
.related-articles-title-wrapper {
margin: 0 0 3.13vw;
}
.page-not-found-logo {
left: 8.33vw;
top: 0.89vw;
width: 12.6vw;
}
.page-not-found-wrapper {
gap: 14.27vw;
padding: 0 8.33vw;
}
.page-not-found-caption {
max-width: 31.77vw;
}
.page-not-found-caption > h1 {
margin: 0 0 2.08vw;
}
.page-not-found-text {
margin: 0 0 2.08vw;
}
.text-content {
padding: 1.56vw 0 4.69vw;
}
.container-large {
max-width: 68.75vw;
}
.text-content .page-title {
margin: 0 0 2.08vw;
}
.single-profile .reserve-video-call .page-title {
margin: 0 0 0.73vw;
}
.reserve-video-subtitle {
margin: 0 0 4.17vw;
}
.case-info-problems-text > ul > li,
.case-info-solution-text > ul > li,
.pillars-methodology-item-description > ul > li {
padding-left: 3.07vw;
font-size: 0.78vw;
}
.case-info-problems-text > ul > li+li,
.case-info-solution-text > ul > li+li,
.pillars-methodology-item-description > ul > li+li {
margin-top: 0.46vw;
}
.case-info-problems-text > ul > li:before,
.case-info-solution-text > ul > li:before,
.pillars-methodology-item-description > ul > li:before {
left: 1.67vw;
top: 0.47vw;
}
.expertise-boost-packages {
padding: 1.56vw 0 4.69vw;
}
.profile-boost-packages {
padding: 1.56vw 0 4.69vw;
}
.boost-packages-wrapper {
grid-gap: 1.56vw;
}
.boost-packages-title-wrapper {
margin: 0 0 3.13vw;
}
.list-two-image {
padding: 1.56vw 0 4.69vw;
}
.list-two-image .page-title {
margin: 0 0 1.3vw;
}
.list-two-image-subtitle {
margin: 0 0 1.98vw;
}
.list-two-image-wrapper {
grid-gap: 2.76vw;
}
.list-two-image-left {
padding-top: 1.2vw;
}
.list-two-image-title {
gap: 1.09vw;
margin: 0 0 2.08vw;
}
.list-two-image-right {
grid-template-columns: 19.53vw 1fr;
grid-gap: 0.52vw;
}
.list-two-image-icon {
padding: 1.56vw 1.56vw 1.82vw;
gap: 1.56vw;
}
.list-two-image-icon > img {
width: 5.1vw;
}
.left-list-delimeter {
margin: 2.08vw 0;
}
.left-list-item-title {
padding-left: 3.23vw;
margin: 0 0 1.04vw;
}
.profile-accordeon {
padding: 1.56vw 0 4.69vw;
}
.profile-accordeon-wrapper {
grid-template-columns: 1fr 56.51vw;
grid-gap: 2.6vw;
}
.profile-accordeon-list-item {
padding: 1.56vw 2.34vw 1.56vw 2.08vw;
}
.profile-accordeon-item-number {
margin: 0 1.98vw 0 0;
}
.profile-accordeon-item-delimiter {
width: 4.17vw;
margin: 0 2.86vw 0 0;
}
.profile-accordeon-list {
grid-gap: 0.52vw;
}
.profile-accordeon-item-content {
padding: 2.03vw 2.08vw 0 11.56vw;
grid-template-columns: 1fr 14.95vw;
grid-gap: 3.65vw;
}
.profile-accordeon-item-description > ul > li {
padding-left: 2.71vw;
font-size: 0.83vw;
}
.profile-accordeon-item-description > ul > li+li {
margin-top: 0.89vw;
}
.profile-accordeon-item-description > ul > li:before {
left: 1.67vw;
top: 0.47vw;
}
.profile-accordeon-item-result > img {
margin: 0 0 1.04vw;
}
.profile-our-offer {
padding: 1.56vw 0 4.69vw;
}
.our-offer-title-wrapper {
margin: 0 0 1.04vw;
}
.our-offer-description {
max-width: 43.18vw;
margin: 0 auto 3.07vw;
}
.our-offer-wrapper {
grid-template-columns: 1fr 27.92vw 1fr;
grid-gap: 1.04vw;
}
.our-offer-list-benefits {
grid-gap: 2.5vw;
}
.our-offer-list-benefit-item {
padding-left: 3.23vw;
}
.our-offer-list-benefit-item-title {
height: calc(1.3 * 0.94vw * 4);
}
.our-offer-middle-caption {
width: calc(100% - 2.5vw);
top: 2.76vw;
}
.our-offer-middle-caption > img {
margin: 0 0 1.25vw;
}
.our-offer-middle-title {
max-width: 17.81vw;
margin: 0 0 1.98vw;
}
.profile-our-warranty {
padding: 1.04vw 0 4.69vw;
}
.our-warranty-content {
padding: 3.23vw 4.17vw;
}
.our-warranty-top-wrapper {
gap: 1.77vw;
margin: 0 0 2.6vw;
}
.our-warranty-icon {
gap: 1.25vw;
}
.our-warranty-list {
grid-gap: 2.66vw;
}
.our-warranty-list-item-title {
margin: 0 0 1.25vw;
}
.our-warranty-list-item-title:before {
width: 1.67vw;
height: 1.67vw;
}
#cta-popup,
#cv-popup,
#contact-popup {
padding: 3.65vw 3.65vw 3.7vw;
max-width: 48.02vw;
}
.contact-popup-title {
margin: 0 0 1.82vw;
}
.contact-popup-form-title {
margin: 0 0 1.04vw;
} .wpcf7-acceptance input[type="checkbox"]+span {
font-size: 0.73vw;
}
.wpcf7-not-valid-tip {
font-size: 0.63vw;
}
.site-cookie {
bottom: 1.56vw;
}
.site-cookie-wrapper {
gap: 5.52vw;
padding: 1.56vw;
}
.site-cookie-wrapper .btn-end-wrapper {
gap: 0.52vw;
}
#success-send-popup {
max-width: 29.17vw;
padding: 6.25vw 3.13vw;
}
.success-send-popup-content > img {
margin: 0 0 1.3vw;
}
.success-send-popup-title {
margin: 0 0 1.04vw;
}
.file-trigger {
padding: 1.04vw 1.56vw 0.83vw;
gap: 0.68vw;
}
.post-text .get-file {
margin: 1.56vw 0;
}
}
@media(max-width: 1099px) {
.hide-1100 {
display: none!important;
}
.show-1100 {
display: block;
}
.show-flex-1100 {
display: flex;
}
.font-s-11 {
font-size: calc(11px * .95);
}
.font-s-12 {
font-size: calc(12px * .95);
}
.font-s-13 {
font-size: calc(13px * .95);
}
.font-s-14 {
font-size: calc(14px * .9);
}
.font-s-15 {
font-size: calc(15px * .9);
}
.font-s-16 {
font-size: calc(16px * .9);
}
.font-s-18 {
font-size: calc(18px * .9);
}
.expertise-card-name {
height: calc(1.35 * 18px * .9 * 3);
}
.font-s-20 {
font-size: calc(20px * .85);
}
.font-s-22 {
font-size: calc(22px * .85);
}
.font-s-30 {
font-size: calc(30px * .8);
}
.font-s-38 {
font-size: calc(38px * .8);
}
.font-s-48 {
font-size: calc(48px * .7);
}
.font-s-58 {
font-size: calc(58px * .7);
}
.font-s-62 {
font-size: calc(62px * .7);
}
.home-banner-title {
height: calc(1.3 * 62px * .7 * 3);
}
.video-meeting-title {
height: calc(1.2 * 1.98vw * .8 * 2);
}
.site-footer-top-wrapper {
grid-template-columns: 1fr 3fr 1fr;
grid-gap: 20px;
}
.site-footer-menu ul.menu > li > a {
font-size: 12px;
}
.site-footer-menu-wrapper {
padding-left: 0;
}
.company-menu {
width: 20%;
}
.profiles-menu,
.expertise-menu {
width: 40%;
}
.site-footer {
padding-top: 40px;
padding-bottom: 20px;
}
.site-footer-top-wrapper {
margin-bottom: 40px;
}
section {
padding: 0!important;
margin: 0!important;
}
.site-header+section {
padding-top: 25px!important;
}
section+section {
padding-top: 60px!important;
}
section+footer {
margin-top: 60px!important;
}
.container-default {
padding: 0 40px;
}
.site-header {
border-bottom: 1px solid var(--color-B8B8B8);
height: 56px;
}
.site-header.fixed {
height: 56px;
}
.site-header-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
height: 56px;
}
.site-header.fixed .main-header-logo,
.main-header-logo {
padding: 6px 0;
height: 100%;
}
.main-header-logo > a {
height: 100%;
}
.main-header-content {
grid-gap: 50px;
height: 100%;
border: none;
}
.btn-default-green,
.btn-default-green-border {
padding: 9.5px 19.5px;
}
.site-burger {
position: fixed;
left: -500px;
transition: .5s;
top: 0;
z-index: 999;
background: var(--color-FFF);
width: 100%;
max-width: 375px;
height: 100dvh;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
gap: 15px;
}
.site-burger.open {
left: 0;
}
.site-burger-top {
height: 75%;
overflow-y: auto;
}
.site-burger > div {
width: 100%;
}
.main-burger-logo {
height: 43px;
}
.main-burger-logo > a {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.main-burger-logo > a > img {
height: 100%;
width: auto;
}
.site-burger-top-wrapper {
position: relative;
height: 57px;
border-bottom: 1px solid var(--color-B8B8B8);
display: flex;
align-items: center;
justify-content: center;
}
.site-burger-top-wrapper > a {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
}
.site-burger-menu ul.menu {
padding: 0 16px;
margin: 0;
list-style: none;
}
.site-burger-menu ul.menu > li {
position: relative;
}
.site-burger-menu ul.menu > li > a {
display: inline-block;
padding: 11px 20px 17px 0;
color: var(--color-161616);
font-family: var(--ff-mont);
font-size: 13px;
font-style: normal;
font-weight: 600;
line-height: normal;
border-bottom: 1px solid var(--color-B8B8B8);
width: 100%;
position: relative;
}
.site-burger-menu ul.menu > li.menu-item-has-children > a:after {
position: absolute;
content: '';
right: 0;
top: 50%;
transform: translateY(-50%);
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M13.7695 6.75251L8.9966 11.5254L4.22367 6.75251" stroke="%23161616" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
width: 18px;
height: 18px;
transition: .4s;
}
.site-burger-menu ul.menu > li.menu-item-has-children > a.active:after {
transform: translateY(-50%) rotate(-180deg);
}
.site-burger-menu ul.sub-menu {
display: none;
padding: 10px 0 11px;
margin: 0;
list-style: none;
}
.site-burger-menu ul.sub-menu > li > a {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 14px;
padding: 8px 16px;
color: var(--color-161616);
font-family: var(--ff-mont);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 130%; }
.site-burger-bottom {
padding: 0 16px 16px;
display: grid;
grid-template-columns: 1fr;
grid-gap: 5px;
height: auto;
flex-shrink: 0;
}
.site-burger-bottom-top {
border-radius: 4px;
background: var(--color-F5F5F5);
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
padding: 16px;
}
.site-burger-bottom .btn-default-green {
width: 100%;
text-align: center;
}
.site-burger-contact {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.site-burger-contact-telephone {
color: var(--color-161616);
font-family: var(--ff-unbo);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0 0 5px;
display: inline-block;
}
.site-burger-contact-email {
color: var(--color-161616);
font-family: var(--ff-unbo);
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin: 0 0 5px;
display: inline-block;
}
.site-burger-contact-address {
color: var(--color-161616);
font-family: var(--ff-mont);
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 130%; }
.site-burger-social-wrapper {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 6px;
}
.site-burger-social-wrapper > a {
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 3px;
border: 1px solid var(--color-037A7F);
}
.site-burger-social-wrapper > a > svg {
max-width: 12.621px;
max-height: 12.621px;
width: auto;
height: auto;
}
.site-burger-social-wrapper > a:hover {
background: var(--color-037A7F);
border: 1px solid var(--color-037A7F);
}
.site-burger-social-wrapper > a:hover > svg path[fill] {
fill: var(--color-FFF);
}
.site-burger-social-wrapper > a:hover > svg path[stroke] {
stroke: var(--color-FFF);
}
.home-banner {
padding: 25px 0 60px;
}
.home-banner-wrapper {
grid-template-columns: 1fr;
grid-gap: 56px;
}
.home-banner-caption {
align-items: center;
}
.home-banner-caption * {
text-align: center;
}
.home-banner-images {
max-width: 600px;
width: 100%;
margin: 0 auto;
}
.home-banner-images > .home-banner-images-logo-rotate {
left: 50%;
transform: translateX(-50%);
top: -33px;
width: 80px;
}
.home-banner-images-logo-rotate > svg:not(.not-rotate) {
width: 100%;
height: auto;
}
.home-banner-images-logo-rotate > svg.not-rotate {
width: 47px;
height: auto;
}
.key-figures-wrapper {
grid-gap: 16px;
}
.key-figures-content {
padding: 31px 20px 31px 40px;
}
.boost-bottom-wrapper {
grid-template-columns: 1fr;
}
.home-challenges-wrapper {
grid-template-columns: 2fr 1fr;
grid-gap: 30px;
}
.home-challenges-left {
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.home-challenges-list-names > a {
height: auto;
padding: 20px 0 20px 10px;
}
.home-challenges-list-names > a.active {
padding-left: 40px;
}
.home-challenges-list-names > a:before {
left: 10px;
}
.home-challenges-left {
align-items: center;
}
.contact-us-right-left {
padding: 30px 0 0 0;
}
.contact-us-social-title {
left: 15px;
top: 15px;
max-width: calc(100% - 30px);
}
.contact-us-social-wrapper {
left: 15px;
bottom: 15px;
width: calc(100% - 30px);
}
.contact-us-wrapper {
grid-gap: 20px;
}
.contact-us-right-wrapper {
grid-gap: 20px;
}
.form-field input, .form-field textarea {
padding: 12px 10px;
}
.latest-articles-wrapper {
grid-gap: 20px;
}
.article-card-caption {
padding: 15px 10px 15px;
}
.article-card-excerpt {
height: calc(1.5 * 16px * .9 * 2);
margin-bottom: 10px;
}
.article-card-name {
margin: 0 0 10px;
}
.video-card-category {
left: 15px;
top: 15px;
}
.video-card-name {
left: 15px;
bottom: 15px;
max-width: calc(100% - 30px);
}
.case-card {
padding: 20px 20px 25px 20px;
}
.case-card-name {
margin: 0 0 25px;
}
.case-card-profile-title {
margin: 0 0 10px;
}
#cta-popup,
#cv-popup,
#contact-popup {
padding: 50px;
}
.boost-item-full-wrapper {
padding: 20px 35px 20px 20px;
}
.boost-item-short-wrapper {
padding: 20px 0;
}
.founders-item-caption {
max-width: calc(100% - 100px);
}
.founders-item-caption {
padding: 40px 150px 40px 50px;
}
.founders-item:nth-child(even) .founders-item-caption {
padding: 40px 50px 40px 150px;
}
.our-values-wrapper {
grid-template-columns: 1fr 2fr;
grid-gap: 30px;
}
.our-values-content-item {
padding: 10px 5px 15px 40px;
}
.our-values-content-item > svg {
left: 10px;
top: 10px;
}
.join-team-main-wrapper {
grid-template-columns: 1fr 2fr;
grid-gap: 40px;
}
.join-team-vacancy-item > a {
padding: 20px 25px;
}
.join-team-vacancy-link-left {
gap: 10px;
}
.join-team-top-wrapper {
margin: 0 0 40px;
}
.join-team-title-wrapper {
max-width: 60%;
}
.daviner-is-item {
padding: 20px 25px 20px 30px;
gap: 20px;
}
.daviner-is-item-icon {
width: 100px;
}
.our-benefits-caption {
max-width: 55%;
}
.our-benefits-image {
max-width: 40%;
}
.cases-head-wrapper {
grid-template-columns: 1fr;
grid-gap: 50px;
}
.cases-head-need-solution-wrapper {
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}
.article-card-category {
left: 15px;
top: 15px;
}
.blog-post-wrapper {
grid-gap: 20px;
}
.list-two-image-right {
grid-template-columns: 1fr;
}
.left-list-item-title {
padding-left: 35px;
}
.left-list-delimeter {
margin: 30px 0;
}
.profile-accordeon-wrapper {
grid-template-columns: 1fr 2fr;
grid-gap: 20px;
}
.our-offer-wrapper {
grid-template-columns: 1fr 2fr 1fr;
}
.our-offer-list-benefit-item-title {
height: auto;
-webkit-line-clamp: unset;
}
.our-offer-list-benefit-item {
padding-left: 35px;
}
.our-warranty-content {
padding: 40px 50px;
}
.our-warranty-list {
grid-gap: 20px;
}
.pillars-methodology-item {
padding: 30px 30px 0;
}
.pillars-methodology-item > img {
margin: 0 0 20px;
width: 100px;
}
.get-file-content {
padding: 40px 0;
}
.profile-accordeon-item-content {
padding: 30px 20px 0 20px;
}
.profile-accordeon-item-content {
grid-template-columns: repeat(2, 1fr);
grid-gap: 40px;
}
.profile-accordeon-item-number {
margin-right: 25px;
}
.profile-accordeon-item-delimiter {
width: 55px;
margin-right: 40px;
}
.profile-accordeon-item-description > ul > li {
padding-left: 25px;
}
.profile-accordeon-item-description > ul > li:before {
left: 5px;
}
.reserve-video-call-caption {
width: 70%;
}
.reserve-video-call-wrapper {
grid-gap: 60px;
}
.right-list-item-description,
.right-list-item-title {
padding-left: 40px;
}
.right-list-item-title > svg {
top: 2px;
}
.complete-methodology-item-title > img {
width: 60px;
height: auto;
}
.complete-methodology-item-wrapper {
grid-gap: 40px;
}
.complete-methodology-item-title {
font-size: 16px;
}
.complete-methodology-wrapper {
grid-gap: 60px;
}
.freedom-begins-here-wrapper {
grid-template-columns: 1fr 2fr;
grid-gap: 40px;
}
.freedom-begins-here-content-item-icon,
.inview .freedom-begins-here-content-item-icon,
.freedom-begins-here-content-item > img {
width: 100px;
}
.container-large {
padding: 0 20px;
}
.container-post {
padding: 0 20px;
}
.post-top-wrapper {
grid-template-columns: 1fr 2fr;
grid-gap: 40px;
}
.related-articles-wrapper {
grid-gap: 20px;
}
}
@media(max-width: 900px) {
#schedules-calendar+div {
padding: 20px;
}
.site-cookie {
bottom: 10px;
}
.site-cookie-wrapper {
flex-direction: column;
align-items: center;
justify-content: center;
gap: 15px;
padding: 15px;
}
.title-subtitle-top-wrapper .title,
.title-subtitle-top-wrapper .subtitle-top {
transition: unset;
transition-delay: unset;
}
.hide-900 {
display: none!important;
}
.show-900 {
display: block;
}
.show-flex-900 {
display: flex;
}
.key-figures-wrapper {
grid-template-columns: repeat(2, 1fr);
grid-gap: 51px 31px;
}
.key-figures-delimeter {
display: none;
}
.key-figures-wrapper > div {
position: relative;
}
.key-figures-wrapper > div:first-child:before {
position: absolute;
content: '';
right: -16px;
top: 0;
width: 1px;
height: 100%;
background: var(--color-161616);
opacity: .2;
}
.key-figures-wrapper > div:first-child:after {
position: absolute;
content: '';
left: 0;
bottom: -26px;
width: 100%;
height: 1px;
background: var(--color-161616);
opacity: .2;
}
.key-figures-wrapper > div:last-child:before {
position: absolute;
content: '';
left: -16px;
bottom: 0;
width: 1px;
height: 100%;
background: var(--color-161616);
opacity: .2;
}
.key-figures-wrapper > div:last-child:after {
position: absolute;
content: '';
right: 0;
top: -26px;
width: 100%;
height: 1px;
background: var(--color-161616);
opacity: .2;
}
.boost-top-wrapper {
flex-direction: column;
gap: 18px;
margin: 0 0 25px;
}
.boost-item {
width: 48px;
}
.boost-top-wrapper {
align-items: flex-start;
}
.boost-bottom-wrapper {
grid-gap: 29px;
}
.benefit-item {
padding: 20px 25px 20px 20px;
}
.video-meeting-content {
padding: 30px 25px 36px;
}
.home-challenges-wrapper {
grid-template-columns: 1fr;
grid-gap: 25px;
}
.home-challenges-right {
gap: 20px;
}
.contact-us-wrapper {
grid-template-columns: 1fr;
grid-gap: 30px;
}
.latest-articles-wrapper {
grid-template-columns: 1fr;
margin: 0 0 30px;
}
.latest-articles-wrapper > div {
display: none;
}
.latest-articles-wrapper > div:first-child {
display: block;
width: 100%;
height: 0;
padding-bottom: 100%;
}
#swiper-latest-articles .swiper-slide {
width: 264px;
}
.site-footer-top-wrapper {
grid-template-columns: 1fr;
grid-gap: 25px;
}
.site-footer-logo {
height: 92px;
}
.site-footer-logo > a {
height: 100%;
display: flex;
}
.company-menu {
width: 25%;
}
.profiles-menu, .expertise-menu {
width: 35%;
}
.site-footer-top-right-title {
margin: 0 0 10px;
}
.our-benefits-wrapper {
flex-direction: column;
gap: 19px;
}
.our-benefits-caption {
max-width: 100%;
}
.our-benefits-image {
max-width: calc(100% - 63px);
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
.daviner-is-item {
flex-direction: column;
}
.founders-item:nth-child(even) .founders-item-caption,
.founders-item-caption {
max-width: 100%;
padding: 53px 19px 29px 20px;
}
.founders-item {
padding-top: 240px;
}
.founders-item-photo {
top: 0;
left: 50%;
transform: translateX(-50%);
width: 256px;
height: 256px;
padding-bottom: 0;
}
.founders-item:nth-child(even) .founders-item-photo {
left: 50%;
right: unset;
}
.inview .founders-item:nth-child(even) .founders-item-photo,
.inview .founders-item-photo {
transform: translateX(-50%);
opacity: 1;
visibility: visible;
}
.founders-wrapper {
grid-gap: 30px;
}
.our-values-wrapper {
grid-template-columns: 1fr;
}
.join-team-main-wrapper {
grid-template-columns: 1fr;
grid-gap: 20px;
}
.join-team-vacancy-link-left > svg {
width: 42px;
height: auto;
}
.join-team-icon-text {
justify-content: flex-start;
margin: 25px 0 0;
}
.join-team-title-wrapper,
.title-subtitle-top-wrapper .title {
max-width: 100%;
}
.join-team-title-wrapper {
margin: 0 0 10px;
}
.cases-head-need-solution-wrapper {
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
}
.cases-head-wrapper {
grid-gap: 10px;
}
.cases-list-wrapper {
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.case-info-left {
padding: 35px 15px 35px 35px;
}
.case-info-right {
padding: 35px 36px 35px 30px;
}
.blog-post-wrapper {
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
}
.article-video-card {
height: 0;
width: 100%;
padding-bottom: 100%;
}
.related-articles-wrapper {
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
}
.related-articles-wrapper > div:last-child {
display: none;
}
.list-two-image-wrapper {
display: flex;
flex-direction: column;
}
.list-two-image-img {
position: relative;
max-width: 100%;
padding-bottom: 100%;
}
.list-two-image-icon {
position: relative;
z-index: 3;
max-width: 100%; }
.list-two-image-right {
width: 100%;
position: relative;
padding-bottom: 0;
}
.profile-accordeon-wrapper {
grid-template-columns: 1fr;
grid-gap: 25px;
}
.profile-accordeon-item-content {
padding: 30px 0 0;
}
.our-offer-wrapper {
display: flex;
flex-direction: column;
width: 100%;
}
.our-offer-middle-content {
order: 1;
padding: 24px 0 23px;
}
.our-offer-middle-caption {
position: relative;
left: unset;
top: unset;
width: auto;
transform: unset;
}
.our-offer-middle-content > img {
position: absolute;
height: 100%;
width: auto;
left: 50%;
top: 0;
transform: translateX(-50%);
}
.our-offer-list-benefits {
order: 2;
width: 100%;
grid-gap: 15px;
}
.our-offer-list-benefit-item > svg {
top: 0;
}
.our-warranty-top-wrapper {
flex-direction: column;
gap: 25px;
margin: 0 0 22px;
align-items: flex-start;
}
.our-warranty-title {
max-width: 100%;
}
.our-warranty-list {
grid-template-columns: 1fr;
}
.our-warranty-list-delimeter {
width: 100%;
height: 1px;
}
.pillars-methodology-wrapper {
grid-template-columns: 1fr;
grid-gap: 25px;
}
.pillars-methodology-delimeter {
width: 100%;
height: 1px;
}
.pillars-methodology-item {
display: flex;
flex-direction: column;
align-items: center;
}
.pillars-methodology-item * {
text-align: center;
}
.pillars-methodology-item-description > ul > li {
text-align: left;
}
.get-file-content {
padding: 30px 19px;
}
.get-file-text,
.get-file-title {
text-align: center;
}
.reserve-video-call-wrapper {
grid-template-columns: 1fr;
}
.reserve-video-call-caption {
width: 80%;
top: unset!important;
bottom: 0!important;
transform: unset!important;
}
.reserve-video-call-left {
padding-bottom: 165px;
}
.reserve-video-call-left.small-t-padding {
padding-bottom: 30px;
}
.reserve-video-call-video {
width: 80%;
padding-bottom: 80%;
}
.complete-methodology-wrapper-active,
.complete-methodology-wrapper:before,
.complete-methodology-item-number {
display: none;
}
.complete-methodology-item-wrapper {
grid-template-columns: 1fr;
grid-gap: 19px;
}
.complete-methodology-item-title {
height: 82px;
}
.complete-methodology-item-title.left:before {
border-left: 41px solid transparent;
border-right: 41px solid #FFF;
border-bottom: 41px solid transparent;
}
.complete-methodology-item-title.left:after {
border-left: 41px solid #FFF;
border-right: 41px solid transparent;
border-bottom: 41px solid transparent;
}
.complete-methodology-item-description {
margin-top: 0;
}
.complete-methodology-item-title.right {
order: -1;
}
.complete-methodology-item-title.right:before {
border-left: 41px solid #FFF;
border-right: 41px solid transparent;
border-bottom: 41px solid transparent;
}
.complete-methodology-item-title.right:after {
border-left: 41px solid transparent;
border-right: 41px solid #FFF;
border-bottom: 41px solid transparent;
}
.complete-methodology-wrapper {
grid-gap: 25px;
}
.freedom-begins-here-wrapper {
grid-template-columns: 1fr;
}
.boost-packages-title-wrapper {
margin-bottom: 40px;
}
.boost-packages-wrapper {
grid-template-columns: repeat(2, 1fr)!important;
grid-gap: 15px;
}
}
@media(max-width: 700px) {
.home-challenges-mobile {
display: grid;
grid-template-columns: 1fr;
grid-gap: 1px;
}
.home-challenges-mobile-item > a {
padding: 0 15px;
height: 50px;
position: relative;
color: rgba(22, 22, 22, .6);
font-family: var(--ff-unbo);
font-style: normal;
font-weight: 600;
line-height: 130%; letter-spacing: 0.14px;
transition: .3s;
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
}
.home-challenges-mobile-item > a > svg {
flex-shrink: 0;
width: 14px;
transition: .3s;
}
.home-challenges-mobile-item > a.active > svg {
transform: rotate(180deg);
}
.home-challenges-mobile-item > a.active {
padding: 0 15px 0 41px;
color: var(--color-161616);
}
.home-challenges-mobile-item > a:after {
position: absolute;
content: '';
left: 15px;
top: 50%;
transform: translateY(-50%);
border-radius: 2px;
width: 8px;
height: 8px;
background: var(--color-FFC600);
opacity: 0;
visibility: hidden;
transition: .3s;
}
.home-challenges-mobile-item > a.active:after {
opacity: 1;
visibility: visible;
}
.home-challenges-mobile-item > a:before {
position: absolute;
content: '';
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: var(--color-D9D9D9);
transition: .3s;
}
.home-challenges-mobile-item > a.active:before {
background: var(--color-161616);
}
.home-challenges-content {
display: none;
padding: 20px 0 32px;
}
.home-challenges-content > img {
margin: 0 0 25px;
}
.home-challenges-content-top-title {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 700;
line-height: 140%; margin: 0 0 8px;
}
.home-challenges-content-top-text {
color: var(--color-161616);
font-family: var(--ff-mont);
font-style: normal;
font-weight: 500;
line-height: 140%; }
.home-challenges-content-top-text+.home-challenges-content-top-title {
margin-top: 8px;
}
.home-challenges-content-top {
margin: 0 0 20px;
}
.home-challenges-content-bottom {
display: grid;
grid-template-columns: 1fr;
grid-gap: 5px;
}
.home-challenges-content-bottom > a {
width: 100%;
text-align: center;
}
.boost-packages-title-wrapper {
margin-bottom: 25px;
}
.boost-packages-wrapper {
grid-template-columns: 1fr!important;
grid-gap: 20px;
}
.site-burger {
max-width: 100%;
}
.font-s-11 {
font-size: 9px;
}
.font-s-12 {
font-size: 9px;
}
.font-s-13 {
font-size: 11px;
}
.font-s-14 {
font-size: 12px;
}
.post-text > ol > li {
font-size: 12px;
}
.post-text > ol > li::marker {
font-size: 12px;
}
.post-text > ul > li,
.font-s-15 {
font-size: 13px;
}
.case-info-problems-text > p,
.case-info-solution-text > p,
.case-info-problems-text > ul > li,
.case-info-solution-text > ul > li,
.post-text > p,
.font-s-16 {
font-size: 14px;
}
.case-info-problems-text > ul > li,
.case-info-solution-text > ul > li,
.pillars-methodology-item-description > ul > li {
padding-left: 22px;
}
.case-info-problems-text > ul > li:before,
.case-info-solution-text > ul > li:before,
.pillars-methodology-item-description > ul > li:before {
top: 7px;
left: 10px;
}
.boost-description > p,
.font-s-18 {
font-size: 14px;
}
.font-s-20 {
font-size: 14px;
}
.post-text > h3,
.post-text > blockquote > *,
.post-text > h2,
.font-s-22 {
font-size: 16px;
}
.font-s-30 {
font-size: 18px;
}
.font-s-38 {
font-size: 20px;
}
.font-s-48 {
font-size: 26px;
}
.font-s-58 {
font-size: 30px;
}
.font-s-62 {
font-size: 32px;
}
.home-banner-title {
height: calc(1.3 * 32px * 3);
}
.video-meeting-title {
height: calc(1.2 * 20px * 2);
}
.hide-700 {
display: none!important;
}
.show-700 {
display: block;
}
.show-flex-700 {
display: flex;
}
.post-text > ul > li {
padding-left: 28px;
}
.post-text > ul > li:before {
top: 5.5px;
left: 11px;
}
.post-text > ul > li+li {
margin-top: 20.25px;
}
.post-text > blockquote {
padding: 26px 24px 25px 26px;
}
.post-text > blockquote:before {
left: 25px;
top: 25px;
width: 18px;
height: 18px;
}
.container-default {
padding: 0 10px;
}
.site-header .btn-default-green-border {
padding: 0;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
}
.home-banner-title {
margin: 0 0 10px;
}
.home-banner-text {
margin: 0 0 20px;
}
.home-banner-images-item > a {
left: 14px;
bottom: 14px;
max-width: calc(100% - 32px);
}
.home-banner-images-item {
padding-bottom: 74.86%;
}
.home-banner-images-item.high {
padding-bottom: 119.53%;
}
.home-banner-images-item:nth-child(odd) {
margin-top: 5px;
}
.home-banner-images {
column-gap: 5px;
}
.key-figures-title {
margin: 0 0 27px;
}
.key-figures-content {
padding: 30px 19px 32px;
}
.boost-wrapper {
gap: 5px;
}
.boost-icon-wrapper {
padding-right: 23px;
gap: 13px;
}
.boost-icon {
width: 51px;
flex-shrink: 0;
}
.boost-item-full-wrapper {
padding: 15px 14px 15px 15px;
}
.boost-item-letter {
margin: 0 0 10px;
}
.boost-item-text {
left: 15px;
bottom: 15px;
right: 14px;
}
.short-boost-item-title {
min-height: 150px;
}
.short-boost-item-delimeter {
height: 50px;
}
.boost-item-short-wrapper {
gap: 16px;
}
.boost-item-short-wrapper {
padding: 15px 0 18px;
}
.boost-item-short-wrapper > svg {
width: 12px;
height: auto;
}
.new-level-title-wrapper {
align-items: center;
justify-content: center;
margin: 0 0 20px;
}
.new-level-wrapper {
grid-template-columns: 1fr;
grid-gap: 0;
}
.new-level-delimeter {
width: 100%;
height: 1px;
margin: 25px 0 15px;
}
.benefit-icon {
width: 80px;
height: 80px;
margin: 0 auto 10px;
}
.benefit-item-name {
text-align: center;
margin-bottom: 10px;
font-weight: 400;
}
.benefit-item-text {
text-align: center;
}
.title-subtitle-top-wrapper .title {
text-align: center;
}
.benefit-item {
padding: 10px 25px 0;
}
.video-meeting-title {
margin-bottom: 13px;
padding: 0 14px;
}
.video-meeting-text {
margin-bottom: 20px;
padding: 0 5px;
}
.video-meeting-content .btn-default-white {
width: 100%;
}
.btn-default-white {
padding: 9.5px 19.5px;
}
.home-challenges-title {
margin-bottom: 10px;
padding: 0 10px;
}
.home-challenges-description {
padding: 0 14px 0 15px;
margin-bottom: 25px;
}
.home-challenges-left {
display: flex;
flex-direction: column-reverse;
gap: 22.5px;
}
.home-challenges-images {
width: 100%;
max-width: calc(100vw - 20px);
}
.home-challenges-list-names {
flex-direction: row;
max-width: calc(100vw - 10px);
padding-right: 10px;
overflow-x: auto;
}
.home-challenges-list-names > a {
padding: 5px 8px 6px 15px;
height: 67px;
width: 232px;
flex-shrink: 0;
align-items: flex-start;
}
.home-challenges-list-names > a.active {
padding-left: 38px;
width: 264px;
}
.home-challenges-list-names > a:before {
left: 16px;
}
.home-challenges-list-names > a.active:before {
width: 8px;
height: 8px;
}
.home-challenges-right {
max-width: calc(100vw - 20px);
}
.home-challenges-right-top-title {
margin-bottom: 8px;
}
.home-challenges-right-top-text+.home-challenges-right-top-title {
margin-top: 8px;
}
.home-challenges-right-bottom {
grid-gap: 5px;
}
.title-subtitle-top-wrapper .title {
text-align: left;
}
.title-subtitle-top-wrapper .text {
margin-top: 11px;
}
.your-needs-title-wrapper {
margin-bottom: 25px;
padding: 0;
}
#swiper-expertise .swiper-slide {
width: 264px;
}
.expertise-card {
padding: 25px 20px 27px;
}
.expertise-card-icon {
margin-bottom: 16px;
width: 36px;
height: 40px;
}
.expertise-card-name {
height: calc(1.35 * 14px * 3);
margin-bottom: 15px;
}
.expertise-card > * {
width: 100%;
}
.expertise-card-delimeter {
margin: 15px 0;
}
.expertise-card-benefits > li+li {
margin-top: 10px;
}
.our-technologies-title-wrapper .title {
text-align: center;
}
.our-technologies-title-wrapper {
margin-bottom: 25px;
padding: 0;
}
.home-cases-title-action-wrapper {
margin-bottom: 25px;
}
.home-cases .btn-start-wrapper {
margin: 25px 0 0;
}
.home-cases .btn-start-wrapper > a {
width: 100%;
}
#swiper-cases .swiper-slide {
width: 264px;
}
.case-card-name > svg {
width: 18px;
height: auto;
top: -2px;
left: -2px;
}
.case-card-name {
margin-bottom: 20px;
}
.case-card {
padding: 22px 20px 22px 22px;
}
.btn-default-green {
text-align: center;
}
.review-content {
padding: 60px 0 0;
}
.rating-wrapper {
margin-bottom: 32.75px;
}
.review-card-text {
margin-bottom: 34px;
}
.review-card {
padding-bottom: 0;
}
.home-latest-articles .btn-end-wrapper {
margin-top: 25px;
}
.home-latest-articles .btn-end-wrapper > a {
width: 100%;
text-align: center;
}
.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
margin-top: 24px;
max-width: 200px;
}
.article-card-excerpt {
height: calc(1.5 * 14px * 3);
-webkit-line-clamp: 3;
margin-bottom: 17px;
}
.article-card-name {
margin-bottom: 5px;
}
.double-form-field-wrapper {
grid-template-columns: 1fr; } .form-field-wrapper > a {
margin-top: 10px;
}
.form-field input, .form-field textarea {
padding: 10.5px 14px;
font-size: 14px;
}
.contact-us-title {
margin-bottom: 10px;
}
.contact-us-form-title {
margin-bottom: 25px;
}
.site-footer-menu-wrapper {
flex-direction: column;
gap: 27px;
}
.site-footer-menu-wrapper > div {
width: 100%;
}
.site-footer-menu-title {
margin-bottom: 17px;
font-size: 10px;
}
.site-footer-menu ul.menu > li {
padding: 0;
}
.site-footer-menu ul.menu > li+li {
margin-top: 14px;
}
.site-footer-top-right {
display: flex;
flex-direction: column;
align-items: flex-start;
} .site-footer-bottom-wrapper {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 6px;
}
.site-footer-logo {
height: 40px;
}
.reserve-video-call .page-title {
margin-bottom: 15px;
}
.reserve-video-call-caption > img {
margin-bottom: 15px;
width: 63px;
}
.reserve-video-call-right-list-delimeter {
margin: 20px 0 19px;
}
.right-list-item-title > svg {
width: 20px;
height: auto;
}
.pillars-methodology-item > img {
width: 80px;
margin-bottom: 10px;
}
.pillars-methodology-item {
padding: 15px 20px 0;
}
.pillars-methodology-item:last-child {
padding-bottom: 28px;
}
.pillars-methodology-title-wrapper {
margin-bottom: 20px;
padding: 0;
}
.complete-methodology-title-wrapper {
margin-bottom: 25px;
}
.complete-methodology-item-description > p {
font-size: 14px;
margin: 0 0 15px;
}
.complete-methodology-item-description > ul > li {
padding-left: 28px;
font-size: 14px;
}
.complete-methodology-item-description > ul > li:before {
left: 11px;
top: 7px;
}
.complete-methodology-item-description > ul > li+li {
margin-top: 8px;
}
.get-file-content {
padding: 30px 25px;
}
.get-file-title {
padding: 0 14px;
margin-bottom: 19px;
text-align: center;
}
.get-file-text {
padding: 0 4.5px;
margin-bottom: 38px;
}
.get-file-content > div.btn-center-wrapper {
flex-direction: column;
gap: 5px;
width: 100%;
}
.get-file-content > div.btn-center-wrapper > a {
width: 100%;
text-align: center;
}
.freedom-begins-here-content-wrapper {
grid-template-columns: 1fr;
}
.btn-default-green-border-white {
padding: 9.5px 19.5px;
}
.freedom-begins-here-content-item:after,
.freedom-begins-here-content-item:before {
display: none!important;
}
.freedom-begins-here-content-item {
padding-bottom: 10px;
border-bottom: 1px solid var(--color-B8B8B8);
}
.freedom-begins-here-content-item:last-child {
padding-bottom: 0;
border-bottom: none;
}
.freedom-begins-here-content-item-icon,
.inview .freedom-begins-here-content-item-icon,
.freedom-begins-here-content-item > img {
width: 80px;
}
.freedom-begins-here-wrapper {
grid-gap: 23px;
}
.freedom-begins-here-content-wrapper {
grid-gap: 6px;
}
.daviner-is-list {
grid-template-columns: 1fr;
grid-gap: 25px;
margin-bottom: 35px;
}
.daviner-is-item {
padding: 0 9px;
}
.daviner-is-item:before,
.daviner-is-item:after {
display: none!important;
}
.daviner-is-item {
padding-bottom: 25px;
border-bottom: 1px solid var(--color-B8B8B8);
gap: 10px;
}
.daviner-is-item:last-child {
padding-bottom: 0;
border: none;
}
.daviner-is-title-wrapper {
margin: 0 0 30px;
padding: 0;
}
.daviner-is-item-icon {
width: 79px;
}
.daviner-is-item-title {
padding: 0 28.5px;
text-align: center;
margin-bottom: 10px;
}
.daviner-is-item-description {
text-align: center;
}
.founders-title-wrapper {
margin: 0 0 23px;
padding: 0 47px;
}
.founders-title-wrapper .title {
text-align: center;
}
.founders-item-title {
margin-bottom: 14px;
}
.founders-item-description > p {
font-size: 14px;
}
.founders-item-description {
margin-bottom: 20px;
}
.founders-item-strength {
gap: 13px;
align-items: flex-start;
margin-bottom: 28px;
}
.founders-item-strength > img {
width: 56px;
}
.our-values-content-wrapper {
grid-template-columns: 1fr;
grid-gap: 25px;
}
.our-values-content-item:after,
.our-values-content-item:before {
display: none!important;
}
.our-values-content-item {
padding: 0 23px 25px 36px;
border-bottom: 1px solid var(--color-B8B8B8);
}
.our-values-content-item:last-child {
padding-bottom: 0;
border-bottom: none;
}
.our-values-content-item > svg {
left: 0;
top: 2px;
width: 20px;
height: auto;
}
.our-values-content-item-name {
margin-bottom: 10px;
}
.join-team-top-wrapper {
margin-bottom: 10px;
}
.join-team-title-wrapper {
margin: 0;
padding: 0;
}
.join-team-vacancy-item > a {
gap: 43px;
}
.join-team-icon-text {
gap: 14px;
}
.join-team-icon-text > img {
width: 56px;
}
.join-team .btn-default-green {
width: 100%;
}
.join-team-short-text {
margin-bottom: 20px;
}
.join-team-short-text > p {
font-size: 14px;
}
.founders-item-title > svg {
width: 18px;
height: auto;
}
.cases-head-need-list {
padding: 16px 14px 15px 15px;
gap: 8px;
}
.cases-head-solution-list {
padding: 16px 14px 15px 15px;
gap: 8px;
}
.cases-head-need-list > div > svg,
.cases-head-solution-list > div > svg {
width: 16px;
height: auto;
}
.cases-head-need-list > div > span,
.cases-head-solution-list > div > span {
padding-top: 0;
}
.cases-head-need-list > div,
.cases-head-solution-list > div {
font-size: 9px;
}
.cases-head-need-solution-image {
max-width: 200px;
margin: 0 auto 22px;
}
section.page-breadcrumb+section {
padding-top: 27px!important;
}
section.cases-list {
padding-top: 30px!important;
}
.cases-list-wrapper {
grid-template-columns: 1fr;
grid-gap: 10px;
}
.case-info-wrapper {
grid-template-columns: 1fr;
}
.case-info-left {
padding: 30px 24px 25px 20px;
}
.case-info-right {
padding: 25px 34px 35px 20px;
}
.case-info-title {
margin: 0 0 20px;
}
.case-info-profile-title {
margin: 0 0 10px;
}
.case-info-profile-text {
margin: 0 0 15px;
}
.case-info-number-employees {
margin: 0 0 10px;
}
.case-info-problems-title, .case-info-solution-title {
margin: 0 0 8px;
}
.case-info-solution-title {
margin-top: 15px;
}
.blog-post-wrapper {
grid-template-columns: 1fr;
}
.blog-delimeter {
margin: 22px 0;
}
.page-blog .page-title {
margin-bottom: 10px;
}
.blog-categories-list {
gap: 10px;
margin: 0 0 20px;
}
.blog-categories-list > a {
padding: 7px 8px;
}
.page-breadcrumb-list ol > li {
display: none;
}
.page-breadcrumb-list ol > li:first-child,
.page-breadcrumb-list ol > li:last-child {
display: list-item;
}
.page-breadcrumb-list ol {
gap: 10px;
}
.page-breadcrumb-list ol > li:last-child,
.page-breadcrumb-list ol > li > a {
font-size: 10px;
}
.post-top-wrapper {
grid-template-columns: 1fr;
grid-gap: 20px;
padding-bottom: 21px;
margin-bottom: 20px;
}
.post-date {
margin-top: 17px;
}
.page-breadcrumb-list ol > li+li {
padding-left: 14px;
}
.post-share-wrapper > a {
width: 29px;
height: 29px;
}
.post-share-wrapper > a > svg {
max-width: 13px;
max-height: 13px;
}
.related-articles-title-wrapper {
margin-bottom: 26px;
}
.profile-accordeon-item-content {
grid-template-columns: 1fr;
grid-gap: 16px;
}
.profile-accordeon-item-delimiter {
width: 40px;
margin-right: 20px;
}
.profile-accordeon-item-number {
width: 34px;
text-align: left;
margin-right: 10px;
}
.profile-accordeon-list-item {
padding: 21px 20px;
}
.profile-accordeon-item-title > svg {
width: 12px;
height: auto;
}
.profile-accordeon-item-description > ul > li {
font-size: 14px;
}
.profile-accordeon-item-result {
padding-left: 71px;
position: relative;
}
.profile-accordeon-item-result > img {
width: 61px;
height: auto;
margin: 0;
position: absolute;
left: 0;
top: 0;
}
.our-offer-title-wrapper .title {
text-align: center;
margin-bottom: 10px;
}
.our-offer-title-wrapper {
margin: 0;
}
.our-offer-description {
margin: 0 0 11px;
}
.our-warranty-content {
padding: 28px 20px 36px;
}
.our-warranty-list-item-title {
margin: 0;
}
.our-warranty-list-item-description {
margin: 5px 0 0;
}
.our-warranty-icon > img {
width: 56px;
flex-shrink: 0;
}
.our-warranty-list-item-title:before {
width: 18px;
height: 18px;
top: -2px;
left: -2px;
}
.pillars-methodology-title-wrapper .title {
text-align: center;
padding: 0 30px;
}
.pillars-methodology-item-title {
max-width: 221px;
text-align: center;
margin-bottom: 10px;
}
.pillars-methodology-item p:first-child {
margin-top: 0;
}
.pillars-methodology-item p:last-child {
margin-bottom: 0;
}
.text-content .page-title {
margin-bottom: 20px;
}
.post-text {
margin-bottom: 20px;
}
.post-text > p {
margin: 0 0 12px;
}
.post-text > h2 {
margin: 20px 0 15px;
}
.post-text > ul {
margin: 0 0 15px;
}
.contact-popup-title {
margin-bottom: 20px;
}
.new-level-title-wrapper .title {
text-align: center;
}
.home-cases-title-action-wrapper {
justify-content: center;
text-align: center;
}
.video-card-name {
left: 20px;
bottom: 20px;
max-width: calc(100% - 41px);
}
.join-team-vacancy-text.post-text {
padding: 20px;
}
.contact-us-social-wrapper > a {
width: 40px;
height: 40px;
flex-shrink: 0;
}
}
/* GTS Agency End