

/* Start:/assets/css/fonts.css?1778755931302*/
@font-face {font-family:"Averta"; src:url("/assets/css/fonts/AvertaCyrillicRegular.woff") format("woff"); font-weight:normal; font-style:normal; font-display:swap}
@font-face {font-family:"Averta"; src:url("/assets/css/fonts/AvertaCyrillicSemiBold.woff") format("woff"); font-weight:600; font-style:normal; font-display:swap}
/* End */


/* Start:/assets/css/styles.css?1778755931117749*/
*,
*::before,
*::after {outline:none; box-sizing:border-box}

html {min-width:360px}

body {min-width:360px; margin:0; padding:0; font:18px/27px Averta, sans-serif; color:#222222; background:#ffffff; -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; overflow-anchor:none}

a {color:#000000; text-decoration:none; transition:color 0.3s ease-out}
a:hover {color:#e43f6f}

img {border:none; max-width:100%; height:auto}
iframe {border:none; max-width:100%}

::-ms-clear {display:none}

strong, b {font-weight:600}

h1 {font-weight:600; font-size:80px; line-height:98px; margin:112px 0 48px 0; padding:0; color:#000000}
h2 {font-weight:600; font-size:56px; line-height:62px; margin:96px 0 48px 0; padding:0; color:#000000}
h2 sup {display:inline-block; vertical-align:top; color:#93979b; margin:-13px 0 0 12px; font-size:28px}
h3 {font-weight:600; font-size:44px; line-height:53px; letter-spacing:0.02em; margin:64px 0 32px 0; padding:0; color:#000000}
h4 {font-weight:600; font-size:40px; line-height:48px; margin:64px 0 32px 0; padding:0; color:#000000}
h5 {font-weight:600; font-size:24px; line-height:30px; margin:48px 0 32px 0; padding:0; color:#000000}
h6 {font-weight:600; font-size:20px; line-height:25px; margin:32px 0 16px 0; padding:0}
p {margin:32px 0; padding:0}
ul {margin:16px 0; padding:0; list-style:none}
p+ul {margin-top:-16px}
h5+ul {margin-top:-8px}
ul li {margin:16px 0; padding:0 0 0 28px; position:relative}
ul li::before {content:""; display:block; width:4px; height:4px; position:absolute; left:0; top:13px; background:#222222; border-radius:50%}
ol {margin:16px 0; padding:0; list-style:none; counter-reset:point}
p+ol {margin-top:-16px}
ol li {margin:16px 0; padding:0 0 0 28px; position:relative}
ol li::before {content:counter(point)'.'; counter-increment:point 1; position:absolute; left:0; top:0; width:auto; height:auto; background:none; border-radius:0}
ol ol {counter-reset:subpoint}
ol ol li::before {content:counter(point)'.'counter(subpoint); counter-increment:subpoint 1}
.anonce-text {font-size:22px; line-height:31px}

@media (max-width:1023px) {
    h1 {font-size:40px; line-height:48px; margin:80px 0 32px 0}
    h2 {font-size:32px; line-height:38px; margin:80px 0 32px 0}
    h3 {font-size:32px; line-height:38px}
    h4 {font-size:24px; line-height:30px}
    h5 {font-size:24px; line-height:30px}
}

.btn {display:inline-block; vertical-align:top; margin:0; padding:14px 40px; overflow:visible; outline:none; text-decoration:none; background:#000000; color:#ffffff; border:none; border-radius:8px; font:600 16px/20px Averta, sans-serif; letter-spacing:0; text-transform:none; text-align:center; position:relative; -webkit-appearance:none; cursor:pointer; transition:background 0.3s ease-out, color 0.3s ease-out; box-sizing:border-box}
.btn:hover {background:#e43f6f; color:#ffffff}
.btn:active {background:#e01451; color:#ffffff}
.btn::after {content:""; display:block; position:absolute; left:0; top:0; right:0; bottom:0; border-radius:8px; border:3px solid #e43f6f; opacity:0; transition:opacity 0.3s ease-out}
.btn:focus::after {opacity:1}

.btn.big {padding:23px 40px; font-size:18px; line-height:18px}

.btn.inverse {background:#ffffff; color:#000000}
.btn.inverse:hover {color:#e43f6f}
.btn.inverse:active {color:#e01451}
.btn.inverse::after {border-color:#222222}

.btn.green {background:#12aa73; color:#ffffff}
.btn.green:hover {background:#0f9464; color:#ffffff}
.btn.green:active {background:#0e865a; color:#ffffff}
.btn.green::after {border-color:#e43f6f}

.btn.orange {background:#ff8a48; color:#ffffff}
.btn.orange:hover {background:#e77332; color:#ffffff}
.btn.orange:active {background:#e46d29; color:#ffffff}
.btn.orange::after {border-color:#e43f6f}

.btn.purple {background:#825c99; color:#ffffff}
.btn.purple:hover {background:#6f4788; color:#ffffff}
.btn.purple:active {background:#603978; color:#ffffff}
.btn.purple::after {border-color:#e43f6f}

.btn.red {background:#f3665c; color:#ffffff}
.btn.red:hover {background:#ee5146; color:#ffffff}
.btn.red:active {background:#dd463c; color:#ffffff}
.btn.red::after {border-color:#222222}

.btn.rose {background:#e43f6f; color:#ffffff}
.btn.rose:hover {background:#d32e5e; color:#ffffff}
.btn.rose:active {background:#c01a4b; color:#ffffff}
.btn.rose::after {border-color:#222222}

.form-input {position:relative; margin:24px 0}
.form-input > span {position:absolute; left:24px; top:21px; font-size:18px; line-height:22px; color:#a0b1ba; transition:all 0.3s ease-out; z-index:1; pointer-events:none}
.form-input.focus > span,
.form-input.focus-always > span,
.form-input.full > span {font-size:14px; line-height:14px; top:12px; color:#274b5d}
.form-input:hover > span {color:#274b5d}
.form-input input,
.form-input textarea {position:relative; border:1px solid #ffffff; font:16px/22px Averta, sans-serif; color:#5e7480; vertical-align:top; margin:0; padding:29px 23px 11px 23px; width:100%; height:64px; box-sizing:border-box; outline:none; border-radius:4px; background:#ffffff; -webkit-appearance:none; transition:border-color 0.3s ease-out, color 0.3s ease-out}
.form-input textarea {height:128px; resize:none; overflow:auto}
.form-input input::-webkit-input-placeholder {opacity:1; color:rgba(0, 0, 0, 0.5)}
.form-input input::-moz-placeholder {opacity:1; color:rgba(0, 0, 0, 0.5)}
.form-input input:-ms-input-placeholder {opacity:1; color:rgba(0, 0, 0, 0.5)}
.form-input:hover input,
.form-input:hover textarea {border-color:rgba(0, 0, 0, 0.15); color:#274b5d}
.form-input input:focus,
.form-input textarea:focus {border-color:#222222; color:#274b5d}
.form-input input.error,
.form-input textarea.error {border-color:#f3665c}
label.error {display:block; margin:8px 0 0 24px; font-size:14px; line-height:14px; color:#f3665c}

.form-input input:-webkit-autofill,
.form-input input:-webkit-autofill:active,
.form-input input:-webkit-autofill:focus,
.form-input input:-webkit-autofill:hover {-webkit-text-fill-color:#274b5d; caret-color:#274b5d; -webkit-transition:background-color 999999s ease-in-out 0s; transition:background-color 999999s ease-in-out 0s}

.form-submit {margin:24px 0}
.form-submit .btn {display:block; width:100%}
.form-notice {margin:24px 0 0 0; text-align:center; font-size:16px; line-height:22px; color:#93979b}

@media (max-width:1023px) {
    .form-submit {margin:40px 0 24px 0}
    .form-notice {margin:32px 10px 0 10px; font-size:14px; line-height:17px; letter-spacing:0.015em}
}

.container {max-width:1160px; margin:0 auto; padding:0 16px}
.container::after {content:""; display:block; clear:both}

.wrapper {width:100%; min-width:360px; position:relative; overflow:hidden; padding:98px 0 0 0}

@media (max-width:1023px) {
    .wrapper {padding:64px 0 0 0}
}

.header {position:fixed; left:0; top:0; right:0; height:98px; z-index:999; background:#ffffff; transition:transform 0.2s}
.header.header-up {transform:translateY(-100%)}
.header-always-fixed .header::after,
.header.fixed::after {content:""; display:block; position:absolute; left:0; bottom:-36px; right:0; height:36px; background:linear-gradient(180deg, rgba(238, 241, 243, 0.55) 0%, rgba(238, 241, 243, 0.349479) 20.83%, rgba(238, 241, 243, 0.103464) 50.52%, rgba(238, 241, 243, 0) 100%); pointer-events:none}
.header.fixed.header-up::after {opacity:0}

@media (max-width:1023px) {
    .header {height:64px}
}

.logo {float:left; line-height:0; margin:30px 0 0 0}
.logo a {display:block}
.logo img {display:block; width:170px; height:34px}

@media (max-width:1023px) {
    .logo {margin:18px 0 0 0}
    .logo img {width:140px; height:28px}
}

.header-phone {display:none; float:right; margin:26px -12px 0 0; padding:0 12px; height:47px; line-height:47px}

@media (max-width:1023px) {
    .header-phone {display:none}
}

.nav {float:right; margin:26px 0 0 0}
.nav ul {float:left; margin:0; padding:0; list-style:none}
.nav ul li {float:left; margin:0 0 0 16px; padding:0; position:relative}
.nav ul li:first-child {margin:0}
.nav ul li::before {display:none}
.nav ul li a {display:block; padding:0 12px; height:47px; line-height:47px}
.nav-contacts {display:none}

@media (max-width:1023px) {
    .nav {display:none; float:none; margin:0; position:fixed; left:0; top:64px; right:0; bottom:0; padding:48px 16px 56px 16px; background:#fff; overflow:auto}
    .burger-open .nav {display:block}
    .nav ul {float:none; text-align:center}
    .nav ul li {float:none; margin:40px 0 0 0}
    .nav ul li:first-child {margin:0}
    .nav ul li a {line-height:27px; height:27px; padding:0}
    .nav-contacts {display:block; margin:48px 0 0 0; padding:48px 0 0 0; border-top:1px solid #e5e6e8; text-align:center}
    .nav-contacts-item {margin:16px 0 0 0; font-size:22px; line-height:31px}
    .nav-contacts-item:first-child {margin:0}
    .nav-contacts-item a {color:#222222}
    .nav-contacts-social {margin:24px 0 0 0; font-size:0; line-height:0; letter-spacing:-1px}
    .nav-contacts-social a {display:inline-block; vertical-align:top; margin:0 0 0 20px; width:32px}
    .nav-contacts-social a:first-child {margin:0}
    .nav-contacts-social a svg {display:block; width:32px; height:32px; fill:#000000}
}

.burger-link {display:none}

@media (max-width:1023px) {
    .burger-link {display:block; float:right; margin:16px 0 0 0; width:32px; height:32px}
    .burger-link svg {display:block; width:32px; height:32px; fill:#222222}
    .burger-link svg:nth-child(2) {display:none}

    .burger-open,
    .burger-open body {overflow:hidden; position:fixed; left:0; top:0; right:0; bottom:0}
    .burger-open .burger-link svg:nth-child(1) {display:none}
    .burger-open .burger-link svg:nth-child(2) {display:block}
}

.footer {margin:112px 0 0 0}

@media (max-width:1023px) {
    .footer {margin:80px 0 0 0}
}

.footer-content::after {content:""; display:block; clear:both}

.footer-contacts {float:left; clear:left; width:245px}
.footer-logo {line-height:0}
.footer-logo img {display:block; width:170px; height:34px}
.footer-address {margin:25px 0 0 0; border-top:1px solid #e5e6e8; border-bottom:1px solid #e5e6e8; padding:10px 0 16px 0; font-size:16px; line-height:22px}
.footer-contacts-text {margin:7px 0 0 0; font-size:22px; line-height:31px}
.footer-contacts-text a {color:#222222}
.footer-contacts-text a:hover {color:#e43f6f}
.footer-contacts-row {margin:4px 0 0 0}
.footer-menu {float:right; clear:right; width:550px; margin:18px 0 0 0}
.footer-menu-services {float:left; width:360px}
.footer-menu-services-title {font-size:16px; line-height:22px}
.footer-menu-services-menu {margin:23px 0 0 0; border-top:1px solid #e5e6e8; font-size:14px; line-height:17px; letter-spacing:0.015em; padding:13px 0 0 0}
.footer-menu-services-menu ul {margin:0 0 -16px 0; column-count:2; column-gap:24px}
.footer-menu-services-menu ul li {margin:0; padding:0 0 16px 0; -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid; break-inside:avoid-column}
.footer-menu-services-menu ul li::before {display:none}
.footer-menu-all {float:right; font-size:16px; line-height:22px}
.footer-menu-all ul {margin:0}
.footer-menu-all ul li {margin:14px 0 0 0; padding:0}
.footer-menu-all ul li:first-child {margin:0}
.footer-menu-all ul li::before {display:none}
.footer-social {float:left; clear:left; width:245px; margin:39px 0 0 0}
.footer-social a {float:left; margin:0 0 0 20px; width:32px}
.footer-social a:first-child {margin:0}
.footer-social a svg {display:block; width:32px; height:32px; fill:#000000; transition:fill 0.3s ease-out}
.footer-social a:hover svg {fill:#e43f6f}

@media (max-width:1023px) {
    .footer-contacts {float:none; clear:none; width:auto}
    .footer-address {margin:20px 0 0 0; padding:16px 0}
    .footer-contacts-text {margin:14px 0 0 0}
    .footer-menu {float:none; clear:none; width:auto; margin:28px 0 0 0; border-top:1px solid #e5e6e8; padding:28px 0 0 0}
    .footer-menu-services {float:none; width:auto}
    .footer-menu-services-menu {margin:32px 0 0 0; border-top:none; padding:0}
    .footer-menu-services-menu ul {margin:0; column-count:1; column-gap:0}
    .footer-menu-services-menu ul li {margin:16px 0 0 0; padding:0}
    .footer-menu-services-menu ul li:first-child {margin:0}
    .footer-menu-all {float:none; margin:30px 0 0 0}
    .footer-menu-all ul li {margin:24px 0 0 0}
    .footer-social {float:none; clear:none; width:auto; margin:34px 0 0 0}
    .footer-social::after {content:""; display:block; clear:both}
}

.footer-bottom {margin:95px 0 0 0; padding:24px 0 82px 0; border-top:1px solid #e5e6e8; font-size:14px; line-height:14px; color:#000000}
.footer-bottom::after {content:""; display:block; clear:both}
.footer-bottom-left {float:left}
.footer-copyrights {float:left}
.footer-link {float:left; margin:0 0 0 18px}
.footer-link a:hover {color:#85888b}
.footer-bottom-data {float:left; clear:left; margin:9px 0 0 0}
.footer-bottom-data-item {float:left; margin:0 0 0 27px}
.footer-bottom-data-item:first-child {margin:0}
.footer-developer {float:right; color:#93979b}

@media (max-width:1023px) {
    .footer-bottom {margin:28px 0 0 0; padding:28px 0 91px 0}
    .footer-bottom-left {float:none}
    .footer-copyrights {float:none}
    .footer-link {float:none; margin:16px 0 0 0}
    .footer-bottom-data {float:none; clear:none; margin:15px 0 0 0}
    .footer-bottom-data::after {content:""; display:block; clear:both}
    .footer-bottom-data-item {margin:0 0 0 24px}
    .footer-bottom-data-item:first-child {margin:0}
    .footer-developer {float:none; margin:16px 0 0 0}
}

.order {margin:48px -226px 0 -226px; padding:64px 226px; background:#222222; border-radius:32px}
.order::after {content:""; display:block; clear:both}
.order-img {float:right; width:360px; line-height:0}
.order-img img {display:block; width:100%}
.order-content {float:left; width:557px; padding:20px 0 0 0}
.order-content h4 {margin:0; color:#eef1f3; max-width:537px}
.order-text {margin:24px 0 0 0; font-size:20px; line-height:25px; color:rgba(255, 255, 255, 0.6)}
.order-btn {margin:48px 0 0 0}

@media (max-width:1023px) {
    .order {margin:80px 0 0 0; padding:48px 16px; border-radius:24px}
    .order-img {float:none; width:251px; margin:0 auto}
    .order-content {float:none; width:auto; margin:24px 0 0 0; padding:0}
    .order-content h4 {max-width:none; font-size:32px; line-height:38px}
    .order-btn {margin:24px 0 0 0}
    .order-btn .btn {width:100%}
}

.main-welcome {margin:112px 0 0 0}
.main-welcome::after {content:""; display:block; clear:both}
.main-welcome-back {margin:-48px 0 32px 0}
.main-welcome-back a {color:#000000}
.main-welcome-back a:hover {color:#e43f6f}
.main-welcome-back a svg {display:inline-block; vertical-align:middle; margin:-2px 14px 0 0; width:24px; height:24px; fill:#222222}
.main-welcome-img {float:right; width:28.36%; line-height:0}
.main-welcome-img img {display:block; width:100%}
.main-welcome-content {float:left; width:65.95%}
.main-welcome-content h1 {margin:0; font-size:56px; line-height:62px}
.main-welcome-text {margin:32px 0 0 0; max-width:648px; font-size:22px; line-height:31px}
.main-welcome-btn {margin:48px 0 0 0}

@media (max-width:1023px) {
    .main-welcome {margin:39px 0 0 0}
    .main-welcome-back {margin:-7px 0 24px 0}
    .main-welcome-img {width:171px; margin:0 -69px 0 0}
    .main-welcome-content {float:none; width:auto}
    .main-welcome-content h1 {font-size:32px; line-height:38px}
    .main-welcome-text {margin:28px 0 0 0; max-width:none; font-size:16px; line-height:22px}
    .main-welcome-btn {margin:30px 0 0 0}
    .main-welcome-btn .btn {width:100%; padding-left:0; padding-right:0}
}

.main-achives {margin:96px 0 0 0; border-top:1px solid #222222; padding:42px 0 0 0; font-size:0; line-height:0; letter-spacing:-1px}
.main-achives-item {display:inline-block; vertical-align:top; width:19.14%; padding:14px 0 0 0}
.main-achives-item+.main-achives-item {margin:0 0 0 6.47%}
.main-achives-item-title {color:#000000; font-weight:600; font-size:44px; line-height:53px; letter-spacing:0}
.main-achives-item-title span {font-size:56px; line-height:62px}
.main-achives-item-text {margin:6px 0 0 0; font-size:18px; line-height:27px; letter-spacing:0.02em; color:rgba(34, 34, 34, 0.8)}
.main-achives-item-big {margin:0 4.43% 0 0; width:auto; padding:0}
.main-achives-item-value {display:inline-block; vertical-align:top; font-size:146px; line-height:146px; letter-spacing:-0.04em; color:#000000}
.main-achives-item-value span {display:none}
.main-achives-item-value-more {display:inline-block; vertical-align:top; margin:12px 0 0 6px; font-weight:600; font-size:56px; line-height:62px; letter-spacing:-0.04em; color:#000000}
.main-achives-item-big-text {display:inline-block; vertical-align:top; margin:21px 0 0 17px}

@media (max-width:1191px) {
    .main-achives-item-title {font-size:40px; line-height:48px}
    .main-achives-item-title span {font-size:40px; line-height:48px}
    .main-achives-item-value {font-size:40px; line-height:48px; letter-spacing:0}
    .main-achives-item-value-more {font-size:40px; line-height:48px; letter-spacing:0; margin:0}
    .main-achives-item-big .main-achives-item-value {margin:14px 0 0 0}
    .main-achives-item-big .main-achives-item-value-more {margin:14px 0 0 0}
    .main-achives-item-big-text {margin:14px 0 0 17px}
}

@media (max-width:1023px) {
    .main-achives {margin:56px -16px 0 -16px; border-top:none; padding:0}
    .main-achives-inner {display:inline-block; vertical-align:top; border-top:1px solid #000; padding:24px 0 0 0; margin:0 16px; white-space:nowrap; min-width:calc(100% - 32px)}
    .main-achives-item {width:auto; padding:0; white-space:normal}
    .main-achives-item+.main-achives-item {margin:0 0 0 32px}
    .main-achives-item-title {font-size:40px; line-height:48px}
    .main-achives-item-title span {font-size:40px; line-height:48px}
    .main-achives-item-text {margin:4px 0 0 0; font-size:14px; line-height:17px; letter-spacing:0.015em}
    .main-achives-item-big {margin:0}
    .main-achives-item-value {display:block; font-weight:600; font-size:40px; line-height:48px; letter-spacing:0}
    .main-achives-item-value span {display:inline}
    .main-achives-item-big .main-achives-item-value {margin:0}
    .main-achives-item-big .main-achives-item-value-more {margin:0}
    .main-achives-item-value-more {display:none}
    .main-achives-item-big-text {display:block; margin:4px 0 0 0; max-width:94px}
    .main-achives-item-big-text .main-achives-item-title {display:inline; font-weight:normal; font-size:14px; line-height:17px; letter-spacing:0.015em; color:rgba(34, 34, 34, 0.8)}
    .main-achives-item-big-text .main-achives-item-text {display:inline; margin:0}
    .main-achives-item:nth-child(3) {max-width:131px}
    .main-achives .mCSB_horizontal.mCSB_inside > .mCSB_container {margin:0}
    .main-achives .mCSB_scrollTools.mCSB_scrollTools_horizontal {opacity:0 !important}
}

.main-services {margin:112px -226px 0 -226px; padding:40px 214px 64px 214px; background:#eef1f3; border-radius:32px}
.main-services::after {content:""; display:block; clear:both}
.main-services-header {display:none}
.main-services-item {float:left; width:33.33%; padding:24px 12px 0 12px}
.main-services-item-inner {display:block; position:relative; padding:29px 40px 68px 20px; background:#ffffff; border-radius:10px; min-height:272px; color:#000000; text-decoration:none; transition:box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out}
.main-services-item-inner::after {content:""; display:block; clear:both}
.main-services-item-inner:hover {box-shadow:0px 24px 64px -12px rgba(5, 23, 62, 0.05), 0px 24px 40px -12px rgba(5, 23, 62, 0.2); transform:translateY(-1px)}
.main-services-item-big-vertical .main-services-item-inner {min-height:568px}
.main-services-item-big-horizontal {width:66.66%}
.main-services-item-title {font-weight:600; font-size:24px; line-height:30px; color:#000000; padding:0 51px 0 0}
.main-services-item-big-horizontal .main-services-item-title {float:left; width:50%; padding:0 24px 0 0}
.main-services-item-icon {position:absolute; right:28px; top:20px}
.main-services-item-icon img {display:block; width:48px; height:48px}
.main-services-item-link {position:absolute; left:24px; bottom:24px; font-weight:600; font-size:16px; line-height:20px; color:#2f80ed}
.main-services-item-link em {font-style:normal; color:#2f80ed}
.main-services-item-link em:hover {color:#e43f6f}
.main-services-item-text {margin:28px 0 0 0; font-size:16px; line-height:22px; color:#85888b}
.main-services-item-big-horizontal .main-services-item-text {float:left; width:50%; padding:0 61px 0 22px; margin:0}
.main-services-item-link span {display:block; font-weight:normal; font-size:14px; line-height:14px}
.main-services-item-link strong {display:block; margin:3px 0 -4px 0; font-weight:normal; font-size:32px; line-height:40px}

@media (max-width:1192px) {
    .main-services-item-title {padding:0 20px 0 0}
}

@media (max-width:1023px) {
    .main-services {margin:80px -16px 0 -16px; padding:40px 16px; border-radius:0}
    .main-services-header {display:block}
    .main-services-header::after {content:""; display:block; clear:both}
    .main-services-header h2 {float:left; margin:0}
    .main-services-all {float:right; margin:15px 0 0 0; font-weight:600; font-size:16px; line-height:20px}
    .main-services-all a {color:#2f80ed}
    .main-services-all a:hover {color:#e43f6f}
    .main-services-list {margin:24px -16px 0 -8px; font-size:0; line-height:0; letter-spacing:-1px; white-space:nowrap}
    .main-services-item {float:none; display:inline-block; vertical-align:top; width:auto; padding:0; white-space:normal; letter-spacing:0}
    .main-services-item:first-child {margin:0}
    .main-services-item-inner {padding:16px 16px 20px 16px; background:#ffffff; border-radius:10px; min-height:0; margin:0 8px; width:284px}
    .main-services-item-big-vertical .main-services-item-inner {min-height:0}
    .main-services-item-big-horizontal {width:auto}
    .main-services-item-title {font-size:20px; line-height:25px; padding:0 60px 0 0}
    .main-services-item-big-horizontal .main-services-item-title {float:none; width:auto; padding:0 60px 0 0}
    .main-services-item-icon {right:12px; top:8px}
    .main-services-item-link {position:relative; left:auto; bottom:auto; margin:13px 0 0 0}
    .main-services-item-text {display:none}
}

.main-projects {margin:112px 0 0 0}
.main-projects-header::after {content:""; display:block; clear:both}
.main-projects-header h2 {float:left; margin:0}
.main-projects-all {float:right; margin:34px 0 0 0; font-weight:600; font-size:16px; line-height:20px}
.main-projects-all a {color:#2f80ed}
.main-projects-all a:hover {color:#e43f6f}
.main-projects-anonce {margin:40px 0 0 0; max-width:936px; font-size:22px; line-height:31px}
.main-projects-list {margin:48px -12px -96px -12px; font-size:0; line-height:0; letter-spacing:-1px}
.main-projects-item {display:inline-block; vertical-align:top; width:50%; padding:0 12px 96px 12px}
.main-projects-item a {display:block}
.main-projects-item-preview img {display:block; width:100%; border-radius:10px}
.main-projects-item-date {margin:24px 0 0 0}
.main-projects-item-date span {display:inline-block; vertical-align:top; padding:0 16px; height:27px; border-radius:14px; background:#eef1f3; font-size:14px; line-height:27px; letter-spacing:0; color:#93979b}
.main-projects-item-title {margin:24px 52px 0 0; font-weight:600; font-size:24px; line-height:30px; letter-spacing:0; color:#000000}
.main-projects-item-date+.main-projects-item-title {margin-top:16px}
.main-projects-item-anonce {margin:16px 52px 0 0; font-size:16px; line-height:22px; letter-spacing:0; color:#868c92}
.main-projects-item-link {margin:16px 0 0 0; font-weight:600; font-size:16px; line-height:24px; letter-spacing:0}
.main-projects-item-link em {font-style:normal; color:#2f80ed}
.main-projects-item-link em:hover {color:#e43f6f}
.main-projects-item-link span {display:inline-block; vertical-align:middle; width:24px; height:24px; margin:-2px 8px 0 0; background:#dbeaff; border-radius:50%; position:relative; overflow:hidden; transition:background 0.3s ease-out}
.main-projects-item-link em:hover span {background:#ffe0e9}
.main-projects-item-link em span svg {display:block; position:absolute; left:-100%; top:0; width:24px; height:24px; fill:#2f80ed; transform:translateX(100%); transition:transform 0.3s ease-out, opacity 0.3s ease-out}
.main-projects-item-link em:hover span svg {left:100%; transform:translateX(0)}
.main-projects-item-link em span svg:nth-child(1) {opacity:1}
.main-projects-item-link em:hover span svg:nth-child(1) {opacity:0}
.main-projects-item-link em span svg:nth-child(2) {left:100%; transform:translateX(0); opacity:1}
.main-projects-item-link em:hover span svg:nth-child(2) {left:0; transform:translateX(100%); opacity:0}
.main-projects-item-link em span svg:nth-child(3) {fill:#e43f6f; left:-200%; transform:translateX(0); opacity:0}
.main-projects-item-link em:hover span svg:nth-child(3) {left:-100%; transform:translateX(100%); opacity:1}
.main-projects-item-link em span svg:nth-child(4) {fill:#e43f6f; left:0; transform:translateX(100%); opacity:0}
.main-projects-item-link em:hover span svg:nth-child(4) {left:100%; transform:translateX(0); opacity:1}
.main-projects-more {margin:96px 0 0 0; text-align:center}
.main-projects-more .btn {width:310px; font-size:16px; line-height:20px; position:relative}
.main-projects-more .btn.loading {pointer-events:none; cursor:default}
.main-projects-more .btn.loading::before {content:""; display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(255, 255, 255, 0.3) url(/assets/css/../images/loading.svg) no-repeat center}
.main-projects-summ {margin:96px 0 0 0; border-top:1px solid #000000; padding:80px 0 0 0; text-align:center; font-size:0; line-height:0; letter-spacing:-1px}
.main-projects-summ-inner {margin:0 -12px}
.main-projects-summ-item {display:inline-block; vertical-align:top; width:33.33%; padding:0 12px}
.main-projects-summ-item-value {font-weight:600; font-size:56px; line-height:62px; color:#000000; letter-spacing:0; white-space:nowrap}
.main-projects-summ-item-text {margin:6px 53px 0 53px; font-size:18px; line-height:27px; letter-spacing:0; color:rgba(34, 34, 34, 0.8)}

@media (max-width:1023px) {
    .main-projects {margin:80px 0 0 0}
    .page-list-header+.main-projects {margin:48px 0 0 0}
    .main-projects-all {display:none}
    .main-projects-anonce {display:none}
    .main-projects-list {margin:32px 0 0 0}
    .main-projects-item {display:block; width:auto; padding:0; margin:64px 0 0 0}
    .main-projects-item:first-child {margin:0}
    .main-projects-item-title {margin:24px 0 0 0}
    .main-projects-item-anonce {margin:16px 0 0 0}
    .main-projects-more {margin:48px 0 0 0}
    .main-projects-more .btn {width:100%}
    .main-projects-summ {margin:80px -16px 0 0; padding:24px 0 0 0; text-align:left}
    .main-projects-summ-inner {margin:0; white-space:nowrap}
    .main-projects-summ-item {width:auto; padding:0; margin:0 0 0 32px; white-space:normal}
    .main-projects-summ-item:first-child {margin:0}
    .main-projects-summ-item-value {font-size:40px; line-height:48px}
    .main-projects-summ-item-text {margin:4px 0 0 0; font-size:14px; line-height:17px; letter-spacing:0.015em; max-width:100px}
    .main-projects-summ-item:first-child .main-projects-summ-item-text {max-width:160px}
    .main-projects-summ .mCSB_horizontal.mCSB_inside > .mCSB_container {margin:0}
    .main-projects-summ .mCSB_scrollTools.mCSB_scrollTools_horizontal {opacity:0 !important}
}

.main-widgets {margin:112px -226px 0 -226px; padding:96px 214px 80px 214px; background:#eef1f3; border-radius:32px}
.main-widgets-header::after {content:""; display:block; clear:both}
.main-widgets-header h2 {float:left; margin:0}
.main-widgets-all {float:right; margin:34px 0 0 0; font-weight:600; font-size:16px; line-height:20px}
.main-widgets-all a {color:#2f80ed}
.main-widgets-all a:hover {color:#e43f6f}
.main-widgets-anonce {margin:40px 0 0 0; max-width:936px; font-size:22px; line-height:31px}
.main-widgets-list {margin:48px 0 0 0}
.main-widgets-item {display:block; margin:48px 0 0 0; position:relative; padding:32px 0 32px 24px; border-radius:10px; color:#ffffff; overflow:hidden; transition:background 0.3s ease-in-out, transform 0.3s ease-in-out}
.main-widgets-item:hover {color:#ffffff; transform:translateY(-1px)}
.main-widgets-item.hidden {display:none}
.main-widgets-item.green {background:#12aa73}
.main-widgets-item.green:hover {background:#0f9464}
.main-widgets-item.orange {background:#ee854a}
.main-widgets-item.orange:hover {background:#e77332}
.main-widgets-item.purple {background:#825c99}
.main-widgets-item.purple:hover {background:#6f4788}
.main-widgets-item.red {background:#f3665c}
.main-widgets-item.red:hover {background:#ee5146}
.main-widgets-item-img {position:absolute; right:0; bottom:0; line-height:0}
.main-widgets-item-img img {display:block}
.main-widgets-item-type {padding:0 0 0 32px; position:relative; font-weight:600; font-size:14px; line-height:14px; letter-spacing:0.065em; color:rgba(255, 255, 255, 0.64); text-transform:uppercase}
.main-widgets-item-type svg {display:block; position:absolute; left:0; top:-2px; width:18px; height:18px; fill:#ffffff}
.main-widgets-item h4 {margin:24px 0 0 0; color:#ffffff}
.main-widgets-item-text {margin:16px 0 0 0; font-size:16px; line-height:22px; color:rgba(255, 255, 255, 0.8); max-width:552px}
.main-widgets-item-discount {margin:35px 0 0 0}
.main-widgets-item-discount span {display:inline-block; vertical-align:top; padding:5px 10px; background:rgba(255, 255, 255, 0.7); border-radius:12px; font-size:14px; line-height:14px; font-weight:600}
.main-widgets-item.green .main-widgets-item-discount span {color:#12aa73}
.main-widgets-item.orange .main-widgets-item-discount span {color:#ee854a}
.main-widgets-item.purple .main-widgets-item-discount span {color:#825c99}
.main-widgets-item.red .main-widgets-item-discount span {color:#f3665c}
.main-widgets-item-price {margin:40px 0 0 0; width:272px; border-top:1px solid #e5e6e8; padding:16px 0 0 0; position:relative}
.main-widgets-item-discount+.main-widgets-item-price {margin:16px 0 0 0}
.main-widgets-item-price::after {content:""; display:block; clear:both}
.main-widgets-item-price-old {position:absolute; left:0; top:2px; font-weight:600; font-size:16px; line-height:20px; color:rgba(255, 255, 255, 0.61)}
.main-widgets-item-price-old::after {content:""; display:block; position:absolute; left:0; top:50%; right:0; height:2px; margin-top:-1px; background:rgba(255, 255, 255, 0.3)}
.main-widgets-item-price-value {float:left; font-size:32px; line-height:40px}
.main-widgets-item-price-value span {margin:0 0 0 8px; font-size:16px; line-height:20px; font-weight:600; color:#eef1f3}
.main-widgets-item-price-free {float:right}
.main-widgets-item-price-free-value {float:left; font-size:32px; line-height:40px}
.main-widgets-item-price-free-text {float:left; width:93px; margin:7px 0 0 7px; font-size:14px; line-height:14px}
.main-widgets-item-btn {margin:16px 0 0 0}
.main-widgets-item-btn .btn {width:272px; padding-left:0; padding-right:0; transition:color 0.3s ease-out, opacity 0.3s ease-out}
.main-widgets-item-btn .btn:hover {opacity:0.92}
.widget-header.green .main-widgets-item-btn .btn,
.main-widgets-item.green .btn {background:#fff; color:#12aa73}
.main-widgets-item.green .btn:hover {color:#0f9464}
.main-widgets-item.green .btn:active {color:#0e865a}
.widget-header.orange .main-widgets-item-btn .btn,
.main-widgets-item.orange .btn {background:#fff; color:#ff8a48}
.main-widgets-item.orange .btn:hover {color:#e77332}
.main-widgets-item.orange .btn:active {color:#e46d29}
.widget-header.purple .main-widgets-item-btn .btn,
.main-widgets-item.purple .btn {background:#fff; color:#825c99}
.main-widgets-item.purple .btn:hover {color:#6f4788}
.main-widgets-item.purple .btn:active {color:#603978}
.widget-header.red .main-widgets-item-btn .btn,
.main-widgets-item.red .btn {background:#fff; color:#f3665c}
.main-widgets-item.red .btn:hover {color:#ee5146}
.main-widgets-item.red .btn:active {color:#dd463c}

@media (max-width:1023px) {
    .main-widgets {margin:80px -16px 0 -16px; padding:48px 16px; border-radius:0}
    .main-widgets-all {margin:15px 0 0 0}
    .main-widgets-anonce {display:none}
    .main-widgets-list {margin:32px 0 0 0}
    .main-widgets-item {margin:16px 0 0 0; padding:32px 16px}
    .main-widgets-item-img {display:none}
    .main-widgets-item-discount {margin:32px 0 0 0}
    .main-widgets-item-price {margin:32px 0 0 0}
    .main-widgets-item-discount+.main-widgets-item-price {margin:16px 0 0 0}
}

.page-list-header {margin:64px 0 0 0; text-align:center}
.page-list-header h1 {margin:0}
.page-list-header-text {margin:32px auto 0 auto; max-width:940px; font-size:22px; line-height:31px}
.page-list-header-text span {color:#e43f6f}
.page-list-header-text a {color:#2f80ed}
.page-list-header-text a:hover {color:#e43f6f}
.page-list-header .main-projects-summ {margin:64px 0 0 0; padding:48px 0 0 0}

@media (max-width:1023px) {
    .page-list-header {margin:48px 0 0 0}
    .page-list-header-text {margin:32px 0 0 0; max-width:none; font-size:20px; line-height:25px}
    .page-list-header-text br {display:none}
    .page-list-header .main-projects-summ {margin:48px -16px 0 0; padding:24px 0 0 0}
}

.audit {margin:112px -226px 0 -226px; padding:64px 226px; background:#eef1f3; border-radius:32px}
.audit::after {content:""; display:block; clear:both}
.audit-img {float:right; width:31.91%; line-height:0}
.audit-img img {display:block; width:100%}
.audit-content {float:left; width:62.05%; padding:33px 0 0 0}
.audit-content h4 {margin:0}
.audit-widget .audit-content h4 {max-width:537px}
.audit-text {margin:24px 0 48px 0; max-width:557px; font-size:20px; line-height:25px; color:rgba(0, 0, 0, 0.75)}
.audit-btn {margin:40px 0 0 0}

@media (max-width:1023px) {
    .audit {margin:80px 0 0 0; padding:48px 16px; border-radius:24px}
    .audit-img {float:none; width:auto}
    .audit-widget .audit-img {max-width:250px; margin:0 auto}
    .audit-content {float:none; width:auto; padding:24px 0 0 0}
    .audit-content h4 {font-size:32px; line-height:38px}
    .audit-widget .audit-content h4 {max-width:none}
    .audit-text {margin:24px 0; max-width:none}
    .audit-btn {margin:24px 0 0 0}
    .audit-btn .btn {padding-left:0; padding-right:0; width:100%}
}

.widgets-clients {margin:112px 0 0 0}
.widgets-clients h2 {margin:0}
.widgets-clients-list {margin:22px -12px 0 -12px; font-size:0; line-height:0; letter-spacing:-1px}
.widgets-clients-item {display:inline-block; vertical-align:top; width:25%; padding:24px 12px 0 12px}
.widgets-clients-item-inner {display:block; height:112px; text-align:center; line-height:112px; background:#eef1f3; border-radius:10px}
.widgets-clients-list .slick-slide .widgets-clients-item-inner img,
.widgets-clients-item-inner img {display:inline-block; vertical-align:middle; max-height:100%}

@media (max-width:1023px) {
    .widgets-clients {margin:64px 0 0 0}
    .widgets-clients-list {margin:24px 2px 0 -4px}
    .widgets-clients-list-inner {display:block}
    .widgets-clients-list-inner .slick-list {overflow:visible !important}
    .widgets-clients-item {width:100% !important; padding:8px 4px 0 4px}
    .widgets-clients-item-inner {height:48px; line-height:48px}
    .widgets-clients-item-inner img {max-width:50%; max-height:50%; border-radius:4px}
}

.page-widgets {padding-top:64px; padding-bottom:64px}
.page-widgets h2 {display:none}
.widgets-tabs {margin:-16px -8px 0 -8px; font-size:0; line-height:0; letter-spacing:-1px; text-align:center; position:relative; z-index:1}
.widgets-tabs a {display:inline-block; vertical-align:top; margin:16px 8px 0 8px; padding:10px 19px; background:#ffffff; border:1px solid rgba(0, 0, 0, 0.15); border-radius:20px; color:#222222; font-size:18px; line-height:18px; font-weight:600; letter-spacing:0; transition:color 0.3s ease-out, background 0.3s ease-out, border-color 0.3s ease-out}
.widgets-tabs a:hover {background:#eef1f3}
.widgets-tabs a.active {background:#000000; color:#ffffff; border-color:#000000}
.page-widgets .main-widgets-list {margin:40px 0 0 0}
.page-widgets .main-widgets-item {margin:80px 0 0 0; letter-spacing:0}
.page-widgets .main-widgets-item:first-child {margin:0}

@media (max-width:1023px) {
    .page-widgets {margin-top:48px; padding-top:48px; padding-bottom:48px}
    .page-widgets h2 {display:block; margin:0}
    .widgets-tabs {margin:32px -16px 0 -16px; white-space:nowrap}
    .widgets-tabs a {margin:0 8px 0 0}
    .widgets-tabs a:first-child {margin:0 8px 0 16px}
    .widgets-tabs a:last-child {margin:0 16px 0 0}
    .widgets-tabs .mCSB_horizontal.mCSB_inside > .mCSB_container {margin:0}
    .widgets-tabs .mCSB_scrollTools.mCSB_scrollTools_horizontal {opacity:0 !important; pointer-events:none}
    .page-widgets .main-widgets-list {margin:32px 0 0 0}
    .page-widgets .main-widgets-item {margin:16px 0 0 0}
    .page-widgets .main-widgets-item:first-child {margin:0}
}

.widgets-list {margin:0 -12px; font-size:0; line-height:0; letter-spacing:-1px}
.widgets-list+.widgets-list {margin-top:56px}
.widgets-list .main-widgets-item {margin-left:12px; margin-right:12px}
.widgets-list .main-widgets-item:first-child {margin-left:12px; margin-right:12px}
.widgets-item {display:inline-block; vertical-align:top; width:100%; padding:24px 12px 0 12px}
.widgets-item.hidden {display:none}
.widgets-item.half {width:50%}
.widgets-item.third {width:33.33%}
.widgets-item-inner {display:block; background:#ffffff; color:#222222; border-radius:10px; padding:32px 64px 28px 24px; letter-spacing:0; transition:box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out}
.widgets-item-inner:hover {color:#222222; box-shadow:0px 24px 64px -12px rgba(5, 23, 62, 0.05), 0px 24px 40px -12px rgba(5, 23, 62, 0.2); transform:translateY(-1px)}
.widgets-item-type {font-weight:600; font-size:14px; line-height:14px; letter-spacing:0.065em; text-transform:uppercase; color:#85888b}
.widgets-item.green .widgets-item-type {color:#12aa73}
.widgets-item.orange .widgets-item-type {color:#ff8a48}
.widgets-item.purple .widgets-item-type {color:#825c99}
.widgets-item.red .widgets-item-type {color:#f3665c}
.widgets-item-inner h5 {margin:24px 0 0 0}
.widgets-item.with-label .widgets-item-text {padding-bottom:40px}
.widgets-item-descr {margin:16px 0 0 0; font-size:16px; line-height:22px; color:#85888b}
.widgets-item-price {margin:40px 0 0 0; width:272px; border-top:1px solid #e5e6e8; padding:16px 0 0 0; position:relative}
.widgets-item-price::after {content:""; display:block; clear:both}
.widgets-item-discount {position:absolute; left:0; top:-41px}
.widgets-item-discount span {display:inline-block; vertical-align:top; padding:5px 10px; background:rgba(255, 255, 255, 0.15); border-radius:12px; font-size:14px; line-height:14px; font-weight:600}
.widgets-item.green .widgets-item-discount span {color:#12aa73; background:rgba(18, 170, 115, 0.15)}
.widgets-item.orange .widgets-item-discount span {color:#ee854a; background:rgba(255, 138, 72, 0.15)}
.widgets-item.purple .widgets-item-discount span {color:#825c99; background:rgba(130, 92, 153, 0.15)}
.widgets-item.red .widgets-item-discount span {color:#f3665c; background:rgba(243, 102, 92, 0.15)}
.widgets-item-newently {position:absolute; left:0; top:-41px}
.widgets-item-newently span {display:inline-block; vertical-align:top; padding:5px 10px; background:rgba(255, 255, 255, 0.15); border-radius:12px; font-size:14px; line-height:14px; font-weight:600}
.widgets-item.green .widgets-item-newently span {color:#12aa73; background:rgba(18, 170, 115, 0.15)}
.widgets-item.orange .widgets-item-newently span {color:#ee854a; background:rgba(255, 138, 72, 0.15)}
.widgets-item.purple .widgets-item-newently span {color:#825c99; background:rgba(130, 92, 153, 0.15)}
.widgets-item.red .widgets-item-newently span {color:#f3665c; background:rgba(243, 102, 92, 0.15)}
.widgets-item-price-old {position:absolute; left:0; top:2px; font-weight:600; font-size:16px; line-height:20px; color:#000000}
.widgets-item-price-old::after {content:""; display:block; position:absolute; left:0; top:50%; right:0; height:2px; margin-top:-1px; background:rgba(34, 34, 34, 0.3)}
.widgets-item-price-value {float:left; font-size:32px; line-height:40px}
.widgets-item.green .widgets-item-discount+.widgets-item-price-old+.widgets-item-price-value {color:#12aa73}
.widgets-item.orange .widgets-item-discount+.widgets-item-price-old+.widgets-item-price-value {color:#ee854a}
.widgets-item.purple .widgets-item-discount+.widgets-item-price-old+.widgets-item-price-value {color:#825c99}
.widgets-item.red .widgets-item-discount+.widgets-item-price-old+.widgets-item-price-value {color:#f3665c}
.widgets-item-price-value span {margin:0 0 0 8px; font-size:16px; line-height:20px; font-weight:600}
.widgets-item-price-free {float:right}
.widgets-item-price-free-value {float:left; font-size:32px; line-height:40px}
.widgets-item-price-free-text {float:left; width:93px; margin:7px 0 0 7px; font-size:14px; line-height:14px}
.widgets-item-btn {margin:16px 0 0 0}
.widgets-item-btn .btn {width:272px; padding-left:0; padding-right:0}

@media (max-width:1023px) {
    .widgets-list {margin:16px 0 0 0}
    .widgets-list+.widgets-list {margin-top:16px}
    .widgets-list .main-widgets-item {margin-left:0; margin-right:0}
    .widgets-item {display:block; width:auto; padding:0; margin:16px 0 0 0}
    .widgets-item.half {width:auto}
    .widgets-item.third {width:auto}
}

.page-services {margin-top:96px}

@media (max-width:1023px) {
    .page-services {margin-top:48px}
    .page-services .main-services-item {display:block; margin:16px 0 0 0}
    .page-services .main-services-item:first-child {margin:0}
    .page-services .main-services-item-inner {width:auto}
    .page-services .main-services-item-text {display:block; margin:16px 0 24px 0; font-size:14px; line-height:17px}
    .page-services .main-services-item-big-horizontal .main-services-item-text {float:none; margin:16px 0 24px 0; padding:0; width:auto}
}

.consult {padding-top:55px; padding-bottom:55px}
.consult .order-img {width:552px}
.consult .order-content {padding:59px 0 0 0}

@media (max-width:1023px) {
    .consult {padding-top:48px; padding-bottom:48px}
    .consult .order-img {width:auto}
    .consult .order-content {padding:24px 0 0 0}
}

.project-header {position:relative; background:no-repeat center; background-size:cover; padding:64px 0; min-height:588px}
.project-header::before {content:""; display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0, 0, 0 0.3)}
.project-header .container {position:relative}
.project-header-content {float:left; width:936px}
.project-header-back a {color:rgba(255, 255, 255, 0.59)}
.project-header-back a:hover {color:#ffffff}
.project-header-back a svg {display:inline-block; vertical-align:middle; margin:-2px 14px 0 0; width:24px; height:24px; fill:#ffffff}
.project-header-content h1 {font-size:56px; line-height:62px; margin:32px 0 0 0; color:#ffffff}
.project-header-text {margin:32px 0 0 0; max-width:715px; font-size:22px; line-height:31px; color:rgba(255, 255, 255, 0.7)}
.project-header-btn {margin:48px 0 0 0}
.project-header-logo {float:right; margin:59px 0 0 0; width:94px; height:94px; background:#ffffff; text-align:center; line-height:94px; border-radius:50%; position:relative; overflow:hidden}
.project-header-logo img {display:inline-block; vertical-align:middle; margin:-2px 0 0 0; max-height:100%}

@media (max-width:1023px) {
    .project-header {padding:32px 0 55px 0; min-height:0}
    .project-header-content {float:none; width:auto}
    .project-header-content h1 {font-size:32px; line-height:38px; margin:24px 0 0 0}
    .project-header-text {margin:16px 48px 0 0; max-width:none; font-size:16px; line-height:22px}
    .project-header-logo {display:none}
}

.project-client {margin:80px 0 96px 0; text-align:center}
.project-client-header {font-weight:600; font-size:14px; line-height:14px; letter-spacing:0.065em; color:#93979b; text-transform:uppercase}
.project-client h3 {margin:24px auto 0 auto; max-width:743px}
.project-client-text {margin:16px auto 0 auto; max-width:743px; font-size:22px; line-height:31px}
.project-client-info {margin:64px 0 0 0; border-top:1px solid #000000; border-bottom:1px solid #000000; padding:48px 0}
.project-client-info::after {content:""; display:block; clear:both}
.project-client-info-item {float:left; width:33.33%}
.project-client-info-item-value {font-weight:600; font-size:56px; line-height:62px; color:#000000}
.project-client-info-item-text {max-width:310px; margin:6px auto 0 auto; opacity:0.9}

@media (max-width:1023px) {
    .project-client {margin:64px 0 0 0; text-align:left}
    .project-client h3 {max-width:none}
    .project-client-text {margin:32px 0 0 0; max-width:none; font-size:20px; line-height:25px}
    .project-client-info {margin:48px -32px 0 0; border-bottom:none; padding:24px 0 0 0}
    .project-client-info-item:nth-child(1) {width:99px}
    .project-client-info-item:nth-child(2) {width:104px; margin:0 0 0 24px}
    .project-client-info-item:nth-child(3) {width:104px; margin:0 0 0 24px}
    .project-client-info-item-value {font-size:40px; line-height:48px}
    .project-client-info-item-text {max-width:none; margin:4px 0 0 0; font-size:14px; line-height:17px; opacity:0.8}
}

.page-menu-mobile {display:none}

@media (max-width:1192px) {
    .page-menu-mobile {display:block; margin:40px 0 0 0}
    .page-menu-mobile-title {text-transform:uppercase; font-weight:600; font-size:14px; line-height:14px; letter-spacing:0.065em; color:#93979b}
    .page-menu-mobile ol {margin:38px 0 0 0; padding:0; font-size:16px; line-height:22px; counter-reset:pointmenu}
    .page-menu-mobile ol li {margin:16px 0 0 0; padding:0}
    .page-menu-mobile ol li::before {display:none}
    .page-menu-mobile ol li a {color:#93979b; text-decoration:none; display:block; position:relative; padding:0 0 0 40px}
    .page-menu-mobile ol li a:hover {color:#222}
    .page-menu-mobile ol li a::before {content:counter(pointmenu); counter-increment:pointmenu 1; display:block; position:absolute; left:0; top:0; width:24px; height:24px; border:1px solid rgba(147, 151, 155, 0.22); border-radius:50%; color:#93979b; text-align:center; transition:color 0.3s ease-out, background 0.3s ease-out, border-color 0.3s ease-out}
    .page-menu-mobile ol li a:hover::before {color:#222; background:rgba(0, 0, 0, 0.033); border-color:rgba(34, 34, 34, 0.22)}
}

.page {margin:80px 0 0 0}
.page::after {content:""; display:block; clear:both}
.page-menu {float:right; width:234px}
.page-menu-inner {position:relative}
.page-menu.fixed .page-menu-inner {position:fixed; top:120px; width:234px}
.page-menu-title {text-transform:uppercase; font-weight:600; font-size:14px; line-height:14px; letter-spacing:0.065em; color:#93979b}
.page-menu ol {margin:38px 0 0 0; padding:0; font-size:16px; line-height:22px; counter-reset:pointmenu}
.page-menu ol li {margin:16px 0 0 0; padding:0}
.page-menu ol li::before {display:none}
.page-menu ol li a {color:#93979b; text-decoration:none; display:block; position:relative; padding:0 0 0 40px}
.page-menu ol li.active a,
.page-menu ol li a:hover {color:#222}
.page-menu ol li a::before {content:counter(pointmenu); counter-increment:pointmenu 1; display:block; position:absolute; left:0; top:0; width:24px; height:24px; border:1px solid rgba(147, 151, 155, 0.22); border-radius:50%; color:#93979b; text-align:center; transition:color 0.3s ease-out, background 0.3s ease-out, border-color 0.3s ease-out}
.page-menu ol li.active a::before,
.page-menu ol li a:hover::before {color:#222; background:rgba(0, 0, 0, 0.033); border-color:rgba(34, 34, 34, 0.22)}
.page-container {float:left; width:742px}
.page-container > *:first-child {margin-top:0}
.page-container > *:last-child {margin-bottom:0}

@media (max-width:1192px) {
    .page-menu {display:none}
    .page-container {float:none; width:auto}
}

.page-block {margin:112px -612px 0 -226px; padding:80px 612px 64px 226px; background:#eef1f3; border-radius:32px}
.page-block > *:first-child {margin-top:0}
.page-block > *:last-child {margin-bottom:0}

@media (max-width:1192px) {
    .page-block {margin:80px -16px 0 -16px; padding:48px 16px; border-radius:0}
}

ol.page-list {margin:24px 0}
ol.page-list li {margin:24px 0; padding:0 0 0 48px}
.page-container ol.page-list:first-child li:first-child {margin-top:0}
ol.page-list li::before {content:counter(point); width:24px; height:24px; border-radius:50%; color:#ffffff; line-height:24px; text-align:center; font-size:16px; font-weight:600}
ol.page-list.blue li::before {background:#2f80ed}
ol.page-list.rose li::before {background:#e43f6f}
ol.page-list.green li::before {background:#12aa73}
ol.page-list.orange li::before {background:#ee854a}
ol.page-list.purple li::before {background:#825c99}
ol.page-list.red li::before {background:#f3665c}
ol.page-list h5 {margin:0 0 16px 0}

@media (max-width:1023px) {
    ol.page-list {margin:48px 0}
}

.project-card {margin:64px 0; background:#ffffff; box-shadow:0px 24px 64px -12px rgba(5, 23, 62, 0.05); border-radius:32px; padding:64px 48px}
.page-container .project-card {margin-right:-96px; padding-right:96px}
.project-card h5 {margin:0}
.project-card-persone {margin:40px 0 0 0; display:table; width:100%; border-collapse:collapse}
.project-card-persone:first-child {margin:0}
.project-card-persone-avatar {display:table-cell; vertical-align:middle; line-height:0; width:64px}
.project-card-persone-avatar-inner {position:relative; width:64px; overflow:hidden; border-radius:50%}
.project-card-persone-avatar-inner::after {content:""; display:block; position:absolute; left:0; top:0; right:0; bottom:0; border:2px solid #222222; box-shadow:inset 0px 0px 15px 2px #ffffff; border-radius:50%}
.project-card-persone-avatar.blue .project-card-persone-avatar-inner::after {border-color:#2f80ed}
.project-card-persone-avatar.rose .project-card-persone-avatar-inner::after {border-color:#e43f6f}
.project-card-persone-avatar-inner img {display:block; width:100%; border-radius:50%}
.project-card-persone-text {display:table-cell; vertical-align:middle; padding:0 0 0 24px; font-weight:600; font-size:16px; line-height:20px}
.project-card-text {margin:16px 0 0 0}
.project-card-text > *:first-child {margin-top:0}
.project-card-text > *:last-child {margin-bottom:0}

@media (max-width:1023px) {
    .project-card {margin:48px 0; padding:48px 16px}
    .page-container .project-card {margin-right:0; padding-right:16px}
}

.video-block {margin:64px 0}
h3+.video-block {margin-top:48px}
.video-block-link {display:block; text-decoration:none; color:#ffffff; border-radius:38px; padding:40px 40px 46px 40px; position:relative; transition:color 0.4s ease-out; background:#000000}
.video-block-link.blue {background:#70a8f3}
.video-block-link.green {background:#12aa73}
.video-block-link.orange {background:#ee854a}
.video-block-link.purple {background:#825c99}
.video-block-link.red {background:#f3665c}
.video-block-link-header {text-transform:uppercase; font-weight:600; font-size:15px; line-height:18px; letter-spacing:0; color:rgba(255, 255, 255, 0.7)}
.video-block-link-title {margin:16px 0 0 0; font-weight:normal; font-size:32px; line-height:40px}
.video-block-link-view {position:absolute; right:150px; bottom:75px; font-weight:600; font-size:16px; line-height:20px}
.video-block-link-icon {display:block; position:absolute; right:32px; bottom:32px; width:100px; height:100px}
.video-block-link-icon::before {content:""; display:block; position:absolute; left:50%; top:50%; width:100px; height:100px; transform:translate(-50%, -50%); background:#ffffff; opacity:0.49; transition:width 0.4s ease-out, height 0.4s ease-out, opacity 0.4s ease-out; border-radius:50%}
.video-block-link-icon::after {content:""; display:block; position:absolute; left:50%; top:50%; width:72px; height:72px; transform:translate(-50%, -50%); background:#ffffff; opacity:1; transition:width 0.4s ease-out, height 0.4s ease-out, opacity 0.4s ease-out; border-radius:50%}
.video-block-link:hover .video-block-link-icon::before {width:68px; height:68px; opacity:1}
.video-block-link:hover .video-block-link-icon::after {width:88px; height:88px; opacity:0.7}
.video-block-link-icon svg {display:block; width:100px; height:100px; position:relative; z-index:1}
.video-block-link.blue .video-block-link-icon svg {fill:#70a8f3}
.video-block-link.green .video-block-link-icon svg {fill:#12aa73}
.video-block-link.orange .video-block-link-icon svg {fill:#ee854a}
.video-block-link.purple .video-block-link-icon svg {fill:#825c99}
.video-block-link.red .video-block-link-icon svg {fill:#f3665c}
.video-block-more {margin:24px 0 0 0; font-size:16px; line-height:20px; font-weight:600}
.video-block-more a {color:#93979b}
.video-block-more a:hover {color:#e43f6f}
.video-block-more a svg {display:inline-block; vertical-align:middle; margin:-2px 8px 0 0; width:24px; height:24px; fill:#93979b}
.video-block-more a:hover svg {color:#e43f6f}
.video-block-link-container {display:flex; align-items:center; margin:37px 0 0 0}
.video-block-link-list {display:flex; align-items:center}
.video-block-link-list a {min-width:74px; max-width:74px; margin:0 0 0 32px}
.video-block-link-list a:first-child {margin:0}
.video-block-link-list a svg {display:block; width:74px; height:74px; fill:#FFFFFF; transition:fill 0.2s}
.video-block-link-list a:hover svg {fill:rgba(255, 255, 255, 0.7)}
.video-block-link-notice {font-weight:normal; font-size:15px; line-height:19px; text-transform:uppercase; max-width:170px; margin:0 0 0 40px}

@media (max-width:1023px) {
    .video-block {margin:48px 0}
    h3+.video-block {margin-top:32px}
    .video-block-link {border-radius:34px; padding:34px 32px 28px 32px}
    .video-block-link-title {margin:10px 0 0 0}
    .video-block-link-icon {right:24px; bottom:24px}
    .video-block-link-view {right:145px; bottom:65px}
    .video-block-more {font-size:14px}
    .video-block-link-container {display:block; margin:20px 0 0 0}
    .video-block-link-list a {min-width:60px; max-width:60px; margin:0 0 0 10px}
    .video-block-link-list a svg {width:60px; height:60px}
    .video-block-link-notice {margin:24px 0 0 0; max-width:none}
}

.other-projects {margin:90px 0 0 0}
.service-projects {margin:112px 0 0 0}
.other-projects-header::after {content:""; display:block; clear:both}
.other-projects-header h2 {float:left; margin:0}
.other-projects-all {float:right; margin:33px 0 0 0; font-weight:600; font-size:16px; line-height:20px}
.other-projects-all a {color:#2f80ed}
.other-projects-all a:hover {color:#e43f6f}

@media (max-width:1023px) {
    .other-projects {margin:80px 0 0 0}
    .service-projects {margin:80px 0 0 0}
    .other-projects-all {margin:15px 0 0 0}
}

.other-projects .main-projects-list {margin:48px -12px 0 -12px; white-space:nowrap; position:relative; overflow:hidden}
.other-projects .main-projects-list.slick-initialized {overflow:visible}
.other-projects .main-projects-item {white-space:normal}
.other-projects .main-projects-list .slick-prev,
.other-projects .main-projects-list .slick-next {display:block; position:absolute; z-index:2; top:155px; width:48px; height:48px; border:none; border-radius:0; margin:0; padding:0; outline:none; -webkit-appearance:none; cursor:pointer; background:transparent}
.other-projects .main-projects-list .slick-prev {left:-10px; transform:scale(-1, 1)}
.other-projects .main-projects-list .slick-next {right:-10px}
.other-projects .main-projects-list .slick-prev.slick-disabled,
.other-projects .main-projects-list .slick-next.slick-disabled {display:none !important}
.other-projects .main-projects-list .slick-prev::before,
.other-projects .main-projects-list .slick-next::before {content:""; display:block; width:48px; height:48px; position:absolute; left:0; top:0; background:#ffffff; border-radius:50%; box-shadow:0px 5px 12px rgba(0, 0, 0, 0.1); transition:transform 0.3s ease-out, box-shadow 0.3s ease-out}
.other-projects .main-projects-list .slick-prev:hover::before,
.other-projects .main-projects-list .slick-next:hover::before {transform:scale(1.166); box-shadow:0px 5px 20px rgba(0, 0, 0, 0.08)}
.other-projects .main-projects-list .slick-prev svg {display:block; position:absolute; left:0; top:0; width:48px; height:48px; fill:#222222}
.other-projects .main-projects-list .slick-next svg {display:block; position:absolute; left:0; top:0; width:48px; height:48px; fill:#222222}

@media (max-width:1023px) {
    .other-projects .main-projects-list {margin:32px -16px 0 -8px}
    .other-projects .main-projects-item {width:300px}
    .other-projects .main-projects-item a {width:284px; margin:0 8px}
}

.widget-header {padding:64px 0; min-height:613px; position:relative; overflow:hidden}
.widget-header-bg {position:absolute; right:0; bottom:0; width:717px; line-height:0}
.widget-header-bg img {display:block; width:100%}
.widget-header.green {background:#12aa73; color:#ffffff}
.widget-header.orange {background:#ee854a; color:#ffffff}
.widget-header.purple {background:#825c99; color:#ffffff}
.widget-header.red {background:#f3665c; color:#ffffff}
.widget-header .project-header-back a {color:#000000}
.widget-header .project-header-back a:hover {color:#e43f6f}
.widget-header .project-header-back a svg {display:inline-block; vertical-align:middle; margin:-2px 14px 0 0; width:24px; height:24px; fill:#000000}
.widget-header.green .project-header-back a {color:rgba(255, 255, 255, 0.59)}
.widget-header.green .project-header-back a:hover {color:#ffffff}
.widget-header.green .project-header-back a svg {fill:#ffffff}
.widget-header.orange .project-header-back a {color:rgba(255, 255, 255, 0.59)}
.widget-header.orange .project-header-back a:hover {color:#ffffff}
.widget-header.orange .project-header-back a svg {fill:#ffffff}
.widget-header.purple .project-header-back a {color:rgba(255, 255, 255, 0.59)}
.widget-header.purple .project-header-back a:hover {color:#ffffff}
.widget-header.purple .project-header-back a svg {fill:#ffffff}
.widget-header.red .project-header-back a {color:rgba(255, 255, 255, 0.59)}
.widget-header.red .project-header-back a:hover {color:#ffffff}
.widget-header.red .project-header-back a svg {fill:#ffffff}
.widget-header-content {max-width:630px; position:relative}
.widget-header-content h1 {margin:32px 0 0 0; font-size:56px; line-height:62px}
.widget-header.green .widget-header-content h1 {color:#ffffff}
.widget-header.orange .widget-header-content h1 {color:#ffffff}
.widget-header.purple .widget-header-content h1 {color:#ffffff}
.widget-header.red .widget-header-content h1 {color:#ffffff}
.widget-header-text {margin:32px 0 0 0; max-width:550px; font-size:22px; line-height:31px}
.widget-header.green .widget-header-text {color:rgba(255, 255, 255, 0.7)}
.widget-header.orange .widget-header-text {color:rgba(255, 255, 255, 0.7)}
.widget-header.purple .widget-header-text {color:rgba(255, 255, 255, 0.7)}
.widget-header.red .widget-header-text {color:rgba(255, 255, 255, 0.7)}
.widget-header .main-widgets-item-price {margin:32px 0 0 0; width:300px; padding-right:28px}
.widget-header .main-widgets-item-btn .btn {width:300px}
.widget-header.green .btn {color:#12aa73}
.widget-header.green .btn:hover {color:#0f9464}
.widget-header.green .btn:active {color:#0e865a}
.widget-header.orange .btn {color:#ff8a48}
.widget-header.orange .btn:hover {color:#e77332}
.widget-header.orange .btn:active {color:#e46d29}
.widget-header.purple .btn {color:#825c99}
.widget-header.purple .btn:hover {color:#6f4788}
.widget-header.purple .btn:active {color:#603978}
.widget-header.red .btn {color:#f3665c}
.widget-header.red .btn:hover {color:#ee5146}
.widget-header.red .btn:active {color:#dd463c}

@media (max-width:1023px) {
    .widget-header {padding:32px 0 300px 0; min-height:0}
    .widget-header-bg {width:auto}
    .widget-header-bg img {height:300px; margin:0 auto}
    .widget-header-content {max-width:none}
    .widget-header-content h1 {margin:24px 48px 0 0; font-size:32px; line-height:38px}
    .widget-header-text {margin:16px 48px 0 0; max-width:none; font-size:16px; line-height:22px}
    .widget-header .main-widgets-item-price {width:272px; padding-right:0}
    .widget-header .main-widgets-item-btn .btn {width:272px}
}

.widget-how {margin:80px 0 112px 0; text-align:center}
.widget-how h3 {margin:0}
.widget-how-tabs {margin:32px 0 0 0}
.widget-how-tabs-menu {font-size:0; line-height:0; letter-spacing:-1px}
.widget-how-tabs-menu ul {margin:0; padding:0; list-style:none}
.widget-how-tabs-menu ul li {display:inline-block; vertical-align:top; margin:16px 8px 0 8px; padding:0}
.widget-how-tabs-menu ul li::before {display:none}
.widget-how-tabs-menu ul li a {display:block; border:1px solid rgba(0, 0, 0, 0.15); border-radius:20px; color:#222222; padding:4px 20px 6px 20px; font-weight:600; font-size:18px; line-height:28px; letter-spacing:0; transition:color 0.3s ease-out, background 0.3s ease-out, border-color 0.3s ease-out}
.widget-how-tabs-menu ul li a:hover {background:#eef1f3}
.widget-how-tabs-menu ul li.active a {background:#222; color:#fff}
.widget-how-tabs-menu.green ul li.active a {background:#12aa73; border-color:#12aa73}
.widget-how-tabs-menu.orange ul li.active a {background:#ff8a48; border-color:#ff8a48}
.widget-how-tabs-menu.purple ul li.active a {background:#825c99; border-color:#825c99}
.widget-how-tabs-menu.red ul li.active a {background:#f3665c; border-color:#f3665c}
.widget-how-tabs-container {margin:48px 0 0 0; position:relative}
.widget-how-tabs-content {position:absolute; left:-9999px; top:-9999px; width:100%; opacity:0; transition:opacity 0.5s}
.widget-how-tabs-content.active {position:relative; left:auto; top:auto; opacity:1}
.widget-how-text {font-size:22px; line-height:31px}
.widget-how-img {margin:48px 0 0 0; line-height:0; position:relative}
.widget-how-img::after {content:""; display:block; position:absolute; left:0; top:0; right:0; bottom:0; border-radius:12px; box-shadow:inset 4px 4px 47px rgba(0, 0, 0, 0.06)}
.widget-how-img img {display:block; width:100%; border-radius:12px}

@media (max-width:1023px) {
    .widget-how {margin:64px 0 80px 0; text-align:left}
    .widget-how-tabs {margin:32px 0 0 0}
    .widget-how-tabs-menu ul li {display:block; margin:16px 0 0 0}
    .widget-how-tabs-menu ul li:first-child {margin:0}
    .widget-how-tabs-menu ul li a {display:inline-block}
    .widget-how-tabs-container {margin:32px 0 0 0}
    .widget-how-text {font-size:18px; line-height:27px}
    .widget-how-img {margin:32px -16px 0 -16px}
    .widget-how-img::after {border-radius:0}
    .widget-how-img img {border-radius:0}
}

.page-section-title {margin:112px 0 0 0; font-weight:600; font-size:14px; line-height:14px; letter-spacing:0.065em; text-transform:uppercase}
.page-section-title.green {color:#12aa73}
.page-section-title.orange {color:#ff8a48}
.page-section-title.purple {color:#825c99}
.page-section-title.red {color:#f3665c}
.page-section-title+h2 {margin-top:40px}

@media (max-width:1023px) {
    .page-section-title {margin:80px 0 0 0}
    .page-section-title+h2 {margin-top:24px}
}

.page-section-img {margin:48px 0; line-height:0; position:relative}
.page-container .page-section-img {margin-right:-96px}
.page-section-img::after {content:""; display:block; position:absolute; left:0; top:0; right:0; bottom:0; box-shadow:inset 4px 4px 47px rgba(0, 0, 0, 0.06)}
.page-section-img img {display:block; width:100%}

@media (max-width:1023px) {
    .page-section-img {margin:48px 0 32px 0}
    .page-container .page-section-img {margin-right:0}
}

.widget-updates {margin:96px -96px 0 0; padding:48px 0 0 48px; background:#eef1f3; border-radius:32px; position:relative; overflow:hidden}
.widget-updates h2 {margin:0 48px 0 0}
.widget-updates-list {margin:48px 0 0 0; position:relative; max-height:317px; overflow:auto}
.widget-updates-list.with-top::before {content:""; display:block; position:absolute; z-index:1; left:0; top:0; right:48px; height:56px; background:linear-gradient(180deg, #eef1f3 0%, rgba(238, 241, 243, 0) 100%); pointer-events:none}
.widget-updates-list.with-bottom::after {content:""; display:block; position:absolute; z-index:1; left:0; bottom:0; right:48px; height:56px; background:linear-gradient(0deg, #eef1f3 0%, rgba(238, 241, 243, 0) 100%); pointer-events:none}
.widget-updates-list .mCSB_inside > .mCSB_container {margin:0}
.widget-updates-list .mCSB_scrollTools {width:6px; right:9px}
.widget-updates-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:6px; background:#93979b; border-radius:0}
.widget-updates-list .mCSB_scrollTools .mCSB_draggerRail {width:6px; background:transparent; border-radius:0}
.widget-updates-item {padding:0 82px 32px 0}
.widget-updates-item::after {content:""; display:block; clear:both}
.widget-updates-item-date {float:left; color:#93979b}
.widget-updates-item-text {margin:0 0 0 145px}
.widget-updates-more {display:none}

@media (max-width:1023px) {
    .widget-updates {margin:80px 0; padding:48px 16px 50px 16px; border-radius:24px}
    .widget-updates h2 {margin:0}
    .widget-updates-list {margin:32px 0 0 0; max-height:none; overflow:visible}
    .widget-updates-list.with-top::before {display:none}
    .widget-updates-list.with-bottom::after {display:none}
    .widget-updates-item {padding:0; margin:32px 0 0 0}
    .widget-updates-item:first-child {margin:0}
    .widget-updates-item:nth-child(n+4) {display:none}
    .widget-updates.open .widget-updates-item:nth-child(n+4) {display:block}
    .widget-updates-item-date {float:none}
    .widget-updates-item-text {margin:8px 0 0 0}
    .widget-updates-more {font-weight:600; font-size:16px; line-height:24px}
    .widget-updates-more.visible {display:block; margin:32px 0 0 0}
    .widget-updates-more a {color:#93979b; text-decoration:none}
    .widget-updates-more a svg {display:inline-block; vertical-align:middle; width:24px; height:24px; margin:-2px 8px 0 0; fill:none}
    .widget-updates.open .widget-updates-more a svg {transform:rotate(-180deg)}
    .widget-updates-more a span+span {display:none}
    .widget-updates.open .widget-updates-more a span {display:none}
    .widget-updates.open .widget-updates-more a span+span {display:inline}
}

.widget-reviews {margin:48px -96px 48px 0; font-size:0; line-height:0; letter-spacing:-1px; white-space:nowrap; position:relative; overflow:hidden}
.widget-reviews.slick-initialized {overflow:visible}
.widget-reviews-item {display:inline-block; vertical-align:top; width:384px; white-space:normal; padding:0 24px 0 0}
.widget-reviews-item-inner {display:block; width:360px; border-radius:32px; padding:40px 24px; background:#000000}
.widget-reviews.green .widget-reviews-item-inner {background:#12aa73}
.widget-reviews.orange .widget-reviews-item-inner {background:#ff8a48}
.widget-reviews.purple .widget-reviews-item-inner {background:#825c99}
.widget-reviews.red .widget-reviews-item-inner {background:#f3665c}
.widget-reviews-item-rating {position:relative; white-space:nowrap; font-size:0; line-height:0; width:160px}
.widget-reviews-item-rating svg {display:inline-block; vertical-align:top; width:24px; height:24px; fill:#eef1f3; margin:0 8px 0 0}
.widget-reviews-item-rating-value {position:absolute; left:0; top:0; height:24px; overflow:hidden}
.widget-reviews-item-rating-value svg {fill:#ffffff}
.widget-reviews-item-text {margin:24px 0 0 0; font-size:18px; line-height:27px; letter-spacing:0; color:#ffffff}
.widget-reviews-item-author {margin:24px 0 0 0; font-size:18px; line-height:27px; letter-spacing:0; color:rgba(255, 255, 255, 0.54)}
.widget-reviews-item-date {margin:4px 0 0 0; font-size:18px; line-height:27px; letter-spacing:0; color:rgba(255, 255, 255, 0.54)}
.widget-reviews .slick-prev,
.widget-reviews .slick-next {display:block; position:absolute; z-index:2; top:0; width:71px; height:100%; border:none; border-radius:0; margin:0; padding:0; outline:none; -webkit-appearance:none; cursor:pointer; background:transparent}
.widget-reviews .slick-prev {left:0; transform:scale(-1, 1)}
.widget-reviews .slick-next {right:0; background:linear-gradient(-90deg, rgba(255, 255, 255, 0.732646) 0%, rgba(255, 255, 255, 0) 100%)}
.widget-reviews .slick-prev.slick-disabled,
.widget-reviews .slick-next.slick-disabled {display:none !important}
.widget-reviews .slick-prev::before,
.widget-reviews .slick-next::before {content:""; display:block; width:48px; height:48px; position:absolute; left:47px; top:50%; margin-top:-24px; background:#ffffff; border-radius:50%; box-shadow:0px 5px 12px rgba(0, 0, 0, 0.1); transition:transform 0.3s ease-out, box-shadow 0.3s ease-out}
.widget-reviews .slick-prev:hover::before,
.widget-reviews .slick-next:hover::before {transform:scale(1.166); box-shadow:0px 5px 20px rgba(0, 0, 0, 0.08)}
.widget-reviews .slick-prev svg {display:block; position:absolute; left:47px; top:50%; margin-top:-24px; width:48px; height:48px; fill:#222222}
.widget-reviews .slick-next svg {display:block; position:absolute; left:47px; top:50%; margin-top:-24px; width:48px; height:48px; fill:#222222}

@media (max-width:1023px) {
    .widget-reviews {margin:32px 45px 0 0}
    .widget-reviews .slick-list {overflow:visible !important}
    .widget-reviews-item {width:300px; padding:0 16px 0 0}
    .widget-reviews-item-inner {width:284px; border-radius:24px; padding:40px 24px 30px 24px}
}

.widget-clients {margin:-24px -96px 0 0}
.widget-clients .widgets-clients-item {width:33.33%}

@media (max-width:1023px) {
    .widget-clients {margin:32px -16px 0 0}
    .widget-clients .widgets-clients-item {width:25%}
}

.widget-install {margin:112px -226px 0 -226px; padding:64px 517px 72px 226px; border-radius:32px; position:relative; overflow:hidden; color:#000000}
.widget-install-bg {position:absolute; left:50%; top:170px; margin-left:157px; width:408px}
.widget-install-bg img {display:block; width:100%}
.widget-install.green {background:#12aa73; color:#ffffff}
.widget-install.orange {background:#ff8a48; color:#ffffff}
.widget-install.purple {background:#825c99; color:#ffffff}
.widget-install.red {background:#f3665c; color:#ffffff}
.widget-install-content {position:relative}
.widget-install h2 {margin:0; color:#000000}
.widget-install.green h2 {color:#ffffff}
.widget-install.orange h2 {color:#ffffff}
.widget-install.purple h2 {color:#ffffff}
.widget-install.red h2 {color:#ffffff}
.widget-install-text {margin:40px 0 0 0; max-width:513px; font-size:20px; line-height:28px; color:#000000}
.widget-install.green .widget-install-text {color:#ffffff}
.widget-install.orange .widget-install-text {color:#ffffff}
.widget-install.purple .widget-install-text {color:#ffffff}
.widget-install.red .widget-install-text {color:#ffffff}
.widget-install .main-widgets-item-price {margin:24px 0 0 0; width:300px; padding-right:28px}
.widget-install .main-widgets-item-price-value span {color:#000000}
.widget-install.green .main-widgets-item-price-value span {color:#eef1f3}
.widget-install.orange .main-widgets-item-price-value span {color:#eef1f3}
.widget-install.purple .main-widgets-item-price-value span {color:#eef1f3}
.widget-install.red .main-widgets-item-price-value span {color:#eef1f3}
.widget-install .main-widgets-item-btn .btn {width:300px}
.widget-install.green .btn {color:#12aa73; background:#ffffff}
.widget-install.green .btn:hover {color:#0f9464}
.widget-install.green .btn:active {color:#0e865a}
.widget-install.orange .btn {color:#ff8a48; background:#ffffff}
.widget-install.orange .btn:hover {color:#e77332}
.widget-install.orange .btn:active {color:#e46d29}
.widget-install.purple .btn {color:#825c99; background:#ffffff}
.widget-install.purple .btn:hover {color:#6f4788}
.widget-install.purple .btn:active {color:#603978}
.widget-install.red .btn {color:#f3665c; background:#ffffff}
.widget-install.red .btn:hover {color:#ee5146}
.widget-install.red .btn:active {color:#dd463c}

@media (max-width:1023px) {
    .widget-install {margin:80px -16px 0 -16px; padding:48px 16px; border-radius:0}
    .widget-install-bg {display:none}
    .widget-install-text {margin:32px 0 0 0}
    .widget-install .main-widgets-item-price {width:272px; padding-right:0}
    .widget-install .main-widgets-item-btn .btn {width:272px}
}

.widget-others {margin:64px -226px 0 -226px; padding:72px 226px; background:#eef1f3; border-radius:32px}
.widget-others h2 {margin:0; text-align:center}

@media (max-width:1023px) {
    .widget-others {margin:80px -16px 0 -16px; padding:48px 16px; border-radius:0}
    .widget-others h2 {text-align:left}
}

.widgets-others-list {margin:56px -12px 0 -12px; font-size:0; line-height:0; letter-spacing:-1px; white-space:nowrap; position:relative; overflow:hidden}
.widgets-others-list.slick-initialized {overflow:visible}
.widgets-others-item {display:inline-block; vertical-align:top; width:33.33%; padding:0 12px; white-space:normal}
.widgets-others-item.green .widgets-item-type {color:#12aa73}
.widgets-others-item.orange .widgets-item-type {color:#ff8a48}
.widgets-others-item.purple .widgets-item-type {color:#825c99}
.widgets-others-item.red .widgets-item-type {color:#f3665c}
.widgets-others-item.with-label .widgets-item-text {padding-bottom:40px}
.widgets-others-item.green .widgets-item-discount span {color:#12aa73; background:rgba(18, 170, 115, 0.15)}
.widgets-others-item.orange .widgets-item-discount span {color:#ee854a; background:rgba(255, 138, 72, 0.15)}
.widgets-others-item.purple .widgets-item-discount span {color:#825c99; background:rgba(130, 92, 153, 0.15)}
.widgets-others-item.red .widgets-item-discount span {color:#f3665c; background:rgba(243, 102, 92, 0.15)}
.widgets-others-item.green .widgets-item-newently span {color:#12aa73; background:rgba(18, 170, 115, 0.15)}
.widgets-others-item.orange .widgets-item-newently span {color:#ee854a; background:rgba(255, 138, 72, 0.15)}
.widgets-others-item.purple .widgets-item-newently span {color:#825c99; background:rgba(130, 92, 153, 0.15)}
.widgets-others-item.red .widgets-item-newently span {color:#f3665c; background:rgba(243, 102, 92, 0.15)}
.widgets-others-item.green .widgets-item-discount+.widgets-item-price-old+.widgets-item-price-value {color:#12aa73}
.widgets-others-item.orange .widgets-item-discount+.widgets-item-price-old+.widgets-item-price-value {color:#ee854a}
.widgets-others-item.purple .widgets-item-discount+.widgets-item-price-old+.widgets-item-price-value {color:#825c99}
.widgets-others-item.red .widgets-item-discount+.widgets-item-price-old+.widgets-item-price-value {color:#f3665c}
.widgets-others-list .slick-prev,
.widgets-others-list .slick-next {display:block; position:absolute; z-index:2; top:50%; width:48px; height:48px; border:none; border-radius:0; margin:-24px 0 0 0; padding:0; outline:none; -webkit-appearance:none; cursor:pointer; background:transparent}
.widgets-others-list .slick-prev {left:-10px; transform:scale(-1, 1)}
.widgets-others-list .slick-next {right:-10px}
.widgets-others-list .slick-prev.slick-disabled,
.widgets-others-list .slick-next.slick-disabled {display:none !important}
.widgets-others-list .slick-prev::before,
.widgets-others-list .slick-next::before {content:""; display:block; width:48px; height:48px; position:absolute; left:0; top:0; background:#ffffff; border-radius:50%; box-shadow:0px 5px 12px rgba(0, 0, 0, 0.1); transition:transform 0.3s ease-out, box-shadow 0.3s ease-out}
.widgets-others-list .slick-prev:hover::before,
.widgets-others-list .slick-next:hover::before {transform:scale(1.166); box-shadow:0px 5px 20px rgba(0, 0, 0, 0.08)}
.widgets-others-list .slick-prev svg {display:block; position:absolute; left:0; top:0; width:48px; height:48px; fill:#222222}
.widgets-others-list .slick-next svg {display:block; position:absolute; left:0; top:0; width:48px; height:48px; fill:#222222}

@media (max-width:1023px) {
    .widgets-others-list {margin:16px 0 0 0}
    .widgets-others-item {display:block; width:auto; padding:0; margin:16px 0 0 0}
}

.contacts {margin:26px -12px 0 -12px; font-size:0; line-height:0; letter-spacing:-1px}
.contacts-item {display:inline-block; vertical-align:top; padding:24px 12px 0 12px; width:33.33%}
.contacts-item.wide {width:66.66%}
.contacts-item-inner {background:#ffffff; border:1px solid #f4f4f4; border-radius:10px; box-shadow:0px 24px 64px -12px rgba(5, 23, 62, 0.05); padding:22px; font-size:18px; line-height:27px; letter-spacing:0; min-height:172px}
.contacts-item-inner h5 {margin:0 0 16px 0}
.contacts-item-inner p {margin:0; padding:0}

@media (max-width:1023px) {
    .contacts {margin:40px 0 0 0}
    .contacts-item {display:block; width:auto; padding:0; margin:16px 0 0 0}
    .contacts-item.wide {width:auto}
    .contacts-item-inner {min-height:0}
}

.feedback {margin:112px -226px 0 -226px; padding:96px 226px 122px 226px; background:#eef1f3; border-radius:32px}
.faq+.feedback {margin-top:64px}
.feedback h2 {margin:0; text-align:center}
.feedback-anonce {margin:37px 0 0 0; font-size:22px; line-height:31px; text-align:center}
.feedback-form {margin:48px auto 0 auto; max-width:552px}
.feedback-form form {margin:0; padding:0}

@media (max-width:1023px) {
    .feedback {margin:80px 0 0 0; padding:40px 16px; border-radius:24px}
    .faq+.feedback {margin-top:80px}
    .feedback-anonce {margin:32px 0 0 0; font-size:20px; line-height:25px}
    .feedback-form {margin:32px 0 0 0; max-width:none}
}

.page-404 {height:831px; background:#000000 url(/assets/css/../images/page-404.png) no-repeat center top; background-size:cover; text-align:center; color:#ffffff; padding:112px 0 0 0}
.page-404 h1 {margin:0 0 33px 0; color:#ffffff}
.page-404 h4 {margin:5px 0 0 0; color:#ffffff}
.page-404 a {color:#e43f6f}
.page-404 a:hover {color:#2f80ed}

@media (max-width:1023px) {
    .page-404 {height:290px; padding:32px 0 0 0}
    .page-404 h1 {margin:0 0 32px 0}
    .page-404 h4 {margin:0; font-size:20px; line-height:24px}
    .page-404 a {color:#ffffff}
}

.window-open,
.window-open body {overflow:hidden; position:fixed; left:0; top:0; right:0; bottom:0}

.window {position:fixed; left:0; top:0; right:0; bottom:0; overflow:auto; z-index:999; background:rgba(0, 0, 0, 0.7); text-align:center}
.window::before {content:""; display:inline-block; height:100%; vertical-align:middle}
.window-loading {position:absolute; left:50%; top:50%; width:91px; height:91px; margin:-45px 0 0 -45px; background:url(/assets/css/../images/loading.svg) no-repeat center}
.window-container {display:inline-block; vertical-align:middle; position:relative; margin:40px 0; text-align:left; background:#ffffff; transition:transform 0.3s ease-out; transform:scale(1); border-radius:32px; box-shadow:0px 24px 64px -12px rgba(5, 23, 62, 0.05)}
.window-container-preload {transform:scale(1)}
.window-content {background:#ffffff; position:relative; overflow:auto}
.window-close {display:block; position:absolute; right:24px; top:24px; width:32px; height:32px}
.window-close svg {display:block; width:32px; height:32px; fill:#222222; transition:fill 0.3s ease-out}
.window-close:hover svg {fill:#e43f6f}

@media (max-width:1023px) {
    .window-close {right:16px; top:16px}
}

.window-success {width:743px; padding:48px 60px 56px 60px; text-align:center}
.window-success h2 {margin:0 auto; max-width:474px}
.window-success-text {margin:32px auto 0 auto; max-width:474px; font-size:22px; line-height:31px}
.window-success-btn {margin:32px auto 0 auto; max-width:266px}
.window-success-btn .btn {width:100%}

@media (max-width:1023px) {
    .window-success {width:328px; padding:48px 16px 56px 16px}
    .window-success h2 {max-width:none}
    .window-success-text {max-width:none; font-size:20px; line-height:25px}
    .window-success-btn {max-width:none}
}

.window-consult {width:680px; padding:48px 30px 56px 30px; background:#eef1f3; border-radius:32px}
.window-consult h2 {margin:0; text-align:center}
.window-consult-text {margin:32px auto 0 auto; max-width:552px; font-size:22px; line-height:31px; text-align:center}
.window-consult-form {margin:40px auto 0 auto; max-width:552px}
.window-consult-form form {margin:0; padding:0}

@media (max-width:1023px) {
    .window-consult {width:328px; padding:48px 16px 56px 16px}
    .window-consult-text {max-width:none; font-size:20px; line-height:25px}
    .window-consult-form {margin:32px 0 0 0; max-width:none}
}

.article-header {background:#eef1f3; padding:64px 0}
.article-header-back a {color:#000000}
.article-header-back a:hover {color:#e43f6f}
.article-header-back a svg {display:inline-block; vertical-align:middle; margin:-2px 14px 0 0; width:24px; height:24px; fill:#222222}
.article-header h1 {font-size:56px; line-height:62px; margin:32px 0 0 0}
.article-header-info {margin:40px 0 0 -8px}
.article-header-info::after {content:""; display:block; clear:both}
.article-header-info-item {float:left; margin:0 0 0 8px; padding:0 16px; height:27px; border-radius:14px; font-size:14px; background:#ffffff; color:#93979b}

@media (max-width:1023px) {
    .article-header {padding:32px 0 48px 0}
    .article-header h1 {font-size:32px; line-height:38px; margin:24px 0 0 0}
    .article-header-info {margin:24px 0 0 -8px}
}

.service-who {margin:155px -226px 0 -226px; background:#eef1f3; border-radius:32px; padding:64px 226px}
.service-who h3 {margin:0}
.service-who-list {margin:24px -12px 0 -12px; font-size:0; line-height:0; letter-spacing:-1px}
.service-who-item {display:inline-block; vertical-align:top; width:33.33%; padding:24px 12px 0 12px}
.service-who-item-inner {padding:24px 61px 72px 24px; background:#ffffff; border-radius:10px; letter-spacing:0}
.service-who-item-inner h5 {margin:0}
.service-who-item-text {margin:24px 0 0 0; font-size:16px; line-height:22px; letter-spacing:0; color:#93979b}

@media (max-width:1023px) {
    .service-who {margin:64px -16px 0 -16px; border-radius:0; padding:40px 16px}
    .service-who-list {margin:32px -16px 0 -16px; white-space:nowrap}
    .service-who-item {width:284px; margin:0 16px 0 0; padding:0; white-space:normal}
    .service-who-item:first-child {margin:0 16px}
    .service-who-item-inner {padding:24px}
    .service-who-item-inner h5 {font-size:20px; line-height:25px}
    .service-who-item-text {margin:16px 0 0 0}
    .service-who-list .mCSB_horizontal.mCSB_inside > .mCSB_container {margin:0}
    .service-who-list .mCSB_scrollTools.mCSB_scrollTools_horizontal {opacity:0 !important; pointer-events:none}
}

.service-how {margin:112px 0}
.service-how::after {content:""; display:block; clear:both}
.service-how-side {float:left; width:456px}
.service-how-side.fixed .service-how-side-inner {position:fixed; top:120px; width:456px}
.service-how-side-inner h2 {margin:0}
.service-how-side-img {margin:40px 0 0 0; line-height:0}
.service-how-side-img img {display:block; width:100%}
.service-how-container {float:right; width:552px}
.service-how-anonce {font-size:22px; line-height:31px}
.service-how-list {position:relative; margin:93px 0 0 0; counter-reset:point}
.service-how-item {position:relative; padding:0 0 0 96px; margin:36px 0 0 0; color:#858181}
.service-how-item:first-child {margin:0}
.service-how-item::before {content:counter(point); counter-increment:point 1; position:absolute; left:0; top:-13px; width:48px; height:48px; background:#dbeaff; border-radius:50%; text-align:center; font-weight:600; font-size:24px; line-height:48px; color:#2f80ed}
.service-how-item::after {content:""; display:block; position:absolute; left:24px; top:51px; bottom:-12px; width:1px; background:#2f80ed}
.service-how-item:last-child::after {display:none}
.service-how-item-title {font-weight:600; font-size:20px; line-height:25px; color:#000000; margin:0 0 16px 0}
.service-how-item p {margin:0; padding:0}
.service-how-item ul {margin:0; padding:0}
.service-how-item ul li {margin:0; padding:0 0 0 27px}
.service-how-item ul li::before {content:"•"; left:10px; top:0; background:none; border-radius:0; width:auto; height:auto}

@media (max-width:1023px) {
    .service-how {margin:80px 0; position:relative; padding:0 0 284px 0}
    .service-how.without-img {padding:0}
    .service-how-side {float:none; width:auto}
    .service-how-side.fixed .service-how-side-inner {position:static; top:auto; width:auto; margin-top:0 !important}
    .service-how-side-img {margin:0; position:absolute; left:0; bottom:0; right:0}
    .service-how-side-img img {width:auto; max-width:none; height:252px}
    .service-how-container {float:none; width:auto; margin:32px 0 0 0}
    .service-how-anonce {font-size:20px; line-height:25px}
    .service-how-list {margin:32px 0 0 0}
}

.section-short {max-width:841px}

.service-reviews {margin:48px -12px; font-size:0; line-height:0; letter-spacing:-1px; white-space:nowrap; position:relative; overflow:hidden}
.service-reviews.slick-initialized {overflow:visible}
.service-reviews-item {display:inline-block; vertical-align:top; width:33.33%; white-space:normal; padding:0 12px}
.service-reviews-item-inner {display:block; border-radius:32px; padding:40px 24px 60px 24px; background:#eef1f3}
.service-reviews-item-rating {position:relative; white-space:nowrap; font-size:0; line-height:0; width:160px}
.service-reviews-item-rating svg {display:inline-block; vertical-align:top; width:24px; height:24px; fill:#ffffff; margin:0 8px 0 0}
.service-reviews-item-rating-value {position:absolute; left:0; top:0; height:24px; overflow:hidden}
.service-reviews-item-rating-value svg {fill:#e43f6f}
.service-reviews-item-text {margin:24px 0 0 0; font-size:18px; line-height:27px; letter-spacing:0; color:#000000}
.service-reviews-item-author {margin:24px 0 0 0; font-size:14px; line-height:17px; letter-spacing:0.015em; color:#93979b}
.service-reviews-item-date {margin:4px 0 0 0; font-size:14px; line-height:17px; letter-spacing:0.015em; color:#93979b}
.service-reviews .slick-prev,
.service-reviews .slick-next {display:block; position:absolute; z-index:2; top:50%; width:48px; height:48px; border:none; border-radius:0; margin:-24px 0 0 0; padding:0; outline:none; -webkit-appearance:none; cursor:pointer; background:transparent}
.service-reviews .slick-prev {left:-10px; transform:scale(-1, 1)}
.service-reviews .slick-next {right:-10px}
.service-reviews .slick-prev.slick-disabled,
.service-reviews .slick-next.slick-disabled {display:none !important}
.service-reviews .slick-prev::before,
.service-reviews .slick-next::before {content:""; display:block; width:48px; height:48px; position:absolute; left:0; top:0; background:#ffffff; border-radius:50%; box-shadow:0px 5px 12px rgba(0, 0, 0, 0.1); transition:transform 0.3s ease-out, box-shadow 0.3s ease-out}
.service-reviews .slick-prev:hover::before,
.service-reviews .slick-next:hover::before {transform:scale(1.166); box-shadow:0px 5px 20px rgba(0, 0, 0, 0.08)}
.service-reviews .slick-prev svg {display:block; position:absolute; left:0; top:0; width:48px; height:48px; fill:#222222}
.service-reviews .slick-next svg {display:block; position:absolute; left:0; top:0; width:48px; height:48px; fill:#222222}

@media (max-width:1023px) {
    .service-reviews {margin:32px 45px 0 0}
    .service-reviews .slick-list {overflow:visible !important}
    .service-reviews-item {width:300px; padding:0}
    .service-reviews-item-inner {width:284px; margin:0 16px 0 0; border-radius:24px; padding:40px 24px 30px 24px}
}

.faq {margin:112px -226px 0 -226px; padding:88px 226px; background:#eef1f3; border-radius:32px}
.faq h2 {margin:0; text-align:center}
.faq-list {margin:48px 0 0 0}
.faq-item {margin:16px 0 0 0; background:#ffffff; box-shadow:0px 24px 64px -12px rgba(5, 23, 62, 0.05); border-radius:32px}
.faq-item-title {display:block; padding:48px 112px 48px 48px; font-weight:600; font-size:24px; line-height:30px; color:#000000; position:relative; border-radius:32px}
.faq-list-career .faq-item-title {padding-right:314px}
.faq-item.open .faq-item-title,
.faq-item-title:hover {color:#e43f6f}
.faq-item-title svg {display:block; position:absolute; right:48px; top:48px; width:32px; height:32px; fill:#222222; transition:fill 0.3s ease-out}
.faq-item-title:hover svg {fill:#e43f6f}
.faq-item-title svg.faq-item-close-icon {display:none}
.faq-item.open .faq-item-title svg.faq-item-open-icon {display:none}
.faq-item.open .faq-item-title svg.faq-item-close-icon {display:block}
.faq-item-city {position:absolute; right:90px; top:50px; font-weight:normal; font-size:18px; line-height:28px; color:#93979b; width:176px}
.faq-item-content {display:none; max-width:648px; margin:-8px 0 0 48px; padding:0 0 48px 0}
.faq-item.open .faq-item-content {display:block}
.faq-item-content > *:first-child {margin-top:0}
.faq-item-content > *:last-child {margin-bottom:0}
.faq-item-btn {margin:40px 0}

@media (max-width:1023px) {
    .faq {margin:80px -16px 0 -16px; padding:40px 16px; border-radius:0}
    .faq-list {margin:32px 0 0 0}
    .faq-item {margin:24px 0 0 0; border-radius:24px}
    .faq-item-title {padding:24px 80px 32px 16px; border-radius:24px}
    .faq-list-career .faq-item-title {padding-right:80px}
    .faq-item-title svg {top:24px; right:16px}
    .faq-item-city {display:none}
    .faq-item-content {max-width:none; margin:-8px 0 0 0; padding:0 16px 40px 16px}
    .faq-item-btn {margin:32px 0}
    .faq-item-btn .btn {padding-left:0; padding-right:0; width:100%}
}

.career-header {position:relative; padding:64px 0; min-height:562px; text-align:center; color:#ffffff; height:calc(100vh - 176px)}
.career-header-bg {position:absolute; left:0; top:0; right:0; bottom:0; background:no-repeat center; background-size:cover}
.career-header-bg::before {content:""; display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.5)}
.career-header-content {position:absolute; left:50%; top:50%; width:670px; transform:translate(-50%, -50%)}
.career-header-content h1 {margin:0; color:#fff}
.career-header-content h4 {margin:64px 0 0 0; color:#fff}
.career-header-btns {margin:64px 0 0 0; font-size:0; line-height:0; letter-spacing:-1px}
.career-header-btns .btn {width:266px; padding-left:0; padding-right:0; margin:0 5px}
.career-header-btns .btn span {font-weight:normal; font-size:14px; line-height:14px; vertical-align:top; display:inline-block; margin:-2px 0 0 2px}
.career-header-btns .btn.inverse {color:#e43f6f}
.career-header-btns .btn.inverse:hover {color:#ee1657}
.career-header-btns .btn.inverse:active {color:#e01451}

@media (max-width:1023px) {
    .career-header {padding:32px 47px 55px 47px; min-height:0; height:auto}
    .career-header-content {position:relative; left:auto; top:auto; width:auto; transform:none}
    .career-header-content h4 {margin:32px 0 0 0; font-size:20px; line-height:24px; font-weight:normal}
    .career-header-btns {margin:32px 0 0 0}
    .career-header-btns .btn {display:block; margin:32px auto 0 auto; width:266px}
}

.career-anonce {max-width:743px; margin:80px auto 0 auto; text-align:center; font-size:22px; line-height:31px}

@media (max-width:1023px) {
    .career-anonce {max-width:none; margin:40px 0 0 0; font-size:20px; line-height:25px}
}

.career-prefs {margin:24px -12px 112px -12px; font-size:0; line-height:0; letter-spacing:-1px; counter-reset:point}
.career-pref {display:inline-block; vertical-align:top; width:33.33%; padding:24px 12px 0 12px}
.career-pref-inner {background:#ffffff; border:1px solid #f4f4f4; box-shadow:0px 24px 64px -12px rgba(5, 23, 62, 0.05); border-radius:10px; padding:24px; min-height:144px}
.career-pref-inner::before {content:counter(point); counter-increment:point 1; display:block; width:24px; height:24px; margin:0 0 17px 0; border-radius:50%; background:#e43f6f; color:#ffffff; font-weight:600; font-size:16px; line-height:24px; text-align:center; padding-right:2px}
.career-pref-inner h6 {margin:0}

@media (max-width:1023px) {
    .career-prefs {margin:48px -16px -48px 0px; white-space:nowrap}
    .career-pref {margin:0 16px 48px 0; padding:0; white-space:normal}
    .career-pref-inner {width:308px; padding:24px 0 30px 24px}
    .career-pref-inner::before {margin:0 0 16px 0}
    .career-pref:nth-child(2) .career-pref-inner br {display:none}
    .career-prefs .mCSB_horizontal.mCSB_inside > .mCSB_container {margin:0}
    .career-prefs .mCSB_scrollTools.mCSB_scrollTools_horizontal {opacity:0 !important}
}

.career-photos {margin:64px -12px; font-size:0; line-height:0; letter-spacing:-1px}
.career-photo {display:inline-block; vertical-align:top; width:50%; padding:0 12px}
.career-photo:nth-child(2) {padding-top:88px}
.career-photo img {display:block; width:100%}
.career-photo img+img {margin-top:62px}
.career-photo-big {margin:64px 0; line-height:0}
.career-photo-big+.career-photos {margin-top:-12px}
.career-photo-big img {display:block; width:100%}

@media (max-width:1023px) {
    .career-photos {margin:48px -8px}
    .career-photo {padding:0 8px}
    .career-photo:nth-child(2) {padding-top:48px}
    .career-photo img+img {margin-top:36px}
    .career-photo-big {margin:48px 0}
    .career-photo-big+.career-photos {margin-top:-8px}
}

.career-hh {display:block; margin:64px -226px 0 -226px; text-align:center; padding:79px 0; background:#222222; border-radius:32px; color:#ffffff; text-decoration:none; font-weight:600; font-size:56px; line-height:62px}
.career-hh svg {display:inline-block; vertical-align:middle; margin:-2px 0 0 90px; width:70px; height:70px; fill:#ffffff}

@media (max-width:1023px) {
    .career-hh {margin:48px 0 0 0; text-align:left; padding:40px 80px 40px 16px; border-radius:24px; font-size:32px; line-height:38px; position:relative}
    .career-hh svg {display:block; margin:0; position:absolute; right:22px; bottom:40px; width:50px; height:50px}
}

.licenses-header {text-align:center; margin:64px 0 0 0}
.licenses-header h1 {margin:0}
.licenses-header-text {margin:32px 0 0 0; font-size:22px; line-height:31px; color:#000000}
.licenses-list {margin:64px -226px 0 -226px; display:flex; flex-wrap:wrap; padding:40px 214px 64px 214px; background:#EEF1F3; border-radius:32px}
.licenses-item {display:flex; min-width:33.33%; max-width:33.33%; padding:24px 12px 0 12px}
.licenses-item:nth-child(1),
.licenses-item:nth-child(2) {min-width:50%; max-width:50%}
.licenses-item-inner {display:flex; width:100%; height:100%; min-height:312px; padding:24px; flex-direction:column; background:#FFFFFF; border-radius:10px; transition:background 0.3s ease-out; text-decoration:none}
.licenses-item-main .licenses-item-inner {background:#2F80ED}
.licenses-item-inner:hover,
.licenses-item-main .licenses-item-inner:hover {background:#126DBF}
.licenses-item-content {display:flex; height:100%}
.licenses-item-info {width:100%}
.licenses-item-info h5 {margin:0; color:#000000; transition:color 0.3s ease-out}
.licenses-item-main .licenses-item-info h5 {color:#FFFFFF}
.licenses-item-inner:hover .licenses-item-info h5 {color:#FFFFFF}
.licenses-item-text {margin:16px 0 0 0; color:#85888B; transition:color 0.3s ease-out; font-size:16px; line-height:22px}
.licenses-item-main .licenses-item-text {color:#FFFFFF}
.licenses-item-inner:hover .licenses-item-text {color:#FFFFFF}
.licenses-item-logo {min-width:96px; max-width:96px; margin:4px 2px 0 32px; display:flex; height:96px; border:1px solid rgba(0, 0, 0, 0.15); border-radius:4px; position:relative; overflow:hidden; align-items:center; justify-content:center; background:#FFFFFF}
.licenses-item-logo img {display:block; max-width:100%; max-height:100%}
.licenses-item-link {margin:52px 0 0 0}
.licenses-item-link span {display:inline-block; vertical-align:top; padding:13px 26px; text-decoration:none; background:#2F80ED; color:#FFFFFF; border:1px solid #DBEAFF; border-radius:8px; font-weight:600; font-size:16px; line-height:20px; letter-spacing:0; text-align:center; transition:background 0.3s ease-out, color 0.3s ease-out, border-color 0.3s ease-out}
.licenses-item-main .licenses-item-link span {background:#FFFFFF; color:#2F80ED; border-color:#FFFFFF}
.licenses-item-inner:hover .licenses-item-link span {background:#FFFFFF; color:#2F80ED; border-color:#FFFFFF}
.licenses-item-inner:hover .licenses-item-link span:hover {background:rgba(255, 255, 255, 0.91)}

@media (max-width:1023px) {
    .licenses-header {margin:48px 0 0 0}
    .licenses-header-text {font-size:20px; line-height:25px}
    .licenses-list {margin:32px -16px 0 -16px; padding:48px 16px; border-radius:0; display:block}
    .licenses-item {display:block; min-width:0; max-width:none; margin:16px 0 0 0; padding:0}
    .licenses-item:nth-child(1),
    .licenses-item:nth-child(2) {min-width:0; max-width:none}
    .licenses-item-inner {display:block; height:auto; min-height:0; padding:32px 16px}
    .licenses-item-content {height:auto}
    .licenses-item-logo {margin:0 0 0 16px; min-width:64px; max-width:64px; height:64px}
    .licenses-item-link {margin:24px 0 0 0}
}

.licenses-detail-back {margin:64px 0 0 0}
.licenses-detail-back a {display:block; position:relative}
.licenses-detail-back a::before {content:""; position:absolute; left:3px; top:50%; margin-top:-9px; width:18px; height:18px; border-radius:50%; background:#2586DE}
.licenses-detail-back a svg {position:relative; display:inline-block; vertical-align:middle; margin:-2px 14px 0 0; width:24px; height:24px; fill:#DBEAFF}

@media (max-width:1023px) {
    .licenses-detail-back {margin:32px 0 0 0}
}

.licenses-detail-header {display:flex; margin:32px 0 0 0}
.licenses-detail-header-content {width:100%; margin:3px 0 0 0}
.licenses-detail-header-content h2 {margin:0}
.licenses-detail-header-descr {margin:16px 0 0 0; font-size:22px; line-height:31px}
.licenses-detail-header-links {margin:48px 0 0 0; display:flex}
.licenses-detail-header-link-order {display:block; padding:23px 40px; font-weight:600; font-size:18px; line-height:18px; background:#2586DE; color:#FFFFFF; border-radius:8px; transition:background 0.3s ease-out, color 0.3s ease-out}
.licenses-detail-header-link-order:hover {background:#126DBF; color:#FFFFFF}
.licenses-detail-header-link-calc {display:block; margin:0 0 0 16px; padding:22px 36px; font-weight:600; font-size:18px; line-height:18px; border:1px solid #2586DE; color:#2586DE; border-radius:8px; transition:background 0.3s ease-out, color 0.3s ease-out}
.licenses-detail-header-link-calc:hover {background:#2F80ED; border-color:#2F80ED; color:#FFFFFF}
.licenses-detail-header-logo {min-width:264px; max-width:264px; height:264px; border:1px solid rgba(0, 0, 0, 0.15); display:flex; margin:0 0 0 216px; align-items:center; justify-content:center; position:relative; overflow:hidden}
.licenses-detail-header-logo img {display:block; max-width:100%; max-height:100%}

@media (max-width:1023px) {
    .licenses-detail-header {display:block; margin:24px 0 0 0}
    .licenses-detail-header-content {margin:0}
    .licenses-detail-header-descr {font-size:16px; line-height:22px}
    .licenses-detail-header-links {display:block; text-align:center}
    .licenses-detail-header-link-calc {margin:24px 0 0 0}
    .licenses-detail-header-logo {display:none}
}

.licenses-detail {margin:86px -226px 0 -226px; padding:56px 226px 121px 226px; background:#EEF1F3; border-radius:32px}
.licenses-detail form {margin:0; padding:0}
.licenses-detail-steps {height:48px}
.licenses-detail-steps.fixed .licenses-detail-steps-inner {position:fixed; top:20px; z-index:80}
.licenses-detail-steps-list {display:flex}
.licenses-detail-steps-item {display:none; margin:0 0 0 8px; padding:14px 15px 14px 49px; position:relative; background:#FFFFFF; border:1px solid rgba(0, 0, 0, 0.15); border-radius:48px; font-weight:600; font-size:18px; line-height:18px; color:#222222}
.licenses-detail-steps-item:first-child {margin:0}
.licenses-detail-steps-item.visible {display:block}
.licenses-detail-steps-item span {position:absolute; left:15px; top:11px; width:24px; height:24px; border-radius:50%; font-weight:600; font-size:16px; line-height:24px; text-align:center; color:#2F80ED; background:#DBEAFF}
.licenses-detail-steps-item.active span {color:#FFFFFF; background:#2F80ED}

@media (max-width:1023px) {
    .licenses-detail {margin:64px -16px 0 -16px; padding:48px 16px; border-radius:0}
    .licenses-detail-steps {display:none}
}

.licenses-detail-title {font-weight:600; font-size:44px; line-height:53px; color:#000000}
.licenses-detail-text {margin:8px 0 0 0}
.licenses-detail-text span {color:#2F80ED}
.licenses-detail-text strong {font-weight:normal}
.licenses-detail-text em {font-style:normal}
.licenses-detail-text em.hidden {display:none}

@media (max-width:1023px) {
    .licenses-detail-title {font-size:32px; line-height:38px}
}

.licenses-detail-tariffs {margin:37px 0 0 0}
.licenses-tariffs {margin:4px -12px 0 -12px; display:flex; flex-wrap:wrap}
.licenses-tariffs-item {display:flex; min-width:33.33%; max-width:33.33%; padding:24px 12px 0 12px}
.licenses-tariffs-item label {display:flex; cursor:pointer; width:100%}
.licenses-tariffs-item label > input {display:none}
.licenses-tariffs-item-inner {display:flex; width:100%; flex-direction:column; padding:20px 20px 52px 20px; border:2px solid #FFFFFF; border-radius:10px; background:#FFFFFF; transition:border-color 0.3s ease-out}
.licenses-tariffs-item-inner:hover {border-color:#2F80ED}
.licenses-tariffs-item label > input:checked+.licenses-tariffs-item-inner {border-color:#2F80ED}
.licenses-tariffs-item-header {display:flex; align-items:center; width:100%}
.licenses-tariffs-item-title {width:100%; font-weight:600; font-size:24px; line-height:31px; color:#000000}
.licenses-tariffs-item-check {min-width:40px; max-width:40px; margin:0 0 0 35px; height:40px; background:#EEF1F3; border-radius:50%; position:relative; transition:background 0.3s ease-out; align-self:flex-start}
.licenses-tariffs-item label > input:checked+.licenses-tariffs-item-inner .licenses-tariffs-item-check {background:#2F80ED}
.licenses-tariffs-item-check svg {display:block; width:40px; height:40px; fill:#000000; opacity:0.15; transition:fill 0.3s ease-out, opacity 0.3s ease-out}
.licenses-tariffs-item label > input:checked+.licenses-tariffs-item-inner .licenses-tariffs-item-check svg {fill:#FFFFFF; opacity:1}
.licenses-tariffs-item-anonce {margin:16px 0 0 0; font-size:16px; line-height:22px; width:100%}
.licenses-tariffs-item-users-title {margin:24px 0 0 0; width:100%; font-size:12px; line-height:12px; letter-spacing:0.065em; color:#2F80ED; text-transform:uppercase}
.licenses-tariffs-item-users-value {margin:12px 0 0 0; width:100%}
.licenses-tariffs-item-users-value-any {display:inline-block; vertical-align:top; min-width:136px; height:48px; border:1px solid #DBEAFF; border-radius:8px; padding:14px; text-align:center; font-weight:600; font-size:18px; line-height:18px}
.licenses-tariffs-item-users-count {display:inline-block; vertical-align:top; position:relative}
.licenses-tariffs-item-users-count input {position:relative; border:1px solid #DBEAFF; width:136px; height:48px; font:600 18px/18px Averta, sans-serif; color:#222222; vertical-align:top; text-align:center; margin:0; padding:14px; box-sizing:border-box; outline:none; border-radius:8px; background:#ffffff; -webkit-appearance:none}
.licenses-tariffs-item-users-count-dec {position:absolute; left:0; top:4px; width:40px; height:40px}
.licenses-tariffs-item-users-count-dec::before {content:""; position:absolute; left:50%; top:50%; width:24px; height:24px; margin:-12px 0 0 -12px; background:#DBEAFF; transition:background 0.3s ease-out; border-radius:50%}
.licenses-tariffs-item-users-count-dec:hover::before {background:#2F80ED}
.licenses-tariffs-item-users-count-dec svg {position:absolute; left:50%; top:50%; width:24px; height:24px; margin:-12px 0 0 -12px; fill:#2F80ED; transition:fill 0.3s ease-out}
.licenses-tariffs-item-users-count-dec:hover svg {fill:#FFFFFF}
.licenses-tariffs-item-users-count-inc {position:absolute; right:0; top:4px; width:40px; height:40px}
.licenses-tariffs-item-users-count-inc::before {content:""; position:absolute; left:50%; top:50%; width:24px; height:24px; margin:-12px 0 0 -12px; background:#DBEAFF; transition:background 0.3s ease-out; border-radius:50%}
.licenses-tariffs-item-users-count-inc:hover::before {background:#2F80ED}
.licenses-tariffs-item-users-count-inc svg {position:absolute; left:50%; top:50%; width:24px; height:24px; margin:-12px 0 0 -12px; fill:#2F80ED; transition:fill 0.3s ease-out}
.licenses-tariffs-item-users-count-inc:hover svg {fill:#FFFFFF}
.licenses-tariffs-item-price-title {margin:24px 0 0 0; width:100%; font-size:12px; line-height:12px; letter-spacing:0.065em; color:#2F80ED; text-transform:uppercase}
.licenses-tariffs-item-price-value {margin:4px 0 0 0; width:100%; font-weight:normal; font-size:32px; line-height:48px}
.licenses-tariffs-item-price-value span {font-size:40px; font-weight:600}
.licenses-tariffs-item-price-value strong {display:none; font-weight:600; color:rgba(0, 0, 0, 0.15); margin:0 8px 0 0}
.licenses-tariffs-item-price-value strong.visible {display:inline}
.licenses-tariffs-item-price-notice {margin:6px 0 0 0; width:100%; font-size:14px; line-height:14px}
.licenses-tariffs-item-prefs {margin:32px 0 0 0; width:100%; border-top:1px solid rgba(0, 0, 0, 0.15); padding:24px 0 0 0}
.licenses-tariffs-item-prefs-title {font-weight:600; font-size:14px; line-height:14px}
.licenses-tariffs-item-prefs-title svg {display:none}
.licenses-tariffs-item-prefs-list {margin:24px 0 0 0}
.licenses-tariffs-item-prefs-item {margin:16px 0 0 0; position:relative; font-size:16px; line-height:22px; padding:0 0 0 36px}
.licenses-tariffs-item-prefs-item::before {content:""; position:absolute; left:0; top:0; width:24px; height:24px; background:url(/assets/css/../images/licenses-tariffs-item-prefs-item.svg) no-repeat}
.licenses-tariffs-item-prefs-item svg {display:none}
.licenses-tariffs-item-prefs-bonus {margin:16px 0 0 0; position:relative; font-size:16px; line-height:22px; padding:0 0 0 36px; color:#E43F6F}
.licenses-tariffs-item-prefs-bonus.disabled {color:rgba(0, 0, 0, 0.15)}
.licenses-tariffs-item-prefs-bonus::before {content:""; position:absolute; left:0; top:0; width:24px; height:24px; background:url(/assets/css/../images/licenses-tariffs-item-prefs-bonus.svg) no-repeat}
.licenses-tariffs-item-prefs-bonus svg {display:none}
.licenses-tariffs-item-prefs-bonus.disabled::before {opacity:0.15}
.licenses-tariffs-item-prefs-bonus-hint {display:inline-block; vertical-align:middle; margin:24px; height:24px; margin:-2px 0 0 4px; position:relative}
.licenses-tariffs-item-prefs-bonus-hint::before {content:""; display:block; width:24px; height:24px; background:url(/assets/css/../images/licenses-tariffs-item-prefs-bonus-hint.svg) no-repeat}
.licenses-tariffs-item-prefs-bonus-hint svg {display:none}
.licenses-tariffs-item-prefs-bonus-hint-text {display:none}
@media (min-width:1024px) {
    .licenses-tariffs-item-prefs-bonus-hint-text {position:absolute; left:100%; top:50%; margin-left:18px; transform:translateY(-50%); width:238px; z-index:99; background:#222222; padding:16px; border-radius:16px; color:#EEF1F3; font-weight:normal; font-size:16px; line-height:22px; text-transform:none; letter-spacing:0}
    .licenses-tariffs-item-prefs-bonus-hint-text::before {content:""; position:absolute; left:-12px; top:50%; margin-top:-8px; border-right:12px solid #222222; border-top:8px solid transparent; border-bottom:8px solid transparent}
    .licenses-tariffs-item-prefs-bonus-hint:hover .licenses-tariffs-item-prefs-bonus-hint-text {display:block}
}
.licenses-tariffs-item-btn {display:none}

@media (max-width:1023px) {
    .licenses-detail-tariffs {margin:0}
    .licenses-detail-tariffs::before {content:"1"; display:block; width:24px; height:24px; margin:0 0 16px 0; background:#2F80ED; border-radius:50%; font-weight:600; font-size:16px; line-height:24px; text-align:center; color:#FFFFFF}
    .licenses-tariffs {margin:32px 0 0 0; display:block}
    .licenses-tariffs-item {display:block; margin:16px 0 0 0; padding:0; min-width:0; max-width:none}
    .licenses-tariffs-item-inner {padding:20px 20px 32px 20px}
    .licenses-tariffs-item-prefs-title {position:relative; padding-right:40px; cursor:pointer}
    .licenses-tariffs-item-prefs-title svg {display:block; position:absolute; right:0; top:50%; width:32px; height:32px; fill:#000000; margin-top:-16px}
    .licenses-tariffs-item-prefs.open .licenses-tariffs-item-prefs-title svg {transform:rotate(-180deg)}
    .licenses-tariffs-item-prefs-list {display:none}
    .licenses-tariffs-item-prefs.open .licenses-tariffs-item-prefs-list {display:block}
    .licenses-tariffs-item-btn {display:block; margin:24px 0 0 0}
    .licenses-tariffs-item-btn span {display:block; height:64px; border:1px solid #2F80ED; border-radius:8px; text-align:center; color:#2F80ED; font-weight:600; font-size:18px; line-height:62px}
    .licenses-tariffs-item-btn span:nth-child(2) {display:none}
    .licenses-tariffs-item label > input:checked+.licenses-tariffs-item-inner .licenses-tariffs-item-btn span:nth-child(1) {display:none}
    .licenses-tariffs-item label > input:checked+.licenses-tariffs-item-inner .licenses-tariffs-item-btn span:nth-child(2) {display:block; background:#2F80ED; color:#FFFFFF}
}

.licenses-tariffs-details {position:relative}
.licenses-tariffs-detail {position:absolute; left:-9999px; top:-9999px; width:100%; opacity:0; transition:opacity 0.3s ease-out}
.licenses-tariffs-detail.active {position:relative; left:auto; top:auto; opacity:1}

.licenses-detail-period {margin:61px 0 0 0}
.licenses-detail-period-list {margin:4px -12px 0 -12px; display:flex; flex-wrap:wrap}
.licenses-detail-period-item {display:flex; min-width:25%; max-width:25%; padding:24px 12px 0 12px}
.licenses-detail-period-item label {display:flex; cursor:pointer}
.licenses-detail-period-item label input {display:none}
.licenses-detail-period-item-inner {display:flex; flex-direction:column; min-height:310px; padding:20px 24px 34px 24px; border:2px solid #FFFFFF; border-radius:10px; background:#FFFFFF; transition:border-color 0.3s ease-out}
.licenses-detail-period-item-inner:hover {border-color:#2F80ED}
.licenses-detail-period-item label input:checked+.licenses-detail-period-item-inner {border-color:#2F80ED}
.licenses-detail-period-item-header {display:flex; align-items:center; width:100%}
.licenses-detail-period-item-title {width:100%; font-weight:600; font-size:24px; line-height:31px; color:#000000}
.licenses-detail-period-item-check {min-width:40px; max-width:40px; margin:0 0 0 35px; height:40px; background:#EEF1F3; border-radius:50%; position:relative; transition:background 0.3s ease-out; align-self:flex-start}
.licenses-detail-period-item label input:checked+.licenses-detail-period-item-inner .licenses-detail-period-item-check {background:#2F80ED}
.licenses-detail-period-item-check svg {display:block; width:40px; height:40px; fill:#000000; opacity:0.15; transition:fill 0.3s ease-out, opacity 0.3s ease-out}
.licenses-detail-period-item label input:checked+.licenses-detail-period-item-inner .licenses-detail-period-item-check svg {fill:#FFFFFF; opacity:1}
.licenses-detail-period-item-text {margin:18px 0 0 0; height:100%; font-size:16px; line-height:22px}
.licenses-detail-period-item-cost {margin:24px 0 0 0}
.licenses-detail-period-item-cost-title {font-size:12px; line-height:12px; letter-spacing:0.065em; color:#2F80ED; text-transform:uppercase}
.licenses-detail-period-item-cost-value {margin:4px 0 0 0; font-size:32px; line-height:48px}
.licenses-detail-period-item-cost-value span {font-size:40px; font-weight:600}
.licenses-detail-period-item-cost-economy {opacity:0; font-size:14px; line-height:14px; color:#E43F6F}
.licenses-detail-period-item-cost-economy.visible {opacity:1}

@media (max-width:1023px) {
    .licenses-detail-period {margin:64px 0 0 0}
    .licenses-detail-period::before {content:"2"; display:block; width:24px; height:24px; margin:0 0 16px 0; background:#2F80ED; border-radius:50%; font-weight:600; font-size:16px; line-height:24px; text-align:center; color:#FFFFFF}
    .licenses-detail-period-list {display:block; margin:32px 0 0 0}
    .licenses-detail-period-item {display:block; min-width:0; max-width:none; padding:0; margin:16px 0 0 0}
    .licenses-detail-period-item label {display:block; width:100%}
    .licenses-detail-period-item-inner {display:block; min-height:0}
}

.licenses-detail-bonuses {margin:61px 0 0 0}
.licenses-detail-bonuses-list {margin:4px -12px 0 -12px; display:flex; flex-wrap:wrap}
.licenses-detail-bonuses-item {display:flex; min-width:50%; max-width:50%; padding:24px 12px 0 12px}
.licenses-detail-bonuses-item label {display:flex; cursor:pointer}
.licenses-detail-bonuses-item label input {display:none}
.licenses-detail-bonuses-item-inner {display:flex; flex-direction:column; padding:24px 24px 32px 24px; border:2px solid #FFFFFF; border-radius:10px; background:#FFFFFF; transition:border-color 0.3s ease-out}
.licenses-detail-bonuses-item-inner:hover {border-color:#2F80ED}
.licenses-detail-bonuses-item label input:checked+.licenses-detail-bonuses-item-inner {border-color:#2F80ED}
.licenses-detail-bonuses-item label input:disabled+.licenses-detail-bonuses-item-inner {pointer-events:none}
.licenses-detail-bonuses-item-header {display:flex; align-items:center; width:100%}
.licenses-detail-bonuses-item-title {width:100%; font-weight:600; font-size:24px; line-height:31px; color:#000000}
.licenses-detail-bonuses-item-check {min-width:40px; max-width:40px; margin:0 0 0 35px; height:40px; background:#EEF1F3; border-radius:50%; position:relative; transition:background 0.3s ease-out; align-self:flex-start}
.licenses-detail-bonuses-item label input:checked+.licenses-detail-bonuses-item-inner .licenses-detail-bonuses-item-check {background:#2F80ED}
.licenses-detail-bonuses-item-check svg {display:block; width:40px; height:40px; fill:#000000; opacity:0.15; transition:fill 0.3s ease-out, opacity 0.3s ease-out}
.licenses-detail-bonuses-item label input:checked+.licenses-detail-bonuses-item-inner .licenses-detail-bonuses-item-check svg {fill:#FFFFFF; opacity:1}
.licenses-detail-bonuses-item-text {margin:24px 0 0 0; font-size:16px; line-height:22px}
.licenses-detail-bonuses-item-text p {margin:22px 0 0 0; padding:0}

@media (max-width:1023px) {
    .licenses-detail-bonuses {margin:64px 0 0 0}
    .licenses-detail-bonuses::before {content:"3"; display:block; width:24px; height:24px; margin:0 0 16px 0; background:#2F80ED; border-radius:50%; font-weight:600; font-size:16px; line-height:24px; text-align:center; color:#FFFFFF}
    .licenses-detail-bonuses:first-child::before {content:"2"}
    .licenses-detail-bonuses-list {display:block; margin:32px 0 0 0}
    .licenses-detail-bonuses-item {display:block; min-width:0; max-width:none; padding:0; margin:16px 0 0 0}
    .licenses-detail-bonuses-item label {display:block; width:100%}
    .licenses-detail-bonuses-item-inner {display:block; min-height:0}
}

.licenses-details-summ {position:absolute; left:-9999px; top:-9999px; width:100%; opacity:0; transition:opacity 0.3s ease-out; border-top:1px solid #000000; margin:53px 0 0 0; padding:47px 0 0 0}
.licenses-details-summ.visible {position:relative; left:auto; top:auto; opacity:1}

@media (max-width:1023px) {
    .licenses-details-summ {margin:64px 0 0 0; padding:64px 0 0 0}
}

.licenses-details-summ-item {background:#FFFFFF; padding:24px; border-radius:10px; margin:8px 0 0 8px}
.licenses-details-summ-item-title {font-size:12px; line-height:12px; letter-spacing:0.065em; color:#2F80ED; text-transform:uppercase}
.licenses-details-summ-item-value {margin:8px 0 0 0; font-weight:600; font-size:24px; line-height:31px; color:#000000}

.licenses-details-summ-params {margin:12px 0 0 -8px; display:flex; flex-wrap:wrap}
.licenses-details-summ-value {margin:0 0 0 -8px; display:flex; flex-wrap:wrap; align-items:flex-start}

.licenses-details-summ-item-cost .licenses-details-summ-item-value {font-size:44px; line-height:53px; color:#2F80ED}
.licenses-details-summ-item-economy .licenses-details-summ-item-title {color:#E43F6F}
.licenses-details-summ-item-economy .licenses-details-summ-item-value {color:#E43F6F}

.licenses-detail-submit {margin:20px 0 0 0; width:50%}
.licenses-detail-submit .btn {width:100%; background:#2586DE}
.licenses-detail-submit .btn:hover {background:#126DBF}

@media (max-width:1023px) {
    .licenses-detail-submit {width:auto}
}

.window-licenses-text {text-align:left}
/* End */


/* Start:/assets/css/bottom-bar.css?17787559313849*/
.bottom-bar {
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  background-color: var(--bottom-bar-bg, #222222);
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  transition: all 0.3s ease;
  z-index: 2;
}
.bottom-bar:hover .bottom-bar__line-icon {
  -webkit-animation: shiftbottom-barIcon 0.2s 2 alternate;
          animation: shiftbottom-barIcon 0.2s 2 alternate;
}
.bottom-bar--hidden {
  bottom: -200px;
  pointer-events: none;
  opacity: 0;
}

.bottom-bar__container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.bottom-bar__line {
  width: 90%;
  overflow: hidden;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.bottom-bar__line-text {
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  color: var(--bottom-bar-color, #fff);
  font-family: inherit;
  font-weight: 400;
  font-size: 22px;
  line-height: 140%;
  text-decoration: none;
  white-space: nowrap;
  background: none;
  border: none;
  transition-property: transform;
  transition-duration: 10s;
  transition-timing-function: linear;
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.25) 9px, rgb(0, 0, 0) 18px, rgb(0, 0, 0) calc(100% - 18px), rgba(0, 0, 0, 0.25) calc(100% - 9px), rgba(0, 0, 0, 0));
  -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.25) 9px, rgb(0, 0, 0) 18px, rgb(0, 0, 0) calc(100% - 18px), rgba(0, 0, 0, 0.25) calc(100% - 9px), rgba(0, 0, 0, 0));
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 1023px) {
  .bottom-bar__line-text {
    font-size: 16px;
  }
}

.bottom-bar__line-caption {
  white-space: nowrap;
}

.bottom-bar__line-icon {
  flex-shrink: 0;
  margin-left: 16px;
  margin-right: 10px;
}
@media (max-width: 768px) {
  .bottom-bar__line-icon {
    display: none;
  }
}

.bottom-bar__right {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 27px;
  height: 100%;
  background-color: var(--bottom-bar-bg, #222222);
  z-index: 5;
}
@media (max-width: 1023px) {
  .bottom-bar__right {
    padding: 0 12px;
  }
}

.bottom-bar__close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  background-color: rgba(255, 255, 255, 0.4);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  transition: opacity 0.2s;
  position: relative;
}
.bottom-bar__close:hover {
  opacity: 0.9;
}
@media (max-width: 1023px) {
  .bottom-bar__close {
    width: 20px;
    height: 20px;
    background-color: rgba(0, 0, 0, 0.4);
  }
}

.bottom-bar__close::before,
.bottom-bar__close::after {
  position: absolute;
  left: 15%;
  top: 13px;
  content: "";
  display: block;
  background-color: var(--bottom-bar-color, #fff);
  width: 70%;
  height: 3.5px;
  border-radius: 4px;
  transform-origin: center;
}
@media (max-width: 1023px) {
  .bottom-bar__close::before,
.bottom-bar__close::after {
    height: 2px;
    top: 9px;
    left: 4px;
    width: 60%;
  }
}

.bottom-bar__close::before {
  transform: rotate(45deg);
}

.bottom-bar__close::after {
  transform: rotate(-45deg);
}

@-webkit-keyframes shiftbottom-barIcon {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(50%);
  }
}

@keyframes shiftbottom-barIcon {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(50%);
  }
}
.bottom-bar .btn {
  border-color: var(--bototm-var-button-bg, #e43f6f);
  background: var(--bototm-var-button-bg, #e43f6f);
  color: var(--bottom-bar-button-color, #fff);
}
@media (max-width: 768px) {
  .bottom-bar .btn {
    width: 100%;
    max-width: calc(100% - 32px);
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
  }
}/*# sourceMappingURL=bottom-bar.css.map */
/* End */


/* Start:/local/templates/main/template_styles.css?1778755843303*/
body #bx-panel.bx-panel-fixed {
    top: 100px!important;
}

.form-input-captcha #captcha_word {
	width: 57%;
}

.form-input-captcha img {
	margin: 10px 0 0 10px;
}

@media (max-width: 520px) {
	.form-input-captcha #captcha_word {
		width: 100%;
	}

	.form-input-captcha img {
		margin: 10px 0 0 0;
	}
}
/* End */
/* /assets/css/fonts.css?1778755931302 */
/* /assets/css/styles.css?1778755931117749 */
/* /assets/css/bottom-bar.css?17787559313849 */
/* /local/templates/main/template_styles.css?1778755843303 */
