<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root {
--c-white: #FFFFFF;
--c-white-opacity-90:rgba(255, 255, 255, 0.9);
--c-black: #313C4E;
--c-black-deep: #212A38;
--c-main: #2B5DA2;
--c-main-deep: #275391;
--c-main-bright: #336FC2;
--c-accent: #F0A93B;
--c-accent-hover: #FEB645;
--c-additional: #62738D;
--c-additional-2:#495974;
--c-gray-1:#D0D7E1;
--c-gray-2:#F3F4F7;
--c-gray-3:#8A97AD;
--c-gray-4:#EDEFF3;
--c-overlay: rgba(49, 60, 78, 0.5);
--siteMaxWidth: 1440px;
--siteMinWidth: 320px;
--gridWidth: 1160px;
--gridPadding: 15px;
--baseFontFamily: 'Tahoma', sans-serif;
--baseFontSize: 16px;
--baseLineHeight: 1.4;
--baseFontWeight: normal;
--borderRadius: 8px;
--borderRadiusLarge: 12px;
--boxShadow: 0px 0px 20px rgba(43, 93, 162, 0.08), 0px 0px 10px rgba(43, 93, 162, 0.06), 0px 0px 8px rgba(43, 93, 162, 0.08), inset -4px -4px 4px rgba(43, 93, 162, 0.12), 3px 3px 3px rgba(255, 255, 255, 0.2);
--boxShadow-2:4px 4px 6px rgba(43, 93, 162, 0.06), 2px 2px 4px rgba(43, 93, 162, 0.08), inset -2px -2px 4px rgba(43, 93, 162, 0.1);
--boxShadow-3:4px 4px 6px rgba(43, 93, 162, 0.06);
--transition-all: all 0.3s ease-in-out;
--transition-glow: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
--btnHeight: 48px;
--btnPadding: 16px 28px;
--btnBorder: 2px solid transparent;
--btnBorderRadius: var(--borderRadius);
--inputHeight: 48px;
--inputPaddingX: 20px;
--inputPaddingY: 13px;
--inputPadding: var(--inputPaddingY) var(--inputPaddingX);
--inputBgColor: var(--c-white);
--inputBorderRadius: var(--borderRadius);
}
.intercom-launcher{
display: none !important;
}
* {
outline: none !important;
}
.animate {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.noscroll {
overflow: hidden;
}
#wpadminbar {
position: fixed !important;
}
#bg {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999;
background: rgba(0, 0, 0, 0.3);
}
#bg &gt; div {
position: absolute;
top: calc(40% - 40px);
left: calc(50% - 40px);
} html {
box-sizing: border-box;
-webkit-text-size-adjust: 100%;
word-break: normal;
-moz-tab-size: 4;
tab-size: 4
}
*, :after, :before {
background-repeat: no-repeat;
box-sizing: inherit
}
:after, :before {
text-decoration: inherit;
vertical-align: inherit
}
* {
padding: 0;
margin: 0
}
hr {
overflow: visible;
height: 0;
color: inherit
}
details, main {
display: block
}
summary {
display: list-item
}
small {
font-size: 80%
}
[hidden] {
display: none
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted
}
a {
background-color: transparent
}
a:active, a:hover {
outline-width: 0
}
code, kbd, pre, samp {
font-family: monospace, monospace
}
pre {
font-size: 1em
}
b, strong {
font-weight: bolder
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
table {
border-color: inherit;
text-indent: 0
}
input {
border-radius: 0
}
[disabled] {
cursor: default
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
textarea {
overflow: auto;
resize: vertical
}
button, input, optgroup, select, textarea {
font: inherit
}
optgroup {
font-weight: 700
}
button {
overflow: visible
}
button, select {
text-transform: none
}
[role=button], [type=button], [type=reset], [type=submit], button {
cursor: pointer;
color: inherit
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button:-moz-focusring {
outline: 1px dotted ButtonText
}
[type=reset], [type=submit], button, html [type=button] {
-webkit-appearance: button
}
button, input, select, textarea {
background-color: transparent;
border-style: none
}
a:focus, button:focus, input:focus, select:focus, textarea:focus {
outline-width: 0
}
select {
-moz-appearance: none;
-webkit-appearance: none
}
select::-ms-expand {
display: none
}
select::-ms-value {
color: currentColor
}
legend {
border: 0;
color: inherit;
display: table;
white-space: normal;
max-width: 100%
}
::-webkit-file-upload-button {
-webkit-appearance: button;
color: inherit;
font: inherit
}
img {
border-style: none
}
progress {
vertical-align: baseline
}
[aria-busy=true] {
cursor: progress
}
[aria-controls] {
cursor: pointer
}
[aria-disabled=true] {
cursor: default
} body {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
min-width: var(--siteMinWidth);
height: 100%;
min-height: 100vh;
margin: 0 auto;
overflow-x: hidden;
font-family: var(--baseFontFamily);
font-size: var(--baseFontSize);
font-weight: var(--baseFontWeight);
line-height: var(--baseLineHeight);
color: var(--c-black);
}
body.lock {
overflow: hidden;
}
main {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
flex: 1 0 auto;
overflow-x: hidden; 
}
.header, .footer {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
}
.header__cities-list-wrapper {
max-height: 500px;
overflow-y: auto;
overflow-x: hidden;
}
.header__cities-list-wrapper {
width: fit-content !important; }
.header__cities-list-wrapper::-webkit-scrollbar:vertical{
width: 11px;
}
.header__cities-list-wrapper::-webkit-scrollbar{
-webkit-appearance: none;
}
.header__cities-list-wrapper::-webkit-scrollbar-thumb{
border-radius: 8px;
border: 2px solid white;
background-color: var(--c-main);
}
.header__cities-list-wrapper::-webkit-scrollbar-track {
background-color: #fff;
border-radius: 8px;
}
::-webkit-scrollbar-thumb{
border-radius: 20px;
background-color:var(--c-white);
background-clip: content-box;
}
.section {
--paddingY: 160px;
padding-top: var(--paddingY);
padding-bottom: var(--paddingY);
}
.section_80 {
--paddingY: 80px;
padding-top: var(--paddingY);
padding-bottom: var(--paddingY);
}
@media (max-width:767px) {
.section {
--paddingY: 144px
}
}
.section--no-pb {
padding-bottom: 0;
}
.section--gray-bg {
background-color: var(--c-gray-2);
} .container {
width: 100%;
margin: 0 auto;
padding: 0 20px;
max-width: 1200px;
}
.container--wide {
--maxWidth: var(--siteMaxWidth);
}
@media (max-width:1199.5px) {
.container {
max-width: 1040px;
}
}
@media (max-width:1099.5px) {
.container {
max-width: 940px;
}
}
@media (max-width:991.5px) {
.container {
max-width: 720px;
}
}
a:focus-visible, button:focus-visible {
-webkit-transition: initial;
transition: initial;
outline: 2px dashed var(--c-black);
outline-offset: 2px;
}
a {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
}
a:not([class]) {
color: var(--c-main);
text-decoration: underline;
}
a:not([class]):hover {
color: var(--c-main-deep);
}
a:not([class])[disabled] {
color: var(--c-gray-1);
pointer-events: none;
}
.btn {
position: relative;
overflow: hidden;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
height: var(--btnHeight);
padding: var(--btnPadding);
font-weight: 700;
font-size: 14px;
text-decoration: none;
text-transform: uppercase;
color: var(--c-white);
background-color: var(--c-main);
border-radius: var(--btnBorderRadius);
}
.btn:hover {
background-color: var(--c-main-bright);
}
.btn:active {
-webkit-transform: scale(1.02) translateZ(0);
transform: scale(1.02) translateZ(0);
}
.btn[disabled] {
background-color: var(--c-gray-1);
pointer-events: none;
}
.btn--orange {
background-color: var(--c-accent);
}
.btn--orange:hover {
background-color: var(--c-accent-hover);
}
.btn--wide {
width: 100%;
}
img {
max-width: 100%;
height: auto;
}
img:not[class] {
width: 100%;
}
p:not(:last-child), ol:not(:last-child), ul:not(:last-child), li:not(:last-child), img:not(:last-child), blockquote:not(:last-child), table:not(:last-child) {
margin-bottom: var(--marginBottom);
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
--marginBottom: 20px;
font-weight: 700;
}
@media (max-width:767px) {
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
--marginBottom: 16px
}
}
h1:not(:last-child), .h1:not(:last-child), h2:not(:last-child), .h2:not(:last-child), h3:not(:last-child), .h3:not(:last-child), h4:not(:last-child), .h4:not(:last-child), h5:not(:last-child), .h5:not(:last-child), h6:not(:last-child), .h6:not(:last-child) {
margin-bottom: var(--marginBottom);
}
h1 span, .h1 span, h2 span, .h2 span, h3 span, .h3 span, h4 span, .h4 span, h5 span, .h5 span, h6 span, .h6 span {
color: var(--c-main);
}
h1, .h1 {
font-size: calc(36px + (42 - 36) * ((100vw - 320px) / (1440 - 320)));
}
@media (min-width:1441px) {
h1, .h1 {
font-size: calc(36px + (42 - 36) * ((100vw - 320px) / (3440 - 320)));
}
}
h1, .h1 {
line-height: 1.2;
}
h2, .h2 {
font-size: calc(28px + (36 - 28) * ((100vw - 320px) / (1440 - 320)));
}
@media (min-width:1441px) {
h2, .h2 {
font-size: calc(28px + (36 - 28) * ((100vw - 320px) / (3440 - 320)));
}
}
h2, .h2 {
line-height: 1.2;
}
h3, .h3 {
font-size: calc(24px + (28 - 24) * ((100vw - 320px) / (1440 - 320)));
}
@media (min-width:1441px) {
h3, .h3 {
font-size: calc(24px + (28 - 24) * ((100vw - 320px) / (3440 - 320)));
}
}
h3, .h3 {
line-height: 1.3;
}
h4, .h4 {
font-size: calc(20px + (24 - 20) * ((100vw - 320px) / (1440 - 320)));
}
@media (min-width:1441px) {
h4, .h4 {
font-size: calc(20px + (24 - 20) * ((100vw - 320px) / (3440 - 320)));
}
}
h4, .h4 {
line-height: 1.3;
}
h5, .h5 {
font-size: 20px;
}
@media (min-width:1441px) {
h5, .h5 {
font-size: 20px;
}
}
h5, .h5 {
line-height: 1.3;
}
h6, .h6 {
font-size: 16px;
line-height: 1.3;
}
p:not([class]), ul:not([class]), ol:not([class]), table:not([class]), img:not([class]) {
--marginBottom: 24px;
}
ul, ol {
list-style: none;
}
ul:not([class]) li, ol:not([class]) li {
position: relative;
padding-left: 40px;
}
ul:not([class]) li::before, ol:not([class]) li::before {
--size: 24px;
content: "";
position: absolute;
top: 6px;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
width: var(--size);
height: var(--size);
background-color: var(--c-gray-2);
border-radius: calc(var(--borderRadius) / 2);
}
ul:not([class]) li h1, ul:not([class]) li .h1, ul:not([class]) li h2, ul:not([class]) li .h2, ul:not([class]) li h3, ul:not([class]) li .h3, ul:not([class]) li h4, ul:not([class]) li .h4, ul:not([class]) li h5, ul:not([class]) li .h5, ul:not([class]) li h6, ul:not([class]) li .h6, ol:not([class]) li h1, ol:not([class]) li .h1, ol:not([class]) li h2, ol:not([class]) li .h2, ol:not([class]) li h3, ol:not([class]) li .h3, ol:not([class]) li h4, ol:not([class]) li .h4, ol:not([class]) li h5, ol:not([class]) li .h5, ol:not([class]) li h6, ol:not([class]) li .h6 {
--marginBottom: 12px;
}
ul:not([class]) li p, ol:not([class]) li p {
color: var(--c-additional);
}
ol:not([class]) {
counter-reset: custom-counter;
}
ol:not([class]) li {
counter-increment: custom-counter;
}
ol:not([class]) li::before {
content: counter(custom-counter);
font-weight: 700;
color: var(--c-main);
}
ul:not([class]) li::before {
background-image: url(//ipnote.pro/wp-content/themes/ipnote/assets/icons/icon-check-blue.svg);
background-position: center;
background-repeat: no-repeat;
}
li:not([class]) {
--marginBottom: 36px;
}
svg {
width: var(--iconSize);
height: var(--iconSize);
}
.beta-mark {
position: relative;
bottom: 0.5em;
margin-left: 0.5em;
font-size: 0.625em;
color: var(--c-accent)
}
.form__body:not(:last-child) {
margin-bottom: 28px;
}
.form__footer .form__item:not(:last-child) {
margin-bottom: 16px;
}
.form__item {
position: relative;
width: 100%;
font-size: 14px;
line-height: 1.2;
}
.form__item:not(:last-child) {
margin-bottom: 12px;
}
.form__input {
position: relative;
width: 100%;
height: var(--inputHeight);
padding: var(--inputPadding);
background-color: var(--inputBgColor);
border-radius: var(--inputBorderRadius);
}
.form__input:not(:-moz-placeholder-shown) ~ .form__label {
opacity: 0;
visibility: hidden;
backface-visibility: hidden;
}
.form__input:not(:-ms-input-placeholder) ~ .form__label {
opacity: 0;
visibility: hidden;
backface-visibility: hidden;
}
.form__input:not(:placeholder-shown) ~ .form__label {
opacity: 0;
visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.form__input--textarea {
scrollbar-color: var(--c-gray-3) var(--c-gray-3);
scrollbar-width: auto;
}
.form__input--textarea::-webkit-scrollbar {
width: 8px;
height: 8px;
background-color: var(--c-gray-3);
}
.form__input--textarea::-webkit-scrollbar-thumb {
background-color: var(--c-gray-3);
}
.form__input--textarea {
height: 96px;
}
.form__input--textarea::-webkit-scrollbar {
width: 4px;
height: 4px;
}
.form__input--textarea {
resize: none;
}
.form__input::-webkit-input-placeholder {
color: var(--c-black);
}
.form__input::-moz-placeholder {
color: var(--c-black);
}
.form__input:-ms-input-placeholder {
color: var(--c-black);
}
.form__input::placeholder {
color: var(--c-black);
}
.form__input:hover:not(:focus) {
border-color: var(--c-yellow-3);
}
.form__input:hover:not(:focus)::-webkit-input-placeholder {
color: var(--c-yellow-3);
}
.form__input:hover:not(:focus)::-moz-placeholder {
color: var(--c-yellow-3);
}
.form__input:hover:not(:focus):-ms-input-placeholder {
color: var(--c-yellow-3);
}
.form__input:hover:not(:focus)::placeholder, .form__input:hover:not(:focus) ~ .form__label {
color: var(--c-yellow-3);
}
.form__input:focus {
border-color: var(--c-yellow-1);
}
.form__input:focus::-webkit-input-placeholder {
color: var(--c-black);
}
.form__input:focus::-moz-placeholder {
color: var(--c-black);
}
.form__input:focus:-ms-input-placeholder {
color: var(--c-black);
}
.form__input:focus::placeholder, .form__input:focus ~ .form-label {
color: var(--c-black);
}
.form__label {
position: absolute;
top: 13px;
left: var(--inputPaddingX);
font-size: 16px;
line-height: 1.4;
color: var(--c-gray-1);
}
.form__star-required {
color: var(--c-accent);
}
.form__agreement {
font-size: 12px;
line-height: 1.2;
color: var(--c-gray-1);
}
.form__agreement a {
color: inherit;
text-decoration: underline;
}
.tabs__body {
overflow-x: hidden;
}
.tabs__content-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-transform: translateX(var(--tabsOffset));
transform: translateX(var(--tabsOffset));
}
.tabs__content {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
flex: 0 0 100%;
display: none;
}
.tabs__content.active {
display: block;
}
.header {
position: fixed;
z-index: 100;
top: 0;
left: 0;
width: 100%;
-webkit-transition: var(--transition-all);
transition: var(--transition-all); background: var(--c-white);
}
@media (max-width:1024px) {
.header {
--paddingY: 12px
}
}
.header.fixed { border-bottom: 1px solid var(--c-gray-2);
}
.header.fixed .header__inner {
--paddingY: 12px;
}
.header__inner {
--paddingY: 24px;
padding-top: var(--paddingY);
padding-bottom: var(--paddingY);
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.header__menu {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
@media (max-width:1024px) {
.header__menu {
--paddingY: 30px;
position: fixed;
overflow-y: auto;
z-index: 10;
top: 0;
left: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
width: 100vw;
height: 100vh;
padding-top: var(--paddingY);
padding-bottom: var(--paddingY);
background-color: var(--c-gray-2);
opacity: 0;
}
.header__menu.opened {
left: 0;
opacity: 1;
}
}
.header__logo:not(:last-child) {
margin-right: 30px;
}
.header__navigation {
width: 100%;
}
.header__navigation:not(:last-child) {
margin-right: 30px;
}
@media (max-width:1024px) {
.header__navigation:not(:last-child) {
margin-right: 0;
margin-bottom: 22px
}
}
@media (max-width:1024px) {
.header__navigation {
max-height: 55vh;
overflow-y: auto
}
}
.header__actions {
-webkit-flex-shrink: 0;
flex-shrink: 0;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
@media (max-width:1024px) {
.header__actions {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column
}
}
.header__sign-in {
width: 32px;
height: 32px;
border-radius: var(--borderRadius);
}
.header__sign-in:not(:last-child) {
margin-right: 20px;
}
@media (max-width:1024px) {
.header__sign-in:not(:last-child) {
margin-right: 0;
margin-bottom: 22px
}
}
.header__sign-in:hover svg path, .header__sign-in:active svg path, .header__sign-in[disabled] svg path {
stroke: var(--c-white);
}
.header__sign-in:hover {
background-color: var(--c-main);
}
.header__sign-in:active {
background-color: var(--c-main-deep);
-webkit-transform: scale(1.05) translateZ(0);
transform: scale(1.05) translateZ(0);
}
.header__sign-in[disabled] {
background-color: var(--c-gray-1);
pointer-events: none;
}
.header__sign-in svg {
--size: 100%;
}
.header__burger-button.burger-button {
display: none;
}
@media (max-width:1024px) {
.header__burger-button.burger-button {
display: -webkit-box;
display: -webkit-flex;
display: flex
}
}
.logo__link {
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
.logo__link:hover {
opacity: 0.9;
}
@media (max-width:767px) {
.logo__image {
max-width: 115px
}
}
.navigation {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
}
@media (max-width:1024px) {
.navigation {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column
}
}
.navigation__list {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
@media (max-width:1024px) {
.navigation__list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column
}
}
.footer .navigation__link:hover {
color: var(--c-accent);
}
.navigation__item:not(:last-child) {
margin-right: 30px;
}
@media (max-width:1280px) {
.navigation__item:not(:last-child) {
margin-right: 15px
}
}
@media (max-width:1024px) {
.navigation__item:not(:last-child) {
margin-right: 0;
margin-bottom: 2px
}
}
.navigation__link {
--paddingY: 10px;
position: relative;
}
.navigation__link {
padding-top: var(--paddingY);
padding-bottom: var(--paddingY);
color: var(--c-black);
text-decoration: none;
}
.footer .navigation__link {
color: var(--c-white);
}
.navigation__link::before {
bottom: 5px;
background-color: var(--c-accent);
}
.navigation__link:hover {
color: var(--c-main-bright);
}
.burger-button {
position: relative;
z-index: 10;
display: -webkit-box;
display: -webkit-flex;
display: flex;
width: 32px;
height: 32px;
background-color: transparent;
border: none;
cursor: pointer;
}
.burger-button:focus {
outline: none;
}
.burger-button svg {
width: 100%;
height: 100%;
}
.burger-button__line {
fill: none;
stroke: var(--c-black);
stroke-width: 6;
-webkit-transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.burger-button__line--1 {
stroke-dasharray: 60 207;
stroke-width: 6;
}
.burger-button__line--2 {
stroke-dasharray: 60 60;
stroke-width: 6;
}
.burger-button__line--3 {
stroke-dasharray: 60 207;
stroke-width: 6;
}
.burger-button.opened .burger-button__line--1 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: 6;
}
.burger-button.opened .burger-button__line--2 {
stroke-dasharray: 1 60;
stroke-dashoffset: -30;
stroke-width: 6;
}
.burger-button.opened .burger-button__line--3 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: 6;
}
.modal {
display: none;
position: fixed !important;
z-index: 100 !important;
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
padding: 0 !important;
max-width: 100% !important;
background: initial !important;
}
.modal__overlay {
width: 100%;
height: 100%;
padding: 30px;
background-color: var(--c-overlay);
overflow: auto;
}
@media (max-width:767px) {
.modal__overlay {
padding: 25px 12px
}
}
.modal__inner {
position: relative;
max-width: 460px;
background-color: var(--c-gray-2);
border-radius: var(--borderRadiusLarge);
margin: 110px auto;
}
@media (max-width:767px) {
}
.modal__content {
overflow-y: hidden;
padding: 56px 48px;
}
@media (max-width:767px) {
.modal__content {
--paddingX: 30px;
padding-left: var(--paddingX);
padding-right: var(--paddingX)
}
}
.modal__close-btn {
--size: 32px;
--offset: 20px;
position: absolute;
top: var(--offset);
right: var(--offset);
width: var(--size);
height: var(--size);
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.modal__close-btn:hover path {
stroke: var(--c-main-bright);
}
.modal__close-btn:active {
-webkit-transform: scale(1.1) translateZ(0);
transform: scale(1.1) translateZ(0);
}
.modal__close-btn svg {
--iconSize: 18px;
}
.modal__header:not(:last-child) {
margin-bottom: 36px;
}
.modal__title:not(:last-child) {
margin-bottom: 12px;
}
.modal__subtitle {
color: var(--c-additional);
}
.modal__success-text { color: var(--c-additional);
width: 100%;
}
.hero {
padding-top: 210px;
}
@media (max-width:767px) {
.hero {
padding-top: 104px
}
}
.hero__inner {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.hero__body {
position: relative;
z-index: 1;
max-width: 460px;
}
body.lang-ru .hero__body {
max-width: 525px;
}
@media (max-width:1280px) {
.hero__body {
max-width: 50%
}
}
@media (max-width:767px) {
.hero__body {
width: 100%;
max-width: 100%
}
}
.hero__footer {
position: relative;
}
@media (max-width:767px) {
.hero__footer {
max-width: 400px
}
}
.hero__line-icon {
position: absolute;
top: calc(50% + 50px);
left: calc(100% - 40px);
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
width: 102px;
height: 32px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width:1280px) {
.hero__line-icon {
left: auto;
right: 0
}
}
@media (max-width:767px) {
.hero__line-icon {
top: 30%;
width: 72px;
-webkit-transform: translateY(-50%) rotate(-24deg);
transform: translateY(-50%) rotate(-24deg)
}
}
.hero__slogan {
font-size: calc(34px + (40 - 34) * ((100vw - 320px) / (1440 - 320)));
}
@media (min-width:1441px) {
.hero__slogan {
font-size: calc(34px + (40 - 34) * ((100vw - 320px) / (3440 - 320)));
}
}
.hero__slogan {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: -12px;
}
.hero__slogan:not(:last-child) {
margin-bottom: calc(24px - 12px);
}
@media (max-width:767px) {
.hero__slogan:not(:last-child) {
margin-bottom: var(--heroImagesHeight)
}
}
.hero__slogan-label {
margin-bottom: 12px;
padding: 4px 8px;
font-weight: 700;
color: var(--c-main);
background-color: var(--c-gray-2);
border-radius: var(--borderRadius);
font-size: 36px;
}
@media (max-width:767px) {
.hero__slogan-label {
margin-bottom: 7px
}
}
.hero__slogan-label:not(:last-child) {
margin-right: 12px;
}
@media (max-width:767px) {
.hero__slogan-label:not(:last-child) {
margin-right: 7px
}
}
@media (min-width:1441px) {
.hero__slogan-label {
font-size: 40px;
font-size: 36px;
}
}
body.lang-ru .hero__slogan-label {
font-size: 32px;
}
.hero__description {
max-width: 438px;
font-weight: 400;
line-height: 1.5;
color: var(--c-additional);
}
.hero__description:not(:last-child) {
margin-bottom: 36px;
}
.hero__images {
position: absolute;
top: -72px;
right: -51px;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
place-items: center;
}
.hero__images::before {
--size: 640px;
--maxSize: 50vw;
content: "";
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
width: var(--size);
max-width: var(--maxSize);
height: var(--size);
max-height: var(--maxSize);
background-color: var(--c-gray-2);
border-radius: var(--borderRadiusLarge);
-webkit-transform: translate3d(-50%, -50%, 0) rotate(-12deg);
transform: translate3d(-50%, -50%, 0) rotate(-12deg);
}
@media (max-width:767px) {
.hero__images::before {
--maxSize: 100vw;
top: 35%
}
}
@media (max-width:1440px) {
.hero__images {
max-width: 50vw;
right: -50px;
}
}
@media (max-width:1280px) {
.hero__images {
max-width: 45vw
}
}
@media (max-width:767px) {
.hero__images {
top: var(--heroSloganOffsetY);
width: 100%;
max-width: 100%;
margin-top: 20%;
grid-gap: 0
}
}
.hero__image-wrapper {
position: relative;
padding: 10px;
background-color: var(--c-white);
box-shadow: var(--boxShadow);
border-radius: var(--borderRadiusLarge);
}
@media (max-width:767px) {
.hero__image-wrapper {
width: 120%
}
}
.hero__image-wrapper--1 {
justify-self: flex-end;
-webkit-align-self: center;
align-self: center;
}
@media (max-width:767px) {
.hero__image-wrapper--1 {
top: -30%;
left: 17%
}
}
.hero__image-wrapper--2 {
justify-self: flex-start;
-webkit-align-self: flex-start;
align-self: flex-start;
}
@media (max-width:767px) {
.hero__image-wrapper--2 {
left: -6px
}
}
.hero__image-wrapper--3 {
bottom: 19%;
justify-self: flex-end;
-webkit-align-self: flex-start;
align-self: flex-start;
}
@media (max-width:1280px) {
.hero__image-wrapper--3 {
bottom: 17%
}
}
@media (max-width:767px) {
.hero__image-wrapper--3 {
bottom: 60%;
left: 6px
}
}
.hero__image-wrapper--4 {
justify-self: flex-start;
-webkit-align-self: flex-start;
align-self: flex-start;
}
@media (max-width:767px) {
.hero__image-wrapper--4 {
z-index: 1;
bottom: 10%;
right: 40%
}
}
.hero__image {
border-radius: inherit;
border-radius: 0;
}
@media (max-width:767px) {
.hero__image {
width: 100%
}
}
.hero__icon-wrapper {
position: absolute;
z-index: 0;
padding: 10px;
}
.hero__icon-wrapper--1 {
top: 47%;
right: calc(100% - 9px);
-webkit-transform: rotate(-12deg);
transform: rotate(-12deg);
}
@media (max-width:767px) {
.hero__icon-wrapper--1 {
top: auto;
right: auto;
bottom: 19%;
left: 14%
}
}
@media (max-width:480px) {
.hero__icon-wrapper--1 {
bottom: 15%;
left: 9%
}
}
.hero__icon-wrapper--2 {
left: 36%;
bottom: calc(100% - 35px);
-webkit-transform: rotate(-12deg);
transform: rotate(-12deg);
}
@media (max-width:767px) {
.hero__icon-wrapper--2 {
bottom: auto;
left: 66%;
top: -10%
}
}
@media (max-width:480px) {
.hero__icon-wrapper--2 {
top: -14%
}
}
.hero__icon-wrapper--3 {
top: 30%;
left: 100%;
-webkit-transform: rotate(12deg);
transform: rotate(12deg);
}
@media (max-width:1280px) {
.hero__icon-wrapper--3 {
display: none
}
}
.hero__icon-wrapper--4 {
top: 85%;
left: 56%;
-webkit-transform: rotate(12deg);
transform: rotate(12deg);
}
@media (max-width:1024px) {
.hero__icon-wrapper--4 {
top: 80%;
left: 52%
}
}
@media (max-width:767px) {
.hero__icon-wrapper--4 {
display: none
}
}
.hero__icon-content {
--size: 60px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
width: var(--size);
height: var(--size);
background-color: var(--c-white);
border-radius: var(--borderRadius);
box-shadow: var(--boxShadow-2);
}
@media (max-width:480px) {
.hero__icon-content {
--size: 40px;
padding: 6px
}
}
.advantages__list {
display: block;
}
@media (max-width:1280px) {
.advantages__list {
grid-gap: 24px
}
} @media (max-width:920px) {
.advantages__list {
grid-template-columns: 1fr
}
}
.advantage-card {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
height: 100%;
padding: 40px 28px;
background-color: var(--c-gray-2);
border-radius: var(--borderRadiusLarge);
}
@media (max-width:767px) {
.advantage-card {
padding: 40px 20px
}
}
.advantage-card__icon-wrapper {
--size: 60px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
width: var(--size);
height: var(--size);
box-shadow: var(--boxShadow-2);
border-radius: var(--borderRadius);
}
.advantage-card__icon-wrapper:not(:last-child) {
margin-bottom: 24px;
}
.advantage-card__icon-wrapper img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.advantage-card__title:not(:last-child) {
margin-bottom: 12px;
}
.advantage-card__description {
color: var(--c-additional);
}
.advantage-card-nums {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
height: 100%;
padding: 48px;
background-color: var(--c-gray-2);
border-radius: var(--borderRadiusLarge);
}
@media (max-width:1024px) {
.advantage-card-nums {
padding: 40px 20px
}
}
.advantage-card-nums__value {
font-weight: 700;
font-size: 56px;
line-height: 1;
color: var(--c-main);
}
.advantage-card-nums__value:not(:last-child) {
margin-bottom: 12px;
}
.advantage-card-nums__value span {
color: var(--c-accent);
}
.advantage-card-nums__description {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
font-weight: 400;
color: var(--c-additional);
}
.portfolio__inner {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
align-items: flex-start;
}
@media (max-width:767px) {
.portfolio__inner {
display: block
}
}
.portfolio__info {
position: relative;
max-width: 400px;
}
body.lang-ru .portfolio__info {
max-width: 510px;
}
body.lang-ru .portfolio__subtitle.h5 {
max-width: 400px;
}
body.lang-ru .portfolio__body {
max-width: 430px;
}
@media (max-width:920px) {
.portfolio__info {
max-width: 340px
}
}
@media (max-width:767px) {
.portfolio__info {
max-width: 100%
}
}
.portfolio__info:not(:last-child) {
margin-right: 30px;
padding-top: 64px;
}
@media (max-width:767px) {
.portfolio__info:not(:last-child) {
margin-right: 0;
margin-bottom: 48px;
padding-top: 0
}
}
.portfolio__header:not(:last-child) {
margin-bottom: 60px;
}
.portfolio__line-icon {
position: absolute;
left: calc(100% + 12px);
top: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
width: 102px;
height: 32px;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
@media (max-width:1280px) {
.portfolio__line-icon {
left: auto;
right: 0;
top: calc(100% + 50px)
}
}
@media (max-width:767px) {
.portfolio__line-icon {
display: none
}
}
.portfolio__line-icon img {
width: 100%;
}
.portfolio__subtitle {
font-weight: 400;
color: var(--c-additional);
}
.portfolio-preview {
--headerHeight: 52px;
--markerSize: 16px;
width: 100%;
padding: 64px 90px;
background-color: var(--c-gray-2);
border-radius: var(--borderRadiusLarge);
}
@media (max-width:1024px) {
.portfolio-preview {
padding: 48px
}
}
@media (max-width:920px) {
.portfolio-preview {
padding: 48px 16px
}
}
.portfolio-preview__item:not(:last-child) {
position: relative;
margin-bottom: 32px;
}
.portfolio-preview__item:not(:last-child)::before {
content: "";
position: absolute;
top: var(--headerHeight);
left: 24px;
width: 6px;
height: 100%;
background-color: var(--c-white);
box-shadow: var(--boxShadow-2);
}
.portfolio-preview__header::before, .portfolio-preview__subitem::before {
content: "";
position: absolute;
background-color: var(--markerColor);
box-shadow: var(--boxShadow-2);
}
.portfolio-preview__header {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
min-height: var(--headerHeight);
padding: 16px 48px;
background-color: var(--c-white);
box-shadow: var(--boxShadow-2);
border-radius: var(--borderRadius);
}
@media (max-width:767px) {
.portfolio-preview__header {
padding: 16px 16px 16px 44px
}
}
.portfolio-preview__header::before {
top: 19px;
left: 16px;
width: var(--markerSize);
height: var(--markerSize);
border-radius: calc(var(--borderRadius) / 2);
}
.portfolio-preview__header:not(:last-child) {
margin-bottom: 20px;
}
.portfolio-preview__title {
font-weight: 700;
color: var(--c-main);
}
.portfolio-preview__sublist {
padding-left: 48px;
}
@media (max-width:767px) {
.portfolio-preview__sublist {
padding-left: 44px
}
}
.portfolio-preview__subitem {
position: relative;
padding-left: calc(var(--markerSize) / 2 + 10px);
color: var(--c-additional);
}
.portfolio-preview__subitem::before {
top: 0.4em;
left: 0;
width: calc(var(--markerSize) / 2);
height: calc(var(--markerSize) / 2);
border-radius: calc(var(--borderRadius) / 2 / 2);
}
.portfolio-preview__subitem:not(:last-child) {
margin-bottom: 12px;
}
.management__header:not(:last-child) {
margin-bottom: 60px;
}
.management__subtitle {
font-weight: 400;
color: var(--c-additional);
}
.management__controls {
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
.management__controls:not(:last-child) {
margin-bottom: 24px;
}
@media (max-width:1024px) {
.management__controls:not(:last-child) {
margin-bottom: 20px
}
}
@media (max-width:920px) {
.management__controls:not(:last-child) {
margin-bottom: 15px
}
}
@media (max-width:767px) {
.management__controls:not(:last-child) {
display: none
}
}
.management__control-btn {
font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1440 - 320)));
}
.management__control-btn:hover {
background: #fbfbfb;
}
@media (min-width:1441px) {
.management__control-btn {
font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (3440 - 320)));
}
}
.management__control-btn {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
width: 100%;
padding: 23px 46px;
font-weight: 700;
line-height: 1.3;
text-align: center;
color: var(--c-main);
background-color: var(--c-white);
border-radius: var(--borderRadius);
}
body.lang-ru .management__control-btn {
font-weight: 400;
padding: 30px;
}
@media (max-width:1280px) {
.management__control-btn {
padding: 24px 20px
}
}
@media (max-width:1024px) {
.management__control-btn {
padding: 16px 12px
}
body.lang-ru .management__control-btn {
padding-right: 60px;
}
}
.management__control-btn:not(:last-child) {
margin-right: 40px;
}
@media (max-width:1024px) {
.management__control-btn:not(:last-child) {
margin-right: 20px
}
}
@media (max-width:920px) {
.management__control-btn:not(:last-child) {
margin-right: 15px
}
}
@media (max-width:767px) {
.management__control-btn:not(:last-child) {
margin-right: 0
}
}
.management__control-btn.active {
color: var(--c-white);
background-color: var(--c-main);
}
.management__control-btn--mobile {
position: relative;
display: none;
padding: 24px 64px 24px 20px;
text-align: left;
}
.management__control-btn--mobile::after {
--size: 32px;
content: "";
position: absolute;
top: 50%;
right: 20px;
width: var(--size);
height: var(--size);
background: url(//ipnote.pro/wp-content/themes/ipnote/assets/icons/icon-arrow-down-blue.svg) center no-repeat;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.management__control-btn--mobile.active:after {
background-image: url(//ipnote.pro/wp-content/themes/ipnote/assets/icons/icon-arrow-down-white.svg);
-webkit-transform: translateY(-50%) rotate(-180deg);
transform: translateY(-50%) rotate(-180deg);
}
@media (max-width:767px) {
.management__control-btn--mobile {
display: inline-block
}
}
.management__control-btn-label {
position: absolute;
top: 14px;
right: 18px;
bottom: initial;
font-size: 14px;
}
@media (max-width:767px) {
.management__control-btn-label {
position: relative;
top: auto;
right: initial;
bottom: 6px;
margin-left: 8px
}
}
@media (max-width:767px) {
.management .tabs__body {
overflow: initial;
}
.management .tabs__content-wrapper {
display: block;
-webkit-transform: initial;
transform: initial;
}
.management .tabs__content {
opacity: 1;
visibility: visible;
}
.management .tabs__content:not(:last-child) {
margin-bottom: 20px;
}
.management .management__accordion-wrapper {
-webkit-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.management .management__accordion-wrapper:not(.active) {
opacity: 0;
visibility: hidden;
height: 0;
overflow: hidden;
}
.management .management__accordion-wrapper.active {
margin-top: 20px;
opacity: 1;
visibility: visible;
}
}
.management-card {
--padding: 48px;
position: relative;
padding: calc(var(--padding) * 2) var(--padding);
background: var(--c-white);
border-radius: var(--borderRadiusLarge);
overflow: hidden;
}
@media (max-width:767px) {
.management-card {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
padding: 60px 20px
}
}
.management-card__info {
width: 100%;
max-width: 45%;
}
@media (max-width:767px) {
.management-card__info {
max-width: 100%
}
}
.management-card__images {
position: absolute;
top: 50%;
left: 50%; max-height: calc(100% - var(--padding) * 2);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
max-height: 100%;
}
@media (max-width:767px) {
.management-card__images {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
order: -1;
position: static;
width: 100%;
max-height: initial;
margin-bottom: 36px;
-webkit-transform: initial;
transform: initial
}
}
@media (max-width:480px) {
.management-card__images {
width: 160%
}
}
.management-card__image--desktop {
width: auto;
padding: 10px 0 10px 10px;
background-color: var(--c-gray-2);
border-radius: var(--borderRadiusLarge) 0 0 var(--borderRadiusLarge);
box-shadow: var(--boxShadow);
}
@media (max-width:767px) {
.management-card__image--desktop {
width: 100%
}
}
.management-card__image--mobile {
position: absolute;
right: 20px;
bottom: 20px;
border-radius: var(--borderRadiusLarge);
box-shadow: var(--boxShadow);
}
@media (max-width:767px) {
.management-card__image--mobile {
display: none
}
}
.management-card__header:not(:last-child) {
margin-bottom: 40px;
}
@media (max-width:767px) {
.management-card__header {
display: none
}
}
.management-card__body:not(:last-child) {
margin-bottom: 32px;
}
@media (max-width:767px) {
.management-card__body:not(:last-child) {
margin-bottom: 20px
}
}
.management-card__footer {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.management-card__title--mobile {
-webkit-box-ordinal-group: -1;
-webkit-order: -2;
order: -2;
}
.management-card__title--mobile:not(:last-child) {
margin-bottom: 43px;
}
.management-card__subtitle:not(:last-child) {
margin-bottom: 12px;
}
.management-card__description:not(:last-child) {
margin-bottom: 24px;
}
@media (max-width:767px) {
.management-card__description:not(:last-child) {
margin-bottom: 20px
}
}
.management-card__link {
color: var(--c-main);
}
.management-card__link:hover {
color: var(--c-accent);
}
.management-card__link:not(:last-child) {
margin-right: 30px;
}
@media (max-width:767px) {
.management-card__link:not(:last-child) {
margin-right: 0
}
}
.management-card__line-icon {
position: relative;
top: -10px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
@media (max-width:767px) {
.management-card__line-icon {
display: none
}
}
.services {
--controlBtnMargin: 12px;
}
.services__header {
max-width: 492px;
}
body.lang-ru .services__header {
max-width: 100%;
}
.services__header:not(:last-child) {
margin-bottom: 60px;
}
.services__subtitle {
font-weight: 400;
color: var(--c-additional)
}
.services__controls {
margin-left: calc(var(--controlBtnMargin) / 2 * -1);
margin-right: calc(var(--controlBtnMargin) / 2 * -1);
}
.services__controls &gt; * {
margin-left: calc(var(--controlBtnMargin) / 2);
margin-right: calc(var(--controlBtnMargin) / 2);
}
.services__controls {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.services__controls:not(:last-child) {
margin-bottom: calc(48px - var(--controlBtnMargin));
}
.services__control-btn {
position: relative;
overflow: hidden;
}
.services__control-btn {
padding: 12px 20px;
margin-bottom: var(--controlBtnMargin);
color: var(--c-main);
background-color: var(--c-gray-2);
border-radius: calc(var(--borderRadius) / 2);
}
.services__control-btn:hover {
background-color: var(--c-gray-1);
}
.services__control-btn:hover::after {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.services__control-btn.active {
color: var(--c-white);
background-color: var(--c-main);
pointer-events: none;
}
.services__control-btn.active::after {
opacity: 0;
}
.services__list {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px 40px;
}
@media (max-width:1024px) {
.services__list {
grid-gap: 20px
}
}
@media (max-width:767px) {
.services__controls {
display: none;
}
.services__list {
grid-template-columns: 1fr 1fr;
grid-gap: 12px
}
}
@media (min-width:768px) {
.services__item.dimmed .patent-card {
-webkit-transition: var(--transition-all);
transition: var(--transition-all);
-webkit-filter: opacity(0.3);
filter: opacity(0.3);
}
}
.patent-card {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
padding: 14px 18px;
background-color: var(--c-gray-2);
border-radius: var(--borderRadius);
}
@media (max-width:767px) {
.patent-card {
padding: 12px
}
}
.start__inner {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.start__inner:not(:last-child) {
margin-bottom: 100px;
}
@media (max-width:767px) {
.start__inner {
display: block
}
}
.start__content {
max-width: 508px;
}
@media (max-width:767px) {
.start__content {
max-width: 100%;
margin-bottom: 28px
}
}
.start__header:not(:last-child) {
margin-bottom: 60px;
}
.start__body {
max-width: 438px;
}
@media (max-width:767px) {
.start__body {
max-width: 100%
}
}
.start__body:not(:last-child) {
margin-bottom: 40px;
}
@media (max-width:767px) {
.start__body:not(:last-child) {
margin-bottom: 0
}
}
.start__body ol li {
margin-bottom: 36px;
}
.start__body ol li::before {
background-color: var(--c-white);
}
.start__body h5:not(:last-child) {
margin-bottom: 8px;
}
.start__mark {
--margin: 8px;
padding: 4px;
color: var(--c-main);
background-color: var(--c-white);
border-radius: calc(var(--borderRadius) / 2);
cursor: pointer;
white-space: nowrap;
display: inline-block;
}
.start__mark:hover {
background-color: var(--c-main);
color: var(--c-white);
}
.start__mark:first-child {
margin-right: var(--margin);
}
.start__mark:last-child {
margin-left: var(--margin);
}
.start__label {
color: var(--c-black);
display: inline-block;
}
.start__footer {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
padding-left: 40px;
}
@media (max-width:767px) {
.start__footer {
display: none
}
}
.start__footer-mobile {
display: none;
}
@media (max-width:767px) {
.start__footer-mobile {
display: -webkit-box;
display: -webkit-flex;
display: flex
}
}
.start__btn:not(:last-child) {
margin-right: 20px;
}
.start__btn-mobile:not(:last-child) {
margin-right: 20px;
}
.start__line-icon {
position: relative;
bottom: 10px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
.start__line-icon-mobile {
position: relative;
bottom: 40px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-transform: rotate(-36deg);
transform: rotate(-36deg);
}
.start__images {
position: relative;
z-index: 1;
left: 78px;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
place-items: center;
}
@media (max-width:920px) {
.start__images {
max-width: 50%
}
}
@media (max-width:767px) {
.start__images {
left: initial;
max-width: 100%;
grid-gap: 0
}
}
.start__images::before {
--size: 530px;
--maxSize: 50vw;
content: "";
position: absolute;
z-index: -1;
top: 52%;
left: 40%;
width: var(--size);
max-width: var(--maxSize);
height: var(--size);
max-height: var(--maxSize);
background-color: var(--c-white);
border-radius: var(--borderRadiusLarge);
-webkit-transform: translate3d(-50%, -50%, 0) rotate(-12deg);
transform: translate3d(-50%, -50%, 0) rotate(-12deg);
}
@media (max-width:767px) {
.start__images::before {
--size: 600px;
--maxSize: 100vw;
top: 55%;
left: 52%
}
}
@media (max-width:480px) {
.start__images::before {
--maxSize: 110vw;
top: 61%;
left: 50%
}
}
@media (max-width:767px) {
.start__images:not(:last-child) {
margin-bottom: 70px
}
}
.start__image-wrapper {
position: relative;
padding: 10px;
background-color: var(--c-white);
box-shadow: var(--boxShadow);
border-radius: var(--borderRadiusLarge);
}
@media (max-width:767px) {
.start__image-wrapper {
width: 120%
}
}
.start__image-wrapper--1 {
justify-self: flex-end;
-webkit-align-self: flex-end;
align-self: flex-end;
}
@media (max-width:767px) {
.start__image-wrapper--1 {
top: 10%;
left: 10%
}
}
@media (max-width:480px) {
.start__image-wrapper--1 {
width: 115%
}
}
.start__image-wrapper--2 {
top: 50%;
justify-self: flex-start;
}
.start__image-wrapper--3 {
justify-self: flex-end;
-webkit-align-self: flex-start;
align-self: flex-start;
}
@media (max-width:767px) {
.start__image-wrapper--3 {
left: 20%
}
}
@media (max-width:480px) {
.start__image-wrapper--3 {
width: 140%
}
}
.start__image {
border-radius: 0;
}
@media (max-width:767px) {
.start__image {
width: 100%
}
}
.start__icon-wrapper {
position: absolute;
padding: 10px;
}
.start__icon-wrapper--1 {
top: 16%;
left: -13%;
-webkit-transform: rotate(-12deg);
transform: rotate(-12deg);
}
@media (max-width:920px) {
.start__icon-wrapper--1 {
top: 6%;
left: -23%
}
}
@media (max-width:767px) {
.start__icon-wrapper--1 {
top: 13%;
left: 62%
}
}
@media (max-width:480px) {
.start__icon-wrapper--1 {
top: 7%
}
}
.start__icon-wrapper--2 {
top: 10%;
left: 58%;
-webkit-transform: rotate(12deg);
transform: rotate(12deg);
}
@media (max-width:767px) {
.start__icon-wrapper--2 {
top: 15%;
left: 75%
}
}
@media (max-width:480px) {
.start__icon-wrapper--2 {
left: 80%
}
}
.start__icon-wrapper--3 {
top: 53%;
left: -15%;
-webkit-transform: rotate(12deg);
transform: rotate(12deg);
}
@media (max-width:920px) {
.start__icon-wrapper--3 {
left: -18%
}
}
@media (max-width:767px) {
.start__icon-wrapper--3 {
top: 84%;
left: 62%
}
}
@media (max-width:480px) {
.start__icon-wrapper--3 {
top: 87%
}
}
.start__icon-content {
--size: 60px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
width: var(--size);
height: var(--size);
background-color: var(--c-white);
border-radius: var(--borderRadius);
box-shadow: var(--boxShadow-2);
}
@media (max-width:480px) {
.start__icon-content {
--size: 40px;
padding: 6px
}
}
.start .advantage-card {
background-color: var(--c-white);
}
.manager__inner {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
@media (max-width:1024px) {
.manager__inner {
display: block
}
}
.manager__info {
max-width: 511px;
}
body.lang-ru .manager__info {
max-width: 540px;
}
body.lang-ru .manager__subtitle.h5 {
max-width: 470px;
}
@media (max-width:1024px) {
.manager__info {
max-width: 100%
}
}
.manager__info:not(:last-child) {
margin-right: 30px;
}
@media (max-width:1024px) {
.manager__info:not(:last-child) {
margin-right: 0;
margin-bottom: 60px
}
}
.manager__header:not(:last-child) {
margin-bottom: 40px;
}
.manager__body {
position: relative;
max-width: 419px;
}
@media (max-width:1024px) {
.manager__body {
max-width: 100%
}
}
.manager__line-icon {
position: absolute;
bottom: 0;
left: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
width: 102px;
height: 32px;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
@media (max-width:1024px) {
.manager__line-icon {
display: none
}
}
.manager__line-icon img {
width: 100%;
}
.manager__subtitle {
font-weight: 400;
color: var(--c-additional);
}
.manager__subtitle:not(:last-child) {
margin-bottom: 60px;
}
.manager__person {
--imageSize: 90px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.manager__person-image-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
width: var(--imageSize);
height: var(--imageSize);
padding: 10px;
background-color: var(--c-gray-2);
border-radius: var(--borderRadius);
-webkit-transform: rotate(-6deg);
transform: rotate(-6deg);
}
.manager__person-image-wrapper:not(:last-child) {
margin-right: 28px;
}
.manager__person-image {
width: calc(var(--imageSize) * 0.77);
height: calc(var(--imageSize) * 0.77);
border-radius: inherit;
-webkit-transform: rotate(-4deg);
transform: rotate(-4deg);
-o-object-fit: cover;
object-fit: cover;
}
.manager__person-name:not(:last-child) {
margin-bottom: 8px;
}
.manager__person-role {
color: var(--c-additional);
}
.chat {
--imageSize: 40px;
--imageOffset: 16px;
padding: 64px;
background-color: var(--c-gray-2);
border-radius: var(--borderRadiusLarge);
}
@media (max-width:1280px) {
.chat {
padding: 60px 30px
}
}
@media (max-width:767px) {
.chat {
--imageSize: 32px;
--imageOffset: 8px;
padding: 60px 16px
}
}
.chat__body:not(:last-child) {
margin-bottom: 32px;
}
.chat__actions {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.chat__btn {
width: 100%;
max-width: 300px;
}
.chat__list {
max-width: 432px;
margin-left: auto;
margin-right: auto;
}
.chat__item {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
.chat__item:not(:last-child) {
margin-bottom: 24px;
}
.chat__item--client {
-webkit-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
padding-right: calc(var(--imageSize) + var(--imageOffset));
}
.chat__item--client .chat__person-image {
right: 0;
}
.chat__item--client .chat__message {
color: var(--c-main);
}
.chat__item--manager {
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
padding-left: calc(var(--imageSize) + var(--imageOffset));
}
.chat__item--manager .chat__person-image {
left: 0;
}
.chat__item--manager .chat__message {
color: var(--c-gray-3);
}
.chat__person-image {
position: absolute;
bottom: 0;
width: var(--imageSize);
height: var(--imageSize);
border-radius: calc(var(--borderRadius) / 2);
}
.chat__message {
width: 70%;
padding: 16px 24px;
font-size: 14px;
line-height: 1.3;
background-color: var(--c-white);
box-shadow: var(--boxShadow-2);
border-radius: var(--borderRadius);
}
.chat__message:not(:last-child) {
margin-bottom: 8px;
}
@media (max-width:767px) {
.chat__message {
width: 100%
}
}
@media (max-width:920px) {
.cost .container {
padding-right: 0
}
}
.cost__header {
max-width: 671px;
}
body.lang-ru .cost__header {
max-width: 100%;
}
@media (max-width:920px) {
.cost__header {
padding-right: var(--gridPadding)
}
}
.cost__header:not(:last-child) {
margin-bottom: 60px;
}
.cost__tabs {
padding: 80px 40px;
background-color: var(--c-gray-2);
border-radius: var(--borderRadiusLarge);
}
@media (max-width:1024px) {
.cost__tabs {
padding: 60px 20px
}
}
@media (max-width:920px) {
.cost__tabs {
padding-right: 0
}
}
@media (max-width:767px) {
.cost__tabs {
padding: 60px 0 60px 16px
}
}
.cost__tabs .tabs__content, .cost__tabs .cost__content {
max-width: 100%;
}
.cost__subtitle {
font-weight: 400;
color: var(--c-additional);
}
.cost__controls {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
@media (max-width:920px) {
.cost__controls {
padding-right: var(--gridPadding)
}
}
@media (max-width:767px) {
.cost__controls {
position: relative
}
}
.cost__controls:not(:last-child) {
margin-bottom: 48px;
}
.cost__control-btn {
--controlSize: 28px;
position: relative;
color: var(--c-additional);
}
@media (max-width:767px) {
.cost__control-btn {
width: 100%;
max-width: 360px;
text-align: left
}
}
.cost__control-btn::before, .cost__control-btn::after {
content: "";
position: absolute;
z-index: 2;
top: 50%;
height: var(--controlSize);
border-radius: calc(var(--borderRadius) * 0.75);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width:767px) {
.cost__control-btn::before, .cost__control-btn::after {
top: 1px;
-webkit-transform: initial;
transform: initial
}
}
.cost__control-btn::before {
width: calc(var(--controlSize) * 2);
background-color: var(--c-white);
}
.cost__control-btn::after {
width: var(--controlSize);
background-color: var(--c-main);
}
.cost__control-btn.active {
z-index: 1;
color: var(--c-main);
}
@media (max-width:767px) {
.cost__control-btn:not(.active) {
opacity: 0;
z-index: 2
}
}
.cost__control-btn:nth-child(1) {
padding-right: calc(var(--controlSize) * 4);
}
.cost__control-btn:nth-child(1)::before, .cost__control-btn:nth-child(1)::after {
right: 0;
}
.cost__control-btn:nth-child(1).active::after {
right: var(--controlSize);
}
.cost__control-btn:nth-child(2) {
margin-left: calc(var(--controlSize) * -2);
padding-left: calc(var(--controlSize) * 4);
}
.cost__control-btn:nth-child(2)::before, .cost__control-btn:nth-child(2)::after {
left: 0;
}
@media (max-width:767px) {
.cost__control-btn:nth-child(2)::before, .cost__control-btn:nth-child(2)::after {
left: auto;
right: 0
}
}
.cost__control-btn:nth-child(2).active::after {
left: var(--controlSize);
}
@media (max-width:767px) {
.cost__control-btn:nth-child(2).active::after {
left: auto;
right: 0
}
}
@media (max-width:767px) {
.cost__control-btn:nth-child(2) {
position: absolute;
top: 0;
left: 0;
width: calc(100% - var(--gridPadding));
margin-left: 0;
padding-left: 0;
padding-right: calc(var(--controlSize) * 3)
}
}
.cost-info {
max-width: 100%;
}
.cost-info__body {
max-width: 100%;
border-radius: 0 0 var(--borderRadius) var(--borderRadius);
overflow-y: hidden;
}
.cost-info__body:not(:last-child) {
margin-bottom: 48px;
}
@media (max-width:920px) {
.cost-info__body {
overflow-x: auto
}
}
.cost-info__btn-login {
border: 1px solid var(--c-main);
color: var(--c-main);
background: var(--c-white) !important;
}
.cost-info__btn-login.btn-filled {
color: var(--c-white);
background: var(--c-main) !important;
}
.cost-info__btn-login:hover {
opacity: 0.9;
}
.cost-info__footer {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
}
@media (max-width:920px) {
.cost-info__footer {
padding-right: var(--gridPadding)
}
}
@media (max-width:767px) {
.cost-info__footer {
display: block
}
}
.cost-info__description {
max-width: 708px;
}
.cost-info__description:not(:last-child) {
margin-right: 30px;
}
@media (max-width:767px) {
.cost-info__description:not(:last-child) {
margin-right: 0;
margin-bottom: 28px
}
}
.cost-info__subtitle {
font-weight: 400;
color: var(--c-additional);
}
body.lang-ru .cost-info__subtitle {
max-width: 540px;
}
.cost-info__btn {
width: 100%;
max-width: 260px;
}
body.lang-ru .cost-info__btn {
max-width: 320px;
}
.cost-info__rate {
display: inline-block;
font-size: 17px;
}
@media (max-width:1199.5px) {
.cost-info__rate {
font-size: 14px;
}
}
.cost-info__rate:not(:last-child) {
margin-bottom: 9px;
}
.cost-info__price {
color: var(--c-main);
font-weight: 400;
}
.cost-info__price-value {
font-weight: 700;
font-size: 1.3em;
display: inline-block;
margin-right: 4px;
}
.cost-info table {
--padding: 40px;
--border: 1px solid var(--c-gray-4);
--tabCapsHeight: 12px;
width: 100%;
margin-top: var(--tabCapsHeight);
border-radius: var(--borderRadiusLarge);
border-collapse: collapse;
table-layout: fixed;
}
@media (max-width:1024px) {
.cost-info table {
--padding: 30px
}
}
@media (max-width:920px) {
.cost-info table {
table-layout: initial
}
}
@media (max-width:767px) {
.cost-info table {
--padding: 20px
}
}
.cost-info table thead, .cost-info table tbody {
background-color: var(--c-white);
}
.cost-info table th, .cost-info table td {
min-width: 205px;
padding: var(--padding) calc(var(--padding) * 0.9);
padding-left: 23px;
padding-right: 23px;
}
@media (max-width:920px) {
.cost-info table th, .cost-info table td {
min-width: 130px
}
}
.cost-info table th:first-child, .cost-info table td:first-child {
min-width: 260px;
text-align: left;
}
@media (max-width:920px) {
.cost-info table th:first-child, .cost-info table td:first-child {
min-width: 150px
}
}
.cost-info table th:not(:first-child), .cost-info table td:not(:first-child) {
text-align: center;
}
.cost-info table th:not(:last-child), .cost-info table td:not(:last-child) {
border-right: var(--border);
}
.cost-info table th {
position: relative;
border-bottom: var(--border);
}
body.lang-ru .cost-info table th:not(:first-child) {
padding-left: 15px;
padding-right: 15px;
}
.cost-info table th::before {
content: "";
position: absolute;
bottom: 100%;
left: 0;
width: 100%;
height: var(--tabCapsHeight);
border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}
.cost-info table th:first-child {
z-index: 2;
background-color: var(--c-gray-2);
}
.cost-info table th:first-child::after {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--c-white);
border-top-left-radius: var(--borderRadiusLarge);
}
.cost-info table th:not(:first-child) {
position: relative;
}
.cost-info table th:not(:first-child)::before {
content: "";
position: absolute;
bottom: 100%;
left: 0;
width: 100%;
height: var(--tabCapsHeight);
border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}
.cost-info table th:nth-child(1)::before {
background-color: transparent;
border-radius: initial;
}
@media (max-width:767px) {
.cost-info table th:nth-child(1)::before {
background-color: var(--c-gray-2)
}
}
.cost-info table th:nth-child(2)::before {
background-color: var(--c-gray-1);
}
.cost-info table th:nth-child(3)::before {
background-color: var(--c-black);
}
.cost-info table th:nth-child(4)::before {
background-color: var(--c-main);
}
.cost-info table th:nth-child(5)::before {
background-color: var(--c-accent);
}
.cost-info table tbody tr:first-child td {
padding-top: calc(var(--padding) * 1.2);
}
.cost-info table tbody tr:last-child td {
padding-bottom: calc(var(--padding) * 1.2);
}
.cost-info table td {
padding-top: calc(var(--padding) * 0.35);
padding-bottom: calc(var(--padding) * 0.35);
color: var(--c-additional);
}
@media (max-width:767px) {
.cost-info table th:first-child, .cost-info table td:first-child, .cost-info table tbody tr:last-child td:first-child {
position: -webkit-sticky;
position: sticky;
top: 0;
left: 0;
-webkit-filter: drop-shadow(1px var(--tabCapsHeight) 0 var(--c-gray-4));
filter: drop-shadow(1px var(--tabCapsHeight) 0 var(--c-gray-4))
}
}
.cost-info table td:first-child, .cost-info table tbody tr:last-child td:first-child {
z-index: 2;
}
@media (max-width:767px) {
.cost-info table td:first-child, .cost-info table tbody tr:last-child td:first-child {
background-color: var(--c-white)
}
}
.opportunities__header:not(:last-child) {
margin-bottom: 48px;
}
.opportunities__subtitle {
max-width: 877px;
font-weight: 400;
color: var(--c-additional);
}
body.lang-ru .opportunities__subtitle {
max-width: 620px;
}
.opportunities__body {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
@media (max-width:767px) {
.opportunities__body {
display: block
}
}
.opportunities__info {
max-width: 460px;
}
.opportunities__info:not(:last-child) {
margin-right: 50px;
}
@media (max-width:767px) {
.opportunities__info:not(:last-child) {
margin-right: 0;
margin-bottom: 60px
}
}
@media (max-width:767px) {
.opportunities__info {
max-width: 100%
}
}
.opportunities__affiliate-program {
max-width: 504px;
}
@media (max-width:767px) {
.opportunities__affiliate-program {
max-width: 100%
}
}
.opportunities__item {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
@media (max-width:767px) {
.opportunities__item {
display: block
}
}
.opportunities__item:not(:last-child) {
margin-bottom: 36px;
}
.opportunities__icon-wrapper {
--size: 60px;
-webkit-flex-shrink: 0;
flex-shrink: 0;
width: var(--size);
height: var(--size);
box-shadow: var(--boxShadow-2);
border-radius: var(--borderRadius);
}
.opportunities__icon-wrapper:not(:last-child) {
margin-right: 24px;
}
@media (max-width:767px) {
.opportunities__icon-wrapper:not(:last-child) {
margin-right: 0;
margin-bottom: 20px
}
}
.opportunities__icon-wrapper img {
width: 100%;
height: 100%;
}
.opportunities__description {
font-weight: 400;
color: var(--c-additional);
}
.affiliate-program {
padding: 60px;
background-color: var(--c-white);
border-radius: var(--borderRadiusLarge);
}
@media (max-width:1024px) {
.affiliate-program {
padding-left: 30px;
padding-right: 30px
}
}
@media (max-width:767px) {
.affiliate-program {
padding-left: 20px;
padding-right: 20px
}
}
.affiliate-program__header:not(:last-child) {
margin-bottom: 32px;
}
.affiliate-program__body, .affiliate-program__footer {
color: var(--c-additional);
}
.affiliate-program__body:not(:last-child) {
margin-bottom: 44px;
}
.affiliate-program__body li:not([class]) {
--marginBottom: 24px;
}
@media (max-width:767px) {
.affiliate-program__btn {
width: 100%;
max-width: 256px
}
}
.footer {
--paddingY: 40px;
--border: 1px solid var(--c-additional-2);
}
.footer__content {
padding-top: 80px;
color: var(--c-white);
background-color: var(--c-black);
}
.footer__info {
padding-top: 20px;
padding-bottom: 20px;
background-color: var(--c-black-deep);
}
.footer__info-inner {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
@media (max-width:767px) {
.footer__info-inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start
}
}
.footer__body {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
padding-right: max(100px, 7vw);
padding-bottom: calc(var(--paddingY) * 2);
}
@media (max-width:1024px) {
.footer__body {
display: block;
padding-right: 0
}
}
.footer__body, .footer__nav {
border-bottom: var(--border);
}
.footer__nav, .footer__contacts {
padding-top: var(--paddingY);
padding-bottom: var(--paddingY);
}
.footer__nav {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
@media (max-width:1024px) {
.footer__nav {
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
}
.footer__contacts {
font-style: normal;
}
.footer__title {
max-width: 659px;
}
.footer__title:not(:last-child) {
margin-bottom: 0;
margin-right: 40px;
}
@media (max-width:1024px) {
.footer__title:not(:last-child) {
max-width: 100%;
margin-right: 0;
margin-bottom: 40px
}
}
.footer__btn {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
max-width: 260px;
}
body.lang-ru .footer__btn {
max-width: 320px;
}
@media (max-width:1024px) {
.footer__btn {
max-width: 296px
}
body.lang-ru .footer__btn {
max-width: 320px;
}
}
.footer__menu-list {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
@media (max-width:1024px) {
.footer__menu-list {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
order: 1;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
flex: 0 0 100%;
margin-top: 32px
}
}
@media (max-width:767px) {
.footer__menu-list {
display: block
}
}
.footer__menu-item:not(:last-child) {
margin-right: max(64px, 4.4vw);
}
@media (max-width:767px) {
.footer__menu-item:not(:last-child) {
margin-right: 0
}
}
.footer__menu-link {
--paddingY: 10px;
position: relative;
}
.footer__menu-link::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 1px;
background-color: currentColor;
}
.footer__menu-link:hover:before {
width: 100%;
}
.footer__menu-link {
padding-top: var(--paddingY);
padding-bottom: var(--paddingY);
text-decoration: none;
color: var(--c-white);
}
@media (max-width:767px) {
.footer__menu-link {
--paddingY: 7px
}
}
.footer__menu-link::before {
bottom: 5px;
background-color: var(--c-accent);
}
.footer__menu-link:hover {
color: var(--c-accent);
}
.footer__link {
font-size: 12px;
line-height: 1.2;
color: var(--c-additional-2);
text-decoration: none;
}
.footer__link:hover {
color: var(--c-white);
}
.footer__link:not(:last-child) {
margin-right: 68px;
}
@media (max-width:767px) {
.footer__link:not(:last-child) {
margin-right: 0;
margin-bottom: 12px
}
}
.socials__list {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.socials__item:not(:last-child) {
margin-right: 12px;
}
.socials__link {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.socials__link:hover {
opacity: 0.8;
}
.socials__link img {
width: 100%;
-webkit-transition: var(--transition-all);
transition: var(--transition-all);
}
.contacts__list {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
@media (max-width:1024px) {
.contacts__list {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px 30px
}
}
@media (max-width:767px) {
.contacts__list {
grid-template-columns: 1fr
}
}
.contacts__link {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
text-decoration: none;
white-space: nowrap;
color: var(--c-white);
}
.contacts__link.no-link {
cursor: default !important;
}
.contacts__link:hover:not(.no-link) {
color: var(--c-accent);
}
.contacts__link:hover .contacts__link-icon {
-webkit-transform: scale(1.05) translateZ(0);
transform: scale(1.05) translateZ(0);
}
.contacts__link-icon {
--size: 20px;
-webkit-flex-shrink: 0;
flex-shrink: 0;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
width: var(--size);
height: var(--size);
margin-top: 3px;
-webkit-transition: var(--transition-all);
transition: var(--transition-all);
}
.contacts__link-icon img {
width: 100%;
}
.contacts__link-icon:not(:last-child) {
margin-right: 12px;
}
@media (max-width:1024px) {
.footer .navigation__list {
display: block;
width: 100%;
order: 1;
margin-top: 20px;
}
}
.hero__images + .hero__description-container {
display: none;
position: relative;
top: -40px;
padding-bottom: 100px;
}
.management-card__title.management-card__title--mobile {
display: none;
}
@media (max-width:767px) {
.hero__inner {
flex-wrap: wrap;
}
.hero__images {
position: relative;
top: 0px;
right: 0;
}
.section.hero {
padding-bottom: 0;
}
.section.hero + .section.advantages {
padding-top: 0;
}
.hero__slogan + .hero__description-container {
display: none;
}
.hero__images + .hero__description-container {
display: block;
}
.tabs__content {
display: block !important;
}
.management-card__title.management-card__title--mobile {
display: block;
}
.portfolio__body {
display: none;
}
}
.advantages__inner {
width: calc(100% + 40px);
margin: 0 -20px;
}
.advantages__item {
margin: 0 20px;
}
@media (max-width:920px) {
.section.hero + .section.advantages {
padding-top: 0;
}
.advantages__inner {
overflow: visible;
width: calc(100% + 24px);
margin: 0 -12px;
}
.advantages__list {
width: calc(100% - 32px);
overflow: visible;
}
.advantages__list .slick-list {
overflow: visible;
}
.advantages__item {
margin: 0 0 0 12px;
}
}
.start__image-wrapper.dimmed, .start__icon-wrapper.dimmed {
-webkit-transition: var(--transition-all);
transition: var(--transition-all);
-webkit-filter: opacity(0.3);
filter: opacity(0.3);
}
.cost__tabs-body .tabs__content {
display: none !important;
}
.cost__tabs-body .tabs__content.active {
display: block !important;
}
@media (min-width:415px) and (max-width:767px) {
.container {
max-width: 414px !important;
}
.hero__images::before, .start__images::before {
--size: 100%;
}
}
.error-helper {
display: block;
width: 100%;
color: var(--c-accent);
font-size: 13px;
margin: 5px 0 10px;
padding: 0 20px;
}
.menu-categories-container {
display: block;
width: 100%;
background: var(--c-gray-2);
margin: 0;
padding: 0;
}
.menu-categories {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: nowrap;
list-style-type: none;
margin: 0;
padding: 20px 0;
overflow: auto;
white-space: nowrap;
}
.header.fixed .menu-categories {
padding: 12px 0;
}
.menu-categories li {
margin: 0;
padding: 0;
list-style-type: none;
}
.menu-categories li + li {
margin-left: 20px;
}
.menu-categories li a {
font-family: Tahoma;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 100%;
color: #313C4E;
opacity: 0.7;
text-decoration: none;
}
.menu-categories li.active a {
text-decoration-line: underline;
}
.menu-categories li.active a, .menu-categories li:not(.active) a:hover {
opacity: 1;
}
.page {
padding: 180px 0 70px;
display: block;
width: 100%;
}
.page article {
min-height: 300px;
}
.posts-container {
display: block;
margin: 0 -20px;
padding: 180px 0 70px;
width: calc(100% + 40px);
}
.posts {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
}
.posts-title {
width: 100%;
margin: 0 !important;
padding: 50px 20px 0 !important;
}
.blog-post {
width: calc(33.33333333% - 40px);
margin: 50px 20px 0;
display: flex;
flex-direction: column;
text-decoration: none !important;
align-self: stretch;
}
.blog-post:hover {
opacity: 0.9;
}
.blog-post-image {
width: 100%;
border-radius: 12px;
overflow: hidden;
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-color: transparent;
background-size: 100%;
}
.blog-post:hover .blog-post-image {
background-size: 105%;
}
.blog-post-category {
position: absolute;
left: 10px;
bottom: 10px;
z-index: 2;
background: var(--c-white);
color: var(--c-main);
font-family: Tahoma;
font-style: normal;
font-weight: bold;
font-size: 11px;
line-height: 100%;
text-align: center;
text-transform: uppercase;
padding: 7px 6px;
border-radius: 3px;
}
.blog-post-category:hover {
color: #fff;
background: var(--c-main);
}
.blog-post-title {
font-family: Tahoma;
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 130%;
color: #313C4E;
margin: 20px 0;
flex-grow: 1;
}
.blog-post:hover .blog-post-title {
color: var(--c-main);
}
.blog-post-annotation {
font-family: Tahoma;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
color: #62738D;
margin: 0 0 20px;
}
.blog-post-date {
font-family: Tahoma;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 130%;
color: #8A97AD;
}
.post-container {
display: block;
width: 100%;
margin: 0;
padding: 230px 0 70px;
min-height: 500px;
}
.post-container h1 {
font-family: Tahoma;
font-style: normal;
font-weight: bold;
font-size: 42px;
line-height: 120%;
color: #313C4E;
width: 100%;
max-width: 800px;
margin: 0 0 34px;
padding: 0;
}
.post-meta-container {
display: inline-block;
width: 100%;
margin: 0;
padding: 0;
}
.post-meta-item {
float: left;
font-family: Tahoma;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 130%;
color: #8A97AD;
}
.post-meta-item + .post-meta-item {
margin-left: 30px;
}
.post-meta-item-category {
font-family: Tahoma;
font-style: normal;
font-weight: bold;
font-size: 11px;
line-height: 100%;
text-transform: uppercase;
color: #FFFFFF;
padding: 7px 13px;
background: var(--c-main);
border-radius: 3px;
position: relative;
top: -4px;
text-decoration: none;
}
.post-meta-item-category:hover {
opacity: 0.9;
}
.post-meta-item-tags {
width: 70%;
display: flex;
}
.post-meta-container-end {
width: 65%;
max-width: 760px;
display: inline-block;
background: #F3F4F7;
margin: 0;
padding: 24px 20px 6px;
border-radius: 12px;
min-height: 66px;
}
.post-meta-container-end .post-meta-item-tag {
float: left;
font-family: Tahoma;
font-style: normal;
font-weight: bold;
font-size: 11px;
line-height: 100%;
text-transform: uppercase;
color: #FFFFFF;
padding: 7px 13px;
background: #F0A93B;
border-radius: 3px;
position: relative;
top: -4px;
margin-right: 10px;
margin-bottom: 10px;
text-decoration: none;
}
.post-meta-container-end .post-meta-item-tag:hover {
opacity: 0.8;
}
.post-meta-container-end .post-meta-item-tags + .post-meta-item-date {
float: right;
}
.post-meta-container-end .post-meta-item-tag-container {
flex-grow: 1;
text-align: left;
padding: 0 0 0 10px;
}
.post-container article {
position: relative;
display: block;
margin: 0;
padding: 50px 0;
width: 65%;
font-family: Tahoma;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 160%;
color: #62738D;
float: left;
}
.post-container article &gt; * {
margin: 0 !important;
padding: 0 !important;
}
.post-container article &gt; * + h2, .post-container article &gt; * + h3, .post-container article &gt; * + h4, .post-container article &gt; * + h5, .post-container article &gt; * + h6 {
margin-top: 30px !important;
}
.post-container article h2 {
display: block;
width: 100%;
font-size: 22px;
line-height: 160%;
color: #62738D;
}
.post-container article h3 {
display: block;
width: 100%;
font-size: 20px;
line-height: 160%;
color: #62738D;
}
.post-container article h4, .post-container article h5, .post-container article h6 {
display: block;
width: 100%;
font-size: 18px;
line-height: 160%;
color: #62738D;
}
.post-container article p, .post-container article li {
font-size: 18px;
line-height: 160%;
color: #62738D;
}
.post-container article ul {
list-style-type: none !important;
}
.post-container article li {
margin: 0 !important;
padding: 0 0 0 45px !important;
position: relative;
list-style-type: none !important;
}
.post-container article li:before {
content: 'â€“' !important;
position: absolute !important;
top: 2px !important;
left: 20px !important;
background: none !important;
}
.post-container article img {
display: block;
width: 100%;
height: auto;
}
.post-container .article-image-container {
display: block;
width: calc(35% - 40px);
float: right;
padding-top: 50px;
float: none;
width: 65%;
}
.post-container .article-image-container img {
border-radius: 12px;
border: 1px solid #DEDEDE;
overflow: hidden;
width: 100%;
}
@media (max-width:767px) {
.post-container h1 {
font-size: 30px;
}
.post-meta-container {
display: flex;
flex-direction: column;
}
.post-meta-item {
float: none !important;
clear: both;
display: inline-block;
}
.post-meta-item + .post-meta-item {
margin: 10px 0 0 !important;
}
.post-container article h2, .post-container article h3 {
font-size: 24px;
}
.post-container article h4, .post-container article h5, .post-container article h6 {
font-size: 20px;
}
.post-container .article-image-container {
width: 100%;
}
.post-container article {
width: 100%;
}
.posts-container {
margin: 0;
width: 100%;
}
.posts {
width: 100%;
margin: 0;
}
.posts-title {
padding-left: 0 !important;
padding-right: 0 !important;
}
.blog-post {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.blog-post-title {
font-size: 20px;
}
.post-meta-item-tags {
width: 100%;
}
.post-meta-container-end .post-meta-item-tag-container {
margin-top: 16px;
padding: 0;
}
.post-meta-container-end {
padding-bottom: 20px;
width: 100%;
}
.hero__images::before {
max-width: 420px;
width: 420px;
--maxsize: 420px;
--size: 420px;
}
.hero__image-wrapper--1, .hero__image-wrapper--2, .hero__image-wrapper--3, .hero__image-wrapper--4 {
justify-self: unset;
}
.hero__image-wrapper--2 {
width: 140%;
top: 20px;
left: 20px;
}
.hero__image-wrapper--3 {
margin-left: -50px;
bottom: 70%;
}
.hero__image-wrapper--4 {
bottom: 0%;
left: -62px;
width: 110%;
}
.hero__icon-wrapper--1 {
bottom: 18%;
left: 9%;
}
.hero__icon-wrapper--2 {
top: -11%;
}
.start__images::before {
max-width: 430px;
width: 430px;
--maxsize: 430px;
--size: 430px;
}
.start__image-wrapper--1, .start__image-wrapper--2, .start__image-wrapper--3 {
justify-self: unset
}
.start__image-wrapper--1 {
margin-left: 50px;
width: 130%;
}
.start__image-wrapper--2 {
width: 140%;
left: 60px;
top: 45%;
}
.start__image-wrapper--3 {
margin-left: 50px;
width: 150%;
}
.start__icon-wrapper--1 {
top: 7%;
left: 66%;
}
.start__icon-wrapper--2 {
top: 10%;
left: 89%;
}
.start__icon-wrapper--3 {
top: 79%;
left: 74%;
}
}
@media (max-width:414px) {
.hero__icon-wrapper--1 {
left: 5%;
bottom: 21%;
}
.hero__icon-wrapper--2 {
top: -8%;
}
.start__icon-wrapper--1 {
top: 13%;
}
.start__icon-wrapper--2 {
top: 14%;
}
.start__icon-wrapper--3 {
top: 84%;
left: 78%;
}
}
#cookies {
display: none;
position: fixed;
bottom: 30px;
left: 30px;
width: calc(100% - 60px);
max-width: 380px;
height: auto;
z-index: 1000;
background: var(--c-white);
box-shadow: 0px 0px 10px rgba(43, 93, 162, 0.15);
border-radius: 8px;
overflow: hidden;
}
#cookies-container {
display: flex;
width: 100%;
margin: 0;
padding: 24px;
overflow: hidden;
}
#cookies-text {
align-self: center;
flex-grow: 1;
font-family: Tahoma;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 140%;
color: #62738D;
margin: 0;
padding: 0 24px 0 0;
}
#cookies-text a {
color: #62738D;
cursor: pointer;
}
#cookies-text a:hover {
opacity: 0.6;
}
#cookies-button {
align-self: center;
font-family: Tahoma;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 140%;
text-transform: uppercase;
color: #313C4E;
cursor: pointer;
}
#cookies-button:hover {
opacity: 0.6;
}
.another-posts-container {
width: 100%;
margin: 0 !important;
padding: 0 0 70px 0 !important;
}
.another-posts-container .posts-container {
padding: 0;
}
.another-posts-title {
width: 100%;
margin: 0 !important;
padding: 0;
font-family: Tahoma;
font-style: normal;
font-weight: bold;
font-size: 36px;
line-height: 120%;
display: flex;
align-items: center;
color: #313C4E;
}
[data-open-chat], [data-open-modal-instead-of-chat] {
display: none;
}
body.logged-in .header {
top: 32px !important;
}
@media (max-width:782px) {
body.logged-in .header {
top: 46px !important;
}
}
.sign-up {
cursor: pointer;
} :root{
--hero-gray: #F3F4F7;
--hero-secondary-gray: #EDEEF1;
--primary-blue: #2B5DA2;
--primary-gray: #313C4E;
--secondary-gray: #62738D;
}
.page-attorneys .hero.hero-first{
position:relative;
padding-top: 40px !important;
margin-top: 80px;
min-height: 538px;
}
.page-attorneys .hero.hero-first:before{
position:absolute;
content: ' ';
inset: 20px 20px auto 20px;
background-color: var(--hero-gray);
width: calc(100% - 40px);
height: 100%;	
border-radius: 30px;
max-height: 598px;
}
body.page-attorneys .hero__breadcrumbs{
margin-bottom: 30px;
}
.page-attorneys .hero-first &gt; .container{
padding-top: 60px;
}
.page-attorneys .hero-first .hero__images{
padding-top: 0;
}
@media (min-width: 992px){
.page-attorneys .hero-first .hero__images{
margin-top: -30px;
}
}
.page-attorneys .hero-first .hero__images::before{
background-color: var(--hero-secondary-gray);
z-index: 0;
top:40px;
}
.page-attorneys .hero__images-aicon[data-icon-01] {
left: -20px !important;
top: 240px !important;
}
.page-attorneys .hero__images-aicon[data-icon-01] img {
box-shadow: -2px -2px 4px 0px #2B5DA21A inset;
box-shadow: 2px 2px 4px 0px #2B5DA214;
box-shadow: 4px 4px 6px 0px #2B5DA20F;
}
.page-attorneys .hero__line-icon {
bottom:35px !important;
right: 445px !important;
}
.hero__price_block{
position: absolute;
transform: rotate(-15deg);
z-index: 2;
max-height: auto;
max-width: 310px;
width: 100%;
height: fit-content;
left: -60px;
top: 0;
border: 10px solid var(--hero-gray);
border-radius: 30px;
}
.hero__price_block .hero__price_container{
background-color: var(--primary-blue);
padding: 20px;
border-radius: 20px;
position: relative;
color: #fff;
}
.hero__price_container .hero_price_head, .hero__price_container .hero_price__footer{
display: flex;
justify-content: space-between;
align-items: center;
}
.hero__price_container .small_text{
font-size: 14px;
font-weight: 400;
line-height: 18px;
color: rgba(255, 255, 255, 0.7)
}
.hero__price_container .hero_price__footer{
font-weight: 700;
font-size: 18px;
line-height: 27px;
white-space: nowrap;
}
.hero__price_container .hero_price__cost{
font-size: 42px;
font-weight: 700;
line-height: 50px;
}
body.page-attorneys .hero__title{
margin-bottom: 20px;
}
.hero__price_container .hero_price_check_icon{
margin: 0;
position: absolute;
inset: auto auto -50px -45px;
}
.hero__price_container .hero_price_check_icon{
width: 81px;
height: 81px;
object-fit: contain;
transform: rotate(15deg);
}
.page-attorneys .btn--orange{
box-shadow: 0px 14px 34px 0px #F0A93B4D;
height: 54px;
max-width: 276px;
width: 100%;
white-space: nowrap;
}
.capabilites_container{ margin-top: -15px;
position: relative;
z-index: 1;
}
.capabilites_row{
display: flex;
min-height: 140px;
}
.capabilites_row .capability{
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.capability_image_container{
border: 10px solid #ffffff;
margin-bottom: 5px;
border-radius: 20px;
}
.capability_image_container .image_back{
background: #F3F4F7;
border-radius: 10px;
padding: 12px;
}
.capability img{
width: 24px;
height: 24px;
}
.capability .capability_title{
font-size: 18px;
font-weight: 700;
text-align: center;
line-height: 21px;
margin-bottom: 8px;
}
.capability .capability_description{
font-size: 14px;
font-weight: 400;
line-height: 24px;
text-align: center;
}
.hero__images-aicon::after{
content: ' ';
position: absolute;
inset: 0;
width: 100%;
height: 100%;
transform: rotate(15deg);
box-shadow: -2px -2px 4px 0px #2B5DA21A inset;
border-radius: 8px;
}
.cards-steps--padding{
padding-top: 100px !important;
}
.coin_container{
max-width: 32px;
max-height: 32px;
width: 100%;
height: 100%;
position: absolute;
right: 12px;
top: 8px;
}
.coin_container img{
position: absolute;
}
.btn--orange{
display: flex;
gap: 10px;
}
.hero__description.h5{
margin-bottom: 35px;
}
@media (max-width: 1200px) and (min-width: 1100px){
.hero__price_block{
left: -120px;
}
.page-attorneys .hero__images-aicon[data-icon-01]{
left: -80px !important;
}
.page-attorneys .hero__images{
right: 0 !important;
}
.page-attorneys .hero__line-icon {
right: 0 !important;
left: -105px !important;
}
}
.header__signup-block{
display: none;
}
@media (max-width: 1024px){
.header__inner{
display: grid;
grid-template-columns: max-content max-content 1fr;
}
.header__logo{
width: 100%;
order: 2;
justify-self: flex-start;
}
.header__burger-button{
justify-self: flex-start;
order: 1;
}
.header__signup-button{		
background-color: var(--primary-blue);
padding: 9px 15px;
font-size: 12px;
font-weight: 700;
color: #fff;
border-radius: 8px;
text-decoration: none;
}
.header__signup-block{
display: flex;
align-items: center;
order:3;
justify-self: flex-end;
}
.header__signup-block .header__sign-in{
margin-bottom: 0;
margin-right: 12px;
}
.header__logo{
margin-left: 16px;
}
}
@media (min-width: 1099px){
.page-services .hero-first{
padding-bottom: 80px !important;
}
}
@media (max-width: 1099px){
.page-attorneys .hero.hero-first:before{
height: 100%;
max-height: 100%;
}
.page-attorneys .hero.hero-first{
min-height: 698px;
}
}
@media (max-width: 992px) and (min-width:768px){
.page-attorneys .hero.hero-first .hero__images{
padding-left: 150px !important;
}
.page-attorneys .hero.hero-first{
min-height: 948px;
}
.page-attroneys .hero-images{
padding-left: 150px;
}
.hero__price_block {
left: 60px;
}
.page-attorneys .hero__images-aicon[data-icon-01]{
left: 20% !important;
}
.cards-steps--padding{
padding-top: 70px !important;
}
}
@media (max-width: 767px){
body.service .hero__title, body.page-services .hero__title{
max-width: 80%;
}
body.page-attorneys .hero.hero-first{
padding-bottom: 0 !important;
padding-top: 0 !important;
}
.hero__images{
height: auto !important;
padding-bottom: 40px !important;
}
.page-services .hero-first .hero__bottom{
padding-top: 0 !important;
}
.page-services .hero-first{
padding-bottom: 150px !important;
}
.container{
padding: 0 16px;
}
body.page-attorneys .hero__description.h5{
font-size: 14px !important;
margin-bottom: 30px;
}
.page-attorneys .btn--orange{
max-width: 100%;
}
.capabilites_container{
margin-top: -25px;
}
.capabilites_container .capabilites_row{
flex-direction: column;
gap: 10px;
}
.page-attorneys .hero__title{
margin-bottom: 12px !important;
font-size: 28px !important;
}
.page-attorneys .hero.hero-first{
margin-top: 80px !important;
min-height: 669px;
max-height: 1014px;
}
.page-attorneys .hero.hero-first &gt; .container{
padding-top: 30px !important;
}
.page-attorneys .hero.hero-first .hero__breadcrumbs{
margin-bottom: 30px !important;
}
.page-attorneys .hero.hero-first .hero__breadcrumbs{
margin-bottom: 30px !important;
}
.hero__images .hero__image-wrapper{
width: 100%;
box-shadow: 2.733330011367798px 2.733330011367798px 2.733330011367798px 0px #FFFFFF33;
max-height: 420px;
}
.hero__images .hero__image-wrapper img{
width: 100%;
max-height: 400px;
object-fit: cover;
}
.page-attorneys .btn--orange{
position: relative;
z-index: 5;
}
.page-attorneys .hero__images{
display: block !important;
order:3;
max-width: 100% !important;
height: 240px;
padding-left: 0 !important;
padding-top: 100px !important;
padding-bottom: 70px !important;
inset: initial !important;
}
.page-attorneys .hero__images::before{
content: none;
}
.page-attorneys .hero__price_block{
inset: 40px 50% auto auto !important;
max-width: 275px;
transform: translateX(50%) rotate(-15deg);
}
.hero__price_container .hero_price_check_icon{
transform: rotate(115deg);
inset: -55px auto auto -40px;
}
.hero__price_container .hero_price__cost{
font-size: 32px;
line-height: 33px;
overflow: hidden;
}
.hero__price_container .hero_price__footer{
margin-top: 10px;
font-size: 16px;
}
.hero__price_container .hero_price_head img{
object-fit: cover;
}
.page-attorneys .hero__images .hero__line-icon{
display: none;
}  .page-attorneys .hero__line-icon {
transform: rotate(120deg) !important;
right: auto !important;
left: calc(-40% + 40px);
}
.page-attorneys .hero.hero-first:before{
inset: auto;
width: 100%;
border-radius: 0;
}
.page-attorneys .hero__images-aicon[data-icon-01]{
display: none;
}
}
@media (max-width: 420px){
.page-attorneys .hero__images-aicon[data-icon-01]{
right: calc(10% - 40px);
top: 50% !important;
}
} .page-blog .hero__breadcrumbs-item__sep{
margin-bottom: 0 !important;
}
.page-blog .form-banner{
position: absolute;
}
.jquery-modal{
background-color: rgba(0, 0, 0, 0.6) !important;
z-index: 1000 !important;
}
#actionModalContainer{
padding: 0 !important;
height: fit-content !important;
box-shadow: none !important;
max-width: 869px !important;
border-radius: 10px;
background: #fff !important;
top: 50%  !important;
left: 50% !important;
transform: translate(-50%, -50%);
}
#actionModalContainer .close-modal{
right: 0;
top: -60px;
background: url(//ipnote.pro/wp-content/themes/ipnote/assets/icons/closeIconModal.svg);
width: 34px;
height: 34px;
}
#actionModal{
overflow: hidden;
padding: 37px 0 43px 34px;
position: relative;
border-radius: 10px;
}
#actionModal .transactionsImage{
margin:0;
position: absolute;
right: -15%;
top: 0;
}
#actionModal .content{
position: relative;
z-index: 1;
max-width: 55%;
}
#actionModal .lightRound{
position: absolute;
width: 680px;
height: 680px;
background: linear-gradient(to right, #fff, #EAECF2);
border-radius: 100%;
left: -10%;
top: -50%;
}
#actionModal .grayRound{
position: absolute;
width: 494px;
height: 494px;
background: linear-gradient(to right, #fff, #DFE1E9);
border-radius: 100%;
left: 10px;
top:-60px;
}
#actionModal .title{
color: var(--primary-gray);
font-size: 40px;
font-weight: bold;
}
#actionModal .description{
margin-top: 25px;
font-size: 18px;
color: var(--secondary-gray);
}
#actionModal footer{
margin-top: 36px;
}
@media (max-width: 768px){
#actionModalContainer{
max-height: 440px;
height: 100% !important;
}
#actionModal .transactionsImage{
left: -5%;
bottom: -5%;
top:auto;
right: auto;
}
.lightRound{
left: -80% !important;
top: -40% !important;
}
.grayRound{
left: -30% !important;
top: -20% !important;
}
#actionModal .content{
max-width: 100%;
}
#actionModal .title{
font-size: 27px;
}
#actionModal .description{
font-size: 14px;
text-align: center;
margin-top: 22px;
}
#actionModal footer{
margin-top: 39px;
}
#actionModal{
padding: 21px 21px 0 21px;
height: 100%;
}
}
.row_banners{
position: sticky;
position: -webkit-sticky;
bottom: 0;
display: flex;
flex-direction: column;
z-index: 2;
}
.row_banners .row_banner:not(:first-child) button.close{
display: none;
}
.row_banner{
background-color: var(--primary-gray);
}
.row_banner .row_banner_container{
width: 100%;
height: 100%;
}
.row_banner_container .close{
position: absolute;
top: -45px;
right: 0;
cursor: pointer;
height: 34px;
width: 34px;
}
.row_banner_container .container{
display: flex;
justify-content: space-between;
padding-top: 6px;
padding-bottom: 6px;
align-items: center;
position: relative;
}
.row_banner_container .row_banner_title{
color: #fff;
font-size: 20px;
position: relative;
}
.row_banner_container .btn{
position: relative;
}
.row_banner .primary_square{
background: url(//ipnote.pro/wp-content/themes/ipnote/assets/images/common/primary-square.svg);
width: 243px;
height: 243px;
}
.row_banner .squares{
position: absolute;
height: 100%;
width: 100%;
inset: 0;
overflow: hidden;
z-index: 0;
display: flex;
justify-content: space-between;
}
.squares .primary_square:nth-child(1n) {
transform: translateY(-50%);
}
.squares .primary_square:nth-child(2n){
transform: translateY(-50%) rotate(30deg);
}
@media (max-width: 768px){
.row_banner_container .container{
flex-direction: column;
gap: 10px;
}
.row_banner_container .row_banner_title{
font-size: 16px;
}
.row_banner_container .container .btn{
width: 100%;
}
.row_banner_container .close{
right: 14px;
}
.row_banner_container .container{
padding-top: 16px;
padding-bottom: 16px;
}
.squares .primary_square{
min-width: 129px;
height: 129px;
background: url(//ipnote.pro/wp-content/themes/ipnote/assets/images/common/primary-square-small.svg);
}
.squares .primary_square:nth-child(1n) {
transform: translateY(0);
}
.squares .primary_square:nth-child(2n){
transform: rotate(30deg);
}
}
.milestone_highlight .h5{
padding: 0 !important;
}
body .hero__breadcrumbs-item__sep{
background: url(//ipnote.pro/wp-content/themes/ipnote/assets/icons/icon-arrow-sep.svg) center 9px no-repeat;
width: 17px!important;
background-size: 100%;
display: inline-block;
}
body.service .partners{
padding-bottom: 0 !important;
}
body.page-attorneys .partners .slick-list {
overflow: visible;
}</pre></body></html>