html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; 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 {
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"] {
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;
}html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; 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 {
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"] {
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;
}
@font-face {
font-family: 'Mulish';
src: url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Black.eot);
src: local('Mulish Black'), local('Mulish-Black'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Black.eot?#iefix) format('embedded-opentype'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Black.woff2) format('woff2'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Black.woff) format('woff'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Black.ttf) format('truetype');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Mulish';
src: url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-BlackItalic.eot);
src: local('Mulish Black Italic'), local('Mulish-BlackItalic'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-BlackItalic.eot?#iefix) format('embedded-opentype'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-BlackItalic.woff2) format('woff2'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-BlackItalic.woff) format('woff'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-BlackItalic.ttf) format('truetype');
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Mulish';
src: url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraBoldItalic.eot);
src: local('Mulish ExtraBold Italic'), local('Mulish-ExtraBoldItalic'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraBoldItalic.eot?#iefix) format('embedded-opentype'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraBoldItalic.woff2) format('woff2'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraBoldItalic.woff) format('woff'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraBoldItalic.ttf) format('truetype');
font-weight: 800;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Mulish';
src: url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-MediumItalic.eot);
src: local('Mulish Medium Italic'), local('Mulish-MediumItalic'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-MediumItalic.eot?#iefix) format('embedded-opentype'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-MediumItalic.woff2) format('woff2'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-MediumItalic.woff) format('woff'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-MediumItalic.ttf) format('truetype');
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Mulish';
src: url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Medium.eot);
src: local('Mulish Medium'), local('Mulish-Medium'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Medium.eot?#iefix) format('embedded-opentype'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Medium.woff2) format('woff2'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Medium.woff) format('woff'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Mulish';
src: url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-SemiBoldItalic.eot);
src: local('Mulish SemiBold Italic'), local('Mulish-SemiBoldItalic'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-SemiBoldItalic.eot?#iefix) format('embedded-opentype'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-SemiBoldItalic.woff2) format('woff2'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-SemiBoldItalic.woff) format('woff'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-SemiBoldItalic.ttf) format('truetype');
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Mulish';
src: url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-BoldItalic.eot);
src: local('Mulish Bold Italic'), local('Mulish-BoldItalic'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-BoldItalic.eot?#iefix) format('embedded-opentype'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-BoldItalic.woff2) format('woff2'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-BoldItalic.woff) format('woff'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-BoldItalic.ttf) format('truetype');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Mulish';
src: url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraBold.eot);
src: local('Mulish ExtraBold'), local('Mulish-ExtraBold'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraBold.eot?#iefix) format('embedded-opentype'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraBold.woff2) format('woff2'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraBold.woff) format('woff'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraBold.ttf) format('truetype');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Mulish';
src: url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-LightItalic.eot);
src: local('Mulish Light Italic'), local('Mulish-LightItalic'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-LightItalic.eot?#iefix) format('embedded-opentype'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-LightItalic.woff2) format('woff2'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-LightItalic.woff) format('woff'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-LightItalic.ttf) format('truetype');
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Mulish';
src: url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Light.eot);
src: local('Mulish Light'), local('Mulish-Light'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Light.eot?#iefix) format('embedded-opentype'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Light.woff2) format('woff2'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Light.woff) format('woff'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Light.ttf) format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Mulish';
src: url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Bold.eot);
src: local('Mulish Bold'), local('Mulish-Bold'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Bold.eot?#iefix) format('embedded-opentype'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Bold.woff2) format('woff2'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Bold.woff) format('woff'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Bold.ttf) format('truetype');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Mulish';
src: url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraLightItalic.eot);
src: local('Mulish ExtraLight Italic'), local('Mulish-ExtraLightItalic'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraLightItalic.eot?#iefix) format('embedded-opentype'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraLightItalic.woff2) format('woff2'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraLightItalic.woff) format('woff'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraLightItalic.ttf) format('truetype');
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Mulish';
src: url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Regular.eot);
src: local('Mulish Regular'), local('Mulish-Regular'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Regular.eot?#iefix) format('embedded-opentype'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Regular.woff2) format('woff2'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Regular.woff) format('woff'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Mulish';
src: url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraLight.eot);
src: local('Mulish ExtraLight'), local('Mulish-ExtraLight'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraLight.eot?#iefix) format('embedded-opentype'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraLight.woff2) format('woff2'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraLight.woff) format('woff'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraLight.ttf) format('truetype');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Mulish';
src: url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Italic.eot);
src: local('Mulish Italic'), local('Mulish-Italic'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Italic.eot?#iefix) format('embedded-opentype'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Italic.woff2) format('woff2'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Italic.woff) format('woff'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Italic.ttf) format('truetype');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Mulish';
src: url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-SemiBold.eot);
src: local('Mulish SemiBold'), local('Mulish-SemiBold'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-SemiBold.eot?#iefix) format('embedded-opentype'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-SemiBold.woff2) format('woff2'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-SemiBold.woff) format('woff'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-SemiBold.ttf) format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Danger';
src: local('Danger'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Danger.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
.header__default {
position: var(--absolute);
top: 0;
right: 0;
width: 100%;
}
.header__default.black {
position: var(--relative);
background-color: var(--clr-dark);
}
.header__fixed {
background-color: var(--clr-dark);
}
.header__top {
border-bottom: 1px solid #D8D1CE10;
}
.header__block {
height: 80px;
display: var(--flex);
justify-content: var(--space-between);
align-items: var(--center);
}
.header__logo-wrapper {
display: var(--flex);
align-items: var(--center);
gap: 12px;
}
.header__logo {
content: '';
display: var(--block);
height: 32px;
width: 144px;
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/logo.svg) center / cover;
}
.header__contact {
display: var(--flex);
flex-direction: var(--row);
justify-content: var(--flex-start);
align-items: var(--center);
gap: 26px;
}
.header__btn {
display: var(--flex);
align-items: var(--center);
gap: 10px;
}
.header__btn::after {
content: '';
width: calc(var(--index)* .43);
height: calc(var(--index)* .43);
display: var(--block);
transition: var(--transition);
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/arrow.svg) center / cover;
}
.header__btn:hover::after {
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/arrow_yellow.svg) center / cover;
}
.header__burger {
display: var(--none);
}
.burger__menu {
display: var(--none);
}
.header__catalog {
display: var(--flex);
align-items: var(--center);
gap: 10px;
}
.header__catalog::before {
content: '';
width: 16px;
height: 16px;
display: var(--block);
transition: var(--transition);
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/catalog_icon.svg) center / cover;
}
.header__catalog:hover {
color: var(--clr-dark) !important;
background-color: var(--clr-oracle) !important;
}
.header__catalog.active::before {
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/close_black.svg) center / cover;
} .dropdown {
position: relative;
display: inline-block;
}
.dropdown__link {
padding: 10px 0;
display: var(--flex);
align-items: var(--center);
text-decoration: none;
color: var(--clr-dark);
cursor: pointer;
}
.dropdown__link::after {
margin-left: 4px;
content: '';
width: 8px;
height: 8px;
display: var(--block);
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/dropdown.svg) center / cover;
transition: var(--transition);
}
.dropdown__link:hover.dropdown__link::after {
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/dropdown_orange.svg) center / cover;
}
.dropdown__menu {
display: none;
position: absolute;
background-color: #fff;
border: 1px solid var(--clr-oracle);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
width: 200px; top: 100%;
left: 0;
z-index: 1000;
}
.dropdown__item {
text-decoration: none;
color: #333;
padding: 10px 15px;
display: block;
border-bottom: 1px solid var(--clr-oracle);
}
.dropdown__item:last-child {
border-bottom: none;
}
.dropdown__item:hover {
color: var(--clr-dark);
background-color: var(--clr-oracle);
}
.dropdown:hover .dropdown__menu {
display: block;
}
.dropdown__menu {
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.dropdown:hover .dropdown__menu {
opacity: 1;
}   .header__catalog-menu {
width: 100%;
position: var(--absolute);
top: 156px;
right: 0;
opacity: 0;
transform: translateY(-10px);
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
display: var(--none);
z-index: 2;
}
.header__catalog-menu__fixed {
position: fixed;
top: 80px;
left: 0;
width: 100%;
z-index: 999;
opacity: 0;
transform: translateY(-10px);
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
display: var(--none);
}
.header__catalog-list {
padding: 40px;
display: var(--flex);
flex-wrap: var(--wrap);
gap: 32px;
box-shadow: 0px 4px 4px 0px rgba(207, 208, 210, 0.1);
background: var(--clr-dark);
}
.header__catalog-item {
min-width: 246px;
display: var(--flex);
align-items: var(--center);
gap: 10px;
}
.header__catalog-link {
max-width: 110px;
color: var(--clr-white);
font-size: 1em;
font-weight: 500;
line-height: 18px;
}
.header__catalog-icon {
width: 56px;
height: 56px;
object-fit: var(--cover);
border-radius: 18px;
background-position: var(--center);
background-repeat: no-repeat;
background-size: contain;
background-color: #fff;
}  .modal__wrapper {
opacity: 0;
visibility: hidden;
transition: opacity 0.4s ease, visibility 0.4s ease;
}
.modal__wrapper.active {
opacity: 1;
visibility: visible;
}
.modal__wrapper {
position: var(--fixed);
top: 0;
right: 0;
width: 100%;
height: 100vh;
display: var(--flex);
align-items: var(--center);
justify-content: var(--center);
background-color: #00000099;
backdrop-filter: blur(20px);
z-index: 1000;
}
.modal__window {
padding: 50px;
position: var(--relative);
display: var(--flex);
flex-direction: var(--column);
justify-content: var(--flex-start);
align-items: var(--center);
gap: 30px;
border-radius: 12px;
background: rgb(28, 26, 23);
}
.modal__form {
display: var(--flex);
flex-direction: var(--column);
gap: 24px;
}
.article__subtitle-center {
display: var(--flex);
flex-direction: var(--column);
align-items: var(--center);
gap: calc(var(--index)* .4);
}
.article__title-center {
text-align: var(--center);
}
.modal__header-title {
color: var(--clr-white);
}
.contact__form-group {
width: 100%;
display: var(--flex);
flex-direction: var(--column);
align-items: var(--flex-start);
gap: 6px;
}
.contact__form-input {
padding: calc(var(--index)* .5) calc(var(--index)* .7);
width: 100%;
font-size: calc(var(--index)* .5);
box-sizing: border-box;
}
.contact__form-btn::after {
width: calc(var(--index)* .43);
height: calc(var(--index)* .43);
transform: rotate(45deg);
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/arrow.svg) center / cover;
}
.modal__input-black {
color: rgb(207, 208, 210);
border: 1px solid rgb(44, 44, 44) !important;
border-radius: 6px !important;
background: rgb(28, 26, 23) !important;
}
.modal__label-black {
color: var(--clr-white) !important;
}
.modal__privacy-black,
.modal__privacy-link {
color: var(--clr-white) !important;
}
.modal__close {
position: var(--absolute);
top: 50px;
right: 50px;
}
.modal__close::after {
content: '';
display: var(--block);
height: 14px;
width: 14px;
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/modal__close.svg) center / cover;
}   .modal {
display: none; position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
backdrop-filter: blur(4px);
justify-content: center;
align-items: center;
z-index: 10000;
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.modal.is-visible {
display: var(--flex);
opacity: 1;
}
.modal__content {
position: var(--relative);
max-width: 600px;
width: 90%;
padding: 60px 50px;
display: var(--flex);
flex-direction: var(--column);
justify-content: var(--flex-start);
align-items: var(--center);
gap: 30px;
border-radius: 16px;
background: var(--clr-dark);
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
transform: scale(0.9);
transition: transform 0.3s ease-in-out;
}
.modal.is-visible .modal__content {
transform: scale(1);
}
.modal__close {
position: absolute;
top: 20px;
right: 20px;
width: 32px;
height: 32px;
border: none;
background: transparent;
cursor: pointer;
padding: 0;
display: var(--flex);
align-items: var(--center);
justify-content: var(--center);
transition: opacity 0.3s ease;
}
.modal__close:hover {
opacity: 0.7;
}
.modal__close::before,
.modal__close::after {
content: '';
position: absolute;
width: 20px;
height: 2px;
background: var(--clr-white);
border-radius: 2px;
}
.modal__close::before {
transform: rotate(45deg);
}
.modal__close::after {
transform: rotate(-45deg);
}
.modal .section__article-subtitle {
color: var(--clr-oracle);
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
}
.modal .section__article-title {
color: var(--clr-white);
font-size: 32px;
font-weight: 700;
line-height: 1.3;
text-align: center;
margin: 0;
}
.modal .btn {
margin-top: 10px;
min-width: 200px;
padding: 16px 32px;
font-size: 16px;
font-weight: 600;
background: var(--clr-oracle);
color: var(--clr-dark);
border: none;
border-radius: 8px;
cursor: pointer;
transition: all 0.3s ease;
}
.modal .btn:hover {
background: #e6990f;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(247, 167, 17, 0.4);
} @media screen and (min-width: 1920px) {
.header__catalog-link {
font-size: 1.2em;
}
}
@media screen and (max-width: 1280px) {
.header__catalog-link {
font-size: .8em;
}
}
@media screen and (max-width: 1024px) { .header__contact {
display: var(--none);
}
.header__catalog-fixed {
display: var(--none);
}
.header__nav {
display: var(--none);
}
.header__burger {
padding: 0;
height: 26px;
width: 26px;
display: var(--flex);
align-items: var(--center);
justify-content: var(--center);
}
.header__burger::after {
content: '';
display: var(--block);
height: 26px;
width: 26px;
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/burger.svg) center / cover;
}  .burger__menu {
position: var(--absolute);
top: 0;
left: 0;
padding: 32px 1%;
height: 100vh;
min-width: 98%;
display: var(--flex);
flex-direction: var(--column);
justify-content: var(--flex-start);
gap: 16px;
transform: translateX(100%);
background-color: var(--clr-dark);
z-index: 1000;
}
.burger__wrap {
width: 96%;
display: var(--flex);
justify-content: var(--flex-end);
}
.burger__close {
padding: 0;
content: '';
height: 16px;
width: 16px;
display: var(--flex);
align-items: var(--center);
justify-content: var(--center);
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/close.svg) center / cover;
}
.burger__close::after {
content: '';
height: 24px;
width: 24px;
display: var(--block);
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/close.svg) center / cover;
}
.burger__header {
padding: 0 10px;
display: var(--flex);
flex-direction: var(--column);
gap: 16px;
}
.burger__catalog {
padding: 14px 0;
color: var(--clr-white);
font-weight: 700;
text-align: var(--left);
display: var(--flex);
flex-direction: var(--row);
justify-content: var(--space-between);
align-items: var(--center);
gap: 8px;
}
.burger__catalog::after {
content: '';
display: var(--block);
height: 16px;
width: 16px;
transform: rotate(45deg);
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/arrow_yellow.svg) center / cover;
}
.burger__nav {
padding: 20px 0 20px 10px;
display: var(--flex);
flex-direction: var(--column);
gap: 18px;
border-top: 1px solid #D8D1CE10;
border-bottom: 1px solid #D8D1CE10;
}
.burger__submenu {
position: var(--absolute);
top: 0;
left: 0;
padding: 32px 1%;
height: 100vh;
min-width: 98%;
display: var(--flex);
flex-direction: var(--column);
justify-content: var(--flex-start);
transform: translateX(100%);
transition: var(--transition);
background-color: var(--clr-dark);
}
.burger__submenu.active {
transform: translateX(0);
}
.submenu__back {
margin: 25px 15px;
padding: 0;
max-width: 128px;
color: var(--clr-white);
font-size: 14px;
font-weight: 400;
line-height: 140%;
text-align: var(--left);
}
.submenu__title {
margin: 0 0 24px 15px;
color: var(--clr-white);
font-size: 24px;
font-weight: 700;
line-height: 150%;
text-align: var(--left);
}
.submenu__line {
padding: 12px 0px 12px 15px;
display: var(--flex);
flex-direction: var(--row);
justify-content: var(--flex-start);
align-items: var(--center);
border-top: 0.5px solid var(--clr-border);
}
.submenu__line:last-child {
border-bottom: 0.5px solid var(--clr-border);
}
.submenu__line::after {
margin-left: 8px;
content: '';
height: 8px;
width: 8px;
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/arrow_white.svg) center / cover;
}
.burger__footer {
padding: 0 10px;
display: var(--flex);
justify-content: var(--space-between);
}
.burger__btn {
padding: 0;
color: var(--clr-oracle);
} }
@media screen and (max-width: 768px) { .modal__window {
padding: 20px;
width: 80%;
gap: 12px;
}
.modal__close {
top: 20px;
right: 20px;
} }
@media screen and (max-width: 430px) {
p {
font-size: 12px !important;
}
}
.contact__form-group-checkbox {
flex-direction: row !important;
align-items: center !important;
}
.kviz__form-label-checkbox {
color: #242424 !important;
}
.kviz__privacy-link {
color: #242424 !important;
}
.header__contact-wrap {
display: flex;
flex-direction: row;
align-items: center;
gap: 24px;
}
.btn__search {
padding: 9px;
display: flex;
align-items: center;
gap: 14px;
border: 1px solid rgba(207, 208, 210, 0.10);
transition: .3s ease-in-out;
}
.btn__search:hover {
border: 1px solid #F7A711;
background: #2B2925;
}
@media screen and (max-width: 1024px) {
.btn__search {
border: none;
}
}
.search__container {
position: relative;
min-width: 502px;
max-width: 502px;
padding: 0 12px;
display: none;
align-items: center;
gap: 14px;
border: 1px solid rgba(207, 208, 210, 0.10);
background: #2B2925;
}
.search__field {
width: 100%;
padding: 12px 0;
color: #c4c4c4;
cursor: pointer;
border: none;
outline: none;
background: transparent;
}
.search__btn {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.live-search-results {
position: absolute;
left: 0;
top: 42px;
width: 100%;
max-width: 528px;
color: #fff;
border: 1px solid rgba(207, 208, 210, 0.10);
background: #1C1A17;
box-shadow: 0 4px 4px 0 rgba(207, 208, 210, 0.10);
z-index: 999;
display: none;
}
.live-search-results ul {
list-style: none;
margin: 0;
padding: 0;
}
.live-search-results li {
padding: 10px;
border-bottom: 1px solid rgba(207, 208, 210, 0.10);
}
.live-search-results li a {
display: flex;
flex-direction: column;
gap: 12px;
color: #fff;
text-decoration: none;
}
.live-search-results li:hover {
background: #2B2925;
}
.live-search-results li:hover a {
color: #fff;
}
.search-result-title {
font-size: 16px;
}
.no-results {
padding: 10px;
color: #fff;
}
.btn__close-search {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
} input[type="search"]::-webkit-search-cancel-button {
display: none;
} input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
}
@media screen and (max-width: 768px) {
.search__container {
min-width: 100%;
box-sizing: border-box;
}
.header__contact-wrap {
width: 100%;
justify-content: flex-end;
}
.header__logo {
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/logo.svg) center center / contain;
}
}
.footer {
padding: 70px 0;
position: var(--relative);
color: var(--clr-white);
background-color: var(--clr-dark);
}
.footer__social--link {
display: var(--flex);
align-items: var(--center);
gap: 8px;
}
.footer__social--link::before {
content: '';
height: 14px;
width: 14px;
display: var(--block);
background-repeat: no-repeat;
background-size: var(--cover);
background-position: var(--center);
}
.footer__social--vk::before {background-image: url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/vk_white.svg);}
.footer__social--dzen::before {background-image: url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/dzen_white.svg);}
.footer__info {
padding-bottom: 32px;
display: var(--flex);
flex-direction: var(--row);
justify-content: var(--space-between);
align-items: var(--flex-start);
border-bottom: 1px solid var(--clr-border);
}
.footer__info-block {
display: var(--flex);
flex-direction: var(--column);
justify-content: var(--flex-start);
align-items: var(--flex-start);
gap: 28px;
}
.footer__nav-title {
margin: 0;
color: var(--clr-white);
font-size: 20px;
font-weight: 500;
line-height: 140%;
text-align: var(--left);
}
.footer__nav {
display: var(--flex);
flex-direction: var(--column);
justify-content: var(--flex-start);
align-items: var(--flex-start);
gap: 12px;
}
.footer__contact {
display: var(--flex);
flex-direction: var(--column);
justify-content: var(--flex-start);
align-items: var(--flex-start);
gap: 24px;
}
.footer__contact-block {
display: var(--flex);
flex-direction: var(--column);
justify-content: var(--flex-start);
align-items: var(--flex-start);
gap: 10px;
}
.footer__logo {
margin: 32px 0;
width: 100%;
}
.footer__logo-img {
width: 100%;
height: 100%;
object-fit: var(--cover);
}
.footer__copyright {
display: var(--flex);
justify-content: var(--space-between);
}
.footer__copyright-text {
display: var(--flex);
align-items: var(--center);
color: var(--clr-grey) !important;
}
@media screen and (max-width: 768px) {
.footer__info {
display: var(--grid);
grid-template-columns: 1fr 1fr;
gap: 24px;
}
}
@media screen and (max-width: 430px) {
.footer__info {
display: var(--flex);
flex-direction: var(--column);
gap: 32px;
}
.footer__info-block {
gap: 14px;
}
.footer__copyright {
flex-direction: var(--column);
align-items: var(--center);
gap: 12px;
text-align: var(--center);
}
}
.contact__information {
padding-top: 70px;
}
.contact__information {
display: var(--flex);
justify-content: var(--space-between);
align-items: var(--flex-start);
}
.contact__article {
width: 48%;
display: var(--flex);
flex-direction: var(--column);
align-items: var(--flex-start);
gap: 40px;
align-self: var(--stretch);
}
.contact__wrap {
display: var(--flex);
align-items: var(--flex-start);
gap: 20px;
}
.contact__location-text {
max-width: calc(var(--index) * 12)
}
.contact__action {
display: var(--flex);
align-items: var(--flex-start);
gap: 20px;
}
.contact__action-wrap {
display: var(--flex);
flex-direction: var(--column);
align-items: var(--flex-start);
gap: 5px;
}
.btn__contact::after {
height: 1em;
width: 1em;
transition: var(--transition);
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/arrow.svg) center / cover;
}
.btn__contact:hover::after {
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/arrow_yellow.svg) center / cover;
}
.contact__img {
width: 48%;
}
.main__form {
width: 100%;
}
.main__form-wrapper {
width: 100%;
display: var(--flex);
flex-direction: var(--column);
align-items: var(--center);
gap: calc(var(--index) * 1.5);
}
.contact {
width: 100%;
display: var(--flex);
justify-content: var(--space-between);
gap: 20px;
}
.contact__form {
padding: calc(var(--index)* 1);
width: 40%;
display: var(--flex);
flex-direction: var(--column);
align-items: var(--flex-start);
gap: calc(var(--index)* 0.7);
border: 1px solid var(--clr-grey);
background-color: rgb(251, 251, 251);
}
.contact__form-wrap {
width: 100%;
display: var(--flex);
align-items: var(--center);
align-self: stretch;
gap: 20px;
}
.contact__form-group {
width: 100%;
display: var(--flex);
flex-direction: var(--column);
align-items: var(--flex-start);
gap: 6px;
}
.contact__form-label {
font-size: calc(var(--index)* .5);
font-weight: 400;
line-height: 140%;
}
.contact__form-input {
padding: calc(var(--index)* .5) calc(var(--index)* .7);
width: 100%;
font-size: calc(var(--index)* .5);
box-sizing: border-box;
border: 1px solid var(--clr-grey);
border-radius: 6px;
background: #fff;
}
.contact__form-textarea {
padding: calc(var(--index)* .5) calc(var(--index)* .7);
width: 100%;
font-size: calc(var(--index)* .5);
box-sizing: border-box;
border: 1px solid var(--clr-grey);
border-radius: 6px;
resize: var(--none);
background: #fff;
}
.contact__form-btn::after {
width: calc(var(--index)* .43);
height: calc(var(--index)* .43);
transform: rotate(45deg);
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/arrow.svg) center / cover;
}
.contact__form-btn:hover::after {
margin-left: 10px;
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/arrow_yellow.svg) center / cover;
}
.contact__form-block {
display: var(--flex);
align-items: var(--center);
}
.contact__form-checkbox {
margin-right: 12px;
}
.contact__form-privacy {
font-size: calc(var(--index)* .5);
}
.privacy__link {
font-size: calc(var(--index)* .5);
text-decoration: underline;
}
.contact__block {
width: 55%;
}
.contact__maps {
width: 100%;
margin-bottom: 24px;
height: calc(var(--index) * 14);
border-radius: 12px;
}
.contact__list {
display: var(--flex);
}
.contact__item {
display: var(--flex);
flex-direction: var(--column);
gap: 8px;
}
.contact__tel {
white-space: nowrap;
}
.contact__item:not(:last-child) {
margin-right: 30px;
padding-right: 30px;
border-right: 1px solid var(--clr-white);
}
@media screen and (max-width: 1024px) {
.contact {
flex-direction: var(--column);
align-items: var(--center);
}
.contact__form {
width: 50%;
}
.contact__block {
width: 50%;
}
.contact__list {
flex-direction: var(--column);
}
.contact__item:not(:last-child) {
margin-right: 0;
padding-right: 0;
margin-bottom: 20px;
padding-bottom: 20px;
border-right: var(--none);
border-bottom: 1px solid var(--clr-white);
}
}
@media screen and (max-width: 768px) {
.contact__information {
padding-top: 40px;
flex-direction: var(--column);
gap: 20px;
}
.contact__article {
width: 100%;
}
.contact__block-title {
font-size: 12px;
}
.contact__img {
width: 100%;
} 
.main__form {
padding: 50px 0;
}
.contact__form {
width: var(--auto);
padding: 20px;
}
.contact__form-wrap {
flex-direction: var(--column);
}
.contact__form-label {
font-size: 12px;
}
.contact__form-input {
font-size: 12px;
}
.contact__form-textarea {
font-size: 12px;
}
.contact__form-privacy {
font-size: 12px;
}
.privacy__link {
font-size: 12px;
}
.contact__form-btn {
width: 100%;
display: var(--flex);
justify-content: var(--center);
}
.contact__form-btn::after {
width: 14px;
height: 14px;
}
.contact__block {
width: 100%;
}
}
@media screen and (max-width: 430px) {
.contact__form-input {
height: 42px;
}
}
:root {
--flex: flex;
--grid: grid;
--block: block;
--column: column;
--space-between: space-between;
--center: center;
--none: none;
--row: row;
--flex-start: flex-start;
--flex-end: flex-end;
--transparent: transparent;
--pointer: pointer;
--uppercase: uppercase;
--relative: relative;
--absolute: absolute;
--transition: 0.3s ease-in-out;
--left: left;
--wrap: wrap;
--fixed: fixed;
--cover: cover;
--uppercase: uppercase;
--transform: transform;
--inline-flex: inline-flex;
--max-content: max-content;
--stretch: stretch;
--index: calc(1vw + 1vh);
--clr-oracle: #F7A711;
--clr-white: #f5f5f5;
--clr-grey: #D8D1CE;
--clr-border: #D8D1CE10;
--clr-dark: #1C1A17;
--clr-focus-dark: #24221F;
--clr-blood-red: #B90000;
} * {
scrollbar-width: auto;
scrollbar-color: var(--clr-oracle) var(--clr-dark);
}
*::-webkit-scrollbar {
width: 16px;
}
*::-webkit-scrollbar-track {
background: #ffffff;
}
*::-webkit-scrollbar-thumb {
background-color: var(--clr-oracle);
border-radius: 10px;
border: 3px solid var(--clr-white);
}
html {
scroll-behavior: smooth;
}
body {
position: var(--relative);
font-family: 'Mulish', Manrope, Raleway, Inter;
font-size: 14px;
overflow-x: hidden;
background-color: #fff;
}
h1 {
margin: 0;
font-size: calc(var(--index) * 2.336);
font-weight: 700;
line-height: 100%;
will-change: var(--transform);
}
h2 {
margin: 0;
font-size: calc(var(--index) * 1.8);
font-weight: 700;
line-height: 100%;
will-change: var(--transform);
}
h3 {
margin: 0; font-size: calc(var(--index) * .86);
font-weight: 700;
line-height: 140%;
}
h4 {
margin: 0;
font-size: calc(var(--index) * .7);
font-weight: 800;
line-height: 100%;
text-transform: var(--uppercase);
will-change: var(--transform);
}
h5 {
margin: 0;
font-size: calc(var(--index)* .7);
font-weight: 700;
line-height: 120%;
will-change: var(--transform);
}
p {
margin: 0;
font-size: calc(var(--index) * .7);
font-weight: 500;
line-height: 140%;
will-change: var(--transform);
}
a {
color: var(--clr-dark);
text-decoration: var(--none);
will-change: var(--transform);
}
button {
cursor: var(--pointer);
background: var(--transparent);
outline: var(--none);
border: var(--none);
will-change: var(--transform);
}
img {
pointer-events: var(--none);
}
iframe {
border: var(--none);
}  .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}  .danger-font {
font-family: 'Danger';
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 140%;
text-transform: uppercase;
}
.container {
margin: 0 auto;
max-width: 80%;
box-sizing: border-box;
}
.section {
padding: 100px 0;
}
.section--error {
height: 50vh;
display: var(--flex);
flex-direction: var(--column);
justify-content: var(--center);
gap: 42px;
}
.section__article {
display: var(--flex);
flex-direction: var(--column);
gap: 20px;
}
.section__article-subtitle {
color: var(--clr-oracle);
}
.article__subtitle-center {
text-align: var(--center);
}
.article__subtitle-left {
display: var(--flex);
flex-direction: var(--row);
align-items: var(--center);
gap: calc(var(--index)* .4);
}
.section__article-subtitle::before {
content: '';
display: var(--block);
height: calc(var(--index) * .9);
width: calc(var(--index) * .9);
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/article_star.svg) center / cover;
}
.section__article-center {
text-align: var(--center);
}
.nav__link {
color: var(--clr-white);
font-size: 1em;
font-weight: 500;
line-height: 18px;
transition: var(--transition);
}
.nav__link:hover {
color: var(--clr-oracle);
}
.nav__link:focus {
color: var(--clr-oracle);
}
.btn {
padding: calc(var(--index) * .56) calc(var(--index) * 1.1);
font-size: calc(var(--index) * .43);
font-weight: 800;
line-height: 16px;
text-transform: uppercase;
transition: var(--transition);
color: var(--clr-dark);
background-color: var(--clr-oracle);
}
.btn:hover {
outline: 1px solid var(--clr-oracle);
color: var(--clr-oracle);
background-color: var(--clr-dark);
}
.clr__yellow {
color: var(--clr-oracle);
}
.btn__arrow {
padding: calc(var(--index) * .56) calc(var(--index) * 1.1);
font-size: calc(var(--index) * .43);
font-weight: 800;
line-height: 16px;
text-transform: uppercase;
display: var(--inline-flex);
align-items: var(--center);
gap: 12px;
}
.btn__arrow::after {
content: '';
display: var(--block);
transition: var(--transition);
}
.uppercase {
text-transform: uppercase;
}  .breadcrumb__header {
padding: 40px 0 20px;
border-bottom: 1px solid var(--clr-grey);
}
.breadcrumb__header-wrapper {
display: var(--flex);
flex-direction: var(--column);
align-items: var(--flex-start);
gap: 12px;
}
.breadcrumb__nav a, span {
font-size: 1em;
}
.section__description {
padding: 50px 0;
}
.section__description-text {
max-width: 70%;
} @media screen and (min-width: 1920px) {
.nav__link {
font-size: calc(var(--index) * .43);
}
.btn {
font-size: calc(var(--index) * .43);
}
}
@media screen and (max-width: 1440px) {
.container {
max-width: 86%;
}
}
@media screen and (max-width: 1280px) {
.nav__link {
font-size: .8em;
}
.btn {
font-size: .8em;
}
}
@media screen and (max-width: 1024px) {
.container {
max-width: 90%;
}
.btn__arrow {
padding: 16px 30px;
font-size: 11px;
} .section__description {
padding: 32px 0;
}
.section__description-text {
max-width: 100%;
text-align: var(--center);
} }
@media screen and (max-width: 430px) {
h2 {
font-size: 22px;
font-weight: 700;
line-height: 100%;
text-align: var(--left);
}
h5 {
font-size: calc(var(--index)* 1.3);
}
.nav__link {
font-size: 1em;
}
.btn {
font-size: 0.8em;
} .breadcrumb__header {
padding: 20px 0 10px;
}
.breadcrumb__header-wrapper {
gap: 14px;
} }@font-face {
font-family: 'Mulish';
src: url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Black.eot);
src: local('Mulish Black'), local('Mulish-Black'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Black.eot?#iefix) format('embedded-opentype'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Black.woff2) format('woff2'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Black.woff) format('woff'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Black.ttf) format('truetype');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Mulish';
src: url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-BlackItalic.eot);
src: local('Mulish Black Italic'), local('Mulish-BlackItalic'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-BlackItalic.eot?#iefix) format('embedded-opentype'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-BlackItalic.woff2) format('woff2'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-BlackItalic.woff) format('woff'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-BlackItalic.ttf) format('truetype');
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Mulish';
src: url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraBoldItalic.eot);
src: local('Mulish ExtraBold Italic'), local('Mulish-ExtraBoldItalic'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraBoldItalic.eot?#iefix) format('embedded-opentype'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraBoldItalic.woff2) format('woff2'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraBoldItalic.woff) format('woff'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraBoldItalic.ttf) format('truetype');
font-weight: 800;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Mulish';
src: url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-MediumItalic.eot);
src: local('Mulish Medium Italic'), local('Mulish-MediumItalic'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-MediumItalic.eot?#iefix) format('embedded-opentype'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-MediumItalic.woff2) format('woff2'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-MediumItalic.woff) format('woff'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-MediumItalic.ttf) format('truetype');
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Mulish';
src: url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Medium.eot);
src: local('Mulish Medium'), local('Mulish-Medium'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Medium.eot?#iefix) format('embedded-opentype'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Medium.woff2) format('woff2'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Medium.woff) format('woff'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Mulish';
src: url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-SemiBoldItalic.eot);
src: local('Mulish SemiBold Italic'), local('Mulish-SemiBoldItalic'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-SemiBoldItalic.eot?#iefix) format('embedded-opentype'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-SemiBoldItalic.woff2) format('woff2'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-SemiBoldItalic.woff) format('woff'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-SemiBoldItalic.ttf) format('truetype');
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Mulish';
src: url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-BoldItalic.eot);
src: local('Mulish Bold Italic'), local('Mulish-BoldItalic'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-BoldItalic.eot?#iefix) format('embedded-opentype'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-BoldItalic.woff2) format('woff2'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-BoldItalic.woff) format('woff'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-BoldItalic.ttf) format('truetype');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Mulish';
src: url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraBold.eot);
src: local('Mulish ExtraBold'), local('Mulish-ExtraBold'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraBold.eot?#iefix) format('embedded-opentype'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraBold.woff2) format('woff2'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraBold.woff) format('woff'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraBold.ttf) format('truetype');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Mulish';
src: url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-LightItalic.eot);
src: local('Mulish Light Italic'), local('Mulish-LightItalic'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-LightItalic.eot?#iefix) format('embedded-opentype'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-LightItalic.woff2) format('woff2'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-LightItalic.woff) format('woff'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-LightItalic.ttf) format('truetype');
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Mulish';
src: url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Light.eot);
src: local('Mulish Light'), local('Mulish-Light'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Light.eot?#iefix) format('embedded-opentype'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Light.woff2) format('woff2'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Light.woff) format('woff'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Light.ttf) format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Mulish';
src: url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Bold.eot);
src: local('Mulish Bold'), local('Mulish-Bold'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Bold.eot?#iefix) format('embedded-opentype'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Bold.woff2) format('woff2'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Bold.woff) format('woff'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Bold.ttf) format('truetype');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Mulish';
src: url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraLightItalic.eot);
src: local('Mulish ExtraLight Italic'), local('Mulish-ExtraLightItalic'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraLightItalic.eot?#iefix) format('embedded-opentype'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraLightItalic.woff2) format('woff2'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraLightItalic.woff) format('woff'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraLightItalic.ttf) format('truetype');
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Mulish';
src: url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Regular.eot);
src: local('Mulish Regular'), local('Mulish-Regular'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Regular.eot?#iefix) format('embedded-opentype'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Regular.woff2) format('woff2'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Regular.woff) format('woff'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Mulish';
src: url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraLight.eot);
src: local('Mulish ExtraLight'), local('Mulish-ExtraLight'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraLight.eot?#iefix) format('embedded-opentype'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraLight.woff2) format('woff2'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraLight.woff) format('woff'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-ExtraLight.ttf) format('truetype');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Mulish';
src: url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Italic.eot);
src: local('Mulish Italic'), local('Mulish-Italic'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Italic.eot?#iefix) format('embedded-opentype'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Italic.woff2) format('woff2'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Italic.woff) format('woff'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-Italic.ttf) format('truetype');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Mulish';
src: url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-SemiBold.eot);
src: local('Mulish SemiBold'), local('Mulish-SemiBold'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-SemiBold.eot?#iefix) format('embedded-opentype'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-SemiBold.woff2) format('woff2'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-SemiBold.woff) format('woff'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Mulish-SemiBold.ttf) format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Danger';
src: local('Danger'),
url(//okras-rnd.ru/wp-content/themes/aktek/fonts/Danger.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}.basket {
position: var(--fixed);
top: 50%;
right: 1px;
padding: 20px;
display: var(--flex);
align-items: var(--center);
justify-content: var(--center);
transition: var(--transition);
outline: 1px solid var(--clr-oracle);
background-color: var(--clr-oracle);
z-index: 1000;
}
.basket::after {
content: '';
height: 32px;
width: 32px;
display: var(--block);
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/basket_stable.svg) center / cover;
}
.basket:hover {
background-color: var(--clr-dark);
}
.basket:hover::after {
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/basket_active.svg) center / cover;
}
.basket__quantity {
position: var(--absolute);
top: -15px;
left: -15px;
height: 24px;
width: 24px;
display: var(--flex);
align-items: var(--center);
justify-content: var(--center);
color: #fff;
text-align: var(--center);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 140%;
border: 1px solid var(--clr-oracle);
background-color: var(--clr-dark);
}  .basket__wrapper {
position: fixed;
top: 0;
right: 0;
width: 100%;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background-color: #00000099;
backdrop-filter: blur(20px);
z-index: 1000;
transition: opacity 0.3s ease, visibility 0.3s ease;
visibility: hidden;
opacity: 0;
overflow: hidden;
}
.basket__wrapper.is-visible {
visibility: visible;
opacity: 1;
overflow: auto;
}
.basket__modal {
padding: 50px;
position: var(--fixed);
display: var(--flex);
flex-direction: var(--column);
justify-content: var(--flex-start);
align-items: var(--center);
gap: 30px;
background: rgb(28, 26, 23);
}
.basket__list {
padding: 30px 0;
width: 100%;
display: var(--flex);
flex-direction: var(--column);
gap: 30px;
border-top: 1px solid var(--clr-oracle);
border-bottom: 1px solid var(--clr-oracle);
}
.basket__information--text {
color: var(--clr-white);
text-align: var(--center);
font-size: 1.5em;
font-style: normal;
font-weight: 700;
line-height: 120%;
}
.basket__item {
display: var(--flex);
align-items: var(--center);
justify-content: var(--space-between);
}
.basket__product {
display: var(--flex);
gap: 24px;
}
.basket__product--img {
width: 100px;
height: 100px;
display: var(--block);
object-fit: var(--cover);
background-color: var(--clr-white);
}
.basket__product--article {
max-width: 200px;
color: var(--clr-white);
display: var(--flex);
flex-direction: var(--column);
align-items: var(--flex-start);
justify-content: var(--center);
gap: 14px;
}
.basket__control {
display: var(--flex);
align-items: var(--center);
gap: 34px;
}
.basket__control--wrap {
display: var(--flex);
align-items: var(--center);
gap: 12px;
}
.basket__control--wrap button {
margin: 0;
padding: 0;
height: 20px;
width: 20px;
display: var(--flex);
align-items: var(--center);
justify-content: var(--center);
text-align: var(--center);
color: var(--clr-white);
font-size: 10px;
line-height: 20px;
border-radius: 14px;
border: 1px solid var(--clr-white);
}
.basket__control--wrap button:hover {
color: var(--clr-oracle);
border: 1px solid var(--clr-oracle);
}
.basket__control--wrap button span {
display: inline-block;
text-align: var(--center);
line-height: 20px;
pointer-events: var(--none);
}
.basket__control--input {
text-align: var(--center);
color: #FFF;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 140%;
border: var(--none);
outline: var(--none);
background: transparent;
}
.basket__control--input[type="number"]::-webkit-outer-spin-button,
.basket__control--input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: var(--none);
}
input[type='number'],
.basket__control--input[type="number"]:hover,
.basket__control--input[type="number"]:focus {
appearance: var(--none);
-moz-appearance: textfield;
}
.basket__control--price {
color: var(--clr-white);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 140%;
}
.basket__control--close {
margin: 0;
padding: 0;
height: 20px;
width: 20px;
display: var(--flex);
align-items: var(--center);
justify-content: var(--center);
color: var(--clr-blood-red);
font-size: 10px;
line-height: 10px;
border-radius: 14px;
border: 1px solid var(--clr-blood-red);
}
.basket__total--price {
color: var(--clr-white);
text-align: var(--center);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 120%;
}
.basket__form {
width: 100%;
display: var(--flex);
flex-direction: var(--column);
gap: 24px;
align-self: stretch;
}
.contact__form-group {
display: var(--flex);
flex-direction: var(--column);
align-items: var(--flex-start);
gap: 6px;
}
.contact__form--label {
color: var(--clr-white);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.basket__form--input {
padding: 18px 16px;
display: var(--flex);
flex-direction: var(--column);
align-items: var(--flex-start);
gap: 10px;
align-self: stretch;
color: var(--clr-grey);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
border-radius: 6px;
border: 1px solid #2C2C2C;
background: var(--clr-dark);
}
.contact__form--submit {
display : var(--flex);
flex-direction: column;
gap: 20px;
align-items: var(--center);
align-self: var(--stretch);
}
.contact__form--privacy {
max-width: 50%;
color: var(--clr-grey);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.basket__privacy--link {
color: var(--clr-grey);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
text-decoration: underline;
} @media screen and (max-width: 768px) {
.basket__modal {
padding: 20px 10px;
margin: 5% 0;
width: 90%;
}
.basket__order--title {
font-size: 12px;
} .basket {
top: 80%;
}
.basket__item {
flex-direction: var(--column);
align-items: var(--flex-end);
gap: 20px;
}
.basket__control--input {
font-size: 12px;
}
.basket__control--wrap {
gap: 2px;
}
.basket__control {
gap: 15px;
}
.basket__product {
width: 100%;
}
.contact__form--label {
font-size: 12px;
}
.basket__form--input {
height: var(--auto);
padding: 18px 16px;
font-size: 12px;
}
.basket__privacy--link {
font-size: 12px;
}
.contact__form--submit {
flex-direction: var(--column);
gap: 24px;
}
.contact__form--privacy {
max-width: 100%;
} }.main {
background-color: #fff;
}
.basic__body {
padding: 70px 0px;
display: var(--flex);
flex-direction: var(--column);
align-items: var(--center);
gap: 100px;
}
.basic__banner {
width: 100%;
}
.basic__banner-img {
width: 100%;
height: 100%;
object-fit: var(--cover);
display: var(--block);
}
.basic__article {
display: var(--flex);
flex-direction: var(--column);
align-items: var(--center);
gap: 50px;
}
.basic__article .section__article {
max-width: 930px;
text-align: var(--center);
}
.btn__basic::after {
width: calc(var(--index)* .43);;
height: calc(var(--index)* .43);;
display: var(--block);
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/arrow.svg) center / cover;
}
.btn__basic:hover::after {
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/arrow_yellow.svg) center / cover;
}
.basic__about {
display: var(--flex);
justify-content: var(--space-between);
align-items: var(--center);
}
.basic__about-block {
width: 48%;
display: var(--flex);
flex-direction: var(--column);
gap: 20px;
}
.basic__about-header {
display: var(--flex);
flex-direction: var(--column);
gap: 12px;
}
.basic__about-content {
display: var(--flex);
flex-direction: var(--column);
gap: 20px;
}
.basic__troble {
display: var(--flex);
flex-direction: var(--column);
gap: 50px;
}
.basic__troble-list {
display: var(--flex);
flex-direction: var(--row);
gap: 20px;
}
.basic__troble-item {
padding: 30px;
display: var(--flex);
flex: 1;
border: 1px solid var(--clr-grey);
background: var(--clr-white);
position: relative; }
.basic__troble-item--mod {
justify-content: var(--center);
}
.basic__troble-item::after {
content: '';
position: var(--absolute);
left: -16px;
bottom: -16px;
width: 30px;
height: 30px;
display: var(--block);
transform: rotate(45deg);
border-top: 1px solid var(--clr-grey);
background-color: #fff;
}
.basic__troble-content {
width: 100%;
display: var(--flex);
flex-direction: var(--column);
justify-content: var(--flex-start);
gap: 6px;
}
.basic__troble-content--mod {
width: 80%;
display: var(--grid);
grid-template-columns: 1fr 1fr;
align-items: var(--center);
gap: 35px;
}
@media screen and (max-width: 768px) {
.basic__troble-content--mod {
width: 100%;
display: var(--flex);
flex-direction: var(--column);
align-items: flex-start;
gap: 12px;
}
}
.item__hover--item {
position: var(--relative);
}
.item__hover--img {
position: absolute;
top: -50%;
right: 100px;
height: 200px;
width: 330px;
object-fit: contain;
opacity: 0; transform: translateY(20px); transition: opacity 0.5s ease, transform 0.5s ease;
}
.item__hover--item:hover .item__hover--img,
.item__hover--item.active-hover .item__hover--img {
opacity: 1; transform: translateY(0); z-index: 6;
}
@media screen and (max-width: 1024px) {
.item__hover--img {
display: var(--none);
}
}
.basic__troble-title {
display: var(--flex);
align-items: var(--center);
justify-content: var(--space-between);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 120%;
}
.basic__troble-title::after {
content: '';
display: var(--block);
height: 14px;
width: 14px;
box-sizing: border-box;
background: var(--clr-oracle);
}
.article__subtitle-left {
font-size: 12px;
}
.basic__troble-text {
font-size: calc(var(--index) * .58);
}
.basic__comment {
display: var(--flex);
flex-direction: var(--column);
align-items: var(--center);
gap: 20px;
}
.basic__comment-block {
display: var(--flex);
flex-direction: var(--column);
align-items: var(--center);
gap: 20px;
text-align: var(--center);
}
.basic__comment-wrapper {
padding: 15px;
width: max-content;
display: var(--flex);
border: 2px solid var(--clr-orange, #F7A711);
}
.basic__comment-img {
height: 68px !important;
width: 68px !important;
object-fit: var(--cover);
}
.basic__comment-title {
max-width: 930px;
text-align: var(--center);
}
.basic__step--list {
width: 100%;
display: var(--flex);
flex-direction: var(--column);
align-items: var(--flex-start);
gap: 20px;
}
.basic__step--item {
padding: 23px 28px;
display: var(--flex);
align-items: var(--center);
justify-content: var(--space-between);
align-self: stretch;
border: 1px solid #CFD0D2;
background: #FBFBFB;
}
.basic__step--item::after {
content: '';
display: var(--block);
height: 20px;
width: 20px;
background-color: var(--clr-oracle);
} .work__accordion {
width: 100%;
}
.work__accordion-list {
display: var(--flex);
flex-direction: var(--column);
gap: 20px;
}
.work__accordion-item {
border: 1px solid rgb(207, 208, 210);
overflow: hidden;
}
.work__accordion-header {
padding: 12px 26px;
display: var(--flex);
align-items: var(--center);
justify-content: var(--space-between);
cursor: var(--pointer);
border-bottom: 1px solid rgb(207, 208, 210);
background: rgb(251, 251, 251);
transition: var(--transition);
}
.work__accordion-header::after {
content: '';
display: var(--block);
width: 50px;
height: 50px;
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/accordion_arrow.svg) center / cover;
transition: var(--transition);
}
.work__accordion-item.active .work__accordion-header::after {
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/accordion_arrow_active.svg) center / cover;
}
.work__accordion-number {
margin-right: 50px;
color: var(--clr-dark);
font-size: 40px;
line-height: 140%;
text-transform: var(--uppercase);
}
.work__accordion-title {
flex-grow: 1;
}
.work__accordion-body {
max-height: 0;
display: var(--flex);
justify-content: var(--space-between);
overflow: var(--hidden);
transition: max-height 0.3s ease-out, padding 0.3s ease-out;
}
.work__accordion-content {
max-width: 552px;
display: var(--flex);
flex-direction: var(--column);
gap: 40px;
}
.work__accordion-img {
max-width: 526px;
}
.work__accordion-item.active .work__accordion-body {
padding: 30px 67px;
max-height: var(--auto);
} .basic-how__education {
display: var(--flex);
justify-content: var(--space-between);
align-items: var(--center);
}
.how__education--cubic_icon::before {
content: '';
display: var(--block);
height: 20px;
width: 20px;
background-color: var(--clr-oracle);
}
.how__educaqtion-block {
width: 48%;
display: var(--flex);
flex-direction: var(--column);
align-items: var(--flex-start);
gap: 20px;
}
.how__education-article {
display: var(--flex);
flex-direction: var(--column);
align-items: var(--flex-start);
gap: 12px;
}
.how__education-list {
display: var(--flex);
flex-direction: var(--column);
align-items: var(--flex-start);
align-content: var(--flex-start);
gap: 20px;
}
.how__education-item {
padding: 15px;
display: var(--flex);
align-items: var(--center);
gap: 16px;
border: 2px solid var(--clr-oracle);
} .main__client-wrapper {
width: 100%;
display: var(--flex);
flex-direction: var(--column);
align-items: var(--center);
}
.client__list {
margin-top: 40px;
display: var(--grid);
grid-template-columns: repeat(5, calc(var(--index) * 5.92));
gap: calc(var(--index)* 1.2);
}
.client__img {
width: 100%;
height: 100%;
display: var(--block);
object-fit: var(--cover);
}
.basic-payment {
padding-bottom: 70px;
}
.basic-time__delevery {
padding: 70px 0;
color: var(--clr-white);
background-color: var(--clr-dark);
} .basic-text__content {
display: var(--flex);
align-items: var(--center);
text-align: var(--center);
}
.basic-text__content p {
max-width: 930px;
} .swiper {
width: 100%;
height: 100%;
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.swiper-button-next::after, 
.swiper-button-prev::after {
content: "" !important;
display: var(--block);
}
.swiper-button-next {
width: 50px !important;
height: 50px !important;
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/slider_btn_default_right.svg) center / cover;
}
.swiper-button-prev {
width: 50px !important;
height: 50px !important;
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/slider_btn_default.svg) center / cover;
} .basic-video {
width: 100%;
display: var(--flex);
flex-direction: var(--column);
gap: 50px;
}
.videoSwiper {
width: 100%;
}
.basic-video__item {
width: 100%;
height: 560px;
display: block;
border: 1px solid var(--clr-grey);
background-color: var(--clr-white);
}
.basic-testimonials__item {
margin-right: 20px !important;
height: var(--auto);
display: var(--flex) !important;
flex-direction: var(--column);
gap: 20px;
border: 1px solid var(--clr-grey);
background-color: var(--clr-white);
}
.basic-testimonials__item::after {
content: '';
position: var(--absolute);
left: -16px;
bottom: -16px;
width: 30px;
height: 30px;
display: var(--block);
transform: rotate(45deg);
border-top: 1px solid var(--clr-grey);
background-color: #fff;
}
.basic-tesimonials__header {
padding: 50px 24px 0;
display: var(--flex);
align-items: var(--center);
gap: 40px;
}
.basic-testimonials__content {
padding: 0 24px 50px;
} .catalog__product-item {
display: var(--flex);
flex-direction: var(--column);
border: 1px solid rgb(207, 208, 210);
background: rgb(251, 251, 251);
transition: var(--transition);
}
.catalog__product-item:hover {
-webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}
.catalog__product-wallpaper {
position: var(--relative);
}
.catalog__product-wallpaper.icon__list {
position: var(--absolute);
top: 20px;
left: 20px;
display: var(--flex);
flex-direction: var(--row);
gap: 7px;
pointer-events: var(--none);
z-index: 2;
}
.catalog__product-wallpaper.icon__item {
width: 25px;
height: 25px;
display: var(--block);
object-fit: var(--cover);
}
.catalog__product-img {
max-width: 100%;
max-height: calc(var(--index)* 8.31);
display: var(--block);
aspect-ratio: 1 / 1;
object-fit: var(--cover);
}
.catalog__product-article {
padding: 20px;
display: var(--flex);
flex-direction: var(--column);
gap: 12px;
}
.catalog__product-block {
padding-bottom: 16px;
display: var(--flex);
flex-direction: var(--column);
gap: 10px;
}
.catalog__product-feature {
display: var(--flex);
flex-direction: var(--column);
gap: 10px;
}
.catalog__product-wrapper {
display: var(--flex);
flex-direction: var(--column);
gap: 10px;
}
.catalog__product-price.current {
color: var(--clr-black);
font-size: calc(var(--index) * 1);
font-weight: 700;
line-height: 120%;
text-align: var(--left);
}
.catalog__product-price.old {
color: var(--clr-grey);
text-decoration: line-through;
} .basic-subtitle__content {
width: 70%;
text-align: var(--center);
}
.basic-basic__content {
display: var(--flex);
gap: 20px;
align-items: var(--center);
}
.basic__content-reverse {
flex-direction: row-reverse;
}
.basic__content-article {
width: 50%;
display: var(--flex);
flex-direction: var(--column);
gap: 20px;
}
.basic__content-img {
width: 50%;
}
.basic-video__btns {
display: var(--flex);
justify-content: var(--center);
}
.basic-btn::after {
content: '';
display: var(--block);
width: calc(var(--index)* .43);
height: calc(var(--index)* .43);
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/arrow.svg) center / cover;
transition: var(--transition);
}
.basic-btn:hover::after {
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/arrow_yellow.svg) center / cover;
}
.basic-pech {
width: 100%;
display: var(--flex);
flex-direction: var(--column);
gap: 50px;
}
.basic-construct {
display: var(--flex);
flex-direction: var(--column);
gap: 50px;
}
.basic-construct__wrap {
display: var(--flex);
flex-direction: var(--row);
gap: 20px;
}
.basic-recomendation {
width: 100%;
display: var(--flex);
flex-direction: var(--column);
gap: 50px;
} .case__list {
display: var(--grid);
grid-template-columns: repeat(2, 1fr);
align-items: var(--flex-start);
gap: 20px;
}
.case__item {
width: 100%;
}
.case__wallpaper {
position: var(--relative);  }
.case__wallpaper::after {
position: var(--absolute);
bottom: 30px;
right: 30px;
content: '';
display: var(--block);
width: calc(var(--index) * 1.67);
height: calc(var(--index) * 1.67);
transition: var(--transition);
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/services__arrow.svg) center / cover;
}
.case__wallpaper:hover::after {
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/services__arrow-yellow.svg) center / cover;
}
.case__img {
width: 100%;
height: 100%;
display: var(--block);
object-fit: contain;
}
.case__article {
padding: 20px 0;
display: var(--flex);
flex-direction: var(--column);
align-items: var(--flex-start);
gap: 10px;
} .basic-camera__wrapper {
gap: 20px;
}
.basic-camera__img {
width: 50%;
}
.basic-camera__item {
width: 50%;
display: var(--flex);
flex-direction: var(--column);
align-items: var(--flex-start);
justify-content: var(--space-between);
align-self: stretch;
}
.basic-camera__cube {
display: var(--flex);
align-items: var(--center);
justify-content: var(--space-between);
}
.basic-camera__cube::before {
position: var(--relative);
top: 50%;
content: '';
width: 14px;
height: 14px;
display: block;
background: var(--clr-oracle);
}
.basic-camera__cube p {
max-width: 95%;
}
.basic-system__filter {
display: var(--grid);
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.system__filter-item {
padding: 30px;
display: var(--flex);
border: 1px solid var(--clr-grey);
background: var(--clr-white);
position: relative; }
.system__filter-item::after {
content: '';
position: var(--absolute);
left: -16px;
bottom: -16px;
width: 30px;
height: 30px;
display: var(--block);
transform: rotate(45deg);
border-top: 1px solid var(--clr-grey);
background-color: #fff;
} .main__geografy-wrapper {
display: var(--flex);
flex-direction: var(--column);
align-items: var(--center);
}
.geografy__img {
width: 100%;
display: var(--block);
object-fit: var(--cover);
}
.btn__maps::after {
width: calc(var(--index)* .43);
height: calc(var(--index)* .43);
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/arrow.svg) center / cover;
}
.btn__maps:hover::after {
transform: rotate(90deg);
background: no-repeat url(//okras-rnd.ru/wp-content/themes/aktek/assets/ui/arrow_yellow.svg) center / cover;
} .basic-article {
max-width: 820px;
display: var(--flex);
flex-direction: var(--column);
align-items: var(--center);
gap: 20px;
}
.camera__section_article-text {
max-width: 930px;
}
.coloring_section__article-text {
max-width: 568px;
}
.coloring_section__article-center {
text-align: center;
align-items: center;
}
.clear__text_block {
display: flex;
flex-direction: column;
gap: 20px;
align-items: center;
justify-content: center;
}
.how__clear-item {
width: 100%;
box-sizing: border-box;
}
.basic-clear__cube {
width: 100%;
justify-content: normal;
gap: 10px;
}
@media screen and (max-width: 1640px) { .client__list {
margin-top: 40px;
display: var(--grid);
grid-template-columns: repeat(5, 198px);
gap: 40px;
} }
@media screen and (max-width: 1280px) { .client__list {
width: 100%;
grid-template-columns: repeat(4, 1fr);
} }
@media screen and (max-width: 1024px) {
.basic__body {
padding: 40px 0 0;
gap: 50px;
}
.basic__about {
flex-direction: column-reverse;
gap: 20px;
}
.basic__about-block {
width: 100%;
}
.basic__troble-list {
display: var(--flex);
flex-direction: var(--column);
}
.basic-how__education {
width: 100%;
flex-direction: var(--column);
gap: 32px;
}
.how__educaqtion-block {
width: 100%;
}
.how__education-list {
width: 100%;
}
.how__education-item {
align-self: var(--stretch);
} .work__accordion-header {
padding: 8px;
}
.work__accordion-number {
margin-right: 10px;
font-size: 20px;
}
.work__accordion-header::after {
width: 24px;
height: 24px;
}
.work__accordion-title {
max-width: 70%;
font-size: 12px;
}
.work__accordion-item.active .work__accordion-body {
padding: 24px;
}
.work__accordion-body {
flex-direction: var(--column);
align-items: var(--center);
}
.work__accordion-content {
max-width: var(--max-content);
}
.work__accordion-img {
max-width: 100%;
} .basic-system__filter {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 768px) {
.basic__troble-item {
width: var(--auto);
}
.basic-time__delevery {
padding: 40px 0;
}
.basic-subtitle__content {
width: 100%;
}
.basic-basic__content {
flex-direction: var(--column);
}
.basic__content-article {
width: 100%;
}
.article__subtitle-center {
font-size: 12px;
} .client__list {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
} .basic-recomendation {
margin-bottom: 40px;
}
.basic__troble-title {
font-size: 12px;
}
.basic__troble-text {
font-size: 10px;
}
}
@media screen and (max-width: 430px) { .case__list {
display: var(--flex);
flex-direction: var(--column);
gap: 10px;
}
.case__wallpaper::after {
bottom: 20px;
right: 20px;
width: calc(var(--index)* 3);
height: calc(var(--index)* 3);
}
.case__article {
padding: 10px 0;
}
.case__title {
font-size: 18px;
font-weight: 700;
line-height: 120%;
} .basic-construct__wrap {
flex-direction: var(--column);
}
.basic-camera__cube p {
max-width: 90%;
}
.basic-system__filter {
grid-template-columns: repeat(1, 1fr);
}
}