@charset "UTF-8";
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
main {
display: block;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: rgba(0, 0, 0, 0);
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}
:root {
--font-main: "GothamPro-italic", sans-serif;
--font-title: "Raleway", sans-serif;
--bg: #fff;
--red: red;
--item: #f9f9f9;
--dark: #202020;
--title: rgba(0, 0, 0, 0.3);
--blue: #0c131f;
}
@font-face {
font-family: "GothamPro-italic",
sans-serif;
src: url(//restolead.ru/wp-content/themes/dg-rest/assets/fonts/GothamPro-italic.woff2) format("woff2"),
url(//restolead.ru/wp-content/themes/dg-rest/assets/fonts/GothamPro-italic.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "GothamPro-Medium", sans-serif;
src: url(//restolead.ru/wp-content/themes/dg-rest/assets/fonts/GothamPro-Medium.woff2) format("woff2"),
url(//restolead.ru/wp-content/themes/dg-rest/assets/fonts/GothamPro-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "GothamPro-Bold", sans-serif;
src: url(//restolead.ru/wp-content/themes/dg-rest/assets/fonts/GothamPro-Bold.woff2) format("woff2"),
url(//restolead.ru/wp-content/themes/dg-rest/assets/fonts/GothamPro-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
html,
body {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
padding: 0;
margin: 0;
}
*:hover {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
color: inherit;
font-weight: normal;
}
a {
display: inline-block;
text-decoration: none;
color: inherit;
}
ul,
li,
b {
list-style: none;
margin: 0;
padding: 0;
font-weight: normal;
}
textarea,
button,
select {
padding: 0;
cursor: pointer;
background-color: rgba(0, 0, 0, 0);
border: none;
outline: none;
font-family: inherit;
color: inherit;
-webkit-appearance: none;
-moz-appearance: none;
} p {
margin: 0;
}
input {
all: unset;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
button {
padding: 0;
border: none;
font: inherit;
color: inherit;
background-color: rgba(0, 0, 0, 0);
}
body {
font-family: "GothamPro-italic",
sans-serif;;
line-height: 24px;
font-weight: 400;
font-size: 16px;
background: var(--bg);
color: var(--dark);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
main {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.container {
padding: 0 30px;
max-width: 1260px;
margin: 0 auto;
}
.fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
background: var(--blue);
}
.btn {
padding: 20px;
font-size: 20px;
font-weight: 700;
border-radius: 10px;
}
.off_text {
padding: 120px 0;
}
.off_text-p {
margin-bottom: 40px;
}
.menuToggle {
display: block;
position: relative;
top: 0px;
z-index: 1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.menuToggle a {
text-decoration: none;
color: #232323;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.menuToggle a:hover {
color: tomato;
}
.menuToggle .input {
display: block;
width: 40px;
height: 32px;
position: absolute;
top: -7px;
cursor: pointer;
opacity: 0;
z-index: 2;
-webkit-touch-callout: none;
}
.menuToggle span {
position: relative;
display: block;
width: 33px;
height: 4px;
margin-bottom: 5px;
position: relative;
background: var(--bg);
border-radius: 3px;
z-index: 1;
-webkit-transform-origin: 4px 0px;
-ms-transform-origin: 4px 0px;
transform-origin: 4px 0px;
-webkit-transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease,
-webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}
.menuToggle span:first-child {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
.menuToggle span:nth-last-child(2) {
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.menuToggle .input:checked ~ span {
opacity: 1;
-webkit-transform: rotate(45deg) translate(-2px, -1px);
-ms-transform: rotate(45deg) translate(-2px, -1px);
transform: rotate(45deg) translate(-2px, -1px);
background: #232323;
}
.menuToggle .input:checked ~ span:nth-last-child(3) {
opacity: 0;
-webkit-transform: rotate(0deg) scale(0.2, 0.2);
-ms-transform: rotate(0deg) scale(0.2, 0.2);
transform: rotate(0deg) scale(0.2, 0.2);
}
.menuToggle .input:checked ~ span:nth-last-child(2) {
-webkit-transform: rotate(-45deg) translate(0, -1px);
-ms-transform: rotate(-45deg) translate(0, -1px);
transform: rotate(-45deg) translate(0, -1px);
}
.menuToggle .input:checked ~ .menuItem {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.menuItem {
color: var(--dark);
position: absolute;
height: 120vh;
min-width: 70vh;
padding: 50px;
padding-top: 125px;
background: #ededed;
list-style-type: none;
-webkit-font-smoothing: antialiased;
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
transition: -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
-webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}
.menuItem li {
padding: 10px 0;
font-size: 22px;
}
.menu--left {
position: relative;
display: none;
}
.menu--left .menuToggle {
left: -50px;
}
.menu--left .menuToggle .input {
left: 50px;
}
.menu--left .menuToggle span {
left: 50px;
}
.menu--left .menuItem {
left: 50px;
margin: -100px 0 0 -50px;
-webkit-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
transform: translate(-100%, 0);
}
.modal {
display: none;
position: fixed;
z-index: 320;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.8);
}
.modal__wrapper {
position: relative;
}
.modal__inner {
position: absolute;
width: max(320px, 50%);
border: 1px solid var(--dark);
background: var(--bg);
top: 100px;
left: 0;
right: 0;
margin: 0 auto;
padding: 40px;
}
.modal__title {
font-weight: 700;
margin-bottom: 20px;
padding-top: 50px;
}
.modal__text {
opacity: 0.8;
margin-bottom: 20px;
font-size: 10px;
line-height: 10px;
}
.modal__form {
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;
} .close::after {
position: absolute;
content: "+";
color: var(--red);
top: 20px;
right: 20px;
font-size: 35px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.back-to-top { color: var(--bg);
border-radius: 50%;
position: fixed;
bottom: -50px;
padding: 10px 12px;
right: 50px;
cursor: pointer;
-webkit-transition: 0.3s all;
transition: 0.3s all;
z-index: 10;
}
.back-to-top.active {
bottom: 50px;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.activ {
display: block;
}
.modal-input {
width: 280px;
padding: 10px 0;
border-bottom: 1px solid var(--red);
margin-bottom: 20px;
}
.modal-title {
font-size: 16px;
line-height: 21px;
padding-right: 10px;
font-weight: 700;
margin-bottom: 50px;
}
.cases__list-item-meta-data {
display: flex;
flex-wrap: wrap;
gap: 0 25px;
align-items: center;
}
.cases__list-item-meta-data-site.is-link {
border-bottom: 1.5px solid var(--color-dark-gray);
}
.cases__list-item-meta-data-site {
flex-basis: auto;
align-self: start;
color: var(--color-black);
font-size: 1.1111111111rem;
}
.cases__list-item-meta-data-region {
--icon-parent-translate-y: 1px;
display: flex;
flex-basis: 60%;
flex-grow: 1;
align-items: center;
}
.cases__list-item-meta-data-descriptor {
flex-basis: 100%;
margin-bottom: 5px;
font-weight: 700;
font-size: 1.2em;
}
.cases__list-item {
display: grid;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
gap: 15px;
align-content: start;
padding: 15px;
border-radius: 10px;
background-color: #f9f9f9;
transition: .5s;
}
.cases__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px;
}
.cases__list-item-meta {
display: flex;
flex-direction: column;
gap: 25px;
}
.cases__list-item-img {
display: block;
width: 100%;
height: 200px;
margin: 0 auto;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-size: 100%;
border-radius: 5px;
overflow: hidden;
}
.cases__list-item-works {
display: grid;
gap: 16px;
max-width: var(--case-works-max-width, 100%);
margin: 0;
padding: 0;
padding-bottom: 20px;
list-style: none;
}
.cases__list-item-results {
--mark-stranslate-y: 8px;
display: grid;
gap: 16px;
}
.cases__list-item-works-title {
margin-bottom: 5px;
font-size: 1.2222222222rem;
font-weight: 700;
font-family: var(--font-additional);
}
.cases__list-item-works-item {
--icon-parent-bg-color: #7ad05d;
--icon-parent-border-radius: 50%;
--icon-parent-size: 24px;
--icon-size: 16px;
--icon-parent-translate-y: 2px;
display: flex;
gap: 15px;
align-items: center;
}
.icons.type\:checkbox-type-2:before {
--icon: url("data:image/svg+xml,%3csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 4.28008L2.75666 6.24744C3.57723 7.16642 5.02555 7.13213 5.80171 6.17535L10 1' stroke='white' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e");
background-color: var(--icon-bg-color, #fff);
}
.icons.type\:map-pin-2:before {
--icon: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.9974 17.5C12.9141 14.5 15.8307 11.8137 15.8307 8.5C15.8307 5.18629 13.2191 2.5 9.9974 2.5C6.77573 2.5 4.16406 5.18629 4.16406 8.5C4.16406 11.8137 7.08073 14.5 9.9974 17.5Z' stroke='%238A91C3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9.9974 10C10.9179 10 11.6641 9.25381 11.6641 8.33333C11.6641 7.41286 10.9179 6.66667 9.9974 6.66667C9.07692 6.66667 8.33073 7.41286 8.33073 8.33333C8.33073 9.25381 9.07692 10 9.9974 10Z' stroke='%238A91C3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
background-color: #8a91c3;
}
.icons:before {
content: "";
width: 16px;
height: 16px;
-webkit-mask: var(--icon) no-repeat center / contain;
mask: var(--icon) no-repeat center / contain;
}
.icons {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: var(--icon-parent-bg-color, none);
transform: translateY(2px);
}
.cases__list-item-results-title {
margin-bottom: 5px;
font-size: 1.2222222222rem;
font-weight: 700;
font-family: var(--font-additional);
}
.cases__list-item-results-list {
display: flex;
flex-wrap: wrap;
gap: 15px 30px;
margin: 0;
padding: 0;
list-style: none;
}
.cases__list-item-results-list-item {
display: grid;
gap: 5px;
}
.cases__list-item-results-list-item-text {
display: inline-flex;
gap: 10px;
align-items: start;
font-weight: 700;
}
.mark\:green {
--list-mark-color: #7ad05d;
}
.mark\:red {
--list-mark-color: #ff2a3e;
}
.mark:before {
content: "";
display: inline-flex;
flex-shrink: 0;
width: 8px;
height: 8px;
border-radius: 2px;
background-color: var(--list-mark-color, var(--color-black));
transform: translateY(var(--mark-stranslate-y, 0));
}
.director-quote {
width: 100%;
padding-right: 20px;
padding-left: 20px;
position: relative;
z-index: 1;
display: flex;
gap: 94px;
align-items: center;
margin-top: 50px;
}
.director-quote__text {
position: relative;
display: grid;
gap: 24px;
padding: 50px;
border-radius: 5px;
background-color: #f9f9f9;
line-height: 145%;
}
.director-quote__text:before {
content: "";
position: absolute;
top: 0;
left: -54px;
z-index: -1;
border-right: 0;
border-bottom: 70px solid transparent;
border-left: 120px solid #f9f9f9;
border-radius: 15px;
transform: rotate(-180deg) scaleY(-1);
}
.director-quote__text p {
margin-top: 0;
margin-bottom: 0;
}
.director-quote__text strong {
font-size: 1rem;
}
.director-quote__info-img {
position: relative;
width: 100%; margin-bottom: 25px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.director-quote__info {
flex-basis: 400px;
flex-shrink: 0;
} .director-quote__info-name {
position: relative;
z-index: 3;
margin-bottom: 10px;
font-size: 1.4444444444rem;
font-weight: 700;
}
.director-quote__info-img > img {
max-width: 100%;
}
.prices__wrapper {
display: flex;
gap: 60px;
}
.prices__banner {
flex-shrink: 0;
margin-bottom: 10px;
}
.prices__wrapper img {
max-width: 100%;
}
.prices__list {
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 8px;
column-gap: 24px;
}
.prices__list__item {
position: relative;
padding-left: 40px;
font-size: 16px;
}
.prices__list__item::before {
content: "";
position: absolute;
top: 2px;
left: 0px;
height: 30px;
width: 30px;
background-repeat: no-repeat;
background-image: url(https://contextlead.ru/wp-content/uploads/2024/10/checku.png);
position: absolute;
color: var(--red);
background-size: contain;
}
.footer__item-wrap {
position: relative;
z-index: 1;
}
@media (max-width: 750px) {
.modal__inner {
padding: 80px 20px 10px;
height: 500px;
}
.back-to-top.active {
right: 5px;
}
}
.header {
background-color: var(--blue);
position: absolute;
top: 0;
left: 0;
right: 0;
color: var(--bg);
z-index: 11;
}    .header__inner {
height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header__logo-inner { padding: 10px;
}
.header__logo {
background-size: contain;
}
.custom-logo {
width: 190px;
}
.header__logo-min {
width: 40px;
height: 40px;
background-size: contain;
margin-bottom: 20px;
}
.header__icons {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
gap: 7px;
}
.whatsapp {
background: #25d366;
}
.telegram {
background: #229ed9;
}
.mob {
background: var(--red);
}
.menu__bottom-list { border-radius: 5px;
padding: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
}
.header__lists ul a { }
.menu__bottom-list a:hover {
opacity: 1;
font-weight: 500;
}
.menu__bottom-list li {
transition: all 0.3s;
position: relative;
cursor: pointer;
}
.menu__bottom-list li:hover::before,
.menu__bottom-list li:focus::before {
width: 100%;
right: auto;
left: 0;
}
.menu__bottom-list li::before {
content: "";
position: absolute;
width: 0;
left: auto;
height: 2px;
background-color: var(--red);
bottom: -2px;
transition: all 0.3s;
right: 0;
z-index: 5;
}
.header__icon-link { border-radius: 5px;
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;
}
.header__icon {
width: 35px;
background-size: contain;
height: 35px;
}
.modal__title {
font-size: 32px;
font-weight: 700;
margin-bottom: 20px;
}
.modal__bitle {
font-size: 18px;
font-weight: 700;
}
.modal__form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
.modal__form-input {
padding: 10px 0;
border-bottom: 1px solid var(--red);
margin-bottom: 20px;
width: 320px;
}
.modal__btn {
width: 215px;
background: var(--red);
padding: 20px;
border-radius: 10px;
color: var(--bg);
font-weight: 700;
font-size: 18px;
margin-bottom: 20px;
}

.certificate {
padding-bottom: 80px;
background: var(--blue)
}
.certificate h2 {
color: #fff;
}
.certificate__items {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.certificate__item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
background: var(--item);
padding: 10px;
border-radius: 5px;
}
.certificate__item-img {
height: 150px;
}
.certificate__item-title {
margin-bottom: 20px;
font-size: 15px;
font-weight: 700;
}
.certificate__item-text {
margin-bottom: 20px;
}
@media (max-width: 900px) {
.cases__list {
grid-template-columns: repeat(2, 1fr);
}
.certificate__items {
grid-template-columns: 1fr;
}
.about__items {
flex-direction: column;
}
}
@media (max-width: 500px) {
.certificate__items {
grid-template-columns: repeat(4, 1fr);
overflow-y: hidden;
}
.certificate__items::-webkit-scrollbar {
display: none;
-ms-overflow-style: none; scrollbar-width: none; }
.certificate__item {
grid-template-columns: 1fr;
width: 250px;
padding: 20px;
}
}
@media (max-width: 700px) {
.container {
padding: 0 15px;
}
.menu--left {
display: block;
}
.header__logo,
.custom-logo-link,
.header__nav {
display: none;
}
.prices__list__item::before {
top: 50%;
transform: translateY(-50%);
}
}
.footer {
background: var(--blue);
color: var(--bg);
position: relative;
overflow: hidden;
}
.footer-overlay {
overflow: hidden;
}
.footer-overlay:before {
content: "";
position: absolute;
background-image: url(https://contextlead.ru/wp-content/uploads/2024/10/left.png);
width: 100%;
height: 240px;
background-size: contain;
background-repeat: no-repeat;
background-position: top center;
top: 0;
left: 140px;
z-index: 8;
}
.footer-overlay:after {
content: "";
position: absolute;
background-image: url(https://contextlead.ru/wp-content/uploads/2024/10/left.png);
width: 100%;
height: 350px;
bottom: 0;
background-size: contain;
background-repeat: no-repeat;
background-position: bottom right;
z-index: 0;
}
.footer__inner {
padding: 80px 0 0px;
display: -ms-grid;
display: grid;
-ms-grid-columns: 2fr;
grid-template-columns: 2fr 2fr;
gap: 10px;
margin-bottom: 40px;
}
.footer__items {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.footer__item-title {
margin-bottom: 20px;
padding: 5px 10px;
display: inline-block;
border: 1px solid var(--bg);
border-radius: 10px;
opacity: 0.8;
}
.footer__item-lists {
padding-left: 5px;
font-size: 18px;
}
.footer__item-lists li {
margin-bottom: 5px;
}
.footer__item-phone {
display: block;
font-size: 54px;
line-height: 54px;
margin-bottom: 20px;
border-bottom: 1px solid var(--bg);
max-width: 500px;
padding-top: 40px;
padding-bottom: 10px;
}
.footer__doc {
margin-bottom: 40px;
}
.footer__item-btn {
padding: 20px 40px;
background: var(--bg);
color: var(--dark);
border-radius: 10px;
margin-bottom: 30px;
font-size: 20px;
font-weight: 500;
margin-left: 5px;
}
.footer__copy {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 40px;
position: relative;
z-index: 1;
}
@media (max-width: 1200px) {
.prices__wrapper {
gap: 30px;
}
.prices__list {
column-gap: 24px;
}
}
@media (max-width: 1021px) {
.footer__inner {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
position: relative;
z-index: 1;
}
.footer__items {
-ms-grid-columns: 1fr [3];
grid-template-columns: repeat(3, 1fr);
}
.footer__item-wrap {
display: -ms-grid;
display: grid;
-ms-grid-columns: 2fr 1fr;
grid-template-columns: 2fr 1fr;
}
.footer__item-phone {
padding-top: 0;
}
.footer__item-btn {
position: absolute;
bottom: 130px;
}
.footer__item:last-child {
padding-top: 55px;
}
.director-quote {
flex-direction: column;
gap: 70px;
margin-bottom: 50px;
padding-right: 15px;
padding-left: 15px;
}
.director-quote__info {
flex-basis: auto;
width: 100%;
}
.director-quote__info-img {
width: 100%;
margin-bottom: 16px;
}
.director-quote__info-img:before {
width: 100%;
}
.prices__wrapper {
align-items: flex-start;
}
.prices__banner {
flex-shrink: 1;
}
}
@media (max-width: 711px) {
.footer__item-wrap {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.footer__item-btn {
position: unset;
}
.footer__item:last-child {
position: absolute;
bottom: 10px;
left: -5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: clamp(400px, 50%, 700px);
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.footer__copy {
gap: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer__items {
-ms-grid-columns: 1fr [2];
grid-template-columns: repeat(2, 1fr);
}
.director-quote {
gap: 24px;
}
.director-quote__text {
gap: 16px;
padding: 20px 20px 65px;
border-radius: 16px;
font-size: .8333333333rem;
line-height: 135%;
}
.director-quote__info-name {
margin-bottom: 4px;
font-size: 1.1111111111rem;
}
.director-quote__info-post {
font-size: .8333333333rem;
}
.director-quote__text:before {
display: none;
}
.prices__wrapper {
flex-direction: column;
}
}
@media (max-width: 460px) {
.footer__item:last-child {
bottom: -40px;
width: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.footer__item-lists {
padding-bottom: 10px;
}
.footer__inner {
padding: 80px 0 140px;
}
.footer__item-phone {
font-size: 38px;
}
.footer__item-lists {
font-size: 16px;
}
.director-quote__info-img {
height: 320px;
}
.prices__list {
grid-template-columns: 1fr;
row-gap: 15px;
}
.prices__wrapper {
gap: 10px;
}
}
@media (max-width: 375px) {
.footer__item-phone {
font-size: 34px;
}
.footer__item-lists {
font-size: 14px;
}
}
.banner {
background: var(--blue);
padding: 150px 0 45px;
color: var(--bg);
position: relative;
overflow: hidden;
}
.banner__inner {
position: relative;
z-index: 10;
}
.banner:before {
content: "";
position: absolute;
background-image: url(https://contextlead.ru/wp-content/uploads/2024/10/top.png);
width: 100%;
height: 240px;
background-size: contain;
background-repeat: no-repeat;
background-position: top center;
top: 0;
left: 140px;
}
.banner:after {
content: "";
position: absolute;
background-image: url(https://contextlead.ru/wp-content/uploads/2024/10/left.png);
width: 100%;
height: 350px;
bottom: 0;
background-size: contain;
background-repeat: no-repeat;
background-position: bottom right;
z-index: 0;
}
.footer:before {
content: "";
position: absolute;
background-image: url(https://contextlead.ru/wp-content/uploads/2024/10/top.png);
width: 100%;
height: 221px;
max-width: 100%;
background-repeat: no-repeat;
background-position: bottom center;
bottom: 0;
transform: rotate(180deg);
}
.footer:after {
content: "";
position: absolute;
background-image: url(https://contextlead.ru/wp-content/uploads/2024/10/left.png);
width: 398px;
height: 390px;
top: 4px;
right: -1px;
background-size: cover;
background-repeat: no-repeat;
background-position: bottom right;
z-index: 0;
transform: rotate(270deg);
}
.banner__logo-img {
width: 200px;
display: none;
}
.banner__title {
width: max(300px, 50%);
font-size: 34px;
line-height: 34px;
font-weight: 700;
margin-bottom: 20px;
}
.banner__title p {
border: 1px solid var(--red);
border-radius: 12px;
text-align: center;
padding: 4px;
}
.banner__text {
width: max(300px, 50%);
margin-bottom: 95px;
font-size: 18px;
}
.banner__form {
width: max(300px, 100%);
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr [3];
grid-template-columns: repeat(3, 1fr);
padding-top: 20px;
margin-bottom: 20px;
gap: 20px;
position: relative;
z-index: 10;
}
.banner__input {
border-bottom: 1px solid var(--bg);
margin-right: 10px;
opacity: 0.7;
}
.banner__input::-webkit-input-placeholder {
color: var(--bg);
}
.banner__input::-moz-placeholder {
color: var(--bg);
}
.banner__input:-ms-input-placeholder {
color: var(--bg);
}
.banner__input::-ms-input-placeholder {
color: var(--bg);
}
.banner__input::placeholder {
color: var(--bg);
}
.banner__btn {
padding: 20px;
background: var(--red);
border-radius: 10px;
}
.banner__text-bottom {
padding-top: 10px;
font-size: 14px;
}
@media (max-width: 840px) {
.banner__form {
width: auto;
}
}
@media (max-width: 710px) {
.banner__form {
-ms-grid-columns: 1fr [2];
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 450px) {
.banner__form {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
margin-bottom: 25px;
}
.banner {
padding: 125px 0 40px;
}
.banner__logo-img {
width: 300px;
display: block;
margin-bottom: 10px;
}
.banner__title p {
font-size: 17px;
border: 1px solid var(--red);
border-radius: 12px;
text-align: center;
padding: 4px;
}
.banner__btn {
padding: 20px;
font-size: 20px;
font-weight: 700;
}
.banner__title {
margin-bottom: 50px;
}
.banner__input {
opacity: 0.7;
margin-bottom: 20px;
}
.banner__text-bottom {
font-size: 11px;
}
.banner__text {
margin-bottom: 65px;
}
}
.title {
font-size: 23px;
line-height: 26px;
font-weight: 700;
margin-bottom: 40px;
}
.about {
padding: 80px 0;
}
.about__inner {
-ms-grid-columns: 1.4fr 1fr;
grid-template-columns: 1.4fr 1fr;
gap: 80px;
}
.about__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.about__info-title {
font-size: 32px;
line-height: 32px;
}
.about__info-btn {
background: var(--red);
padding: 20px;
color: var(--bg); min-width: 400px;
margin-top: 50px;
}
.about__items {
display: flex;
gap: 25px;
}
.title_about {
margin: 0;
color: var(--red);
font-size: 24px;
font-weight: 700;
}
.about__info-text {
margin: 25px 0 50px;
}
.about__item {
padding: 20px;
position: relative;
flex-basis: calc(100% / 3);
border-radius: 5px;
box-shadow: 3px 7px 3px 1px #d4d4d4;
background: rgba(249, 249, 249, 1);
}
.about__item img {
display: block;
margin: 0 auto;
}
.about__item-text {
text-align: center;
}
.about__item::before,
.about__item::after {
content: "";
content: url(//restolead.ru/wp-content/themes/dg-rest/assets/images/lor.svg);
position: absolute;
color: var(--red);
font-size: 22px;
display: none;
}
.about__item::before {
top: 0;
left: 0;
}
.about__item::after {
top: 0;
right: 0;
}
.about__item-title {
font-size: 32px;
text-align: center;
line-height: 32px;
margin-bottom: 20px;
font-weight: 700;
position: relative;
}
.about__item-title:before {
content: "";
position: absolute;
height: 2px;
background: rgba(212, 38, 25, 1);
width: 160px;
bottom: -11px;
left: 50%;
transform: translateX(-50%);
}
@media (max-width: 700px) {
.about {
padding-bottom: 105px;
}
.cases__list {
display: flex;
grid-template-columns: 1fr;
overflow-y: hidden;
}
.cases__list-item {
min-width: calc(100svw - 30px);
}
.about__inner {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 40px;
position: relative;
margin-bottom: 50px;
}
.about__info-btn {
left: 0;
right: 0;
margin: auto;
position: absolute;
bottom: -100px;
width: 100%;
min-width: 100%;
}
}
.clients {
padding: 80px 0;
}
.clients__items {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr [5];
grid-template-columns: repeat(5, 1fr);
gap: 30px;
padding-top: 20px;
}
.clients__item {
padding: 20px 0;
text-align: center;
border-radius: 5px;
background: var(--item);
height: 100px;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.tasks {
padding: 80px 0;
background: var(--blue);
color: var(--bg);
}
.tasks__title {
font-size: 32px;
line-height: 32px;
width: max(300px, 60%);
margin-bottom: 20px;
}
.tasks__text {
width: max(300px, 50%);
margin-bottom: 20px;
}
.tasks__items {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-bottom: 40px;
}
.tasks__btn {
display: none;
}
.tasks__subtext {
width: max(300px, 50%);
margin-bottom: 20px;
}
.tasks__lists {
counter-reset: num;
}
.tasks__list {
padding: 20px 0;
border-bottom: 1px solid #9c9494;
position: relative;
}
.tasks__list-title {
font-size: 24px;
margin-bottom: 20px;
}
.tasks__list-title span {
color: var(--red)
}
.tasks__list-text {
opacity: 0.7;
} @media (max-width: 720px) {
.tasks__items {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 20px;
}
.tasks__item-img {
max-width: 300px;
}
.about__item-title {
font-size: 26px;
}
.tasks__btn {
display: block;
background: var(--red);
padding: 20px;
color: var(--bg); width: 100%;
}
.tasks__subtext {
margin-bottom: 40px;
}
.tasks__title,
.tasks__subtext,
.tasks__text {
width: auto;
}
}
.price {
padding: 80px 0;
}
.price__title {
font-size: 32px;
line-height: 32px;
width: max(300px, 60%);
margin-bottom: 20px;
}
.price__items {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr [3];
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.price__item {
background: var(--item);
padding: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.price__item h3 {
font-size: 18px;
font-weight: 700;
}
.price__lists {
counter-reset: num;
}
.price__lists li {
margin-bottom: 10px;
font-size: 14px;
}
.price__lists-title {
position: relative;
padding-left: 20px;
}
.price__lists-title::after {
counter-increment: num;
content: counter(num);
position: absolute;
color: var(--red);
font-size: 16px;
left: 5px;
top: -1px;
}
.price .slick-arrow {
position: absolute;
bottom: -60px;
margin: -20px 0px 0px 0px;
z-index: 10;
font-size: 0;
width: 40px;
height: 40px;
}
.price .slick-arrow.slick-prev {
left: 0;
background: url(//restolead.ru/wp-content/themes/dg-rest/assets/images/left-arrow.svg) 0 0/100% no-repeat;
}
.price .slick-arrow.slick-next {
right: 0;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
background: url(//restolead.ru/wp-content/themes/dg-rest/assets/images/left-arrow.svg) 0 0/100% no-repeat;
}
.price .slick-arrow.slick-disabled {
opacity: 0.2;
}
.price .slick-list {
margin: 0 -15px;
}
.price .slick-slide {
margin: 0 15px;
}
.price__item img {
max-width: 100%;
}
@media (max-width: 750px) {
.price__items {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 20px;
}
}
.form {
padding-bottom: 80px;
}
.form__one {
background: var(--red);
color: var(--bg);
}
.form__one .form__question {
padding-top: 35px;
}
.form__text {
width: max(300px, 60%);
margin-bottom: 55px;
}
.form__question h3 { width: 100%; }
.form__question {
margin-top: 35px;
}
.form__question h3.title {
font-size: 16px;
line-height: 26px;
font-weight: 700;
margin-bottom: 40px;
}
.form__one .form__question h3.title {
font-size: 24px;
}
.form__btn {
background: var(--red);
color: var(--bg)
}
.form__input {
border-bottom: 1px solid var(--dark);
margin-right: 10px; }
.form__input::-webkit-input-placeholder {
color: var(--dark);
}
.form__input::-moz-placeholder {
color: var(--dark);
}
.form__input:-ms-input-placeholder {
color: var(--dark);
}
.form__input::-ms-input-placeholder {
color: var(--dark);
}
.form__input::placeholder {
color: var(--dark);
}
.form__content-form {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr [3];
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 20px;
}
.form__one .form__btn {
background-color: var(--bg);
color: var(--dark);
}
.form__one .form__input {
border-bottom: 1px solid var(--bg);
margin-right: 10px; }
.form__one .form__input::-webkit-input-placeholder {
color: var(--bg);
}
.form__one .form__input::-moz-placeholder {
color: var(--bg);
}
.form__one .form__input:-ms-input-placeholder {
color: var(--bg);
}
.form__one .form__input::-ms-input-placeholder {
color: var(--bg);
}
.form__one .form__input::placeholder {
color: var(--bg);
}
@media (max-width: 700px) {
.banner__titles {
margin-bottom: 60px;
font-size: 38px;
}
.form__content-form {
grid-template-columns: 1fr;
gap: 40px;
}
.form__question h3 {
width: auto;
}
.form__question {
margin-top: 0;
}
}
.accordions {
padding: 80px 0;
background: var(--blue);
color: var(--bg);
}
.accordions__inner {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr [2];
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.accordions__title {
font-size: 32px;
line-height: 32px;
width: max(300px, 60%);
margin-bottom: 20px;
}
.accordion {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px; }
.accordion .accordion-item {
border-bottom: 1px solid #9c9494;
}
.accordion .accordion-item .accordion-item-description-wrapper hr {
border: none;
visibility: visible;
}
.accordion .accordion-item.open .accordion-item-description-wrapper hr {
visibility: visible;
}
.accordion .accordion-item .accordion-item-header {
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;
padding: 10px 0;
cursor: pointer;
}
.accordion .accordion-item .accordion-item-header .accordion-item-header-title {
font-weight: 600;
}
.accordion .accordion-item .accordion-item-header .accordion-item-header-icon {
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.accordion
.accordion-item.open
.accordion-item-header
.accordion-item-header-icon {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
.accordion .accordion-item .accordion-item-description-wrapper {
display: -ms-grid;
display: grid;
-ms-grid-rows: 0fr;
grid-template-rows: 0fr;
overflow: hidden;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.accordion .accordion-item.open .accordion-item-description-wrapper {
-ms-grid-rows: 1fr;
grid-template-rows: 1fr;
}
.accordion
.accordion-item
.accordion-item-description-wrapper
.accordion-item-description {
min-height: 0;
}
.accordion
.accordion-item
.accordion-item-description-wrapper
.accordion-item-description
p {
padding: 10px 0;
line-height: 1.5;
}
@media (max-width: 800px) {
.clients__items {
grid-template-columns: repeat(auto-fill, minmax(186px, 1fr));
}
.accordions__inner {
grid-template-columns: 1fr;
}
}
@media (max-width: 550px) {
.accordions__inner {
gap: 0;
}
.clients__items {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.footer:after {
content: "";
position: absolute;
background-image: url(https://contextlead.ru/wp-content/uploads/2024/10/left.png);
width: 410px;
height: 390px;
right: -20%;
background-size: cover;
background-repeat: no-repeat;
background-position: bottom right;
z-index: 0;
transform: rotate(0);
bottom: -10%;
top: unset;
}
.footer:before {
display: none;
}
}
.cerm__rate {
padding-top: 80px;
margin-bottom: 80px
}
.cerm__rate-items {
display: grid;
grid-template-columns:1fr 1fr 1fr;
gap: 10px
}
.cerm__rate-item {
text-align: center;
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; background: #f9f9f9;
padding: 50px 10px 40px; border-top: 5px solid #fff;
border-radius: 8px
}
.cerm__rate-item img {
position: absolute;
color: #e41e26;
top: 22px;
left: 0;
right: 0;
margin: 0 auto;
font-size: 45px
}
.cerm__rate-item_title {
font-weight: 700;
font-size: 21px;
margin-bottom: 40px;
text-align: left;
padding-left: 10px;
}
.cerm__rate-item_text {
text-align: center;
margin-bottom: 40px
}
.cerm__rate-item_list {
padding-left: 10px;
text-align: left;
margin-bottom: 40px
}
.cerm__rate-item_list li {
margin-bottom: 10px;
font-size: 14px;
position: relative
}
.cerm__rate-item_list li span {
padding-left: 20px;
opacity: 0.9;
font-weight: 700;
}
.cerm__rate-item_list li::after {
content: "";
position: absolute;
top: 0px;
left: 0px;
height: 20px;
width: 20px;
background-repeat: no-repeat;
content: "";
content: url(//restolead.ru/wp-content/themes/dg-rest/assets/images/lor.svg);
position: absolute;
color: var(--red);
}
.cerm__rate-item_bottom {
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
}
.cerm__rate-item_suptext {
margin-bottom: 20px;
border: 1px solid #e41e26;
border-radius: 5px;
padding: 10px;
line-height: 15px;
font-size: 10px
}
.cerm__rate-item_sale {
margin-bottom: 20px;
font-weight: 700;
color: #e41e26;
font-size: 24px;
text-align: center;
}
.cerm__rate-item_litext_1 {
padding-top: 5px;
}
@media (max-width: 900px) {
.cerm__rate-items {
overflow-y: hidden;
}
}
@media (max-width: 500px) {
.cerm__rate-items {
display: grid;
grid-template-columns: repeat(3, 1fr);
overflow-y: hidden;
}
.cerm__rate-item {
max-width: unset;
width: calc(100svw - 30px);
}
.cerm__rate-items::-webkit-scrollbar, .cases__list::-webkit-scrollbar {
display: none;
-ms-overflow-style: none; scrollbar-width: none; }
.cerm__rate-item_list {
padding-left: 0;
}
.cerm__rate-item_title {
padding-left: 0;
}
.banner__text-bottom {
width: 100%;
text-align: center;
}
}
.menu-indicator {
display: none;
position: relative;
bottom: 55px;
left: 50%;
margin-left: -150px;
z-index: 4;
width: 300px;
text-align: center;
}
.menu-indicator-inverse {
bottom: 25px;
}
.menu-indicator .indicator-wrapper {
transform: translate3d(0, 0, 0);
width: 150px;
margin: 0 auto;
}
.menu-indicator .indicator-wrapper .indicator-cursor {
width: 25px;
position: absolute;
top: 1.75em;
z-index: 5;
animation: cursor-animation 1.2s cubic-bezier(0.23, 1, 0.72, 1) infinite;
}
@keyframes cursor-animation {
0% {
left: 100px;
transform: rotate(30deg);
}
100% {
left: 40px;
transform: rotate(0deg);
}
}
.menu-indicator .indicator-wrapper .box-wrapper {
width: 150px;
overflow: hidden;
height: 50px;
position: relative;
margin-left: auto;
margin-right: auto;
}
.menu-indicator .indicator-wrapper .box-wrapper:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: none;
background: radial-gradient(ellipse at center, rgba(247, 246, 243, 0) 0%, #fff 70%);
z-index: 2;
}
.menu-indicator .indicator-wrapper .box-wrapper .box-outer {
position: relative;
top: calc(50% - 1em);
animation: box-animation 1.2s cubic-bezier(0.23, 1, 0.72, 1) infinite;
}
@keyframes box-animation {
0% {
left: 0px;
}
100% {
left: -5em;
}
}
.menu-indicator .indicator-wrapper .box-wrapper .box {
position: absolute;
width: 3em;
height: 2em;
border-radius: 3px;
border: 1px solid #555;
}
.menu-indicator .indicator-wrapper .box-wrapper .box:nth-of-type(0) {
left: 0em;
}
.menu-indicator .indicator-wrapper .box-wrapper .box:nth-of-type(1) {
left: 4.25em;
}
.menu-indicator .indicator-wrapper .box-wrapper .box:nth-of-type(2) {
left: 8.5em;
}
.menu-indicator .indicator-wrapper .box-wrapper .box:nth-of-type(3) {
left: 12.75em;
}
@media (max-width: 500px) {
.menu-indicator {
display: block;
}
.accordion .accordion-item .accordion-item-header {
padding: 10px 0;
}
.mobile-hide {
display: none !important;
}
}
@media (min-width: 500px) {
.mobile-only {
display: none !important;
}
}
.teams::-webkit-scrollbar {
display: none;
}
.section-title-red{
color: var(--color-red);
}
.info-tiles{
padding-top: 80px;
}
.teams{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr;gap:30px;text-align:center}.team__item{background:#fafafa;padding:20px 15px;border-radius:5px;-webkit-box-shadow:0px 4px 10px rgba(0,0,0,.1);box-shadow:0px 4px 10px rgba(0,0,0,.1)}.team__img{width:250px;margin-bottom: 10px;border-radius:10px}.team__title{margin-bottom:10px;font-weight:700;font-family:var(--font-additional)}.team__subtitle{margin-bottom:10px}.team__text{font-size:16px}@media(max-width: 1250px){.teams{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}}@media(max-width: 700px){.teams{-ms-grid-columns:1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr;overflow-y:hidden;}.team__item{min-width:calc(100svw - 30px)}} 
.banner__titles{letter-spacing:1.2px;max-width:780px;margin-bottom:20px;font-size:52px;font-weight:800;line-height:1.1}.banner__texts{max-width:600px;margin-bottom:40px;font-size:19px;line-height:1.65}
.services{ padding-top: 30px;margin-bottom: 30px;display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;gap:30px;color:#fff}.services__item{padding:20px 25px;border-radius:10px;background-color:#1b1e2e;-webkit-box-shadow:0px 4px 10px rgba(0,0,0,.1);box-shadow:0px 4px 10px rgba(0,0,0,.1);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}.services__title{margin-bottom:15px;font-size:24px;font-weight:700;font-family:var(--font-additional)}.services__description{opacity:.7;margin-bottom:25px}.services__sale{padding:5px 10px;border:1px solid #fff;border-radius:35px;font-size:16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width: 1070px){.services{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}}@media(max-width: 700px){.services{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:20px;overflow-y:hidden;padding-bottom:20px}}
.header__logos{
display:none;
}
@media (max-width: 700px) {
.banner__titles {
margin-bottom: 60px;
font-size: 38px;
}
.header__logos{
display:block;
}
.header__logos img{
width:150px;
padding-bottom:5px;
}
}