@charset "UTF-8";
/*
 * IRONPEAK
 */


/* ---tmp--- */
a.skip-link.screen-reader-text,
body:not(.category.category-blog) aside.widget-area,
footer.site-footer {
    display: none;
}

/* -- */

html {
    scroll-behavior: smooth;
}

.hidden {
    display: none !important;
}

/* ? WP */
.flex {
    display: flex;
}

.flex.wrap {
    flex-wrap: wrap;
}

.partners-logo .flex.wrap.flex-wrapper {
    align-items: center;
}

@media screen and (min-width: 562px) {
    .partners-logo .flex.wrap.flex-wrapper {
        justify-content: space-between;
        gap: 1rem;
    }

    .partners-logo figure img {
        max-width: 350px;
    }
}

@media screen and (max-width: 561px) {
    .partners-logo.slider {
        overflow: hidden;
    }

    .partners-logo.slider .flex.wrap.flex-wrapper {
        flex-wrap: nowrap;
        width: max-content;
        position: relative;
        left: 0;
        -webkit-transition: left .5s;
        -moz-transition: left .5s;
        -ms-transition: left .5s;
        -o-transition: left .5s;
        transition: left .5s;
    }

    .partners-logo.slider .flex.wrap.flex-wrapper>.column.flex {
        width: 100vw;
    }

    .partners-logo figure img {
        padding: .5rem;
    }
}

.form-alert.alert-success,
.form-alert.alert-error {
    position: fixed;
    left: 0;
    right: 0;
    top: 1rem;
    z-index: 333;
    width: 600px;
    max-width: 90vw;
    margin: 1rem auto;
    padding: 2rem;
    background-color: #222;
    box-shadow: #000 8px 8px 32px;
}

.form-alert.alert-success svg,
.form-alert.alert-error svg {
    position: absolute;
    right: .75rem;
    top: .75rem;
    fill: #eee;
}

.auth-wrapper div.auth-user {
    text-align: center;
    margin: 4rem auto;
    padding-bottom: 1rem;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #282c44;
}

.auth-wrapper .auth-user span a {
    color: #C0B283;
}

.auth-wrapper .auth-user form a {
    color: #E25822;
}

.auth-wrapper .auth-user a:hover {
    text-decoration: 1px solid underline;
}

.flex.center-center {
    justify-content: center;
    align-items: center;
}

.flex-block-columns {
    align-items: normal !important;
    box-sizing: border-box;
    display: flex;
}

.is-layout-grid {
    display: grid;
}

@media (min-width: 782px) {
    .flex-block-columns {
        flex-wrap: nowrap !important;
    }
}

/* ? */

:root body.custom-background {
    background-color: #000000;
}

body {
    margin: 0;
    padding: 0;
    width: 100vw;
    min-height: 100vh;
    background-color: #000;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-wrap: break-word;
    word-wrap: break-word;
    font-family: "Roboto Slab", serif;
    font-style: normal;
    color: #fff;
}

* {
    -webkit-tap-highlight-color: transparent !important;
    /* Antiblik */
}

*,
::before,
::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* ПРИМ: 16px в inputs, необходимые для не масштабирования на Iphone */
form input[type="text"],
form input[type="password"],
form input[type="email"],
form input[type="url"],
form input[type="date"],
form input[type="month"],
form input[type="time"],
form input[type="datetime"],
form input[type="datetime-local"],
form input[type="week"],
form input[type="number"],
form input[type="search"],
form input[type="tel"],
form input[type="color"],
form select,
form textarea {
    font: inherit;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .03em;
    width: 100%;
    background-color: transparent;
}

:where(input, textarea, select)::placeholder {
    color: #bbb
}

input[type="time"]::-webkit-calendar-picker-indicator {
    padding: 4px;
    background-color: #C0B283;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

input[type="time"]:focus {
    border-color: #E25822;
    box-shadow: 0 0 5px #e2582273;
}

form input[type="text"]:focus,
form input[type="password"]:focus,
form input[type="email"]:focus,
form input[type="tel"]:focus,
form input[type="url"]:focus,
form input[type="search"]:focus,
form input[type="number"]:focus,
form textarea:focus {
    border-color: #E25822;
    box-shadow: 0 0 8px #e2582273;
}

input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
    display: none;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="submit"],
/*input[type="date"],*/
textarea {
    -webkit-appearance: none;
    appearance: none;
}

input[type="date"] {
    min-width: max-content;
}

form.wpcf7-form label.checkbox span.wpcf7-list-item-label {
    padding-left: .25rem;
}

form.wpcf7-form label.checkbox input[type="checkbox"] {
    width: 1em;
    height: 1em;
    padding-right: 0.5em;
    position: static;
    display: inline;
    float: left;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0 auto 1.5rem;
}

body .form-container form span.wpcf7-not-valid-tip {
    color: #E560CC;
    font-size: .7em;
    position: absolute;
    margin: 0;
    left: 0;
    bottom: -1.25em;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0px 40rem #000 inset;
    transition: background-color 5000s ease-in-out 0s;
}

/* input:-internal-autofill-selected {
    border: 2px solid #C0B283 !important;
    -webkit-border-radius: 3em;
    -moz-border-radius: 3em;
    -ms-border-radius: 3em;
    -o-border-radius: 3em;
    border-radius: 3em;
} */

input:-internal-autofill-selected {
    border: none;
    border-bottom: 2px solid #E25822 !important;
    /* border-width: 2px !important;
    border-style: solid !important;
    border-color: #C0B283 !important;
    border-image: initial !important; */
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

:is(h1, h2, h3, h4, h5, h6) {
    font-weight: 400;
}

h1,
h2 {
    display: block;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: inherit;
}

a,
a svg path {
    text-decoration: none;
    color: inherit;
    transition-duration: .5s;
}

a:hover,
a:hover svg path {
    transition-duration: .5s;
}

ul {
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
}

blockquote {
    display: block;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}


button {
    margin: 0;
    padding: 0;
    border-width: 0;
    border-style: inherit;
    border-color: inherit;
    border-image: initial;
    color: inherit;
    background: transparent none;
    cursor: pointer;
}

/* Dev tmp.= */
.inline-flex {
    display: inline-flex;
}

.items-center {
    align-items: center;
}

.content-center {
    justify-content: center;
}

.direction-column {
    flex-direction: column;
}

.direction-column-reverse {
    flex-direction: column-reverse;
}

.gap\:1rem {
    gap: 1rem;
}

.auth.wrapper .logo-min {
    cursor: default;
}

.auth.wrapper .close-btn {
    margin-top: 1rem;
}

.auth.wrapper:where(.login-open, .register-open) .logo-min {
    -webkit-animation: rotate 3s 1s linear infinite;
    animation: rotate 3s 1s linear infinite;
}

@keyframes rotate {
    0% {
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rorateZ(0deg);
        -ms-transform: rorateZ(0deg);
        -o-transform: rorateZ(0deg);
        transform: rorateZ(0deg);
    }

    100% {
        -webkit-transform: rotateZ(360deg);
        -moz-transform: rorateZ(360deg);
        -ms-transform: rorateZ(360deg);
        -o-transform: rorateZ(360deg);
        transform: rorateZ(360deg);
    }
}

.auth.wrapper :where(.log-in, .register) {
    box-shadow: 0 0 60px #c0b2831c !important;
    cursor: default;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    border-radius: 1rem;
}

.auth.wrapper :where(.log-in, .register) .gap\:1rem {
    margin-top: 1.25rem;
}

.auth.wrapper :where(.log-in, .register) form {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    row-gap: 1.25rem;
}

.auth.wrapper :where(.log-in, .register) form :is(span, a) {
    font-size: 85%;
}

.auth.wrapper form button[type="submit"] {
    font-size: calc(18px + 2 * (100vw - 1024px)/ (1920 - 1024));
    font-weight: 400;
    text-transform: uppercase;
    width: 100%;
    justify-content: center;
    background: linear-gradient(-100deg, #C0B283 -12.96%, #E25822 113.22%);
    background-size: 100%;
    transition-duration: .5s;
    padding: .4em 1em;
    -webkit-border-radius: 6em;
    -moz-border-radius: 6em;
    -ms-border-radius: 6em;
    -o-border-radius: 6em;
    border-radius: 6em;
}

.auth.wrapper form button[type="submit"]:hover {
    background-size: 250%;
}

.auth.wrapper form input:not([type="checkbox"]) {
    padding: .5em 0;
    border-bottom: 2px solid #C0B2834D;
}

.auth.wrapper form input:not([type="checkbox"]):focus {
    box-shadow: none;
    border-color: #C0B283;
}

.auth.wrapper form input[type="checkbox"] {
    margin: 0 .25em 0 0;
}

/* .auth.wrapper * {
    border-color: #ffa50082 !important;
} */

section.auth.wrapper span.close-btn svg {
    stroke: #fff;
}

/* ---  */

p,
em,
a,
li,
span,
blockquote,
figcaption,
button {

    font-family: "Roboto Slab", serif;
    font-style: normal;
    font-weight: 300;
    font-size: calc(20px + 4 * (100vw - 1024px)/ (1920 - 1024));
    /* color: #fff; */
    transition-duration: .5s;
}

input {
    outline: none;
    border: none;
    font-family: inherit;
    font-size: 16px;
}

input[type="search" i] {
    padding: 0;
    color: inherit;
    font-family: "Roboto Slab", serif;
}

textarea {
    outline: none;
    border: none;
    resize: none;
    font-size: 16px;
    border-width: inherit;
    border-color: inherit;
}

div.site {
    position: relative;
    width: 100%;
    padding: 0 5vw;
    min-height: 100vh;
    overflow: hidden;
}

header.entry-header.align--wide,
header.page-header.align--wide {
    overflow: hidden;
    width: 100vw;
    position: relative;
    text-align: center;
    left: -5vw;
    /* padding-top: calc(3vw + 64px + 6 * (100vw - 1024px) / (1920 - 1024)); */
    padding-top: calc(3vw + 80px + 8 * (100vw - 1024px) / (1920 - 1024));
}

body.single .category-blog .entry-header.align--wide {
    width: 100%;
    left: auto;
}

figure.post-thumbnail {
    max-width: 800px;
    margin: 6rem auto 1rem;
}

/* Web-Development */
div.ellipse-13 {
    position: absolute;
    width: 1590px;
    width: 200%;
    height: 1590px;
    height: 246%;
    left: -133%;
    top: -192%;
    background: radial-gradient(22.48% 23.65% at 57.65% 50%, rgba(4, 240, 255, 0.2) 0%, rgba(4, 240, 255, 0) 100%);
    z-index: -1;
}

aside.clients-testimonials .ellipse-1 {
    position: absolute;
    width: 110%;
    height: 110%;
    left: -36%;
    top: -40%;
    background: radial-gradient(28.01% 29.47% at 57.65% 50%, rgba(255, 0, 207, 0.085) 0%, rgba(255, 0, 207, 0.125) 0.01%, rgba(255, 0, 207, 0) 100%);
    z-index: -1;
}

/*ENTRY HEADER H1*/
header.align--wide h1 {
    position: relative;
    margin: 0 auto;
    font-family: "Roboto Serif", serif;
    font-weight: 300;
    line-height: .85;
    text-transform: capitalize;
    text-align: center;
    background: linear-gradient(0deg, rgba(255, 0, 207, 0.15) 13.85%, rgba(0, 177, 255, 0.15) 87%), rgba(187, 51, 220, 0.2);
    background: linear-gradient(42.22deg, rgba(192, 178, 131, 0.15) 13.85%, rgba(226, 88, 34, 0.15) 87%), rgba(192, 178, 131, 0.2);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

body.page-id-32 header.align--wide h1.entry-title {
    line-height: 1.15;
}

body.page-id-30 header.align--wide h1.entry-title {
    line-height: 1.05;
}

body.category header.align--wide h1 {
    font-size: 0;
}

header.align--wide h1 span {
    font-family: inherit;
    font-style: inherit;
    font-size: calc(112px + 98 * (100vw - 1024px) / (1920 - 1024));
    line-height: 1.2;
    word-break: break-word;
}

.archive-description {
    display: none;
}

body.category.category-services .page-header.align--wide .page-title>span {
    display: block;
    width: max-content;
    margin-left: -.06em;
    font-size: calc(250px + 220 * (100vw - 1024px) / (1920 - 1024));
    line-height: .95;
}

body.single h1.entry-title {
    word-break: break-word;
}

/* SEARCH */
form.form-search {
    margin: 0 auto 2em;
}

form.form-search label {
    display: none;
}

.search-wrapper {
    width: 100%;
    position: relative;
    padding: 2px;
    background: linear-gradient(180deg, rgba(192, 178, 131, 0.5) 0%, rgba(226, 88, 34, 0) 100%), linear-gradient(89.75deg, #C0B283 2.35%, #C0B283 32.95%, #E25822 94.13%);
    -webkit-border-radius: 3em;
    -moz-border-radius: 3em;
    -ms-border-radius: 3em;
    -o-border-radius: 3em;
    border-radius: 3em;
    z-index: 3;
}

form.form-search .search-wrapper input {
    width: 100%;
    height: calc(50px + 25 * (100vw - 1024px)/ (1920 - 1024));
    padding: 16px 32px;
    font-size: 24px;
    background-color: #000000de;
    border: none;
    color: #a3938d;
    -webkit-border-radius: 3em;
    -moz-border-radius: 3em;
    -ms-border-radius: 3em;
    -o-border-radius: 3em;
    border-radius: 3em;
}

button.search_button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: calc(180px + 56 * (100vw - 1024px)/ (1920 - 1024));
    font-weight: 500;
    font-size: calc(20px + 4 * (100vw - 1024px)/ (1920 - 1024));
    line-height: 1.2;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    background: linear-gradient(100.2deg, #FF00CF -12.96%, #0FB5FE 113.22%);
    background: linear-gradient(100.2deg, #C0B283 -12.96%, #E25822 113.22%);
    background-size: 100%;
    transition-duration: .5s;
    -webkit-border-radius: 150px 75px 75px 0px;
    -moz-border-radius: 150px 75px 75px 0px;
    -ms-border-radius: 150px 75px 75px 0px;
    -o-border-radius: 150px 75px 75px 0px;
    border-radius: 150px 75px 75px 0px;
}

button.search_button:hover {
    background-size: 200%;
    transition-duration: .5s;
}

@media (max-width:512px) {
    form.form-search .search-wrapper input {
        font-size: 16px;
        padding: 1em;
    }
}

/* CATEGORIES  */
body.page .subcategories-menu {
    margin-bottom: 3em;
}

div.swiper {
    position: static;
    width: 100%;
    margin-top: 1em;
    padding: 0;
    overflow-x: visible;
}

div.categories {
    margin-top: 1em;
    margin-bottom: 1em;
    display: flex;
    align-items: center;
    pointer-events: auto;
    z-index: 10;
}

aside.widget-area-2.clients-testimonials {
    text-align: center;
}

aside.widget-area-2.clients-testimonials img {
    max-width: 200px;
}

div.categories :is(.left-btn, .right-btn) {
    position: absolute;
    z-index: 10;
    min-width: calc(68px + 28 * (100vw - 360px)/ (1920 - 360));
    min-height: calc(68px + 28 * (100vw - 360px)/ (1920 - 360));
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: #a7674fb5; */
    background: #c0b28359;
    opacity: 1;
    transition-duration: 1s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

div.categories :is(.left-btn, .right-btn):hover {
    background: #c0b283;
}

aside.top-video .video-swiper span.left-btn,
aside.top-video .video-swiper span.right-btn {
    top: 30%;
    background: #0000009e;
}

aside.top-video .video-swiper span.left-btn,
div.categories span.left-btn {
    right: calc(-1em + 8px);
    z-index: 11;
}

aside.top-video .video-swiper span.right-btn,
div.categories span.right-btn {
    left: -1em;
}

aside.top-video .video-swiper span.left-btn svg,
aside.top-video .video-swiper span.right-btn svg,
div.categories span.left-btn svg,
div.categories span.right-btn svg {
    width: calc(48px + 12 * (100vw - 1024px)/ (1920 - 1024));
    aspect-ratio: 1/1;
    height: calc(48px + 12 * (100vw - 1024px)/ (1920 - 1024));
    padding: 20%;
    fill: #ff9a7a;
    cursor: pointer;
}

aside.top-video .video-swiper span.left-btn svg,
aside.top-video .video-swiper span.right-btn svg {
    fill: #fff;
}

aside.top-video .video-swiper span.left-btn svg:hover,
aside.top-video .video-swiper span.right-btn svg:hover,
div.categories span.left-btn svg:hover,
div.categories span.right-btn svg:hover {
    fill: #f87148;
}

.categories ul {
    display: flex;
    width: 100%;
    position: relative;
    left: 0;
    transition-duration: .5s;
    cursor: e-resize;
}

.categories ul li span {
    padding: 4px;
    display: flex;
    background: linear-gradient(rgba(124, 11, 112, 0.5) 0%, rgba(223, 173, 214, 0) 100%);
    flex-grow: 1;
    justify-content: center;
    width: min-content;
    -webkit-border-radius: 90px 90px 10px 10px;
    -moz-border-radius: 90px 90px 10px 10px;
    -ms-border-radius: 90px 90px 10px 10px;
    -o-border-radius: 90px 90px 10px 10px;
    border-radius: 90px 90px 10px 10px;
}

.categories ul li {
    padding-inline-end: 1em;
}

.categories ul li:hover {
    -webkit-transform: translateY(-.3em);
    -moz-transform: translateY(-.3em);
    -ms-transform: translateY(-.3em);
    -o-transform: translateY(-.3em);
    transform: translateY(-.3em);
}

.categories ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: calc(65px + 28 * (100vw - 1024px)/ (1920 - 1024));
    background: linear-gradient(180deg, #1e1e14 0%, rgb(10 8 3) 100%);
    font-family: "Roboto Slab", serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    font-size: calc(20px + 4 * (100vw - 1024px)/ (1920 - 1024));
    line-height: 1.1;
    text-transform: uppercase;
    text-align: center;
    color: #FFFFFF;
    padding: 0 2em;
    z-index: 3;
    -webkit-border-radius: 90px 90px 10px 10px;
    -moz-border-radius: 90px 90px 10px 10px;
    -ms-border-radius: 90px 90px 10px 10px;
    -o-border-radius: 90px 90px 10px 10px;
    border-radius: 90px 90px 10px 10px;
}

/* pagination */
.at-pagination {
    width: 100%;
    margin-top: 2rem;
}

.at-pagination span.page-numbers.current {
    color: #dd6739;
}

.at-pagination nav {
    width: max-content;
    margin: auto;
    display: flex;
    gap: .35em;
}

.at-pagination nav> :nth-child(n) {
    padding: 0.35em;
}

.at-pagination svg {
    vertical-align: middle;
}

.at-pagination svg.before {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

/* PAGE BACKGROUND  */
.background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
}

.background>div {
    position: absolute;
    z-index: -1;
}

.background .ellipse-1 {
    width: 90vw;
    aspect-ratio: 1/1;
    height: 90vw;
    right: -20vw;
    top: -45vh;
    background: radial-gradient(48.68% 48.68% at 36.17% 42.21%, rgba(192, 178, 131, 0.15) 0%, rgba(192, 178, 131, 0) 79.09%)
}

.background .ellipse-3 {
    width: 1735px;
    aspect-ratio: 1/1;
    height: 1735px;
    left: 1168px;
    top: 445px;
    background: radial-gradient(30.67% 31.11% at 32.96% 44.52%, rgb(11 32 123 / 35%) 0%, rgba(44, 78, 221, 0) 100%);
}

.background .ellipse-4 {
    width: 2322px;
    aspect-ratio: 1/1;
    height: 2322px;
    left: calc(100% * 961 / 1920);
    top: calc(100% * -925 / 970);
    background: radial-gradient(48.68% 48.68% at 36.17% 42.21%, rgba(4, 240, 255, 0.25) 0%, rgba(67, 4, 105, 0) 79.09%);
}

.background .ellipse-7 {
    width: 90vw;
    aspect-ratio: 1/1;
    height: 90vw;
    right: -35vw;
    bottom: -40vw;
    background: radial-gradient(28.01% 29.47% at 57.65% 50%, rgba(255, 0, 207, 0.085) 0%, rgba(255, 0, 207, 0.125) 0.01%, rgba(255, 0, 207, 0) 100%);
}

.background .ellipse-8 {
    width: 90vw;
    aspect-ratio: 1/1;
    height: 90vw;
    left: -45%;
    bottom: -43vw;
    background: radial-gradient(28.01% 29.47% at 57.65% 50%, rgba(0, 24, 153, 0.125) 0%, rgba(0, 43, 153, 0.25) 0.01%, rgba(0, 43, 153, 0) 100%);
}

/* FLEX */
body:not(.archive) .is-layout-flex.cg-5 {
    column-gap: 5rem;
    margin-top: 2rem;
}

@media screen and (max-width:1023px) {

    aside.top-video .video-swiper span.left-btn,
    div.categories span.left-btn {
        right: -1em;
    }
}

@media screen and (min-width:768px) {
    .is-layout-flex.cg-5 .block-image {
        width: 90%;
        max-width: 450px;
        margin-left: auto;
        margin-right: 0;
    }
}

@media screen and (max-width:512px) {
    .categories ul li a {
        font-size: 14px;
    }
}

/* ADD css */
.hidden {
    display: none !important;
}

.entry-content>.block-group {
    margin-top: 5rem;
}

/* FOR PAGES CREATED BY BLOCK EDITOR */
a img {
    transition-duration: .4s;
}

.gap-4rem {
    gap: 4em;
}

.gap-4em {
    gap: 4em;
}

@media screen and (max-width: 1280px) {
    .has-contact-form .is-layout-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 767px) {
    .has-contact-form .is-layout-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.has-strong-is-block p strong {
    display: block;
}

.page-content-container .has-strong-is-block p strong {
    color: #dd6739;
}

body h2.block-heading.no-border {
    border: none;
}

.block-heading a {
    font: inherit;
    /* text-transform: capitalize; */
    background: linear-gradient(-270deg, #C0B283 2.01%, #E25822 80.01%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    background-size: 100%;
    transition-duration: .5s;
}

.block-heading a:hover {
    background-size: 300%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

main .entry-content .page-content-container {
    margin: 4rem auto;
}

.page-content-container h2.block-heading.big-title {
    margin: 1em auto;
    text-align: center;
    font-family: "Roboto Serif", serif;
    font-size: calc(60px + 30 * (100vw - 1024px) / (1920 - 1024));
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 0;
    background: linear-gradient(-180deg, #C0B283 2.01%, #E25822 80.01%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.page-content-container .contact-form-wrapper {
    padding: 2em 2em 3em 2em;
}

.page-content-container .contact-form {
    overflow: hidden;
    position: relative;
    max-width: 700px;
    min-width: auto;
    margin: auto;
    -webkit-border-radius: .6em;
    -moz-border-radius: .6em;
    -ms-border-radius: .6em;
    -o-border-radius: .6em;
    border-radius: .6em;
}

.page-content-container section.has-contact-form {
    margin-top: 8rem;
}

.block-list.has-arrow-short li {
    margin-bottom: .5em;
}

.block-list.has-arrow-short.position-left li .icon-arrow-short {
    margin-right: .5em;
}

/* DIV BACKGROUND  */
/* div.rectangle-18 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, #0B1146 0.03%, rgba(11, 17, 70, 0.3) 100.02%);
    border-radius: 10px;
    z-index: -1;
}

div.ellipse-11 {
    position: absolute;
    width: 100%;
    height: 80%;
    left: -35%;
    top: -40%;
    background: radial-gradient(48.68% 48.68% at 36.17% 42.21%, rgba(4, 240, 255, 0.5) 0%, rgba(67, 4, 105, 0) 79.09%);
    z-index: -1;
}

div.ellipse-12 {
    position: absolute;
    width: 100%;
    height: 90%;
    left: -50%;
    top: auto;
    bottom: -10%;
    background: radial-gradient(48.68% 48.68% at 36.17% 42.21%, #430469 0%, rgba(67, 4, 105, 0) 64.58%);
    z-index: -1;
}

div.ellipse-13 {
    position: absolute;
    width: 113%;
    height: auto;
    aspect-ratio: 1/1;
    left: auto;
    right: -80%;
    top: -10%;
    background: radial-gradient(48.68% 48.68% at 36.17% 42.21%, #430469 0%, rgba(67, 4, 105, 0) 64.58%);
    z-index: -1;
}

div.ellipse-14 {
    position: absolute;
    width: 200%;
    height: auto;
    aspect-ratio: 1/1;
    left: 25%;
    top: 45%;
    background: radial-gradient(40.99% 40.99% at 36.17% 42.21%, rgba(0, 26, 255, 0.9) 0%, rgba(0, 26, 255, 0) 59.81%);
    z-index: -1;
}

.form-container form {
    display: flex;
    flex-direction: column;
    gap: .5em;
}

.form-container form>p {
    width: 100%;
    margin: .5em auto;
} */

/* PAGE BACKGROUND */
div.page-wrap .ellipse-1 {
    position: absolute;
    width: 90vw;
    height: 90vw;
    right: -20vw;
    top: -45vh;
    background: radial-gradient(61.7% 93.16% at 75.24% -7.08%, rgba(80, 80, 80, 0.5) 0%, rgba(120, 0, 230, 0.5) 0.2%, rgba(255, 0, 207, 0) 100%);
    z-index: -1;
}

div.page-wrap .ellipse-3 {
    position: absolute;
    width: 1735px;
    height: 1735px;
    left: 1168px;
    top: 445px;
    background: radial-gradient(30.67% 31.11% at 32.96% 44.52%, rgba(44, 78, 221, 0.35) 0%, rgba(44, 78, 221, 0) 100%);
    z-index: -1;
}

div.page-wrap .ellipse-4 {
    position: absolute;
    width: 2322px;
    height: 2322px;
    left: calc(100% * 961 / 1920);
    top: calc(100% * -925 / 970);
    background: radial-gradient(48.68% 48.68% at 36.17% 42.21%, rgba(4, 240, 255, 0.25) 0%, rgba(67, 4, 105, 0) 79.09%);
    z-index: -1;
}

div.page-wrap .ellipse-7 {
    position: absolute;
    width: 90vw;
    height: 90vw;
    right: -35vw;
    bottom: -40vw;
    background: radial-gradient(28.01% 29.47% at 57.65% 50%, rgba(255, 0, 207, 0.085) 0%, rgba(255, 0, 207, 0.125) 0.01%, rgba(255, 0, 207, 0) 100%);
    z-index: -1;
}

div.page-wrap .ellipse-8 {
    position: absolute;
    width: 90vw;
    height: 90vw;
    left: -45%;
    bottom: -43vw;
    background: radial-gradient(28.01% 29.47% at 57.65% 50%, rgba(0, 24, 153, 0.125) 0%, rgba(0, 43, 153, 0.25) 0.01%, rgba(0, 43, 153, 0) 100%);
    z-index: -1;
}

.page-content-container .form-container input[type="submit"] {
    width: max-content;
    padding: .75em 1.5em;
    aspect-ratio: auto;
}

/* .page-content-container .form-container .contact-form {
    max-width: 500px;
	min-width: auto;
    margin: auto;
} */

.page-content-container .contact-form h3 {
    width: fit-content;
    font-family: "Roboto Serif", serif;
    font-weight: 400;
    font-size: calc(21px + 10 * (100vw - 513px) / (1920 - 513));
    line-height: 1.5;
    text-align: center;
    margin: auto;
    padding-bottom: .5em;
    margin-bottom: .5em;
}

/* .page-content-container .form-title::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(89.79deg, #C0B283 2.01%, #E25822 80.01%);
    margin-top: .5em;
} */

.block-group.align--full.our-team.slider>div {
    width: 100%;
    overflow: hidden;
}

.our-team.slider .block-group.flex-wrapper {
    gap: 3rem;
}

.our-team.slider .block-heading.partner-name {
    margin-bottom: 0;
}

.our-team.slider .block-heading.partner-name a,
.our-team.slider .block-heading.partner-name {
    color: #C0B283;
    font-size: 130%;
}

.our-team.slider .block-heading.partner-name a {
    text-decoration: 1px dotted underline;
}

/* .our-team.slider .block-heading.partner-name a:hover {
    color: #dd6739;
    text-decoration: 1px solid underline;
} */

p.has-text-align-center.area-activity {
    margin-top: .5em;
}

.our-team.slider .block-group.flex-wrapper.is-layout-grid>div {
    text-align: center;
}

.our-team.slider button.see-more {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: .25em;
    height: auto;
    aspect-ratio: 185/60;
    width: calc(130px + 55 * (100vw - 1024px) / (1920 - 1024));
    margin: 2em auto;
    background: linear-gradient(-100deg, rgb(192, 178, 131) -12.96%, rgb(226, 88, 34) 113.22%) 0% 0% / 100%;
    background-size: 100%;
    font-family: 'Zilla Slab', serif;
    font-weight: 500;
    font-size: calc(18px + 6 * (100vw - 1024px) / (1920 - 1024));
    line-height: 1.2;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    transition-duration: .5s;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
}

.our-team.slider button.see-more:hover {
    background-size: 250%;
}

@media screen and (max-width:1260px) {
    body .block-group.flex-wrapper.is-layout-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width:767px) {
    body .block-group.flex-wrapper.is-layout-grid {
        width: max-content;
        display: unset;
        display: flex;
    }

    body .our-team.slider .block-group.flex-wrapper {
        display: flex;
        gap: 0;
        position: relative;
        left: 0;
        transition-duration: .5s;
    }

    body .block-group.flex-wrapper.is-layout-grid>:nth-child(n) figure.block-image.size-medium.is-style-rounded {
        margin-bottom: 1em;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        aspect-ratio: 1/1;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
    }

    .our-team.slider .parent-dots {
        display: flex;
        justify-content: center;
        margin-top: 2em;
    }

    .our-team.slider .slider-dot {
        width: 10px;
        height: 10px;
        background: #bbb;
        margin: 0 5px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
    }
}



/*  */
.our-team.slider .block-image.is-style-rounded img {
    max-width: 300px;
}

figure.block-image.is-style-rounded img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.flex-block-columns.align--full.are-vertically-aligned-top {
    align-items: flex-start;
}

.block-group .entry-content {
    margin-top: 6rem;
}

.block-group i.icon-arrow-long>* {
    display: inline-block;
}

.block-groupp.has-arrow-long.position-right i {
    display: inline-block;
    width: 1.25em;
    font-size: inherit;
    position: relative;
    margin-left: .25em;
    bottom: -.05em;
}

body:not(.category-services) main .entry-content>div {
    margin: 1rem 0;
}

.block-group button.send-the-request {
    position: relative;
    background: transparent none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1em 2em;
    font-size: calc(17px + 7 * (100vw - 1024px)/ (1920 - 1024));
}

.block-group button.send-the-request span {
    font: inherit;
}

.block-group button.send-the-request:hover span {
    color: #dd6739;
}

.block-group button.send-the-request svg {
    position: absolute;
}

.block-group button.send-the-request:hover svg rect {
    stroke: #dd6739;
}

.block-group .has-send_the_request {
    font-size: calc(20px + 4 * (100vw - 1024px)/ (1920 - 1024));
    column-gap: 2em;
}

.block-heading.more {
    margin-top: 1em;
}

.block-group.content.single-inside h3.block-heading {
    /* width: fit-content; */
    margin: 1em auto 1rem 0;
    font-family: "Roboto Serif", serif;
    font-weight: 400;
    font-size: calc(36px + 6 * (100vw - 1024px)/ (1920 - 1024));
    line-height: 1.1;
    /* text-transform: capitalize; */
    /* border-bottom: 2px solid #309fb9c4; */
    /* background: linear-gradient(89.84deg, #dd6739 1.54%, #C0B283 61.44%), #FFFFFF;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent; */
}

body.singular .category-blog .block-group.content.single-inside h3.block-heading {
    margin-left: 0;
}

.service-page .service-page-container h2.block-heading {
    font-family: "Roboto Serif", serif;
    font-weight: 400;
    font-size: calc(60px + 30 * (100vw - 1024px)/ (1920 - 1024));
    line-height: 1.1;
    text-transform: capitalize;
}

.service-page-container .has-send_the_request p,
body.single .has-send_the_request p {
    color: #309fb9c4;
}

.block-group .term>:last-child {
    color: #2196f3;
}

.service-post-first-container>*:not(.block-heading) {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

ul#anchor-nav {
    margin-bottom: 2em;
}

ul#anchor-nav li {
    margin-bottom: .5em;
}

.service-post-first-container ul li {
    font-size: calc(22px + 6 * (100vw - 1024px)/ (1920 - 1024));
    line-height: 1.5;
    margin-bottom: 0;
}

body.single .category-services h2.block-heading:not(.more) {
    margin-top: .5em;
    padding-bottom: .3em;
}

@media screen and (max-width:1023px) {
    body .flex-block-columns.is-layout-flex.stack-on-mobile-1023 {
        flex-direction: column;
        align-items: center !important;
    }
}

@media screen and (max-width:767px) {
    .block-group .has-send_the_request {
        flex-direction: column;
        row-gap: 2em;
    }
}

/* .end tmt */
.bg-ellipse-13 {
    position: relative;
}

.bg-ellipse-13 .ellipse-13 {
    position: absolute;
    width: 1590px;
    width: 200%;
    height: 1590px;
    height: 400%;
    left: -126%;
    top: -150%;
    background: radial-gradient(22.48% 23.65% at 57.65% 50%, #dd673926 0%, #04f0ff00 100%);
    z-index: -1;
}

h2.block-heading:not(.more, .big-title) {
    font-family: "Roboto Serif", serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(36px + 6 * (100vw - 1024px)/ (1920 - 1024));
    line-height: 1.1;
    /* text-transform: capitalize; */
}

.service-page h3.block-heading:not(.more, .big-title)::after,
h2.block-heading:not(.more, .big-title, .big-heading)::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(89.79deg, #C0B283 2.01%, #E25822 80.01%);
    /* margin-top: .5em; */
    margin-top: 1.5rem;
}

.testimonials .flex {
    gap: 2rem;
}

.testimonials .testimonial {
    flex-basis: 50%;
    background: linear-gradient(180deg, #282828 0.03%, rgba(255, 124, 72, 0.3) 100.02%);
    padding: 2.5rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    border-radius: 1rem;
}

.testimonials .testimonial>:first-child {
    margin-top: 0;
}

.testimonials .testimonial>:last-child {
    margin-bottom: 0;
}

:root .testimonials .block-heading {
    font-size: 7vw;
    text-align: center;
    margin: 1.75em auto 1em;
    text-transform: uppercase;
    background: linear-gradient(-270deg, #C0B283 2.01%, #E25822 80.01%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    background-size: 100%;
}

.testimonials p strong {
    font-size: 110%;
    color: #C0B283;
}

.testimonials p span {
    font-weight: 500;
}

.flex-block-columns {
    justify-content: space-between;
}

/* .fill-blue svg path {
    fill: #dd6739;
} */

.has-arrow-long>* {
    position: relative;
    padding-left: 2.25em;
}

.block-list li {
    margin-bottom: 1em;
}

.has-arrow-long li a {
    display: inline;
    position: static;
    border-bottom: 2px dotted;
    font-size: inherit;
    line-height: 1;
}

.buttons-container {
    margin-top: 3rem;
    display: flex;
    align-items: center;
}

.buttons-container .see-more {
    margin: 0;
}

.has-arrow-long a:hover {
    color: #C0B283;
}

.has-arrow-long a i {
    color: inherit;
}

.has-arrow-long a i svg path,
.has-arrow-long a i,
.has-arrow-long a {
    transition-duration: .5s;
}

.has-arrow-long a:hover i svg path {
    fill: currentColor;
}

ul.has-arrow-long li i.icon-arrow-long {
    line-height: 1.5;
    position: absolute;
    left: 0;
    top: 0;
}

.has-arrow-long li a:hover i.icon-arrow-long {
    left: .5em;
}

.see-more.has-arrow-long.position-right a:hover i {
    animation-name: seeMoreArrow;
    animation-duration: .75s;
}

@keyframes seeMoreArrow {
    0% {
        left: 0;
    }

    15% {
        left: 1em;
    }

    100% {
        left: 0;
    }
}

.has-arrow-long.position-right a i.icon-arrow-long {
    position: relative;
    left: 0;
}

.see-more {
    margin: 0 0 2em 0;
}

.see-more a {
    font-size: calc(22px + 6 * (100vw - 1024px)/ (1920 - 1024));
    display: inline-block;
    white-space: nowrap;
    padding: .5em 0;
    color: #dd6739;
    transition-duration: .5s;
}

@media screen and (max-width:767px) {
    .flex-block-columns:not(.is-not-stacked-on-mobile) {
        row-gap: 5rem;
        margin-bottom: 3rem;
    }

    .flex-block-columns:not(.is-not-stacked-on-mobile) {
        flex-direction: column;
    }

    .flex-block-columns.column-reverse:not(.is-not-stacked-on-mobile) {
        flex-direction: column-reverse;
    }
}

/* .end BLOCK EDITOR */

/* SEARCH */
form.form-search label {
    display: none;
}

aside.subscribe span {
    display: block;
}

body.page-template-at-knowledge-base aside.clients-testimonials.subscribe .ellipse-1 {
    left: auto;
    right: -30%;
}

body.page-template-at-knowledge-base div.site-content {
    margin-bottom: 6rem;
}

aside.widget-area-2.clients-testimonials.subscribe h2 {
    font-size: calc(50px + 40 * (100vw - 1024px) / (1920 - 1024));
    background: linear-gradient(-180deg, #C0B283 2.01%, #E25822 80.01%);
    -webkit-background-clip: text;
    background-clip: text;
    line-height: 1.1;
    text-transform: none;
}


aside.widget-area-2.clients-testimonials.subscribe h2 span {
    font-family: inherit;
    text-transform: uppercase;
    font-size: calc(28px + 22 * (100vw - 1024px) / (1920 - 1024));
    line-height: 1.1;
    background: linear-gradient(0deg, rgba(255, 0, 207, 0.15) 13.85%, rgba(0, 177, 255, 0.15) 87%), rgba(187, 51, 220, 0.2);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

aside.widget-area-2.clients-testimonials.subscribe {
    max-width: 1420px;
    margin-left: auto;
    margin-right: auto;
}

div.nav-links {
    padding: .5em;
    width: max-content;
    border: 1px dotted red;
}

div.nav-links a svg {
    vertical-align: middle;
}

aside.knowledge-base-widget-area div.wrapper {
    display: flex;
    column-gap: 1em;
}

aside.knowledge-base-widget-area.top-video div.wrapper>figure {
    min-width: 360px;
    height: max-content;
    margin: 0;
}

header.entry-header h2.entry-title a {
    font-family: "Roboto Serif", serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(36px + 6 * (100vw - 1024px)/ (1920 - 1024));
    line-height: 1.1;
    text-transform: capitalize;
}

header.entry-header h2.entry-title a:hover {
    color: #E560CC;
    ;
}

body.category section.content {
    margin-top: 0;
}

.post {
    margin-top: 4rem;
}

body.page-id-393 aside.widget-area {
    display: block;
}

em>a {
    color: inherit;
}

em>a:hover {
    color: #2196f3;
}

body.page-id-393 header.entry-header.align--wide {
    overflow: hidden;
    width: 100%;
    position: static;
    margin: auto;
    text-align: center;
}

body.page-id-393 h1.entry-title {
    font-size: calc(150px + 114 * (100vw - 1024px) / (1920 - 1024));
}

/* Отключение фона на странице поста */
body.single div.rectangle-36 {
    display: none;
}

/* --- */


figure.post-thumbnail img {
    display: block;
    margin: auto;
}

h1 {
    font-size: 4em;
}

.page.post-23 h1.entry-title {
    font-size: calc(251px + 220 * (100vw - 1024px) / (1920 - 1024));
    margin-left: -.07em;
}

body.page-id-169 header.entry-header.align--wide h1 {
    font-size: calc(215px + 192 * (100vw - 1024px) / (1920 - 1024));
    line-height: .85;
    margin-left: -.14em;
}

body.page-id-167 header.entry-header.align--wide h1 {
    font-size: calc(170px + 150 * (100vw - 1024px) / (1920 - 1024));
    line-height: .85;
    margin-left: -.12em;
}

body.page-id-132 header.entry-header.align--wide h1 {
    font-size: calc(112px + 98 * (100vw - 1024px) / (1920 - 1024));
    line-height: .85;
    margin-left: -.14em;
}

body.page-id-178 header.entry-header.align--wide h1,
body.page-id-156 header.entry-header.align--wide h1 {
    font-size: calc(112px + 98 * (100vw - 1024px) / (1920 - 1024));
    line-height: .85;
}

div.page-title h1 {
    display: none;
}

aside.widget-area-2.clients-testimonials em {
    color: #C297BC;
}

footer.footer-off {
    display: none;
}

header.page-header.align--wide h1 {
    width: 100%;
}

body.blog .post {
    padding: 5vw;
}

.archive-description {
    position: absolute;
    left: -3.5em;
    margin-top: 4em;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.site-header p.menu-item-description {
    display: none;
}

.knowledge-base-widget-area h2 {
    z-index: 2;
}

body:not(.single-post) .post-quote {
    background: linear-gradient(180deg, #0B1146 0.03%, rgba(11, 17, 70, 0.4) 100.02%);
    background-size: 110%;
    background-position: left, top;
    margin: 0;
}

blockquote.post-quote p {
    margin: 0;
}

div.frame {
    position: relative;
}

.format-video iframe {
    width: 100%;
    aspect-ratio: 560/315;
    height: auto;
}

iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 560/315;
}

iframe.yt {
    width: 100%;
    margin: auto;
    display: block;
}

img.front {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: .3;
}

div.frame iframe {
    width: 100%;
    aspect-ratio: 560/315;
    height: auto;
}

.final-render video {
    display: block;
    height: 100% !important;
    width: 100% !important;
    margin: auto;
}

.knowledge-base-article {
    margin: auto;
}

.knowledge-base-article {
    margin: auto;
    width: 100%;
    flex-basis: 49%;
}

aside.knowledge-base-widget-area.knowledge-base-top div.wrapper {
    display: flex;
    flex-direction: column;
    height: auto;
    flex-wrap: wrap;
}

.knowledge-base-widget-area {
    flex-basis: calc(50% - .5em);
}

span.quote-link svg path {
    fill: #dd6739;
}

.more-link-container {
    width: fit-content;
}

.post-quote {
    position: relative;
    overflow: hidden;
    padding: 2em 2em 3em 2em;
}

.more-link-container {
    display: none;
}

div.category-services .more-link-container {
    display: block;
}

.more-link-container a {
    color: #E560CC;
    padding: .5em 0;
}

.more-link-container a:hover {
    color: #2196f3;
}

.more-link-container span.screen-reader-text {
    margin-left: 1em;
}

.more-link-container a:hover span.screen-reader-text {
    animation-name: seeMore;
    animation-duration: 1s;
}

span.screen-reader-text svg {
    vertical-align: middle;
}

.more-link-container a:hover span.screen-reader-text svg path {
    fill: #dd6739;
}

@keyframes seeMore {
    0% {
        margin-left: 1em;
    }

    15% {
        margin-left: 2em;
    }

    100% {
        margin-left: 1em;
    }
}

span.quote-link {
    width: 100%;
    display: block;
    text-align: right;
    position: absolute;
    bottom: 1em;
    padding-right: 2em;
}

body.single p.blockquote {
    color: #309fb9c4;
    text-align: right;
}

body.single p.blockquote::before {
    content: "\00AB";
    margin-right: .25em;
}

body.single p.blockquote::after {
    content: "\00BB";
    margin-left: .25em;
}

.format-video .quote-link {
    display: none;
}

span.quote-link a {
    font-size: 0;
}

div#comments {
    max-width: 720px;
    margin: 0 auto;
}

:where(.comment-form) :is(input:not(.submit), textarea) {
    font-family: inherit;
    color: #fff;
    font-size: 20px;
    padding: .75em 1.5em;
    border: 2px solid #dd6739;
    border-radius: 2em;
}

.comment-form .form-submit {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    background: transparent none;
    font-size: calc(17px + 7 * (100vw - 1024px)/ (1920 - 1024));
}

.comment-form input.submit {
    position: absolute;
    z-index: 2;
    color: #fff;
    padding: 0;
    background: transparent none;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    -ms-border-radius: 2em;
    -o-border-radius: 2em;
    border-radius: 2em;
}

.comment-form p:not(.comment-form-cookies-consent) label {
    line-height: 2;
}

.comment-author.vcard {
    max-width: 60px;
    margin-bottom: .75em;
    display: flex;
    align-items: flex-end;
    gap: .5em;
}

.comments-title {
    font-size: 2rem;
    color: #dd6739;
}

.comment-reply-title {
    font-size: 2.5rem;
    color: #dd6739;
}

.comment-reply-title small {
    margin-left: .5em;
}

.comment-respond span.required {
    color: #E560CC;
}

.comments-area .comment-metadata * {
    font-size: .9em;
    color: #b9d9e7;
}

.comment-author.vcard img {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
}

ol.comment-list {
    padding-left: 2em;
}

ol.comment-list li.comment::marker {
    color: #dd6739;
}

ol.comment-list li.comment {
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #373b51;
}

ol.comment-list li.comment ol.children>:last-child {
    border: none;
}

a.comment-reply-link {
    color: #dd6739;
    font-weight: 500;
    text-decoration: 1px dotted underline;
}

a.comment-reply-link:hover {
    color: #E560CC;
    text-decoration: 1px solid underline;
}

a#cancel-comment-reply-link {
    color: #E560CC;
    text-decoration: 1px dotted underline;
}

a#cancel-comment-reply-link {
    text-decoration: 1px solid underline;
}

/* * */

footer.entry-footer.default-max-width span a {
    color: #E560CC;
}

footer.entry-footer.default-max-width span a:hover {
    color: #036591;
}

div.comment-respond {
    margin: 2rem auto;
}

/* --- */
body.search-results .post {
    border-top: 2px solid #dd6739;
    padding-top: 2em;
    margin-top: 2rem;
}

body.search-results article a {
    color: #036591;
    text-decoration: underline 1px dotted;
}

body.search-results article a:hover {
    text-decoration: underline 1px solid;
}

body.search-results article a.more-link:hover {
    color: #E560CC;
}

.search-result-count.default-max-width {
    font-size: calc(36px + 6 * (100vw - 1024px)/ (1920 - 1024));
    font-family: 'Zilla Slab', serif;
    padding: 2em 1em 1em 1em;
    text-align: center;
}


body.search-results div.nav-links {
    margin: 4em auto;
}

/* --- */

iframe.top {
    width: 100%;
    aspect-ratio: 560/315;
    height: auto;
}

aside.knowledge-base-top div.wrapper> :nth-child(n) {
    min-width: calc(256px - 10vw - .5em);
    width: calc(50% - .5em);
    margin: 0;
}

aside.knowledge-base-top div.wrapper figure {
    background: #000;
    z-index: 2;
}

aside.top-video .video-swiper span.left-btn svg,
aside.top-video .video-swiper span.right-btn svg,
div.categories span.left-btn svg,
div.categories span.right-btn svg {
    width: calc(56px + 12 * (100vw - 360px)/ (1920 - 360));
    height: calc(56px + 12 * (100vw - 360px)/ (1920 - 360));
}

aside.widget-area-3 div.wrapper {
    display: flex;
}

.category-wrapper {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1em;
    margin-top: 2em;
    margin-bottom: 4em;
    flex-direction: column;
    max-height: 100%;
    position: relative;
    padding-bottom: 5em;
}

.category-wrapper article {
    min-width: calc(256px - 10vw - .5em);
    margin-top: 2em;
    width: 100%;
    padding-bottom: 1em;
}

body.archive nav.navigation.pagination {
    margin: 1em auto;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

nav.navigation.pagination {
    width: fit-content;
    margin: 1em auto;
}

.knowledge-base-category-menu {
    display: none;
}

body.category-knowledge-base header.entry-header,
body.category .fool-content {
    display: none;
}

body.archive .format-quote .entry-content {
    position: relative;
}

span.page-description.search-term {
    margin: 0 .1em;
}

/* ---- */

body div.categories ul li {
    padding: 4px;
    margin-right: 14px;
    display: flex;
    background: linear-gradient(rgba(124, 11, 112, 0.5) 0%, rgba(223, 173, 214, 0) 100%);
    background: linear-gradient(180deg, rgba(192, 178, 131, 0.5) 0%, rgba(226, 88, 34, 0) 100%);
    flex-grow: 1;
    justify-content: center;
    width: min-content;
    -webkit-border-radius: 90px 90px 10px 10px;
    -moz-border-radius: 90px 90px 10px 10px;
    -ms-border-radius: 90px 90px 10px 10px;
    -o-border-radius: 90px 90px 10px 10px;
    border-radius: 90px 90px 10px 10px;
}

body.single div.entry-content {
    width: 100%;
}

span.post-quote-link {
    top: -2em;
    text-align: right;
    position: relative;
    right: 2em;
    z-index: 1;
}

aside.knowledge-base-top .wrapper>div {
    background: #000;
    z-index: 2;
}

.knowledge-base-widget-area div.frame {
    background: #000;
    z-index: 2;
}

figure {
    margin: 0;
}

figure.block-video video {
    width: 100%;
    height: auto;
}

figure.block-video.top {
    background: #000;
    z-index: 2;
}

/* страница поиска */
body.search.search-results .final-render.top {
    display: flex;
    align-items: flex-start;
    gap: 1em;
}

body.search.search-results p.post-description {
    margin: 0;
}

div#infinite-handle {
    margin: 2em auto;
    width: max-content;
}

div#infinite-handle button {
    background: transparent;
    border: 1px dotted green;
    padding: .5em 1em;
}

.search-result-count.default-max-width {
    position: relative;
}

.search-result-count.default-max-width input {
    font-size: 1.25rem;
    background: #000000a6;
    border: 2px solid darkred;
    color: #fff;
    padding: .5em 2em;
    width: fit-content;
    vertical-align: top;
    cursor: pointer;
    position: fixed;
    right: 1em;
    bottom: 1em;
    z-index: 10;
    -webkit-border-radius: 3em;
    -moz-border-radius: 3em;
    -ms-border-radius: 3em;
    -o-border-radius: 3em;
    border-radius: 3em;
}

.search-result-count.default-max-width input:hover {
    background: #000000;
}

span#infinite-aria {
    position: fixed;
    bottom: 0;
    color: red;
    background: #222;
    padding: 0 .5em;
}

/* top-video */
aside.knowledge-base-widget-area.top-video {
    position: relative;
}

.wrapper.top-video-wrapper {
    position: relative;
    left: 0;
    transition-duration: .5s;
}

aside.top-video .video-swiper span.left-btn {
    right: calc(-5vw - 1em);
}

aside.top-video .video-swiper span.right-btn {
    left: calc(-5vw - 1em);
}



aside.knowledge-base-widget-area p {
    margin-top: .1em;
}

/* 404 search & Archive .no-results.not-found */
section.no-results.not-found {
    width: 100%;
}

body.category-blog main.site-main,
body.error404 main.site-main {
    min-height: calc(100vh - 105px - 112px);
}

section.no-results.not-found .page-content,
body.error404 .page-content {
    margin-top: 5rem;
}

section.no-results.not-found form.search-form,
body.error404 form.search-form {
    width: 100%;
    position: relative;
    padding: 2px;
    background: linear-gradient(89.75deg, #7C0B70 2.35%, #006066 32.95%, #430F78 65.45%, #0058A9 94.13%), linear-gradient(180deg, rgba(124, 11, 112, 0.5) 0%, rgba(223, 173, 214, 0) 100%);
    z-index: 3;
    display: flex;
    -webkit-border-radius: 3em;
    -moz-border-radius: 3em;
    -ms-border-radius: 3em;
    -o-border-radius: 3em;
    border-radius: 3em;
}

section.no-results.not-found form.search-form label,
body.error404 form.search-form label {
    display: none;
}

section.no-results.not-found input.search-field,
body.error404 form.search-form input.search-field {
    width: 100%;
    height: 100%;
    height: calc(50px + 25 * (100vw - 1024px)/ (1920 - 1024));
    padding: 16px 32px;
    font-size: 24px;
    background-color: #000000de;
    color: #dd6739;
    -webkit-border-radius: 3em;
    -moz-border-radius: 3em;
    -ms-border-radius: 3em;
    -o-border-radius: 3em;
    border-radius: 3em;
}

section.no-results.not-found form.search-form input.search-submit,
body.error404 form.search-form input.search-submit {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: calc(180px + 56 * (100vw - 1024px)/ (1920 - 1024));
    font-weight: 500;
    font-size: calc(20px + 4 * (100vw - 1024px)/ (1920 - 1024));
    line-height: 1.2;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    transition-duration: .5s;
    background: linear-gradient(100.2deg, #FF00CF -12.96%, #0FB5FE 113.22%);
    background-size: 100%;
    -webkit-border-radius: 150px 75px 75px 0px;
    -moz-border-radius: 150px 75px 75px 0px;
    -ms-border-radius: 150px 75px 75px 0px;
    -o-border-radius: 150px 75px 75px 0px;
    border-radius: 150px 75px 75px 0px;
}

@media screen and (max-width:1023px) {
    aside.widget-area-2.clients-testimonials.subscribe h2 {
        display: none;
    }
}

@media screen and (min-width:513px) {
    .category-wrapper .category-knowledge-base {
        width: calc(50% - .5em);
    }
}

@media screen and (max-width:512px) {
    .knowledge-base-widget-area {
        flex-basis: 100%;
    }

    aside.knowledge-base-widget-area.top-video div.wrapper>figure {
        min-width: 90vw;
    }

    .knowledge-base-widget-area {
        flex-basis: 100%;
    }

    aside.knowledge-base-top div.wrapper> :nth-child(n) {
        min-width: 100%;
        margin: 0;
    }
}

/* SERVICES css */
/* splash-screen  */

.splash-logo-container {
    display: contents;
}

.splash-logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 820px;
    max-width: 80vw;
    position: fixed;
    left: 50%;
    top: 50%;
    opacity: .75;
    z-index: 112;
    pointer-events: none;
    transition-duration: 2.5s;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.splash-logo .logo {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.splash-logo .logo svg {
    height: auto;
}

.splash-logo .logo>:first-child {
    flex-basis: 43%;
}

.splash-logo .logo-components {
    flex-basis: 57%;
}

.splash-logo .logo-components svg {
    width: 100%;
}

span.splash-text {
    font-size: calc(30px + 14 * (100vw - 1024px)/ (1920 - 1024));
    position: relative;
    text-align: center;
    top: 1em;
}

.splash-logo {
    -webkit-animation: splash_logo 3s ease-in-out 1;
    animation: splash_logo 3s ease-in-out 1;
}

@keyframes splash_logo {
    0% {
        opacity: 0;
    }

    100% {
        opacity: .75;
    }
}

.splash-screen {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    opacity: 1;
    transition-duration: 1.5s;
    z-index: 110;
}

.splash-screen-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.splash-screen.off {
    opacity: .1;
    -webkit-transform: translateY(-110vh);
    -moz-transform: translateY(-110vh);
    -ms-transform: translateY(-110vh);
    -o-transform: translateY(-110vh);
    transform: translateY(-110vh);
}

.splash-screen-off {
    height: 75px;
    width: 75px;
    position: absolute;
    bottom: 0;
}

.splash-screen-off button {
    width: 100%;
    height: 100%;
    background: transparent;
    padding: 25%;
}

.splash-screen-off button svg {
    fill: #dd6739;
    width: 100%;
    height: 100%;
    animation-name: splash_chevron;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    transition-duration: .4s;
}

.splash-screen-off button:hover svg {
    animation: none;
    fill: #fff;
    transition-duration: .4s;
}

@keyframes splash_chevron {
    0% {
        fill: #dd6739;
    }

    50% {
        fill: #e2ab95;
    }

    100% {
        fill: #dd6739;
    }

}

@media (max-width: 512px) {
    .splash-screen-figure {
        margin-bottom: 77px;
    }

    .splash-screen-off {
        bottom: 90px;
    }
}


/* SPLASH SCREEN BACKGROUND  */
.splash-screen-background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: -1;
}

div.ellipse {
    display: block;
    position: absolute;
    min-width: 100%;
    aspect-ratio: 1/1;
    height: auto;
    z-index: 1;
}

div.ellipse-1 {
    width: 1228px;
    min-width: 65%;
    left: calc(464px + 456 * (100vw - 1024px) / (2560 - 1024));
    top: -407px;
    background: radial-gradient(61.7% 93.16% at 75.24% -7.08%, rgba(36, 0, 255, 0.3) 0%, rgb(255 152 0 / 45%) 0.01%, rgba(255, 0, 207, 0) 100%);
}

div.ellipse-3 {
    width: 1735px;
    min-width: 90%;
    left: calc(464px + 456 * (100vw - 1024px) / (2560 - 1024));
    top: 560px;
    background: radial-gradient(30.67% 31.11% at 32.96% 44.52%, rgba(0, 255, 194, 0.2) 0%, rgba(0, 255, 194, 0) 100%);
}

div.ellipse-4 {
    width: 2322px;
    min-width: 120%;
    left: calc(-569px + 456 * (100vw - 1024px) / (2560 - 1024));
    top: -751px;
    /* background: radial-gradient(48.68% 48.68% at 36.17% 42.21%, rgba(4, 240, 255, 0.25) 0%, rgba(67, 4, 105, 0) 79.09%); */
    background: radial-gradient(48.68% 48.68% at 36.17% 42.21%, #42c8a424 0%, rgb(105 75 4 / 0%) 79.09%);
}

div.ellipse-5 {
    width: 1986px;
    min-width: 105%;
    left: calc(-755px + 456 * (100vw - 1024px) / (2560 - 1024));
    top: -558px;
    background: radial-gradient(24.32% 24.32% at 26.75% 75.68%, rgb(255 152 0 / 24%) 0%, rgba(18, 17, 85, 0) 100%);
}

/* CONTENT */
.page-title {
    text-align: center;
    width: 100%;
}

header.entry-header.align--wide h1 {
    width: max-content;
    margin-left: -.04em;
    font-size: calc(257px + 225 * (100vw - 1024px) / (1920 - 1024));
    line-height: .95;
    text-transform: uppercase;
}

body.terms header.entry-header.align--wide .entry-title {
    margin: auto;
    text-align: center;
}

body.terms .entry-content {
    max-width: 1024px;
    margin: 3em auto;
}

/* если SEARCH накладывается на h1 */
body.home .form-search {
    position: absolute;
    bottom: 5%;
    left: 5vw;
    right: 5vw;
}

.form-search {
    margin: auto;
    opacity: .6;
}

.service-page .form-search {
    margin-top: 2em;
}

.form-search:focus-within {
    opacity: 1;
}

/* CONTENT BLOCKS  */
.content {
    position: relative;
    width: 100%;
    /* display: flex;
    justify-content: space-between;
    margin-block-start: 3em; */
}

.content div.ellipse-13 {
    position: absolute;
    width: 1590px;
    width: 200%;
    height: 1590px;
    height: 400%;
    left: -126%;
    top: -150%;
    background: radial-gradient(22.48% 23.65% at 57.65% 50%, rgba(4, 240, 255, 0.2) 0%, rgba(4, 240, 255, 0) 100%);
    z-index: -1;
}

.content>div {
    display: flex;
}

.content>:nth-child(1) {
    /* flex-basis: 55%; */
    flex-direction: column;
}

/* .content>:nth-child(1) p {
    border-top: 2px solid #dd6739;
    line-height: 1.5;
    padding-block-start: 1em;
} */

.content>:nth-child(2) {
    flex-basis: 45%;
    align-items: center;
    justify-content: center;
    padding-inline-start: 3rem;
}

@media (max-width:767px) {

    .content>:nth-child(1) {
        flex-basis: 100%;
        width: 100%;
    }

    .content>:nth-child(2) {
        display: none;
    }

    form.form-search {
        position: static;
        padding-block-start: 1em;
        padding-inline-end: 5vw;
        padding-inline-start: 5vw;
    }
}

.content h2 {
    font-family: "Roboto Serif", serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(36px + 6 * (100vw - 1024px)/ (1920 - 1024));
    line-height: 1.1;
    text-transform: capitalize;
}

.content ol {
    padding-inline-start: 1.75em;
}

.content ul {
    padding-inline-start: .5em;
}

.content ul li {
    position: relative;
    font-size: calc(22px + 6 * (100vw - 1024px)/(1920 - 1024));
    line-height: 1.3;
    width: fit-content;
    margin-block-start: .35em;
}

ul.subcategories li a {
    display: inline;
    position: relative;
    border-bottom: 2px dotted;
    font-size: inherit;
    line-height: 1;
}

ul.subcategories i.js-icon-arrow-long,
ul.subcategories i.icon-arrow-long {
    position: absolute;
    top: .25em;
    left: 0;
}

ul.subcategories li a svg {
    position: absolute;
    left: -2.5em;
    width: 1.5em;
    transition-duration: .5s;
}

ul.subcategories li a:hover {
    color: #E560CC;
    transition-duration: .5s;
}

ul.subcategories li a:hover svg {
    left: -2em;
    transition-duration: .5s;
}

ul.subcategories li a svg path {
    fill: #dd6739;
    transition-duration: .5s;
}

ul.subcategories li a:hover svg path {
    fill: #E560CC;
    transition-duration: .5s;
}

/*
.content div.buttons {
    margin-inline-start: 3rem;
}
*/

div.buttons button {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    background-color: transparent;
    margin-inline-end: 2em;
    padding: 1em 2em;
    font-size: calc(17px + 7 * (100vw - 1024px)/ (1920 - 1024));
    display: none;
}

div.buttons button svg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    height: auto;
    transform: translateY(-50%);
}

div.buttons button:hover svg rect {
    stroke: #2196f3;
}

.content div.buttons a {
    font-size: calc(22px + 6 * (100vw - 1024px)/ (1920 - 1024));
    display: inline-block;
    word-break: break-word;
    margin-inline-start: 2.5em;
    padding: .75em 0;
    color: #E560CC;
    transition-duration: 1s;
}

div.buttons a:hover {
    /* color: #dd6739; */
    transition-duration: 1s;
}

div.buttons a svg {
    vertical-align: middle;
    margin-inline-start: 1em;
    transition-duration: inherit;
}

div.buttons a:hover svg {
    transition-duration: inherit;
    animation-name: leanMore;
    animation-duration: 1.2s;
}

div.buttons a svg path {
    transition-duration: inherit;
}

div.buttons a:hover svg path {
    /* fill: #dd6739; */
    transition-duration: inherit;
}

@media screen and (min-width:1921px) {
    span.splash-text {
        font-size: 42px;
    }
}

@media (max-width:767px) {
    .content h2 {
        font-size: calc(28px + 5 * (100vw - 360px)/ (767 - 360));
    }

    .content ul li {
        margin-block-start: .5em;
    }

    ul.subcategories i.js-icon-arrow-long {
        left: 1rem;
    }
}

@keyframes leanMore {
    0% {
        margin-inline-start: 1em;
    }

    15% {
        margin-inline-start: 2em;
    }

    100% {
        margin-inline-start: 1em;
    }
}

/* HEADER */
/* a[aria-current="page"] {
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
} */


body.is-light-theme.site-nav-open {
    overflow: hidden;
    padding-inline-end: 8px;
}

.site-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}

.site-header.sticky-header {
    position: fixed;
    background: #000000e6;
    box-shadow: #dd673929 0px 12px 24px;
    animation-name: sticky-header;
    animation-fill-mode: both;
    animation-duration: .5s;
    -webkit-transform: translateY(-110%);
    -moz-transform: translateY(-110%);
    -ms-transform: translateY(-110%);
    -o-transform: translateY(-110%);
    transform: translateY(-110%);
}

@keyframes sticky-header {
    0% {
        -webkit-transform: translateY(-110%);
        -moz-transform: translateY(-110%);
        -ms-transform: translateY(-110%);
        -o-transform: translateY(-110%);
        transform: translateY(-110%);
    }

    100% {
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
    }

}

div.header-wrap {
    overflow: hidden;
    width: 100vw;
    padding: 3vw 5vw;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

div.header-wrap.site-nav-open {
    position: fixed;
}

/* === tmp ===  */
.site-header .border {
    border: none;
}

/* ===  */

@media (max-width:781px) {

    div.header-wrap div.talk-to-expert {
        margin-inline-end: 16px;
        position: absolute;
        right: 16vw;
    }

}

/* HEADER LOGO  */
div.site-logo {
    display: flex;
    z-index: 2;
}

div.site-logo a {
    display: flex;
    align-items: center;

}

.icon.logo,
.icon.logo .logo-components,
.logo-picture svg {
    height: inherit;
}

.logo-picture {
    height: calc(38px + 11 * (100vw - 1024px) / (1920 - 1024));
    margin-right: .5em;
    display: flex;
    align-items: center;
}

.icon.logo {
    display: flex;
    align-items: center;
    column-gap: 16px;
}

.icon.logo .logo-components {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 10px;
    justify-content: space-between;
}

.logo-picture svg {
    z-index: 100;
    transition-duration: 5s;
    width: auto;
}

div.logo-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* talk-to-expert button */
div.talk-to-expert {
    margin-inline-end: 70px;
}

div.talk-to-expert button {
    width: calc(180px + 70 * (100vw - 1024px)/ (1920 - 1024));
    height: calc(30px + 24* (100vw - 320px) / (1920 - 320));
    background: linear-gradient(-100deg, #C0B283 -12.96%, #E25822 113.22%);
    background-size: 100%;
    transition-duration: .5s;
    font-family: 'Roboto Slab', serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(14px + 12 * (100vw - 320px)/ (1920 - 320));
    line-height: 1.2;
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    -ms-border-radius: 90px;
    -o-border-radius: 90px;
    border-radius: 90px;
}

.talk-to-expert button:hover {
    background-size: 250%;
}

/* NAV  */
div.site-logo.site-nav-open {
    position: absolute;
    top: 0;
    left: 0;
    margin: 3vw 5vw;
}

div.talk-to-expert.site-nav-open {
    display: none;
}

/* nav button  */
span.site-nav-title {
    display: none;
    margin-block-end: .8em;
    font-family: 'Roboto Slab', serif;
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    font-size: calc(16px + 20 * (100vw - 320px) / (1920 - 320));
    line-height: 1em;
}

.nav-button {
    width: calc(54px + 16 * (100vw - 1024px) / (1920 - 1024));
    height: calc(38px + 11 * (100vw - 1024px) / (1920 - 1024));
    display: flex;
    position: relative;
    align-items: center;
    cursor: pointer;
    z-index: 100;
}

nav.site-nav-open .nav-button {
    position: absolute;
    right: 0;
    top: 0;
    margin: 3vw 5vw;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: transform 1s;
    -moz-transition: transform 1s;
    -ms-transition: transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s;
}

.nav-button span,
.nav-button span::before,
.nav-button span::after {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #ffffff;
    opacity: .85;
    flex-basis: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.nav-button span::before {
    content: "";
    position: absolute;
    top: 0;
}

.nav-button span::after {
    content: "";
    position: absolute;
    bottom: 0;
}

nav.site-nav-open .nav-button span {
    width: 0;
    height: 0;
    transition-duration: 0s;
}

nav.site-nav-open .nav-button span::before {
    top: 50%;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

nav.site-nav-open span::after {
    bottom: auto;
    top: 50%;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}


/* nav menu */
body.site-nav-open {
    overflow-y: hidden;
    padding-right: 8px;
}

.site-header nav {
    display: flex;
    justify-content: center;
    z-index: 3;
}

.site-header nav.site-nav-open {
    background: #000000;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    opacity: 1;
    transition-duration: 1s;
}

.site-header nav.site-nav-open .talk-to-expert {
    display: none;
}

.site-header nav.site-nav-open span,
.site-header nav.site-nav-open ul {
    display: block;
}

nav.site-nav ul {
    width: 100%;
    display: none;
}

nav.site-nav ul li {
    display: block;
    width: 100%;
    text-align: center;
}

span.site-nav-title::after {
    content: "";
    display: block;
    margin-block-start: 2px;
    width: 100%;
    height: 3px;
    background: linear-gradient(89.78deg, #dd6739 2.09%, #C0B283 83.18%);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

nav.site-nav-open ul li,
nav.site-nav-open span.site-nav-title {
    animation-name: nav-opacity;
    animation-fill-mode: both;
    animation-duration: 1s;
}

@keyframes nav-opacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

nav.site-nav ul> :not(:last-child) :nth-child(n)::after {
    content: "";
    display: block;
    margin: auto;
    margin-block-start: .25em;
    margin-block-end: .25em;
    width: 1em;
    height: 1px;
    background-color: #ffffff80;
}

nav.site-nav ul li :is(a, button) {
    display: block;
    margin: 0 auto;
    font-family: "Roboto Serif", serif;
    font-size: 100px;
    font-size: calc(32px + 68 * (100vw - 320px) / (1920 - 320));
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: capitalize;
    background: linear-gradient(-180deg, #C0B283 2.01%, #E25822 80.01%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    transition-duration: .5s;
}

nav.site-nav ul li :is(a, button):hover {
    -webkit-transform: scaleX(1.03);
    -moz-transform: scaleX(1.03);
    -ms-transform: scaleX(1.03);
    -o-transform: scaleX(1.03);
    transform: scaleX(1.03);
}

nav.site-nav ul li a[aria-current="page"] {
    background: linear-gradient(-180deg, #C0B283 2.01%, #ffffff 80.01%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

/* BACKGROUND */
.site-header .ellipse {
    position: absolute;
    height: auto;
    aspect-ratio: 1/1;
    display: none;
    z-index: -1;
}

nav.site-nav-open div.ellipse {
    display: block;
}

.site-header div.ellipse-1 {
    width: 90vw;
    left: calc(464px + 456 * (100vw - 1024px) / (1920 - 1024));
    top: -407px;
    background: radial-gradient(61.7% 93.16% at 75.24% -7.08%, rgba(36, 0, 255, 0.3) 0%, rgb(255 152 0 / 45%) 0.01%, rgba(255, 0, 207, 0) 100%);
}

.site-header div.ellipse-3 {
    width: 1735px;
    left: calc(464px + 456 * (100vw - 1024px) / (1920 - 1024));
    top: 560px;
    background: radial-gradient(30.67% 31.11% at 32.96% 44.52%, rgba(0, 255, 194, 0.2) 0%, rgba(0, 255, 194, 0) 100%);
}

.site-header div.ellipse-4 {
    width: 2322px;
    left: calc(-569px + 456 * (100vw - 1024px) / (1920 - 1024));
    top: -751px;
    /* background: radial-gradient(48.68% 48.68% at 36.17% 42.21%, rgba(4, 240, 255, 0.25) 0%, rgba(67, 4, 105, 0) 79.09%); */
    background: radial-gradient(48.68% 48.68% at 36.17% 42.21%, #42c8a424 0%, rgb(105 75 4 / 0%) 79.09%);
}

.site-header div.ellipse-5 {
    width: 1986px;
    left: calc(-755px + 456 * (100vw - 1024px) / (1920 - 1024));
    top: -558px;
    background: radial-gradient(24.32% 24.32% at 26.75% 75.68%, rgb(255 152 0 / 24%) 0%, rgba(18, 17, 85, 0) 100%);
}

/* FOOTER css */
#toTopBtn {
    background: #c0b28359;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition-duration: .3s;
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 12px;
    left: 12px;
    z-index: 90;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

#toTopBtn:hover {
    background: #c0b283;
}

.at-site-footer {
    width: 100%;
    margin-top: 5em;
}

.at-site-footer .footer-wrap {
    width: 100%;
    min-height: 7rem;
    padding-bottom: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    column-gap: 1rem;
    row-gap: 2rem;
}

.contacts .flex {
    gap: .25em;
}

.at-site-footer .site-info {
    text-align: center;
    flex-basis: 100%;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.at-site-footer .site-info * {
    font-size: 16px
}

.at-site-footer .footer-wrap ul {
    display: flex;
    gap: 1rem;
}

/* -----  */
.at-site-footer ul {
    height: 100%;
    width: fit-content;
}

.at-site-footer ul li a svg {
    vertical-align: bottom;
}

.at-site-footer .contacts ul li {
    margin-right: 1.5rem;
}

.at-site-footer .contacts ul li a {
    /* font-family: 'Microsoft YaHei UI', sans-serif; */
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
    text-align: left;
    vertical-align: bottom;
    align-items: center;
}

.at-site-footer .site-info a:hover,
.at-site-footer .contacts li a:hover {
    color: #C0B283;
    text-decoration: underline 1px dotted;
}

.at-site-footer .contacts li a svg path {
    transition-duration: .5s;
}

.at-site-footer .contacts li a:hover svg path {
    stroke: #C0B283;
    transition-duration: .5s;
}

.at-site-footer .social li a svg {
    width: 45px;
    height: 45px;
}

.at-site-footer .social li a svg circle {
    transition-duration: .5s;
}

.at-site-footer .social li a:hover svg circle {
    opacity: .5;
    transition-duration: .5s;
}

@media (max-width: 1023px) {
    .at-site-footer .contacts ul {
        flex-direction: column;
    }

    .service-page .entry-wrapper aside,
    aside .social {
        display: none;
    }

    .testimonials .flex {
        flex-direction: column;
    }
}

@media (min-width:513px) and (max-width:1023px) {
    .contacts ul li a {
        font-size: 16px;
    }
}

@media (max-width: 512px) {
    .at-site-footer {
        margin-top: 4rem;
    }

    .at-site-footer .footer-wrap {
        flex-direction: column;
    }

    .at-site-footer .footer-wrap>div {
        flex-basis: 100%;
    }

    .at-site-footer .site-info {
        text-align: center;
        margin-top: 0;
    }

    .at-site-footer div.contacts ul {
        flex-direction: column;
    }

    .at-site-footer .contacts ul li a svg {
        margin-right: .5rem;
    }

    .at-site-footer .social ul {
        justify-content: center;
        margin-top: .5rem;
        gap: 1em;
    }

    .at-site-footer .contacts ul li {
        margin-bottom: 0;
    }

    .at-site-footer .contacts ul li a {
        font-size: 16px;
    }

    .at-site-footer div.site-info span {
        font-size: 14px;
    }

}

/* ? ASIDE  */
aside.clients-testimonials {
    position: relative;
    margin-top: 6rem;
    margin-bottom: 6em;
}

div.page-wrap aside.clients-testimonials .ellipse-1 {
    position: absolute;
    width: 90%;
    height: 90%;
    left: -30%;
    top: -25%;
    background: radial-gradient(28.01% 29.47% at 57.65% 50%, rgba(255, 0, 207, 0.085) 0%, rgba(255, 0, 207, 0.125) 0.01%, rgba(255, 0, 207, 0) 100%);
    z-index: -1;
}

.clients-testimonials h2 {
    position: relative;
    font-family: 'Coldiac Free Regular', serif;
    font-weight: 400;
    font-size: calc(125px + 125 * (100vw - 1024px) / (1920 - 1024));
    line-height: .85;
    text-align: center;
    background: linear-gradient(0deg, rgba(255, 0, 207, 0.15) 13.85%, rgba(0, 177, 255, 0.15) 87%), rgba(187, 51, 220, 0.2);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    text-transform: capitalize;
}

body.knowledge-base aside h2 {
    font-size: calc(90px + 45 * (100vw - 1024px) / (1920 - 1024));
}

aside.clients-testimonials p {
    line-height: 1.5;
    margin-top: 0;
}

aside.clients-testimonials .wrapper {
    margin-top: 2em;
    display: flex;
    align-items: flex-start;
    gap: 2em;
}

aside.clients-testimonials .wrapper>div {
    flex-basis: 50%;
    padding: 3em 2em 2em 3em;
    overflow: hidden;
    position: relative;
    background: linear-gradient(180deg, #0B1146 0.03%, rgba(11, 17, 70, 0.4) 100.02%);
    background-size: 110%;
    background-position: left, top;
    transition-duration: .5s;
    -webkit-border-radius: .6em;
    -moz-border-radius: .6em;
    -ms-border-radius: .6em;
    -o-border-radius: .6em;
    border-radius: .6em;
}

aside.subscribe ul li {
    line-height: 1.7;
    margin-left: 3em;
}

aside.subscribe ul.subcategories li a {
    color: #FFFFFF;
    cursor: default;
    position: relative;
}

aside.subscribe ul.subcategories li a svg {
    width: 1.5em;
    margin-right: 1em;
    transition-duration: .5s;
    position: absolute;
    left: -3em;
    top: .35em;
}

aside.subscribe .price p {
    margin-bottom: 0;
}

aside.subscribe div.buttons button {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    background-color: transparent;
    margin-right: 0;
    padding: 1em 2em;
    font-size: calc(20px + 4 * (100vw - 1024px)/ (1920 - 1024));
}

aside.clients-testimonials div.author p {
    color: #C297BC;
}

aside.clients-testimonials div.author p span {
    color: #FFFFFF;
}

/*удалить из DOM*/
div.rectangle-36 {
    position: absolute;
    width: 110%;
    height: 110%;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, #0B1146 0.03%, rgba(11, 17, 70, 0.4) 100.02%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    z-index: -1;
    display: none;
}

@media (max-width: 512px) {
    aside.clients-testimonials {
        margin-top: 2rem;
        margin-bottom: 2em;
    }

    aside.clients-testimonials h2 {
        font-size: 48px;
        font-size: calc(48px + 20 * (100vw - 360px) / (512 - 360));
    }

    aside.clients-testimonials .wrapper>div {
        flex-basis: 100%;
        min-width: 90%;
    }

    aside.clients-testimonials .wrapper {
        overflow-x: auto;
        margin-top: 1em;
        gap: 1.5em;
    }


    footer div.site-info {
        text-align: center;
        margin-top: 0;
    }

    footer div.contacts ul {
        flex-direction: column;
    }

    .contacts ul li a svg {
        margin-right: .5rem;
    }

    footer .social ul {
        justify-content: center;
        margin-top: .5rem;
        gap: 1em;
    }

    .contacts ul li {
        margin-bottom: 1rem;
    }

    .contacts ul li a {
        font-size: 16px;
    }

    footer div.site-info span {
        font-size: 14px;
    }

}

/* ABOUT COMPANY & PARTNERS */
body .is-layout-grid {
    display: grid;
}

.container-core-group-is-layout-4d858cb8 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.container-core-group-is-layout-6be84c55 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.company header.entry-header.align--wide h1 {
    margin-left: -.04em;
    /* font-size: calc(257px + 225 * (100vw - 1024px) / (1920 - 1024)); */
    font-size: 14.2vw;
}

body.partners header.entry-header.align--wide h1 {
    margin-left: -.04em;
    /* font-size: calc(257px + 225 * (100vw - 1024px) / (1920 - 1024)); */
    font-size: 18.3vw;
}

:root body:where(.partners, .company) h2.block-heading {
    text-transform: none;
}

body:where(.partners, .company) h6 {
    font-family: 'Roboto Slab';
    font-weight: 300;
    text-transform: uppercase;
    font-size: calc(20px + 4 * (100vw - 1024px)/ (1920 - 1024));
    margin-block-start: 1em;
    margin-block-end: 1em;
}


/* SERVICE PAGE */
header.entry-header.align--wide h1.financial-consulting {
    font-size: 6.56vw;
    text-align: center;
    margin: auto;
}

h2.block-heading.more {
    color: #C0B283;
}

.service-page h4.block-heading {
    font-size: calc(20px + 4 * (100vw - 1024px)/ (1920 - 1024));
    text-transform: uppercase;
}

/* ASIDE  */
div.entry-wrapper {
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
}

.entry-wrapper aside {
    flex-basis: 20%;
    padding-right: 4em;
}

article.social-share div.social {
    margin-block-start: 20em;
}

article.social-share div.social ul {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

article.social-share .social ul li a svg {
    width: calc(50px + 50 * (100vw - 1024px)/ (1920 - 1024));
    aspect-ratio: 1/1;
    height: auto;
}

/*  */
aside.clients-testimonials {
    position: relative;
    margin-top: 6rem;
    margin-bottom: 6em;
}

div.page-wrap aside.clients-testimonials .ellipse-1 {
    position: absolute;
    width: 90%;
    height: 90%;
    left: -30%;
    top: -25%;
    background: radial-gradient(28.01% 29.47% at 57.65% 50%, rgba(255, 0, 207, 0.085) 0%, rgba(255, 0, 207, 0.125) 0.01%, rgba(255, 0, 207, 0) 100%);
    z-index: -1;
}

.clients-testimonials h2 {
    position: relative;
    font-family: 'Coldiac Free Regular', serif;
    font-weight: 400;
    font-size: calc(125px + 125 * (100vw - 1024px) / (1920 - 1024));
    line-height: .85;
    text-align: center;
    background: linear-gradient(0deg, rgba(255, 0, 207, 0.15) 13.85%, rgba(0, 177, 255, 0.15) 87%), rgba(187, 51, 220, 0.2);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    text-transform: capitalize;
}

body.knowledge-base aside h2 {
    font-size: calc(90px + 45 * (100vw - 1024px) / (1920 - 1024));
}

aside.clients-testimonials p {
    line-height: 1.5;
    margin-top: 0;
}

aside.clients-testimonials .wrapper {
    margin-top: 2em;
    display: flex;
    align-items: flex-start;
    gap: 2em;
}

aside.clients-testimonials .wrapper>div {
    flex-basis: 50%;
    padding: 3em 2em 2em 3em;
    overflow: hidden;
    position: relative;
    background: linear-gradient(180deg, #0B1146 0.03%, rgba(11, 17, 70, 0.4) 100.02%);
    background-size: 110%;
    background-position: left, top;
    transition-duration: .5s;
    -webkit-border-radius: .6em;
    -moz-border-radius: .6em;
    -ms-border-radius: .6em;
    -o-border-radius: .6em;
    border-radius: .6em;
}

aside.subscribe ul li {
    line-height: 1.7;
    margin-left: 3em;
}

aside.subscribe ul.subcategories li a {
    color: #FFFFFF;
    cursor: default;
    position: relative;
}

aside.subscribe ul.subcategories li a svg {
    width: 1.5em;
    margin-right: 1em;
    transition-duration: .5s;
    position: absolute;
    left: -3em;
    top: .35em;
}

aside.subscribe .price p {
    margin-bottom: 0;
}

aside.subscribe div.buttons button {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    background-color: transparent;
    margin-right: 0;
    padding: 1em 2em;
    font-size: calc(20px + 4 * (100vw - 1024px)/ (1920 - 1024));
}

aside.clients-testimonials div.author p {
    color: #C297BC;
}

aside.clients-testimonials div.author p span {
    color: #FFFFFF;
}

/*удалить из DOM*/
div.rectangle-36 {
    position: absolute;
    width: 110%;
    height: 110%;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, #0B1146 0.03%, rgba(11, 17, 70, 0.4) 100.02%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    z-index: -1;
    display: none;
}

@media (max-width: 512px) {
    aside.clients-testimonials {
        margin-top: 2rem;
        margin-bottom: 2em;
    }

    aside.clients-testimonials h2 {
        font-size: 48px;
        font-size: calc(48px + 20 * (100vw - 360px) / (512 - 360));
    }

    aside.clients-testimonials .wrapper>div {
        flex-basis: 100%;
        min-width: 90%;
    }

    aside.clients-testimonials .wrapper {
        overflow-x: auto;
        margin-top: 1em;
        gap: 1.5em;
    }

    /*     footer .footer-wrap {
        height: 16rem;
        align-items: center;
        flex-direction: column;
        justify-content: flex-start;
    } */

    footer div.site-info {
        text-align: center;
        margin-top: 0;
    }

    footer div.contacts ul {
        flex-direction: column;
    }

    .contacts ul li a svg {
        margin-right: .5rem;
    }

    footer .social ul {
        justify-content: center;
        margin-top: .5rem;
        gap: 1em;
    }

    .contacts ul li {
        margin-bottom: 1rem;
    }

    .contacts ul li a {
        font-size: 16px;
    }

    footer div.site-info span {
        font-size: 14px;
    }

}