:root {
  --background: rgb(234, 234, 234);
  --background-opacity-0: rgba(234,234,234,0);
  --background-opacity-10: rgba(234,234,234,.1);
  --background-opacity-15: rgba(234,234,234,.15);
  --background-opacity-20: rgba(234,234,234,.2);
  --background-opacity-25: rgba(234,234,234,.25);
  --background-opacity-50: rgba(234,234,234,.5);
  --background-opacity-75: rgba(234,234,234,.75);
  --color-font: rgb(37, 48, 105);
  --color-link: rgb(37, 48, 105);
  --color-link-opacity-0: rgba(37,48,105,0);
  --color-link-opacity-10: rgba(37,48,105,.10);
  --color-link-opacity-25: rgba(37,48,105,.25);
  --color-link-opacity-50: rgba(37,48,105,.5);
  --color-link-opacity-75: rgba(37,48,105,.75);
  --color-dark: rgb(20,20,20);
  --color-gray: rgb(234,234,234);
  --color-active-1: #C64191;
  --color-active-2: #1C7C54;
  --color-active-3: #A53F2B;
  --padding: 6.25vw;
}
.button {
  border-color: var(--color-link)
}
.button:hover {
  background: var(--color-active-1);
  border-color: var(--color-active-1);
  color: var(--background);
}
.button--color {
  color: var(--background);
}
.button--main {
  border-color: var(--color-active-1);
  color: var(--background)!important
}
.button--main:hover {
  background: var(--color-active-1)!important
}
.button--pop::after {
  background-image: url("/wp-content/themes/wisual/img/icon--ArrowTopRight-dark.svg")
}
.button--pop:hover::after {
  background-image: url("/wp-content/themes/wisual/img/icon--ArrowTopRight.svg")
}
.nav__link[href^="https://t.me"]::before {
  background-image: url("/wp-content/themes/wisual/img/icon--telegram.svg");
}
.nav__link[href^="mailto:"]::before {
  background-image: url("/wp-content/themes/wisual/img/icon--mail.svg");
}
.main__bg::before {
  background: var(--color-link-opacity-75);
}
.client__wrapper {
 background: var(--background); 
}
.client__figure {
  mix-blend-mode: multiply;
}
.client__figure:after {
  background: var(--color-link);
  mix-blend-mode: color-dodge;
}
.client__image {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  mix-blend-mode: multiply;
}

.advantage__wrapper {
  background-color: var(--color-link-opacity-10);
}
.advantage--color 
.advantage__wrapper {
  background-color: var(--color-link);
  color: var(--background);
}
.advantage--color 
.button--pop,
.advantage--color
.advantage__control {
  border-color: var(--color-active-1);
  color: var(--background);
}

.advantage--color 
.button--pop::after,
.advantage--color
.advantage__control::after {
  background-image: url("/wp-content/themes/wisual/img/icon--ArrowTopRight.svg")
}
.advantage--color 
.button--pop:hover,
.advantage--color
.advantage__control:hover {
  background: var(--color-active-1);
  border-color: var(--color-active-1);
  color: var(--background);
}
.case {
  background: var(--color-link-opacity-10)
}
.form {
  background-color: var(--color-link-opacity-10);
}
.wpcf7-response-output {
  color: var(--background);
}
.vbox-close::before, 
.vbox-close::after {
  background: var(--background)!important;
}
.overlayer,
.vbox-overlay {
  background: var(--color-link)!important;
}
.mobile-nav__link {
  color: var(--background)!important;
}
.mobile-nav__link span::after {
  background: var(--background);
}
.burger--close::before, 
.burger--close::after {
  background: var(--background);
}
.vbox-inline {
  color: var(--background);
}