@font-face {
font-family: "Inter Tight";
font-display: swap;
src: url(//averdoc.pro/wp-content/themes/AverDoc/assets/fonts/InterTight-Regular.woff2) format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Inter Tight";
font-display: swap;
src: url(//averdoc.pro/wp-content/themes/AverDoc/assets/fonts/InterTight-SemiBold.woff2) format("woff2");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Inter Tight";
font-display: swap;
src: url(//averdoc.pro/wp-content/themes/AverDoc/assets/fonts/InterTight-Medium.woff2) format("woff2");
font-weight: 500;
font-style: normal;
}
* {
padding: 0px;
margin: 0px;
border: 0px;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
:focus,
:active {
outline: none;
}
a:focus,
a:active {
outline: none;
}
::-webkit-input-placeholder {
color: inherit;
}
::-moz-placeholder {
color: inherit;
}
:-ms-input-placeholder {
color: inherit;
}
::-ms-input-placeholder {
color: inherit;
}
::placeholder {
color: inherit;
}
input,
button,
textarea,
select {
font-family: "Inter Tight";
font-size: inherit;
color: #171b33;
}
button {
cursor: pointer;
color: inherit;
background-color: inherit;
}
a {
color: inherit;
}
a:link,
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
ul li {
list-style: none;
}
img {
vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: inherit;
font-size: inherit;
}
html,
body {
height: 100%;
min-width: 320px;
}
body {
font-family: "Inter Tight";
font-weight: 400;
color: #171b33;
font-size: 1rem;
background-color: #fff;
}
.lock body {
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
-ms-scroll-chaining: none;
overscroll-behavior: none;
}
[class*=__container] {
max-width: 100rem;
margin: 0 auto;
padding: 0 1.25rem;
}
.wrapper {
position: relative;
min-height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
}
@supports (overflow: clip) {
.wrapper {
overflow: clip;
}
}
.wrapper>main {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.wrapper>* {
min-width: 0;
}
.title {
font-weight: 600;
font-size: 3.3rem;
line-height: 110%;
color: #171b33;
text-align: center;
}
.title span {
color: #4f81e5;
}
.menu {
position: relative;
z-index: 5;
}
.menu__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.625rem 7rem;
}
.menu__link {
display: inline-block;
-webkit-transition: color .3s;
transition: color .3s;
font-size: 1.25rem;
}
.menu__content {
display: none;
}
.menu__social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 0.75rem;
}
.menu__social:not(:last-child) {
margin-bottom: 1.25rem;
}
.menu__link-social {
background-color: #2ebe1a;
border-radius: 50%;
width: 2.125rem;
height: 2.125rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: background-color .3s;
transition: background-color .3s;
}
.menu__button {
font-weight: 500;
font-size: 1rem;
line-height: 110%;
text-transform: uppercase;
text-align: center;
color: #fff;
border-radius: 0.625rem;
padding: 0.625rem 0.9375rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 12.125rem;
flex: 0 0 12.125rem;
min-height: 3.125rem;
background-color: #2ebe1a;
-webkit-transition: background-color .3s;
transition: background-color .3s;
}
.burger-menu {
display: none;
}
.menu-open .burger-menu::before {
-webkit-transform: translate(-50%, 0%) rotate(45deg);
-ms-transform: translate(-50%, 0%) rotate(45deg);
transform: translate(-50%, 0%) rotate(45deg);
top: 1.40625rem;
width: 1.25rem;
height: 0.1875rem;
border-radius: 1.25rem;
}
.menu-open .burger-menu::after {
-webkit-transform: translate(-50%, 0%) rotate(-45deg);
-ms-transform: translate(-50%, 0%) rotate(-45deg);
transform: translate(-50%, 0%) rotate(-45deg);
bottom: 1.40625rem;
width: 1.25rem;
height: 0.1875rem;
border-radius: 1.25rem;
}
.menu-open .burger-menu span {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.header {
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 10;
padding: 1.03125rem 0;
background-color: #fff;
}
.header__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 2.5rem;
}
.header__logo {
position: relative;
z-index: 10;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 9px;
font-weight: 600;
font-size: 1.5rem;
}
.header__logo img {
flex: 0 0 46px;
width: 46px;
}
.header__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2.5rem;
position: relative;
z-index: 7;
}
.header__social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.75rem;
}
.header__link {
background-color: #2ebe1a;
border-radius: 50%;
width: 2.125rem;
height: 2.125rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: background-color .3s;
transition: background-color .3s;
}
.header__link img {
max-width: 1.25rem;
}
.menu__link-social img {
max-width: 1.25rem;
}
.header__button {
font-weight: 500;
font-size: 1rem;
line-height: 110%;
text-transform: uppercase;
text-align: center;
color: #fff;
border-radius: 0.625rem;
padding: 0.625rem 0.9375rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 12.125rem;
flex: 0 0 12.125rem;
min-height: 3.125rem;
background-color: #2ebe1a;
-webkit-transition: background-color .3s;
transition: background-color .3s;
}
.hero {
background: linear-gradient(281.72deg, #fafcfe 10.72%, #caddff 101.23%);
padding-top: 4.6875rem;
}
.hero__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.hero__content {
max-width: 54.5rem;
position: relative;
z-index: 2;
}
.hero__title {
font-weight: 500;
font-size: 4rem;
line-height: 110%;
color: #0c1014;
}
.hero__title:not(:last-child) {
margin-bottom: 1rem;
}
.hero__title span {
color: #4f81e5;
}
.hero__sub-title {
font-weight: 500;
font-size: 2.25rem;
line-height: 130%;
color: #535353;
}
.hero__sub-title:not(:last-child) {
margin-bottom: 1.875rem;
}
.hero__items {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1.09fr 1.06fr;
grid-template-columns: 1fr 1.09fr 1.06fr;
gap: 1.25rem;
max-width: 51.4375rem;
}
.hero__items:not(:last-child) {
margin-bottom: 2rem;
}
.hero__item {
background: #f2f7ff;
border: 0.0625rem solid #86aeff;
border-radius: 0.625rem;
padding: 1rem 1.1rem;
font-weight: 500;
font-size: 1.25rem;
line-height: 125%;
color: #4f81e5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.5rem;
}
.hero__item::before {
content: "";
-webkit-box-flex: 0;
-ms-flex: 0 0 0.5625rem;
flex: 0 0 0.5625rem;
width: 0.5625rem;
height: 0.5625rem;
border-radius: 50%;
background-color: #4f81e5;
}
.hero__form {
background: #4f81e5;
border-radius: 0.625rem;
padding: 1.875rem;
max-width: 50.75rem;
min-height: 9.375rem;
}
.hero__row {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
gap: 1rem;
}
.hero__row:not(:last-child) {
margin-bottom: 1rem;
}
.hero__input {
width: 100%;
color: #e9f1ff;
background: rgba(255, 255, 255, .15);
border: 0.0625rem solid rgba(244, 248, 255, .6);
border-radius: 0.625rem;
padding: 0 1.25rem;
height: 2.8125rem;
-webkit-transition: border .3s;
transition: border .3s;
font-size: 1rem;
}
.hero__input:focus {
border: 0.0625rem solid #1cec00;
}
.hero__block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 1rem;
position: relative;
}
.wpcf7-not-valid-tip {
margin-top: 2px;
font-size: 0.9em;
}
.wpcf7 form .wpcf7-response-output {
margin: 10px 0 0 0;
padding: 10px;
font-size: 0.9em;
text-align: center;
color: #fff;
}
.wpcf7-spinner {
position: absolute;
top: 100%;
margin: 0;
left: 50%;
margin: 2px;
width: 16px;
height: 16px;
transform: translate(-50%, 0%);
}
.wpcf7-spinner::before {
top: 3px;        
left: 3px;          
width: 4px;
height: 4px;      
transform-origin: 5px 5px;
}
.hero__submit {
cursor: pointer;
font-weight: 500;
font-size: 1rem;
line-height: 110%;
text-transform: uppercase;
text-align: center;
color: #fff;
border-radius: 0.625rem;
padding: 0.625rem 0.9375rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 15rem;
flex: 0 0 15rem;
min-height: 3.75rem;
background-color: #2ebe1a;
-webkit-transition: background-color .3s;
transition: background-color .3s;
}
.hero__media {
position: relative;
margin-right: -25rem;
margin-left: -6rem;
}
.hero__media--mobile {
display: none;
}
.hero__image-1 img {
max-width: 100%;
height: auto;
}
.hero__image-2 {
position: absolute;
bottom: 3%;
left: 4%;
width: 19.46%;
aspect-ratio: 252/471;
}
.hero__image-2 img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-position: center;
object-position: center;
-o-object-fit: contain;
object-fit: contain;
}
.advantages {
margin: 6.25rem 0;
}
.advantages__body {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
gap: 1.25rem;
}
.advantages__item {
background: #f7f7f7;
border: 0.0625rem solid #e2e7ed;
border-radius: 0.625rem;
padding: 1.875rem;
}
.advantages__item:nth-child(2) .advantages__icon {
background: #e4ffc7;
}
.advantages__item:nth-child(3) .advantages__icon {
background: #d3e4ff;
}
.advantages__title {
font-weight: 600;
font-size: 2rem;
line-height: 110%;
text-align: center;
color: #404040;
}
.advantages__title:not(:last-child) {
margin-bottom: 1.875rem;
}
.advantages__icon {
width: 9.375rem;
height: 9.375rem;
background: #def3fd;
border-radius: 0.625rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: auto;
margin-right: auto;
}
.advantages__icon:not(:last-child) {
margin-bottom: 1.875rem;
}
.advantages__text {
font-size: 1.5rem;
line-height: 140%;
text-align: center;
color: #171b33;
}
.benefit {
padding-bottom: 6.25rem;
}
.benefit__block {
border: 0.0625rem solid #e2e7ed;
border-radius: 1.25rem;
padding: 3.75rem;
background: #f5f5f5;
}
.benefit__title:not(:last-child) {
margin-bottom: 2.5rem;
}
.benefit__body {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
gap: 1.25rem;
}
.benefit__item {
background: linear-gradient(196.12deg, #fff 16.06%, #c7edff 88.79%);
border: 0.0625rem solid rgba(0, 173, 255, .3);
border-radius: 50%;
display: -ms-grid;
display: grid;
padding: 0.625rem 1.25rem;
-ms-flex-line-pack: center;
align-content: center;
gap: 1.25rem;
aspect-ratio: 1/1;
}
.benefit__item:nth-child(2) {
background: -webkit-gradient(linear, left top, left bottom, color-stop(29.3%, #f6ffec), to(#daffb2));
background: linear-gradient(180deg, #f6ffec 29.3%, #daffb2 100%);
}
.benefit__item:nth-child(2) .benefit__price {
color: #00a218;
}
.benefit__item:nth-child(3) {
background: -webkit-gradient(linear, left top, left bottom, color-stop(28.12%, #f4f8ff), color-stop(149.27%, #d3e4ff));
background: linear-gradient(180deg, #f4f8ff 28.12%, #d3e4ff 149.27%);
}
.benefit__item:nth-child(3) .benefit__price {
color: #3885ff;
}
.benefit__text {
font-weight: 600;
font-size: 2rem;
line-height: 110%;
text-align: center;
max-width: 16.875rem;
margin-left: auto;
margin-right: auto;
}
.benefit__price {
font-weight: 600;
font-size: 4rem;
line-height: 105%;
text-align: center;
color: #00adff;
}
.benefit__desc {
font-size: 1.5rem;
line-height: 130%;
text-align: center;
color: #404040;
max-width: 21.25rem;
margin-left: auto;
margin-right: auto;
}
.expertise {
background: linear-gradient(281.72deg, #fafcfe 11.08%, #caddff 101.27%);
padding: 6.25rem 0;
}
.expertise__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.5rem;
}
.expertise__title {
text-align: left;
-webkit-box-flex: 0;
-ms-flex: 0 0 24.4375rem;
flex: 0 0 24.4375rem;
}
.expertise__text {
display: -ms-grid;
display: grid;
gap: 1rem;
font-weight: 500;
font-size: 1.5rem;
line-height: 130%;
color: #0c1014;
}
.expertise__text p:last-child {
font-weight: 400;
font-size: 1.375rem;
}
.expertise__text:not(:last-child) {
margin-bottom: 1.875rem;
}
.expertise__items {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
gap: 1.25rem;
}
.expertise__item {
background: #fff;
border: 0.0625rem solid #e2e7ed;
border-radius: 0.625rem;
padding: 1.2rem 1rem;
}
.expertise__item:nth-child(2) .expertise__icon {
background: #e4ffc7;
}
.expertise__icon {
margin-left: auto;
margin-right: auto;
width: 5rem;
height: 5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #def3fd;
border-radius: 0.3125rem;
}
.expertise__icon:not(:last-child) {
margin-bottom: 1rem;
}
.expertise__desc {
font-size: 1.25rem;
line-height: 130%;
text-align: center;
color: #404040;
}
.expertise__form {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.625rem;
flex: 0 0 33.625rem;
}
.wpcf7-form {
position: relative;
}
.form {
background: #4f81e5;
display: -ms-grid;
display: grid;
-ms-flex-line-pack: center;
align-content: center;
padding: 3rem 4.875rem;
border-radius: 0.625rem;
}
.form__title {
font-weight: 600;
font-size: 2rem;
line-height: 110%;
text-align: center;
color: #f7f7f7;
}
.form__title:not(:last-child) {
margin-bottom: 1.875rem;
}
.form__body {
display: -ms-grid;
display: grid;
gap: 1rem;
}
.form__body:not(:last-child) {
margin-bottom: 1.875rem;
}
.form__input {
width: 100%;
color: #e9f1ff;
background: rgba(255, 255, 255, .15);
border: 0.0625rem solid rgba(244, 248, 255, .6);
border-radius: 0.625rem;
padding: 0 1.25rem;
height: 2.8125rem;
-webkit-transition: border .3s;
transition: border .3s;
font-size: 1rem;
}
.form__input:focus {
border: 0.0625rem solid #1cec00;
}
.form__input.wpcf7-not-valid {
border-color: #ff3333 !important;
} .trust__input.wpcf7-not-valid {
border-color: #ff3333 !important;
}
.form__submit {
cursor: pointer;
font-weight: 500;
font-size: 1rem;
line-height: 110%;
text-transform: uppercase;
text-align: center;
color: #fff;
width: 100%;
border-radius: 0.625rem;
padding: 0.625rem 0.9375rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 3.75rem;
background-color: #2ebe1a;
-webkit-transition: background-color .3s;
transition: background-color .3s;
}
.changes {
padding: 6.25rem 0;
}
.changes__block {
border: 0.0625rem solid #e2e7ed;
border-radius: 1.25rem;
background: #f5f5f5;
padding: 3.75rem;
}
.changes__title:not(:last-child) {
margin-bottom: 2.5rem;
}
.changes__top {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 2.05fr;
grid-template-columns: 1fr 2.05fr;
gap: 0.625rem;
border: 0.0625rem solid #e2e7ed;
border-radius: 0.625rem;
background: #fff;
padding: 1.25rem 1.875rem;
}
.changes__top:not(:last-child) {
margin-bottom: 1.875rem;
}
.changes__caption {
font-weight: 600;
font-size: 2rem;
line-height: 110%;
text-align: center;
color: #00adff;
border-radius: 0.625rem;
padding: 1.5rem;
background: #def3fd;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.75rem;
}
.changes__caption:nth-child(2) {
background: #e4ffc7;
color: #00a218;
}
.changes__body {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 0.625rem;
}
.changes__row {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 2.05fr;
grid-template-columns: 1fr 2.05fr;
-ms-flex-line-pack: start;
align-content: start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
gap: 0.625rem;
border-radius: 0.625rem;
background: #fff;
padding: 1.25rem 1.875rem 0.625rem 1.875rem;
}
.changes__item {
border: 0.0625rem solid #e2e7ed;
border-radius: 0.625rem;
padding: 0.75rem 1.25rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.625rem;
}
.changes__item:nth-child(2) .changes__icon {
background: #e4ffc7;
}
.changes__item:nth-child(2) .changes__icon span {
color: #00a218;
}
.changes__icon {
background-color: #def3fd;
border-radius: 0.3125rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 0.625rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 8rem;
flex: 0 0 8rem;
height: 8rem;
}
.changes__icon span {
display: none;
}
.changes__text {
font-size: 1.25rem;
line-height: 140%;
color: #171b33;
}
.changes__image {
-webkit-box-flex: 0;
-ms-flex: 0 0 35.422%;
flex: 0 0 35.422%;
position: relative;
aspect-ratio: 328/170;
border-radius: 0.3125rem;
overflow: hidden;
}
.changes__image img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
.lead-cta {
padding-bottom: 6.25rem;
}
.lead-cta__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 2.5rem;
}
.lead-cta__quote {
padding: 1.875rem;
display: -ms-grid;
display: grid;
-ms-flex-line-pack: center;
align-content: center;
border: 0.0625rem solid #e2e7ed;
border-radius: 0.625rem;
background: linear-gradient(281.72deg, #fafcfe 10.18%, #caddff 101.17%);
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.lead-cta__quote-text {
max-width: 56.875rem;
margin-left: auto;
margin-right: auto;
}
.lead-cta__quote-text:not(:last-child) {
margin-bottom: 1.25rem;
}
.lead-cta__avatar {
width: 6.375rem;
height: 6.375rem;
border-radius: 50%;
overflow: hidden;
position: relative;
margin-left: auto;
margin-right: auto;
}
.lead-cta__avatar:not(:last-child) {
margin-bottom: 0.25rem;
}
.lead-cta__avatar img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
.lead-cta__info {
font-weight: 500;
font-size: 1.5rem;
line-height: 130%;
text-align: center;
color: #404040;
max-width: 18.75rem;
margin-left: auto;
margin-right: auto;
}
.lead-cta__form {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.625rem;
flex: 0 0 33.625rem;
}
.services {
padding-bottom: 6.25rem;
}
.services__block {
border: 0.0625rem solid #e2e7ed;
border-radius: 1.25rem;
background: #f5f5f5;
padding: 3.75rem;
}
.services__title:not(:last-child) {
margin-bottom: 2.5rem;
}
.services__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.25rem;
}
.services__items {
display: -ms-grid;
display: grid;
gap: 0.25rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 35.0821744627%;
flex: 0 0 35.0821744627%;
width: 100%;
list-style-type: none;
counter-reset: item;
}
.services__button {
border: 0.0625rem solid #e2e7ed;
border-radius: 0.625rem;
padding: 1.25rem;
background: #fff;
-webkit-transition: all .3s;
transition: all .3s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.75rem;
cursor: pointer;
}
.services__button:before {
counter-increment: item;
content: counter(item, decimal-leading-zero);
border-radius: 50%;
font-size: 1.125rem;
line-height: 130%;
text-align: center;
color: #404040;
width: 2.5rem;
height: 2.5rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 2.5rem;
flex: 0 0 2.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 0.0625rem solid #404040;
-webkit-transition: all .3s;
transition: all .3s;
}
.services__button._spoller-active {
background: #e4ffc7;
border: 0.0625rem solid #00a218;
}
.services__button._spoller-active::before {
color: #00a218;
border: 0.0625rem solid #00a218;
}
.services__button._spoller-active .services__caption {
color: #00a218;
}
.services__button._spoller-active .services__text {
color: #00a218;
}
.services__caption {
font-weight: 600;
font-size: 1.5rem;
line-height: 110%;
color: #404040;
-webkit-transition: color .3s;
transition: color .3s;
}
.services__caption:not(:last-child) {
margin-bottom: 0.25rem;
}
.services__text {
font-size: 1.125rem;
line-height: 130%;
-webkit-transition: color .3s;
transition: color .3s;
}
.services__content img {
display: none;
}
.services__column {
width: 100%;
}
.services__box {
position: sticky;
top: 7.65rem;
left: 0;
width: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
background: #fff;
padding: 3.3125rem 1.875rem;
border: 0.0625rem solid #e2e7ed;
border-radius: 0.625rem;
width: 100%;
}
.services__main-img {
display: none;
}
.services__main-img.active {
display: block;
}
.services__image {
width: 100%;
}
.services__image img {
max-width: 100%;
width: 100%;
}
.promo {
padding-bottom: 6.25rem;
}
.promo__block {
background: #f7f7f7;
border-radius: 0.625rem;
padding: 5.625rem 0.625rem;
position: relative;
}
.promo__title {
position: relative;
z-index: 2;
max-width: 71.25rem;
margin-left: auto;
margin-right: auto;
}
.promo__title span {
display: block;
}
.promo__icon-1 {
position: absolute;
top: 1%;
left: 5%;
}
.promo__icon-2 {
position: absolute;
bottom: 1%;
left: 50%;
-webkit-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
.promo__icon-3 {
position: absolute;
top: 45%;
right: 8%;
}
.about {
background: linear-gradient(281.72deg, #fafcfe 11.47%, #caddff 101.32%);
position: relative;
}
.about__container {
padding-top: 6.25rem;
padding-bottom: 6.25rem;
position: relative;
}
.about__title {
position: relative;
z-index: 2;
text-align: left;
}
.about__image {
position: absolute;
bottom: 0;
left: -16.875rem;
max-width: 40rem;
}
.about__image img {
max-width: 100%;
}
.about__body {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 1rem;
}
.about__box {
border: 0.0625rem solid #e2e7ed;
border-radius: 0.625rem;
background-color: #fff;
padding: 1.875rem;
position: relative;
z-index: 2;
}
.about__box:nth-of-type(2) .about__icon {
background: #e4ffc7;
}
.about__box:nth-of-type(2) .about__item::before {
background: url(//averdoc.pro/wp-content/themes/AverDoc/assets/img/check2.svg) center/100% 100% no-repeat;
}
.about__box:nth-of-type(3) .about__icon {
background: #d4e5ff;
}
.about__box:nth-of-type(3) .about__item::before {
background: url(//averdoc.pro/wp-content/themes/AverDoc/assets/img/check3.svg) center/100% 100% no-repeat;
}
.about__icon {
background: #def3fd;
height: 9.375rem;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #def3fd;
border-radius: 0.625rem;
}
.about__icon:not(:last-child) {
margin-bottom: 1.25rem;
}
.about__caption {
font-weight: 600;
font-size: 1.75rem;
line-height: 110%;
text-align: center;
color: #0c1014;
}
.about__caption:not(:last-child) {
margin-bottom: 1.25rem;
}
.about__list {
display: -ms-grid;
display: grid;
gap: 0.75rem;
}
.about__item {
font-size: 1.125rem;
line-height: 130%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.375rem;
}
.about__item::before {
content: "";
-webkit-box-flex: 0;
-ms-flex: 0 0 1.375rem;
flex: 0 0 1.375rem;
width: 1.375rem;
height: 1.375rem;
background: url(//averdoc.pro/wp-content/themes/AverDoc/assets/img/check1.svg) center/100% 100% no-repeat;
}
.trust {
padding-bottom: 6.25rem;
padding-top: 6.25rem;
}
.trust__block {
border: 0.0625rem solid #e2e7ed;
border-radius: 1.25rem;
background: #f5f5f5;
padding: 3.75rem;
}
.trust__title:not(:last-child) {
margin-bottom: 2.5rem;
}
.trust__wrap:not(:last-child) {
margin-bottom: 1.875rem;
}
.trust__body {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
gap: 1.25rem;
counter-reset: item;
}
.trust__box {
border: 0.0625rem solid rgba(0, 173, 255, .3);
border-radius: 0.625rem;
padding: 2.5rem;
background: linear-gradient(196.12deg, #fff 18.01%, #c7edff 80.35%);
}
.trust__box::before {
counter-increment: item;
content: counter(item, decimal-leading-zero);
border: 0.0625rem solid #00adff;
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.125rem;
line-height: 130%;
text-align: center;
margin-left: auto;
margin-right: auto;
color: #00adff;
margin-bottom: 0.75rem;
}
.trust__box:nth-child(2) {
background: -webkit-gradient(linear, left top, left bottom, color-stop(29.3%, #f6ffec), to(#daffb2));
background: linear-gradient(180deg, #f6ffec 29.3%, #daffb2 100%);
}
.trust__box:nth-child(2)::before {
border: 0.0625rem solid #00a218;
color: #00a218;
}
.trust__box:nth-child(2) .trust__caption {
color: #00a218;
}
.trust__box:nth-child(3) {
background: -webkit-gradient(linear, left top, left bottom, color-stop(29.99%, #f4f8ff), color-stop(161.35%, #d3e4ff));
background: linear-gradient(180deg, #f4f8ff 29.99%, #d3e4ff 161.35%);
}
.trust__box:nth-child(3)::before {
border: 0.0625rem solid #3885ff;
color: #3885ff;
}
.trust__box:nth-child(3) .trust__caption {
color: #3885ff;
}
.trust__caption {
font-weight: 600;
font-size: 2rem;
line-height: 110%;
text-align: center;
color: #00adff;
}
.trust__caption:not(:last-child) {
margin-bottom: 1.25rem;
}
.trust__text {
font-size: 1.5rem;
line-height: 130%;
text-align: center;
color: #404040;
}
.trust__form {
background: #4f81e5;
border-radius: 0.625rem;
padding: 2.5rem 3.75rem;
}
.trust__heading {
font-weight: 600;
font-size: 2rem;
line-height: 110%;
text-align: center;
color: #f7f7f7;
}
.trust__heading:not(:last-child) {
margin-bottom: 2.5rem;
}
.trust__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1rem;
position: relative;
}
.trust__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.5%;
flex: 0 0 16.5%;
}
.trust__input {
width: 100%;
color: #e9f1ff;
background: rgba(255, 255, 255, .15);
border: 0.0625rem solid rgba(244, 248, 255, .6);
border-radius: 0.625rem;
padding: 0 1.25rem;
height: 2.8125rem;
-webkit-transition: border .3s;
transition: border .3s;
font-size: 1rem;
}
.trust__input:focus {
border: 0.0625rem solid #1cec00;
}
.trust__submit {
cursor: pointer;
font-weight: 500;
font-size: 1rem;
line-height: 110%;
text-transform: uppercase;
text-align: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 21.5%;
flex: 0 0 21.5%;
color: #fff;
border-radius: 0.625rem;
padding: 0.625rem 0.9375rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 3.75rem;
background-color: #2ebe1a;
-webkit-transition: background-color .3s;
transition: background-color .3s;
}
.faq {
padding-bottom: 6.25rem;
}
.faq__block {
background: #f5f5f5;
padding: 3.75rem;
border: 0.0625rem solid #e2e7ed;
border-radius: 1.25rem;
}
.faq__title:not(:last-child) {
margin-bottom: 2.5rem;
}
.footer__top {
background: linear-gradient(281.72deg, #fafcfe 12.23%, #caddff 101.4%);
}
.footer__row {
padding: 1.875rem 0;
border-bottom: 0.0625rem solid #4f81e5;
}
.footer__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 1.25rem;
}
.footer__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2.5rem;
}
.footer__button {
font-weight: 500;
font-size: 1rem;
line-height: 110%;
text-transform: uppercase;
text-align: center;
color: #fff;
border-radius: 0.625rem;
padding: 0.625rem 0.9375rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 12.125rem;
flex: 0 0 12.125rem;
min-height: 3.125rem;
background-color: #2ebe1a;
-webkit-transition: background-color .3s;
transition: background-color .3s;
}
.footer__social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.75rem;
}
.footer__link-social {
background-color: #2ebe1a;
border-radius: 50%;
width: 2.125rem;
height: 2.125rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: background-color .3s;
transition: background-color .3s;
}
.footer__link-social img {
max-width: 1.25rem;
}
.footer__wrap {
padding: 0.75rem 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 0.5rem;
}
.footer__copy {
font-size: 0.875rem;
line-height: 130%;
color: #404040;
}
.footer__link {
font-size: 0.875rem;
line-height: 130%;
color: #404040;
-webkit-transition: color .3s;
transition: color .3s;
}
.footer__bottom {
background: #4f81e5;
}
.footer__logo {
text-align: center;
max-width: 97.5rem;
margin-left: auto;
margin-right: auto;
}
.footer__logo img {
max-width: 100%;
}
.menu-footer__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1rem 1.6875rem;
}
.menu-footer__link {
-webkit-transition: color .3s;
transition: color .3s;
font-size: 1.25rem;
color: #191919;
}
body::after {
content: "";
background-color: rgba(0, 0, 0, .7);
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
-webkit-transition: opacity .8s ease 0s;
transition: opacity .8s ease 0s;
pointer-events: none;
z-index: 149;
}
.popup-show body::after {
opacity: 1;
}
.popup {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 1.25rem;
-webkit-transition: visibility .8s ease 0s;
transition: visibility .8s ease 0s;
visibility: hidden;
pointer-events: none;
z-index: 9;
}
.popup_show {
z-index: 150;
visibility: visible;
overflow: auto;
pointer-events: auto;
}
.popup_show .popup__content {
visibility: visible;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.popup__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
}
.popup__content {
visibility: hidden;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform .3s ease 0s;
transition: -webkit-transform .3s ease 0s;
transition: transform .3s ease 0s;
transition: transform .3s ease 0s, -webkit-transform .3s ease 0s;
width: 100%;
max-width: 39.625rem;
background-color: #4f81e5;
border-radius: 0.625rem;
padding: 5.625rem;
}
.lock .popup__content {
visibility: visible;
}
.popup__close {
position: absolute;
cursor: pointer;
top: 2.5rem;
right: 2.5rem;
width: 2.875rem;
height: 2.875rem;
border-radius: 50%;
border: 0.0625rem solid #fff;
background-color: #00a218;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: background-color .3s;
transition: background-color .3s;
}
.popup__item {
margin-bottom: 1rem;
}
.popup__title {
font-weight: 600;
font-size: 2rem;
line-height: 110%;
text-align: center;
color: #f7f7f7;
}
.popup__title span:last-child {
display: none;
}
.popup__title:not(:last-child) {
margin-bottom: 1.875rem;
}
.popup__form {
display: -ms-grid;
display: grid;
gap: 1rem;
}
.popup__input {
width: 100%;
color: #e9f1ff;
background: rgba(255, 255, 255, .15);
border: 0.0625rem solid rgba(244, 248, 255, .6);
border-radius: 0.625rem;
padding: 0 1.25rem;
height: 2.8125rem;
-webkit-transition: border .3s;
transition: border .3s;
font-size: 1rem;
}
.popup__input:focus {
border: 0.0625rem solid #1cec00;
}
.popup__submit {
margin-top: 1.5rem;
cursor: pointer;
width: 100%;
font-weight: 500;
font-size: 1rem;
line-height: 110%;
text-transform: uppercase;
text-align: center;
color: #fff;
border-radius: 0.625rem;
padding: 0.625rem 0.9375rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 3.75rem;
background-color: #2ebe1a;
-webkit-transition: background-color .3s;
transition: background-color .3s;
}
.spollers {
max-width: 62.5625rem;
margin-left: auto;
margin-right: auto;
display: -ms-grid;
display: grid;
gap: 0.625rem;
}
.spollers__item {
background: #fff;
border: 0.0625rem solid #e2e7ed;
border-radius: 0.625rem;
overflow: hidden;
}
.spollers__title {
width: 100%;
cursor: pointer;
border-radius: 0.625rem;
text-align: left;
padding: 1.25rem 1.875rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 1.25rem;
-webkit-transition: background-color .5s;
transition: background-color .5s;
}
.spollers__title._spoller-active {
background-color: #4f81e5;
}
.spollers__value {
font-size: 1.5rem;
line-height: 130%;
color: #0c1014;
-webkit-transition: color .5s;
transition: color .5s;
}
._spoller-active .spollers__value {
color: #fff;
}
.spollers__arrow {
background: #fff;
border-radius: 50%;
border: 0.0625rem solid #2ebe1a;
-webkit-box-flex: 0;
-ms-flex: 0 0 3.0625rem;
flex: 0 0 3.0625rem;
width: 3.0625rem;
height: 3.0625rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all .5s;
transition: all .5s;
}
.spollers__arrow path {
-webkit-transition: stroke .5s;
transition: stroke .5s;
}
._spoller-active .spollers__arrow {
background-color: #2ebe1a;
border: 0.0625rem solid #fff;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
._spoller-active .spollers__arrow path {
stroke: #fff;
}
.spollers__body {
font-size: 1.125rem;
line-height: 130%;
color: #404040;
padding: 1.25rem 2.5rem 1.25rem 1.25rem;
}
.checkbox {
position: relative;
display: grid;
grid-template-columns: 1fr;
gap: 0 0.35rem;
cursor: pointer;
} .checkbox__text {
order: 1;
} .checkbox>.wpcf7-form-control-wrap {
order: 2;
display: flex;
flex-direction: column;
}
.checkbox:not(:last-child) {
margin-bottom: 0.3125rem;
}
.checkbox__input {
position: absolute;
width: 0;
height: 0;
opacity: 0;
}
.checkbox:has(input[type="checkbox"]:checked) .checkbox__text:before {
background: #2ebe1a url(//averdoc.pro/wp-content/themes/AverDoc/assets/img/checkbox.svg) center/100% 100% no-repeat;
}
.checkbox__text {
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
gap: 0.75rem;
} .wpcf7-list-item-label {
display: none !important;
} .checkbox:has(input[type="checkbox"]:checked) .checkbox__text :before {
background: #2ebe1a url(//averdoc.pro/wp-content/themes/AverDoc/assets/img/checkbox.svg) center/100% 100% no-repeat;
} .checkbox:has(.wpcf7-not-valid) .checkbox__text:before {
border-color: #ff3333 !important;
} .hero__input.wpcf7-not-valid {
border-color: #ff3333 !important;
}
.checkbox__text:before {
content: "";
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-box-flex: 0;
-ms-flex: 0 0 1.25rem;
flex: 0 0 1.25rem;
width: 1.25rem;
height: 1.25rem;
border: 0.0625rem solid #2ebe1a;
border-radius: 0.0625rem;
}
.checkbox__text {
font-size: 0.875rem;
line-height: 130%;
color: #fff;
max-width: 29.0625rem;
}
.checkbox__text a {
text-decoration: underline;
}
@media (min-width: 61.9375rem) {
.current .services__button {
background: #e4ffc7;
border: 0.0625rem solid #00a218;
}
.current .services__button::before {
color: #00a218;
border: 0.0625rem solid #00a218;
}
.current .services__button .services__caption {
color: #00a218;
}
.current .services__button .services__text {
color: #00a218;
}
}
@media (min-width: 75rem){
html {
font-size: 14px;
}
}
@media (min-width: 93.75rem) {
html {
font-size: clamp(10px, 3.33px + 0.555vw, 14px);
}
}
@media (max-width: 106.25rem) {
.promo__icon-1 {
left: 1%;
top: 5%;
}
.promo__icon-3 {
right: 2%;
}
}
@media (max-width: 100rem) {
.benefit__item {
gap: 0.5rem;
}
.expertise__title {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.expertise__item {
padding: 1.875rem 1rem;
}
.expertise__form {
-webkit-box-flex: 0;
-ms-flex: 0 0 28.125rem;
flex: 0 0 28.125rem;
}
.form {
padding: 2.5rem;
}
.lead-cta__form {
-webkit-box-flex: 0;
-ms-flex: 0 0 28.125rem;
flex: 0 0 28.125rem;
}
}
@media (max-width: 93.75rem) {
.services__caption {
font-size: 1.35rem;
}
.services__button {
padding: 1rem;
}
.services__text {
font-size: 1rem;
}
.expertise__title {
margin-bottom: 2rem;
}
.services__box {
top: 7.65rem;
}
.footer__logo {
max-width: 72.5rem;
}
.about__image {
left: -20rem;
}
.about__body {
gap: 1rem;
}
.about__box {
padding: 1rem;
}
.promo__icon-1 {
top: 0;
width: 6rem;
}
.promo__icon-1 img {
max-width: 100%;
}
.promo__icon-3 {
top: 60%;
width: 6rem;
}
.promo__icon-3 img {
max-width: 100%;
}
.changes__text {
font-size: 1.1rem;
}
.changes__icon {
flex: 0 0 7rem;
height: 7rem;
}
.menu__list {
gap: 0.625rem 3.75rem;
}
.benefit__item {
gap: 0.6rem;
}
.benefit__block {
padding: 2rem;
}
.advantages__item {
padding: 1rem;
}
.advantages__text {
font-size: 1.3rem;
}
.hero__items {
gap: 0.4rem;
}
.hero__title {
font-size: 3.5rem;
}
.hero__items:not(:last-child) {
margin-bottom: 1.25rem;
}
.hero__sub-title {
font-size: 2rem;
}
.hero__item {
font-size: 1rem;
padding: 1rem;
}
[class*=__container] {
max-width: 75rem;
}
.hero {
padding-top: 7.5rem;
padding-bottom: 3.125rem;
}
.hero__items:not(:last-child) {
margin-bottom: 1.25rem;
}
.hero__media {
margin-left: -1.875rem;
}
.expertise__body {
display: -ms-grid;
display: grid;
gap: 2.5rem 1.25rem;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.expertise__title {
-ms-grid-column-span: 2;
grid-column: span 2;
text-align: center;
}
.changes__top {
padding: 0.625rem;
}
.changes__row {
padding: 0.625rem;
}
.trust__box {
padding: 1.25rem;
}
.benefit__text {
font-size: 1.625rem;
}
.benefit__price {
font-size: 3.125rem;
}
.benefit__desc {
font-size: 1.3125rem;
max-width: 18.75rem;
}
.expertise__body {
gap: 1.25rem;
}
.expertise__text {
gap: 0.75rem;
}
.expertise__text:not(:last-child) {
margin-bottom: 0.75rem;
}
.changes__container {
padding: 0;
}
.changes__block {
border-radius: 0;
padding: 2.5rem 1.25rem;
border: none;
}
.lead-cta__body {
gap: 1.25rem;
}
.services__container {
padding: 0;
}
.services__block {
border-radius: 0;
padding: 2.5rem 1.25rem;
border: none;
}
.trust__block {
padding: 1.875rem;
}
.faq__container {
padding: 0;
}
.faq__block {
border-radius: 0;
padding: 2.5rem 1.25rem;
border: none;
}
}
@media (max-width: 81.25rem) {
.benefit__block {
padding: 1.875rem 0.625rem;
}
}
@media (max-width: 75rem) {
.expertise__title {
margin-bottom: 0;
}
.title {
font-size: 2.75rem;
}
.menu {
overflow: auto;
background-color: #fff;
position: fixed;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 2.5rem;
top: -100%;
left: 0;
width: 100%;
height: 100%;
padding: 6.25rem 1.25rem 3.75rem 1.25rem;
text-align: center;
-webkit-transition: top .5s ease;
transition: top .5s ease;
}
.menu-open .menu {
top: 0;
}
.menu__list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2.5rem;
}
.menu__link {
font-size: 1.375rem;
}
.burger-menu {
display: block;
width: 3rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 3rem;
flex: 0 0 3rem;
height: 3rem;
border-radius: 50%;
position: relative;
z-index: 8;
background-color: #2ebe1a;
}
.burger-menu::before,
.burger-menu::after,
.burger-menu span {
display: block;
position: absolute;
height: 0.125rem;
width: 1.875rem;
background-color: #fff;
-webkit-transition: all .5s;
transition: all .5s;
left: 50%;
}
.burger-menu::before {
content: "";
top: 1.125rem;
-webkit-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
.burger-menu::after {
content: "";
bottom: 1.125rem;
-webkit-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
.burger-menu span {
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.header {
padding: 0.6875rem 0;
}
.header::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: -100%;
left: 0;
-webkit-transition: top .5s ease 0s;
transition: top .5s ease 0s;
background-color: #fff;
z-index: 7;
}
.menu-open .header::before {
top: 0;
}
.hero__title {
font-size: 2.875rem;
}
.hero__sub-title {
font-size: 1.875rem;
}
.hero__items {
gap: 0.625rem;
}
.hero__item {
font-size: 1.125rem;
padding: 0.5rem 0.75rem;
}
.hero__form {
padding: 1.25rem;
}
.hero__row {
gap: 0.625rem;
}
.hero__row:not(:last-child) {
margin-bottom: 0.625rem;
}
.advantages {
margin: 3.125rem 0;
}
.advantages__title {
font-size: 1.875rem;
}
.advantages__title {
font-size: 1.75rem;
}
.advantages__title:not(:last-child) {
margin-bottom: 1rem;
}
.advantages__icon:not(:last-child) {
margin-bottom: 1rem;
}
.advantages__text {
font-size: 1.3125rem;
}
.benefit {
padding-bottom: 3.125rem;
}
.benefit__body {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
max-width: 25rem;
margin-left: auto;
margin-right: auto;
}
.expertise {
padding: 3.125rem 0;
}
.expertise__text p:last-child {
font-size: 1.125rem;
}
.expertise__items {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 0.5rem;
}
.form__title {
font-size: 1.625rem;
}
.changes {
padding: 3.125rem 0;
}
.changes__top:not(:last-child) {
margin-bottom: 0.625rem;
}
.changes__caption {
font-size: 1.625rem;
padding: 0.875rem;
}
.changes__item {
padding: 0.625rem;
}
.changes__icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 6.875rem;
flex: 0 0 6.875rem;
height: 6.875rem;
}
.changes__text {
font-size: 1rem;
}
.lead-cta {
padding-bottom: 3.125rem;
}
.lead-cta__quote-text:not(:last-child) {
margin-bottom: 0.75rem;
}
.lead-cta__info {
font-size: 1.25rem;
max-width: 17.5rem;
}
.services {
padding-bottom: 3.125rem;
}
.services__items {
-webkit-box-flex: 0;
-ms-flex: 0 0 43.2917316693%;
flex: 0 0 43.2917316693%;
}
.services__button {
gap: 0.5rem;
}
.services__button:before {
width: 1.875rem;
height: 1.875rem;
font-size: 1rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 1.875rem;
flex: 0 0 1.875rem;
}
.services__caption {
font-size: 1.375rem;
}
.services__box {
padding: 1.875rem 1.25rem;
top: 4.5rem;
}
.promo {
padding-bottom: 3.125rem;
}
.promo__block {
padding: 2.5rem 0.625rem;
}
.promo__title {
max-width: 56.25rem;
}
.promo__icon-1 {
left: 2%;
max-width: 2.5rem;
}
.promo__icon-1 img {
max-width: 100%;
}
.promo__icon-2 {
max-width: 2.5rem;
}
.promo__icon-2 img {
max-width: 100%;
}
.promo__icon-3 {
max-width: 2.5rem;
right: 4%;
top: 5%;
}
.promo__icon-3 img {
max-width: 100%;
}
.about__container {
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}
.about__box {
padding: 1.25rem;
}
.about__icon:not(:last-child) {
margin-bottom: 1rem;
}
.about__caption {
font-size: 1.5rem;
}
.about__caption:not(:last-child) {
margin-bottom: 1rem;
}
.trust {
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}
.trust__title:not(:last-child) {
margin-bottom: 1.25rem;
}
.trust__wrap:not(:last-child) {
margin-bottom: 1.25rem;
}
.trust__body {
gap: 0.75rem;
}
.trust__caption {
font-size: 1.75rem;
}
.trust__caption:not(:last-child) {
margin-bottom: 0.75rem;
}
.trust__text {
font-size: 1.3125rem;
}
.trust__form {
padding: 1.875rem 1.25rem;
}
.trust__heading {
font-size: 1.625rem;
}
.trust__heading:not(:last-child) {
margin-bottom: 1.25rem;
}
.trust__row {
gap: 0.5rem;
}
.faq {
padding-bottom: 3.125rem;
}
.faq__title:not(:last-child) {
margin-bottom: 1.25rem;
}
.popup__title:not(:last-child) {
margin-bottom: 1.25rem;
}
.popup__form {
gap: 0.5rem;
}
.popup__submit {
margin-top: 0.8rem;
}
.popup__item {
margin-bottom: 0.5rem;
}
.spollers {
gap: 0.5rem;
}
.spollers__value {
font-size: 1.3125rem;
}
.spollers__body {
font-size: 1.0625rem;
}
}
@media (max-width: 61.9375rem) {
.changes__icon img {
max-width: 1.5rem;
max-height: 1.5rem;
}
.title {
font-size: 1.75rem;
}
.menu__content {
display: block;
}
.menu__button {
width: 100%;
}
.header__content {
display: none;
}
.hero__content {
max-width: 100%;
}
.hero__title {
font-size: 2rem;
text-align: center;
}
.hero__sub-title {
font-size: 1.5rem;
text-align: center;
}
.hero__sub-title:not(:last-child) {
margin-bottom: 0;
}
.hero__items {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 0.5rem;
max-width: 100%;
}
.hero__form {
max-width: 100%;
min-height: 21.875rem;
}
.hero__row {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 0.5rem;
}
.hero__block {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.75rem;
}
.hero__submit {
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: 100%;
}
.hero__media {
margin-right: 0;
margin-left: 0;
}
.hero__media--pc {
display: none;
}
.hero__media--mobile {
display: block;
}
.advantages__body {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.advantages__title {
font-size: 1.5rem;
}
.advantages__text {
font-size: 1.125rem;
}
.benefit__title:not(:last-child) {
margin-bottom: 1.25rem;
}
.benefit__body {
gap: 0.75rem;
max-width: 21.875rem;
}
.benefit__text {
font-size: 1.25rem;
}
.benefit__price {
font-size: 2.25rem;
}
.benefit__price br {
display: none;
}
.benefit__desc {
font-size: 1.125rem;
max-width: 16.875rem;
}
.expertise__body {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 1.25rem;
}
.expertise__title {
-ms-grid-column-span: 1;
grid-column: span 1;
}
.expertise__text {
font-size: 1.25rem;
}
.expertise__form {
margin-top: -0.5rem;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.form {
padding: 1.875rem 1.25rem;
}
.form__title {
font-size: 1.25rem;
}
.form__title:not(:last-child) {
margin-bottom: 1.25rem;
}
.form__body {
gap: 0.5rem;
}
.form__body:not(:last-child) {
margin-bottom: 0.75rem;
}
.changes__block {
padding: 1.25rem;
}
.changes__title:not(:last-child) {
margin-bottom: 0.75rem;
}
.changes__top {
display: none;
}
.changes__body {
gap: 0.75rem;
}
.changes__row {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 0.5rem;
border: 0.0625rem solid #e2e7ed;
}
.changes__item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.25rem;
border: 0;
border-radius: 0;
padding: 0;
}
.changes__icon {
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: 100%;
height: 2.25rem;
}
.changes__icon span {
display: block;
font-weight: 600;
font-size: 1.125rem;
line-height: 110%;
color: #00adff;
}
.changes__text {
text-align: center;
}
.changes__image {
margin-top: 0.25rem;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: 100%;
aspect-ratio: 330/100;
}
.lead-cta__body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.75rem;
}
.lead-cta__avatar {
width: 3.75rem;
height: 3.75rem;
}
.lead-cta__info {
font-size: 1.125rem;
max-width: 15.625rem;
}
.lead-cta__form {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.services__block {
padding: 1.25rem;
}
.services__title:not(:last-child) {
margin-bottom: 1.25rem;
}
.services__body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.services__items {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.services__button:before {
font-size: 0.8125rem;
width: 1.5rem;
height: 1.5rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 1.5rem;
flex: 0 0 1.5rem;
}
.services__caption {
font-size: 1.25rem;
}
.services__content {
padding: 1.125rem 0.625rem;
background-color: #fff;
border: 0.0625rem solid #e2e7ed;
border-radius: 0.1875rem;
margin-top: 0.25rem;
}
.services__content img {
max-width: 100%;
border-radius: 0.125rem;
display: block;
}
.services__column {
display: none;
}
.about__image {
display: none;
}
.about__body {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.trust__block {
background-color: rgba(0, 0, 0, 0);
border: none;
padding: 0;
}
.trust__wrap {
border: 0.0625rem solid #e2e7ed;
border-radius: 1.25rem;
padding: 1.875rem;
background: #f5f5f5;
}
.trust__body {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.trust__caption {
font-size: 1.5rem;
}
.trust__text {
font-size: 1.125rem;
}
.trust__heading {
font-size: 1.25rem;
}
.trust__heading span {
display: none;
}
.trust__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.trust__item {
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: 100%;
}
.trust__submit {
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: 100%;
}
.faq__block {
padding: 0 1.25rem;
background-color: rgba(0, 0, 0, 0);
}
.faq__title:not(:last-child) {
margin-bottom: 0.75rem;
}
.footer__body {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer__content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.75rem;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.footer__button {
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: 100%;
}
.footer__social {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.footer__wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer__copy {
text-align: center;
}
.footer__link {
text-align: center;
}
.menu-footer__list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.menu-footer__link {
text-align: center;
}
.popup__content {
padding: 4.125rem 1.25rem 1.875rem 1.25rem;
}
.popup__close {
top: 1.25rem;
right: 1.25rem;
}
.popup__title span:last-child {
display: block;
}
.popup__title {
font-size: 1.25rem;
}
.popup__title span:first-child {
display: none;
}
.spollers__title {
padding: 0.75rem;
}
.spollers__value {
font-size: 1.125rem;
}
.spollers__body {
font-size: 1rem;
padding: 0.75rem 1.5rem 0.75rem 0.75rem;
}
.checkbox__text {
max-width: 100%;
}
}
@media (max-width: 36rem) {
.changes__image {
aspect-ratio: 330/148;
}
}
@media (max-width: 23.75rem) {
.benefit__item {
padding: 0.625rem 1.875rem;
}
}
@media (any-hover: hover) {
.menu__link:hover {
color: #1cec00;
}
.menu__link-social:hover {
background-color: #1cec00;
}
.menu__button:hover {
background-color: #1cec00;
}
.header__link:hover {
background-color: #1cec00;
}
.header__button:hover {
background-color: #1cec00;
}
.hero__submit:hover {
background-color: #1cec00;
}
.form__submit:hover {
background-color: #1cec00;
}
.services__button:hover {
background: #e4ffc7;
border: 0.0625rem solid #00a218;
}
.services__button:hover::before {
color: #00a218;
border: 0.0625rem solid #00a218;
}
.services__button:hover .services__caption {
color: #00a218;
}
.services__button:hover .services__text {
color: #00a218;
}
.trust__submit:hover {
background-color: #1cec00;
}
.footer__button:hover {
background-color: #1cec00;
}
.footer__link-social:hover {
background-color: #1cec00;
}
.footer__link:hover {
color: #1cec00;
}
.menu-footer__link:hover {
color: #1cec00;
}
.popup__close:hover {
background-color: #1cec00;
}
.popup__submit:hover {
background-color: #1cec00;
}
.spollers__title:hover {
background-color: #4f81e5;
}
.spollers__title:hover .spollers__value {
color: #fff;
}
.checkbox__text a:hover {
text-decoration: none;
}
} body.admin-bar .header {
margin-top: 32px !important;
}
@media screen and (max-width: 782px) {
body.admin-bar .header {
margin-top: 46px !important;
}
}