@charset "UTF-8";
@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;
}
.modal__close {
display: none;
}
.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;
}
#loadmore {
margin: 30px 0px 0px 0px;
margin-left: 62.5%;
transform: translateX(-50%);
}
@media (max-width: 1048px) {
#loadmore {
margin: 30px 0px 0px 0px;
margin-left: 50%;
transform: translateX(-50%);
}
}
.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-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, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(
to left,
rgba(0, 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, 0.5),
rgba(0, 0, 0, 0)
);
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(
to top,
rgba(0, 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, 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-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: 0.35;
cursor: auto;
pointer-events: none;
}
.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;
text-transform: none;
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: 0.3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.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(0.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(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.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, 0.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: 0.2s transform, 0.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: 0.2s transform, 0.2s left;
}
.swiper-horizontal.swiper-rtl
> .swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
transition: 0.2s transform, 0.2s right;
}
.swiper-pagination-progressbar {
background: rgba(0, 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, 0.1);
}
.swiper-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.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, 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%;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
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: 0.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;
}
@font-face {
font-family: "CharterITC";
src: url(//onecta.ru/wp-content/themes/onecta/assets/CharterITC.eot);
src: url(//onecta.ru/wp-content/themes/onecta/assets/CharterITC.woff) format("woff"),
url(//onecta.ru/wp-content/themes/onecta/assets/CharterITC.ttf) format("truetype"),
url(//onecta.ru/wp-content/themes/onecta/assets/CharterITC.svg) format("svg"),
url(//onecta.ru/wp-content/themes/onecta/assets/CharterITC.otf) format("otf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Unica77LLCyr-Regular";
src: url(//onecta.ru/wp-content/themes/onecta/assets/Unica77LLCyr-Regular.otf);
} @font-face {
font-family: "Unica77LLCyr-Regular";
src: url(//onecta.ru/wp-content/themes/onecta/assets/Unica77LLCyr-Regular.woff) format("woff"),
url(//onecta.ru/wp-content/themes/onecta/assets/Unica77LLCyr-Regular.ttf) format("truetype"),
url(//onecta.ru/wp-content/themes/onecta/assets/Unica77LLCyr-Regular.svg) format("svg"),
url(//onecta.ru/wp-content/themes/onecta/assets/Unica77LLCyr-Regular.eot) format("oet");
font-weight: normal;
font-style: normal;
}
.wrapper {
width: 100%;
min-width: 280px;
min-height: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
}
.with-overflow {
overflow: visible;
}
body {
font-family: "Unica77LLCyr-Regular", Arial;
font-size: 16px;
color: #000;
width: auto;
max-width: 2560px;
margin: 0 auto;
}
body.hide {
overflow: hidden;
padding-right: 17px;
}
@media (max-width: 1025px) {
body.hide {
padding-right: 0;
}
}
.main {
flex: 1 1 auto;
}
._container {
max-width: 1100px;
margin: 0 auto;
padding: 0 20px;
}
.pcb {
display: block !important;
}
@media (max-width: 980px) {
.pcb {
display: none !important;
}
}
.mb {
display: none !important;
}
@media (max-width: 980px) {
.mb {
display: block !important;
}
}
.pcf {
display: flex !important;
}
@media (max-width: 980px) {
.pcf {
display: none !important;
}
}
.mf {
display: none !important;
}
@media (max-width: 980px) {
.mf {
display: flex !important;
}
}
.pcg {
display: grid !important;
}
@media (max-width: 980px) {
.pcg {
display: none !important;
}
}
.mg {
display: none !important;
}
@media (max-width: 980px) {
.mg {
display: grid !important;
}
}
.textcontent {
font-size: 19px;
line-height: 127%;
}
.textcontent h1 {
font-size: 32px !important;
}
.textcontent h2 {
font-size: 28px !important;
}
.textcontent h3 {
font-size: 26px !important;
}
.textcontent h4 {
font-size: 24px !important;
}
.textcontent h5 {
font-size: 20px !important;
}
.textcontent h6 {
font-size: 18px !important;
}
.textcontent h1,
.textcontent h2,
.textcontent h3,
.textcontent h4,
.textcontent h5,
.textcontent h6 {
font-weight: 700;
line-height: 140%;
}
.textcontent h1,
.textcontent h2,
.textcontent h3,
.textcontent h4,
.textcontent h5,
.textcontent h6,
.textcontent p,
.textcontent ul,
.textcontent ol,
.textcontent image,
.textcontent frame,
.textcontent video,
.textcontent iframe,
.textcontent table {
margin: 0px 0px 1rem 0px;
}
.textcontent .is-style-regular td {
border: 1px solid #000;
padding: 4px;
}
.textcontent td {
padding: 4px 0px;
}
.textcontent a {
color: #000;
}
.textcontent a:hover {
text-decoration: underline;
}
.textcontent ol {
display: block;
margin-left: 14px !important;
}
.textcontent ul {
margin-left: 10px;
}
.textcontent ol {
padding-left: 12px;
}
.textcontent ol li {
list-style: decimal outside;
padding-left: 6px;
}
.textcontent ul li {
list-style: disc inside;
}
@media (max-width: 980px) {
.textcontent {
font-size: 14px;
}
.textcontent h1 {
font-size: 28px !important;
}
.textcontent h2 {
font-size: 24px !important;
}
.textcontent h3 {
font-size: 22px !important;
}
.textcontent h4 {
font-size: 20px !important;
}
.textcontent h5 {
font-size: 18px !important;
}
.textcontent h6 {
font-size: 16px !important;
}
.textcontent h1,
.textcontent h2,
.textcontent h3,
.textcontent h4,
.textcontent h5,
.textcontent h6,
.textcontent p,
.textcontent ul,
.textcontent ol,
.textcontent image,
.textcontent frame,
.textcontent video,
.textcontent iframe,
.textcontent table {
margin: 0px 0px 0.75rem 0px;
}
.textcontent ul {
margin-left: 6px;
}
.textcontent ol {
padding-left: 8px;
}
}
.btn {
background: #50bd4e;
border-radius: 36px;
width: 270px;
height: 50px;
font-size: 22px;
line-height: 108%;
display: flex;
align-items: center;
justify-content: center;
letter-spacing: -0.02em;
color: #fff;
cursor: pointer;
transition: all 0.3s ease 0s;
}
@media (max-width: 980px) {
.btn {
font-size: 18px;
}
}
.btn:hover {
background-color: #3c8a3a;
}
.open_poup1,
.open_poup2 {
cursor: pointer;
}
* {
padding: 0;
margin: 0;
border: 0;
}
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
:focus,
:active {
outline: none;
}
a:focus,
a:active {
outline: none;
}
nav,
footer,
header,
aside {
display: block;
}
html,
body {
height: 100%;
width: 100%;
font-size: 100%;
line-height: 1;
font-size: 14px;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
input,
button,
textarea {
font-family: inherit;
}
input::-ms-clear {
display: none;
}
button {
cursor: pointer;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
a,
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
ul li {
list-style: none;
}
img {
vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
.header {
height: 120px;
display: flex;
align-items: center;
position: relative;
z-index: 500;
}
.header__container {
width: 100%;
display: flex;
justify-content: space-between;
gap: 30px;
padding: 0px 20px;
align-items: stretch;
}
.header__logo-link {
display: block;
margin-right: auto;
}
.header__logo {
height: 40px;
width: auto;
}
.header__language {
align-self: flex-end;
font-size: 22px;
line-height: 106.5%;
letter-spacing: -0.02em;
}
.nav {
margin: 0px 80px 0px 0px;
}
.nav ul {
height: 100%;
display: flex;
align-items: flex-end;
-webkit-align-items: flex-end;
gap: 20px;
row-gap: 10px;
flex-wrap: wrap;
}
.nav a {
font-size: 22px;
line-height: 106.5%;
letter-spacing: -0.02em;
color: #000;
}
.nav a:hover {
text-decoration: underline;
}
@media (max-width: 980px) {
.header {
height: 50px;
position: fixed;
width: 100%;
background: #fff;
}
.main {
padding: 50px 0px 0px 0px;
}
.header__logo {
height: 23px;
width: auto;
}
.header__burger {
width: 22px;
display: flex;
gap: 7px;
flex-direction: column;
cursor: pointer;
}
.header__burger div {
transition: all 0.3s ease 0s;
width: 100%;
height: 3px;
background-color: #000;
}
.header__burger.active div:nth-child(1) {
transform: translateY(10px) rotate(45deg);
}
.header__burger.active div:nth-child(2) {
opacity: 0;
}
.header__burger.active div:nth-child(3) {
transform: translateY(-10px) rotate(-45deg);
}
.mobilenmenu {
position: absolute;
width: 100%;
height: calc(100vh - 50px);
top: 50px;
left: -100%;
background-color: #fff !important;
padding: 20px;
transition: all 0.3s ease 0s;
z-index: 888;
}
.mobilenmenu.active {
left: 0px;
}
.mobilenmenu__mobilenav {
margin: 0px 0px 80px 0px;
}
.mobilenmenu__mobilenav ul {
display: flex;
flex-direction: column;
gap: 20px;
}
.mobilenmenu__mobilenav a {
font-size: 34px;
line-height: 117%;
color: #000;
}
.mobilenmenu__soc {
display: flex;
align-items: center;
gap: 15px;
margin: 0px 0px 11px 0px;
}
.mobilenmenu__link {
max-width: 30px;
max-height: 30px;
}
.mobilenmenu__mininav {
display: flex;
flex-direction: column;
font-size: 18px;
line-height: 164%;
letter-spacing: -0.02em;
color: #989898;
margin: 0px 0px 21px 0px;
}
.mobilenmenu__item {
color: #000;
}
.mobilenmenu__copyr {
font-size: 18px;
line-height: 164%;
letter-spacing: -0.02em;
color: #000;
}
}
.firstblock {
position: relative;
overflow: hidden;
}
.firstblock__bg {
width: 100%;
top: 0px;
left: 0px;
position: absolute;
height: 700px;
}
.firstblock__bg img {
height: 100%;
width: 100%;
object-position: center;
object-fit: cover;
}
.firstblock__content {
position: relative;
z-index: 2;
max-width: 48%;
height: 700px;
padding: 80px 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.firstblock__title {
font-family: "CharterITC"; font-size: 78px;
line-height: 116%;
color: #fff;
margin-bottom: 150px;
}
.firstblock__title-black {
color: black !important;
}
.firstblock__text {
font-size: 36px;
line-height: 110%;
letter-spacing: -0.02em;
color: #fff;
}
.firstblock__pagination {
position: absolute;
z-index: 20;
bottom: 0px;
padding: 20px;
}
.firstblock__pagination .swiper-pagination-bullet {
width: 20px;
height: 20px;
background-color: #fff;
opacity: 1;
}
.firstblock__pagination .swiper-pagination-bullet-active {
background-color: #50bd4e;
}
@media (max-width: 980px) {
.firstblock__bg {
width: 100%;
top: 0px;
left: 0px;
position: absolute;
height: 700px;
}
.firstblock__bg img {
height: 100%;
width: 100%;
max-height: 400px;
object-position: 0% 40%;
object-fit: cover;
}
.firstblock__content {
height: 400px;
max-width: 350px;
padding: 25px 20px 60px 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.firstblock__title {
font-family: "CharterITC";
font-size: 36px;
line-height: 112%;
margin-bottom: 0px;
}
.firstblock__text {
font-size: 18px;
line-height: 110%;
}
}
.info__container {
display: grid;
grid-template-columns: auto auto;
}
.info__part {
height: 100%;
}
.info__part:nth-child(1) {
padding: 35px 20px;
display: flex;
flex-direction: column;
min-height: 100%;
justify-content: space-between;
gap: 50px;
}
.info__top-text {
font-family: "CharterITC";
font-size: 48px;
line-height: 115%;
margin: 0px 0px 25px 0px;
}
.info__b-title {
font-size: 48px;
line-height: 115%;
margin-bottom: 70px;
font-family: "CharterITC";
}
.info__grid {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 40px;
row-gap: 50px;
margin-bottom: 77px;
}
.iitem__img {
width: 60px;
height: 60px;
margin-bottom: 15px;
}
.iitem__title {
margin-bottom: 13px;
font-size: 18px;
line-height: 110%;
letter-spacing: -0.02em;
}
.iitem__text {
font-size: 19px;
line-height: 105%;
letter-spacing: -0.02em;
font-family: "CharterITC";
}
.team__container {
display: grid;
grid-template-columns: 1fr 1fr;
}
.team__info-cube {
width: 360px;
height: 360px;
}
.team__info-cube_1 {
background: #4a4a4a;
padding: 15px 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
grid-column-start: 1;
}
.team__info-cube_2 {
background: #50bd4e;
}
.team__circle {
border: 1px solid #fff;
border-radius: 50%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 400;
font-size: 36px;
line-height: 110%;
letter-spacing: -0.02em;
text-align: center;
color: #fff;
padding: 20px;
}
.team__main-text {
color: #50bd4e;
}
.team__main-text p {
font-size: 120px;
line-height: 102%;
font-family: "CharterITC";
}
.team__main-text span {
font-size: 36px;
line-height: 110%;
letter-spacing: -0.02em;
}
.team__joinus {
font-size: 36px;
line-height: 110%;
letter-spacing: -0.02em;
color: #fff;
}
.human {
position: relative;
overflow: hidden;
}
.human__image {
min-height: 460px;
max-height: 460px;
min-width: 360px;
max-width: 360px;
object-fit: cover;
object-position: center;
margin-bottom: 100px;
}
.human__info {
background: #4a4a4a;
width: 100%;
position: absolute;
height: 100%;
padding: 25px 15px 15px 15px;
display: flex;
flex-direction: column;
font-size: 18px;
line-height: 110%;
letter-spacing: -0.02em;
color: #fff;
top: calc(100% - 100px);
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}
.human__name {
margin: 0px 0px 15px 0px;
}
.human__post {
color: #989898;
}
.human__name.director {
color: #50BD4E;
}
.human__text {
margin-top: 50px;
line-height: 115%;
overflow: auto;
height: 100%;
}
.human__text {
scrollbar-width: auto;
scrollbar-color: #949494 #fff;
}
.human__text::-webkit-scrollbar {
width: 5px;
}
.human__text::-webkit-scrollbar-track {
background: #fff;
}
.human__text::-webkit-scrollbar-thumb {
background-color: #949494;
border-radius: 8px;
border: 0px solid #fff;
}
.human:hover .human__info {
top: 0px;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}
@media (max-width: 1115px) {
.info__container {
grid-template-columns: auto;
gap: 30px;
}
.info .pcb {
display: block !important;
}
}
@media (max-width: 1115px) and (max-width: 1115px) {
.info .pcb {
display: none !important;
}
}
@media (max-width: 1115px) {
.info .mb {
display: none !important;
}
}
@media (max-width: 1115px) and (max-width: 1115px) {
.info .mb {
display: block !important;
}
}
@media (max-width: 1115px) {
.info__bottom {
padding: 20px;
}
}
@media (max-width: 1115px) {
.team {
margin: 0px 0px 40px 0px;
}
.team .pcf {
display: flex !important;
}
}
@media (max-width: 1115px) and (max-width: 1115px) {
.team .pcf {
display: none !important;
}
}
@media (max-width: 1115px) {
.team .mf {
display: none !important;
}
}
@media (max-width: 1115px) and (max-width: 1115px) {
.team .mf {
display: flex !important;
}
}
@media (max-width: 1115px) {
.team__info-cube {
width: 100%;
height: 300px;
}
}
@media (max-width: 1115px) {
.team__circle {
width: 100%;
border: none;
}
}
@media (max-width: 1115px) {
.human {
position: relative;
overflow: hidden;
}
.human__image {
min-height: 360px;
max-height: 360px;
min-width: auto;
max-width: 100%;
width: 100%;
object-fit: cover;
object-position: top;
margin-bottom: 70px;
}
.human__info {
background: #4a4a4a;
width: 100%;
position: absolute;
height: 100%;
padding: 30px 10px 10px 10px;
display: flex;
flex-direction: column;
font-size: 18px;
line-height: 110%;
letter-spacing: -0.02em;
color: #fff;
top: calc(100% - 70px);
transition: all 0.5s ease 0s;
}
.human__name {
margin: 0px 0px 30px 0px;
}
.human:hover .human__info {
top: 0px;
}
}
@media (max-width: 768px) {
.info__top-text {
font-size: 24px;
line-height: 106%;
margin: 0px 0px 25px 0px;
}
.info__b-title {
font-size: 24px;
line-height: 106%;
margin-bottom: 40px;
}
.info__grid {
grid-template-columns: 1fr;
row-gap: 37px;
}
.iitem__img {
width: 60px;
height: 60px;
margin-bottom: 15px;
}
.iitem__title {
margin-bottom: 13px;
font-size: 18px;
line-height: 110%;
letter-spacing: -0.02em;
}
.iitem__text {
font-size: 19px;
line-height: 105%;
letter-spacing: -0.02em;
}
.team__container {
display: grid;
grid-template-columns: 1fr 1fr;
}
.team__info-cube_1 {
height: 200px;
background: #4a4a4a;
padding: 15px 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.team__info-cube_2 {
background: #50bd4e;
height: 100px;
}
.team__circle {
border: none;
font-size: 23px;
line-height: 110%;
}
.team__main-text {
color: #50bd4e;
}
.team__main-text p {
font-size: 80px;
line-height: 116%;
}
.team__main-text span {
font-size: 23px;
line-height: 110%;
}
.team__joinus {
font-size: 23px;
}
.human {
position: relative;
overflow: hidden;
}
.human__image {
min-height: 250px;
max-height: 250px;
min-width: auto;
max-width: 100%;
width: 100%;
object-fit: cover;
object-position: top;
margin-bottom: 50px;
}
.human__info {
background: #4a4a4a;
width: 100%;
position: absolute;
height: 100%;
padding: 20px 15px 15px 15px;
display: flex;
flex-direction: column;
font-size: 18px;
line-height: 110%;
letter-spacing: -0.02em;
color: #fff;
top: calc(100% - 50px);
transition: all 0.5s ease 0s;
}
.human__name {
font-size: 12px;
   margin: 0px 0px 15px 0px;
}
.human__text {
font-size: 12px;
line-height: 105%;
}
.human:hover .human__info {
top: 0px;
}
}
.services {
margin-top: 130px;
}
.services__title {
font-size: 48px;
line-height: 115%;
margin-bottom: 60px;
margin-left: 20px;
font-family: "CharterITC";
}
.services__grid {
display: grid;
grid-template-columns: 360px auto;
}
.services__hours {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background: #dedede;
padding: 20px;
}
.services__hours p {
font-size: 160px;
line-height: 87%;
color: #50bd4e;
}
.services__item {
min-height: 150px;
padding: 37px;
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid #4a4a4a;
cursor: pointer;
}
.services__item:last-child {
border-bottom: 1px solid #4a4a4a;
}
.services__name {
font-family: "CharterITC";
font-size: 48px;
line-height: 115%;
}
.services__desc {
font-size: 18px;
line-height: 110%;
letter-spacing: -0.02em;
margin-top: 0px;
overflow: hidden;
transition: all 0.3s ease 0s;
}
.services__icon {
min-width: 30px;
max-width: 30px;
height: 30px;
margin: 15px 0px 0px 0px;
}
.services__icon div {
min-height: 4px;
max-height: 4px;
background-color: #000;
}
.services__icon div:first-child {
transition: all 0.3s ease 0s;
transform: rotate(90deg) translateX(4px);
}
.services__icon.active div:first-child {
transform: rotate(0deg) translateX(0px) translateY(4px);
}
@media (max-width: 980px) {
.services {
margin-top: 130px;
}
.services__title {
font-size: 24px;
line-height: 106%;
margin-bottom: 30px;
}
.services__grid {
grid-template-columns: 1fr;
}
.services__item {
min-height: 150px;
padding: 17px 19px;
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid #4a4a4a;
cursor: pointer;
}
.services__item:last-child {
border-bottom: 1px solid #4a4a4a;
}
.services__name {
font-family: inherit;
font-size: 34px;
line-height: 112%;
}
.services__desc {
font-size: 19px;
line-height: 105%;
height: auto;
margin: 5px 0px 0px 0px;
}
.services__icon {
display: none;
}
}
section.case {
margin-bottom: 50px;
font-size: 16px;
}
section.case .textblock__title {
padding: 0;
}
section.case .case_name {
margin: 0 0 60px;
font-weight: bold;
}
section.case .case_answer_name {
margin: 30px 0 60px;
font-weight: bold;
}
section.case .case_call {
margin-top: 60px;
}
section.case .case_btn_text {
margin-bottom: 20px;
}
.percentage {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
margin: 110px 0px 0px 0px;
}
.percentage__lets {
padding: 20px;
}
.percentage__title {
font-size: 48px;
line-height: 115%;
margin-bottom: 40px;
font-family: "CharterITC";
}
.percentage__stats {
padding: 20px;
}
.percentage__text {
font-size: 19px;
line-height: 110%;
margin-bottom: 70px;
font-family: "CharterITC";
}
.percentage__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
.percentage__item {
padding: 30px 0px;
border-top: 1px solid #d9d9d9;
}
.percentage__percent {
font-size: 100px;
line-height: 127px;
font-family: "CharterITC";
color: #50bd4e;
}
.percentage__description {
font-size: 18px;
line-height: 110%;
}
@media (max-width: 980px) {
.percentage {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.percentage {
margin: 40px 0px 0px 0px;
}
.percentage__lets {
padding: 20px;
}
.percentage__title {
font-size: 24px;
line-height: 106%;
margin-bottom: 30px;
}
.percentage__stats {
padding: 20px;
}
.percentage__text {
font-size: 19px;
line-height: 110%;
margin-bottom: 30px;
}
.percentage__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.percentage__item {
padding: 30px 0px;
border-top: 1px solid #d9d9d9;
}
.percentage__percent {
font-size: 60px;
line-height: 76px;
color: #50bd4e;
}
.percentage__description {
font-size: 18px;
line-height: 110%;
}
}
.news {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.news__item {
position: relative;
border-bottom: 1px solid #4a4a4a;
padding-bottom: 147%;
}
.news__item:not(:last-child) {
border-right: 1px solid #4a4a4a;
}
.news__content {
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
position: absolute;
z-index: 10;
}
.news__category {
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0.6) 0%,
rgba(255, 255, 255, 0) 100%
);
background-blend-mode: multiply;
padding: 20px;
font-size: 18px;
line-height: 110%;
letter-spacing: -0.02em;
color: #fff;
}
.news__bottom {
height: 200px;
background-color: #fff;
transition: all 0.3s ease 0s;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.news__title {
font-weight: 400;
font-size: 19px;
line-height: 105%;
letter-spacing: -0.02em;
transition: all 0.3s ease 0s;
font-family: "CharterITC";
}
.news__date {
font-size: 16px;
line-height: 105%;
letter-spacing: -0.02em;
color: #989898;
transition: all 0.3s ease 0s;
}
.news__image {
width: 100%;
object-fit: cover;
object-position: center;
position: absolute;
top: 0px;
left: 0px;
}
.news__link {
display: block;
position: absolute;
z-index: 20;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
}
.news__item.fullimage .news__bottom {
background-color: rgba(0, 0, 0, 0);
justify-content: flex-end;
}
.news__item.fullimage .news__title {
color: #fff;
margin-bottom: 10px;
}
.news__item.fullimage .news__date {
color: #fff;
}
.news__item.fullimage .news__image {
height: 100%;
}
@media (max-width: 980px) {
.news {
grid-template-columns: repeat(2, 1fr);
}
.news__item:not(:last-child) {
border-right: none;
}
.news__item:nth-child(odd) {
border-right: 1px solid #4a4a4a;
}
.news__item:nth-child(1),
.news__item:nth-child(2) {
border-top: 1px solid #4a4a4a;
}
}
@media (max-width: 768px) {
.news__item {
position: relative;
border-bottom: 1px solid #4a4a4a;
}
.news__item:not(:last-child) {
border-right: 1px solid #4a4a4a;
}
.news__content {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
z-index: 10;
}
.news__category {
font-size: 11px;
line-height: 110%;
}
.news__bottom {
height: 110px;
}
.news__title {
font-size: 12px;
line-height: 105%;
}
.news__date {
font-size: 11px;
line-height: 110%;
}
}
.clients {
margin-top: 120px;
margin-bottom: 80px;
}
.clients__description {
display: flex;
justify-content: space-between;
margin-bottom: 85px;
padding: 0px 20px;
}
.clients__title {
font-size: 48px;
line-height: 115%;
font-family: "CharterITC";
}
.clients__text {
font-size: 19px;
line-height: 110%;
width: 580px;
font-family: "CharterITC";
}
@keyframes scroll {
0% { transform: translateX(calc(-250px * 14)); }
100% { transform: translateX(0)}
}
.clients__roulette {
background: white;
margin: auto;
overflow:hidden;
position: relative;
width: 100%;
}
.clients__wrapper {
animation: scroll 40s linear infinite;
display: flex;
width: calc(250px * 50);
gap: 100px;
}
.clients__item-container {
display: flex;
}
.clients__item-container img {
width: 100%;
object-fit: contain;
}
@media (max-width: 980px) {
@keyframes scroll {
0% { transform: translateX(calc(-150px * 14)); }
100% { transform: translateX(0)}
}
.clients__wrapper {
gap: 50px;
width: calc(150px * 28);
}
.clients__item-container {
width: 150px;
}
}
.cmp-fb {
position: relative;
padding-bottom: 56%;
}
.cmp-fb__video {
width: 100%;
object-fit: cover;
height: 100%;
position: absolute;
}
.cmp-fb__controlls {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
background-color: rgba(0, 0, 0, 0.5);
transition: all 0.3s ease 0s;
opacity: 1;
}
.cmp-fb__controlls.playing {
opacity: 0;
background-color: rgba(0, 0, 0, 0);
}
@media (max-width: 768px) {
.cmp-fb__play {
width: 50px;
}
}
.textblock {
margin-top: 35px;
padding: 0px 20px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
}
.textblock__title {
font-family: "CharterITC";
font-weight: 400;
font-size: 48px;
line-height: 115%;
}
.textblock__text {
font-family: "CharterITC";
font-weight: 400;
font-size: 19px;
line-height: 105%;
letter-spacing: -0.02em;
}
@media (max-width: 980px) {
.textblock {
margin-top: 35px;
padding: 0px 20px;
display: grid;
grid-template-columns: 1fr;
gap: 40px;
}
.textblock__title {
font-size: 24px;
line-height: 106%;
}
.textblock__text {
font-size: 19px;
line-height: 105%;
}
}
.mav {
display: grid;
grid-template-columns: 1000px auto;
grid-template-rows: 1fr;
margin: 90px 0px 0px 0px;
}
.mission__title {
font-family: "CharterITC";
font-size: 72px;
line-height: 115%;
padding: 20px;
}
.mission__grid {
display: grid;
grid-template: repeat(3, 500px) / repeat(2, 500px);
}
.mission__block_big {
grid-column-start: 1;
grid-column-end: 3;
background: #4a4a4a;
padding: 50px;
display: flex;
align-items: flex-end;
}
.mission__block_big-text {
font-size: 28px;
line-height: 115%;
color: #fff;
max-width: 450px;
}
.mission__block_work-1 {
padding: 35px 50px;
background: #f5f5f5;
font-size: 42px;
line-height: 110%;
letter-spacing: -0.02em;
color: #4a4a4a;
}
.mission__block_work-2 {
padding: 35px 50px;
background: #4a4a4a;
font-size: 42px;
line-height: 110%;
letter-spacing: -0.02em;
color: #f5f5f5;
}
.mission__block_circle-1 {
display: flex;
background: linear-gradient(
90deg,
#50bd4e 0%,
#50bd4e 50%,
#fff 50%,
#fff 100%
);
}
.mission__block_circle-1 div {
border-radius: 50%;
height: 100%;
width: 100%;
background: linear-gradient(
-90deg,
#50bd4e 0%,
#50bd4e 50%,
#fff 50%,
#fff 100%
);
}
.mission__block_circle-2 {
display: flex;
background: linear-gradient(
-90deg,
#50bd4e 0%,
#50bd4e 50%,
#fff 50%,
#fff 100%
);
}
.mission__block_circle-2 div {
border-radius: 50%;
height: 100%;
width: 100%;
background: linear-gradient(
90deg,
#50bd4e 0%,
#50bd4e 50%,
#fff 50%,
#fff 100%
);
}
.values__title {
font-family: "CharterITC";
font-size: 72px;
line-height: 115%;
padding: 20px;
}
.values__grid {
background: #f5f5f5;
height: auto;
display: grid;
grid-template: repeat(3, 500px) / repeat(2, auto);
}
.values__item {
padding: 59px 28px;
}
.values__image {
max-width: 120px;
max-height: 120px;
width: 100%;
margin: 0px 0px 20px 0px;
}
.values__sbtitle {
font-size: 32px;
line-height: 115%;
margin: 0px 0px 12px 0px;
}
.values__text {
font-family: "CharterITC";
font-size: 24px;
line-height: 105%;
}
.values__navigation {
display: none;
}
@media (max-width: 2048px) {
.mav {
grid-template-columns: 720px auto;
}
.mission__title {
font-size: 48px;
}
.mission__grid {
grid-template: 240px 360px 360px / repeat(2, 360px);
}
.mission__block_big {
padding: 25px;
}
.mission__block_big-text {
font-size: 18px;
max-width: 335px;
}
.mission__block_work-1 {
padding: 25px;
font-size: 36px;
line-height: 110%;
}
.mission__block_work-2 {
padding: 25px;
font-size: 36px;
}
.values__title {
font-size: 48px;
}
.values__grid {
grid-template: repeat(3, 320px) / repeat(2, auto);
}
.values__image {
max-width: 65px;
max-height: 65px;
}
.values__sbtitle {
font-size: 18px;
}
.values__text {
font-size: 19px;
}
}
@media (max-width: 1380px) {
.mav {
grid-template-columns: 540px auto;
}
.mission__title {
font-size: 48px;
}
.mission__grid {
grid-template: 240px 270px 270px / repeat(2, 270px);
}
.mission__block_big {
padding: 25px;
}
.mission__block_big-text {
font-size: 18px;
max-width: 245px;
}
.mission__block_work-1 {
padding: 25px;
font-size: 25px;
line-height: 110%;
}
.mission__block_work-2 {
padding: 25px;
font-size: 25px;
}
.values__title {
font-size: 48px;
}
.values__grid {
grid-template: repeat(3, 260px) / repeat(2, auto);
}
.values__item {
padding: 20px;
}
.values__image {
max-width: 65px;
max-height: 65px;
}
.values__sbtitle {
font-size: 16px;
}
.values__text {
font-size: 14px;
}
}
@media (max-width: 1048px) {
.mav {
margin: 50px 0px 0px 0px;
grid-template-columns: 100%;
}
.mission__title {
font-size: 48px;
}
.mission__grid {
grid-template: repeat(3, auto) / repeat(2, 50%);
}
.mission__block {
padding-bottom: 100%;
}
.mission__block_big {
padding: 0;
padding-bottom: 50%;
position: relative;
}
.mission__block_big-text {
font-size: 28px;
max-width: 40%;
position: absolute;
padding: 25px;
width: 50%;
height: 100%;
top: 0px;
left: 0px;
max-width: 100%;
display: flex;
align-items: flex-end;
}
.mission__block_work-1 {
padding: 25px;
font-size: 42px;
line-height: 110%;
}
.mission__block_work-2 {
padding: 25px;
font-size: 42px;
}
.mission__block_circle-1,
.mission__block_circle-2 {
width: 100%;
position: relative;
}
.mission__block_circle-1 > div,
.mission__block_circle-2 > div {
position: absolute;
width: 100%;
height: 100%;
}
.values__title {
font-size: 48px;
}
.values__grid {
grid-template: repeat(3, 270px) / repeat(2, auto);
}
.values__item {
padding: 20px;
}
.values__image {
max-width: 65px;
max-height: 65px;
}
.values__sbtitle {
font-size: 24px;
}
.values__text {
font-size: 22px;
}
}
@media (max-width: 768px) {
.mav {
grid-template-columns: 100%;
}
.mission__title {
font-size: 24px;
line-height: 106%;
}
.mission__grid {
grid-template: repeat(3, auto) / repeat(2, 50%);
}
.mission__block {
padding-bottom: 100%;
}
.mission__block_big {
padding: 0;
padding-bottom: 50%;
position: relative;
}
.mission__block_big-text {
font-size: 18px;
max-width: 40%;
position: absolute;
padding: 10px;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
max-width: 100%;
display: flex;
align-items: flex-end;
overflow: auto;
}
.mission__block_work-1 {
padding: 10px;
font-size: 22px;
line-height: 110%;
}
.mission__block_work-2 {
padding: 10px;
font-size: 22px;
}
.mission__block_circle-1,
.mission__block_circle-2 {
width: 100%;
position: relative;
}
.mission__block_circle-1 > div,
.mission__block_circle-2 > div {
position: absolute;
width: 100%;
height: 100%;
}
.values__swiper {
background: #f5f5f5;
}
.values__title {
font-size: 24px;
line-height: 106%;
}
.values__grid {
display: flex;
}
.values__item {
padding: 20px;
}
.values__image {
max-width: 65px;
max-height: 65px;
}
.values__sbtitle {
font-size: 18px;
}
.values__text {
font-size: 19px;
}
.values__navigation {
display: flex;
align-items: center;
gap: 20px;
padding: 20px;
font-size: 48px;
line-height: 10px;
}
.values__prev {
transform: rotate(-180deg) translateY(3px);
cursor: pointer;
}
.values__next {
cursor: pointer;
}
}
.reviews {
margin-top: 70px;
}
.reviews__title {
font-family: "CharterITC";
font-size: 48px;
line-height: 115%;
padding: 20px;
}
.reviews__swiper {
position: relative;
margin: 0px 0px 40px 0px;
}
.reviews__navigation {
display: flex;
width: 100%;
position: absolute;
top: 0px;
padding: 10px;
left: 0px;
justify-content: space-between;
z-index: 20;
line-height: 8px;
}
.reviews__prev {
transform: rotate(180deg);
}
.reviews__btn {
cursor: pointer;
font-size: 24px;
font-family: "CharterITC";
}
.reviews__pagination {
display: flex;
justify-content: center;
gap: 20px;
}
.reviews__pagination .swiper-pagination-bullet {
transition: all 0.3s ease 0s;
display: block;
min-width: 20px;
max-width: 20px;
min-height: 20px;
max-height: 20px;
background-color: #dedede;
opacity: 1;
}
.reviews__pagination .swiper-pagination-bullet-active {
background-color: #50bd4e;
}
.ritem {
background-color: #4a4a4a;
height: auto;
display: flex;
flex-direction: column;
}
.ritem.anothercolor {
background-color: #50bd4e;
}
.ritem.anothercolor .ritem__position {
color: #4a4a4a;
}
.ritem__content {
display: flex;
height: 100%;
}
.ritem__image {
display: block;
min-width: 50%;
flex: 0 1 50%;
object-fit: cover;
object-position: center;
max-height: 500px
}
.ritem__info {
padding: 15px 25px;
display: flex;
flex-direction: column;
}
.ritem__text {
font-family: "CharterITC";
font-size: 19px;
line-height: 110%;
color: #fff;
margin-bottom: auto;
}
.ritem__name {
font-size: 22px;
line-height: 22px;
margin-bottom: 10px;
color: #fff;
margin: 20px 0px 5px 0px;
}
.ritem__position {
font-size: 16px;
line-height: 16px;
margin-bottom: 30px;
color: #989898;
}
.ritem__date {
font-size: 18px;
line-height: 18px;
color: #fff;
}
@media (max-width: 650px) {
.reviews__title {
font-size: 24px;
line-height: 106%;
}
.reviews__swiper {
margin: 0px 0px 0px 0px;
}
.reviews__navigation {
width: 100px;
top: calc(100% - 40px);
height: 30px;
}
.reviews__btn {
font-size: 24px;
font-family: "CharterITC";
}
.reviews__pagination {
display: none;
}
.ritem {
background-color: #4a4a4a;
}
.ritem.anothercolor {
background-color: #50bd4e;
}
.ritem.anothercolor .ritem__position {
color: #4a4a4a;
}
.ritem__content {
display: flex;
}
.ritem__image {
padding: 15px 0px 0px 20px;
height: 140px;
min-height: auto;
width: 100px;
max-width: 100px;
min-width: auto;
}
.ritem__info {
padding: 15px;
display: flex;
flex-direction: column;
}
.ritem__text {
font-size: 16px;
}
.ritem__name {
font-size: 16px;
}
.ritem__position {
font-size: 12px;
}
.ritem__date {
font-size: 12px;
}
}
.minitext {
display: flex;
justify-content: space-between;
padding: 20px;
margin-top: 75px;
}
.minitext__img {
width: 100%;
}
.minitext__text {
font-family: "CharterITC";
font-style: normal;
font-weight: 400;
font-size: 48px;
line-height: 115%;
}
@media (max-width: 980px) {
.minitext {
flex-direction: column;
}
.minitext__text {
font-size: 24px;
}
}
.blog {
display: flex;
}
.blog__nav {
flex: 0 1 25%;
position: relative;
}
.blog__list {
flex: 0 1 75%;
}
.bnav {
width: 100%;
overflow: auto;
position: sticky;
top: 30px
}
.bnav__link-container {
flex: 1 1 auto;
padding: 25px 20px;
border-top: 1px solid #989898;
color: #989898;
}
.bnav__link-container:last-child {
border-bottom: 1px solid #989898;
}
.bnav__link-container.active {
border-top: 1px solid #4a4a4a;
color: #000;
}
.bnav__link {
font-size: 18px;
line-height: 110%;
letter-spacing: -0.02em;
color: inherit;
white-space: nowrap;
}
.blist {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1050px) {
.blog {
flex-direction: column;
}
.bnav {
display: flex;
width: 100%;
overflow: auto;
}
.bnav__link-container {
flex: 1 1 auto;
padding: 25px 20px;
border-top: 1px solid #989898;
color: #989898;
border-bottom: 1px solid #989898;
}
.bnav__link-container.active {
border-bottom: 1px solid #4a4a4a;
border-top: 1px solid #4a4a4a;
color: #000;
}
.bnav__link {
font-size: 16px;
}
.blist {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 570px) {
.blist {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
.ourpeaple {
display: flex;
border-top: 1px solid #989898;
}
.ourpeaple__sidebar {
flex: 0 1 20%;
padding: 90px 20px;
position: relative;
}
.ourpeaple__text {
font-family: "CharterITC";
font-size: 48px;
line-height: 115%;
color: #000;
margin: 0px 0px 40px 0px;
}
.ourpeaple__btn {
width: 100%;
padding-bottom: 100%;
position: sticky;
border-radius: 50%;
background: #50bd4e;
transition: all 0.3s ease 0s;
display: block;
top: 20px;
}
.ourpeaple__btn:hover {
background: #3c8a3a;
}
.ourpeaple__btn p {
position: absolute;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 36px;
line-height: 110%;
letter-spacing: -0.02em;
color: #fff;
text-align: center;
}
.ourpeaple .mobile {
display: none;
}
.ourpeaple__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
flex: 0 1 80%;
}
.ourpeaple__list .human {
position: relative;
overflow: hidden;
padding: 0px 0px 147% 0px;
height: 0px;
}
.ourpeaple__list .human__image {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
min-width: auto;
min-height: auto;
object-fit: cover;
object-position: center;
position: absolute;
}
@media (max-width: 1300px) {
.ourpeaple__list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 1050px) {
.ourpeaple {
display: flex;
flex-direction: column;
}
.ourpeaple__sidebar {
flex: 0 1 20%;
padding: 20px 20px;
}
.ourpeaple__btn {
display: none;
}
.ourpeaple__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
flex: 0 1 80%;
}
.ourpeaple__btn {
padding-bottom: 40%;
border-radius: 0;
}
.ourpeaple__btn:hover {
background: #3c8a3a;
}
.ourpeaple .mobile {
display: block;
}
}
@media (max-width: 665px) and (max-width: 1050px) {
.ourpeaple {
display: flex;
flex-direction: column;
}
.ourpeaple__sidebar {
flex: 0 1 20%;
padding: 20px 20px;
}
.ourpeaple__text {
font-size: 24px;
line-height: 106%;
}
.ourpeaple__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
flex: 0 1 80%;
}
.ourpeaple__btn {
padding-bottom: 40%;
border-radius: 0;
}
.ourpeaple__btn:hover {
background: #3c8a3a;
}
.ourpeaple__btn p {
font-size: 23px;
line-height: 110%;
}
}
@media (max-width: 425px) {
.ourpeaple__list .human__text {
font-size: 11px;
}
}
.contacts {
display: flex;
justify-content: space-between;
}
.contacts__left {
padding: 30px 37px;
display: flex;
flex-direction: column;
width: 100%;
}
.contacts__title {
font-family: "CharterITC";
font-size: 48px;
line-height: 115%;
margin-bottom: 90px;
}
.contacts__list {
display: flex;
flex-direction: column;
}
.contacts__list p {
font-size: 16px;
}
.contacts__link {
font-size: 16px;
line-height: 121.5%;
color: #50bd4e;
}
.contacts__link:hover {
text-decoration: underline;
}
.contacts__cop {
margin-top: auto;
font-size: 16px;
line-height: 110%;
margin-bottom: 30px;
}
.contacts__cop.mobile {
display: none;
}
.contacts_container {
display: flex;
justify-content: space-between;
}
.contacts_container div {
width: 50%;
}
.contacts .mission__block_big-text {
max-width: 100%;
width: 100%;
}
.contacts .mission__block_work-1 {
background: #50bd4e;
color: #fff;
}
.contacts .mission__block_work-2 {
background: #50bd4e;
color: #fff;
}
.contacts .mission__block_circle-1 {
display: flex;
background: linear-gradient(
90deg,
#989898 0%,
#989898 50%,
#fff 50%,
#fff 100%
);
}
.contacts .mission__block_circle-1 div {
width: 100%;
border-radius: 50%;
height: 100%;
background: linear-gradient(
-90deg,
#989898 0%,
#989898 50%,
#fff 50%,
#fff 100%
);
}
.contacts .mission__block_circle-2 {
display: flex;
background: linear-gradient(
-90deg,
#989898 0%,
#989898 50%,
#fff 50%,
#fff 100%
);
}
.contacts .mission__block_circle-2 div {
border-radius: 50%;
height: 100%;
width: 100%;
background: linear-gradient(
90deg,
#989898 0%,
#989898 50%,
#fff 50%,
#fff 100%
);
}
@media (max-width: 890px) {
.contacts {
flex-direction: column;
}
}
@media (max-width: 890px) {
.contacts__cop {
margin-top: auto;
font-size: 16px;
line-height: 110%;
padding: 51px 20px;
}
.contacts__cop.mobile {
display: block;
}
}
@media (max-width: 595px) {
.contacts {
display: flex;
justify-content: space-between;
flex-direction: column;
}
.contacts__left {
padding: 25px 20px;
}
.contacts__title {
font-size: 24px;
line-height: 106%;
}
.contacts_container {
display: block;
}
.contacts_container div {
width: 100%;
margin-bottom: 20px;
}
.contacts_container div:last-child {
margin-bottom: 0;
}
}
.news-page {
margin: 85px 0px 0px 0px;
}
@media (max-width: 1024px) {
.news-page {
margin: 40px 0px 0px 0px;
}
}
.news-page__container {
max-width: 1020px;
width: 100%;
margin: 0 auto;
padding: 0px 20px;
}
.news-page__title {
font-family: "CharterITC";
font-style: normal;
font-weight: 400;
font-size: 48px;
line-height: 115%;
margin: 0px 0px 27px 0px;
}
@media (max-width: 1024px) {
.news-page__title {
font-size: 24px;
line-height: 106%;
}
}
.news-page__crumbs {
display: flex; font-size: 16px;
line-height: 105%;
letter-spacing: -0.02em;
color: #989898;
margin: 0px 0px 36px 0px;
}
@media (max-width: 1024px) {
.news-page__crumbs {
gap: 20px;
justify-content: space-between;
}
}
.news-page__category {
color: inherit;
width: 250px;
}
@media (max-width: 768px) {
.news-page__category {
width: auto;
}
}
.news-page__category:hover {
text-decoration: underline;
}
.news-page__post {
margin: 0px 0px 80px 0px;
}
.news-page__image {
width: 100%;
max-height: 620px;
object-fit: cover;
display: block;
margin: 0 auto;
margin: 0px 0px 76px 0px;
}
.news-page__text {
padding-left: 250px;
margin-bottom: 35px;
}
@media (max-width: 1024px) {
.news-page__text {
padding-left: 0px;
margin-bottom: 35px;
}
}
.news-page__share {
padding-left: 250px;
display: flex;
gap: 10px;
}
@media (max-width: 1024px) {
.news-page__share {
padding-left: 0px;
}
}
.modal {
position: fixed;
z-index: 999;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
pointer-events: none;
background: rgba(0, 0, 0, 0.4);
transition: all 0.3s ease 0s;
overflow: hidden;
}
.modal.active {
opacity: 1;
pointer-events: auto;
}
.modal__container {
width: 100%;
height: fit-content;
max-width: 840px;
max-height: 95vh;
background-color: #fff;
border-radius: 10px;
padding: 30px 50px;
}
@media (max-height: 850px) {
.modal__container {
height: 100%;
}
}
.modal__content {
overflow: auto;
height: 100%;
padding: 0px 20px;
}
.modal__content {
scrollbar-width: auto;
scrollbar-color: #949494 #fff;
}
.modal__content::-webkit-scrollbar {
width: 5px;
}
.modal__content::-webkit-scrollbar-track {
background: #fff;
}
.modal__content::-webkit-scrollbar-thumb {
background-color: #949494;
border-radius: 8px;
border: 0px solid #fff;
}
.modal__title {
font-family: "CharterITC";
font-size: 65px;
line-height: 75%;
margin: 0px 0px 10px 0px;
}
.modal__subtitle {
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
margin-bottom: 10px;
}
.modal__subtitle a {
color: #50bd4e;
}
.modal__subtitle a:hover {
text-decoration: underline;
}
.standclient__description,
.getajob__description {
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
color: #989898;
margin-bottom: 20px;
}
.standclient__message,
.getajob__message {
display: flex;
align-items: center;
gap: 10px;
}
.standclient__message p,
.getajob__message p {
font-size: 18px;
line-height: 110%;
letter-spacing: -0.02em;
width: 230px;
}
.form__container {
display: flex;
align-items: center;
gap: 20px;
margin: 0px 0px 15px 0px;
}
.form__warning-wrapper {
position: relative;
width: 100%;
}
.form__input {
width: 100%;
padding: 11px 13px;
border: 1px solid #4a4a4a;
border-radius: 10px;
font-size: 16px;
line-height: 110%;
font-family: inherit;
}
.form__select-wrapper {
position: relative;
}
.form__options {
pointer-events: none;
opacity: 0;
width: 100%;
overflow: auto;
z-index: 20;
max-height: 200px;
transition: all 0.3s ease 0s;
position: absolute;
top: 41px;
left: 0px;
background-color: #fff;
box-shadow: 0px 5px 10px 2px rgb(0 0 0 / 40%);
border-radius: 10px;
}
.form__option {
padding: 11px 13px;
font-size: 16px;
cursor: pointer;
}
.form__option.active {
color: #50bd4e;
}
.form__select-wrapper:hover .form__options {
opacity: 1;
pointer-events: auto;
}
.form__select-wrapper::after {
content: "▼";
font-size: 14px;
top: 14px;
right: 15px;
position: absolute;
color: #989898;
}
.form__select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: 1px solid #989898;
}
.form__textarea {
resize: none;
height: 120px;
}
.form__politika {
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
color: #989898;
}
.form__politika p {
display: inline;
}
.form__politika a {
color: inherit;
text-decoration: underline;
}
.form__file {
display: none;
}
.form__file_container {
display: block;
width: 100%;
}
.form__file_element {
display: flex;
justify-content: space-between;
font-size: 18px;
line-height: 110%;
letter-spacing: -0.02em;
color: #000;
padding: 16px 20px;
border: 1px solid #4a4a4a;
border-radius: 10px;
cursor: pointer;
}
.form__btn {
margin: 0px 0px 20px 0px;
}
.getajob .form__btn {
width: 100%;
padding: 16px 20px;
border-radius: 39px;
margin-bottom: 0;
}
@media (max-width: 1024px) {
.modal__close {
width: 100%;
display: flex;
justify-content: flex-end;
cursor: pointer;
margin: 0px 0px 10px 0px;
}
.modal__container {
width: 100%;
height: 100%;
max-width: 100vw;
max-height: 100vh;
overflow: auto;
background-color: #fff;
border-radius: 0px;
padding: 20px 10px;
}
.modal__content {
padding: 0px 10px;
overflow: visible;
height: auto;
}
.modal__title {
font-size: 36px;
line-height: 112%;
}
.form__container {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
margin: 0px 0px 15px 0px;
}
.form__warning-wrapper {
position: relative;
width: 100%;
}
.form__input {
width: 100%;
padding: 11px 13px;
border: 1px solid #4a4a4a;
border-radius: 10px;
font-size: 16px;
line-height: 110%;
font-family: inherit;
}
.form__select-wrapper {
position: relative;
}
.form__select-wrapper::after {
content: "▼";
font-size: 14px;
top: 16px;
right: 15px;
position: absolute;
color: #989898;
}
.form__select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: 1px solid #989898;
}
.form__textarea {
resize: none;
height: 120px;
}
.form__politika {
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
color: #989898;
}
.form__politika p {
display: inline;
}
.form__politika a {
color: inherit;
text-decoration: underline;
}
.form__file {
display: none;
}
.form__file_container {
display: block;
width: 100%;
}
.form__file_element {
display: flex;
justify-content: space-between;
font-size: 18px;
line-height: 110%;
letter-spacing: -0.02em;
color: #000;
padding: 16px 20px;
border: 1px solid #4a4a4a;
border-radius: 10px;
cursor: pointer;
}
.form__btn {
margin: 0px 0px 20px 0px;
}
.getajob .form__btn {
width: 100%;
padding: 16px 20px;
border-radius: 39px;
margin-bottom: 0;
}
}
.footer {
background: #4a4a4a;
margin-top: 0;
}
.margined {
margin-top: 150px; 
}
.footer__container {
padding: 25px 40px;
display: grid;
grid-template-columns: 1fr 1fr;
}
.footer__part {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.footer__soc {
display: flex;
align-items: center;
gap: 20px;
}
.footer__soc_img {
max-width: 30px;
max-height: 30px;
}
.footer__any-other-questions {
font-family: "CharterITC";
font-style: normal;
font-weight: 400;
font-size: 48px;
line-height: 127%;
letter-spacing: -0.02em;
color: #fff;
margin: 0px 0px 20px 0px;
}
.footer__leave-number {
font-style: normal;
font-weight: 400;
font-size: 19px;
line-height: 127%;
letter-spacing: -0.02em;
color: #fff;
display: flex;
align-items: center;
}
.footer .form {
margin: 0px 0px 60px 0px;
}
.footer .form__container {
display: flex;
align-items: center;
max-width: 380px;
gap: 0px;
}
.footer .form__warning-wrapper {
position: relative;
width: 100%;
}
.footer .form__input {
padding: 12px 0px;
border-bottom: 1px solid #fff;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 127%;
letter-spacing: -0.02em;
background-color: rgba(0, 0, 0, 0);
color: #fff;
width: 100%;
border-radius: 0;
}
.form__warning {
position: absolute;
bottom: -14px;
font-size: 12px;
color: #ff7070;
}
.footer .form__btn {
padding: 12px 0px;
border-bottom: 1px solid #fff;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 127%;
letter-spacing: -0.02em;
background-color: rgba(0, 0, 0, 0);
color: #fff;
margin-bottom: 0;
transform: translateX(-1px);
}
.footer__nav {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
max-width: 600px;
}
.footer__link {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 130%;
letter-spacing: -0.02em;
color: #989898;
}
.footer__link:hover {
text-decoration: underline;
}
@media (max-width: 980px) {
.footer {
background: #4a4a4a;
margin-top: 84px;
}
.footer__container {
padding: 35px 20px;
grid-template-columns: 1fr;
}
.footer__any-other-questions {
font-size: 24px;
line-height: 106%;
margin: 35px 0 10px 0;
}
.footer__leave-number {
font-size: 18px;
line-height: 110%;
margin-bottom: 15px;
}
.footer .form {
margin: 0px 0px 40px 0px;
}
.footer__nav {
max-width: 450px;
}
}
.fzf {
padding: 40px 20px;
}
.fzf__404 {
font-size: 49px;
line-height: 115%;
margin: 0px 0px 40px 0px;
}
.fzf__big-text {
font-family: "CharterITC";
font-size: 80px;
line-height: 116%;
margin: 0px 0px 36px 0px;
}
.fzf__btn {
padding: 15px 20px;
width: 320px;
}
.fzf__image {
max-width: 850px;
width: 100%;
margin: 0 auto;
display: block;
}
@media (max-width: 1024px) {
.fzf__404 {
font-size: 22px;
margin: 0px 0px 20px 0px;
}
.fzf__big-text {
font-size: 32px;
margin: 0px 0px 20px 0px;
}
.fzf__btn {
padding: 15px 20px;
max-width: 320px;
width: 100%;
}
}
.glink {
color: #000;
}
.sitemap {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
padding: 20px;
}
.sitemap__block {
padding: 0px 0px 100% 0px;
position: relative;
background: #50bd4e;
transition: all 0.3s ease 0s;
}
.sitemap__block:hover {
background-color: #3c8a3a;
}
.sitemap__link {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
display: flex;
align-items: center;
justify-content: center;
font-size: 32px;
color: white;
text-align: center;
}
@media (max-width: 768px) {
.sitemap {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 425px) {
.sitemap {
gap: 10px;
padding: 10px;
}
.sitemap__link {
font-size: 24px;
}
}
.thx__container {
max-width: 320px;
max-width: 535px;
}
.thx__text {
font-size: 32px;
text-align: center;
margin: 0px 0px 20px 0px;
}
.thx__title {
font-size: 64px;
text-align: center;
}
.firstblock .swiper-wrapper {
height: auto;
}
.footer-logo-block {
display: block;
}
.footer__logo_link {
margin-right: 30px;
margin-bottom: 15px;
}
.footer-copyright {
color: #989898;
line-height: 1.5;
margin: 30px 20px 10px 0;
}
.footer-subtitle {
font-size: 18px;
color: white;
line-height: 1.5;
color: #989898;
margin-bottom: 40px;
}
.half-width .percentage__btn {
height: 60px;
max-width: 330px;
width: 100%;
}
.footer-copyright a {
color: #989898;
}
.footer-logo-block .footer__soc {
width: 100%;
}
.footer__soc {
display: flex;
align-items: flex-end;
}
.footer__form .form__input {
background: white;
padding-left: 10px;
}
.footer__form .form__warning-wrapper {
position: relative;
}
.footer__form .form__btn {
border-radius: 50%;
position: absolute;
right: 10px;
width: 30px;
color: white;
background: #4a4a4a;
height: 30px;
top: 20%;
padding: 0;
}
.footer__nav {
margin: 15px 20px 15px 0;
display: flex;
align-items: flex-end;
}
@media (max-width: 416px) {
.footer-subtitle {
font-size: 13px;
}
}
.footer__leave-number {
position: relative;
width: fit-content;
} .footer__any-other-questions {
font-size: 36px;
}
.ftr_mob {
display: none;
}
@media (max-width: 980px) {
.footer-copyright {
margin: 10px 0;
}
.footer-subtitle {
margin-right: 0;
}
.footer__part .footer__soc {
display: none;
}
.footer-logo-block .footer__soc {
width: 40%;
justify-content: flex-end;
}
.footer-logo-block {
justify-content: space-between;
}
.ftr_mob {
display: block;
}
.ftr_dsc {
display: none;
}
.footer__nav_mob {
display: flex;
flex-direction: column;
margin-bottom: 35px;
}
.footer__nav_mob a {
margin-top: 10px;
}
.footer-copyright {
margin-bottom: 50px;
}
.footer__logo_link {
width: 50%;
}
}
@media (max-width: 425px) {
.footer__leave-number {
font-size: 16px;
width: 100%;
}
}
.footer__part .form__container {
max-width: 420px;
width: 100%;
}
.footer-logo-block {
max-width: 600px;
justify-content: space-between;
}
.textblock__title {
padding: 0 20px;
}
.footer__container {
display: flex;
flex-wrap: wrap;
}
.footer__container .half-width {
max-width: 50%;
width: 100%;
display: flex;
}
.footer__nav {
padding-right: 20px;
margin-right: 0;
}
.footer__container .half-width:nth-child(1) {
order: 0;
}
.footer__container .half-width:nth-child(2) {
order: 2;
}
.footer__container .half-width:nth-child(3) {
order: 7;
}
.footer__container .half-width:nth-child(4) {
order: 4;
}
.footer__container .half-width:nth-child(5) {
order: 6;
}
.footer__container .half-width:nth-child(6) {
order: 1;
}
.footer__container .half-width:nth-child(7) {
order: 3;
}
.footer__container .half-width:nth-child(8) {
order: 5;
}
.half-width .footer__form {
width: 100%;
}
.half-width .form__container {
max-width: 420px;
}
.footer .form {
margin: 0;
}
@media (max-width: 980px) {
.footer-subtitle {
margin: 40px 0 0 0;
}
.footer__container .half-width {
max-width: 100%;
width: 100%;
}
.footer__container .half-width:nth-child(1) {
order: 0;
max-width: 80%;
}
.footer__container .half-width:nth-child(4) {
max-width: 20%;
order: 1;
justify-content: flex-end;
}
.footer__container .half-width:nth-child(5) {
order: 7;
}
.footer__container .half-width:nth-child(6) {
order: 3;
}
.footer__container .half-width:nth-child(7) {
order: 4;
}
.footer__container .half-width:nth-child(2) {
order: 2;
}
.footer__container .half-width:nth-child(8) {
order: 5;
}
.footer__container .half-width:nth-child(3) {
order: 6;
}
.footer__soc {
align-items: baseline;
}
}
@media (max-width: 500px) {
.footer__nav {
flex-direction: column;
align-items: flex-start;
}
}
.clients__item-container {
max-width: 100%;
}
.policy_list li a {
text-decoration: underline;
}
.current-menu-item span {
font-size: 22px;
line-height: 106.5%;
letter-spacing: -0.02em;
color: #000;
cursor: default;
}
@media (max-width: 1440px) {
.info__b-title.lower {
padding-top: 40px;
}	
.lower {
font-size: 40px;
}
}
@media (max-width: 1280px) {
.lower {
font-size: 30px;
}
}
@media (max-width: 1115px) {
.lower {
font-size: 48px;
}
}
.footer-copyright svg {
max-height: 11px;
max-width: 11px;
fill: #989898;
display: inline;
}
.cat_name {
font-size: 18px;
color: black;
}
.services__block {
margin-top: 46px;
display: flex;
flex-direction: column;
justify-content: center;
}
.services__card {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
padding: 25px 32px;
border-bottom: 1px solid #000;
color: #000;
}
.card__title {
font-size: 32px;
line-height: 115%; 
}
.card__icon {
width: 30px;
height: 30px;
transform: rotate(-90deg);
}
.card__icon img {
height: inherit;
width: inherit;
}
.service__header {
display: flex;
justify-content: space-between;
position: relative;
min-height: 140px;
margin-bottom: 98px;
}
.service__title {
max-width: 50%;
width: 100%;
}
.btn__container {
position: absolute;
left: 20px;
top: calc(100% + 50px - 50px);
}
.service__header-right {
max-width: 50%;
text-align: left;
padding: 10px 20px 10px 0;
font-size: 19px;
font-family: "CharterITC";
}
#pluses {
background-color: #F5F5F5;
padding: 40px 20px;
}
.pluses__container {
display: flex;
flex-wrap: nowrap;
}
.textblock__title {
margin-bottom: 40px;
}
.pluses__card {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-right: 20px;
width: 25%;
}
.pluses__card:last-child {
padding-right: 0;
}
.card__img-cont {
width: 60px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 16px;
}
.card__name {
padding: 16px 0;
}
#cooperate {
padding: 48px 20px 16px 20px;
}
.cooperate__header {
margin-bottom: 40px;
display: flex;
justify-content: space-between;
}
.cooperate__container {
display: flex;
flex-wrap: wrap;
overflow: hidden;
}
.cooperate__card {
position: relative;
min-width: 300px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-right: 20px;
width: 25%;
}
.cooperate__card:last-child {
padding-right: 0;
}
.cooperate__number {
font-size: 64px;
line-height: 108%;
font-family: "CharterITC";
}
.cooperate__separator {
top: 86px;
left: 0;
height: 1px;
width: 100vw;
position: absolute;
background-color: #000;
}
.cooperate__text {
margin: 32px 0;
font-size: 18px;
}
#cases__serv {
margin-bottom: 48px;
}
.serv-cases__container {
margin-top: 40px;
display: flex;
flex-wrap: nowrap;
max-height: 680px;
}
.serv-cases__item {
display: flex;
flex-direction: column;
width: 33.333333%;
}
.item__text-block {
height: 130px;
padding: 20px;
background-color: #4a4a4a;
color: #fff;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
}
.item__title {
font-size: 22px;
}
.item__category {
font-size: 19px;
line-height: 24px;
font-family: "CharterITC";
}
.item__arroww {
width: 100%;
display: flex;
justify-content: flex-end;
}
.item__arroww svg {
height: 20px;
width: 20px;
}
.item__img {
max-height: 490px;
height: 100%;
width: 100%;
object-fit: cover;
}
.item__text-green {
background-color: #50bd4e;
flex-direction: row;
flex-wrap: wrap;
}
.item__text-green .item__content {
order: 3;
}
.item__text-green .item__title {
width: 80%;
}
.item__text-green .item__arroww {
width: 20%;
}
.faq {
margin-bottom: 24px;
}
.services__item {
border-bottom: 1px solid #000;
border-top: none;
}
.services__desc {
padding-right: 20px;
}
.faq_services_icon {
display: block;
}
.modal__close {
padding: 0 20px;
}
.modal__close img {
max-width: 30px;
}
.item__text-block .item__content {
font-size: 19px;
font-family: "CharterITC";
}
@media (max-width: 1240px) {
.cooperate__card {
width: 33.333333%;
}
.pluses__container {
flex-wrap: wrap;
}
.pluses__container .pluses__card {
width: 50%;
margin-bottom: 20px;
}
}
@media (max-width: 980px) {
.serv-cases__container {
flex-wrap: wrap;
max-height: inherit;
}
.serv-cases__container .serv-cases__item {
width: 100%;
}
.cooperate__card {
width: 50%;
}
.item__text-green {
order: 2;
}
.service__header .service__title, .service__header .service__header-right {
max-width: 100%;
width: 100%;
}
.service__header {
flex-wrap: wrap;
margin-bottom: 0;
}
.service__header-right {
margin-bottom: 98px;
padding: 10px 20px;
}
.btn__container {
top: calc(100% - 82px);
}
.item__text-green .item__arroww {
width: 100%;
order: 4;
}
}
.services-detail__desc {
display: none;
margin-top: 30px;
font-size: 18px;
}
.services-detail__item {
min-height: 150px;
padding: 37px;
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid #4a4a4a;
cursor: pointer;
}
.services-detail__item:first-child {
border-top: none;
}
.services-detail__name {
font-family: "CharterITC";
font-size: 32px;
line-height: 115%;
}
@media (max-width: 768px) {
.pluses__container .pluses__card, .cooperate__card {
width: 100%;
}
.pluses .textblock__title, .cooperate__header .textblock__title {
padding-left: 0;
}
.cooperate__header .percentage__btn {
display: none;
}
.services-detail__desc {
font-size: 16px;
}
.services-detail__name {
font-size: 24px;
}
}
.sale__container {
padding: 0;
width: auto;
overflow: hidden !important;
position: relative;
background: transparent !important;    
}
.sale__modal_body {
position: relative;
width: 100%
}
.sale__modal_body img {
width: 100%;
min-width: 900px;
}
.sale__modal__btn {
position: absolute;
bottom: 17px;
right: 50px;
z-index: 10;
cursor: pointer;
}
.sale__modal__btn img {
min-width: 280px;
}
.sale .modal__close {
max-width: 30px;
height: 30px;
position: absolute;
width: 100%;
z-index: 10;
right: 10px;
top: 10px;
cursor: pointer;
display: block;
padding: 0;
}
.sale .modal__close img {
max-width: 30px;
width: 100%;
position: inherit;
}
@media(max-width: 1024px){
.sale__container {
max-height: 200px;
max-width: fit-content;
background: transparent;
}
}
@media(max-width:996px){	
.sale__modal_body img {
min-width: 100%;
}
.sale__modal__btn img {
min-width: 100%;
}
}
@media(max-width: 420px){
.sale__modal__btn {
right: 20px;
}
}
@media (max-height: 850px){
.sale .modal__container {
height: auto;
max-height: fit-content;
}
} .b24-window-mounts .b24-window-popup {
z-index: 1100002;
}

.jobs {
padding: 60px 20px;
}
.jobs_title {
font-style: normal;
font-weight: 400;
font-size: 80px;
line-height: 1.2;
color: #000000;
text-align: left;
margin-bottom: 65px;
font-family: "CharterITC";
}
.jobs_wrap {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.jobs_item {
padding: 30px 0 15px;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
width: calc(50% - 20px);
}
.jobs_item:nth-child(3), .jobs_item:nth-child(4) {
border-top: none;
}
.jobs_item__title {
margin-bottom: 15px;
}
.jobs_item__title .jobs_item__title_h,
.jobs_item__title a {
cursor: pointer;
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #50BD4E;
text-decoration: none;
}
.jobs_item__desc {
font-style: normal;
font-weight: 400;
font-size: 19px;
line-height: 105%;
letter-spacing: -0.02em;
color: #000000;
margin-bottom: 15px;
}
.jobs_item__info {
display: flex;
justify-content: space-between;
}
.jobs_item__tags {
display: flex;
}
.jobs_item__tags span {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 105%;
letter-spacing: -0.02em;
color: #989898;
padding-right: 20px;
}
.jobs_item__btn .a_link,
.jobs_item__btn a {
cursor: pointer;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 105%;
text-align: right;
letter-spacing: -0.02em;
color: #50BD4E;
text-decoration: none;
}
.jobs_bottom {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 60px;
}
.jobs_bottom__desc {
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 110%;
letter-spacing: -0.02em;
color: #989898;
}
.jobs_bottom__btn {
height: 60px;
background: #50BD4E;
border-radius: 36px;
padding: 15px 30px;
width: auto;
display: inline-flex;
}
.jobs_bottom__soc {
display: flex;
}
.jobs_bottom__soc .a_link,
.jobs_bottom__soc a {
cursor: pointer;
background: #50BD4E;
height: 60px;
width: 60px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: all 0.3s ease 0s;
}
.jobs_bottom__soc .a_link:hover,
.jobs_bottom__soc a:hover {
background: #3c8a3a;
}
.jobs_left {
width: calc(50% - 20px);
}
.jobs_right {
width: calc(50% - 20px);
display: flex;
align-items: center;
}
.title_h2 {
margin-bottom: 44px;
font-style: normal;
font-weight: 400;
font-size: 48px;
line-height: 115%;
font-family: "CharterITC";
color: #000000;
}
.subtitle_h3 {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 110%;
letter-spacing: -0.02em;
color: #989898;
}
.footer__soc {
align-items: center;
}
.modal .modal__content {
padding: 0;
}
.overlay { opacity: 0;
visibility: hidden;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 20;
transition: 0.3s all;
}
.main_vacancy .btn {
height: auto;
width: auto;
display: inline-flex;
padding: 18px 45px;
font-size: 18px;
}
.main_vacancy .percentage__btn {
max-width: 400px;
}
.main_vacancy .firstblock__title {
font-size: 80px;
}
.main_vacancy .firstblock__text {
font-size: 36px;
margin-bottom: 35px;
padding-right: 15%;
}
.main_vacancy .services-detail__name {
font-family: "Unica77LLCyr-Regular", Arial;
}
.main_vacancy .services__icon div {
min-height: 2px;
max-height: 2px;
background-color: #333;
}
.main_vacancy .services__icon div:first-child {
transition: all 0.3s ease 0s;
transform: rotate(90deg) translateX(2px);
}
.main_vacancy .services__icon {
min-width: 25px;
max-width: 25px;
height: 25px;
}
.form_job .form__container__50 {
width: calc(50% - 10px);
}
.form_job .form__btn {
margin: 0;
width: calc(50% - 10px);
}
.fancybox__backdrop {
opacity: 0.5 !important;
}
.swiper_slider .swiper-wrapper {
align-items: normal;
}
.swiper_slider .swiper-pagination {
text-align: left;
padding: 0 20px;
}
.swiper_slider .swiper-pagination-bullet {
width: 20px;
height: 20px;
background: #DEDEDE;
}
.swiper_slider .swiper-pagination-bullet-active {
background: #50BD4E;
}
.fancybox__content {
border-radius: 10px !important;
}
.modalfancy {
padding: 60px !important;
}
.modalfancy_title {
font-style: normal;
font-weight: 400;
font-size: 48px;
line-height: 115%;
color: #000000;
margin-bottom: 10px;
}
.modalfancy_info {
display: flex;
flex-wrap: wrap;
margin-bottom: 15px;
}
.modalfancy_info span {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 105%;
letter-spacing: -0.02em;
color: #989898;
margin-bottom: 15px;
padding-right: 15px;
}
.modalfancy_info span:last-child {
padding-right: 0;
}
.modalfancy_price {
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 110%;
letter-spacing: -0.02em;
color: #50BD4E;
margin-bottom: 15px;
}
.modalfancy_content {
margin-bottom: 40px;
}
.modalfancy_content p {
font-style: normal;
font-weight: 400;
font-size: 19px;
line-height: 127%;
letter-spacing: -0.02em;
color: #000000;
margin-bottom: 10px;
}
.modalfancy_content h2, .modalfancy_content h3 {
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 110%;
letter-spacing: -0.02em;
color: #333333;
margin-bottom: 15px;
margin-top: 20px;
}
.modalfancy_content h3 {
font-size: 32px;
}
.modalfancy_content ul {
list-style-type: disc;
margin-left: 15px;
padding-left: 15px;
margin-bottom: 15px;
}
.modalfancy_content ul li {
list-style: disc;
font-style: normal;
font-weight: 400;
font-size: 19px;
line-height: 127%;
letter-spacing: -0.02em;
color: #000000;
}
.modalfancy .f-button.is-close-btn {
display: none;
}
.career {
padding: 60px 0;
}
.career_title {
padding: 0 20px;
}
.career_wrap {
display: flex;
justify-content: space-between;
position: relative;
padding-bottom: 60px;
}
@media (min-width: 992px) {
.career_item {
width: 50%;
display: flex !important;
justify-content: space-between;
height: auto !important;
}
}
.career_item__left {
width: 50%;
}
.career_item__left img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.career_item__right {
width: 50%;
padding: 15px 20px;
background: #50BD4E;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.career_item__way {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 110%;
color: #FFFFFF;
}
.career_item__way ul {
margin: 0;
padding: 0;
list-style: none;
}
.career_item__way ul li {
margin: 0;
padding: 10px 0;
list-style: none;
border-bottom: 1px solid #fff;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.career_item__way ul li:last-child {
border-bottom: none;
}
.career_item__way ul li span {
width: calc(70% - 10px);
}
.career_item__way ul li span.career_date {
width: calc(30% - 10px);
}
.career_item__name {
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 22px;
color: #FFFFFF;
}
.plusesv {
padding: 60px 20px;
}
.plusesv_wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.plusesv_wrap .values__item {
width: calc(25% - 30px);
}
.plusesv_video {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.plusesv_video__item {
width: calc(25% - 40px);
position: relative;
padding-bottom: 42.25%;
}
.plusesv_video__bg {
position: absolute;
z-index: 5;
right: 0;
left: 0;
bottom: 0;
top: 0;
}
.plusesv_video__bg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.plusesv_video__btn {
position: absolute;
z-index: 10;
right: 0;
left: 0;
bottom: 0;
top: 0;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease 0s;
}
.plusesv_video__btn:hover {
background-color: rgba(0, 0, 0, 0.5);
}
.plusesv_video__btn img {
width: 160px;
height: auto;
opacity: 1;
}
.plusesv__btn {
margin-top: 80px;
}
.form_faq {
padding: 60px 20px;
display: flex;
justify-content: space-between;
}
.form_faq_left {
width: calc(50% - 20px);
}
.form_faq_left .title_h2 {
margin-bottom: 60px;
}
.form_faq_left .form_faq_title {
margin-bottom: 5px;
}
.form_faq_left .form_faq_subtitle {
margin-bottom: 35px;
}
.form_faq_right {
width: calc(50% - 20px);
}
.form_faq_right .services-detail__item {
min-height: 50px;
padding: 30px 0;
border-top: 1px solid #4a4a4a;
}
.form_faq_right .services-detail__item:last-child {
border-bottom: 1px solid #4a4a4a;
}
.percentage_jobs .percentage__lets {
padding-right: 20%;
}
.percentage_jobs .percentage_video {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
height: 310px;
position: relative;
}
.percentage_jobs .percentage_video__bg {
position: absolute;
z-index: 5;
right: 0;
left: 0;
bottom: 0;
top: 0;
}
.percentage_jobs .percentage_video__bg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.percentage_jobs .percentage_video__btn {
position: absolute;
z-index: 10;
right: 0;
left: 0;
bottom: 0;
top: 0;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease 0s;
}
.percentage_jobs .percentage_video__btn:hover {
background-color: rgba(0, 0, 0, 0.5);
}
.percentage_jobs .percentage_video__btn img {
width: 160px;
height: auto;
opacity: 1;
}
.percentage_jobs .percentage_video_mob {
display: none;
}
.plusesv_video_mob {
display: none;
}
.career_wrap .swiper-wrapper {
max-height: 600px;
}
.form__input {
padding: 20px 20px;
}
.form__file_type {
color: rgb(142, 142, 142);
}
.form__file_element {
padding: 20px;
align-items: center;
line-height: 1;
}
.mobilenmenu__link img {
max-width: 20px;
height: auto;
}
.modal__container {
overflow-y: scroll;
}
.modal__container::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.01);
background-color: #fff;
}
.modal__container::-webkit-scrollbar {
width: 10px;
background-color: #fff;
}
.modal__container::-webkit-scrollbar-thumb {
background-color: #989898;
border: 2px solid #fff;
}
.values__image {
height: 65px;
}
@media (min-width: 769px) {
.reviews__swiper .swiper-slide {
display: flex !important;
justify-content: space-between;
height: auto !important;
}
}
.reviews__swiper .swiper-slide,
.reviews__swiper,
.ritem__image {
max-height: 600px;
}
@media (max-width: 1599px) {
.career_item__way {
font-size: 16px;
}
.career_item__way ul li span.career_date {
width: calc(35% - 5px);
}
.career_item__way ul li span {
width: calc(65% - 10px);
}
}
@media (max-width: 1199px) {
.career_item__way {
font-size: 14px;
margin-bottom: 25px;
}
.career_item__way ul li span.career_date {
width: calc(40% - 5px);
}
.career_item__way ul li span {
width: calc(60% - 10px);
}
}
@media (max-width: 1024px) {
.plusesv_wrap .values__item {
width: calc(50% - 30px);
}
.form_faq_right {
width: 100%;
}
.form_faq_left {
width: 100%;
margin-bottom: 30px;
}
.form_faq {
flex-wrap: wrap;
}
.percentage_jobs .percentage__lets {
padding-right: 20px;
}
.jobs_left {
width: 100%;
margin-bottom: 30px;
}
.jobs_right {
width: 100%;
}
.jobs_item {
width: 100%;
border-top: none;
}
.jobs_item:first-child {
border-top: 1px solid #000000;
}
.firstblock__text {
margin-bottom: 15px;
}
.firstblock__content {
padding: 25px 20px 20px 20px;
}
.percentage_jobs .percentage_video {
display: none;
}
.percentage_jobs .percentage_video_mob {
display: flex;
}
.plusesv_video {
display: none;
}
.plusesv_video_mob {
display: flex;
height: 500px;
}
.percentage_jobs .percentage_video__btn img {
width: 80px;
}
.jobs_title {
font-size: 36px;
margin-bottom: 35px;
}
.jobs_item__title .jobs_item__title_h,
.jobs_item__title a {
font-size: 23px;
}
.ritem__text {
font-size: 17px;
}
}
@media (max-width: 980px) {
.footer {
margin-top: 0;
}
.reviews__swiper,
.ritem__image {
max-height: 500px;
}
}
@media (max-width: 768px) {
.percentage_jobs .percentage__title {
margin-bottom: 0;
}
.percentage_jobs .percentage__lets {
padding-bottom: 0;
}
.percentage_jobs .percentage__stats {
padding-top: 0;
}
.percentage_jobs .percentage_video {
height: 260px;
}
.main_vacancy .percentage__btn {
margin-top: 20px;
text-align: center;
}
.jobs_item__tags span {
font-size: 11px;
}
.jobs_item__btn .a_link,
.jobs_item__btn a {
font-size: 11px;
}
.jobs {
padding: 60px 0;
}
.jobs_bottom,
.jobs_item__title,
.jobs_item__info,
.jobs_item__desc,
.jobs_title {
padding-left: 20px;
padding-right: 20px;
}
.jobs_bottom__desc {
font-size: 23px;
}
.jobs_right {
flex-wrap: wrap;
}
.jobs_bottom__soc {
margin-top: 10px;
}
.title_h2 {
font-size: 24px;
}
.career_item {
flex-wrap: wrap;
}
.career_item__left {
width: 100%;
}
.career_item__left {
width: 100%;
height: 250px;
}
.career_item__left img {
-o-object-position: top;
object-position: top;
}
.career_item__right {
width: 100%;
position: relative;
padding-bottom: 10px;
}
.career_item__name {
position: absolute;
top: -35px;
}
.swiper_slider .swiper-pagination {
bottom: 20px !important;
}
.swiper_slider .swiper-pagination-bullet {
width: 10px;
height: 10px;
background: #ffffff;
opacity: 1;
}
.swiper_slider .swiper-pagination-bullet-active {
background: #000000;
}
.plusesv {
padding: 0px 20px;
}
.career {
padding: 60px 0 20px;
}
.plusesv_wrap .values__item {
width: 100%;
padding: 20px 0;
}
.plusesv_video__item {
width: 80% !important;
}
.plusesv_video__btn img {
width: 80px;
}
.form_job .form__container__50 {
width: 100%;
}
.form_job .form__btn {
width: 100%;
}
.form_faq_left {
order: 2;
}
.form_faq_right {
order: 1;
margin-bottom: 60px;
}
.main_vacancy .services-detail__name {
font-size: 23px;
color: #50BD4E;
}
.form_faq_right .services-detail__item {
padding: 22px 0;
}
.services__icon div {
min-height: 2px;
max-height: 2px;
}
.services__icon {
min-width: 20px;
max-width: 20px;
}
.services__icon div:first-child {
transform: rotate(90deg) translateX(2px);
}
.form_faq_left .form_faq_subtitle {
font-size: 12px;
}
.main_vacancy .firstblock__title {
font-size: 36px;
}
.main_vacancy .firstblock__text {
font-size: 15px;
margin-bottom: 15px;
margin-top: auto;
}
.main_vacancy .firstblock .percentage__btn {
margin-top: 0;
}
.modalfancy {
padding: 35px 20px 20px !important;
min-height: 100vh;
width: 100%;
}
.modalfancy_title {
font-size: 34px;
}
.modalfancy_price {
font-size: 28px;
}
.modalfancy_content ul li,
.modalfancy_content p {
font-size: 14px;
}
.modalfancy_content h3,
.modalfancy_content h2, .modalfancy_content h3 {
font-size: 26px;
}
.modalfancy .f-button.is-close-btn {
display: block;
color: #000;
background-color: transparent;
}
.fancybox__slide {
padding: 0 !important;
}
.fancybox__content {
border-radius: 0 !important;
}
.career_wrap {
padding-bottom: 0;
background: #50bd4e;
}
.career_wrap {
padding-bottom: 30px;
}
.reviews__swiper .swiper-slide,
.reviews__swiper,
.ritem__image {
max-height: 450px;
}
}