p {
    margin-bottom: 14px;
    line-height: 1.5;
}
p:last-child {
    margin-bottom: 0;
}
.exion-sec {
    margin: 24px;
    padding-left: 4%;
    padding-right: 4%;
}
.sec-title {
    font-size: 34px;
    font-weight: normal;
    margin-bottom: 6px;
    color: #00588d;
}
@media screen and (max-width: 767px) {
    .exion-sec {
        margin: 12px;
    }
    .sec-title {
        font-size: 28px;
    }
}
@media screen and (max-width: 479px) {
    .sec-title {
        font-size: 24px;
    }
}
.faq__btn:hover,
.faq__btn.active,
.faq__title {
    color: #00588d;
}
.faq__btn:hover:after,
.faq__btn.active:after {
    background-color: #00588d;
}
/* FACE START */
.exion-face .banner {
    position: relative;
    padding-bottom: 0;
    background-position: 53% center;
}
.exion-face .banner__logo {
    position: relative;
    display: none;
    filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3));
    z-index: 2;
}
.exion-face__banner-prod {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30%;
    height: 80%;
    object-fit: contain;
    object-position: center bottom;
}
.exion-face__banner-intro {
    position: absolute;
    top: 26%;
    left: 8%;
    width: 350px;
    transform: translateY(-50%);
}
.exion-face__banner-tagline {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    /* margin-top: -30px; */
}
.exion-face__banner-tagline img {
    height: 240px;
}
.exion-face__banner-tagline ._1 {
    animation: face2Title1 5s linear 0s infinite alternate;
}
.exion-face__banner-tagline ._3 {
    margin: 0 24px;
}
.exion-face__banner-tagline ._4 {
    margin: -34px 0;
}
@media screen and (max-width: 1400px) {
    .exion-face__banner-prod {
        top: 0;
        bottom: auto;
        object-position: center;
    }
    .exion-face__banner-intro {
        top: 30%;
        left: 5%;
        width: 30%;
    }
}
@media screen and (max-width: 991px) {
    .exion-face__banner-tagline img {
        height: 200px;
    }
}
@media screen and (max-width: 767px) {
    .exion-face .banner__logo {
        display: block;
    }
    .exion-face__banner-intro,
    .exion-face__banner-prod {
        display: none;
    }
    .exion-face__banner-tagline img {
        height: 140px;
    }
    .exion-face .banner {
        padding-bottom: 5%;
    }
}
@media screen and (max-width: 479px) {
    .exion-face__banner-tagline img {
        height: 122px;
    }
}
@media screen and (max-width: 375px) {
    .exion-face__banner-tagline img {
        height: 104px;
    }
}
.face-svg-1 {
    position: absolute;
    width: 30%;
    --startColor: #45d1fa;
    --endColor: #6a93fb;
}
.face-svg-1 path {
    fill: none;
    stroke: #000;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 0.01;
    animation: faceSvg1 8s linear infinite;
}
.face-svg-1 path:nth-child(1) {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
.face-svg-1 path:nth-child(2) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}
.face-svg-1 path:nth-child(3) {
    -webkit-animation-delay: -1.5s;
    animation-delay: -1.5s;
}
.face-svg-1 path:nth-child(4) {
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
}
.face-svg-1 path:nth-child(5) {
    -webkit-animation-delay: -2.5s;
    animation-delay: -2.5s;
}
.face-svg-1 path:nth-child(6) {
    -webkit-animation-delay: -3s;
    animation-delay: -3s;
}
.face-svg-1 path:nth-child(7) {
    -webkit-animation-delay: -3.5s;
    animation-delay: -3.5s;
}
.face-svg-1 path:nth-child(8) {
    -webkit-animation-delay: -4s;
    animation-delay: -4s;
}
.face-svg-1 path:nth-child(9) {
    -webkit-animation-delay: -4.5s;
    animation-delay: -4.5s;
}
.face-svg-1 path:nth-child(10) {
    -webkit-animation-delay: -5s;
    animation-delay: -5s;
}
.face-svg-1 path:nth-child(11) {
    -webkit-animation-delay: -5.5s;
    animation-delay: -5.5s;
}
.face-svg-1 path:nth-child(12) {
    -webkit-animation-delay: -6s;
    animation-delay: -6s;
}
.face-svg-1 path:nth-child(13) {
    -webkit-animation-delay: -6.5s;
    animation-delay: -6.5s;
}
.face-svg-1 path:nth-child(14) {
    -webkit-animation-delay: -7s;
    animation-delay: -7s;
}
.face-svg-1 path:nth-child(15) {
    -webkit-animation-delay: -7.5s;
    animation-delay: -7.5s;
}
.face-svg-1 path:nth-child(16) {
    -webkit-animation-delay: -8s;
    animation-delay: -8s;
}
@keyframes faceSvg1 {
    0% {
        d: path("M 0 9 Q 8 6 10 11 T 10 13");
        stroke: var(--startColor);
        opacity: 0;
    }
    2%,
    98% {
        opacity: 1;
    }
    100% {
        d: path("M 0 6 Q 16 -5 5 12 T 10 13");
        stroke: var(--endColor);
        opacity: 0;
    }
}
.exion-circle {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-top: 28px;
}
.exion-circle__item {
    width: calc(25% - 24px);
    max-width: 160px;
    margin: 12px;
}
.exion-circle__item._large {
    width: 100%;
    max-width: none;
}
.exion-circle__item-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border: 1px solid #b9ddec;
    border-radius: 50%;
    margin: 0 auto 14px;
}
.exion-circle__item-img img {
    width: 70%;
    height: 70%;
    object-fit: contain;
    object-position: center;
}
.exion-circle__item-title {
    font-size: 18px;
    margin-bottom: 4px;
}
.exion-circle__item p {
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 767px) {
    .exion-circle {
        flex-wrap: wrap;
        margin: 24px 0 -12px;
    }
    .exion-circle__item {
        width: calc(50% - 24px);
        max-width: none;
        margin: 12px;
    }
}
.face-1 {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 40vw;
    padding: 58px 0;
    color: #fff;
    background-image: url(/images/exion/face/sec-1-bg.jpg);
    background-size: cover;
    background-position: center;
}
.face-1__ball {
    position: absolute;
    top: 50%;
    left: 24%;
    width: 27%;
    transform: translate(-50%, -50%);
    animation: face1ball 6s linear 0s infinite;
}
@keyframes face1ball {
    0%,
    100% {
        top: 50%;
    }
    33.33% {
        top: 55%;
    }
    66.66% {
        top: 45%;
    }
}
.face-1__textarea {
    width: 50%;
    max-width: 580px;
    padding-right: 24px;
    margin-left: auto;
}
.face-1__textarea b {
    color: #00588d;
    /* color: #ffe2d3; */
}
.face-1__title {
    color: #fff;
}
.face-1__list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    font-size: 24px;
}
.face-1__list li {
    position: relative;
    width: 50%;
    margin: 8px 0;
    padding-left: 1.5em;
    padding-right: 16px;
    text-align: left;
    /* background-image: url(/images/exion/tick-white.svg);
    background-size: 1em;
    background-position: top 0.3em left;
    background-repeat: no-repeat; */
}
/* .face-1__list li:before {
    content: "";
    position: absolute;
    top: 0.3em;
    left: 0;
    display: block;
    width: 1em;
    height: 1em;
    background: url(/images/exion/tick-white.svg) center / contain no-repeat;
    animation: face1Tick 2s linear 0s infinite;
}
@keyframes face1Tick {
    0%,
    100% {
        transform: rotate(-15deg);
    }
    50% {
        transform: rotate(15deg)
    }
} */
.circle-tick {
    position: absolute;
    top: 0.3em;
    left: 0;
}
.circle {
    position: relative;
    width: 50%;
    /* overflow: hidden; */
}
.circle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 200%;
    height: 100%;
}
@property --p {
    syntax: "<number>";
    inherits: true;
    initial-value: 0;
}
.pie {
    --p: 80;
    --b: 2px;
    --c: #ffffff;
    --w: 24px;
    width: var(--w);
    aspect-ratio: 1;
    position: relative;
    transform: rotate(90deg);
    animation: pie 5s infinite 0s;
}
.pie:before {
    content: "";
    position: absolute;
    border-radius: 50%;
}
.pie:before {
    inset: 0;
    background: radial-gradient(farthest-side, var(--c) 98%, #0000) top/0 0
            no-repeat,
        conic-gradient(var(--c) calc(var(--p) * 1%), #0000 0);
    -webkit-mask: radial-gradient(
        farthest-side,
        #0000 calc(99% - var(--b)),
        #000 calc(100% - var(--b))
    );
    mask: radial-gradient(
        farthest-side,
        #0000 calc(99% - var(--b)),
        #000 calc(100% - var(--b))
    );
}
@keyframes pie {
    0% {
        --p: 0;
    }
    30% {
        --p: 80;
    }
}
.tick {
    position: absolute;
    top: 16%;
    left: 21%;
    width: 75%;
    height: 32%;
    transform: rotate(-45deg) skewX(-4deg);
}
.tick:before,
.tick:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    background: #fff;
    width: 2px;
    height: 100%;
    animation: tickBefore 5s ease 0s infinite;
}
.tick:after {
    width: 100%;
    height: 2px;
    animation: tickAfter 5s ease 0s infinite;
}
@keyframes tickBefore {
    0%,
    15% {
        height: 0;
    }
    40% {
        height: 100%;
    }
}
@keyframes tickAfter {
    0%,
    15% {
        width: 0;
    }
    40% {
        width: 100%;
    }
}
@media screen and (max-width: 1279px) {
    .face-1__textarea {
        width: 65%;
    }
    .face-1__list {
        font-size: 20px;
    }
    .face-1__ball {
        left: 17%;
    }
    .pie {
        --w: 20px;
    }
}
@media screen and (max-width: 767px) {
    .face-1 {
        padding-bottom: 180px;
        text-align: center;
    }
    .face-1__textarea {
        width: 100%;
        padding: 0 4%;
        margin-right: auto;
    }
    .face-1__title {
        margin-bottom: 14px;
    }
    .face-1__list {
        font-size: 18px;
        font-weight: bold;
    }
    .pie {
        --w: 18px;
    }
    .face-1__ball {
        top: auto;
        left: 80%;
        bottom: -60px;
        width: 30%;
        animation: face1ballM 6s linear 0s infinite;
    }
    @keyframes face1ballM {
        0%,
        100% {
            transform: translate(-50%, calc(-50%));
        }
        33.33% {
            transform: translate(-50%, calc(-50% + 10px));
        }
        66.66% {
            transform: translate(-50%, calc(-50% - 10px));
        }
    }
}
@media screen and (max-width: 479px) {
    .face-1 {
        min-height: auto;
        padding: 38px 0 128px;
    }
    .face-1__ball {
        bottom: -40px;
    }
}
@media screen and (max-width: 400px) {
    .face-1__list {
        font-size: 16px;
    }
    .face-1__list li {
        padding-right: 0;
    }
    .pie {
        --w: 16px;
    }
}
.face-2 {
    position: relative;
    padding-top: 58px;
    padding-bottom: 58px;
    text-align: center;
    /* background: url(/images/exion/face/sec-2-bg.jpg) center / cover no-repeat; */
}
.face-2 .wrapper {
    position: relative;
    z-index: 2;
}
.face-2__video-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.face-2__logo {
    width: 205px;
    margin-bottom: 8px;
}
.face-2__title {
    margin-bottom: 14px;
}
.face-2__img-title {
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
}
.face-2__img-title img {
    width: auto;
    height: 100px;
    object-fit: contain;
}
.face-2__img-title ._1 {
    animation: face2Title1 5s linear 0s infinite alternate;
}
.face-2__img-title ._3 {
    margin: 0 24px;
}
@keyframes face2Title1 {
    0% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(5px);
    }
}
.face-2__top-btns {
    display: flex;
    justify-content: space-between;
    padding-bottom: 24px;
    border-bottom: 1px rgba(87, 167, 220, 0.2) solid;
    margin: 24px auto;
}
.face-2__top-btns .icon-txt-btn {
    width: calc(50% - 8px);
}
.face-2__bottom-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 24px auto;
}
.face-2__bottom-item {
    width: calc(25% - 24px);
    margin: 12px;
}
.face-2__bottom-item img {
    display: block;
    width: 100%;
    max-width: 100px;
    margin: 0 auto 8px;
}
.face-2__bottom-break {
    display: block;
    width: 100%;
}
.face-2__preview {
    display: block;
    max-width: 100%;
    border-radius: 50px;
    margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
    .face-2__logo {
        width: 160px;
    }
    .face-2__top-btns {
        flex-flow: column;
    }
    .face-2__top-btns .icon-txt-btn {
        width: 100%;
        max-width: 280px;
        margin: 0 auto 12px;
    }
    .face-2__top-btns .icon-txt-btn:last-child {
        margin-bottom: 0;
    }
    .face-2__img-title {
        flex-wrap: wrap;
        align-items: center;
    }
    .face-2__img-title img {
        height: 80px;
    }
    .face-2__img-title ._4 {
        margin: -22px 0;
    }
}
@media screen and (max-width: 479px) {
    .face-2__logo {
        width: 130px;
    }
    .face-2__bottom-item {
        width: calc(50% - 24px);
    }
}
.face-3 {
    position: relative;
    background: url(/images/exion/face/sec-3-bg.jpg) center / cover no-repeat;
    z-index: 2;
}
.face-3__container {
    position: relative;
}
.face-3__device {
    position: absolute;
    top: 10%;
    left: 0;
    width: 35%;
    animation-duration: 2s;
}
.face-3__textarea {
    width: 55%;
    padding: 68px 0;
    margin-left: auto;
    text-align: center;
}
.face-3__balls {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.face-3__ball {
    position: relative;
    width: calc(100% / 3 - 24px);
    margin: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    animation: face3ball 5s linear 0s infinite;
}
.face-3__ball-inner {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}
.face-3__ball p {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}
.face-3__ball ._l {
    font-size: 30px;
    line-height: 1;
}
.face-3__ball._1 {
    width: 160px;
    margin-left: 10%;
    background-image: url(/images/exion/face/sec-3-ball-1.png);
}
.face-3__ball._2 {
    left: 4%;
    width: 170px;
    background-image: url(/images/exion/face/sec-3-ball-2.png);
    animation-delay: -2.5s;
}
.face-3__ball._3 {
    top: -12px;
    width: 140px;
    margin-left: auto;
    background-image: url(/images/exion/face/sec-3-ball-3.png);
    animation-delay: -1.5s;
}
.face-3__ball._4 {
    margin-left: 5%;
    width: 140px;
    background-image: url(/images/exion/face/sec-3-ball-4.png);
    animation-delay: -3s;
}
.face-3__ball._5 {
    width: 170px;
    margin-left: 13%;
    background-image: url(/images/exion/face/sec-3-ball-5.png);
    animation-delay: -1s;
}
.face-3__ball._6 {
    top: -27px;
    left: 3%;
    width: 140px;
    background-image: url(/images/exion/face/sec-3-ball-1.png);
    animation-delay: -4s;
}
@keyframes face3ball {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(20px);
    }
}
@media screen and (max-width: 1279px) {
    .face-3__device {
        position: absolute;
        top: auto;
        left: -8%;
        bottom: -140px;
        width: 26%;
    }
    .face-3__textarea {
        width: 100%;
        margin: 0 auto;
    }
    .face-3__balls {
        max-width: 640px;
        margin: 0 auto;
    }
}
@media screen and (max-width: 767px) {
    .face-3__device {
        display: none;
    }
    .face-3__ball {
        margin: 2%;
    }
    .face-3__ball._1 {
        width: 28%;
        margin-left: 5%;
    }
    .face-3__ball._2 {
        width: 28%;
    }
    .face-3__ball._3 {
        width: 24%;
    }
    .face-3__ball._4 {
        width: 24%;
        margin-left: 0;
    }
    .face-3__ball._5 {
        width: 28%;
        margin-left: 5%;
    }
    .face-3__ball._6 {
        top: -6px;
        width: 22%;
    }
}
@media screen and (max-width: 560px) {
    .face-3__ball {
        font-size: 12px;
    }
    .face-3__ball ._l {
        font-size: 20px;
    }
}
@media screen and (max-width: 479px) {
    .face-3__textarea {
        padding: 38px 0;
    }
    .face-3__ball._1 {
        width: 32%;
        margin-left: 5%;
    }
    .face-3__ball._2 {
        width: 31%;
        left: 0%;
    }
    .face-3__ball._3 {
        width: 26%;
        margin: 0;
    }
    .face-3__ball._4 {
        width: 27%;
        margin-left: 0;
    }
    .face-3__ball._5 {
        width: 31%;
        margin-left: 1%;
    }
    .face-3__ball._6 {
        top: -6px;
        width: 27%;
    }
}
@media screen and (max-width: 374px) {
    .face-3__ball ._l {
        font-size: 18px;
    }
}
.face-4 {
    position: relative;
    text-align: center;
    background-image: linear-gradient(
        225deg,
        rgba(185, 221, 236, 0.1),
        rgba(0, 101, 163, 0.1)
    );
}
.face-4__container {
    position: relative;
    padding: 68px 0 108px;
    z-index: 2;
}
.face-4__svg._1 {
    left: 0;
    bottom: 0;
    width: 19%;
}
.face-4__svg._2 {
    top: 0;
    right: 0;
    transform: rotate(180deg);
    width: 14%;
}
@media screen and (max-width: 1279px) {
    .face-4__svg._1 {
        width: 25%;
    }
    .face-4__svg._2 {
        width: 22%;
    }
}
@media screen and (max-width: 767px) {
    .face-4__container {
        padding: 58px 0;
    }
}
@media screen and (max-width: 640px) {
    .face-4__svg._1 {
        width: 40%;
    }
    .face-4__svg._2 {
        width: 36%;
    }
}
/* FACE END */
/* Fractional RF START */
.color-fract {
    color: #c9a264;
}
.banner--fract {
    background-image: linear-gradient(225deg, #92d4f0, #bb9bbc);
}
.fract-1 {
    padding-top: 58px;
    padding-bottom: 58px;
    text-align: center;
    background-image: linear-gradient(
        45deg,
        rgba(146, 212, 240, 0.3),
        rgba(187, 155, 188, 0.3)
    );
    overflow: hidden;
}
.fract-1__textarea {
    max-width: 800px;
    margin: 0 auto;
}
.fract-1__number {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 28px auto;
}
.fract-1__number-txt {
    margin: 0;
    font-size: 80px;
    color: #c9a264;
    line-height: 1;
}
.fract-1__number-txt ._txt-s {
    font-size: 0.4em;
}
.fract-1__dot-container {
    display: flex;
    margin: 0 24px;
}
.fract-1__dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 16px;
    background-color: #c9a264;
    animation: fract1Dot 2s linear -0.001s infinite alternate;
}
.fract-1__dot:last-child {
    margin-right: 0;
}
.fract-1__dot._1 {
    animation-delay: -1.6s;
}
.fract-1__dot._2 {
    animation-delay: -1.2s;
}
.fract-1__dot._3 {
    animation-delay: -0.8s;
}
.fract-1__dot._4 {
    animation-delay: -0.4s;
}
@keyframes fract1Dot {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.fract-1__ball-container {
    display: flex;
    justify-content: space-between;
}
.fract-1__ball {
    width: calc(25% - 24px);
    margin: 12px;
}
.fract-1__ball-inner {
    position: relative;
    animation: fract1ball 6s linear 0s infinite;
}
.fract-1__ball-inner:before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-image: url(/images/exion/fractional/ball.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    animation: fract1ballRotate 20s linear 0s infinite;
}
.fract-1__ball-inner span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    color: #c9a264;
    font-size: 18px;
    transform: translate(-50%, -50%);
}
.fract-1__ball-inner._1 {
    top: -90px;
    animation-delay: -1s;
}
.fract-1__ball-inner._2 {
    animation-delay: -5s;
}
.fract-1__ball-inner._2:before {
    /* transform: rotate(-55deg); */
    animation-delay: -5s;
    animation-direction: reverse;
}
.fract-1__ball-inner._3 {
    top: -30px;
}
.fract-1__ball-inner._3:before {
    /* transform: rotate(145deg); */
    animation-delay: -16s;
}
.fract-1__ball-inner._4 {
    animation-delay: -3s;
}
.fract-1__ball-inner._4:before {
    /* transform: rotate(70deg); */
    animation-delay: -2s;
    animation-direction: reverse;
}
.fract-1__ball-inner._5 {
    top: -100px;
    animation-delay: -2s;
}
.fract-1__ball-inner._5:before {
    /* transform: rotate(-40deg); */
    animation-delay: -10s;
}
@keyframes fract1ball {
    0%,
    100% {
        transform: translateY(0);
    }
    33.33% {
        transform: translateY(-10px);
    }
    66.66% {
        transform: translateY(10px);
    }
}
@keyframes fract1ballRotate {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
@media screen and (max-width: 991px) {
    .fract-1__ball {
        margin: 0;
    }
}
@media screen and (max-width: 767px) {
    .fract-1__ball-container {
        flex-wrap: wrap;
        justify-content: center;
    }
    .fract-1__ball {
        width: calc(100% / 3);
    }
    .fract-1__ball-inner._1 {
        top: -20px;
    }
    .fract-1__ball-inner._5 {
        top: 20px;
    }
}
@media screen and (max-width: 479px) {
    .fract-1__ball-inner span {
        font-size: 16px;
    }
    .fract-1__number {
        margin: 24px auto 38px;
    }
    .fract-1__number-txt {
        font-size: 68px;
    }
}
@media screen and (max-width: 375px) {
    .fract-1__ball {
        width: 50%;
    }
    .fract-1__ball-inner._3 {
        top: -10px;
    }
    .fract-1__ball-inner._5 {
        top: 0;
    }
    .fract-1__number-txt {
        font-size: 54px;
    }
    .fract-1__dot-container {
        margin: 0 14px;
    }
    .fract-1__dot {
        width: 4px;
        height: 4px;
        margin-right: 10px;
    }
}
.fract-2 {
    position: relative;
    background: linear-gradient(
        45deg,
        rgba(146, 212, 240, 0.06),
        rgba(187, 155, 188, 0.06)
    );
}
.fract-2 .wrapper {
    position: relative;
    max-width: 740px;
    z-index: 2;
}
.fract-svg-1 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.fract-svg-1 path {
    fill: none;
    stroke: rgb(219, 196, 152);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 0.01;
    animation: fractSvg1 8s linear infinite;
}
@media screen and (max-width: 767px) {
    .fract-svg-1 path {
        stroke-width: 0.1;
    }
}
.fract-svg-1 path:nth-child(1) {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
.fract-svg-1 path:nth-child(2) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}
.fract-svg-1 path:nth-child(3) {
    -webkit-animation-delay: -1.5s;
    animation-delay: -1.5s;
}
.fract-svg-1 path:nth-child(4) {
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
}
.fract-svg-1 path:nth-child(5) {
    -webkit-animation-delay: -2.5s;
    animation-delay: -2.5s;
}
.fract-svg-1 path:nth-child(6) {
    -webkit-animation-delay: -3s;
    animation-delay: -3s;
}
.fract-svg-1 path:nth-child(7) {
    -webkit-animation-delay: -3.5s;
    animation-delay: -3.5s;
}
.fract-svg-1 path:nth-child(8) {
    -webkit-animation-delay: -4s;
    animation-delay: -4s;
}
.fract-svg-1 path:nth-child(9) {
    -webkit-animation-delay: -4.5s;
    animation-delay: -4.5s;
}
.fract-svg-1 path:nth-child(10) {
    -webkit-animation-delay: -5s;
    animation-delay: -5s;
}
.fract-svg-1 path:nth-child(11) {
    -webkit-animation-delay: -5.5s;
    animation-delay: -5.5s;
}
.fract-svg-1 path:nth-child(12) {
    -webkit-animation-delay: -6s;
    animation-delay: -6s;
}
.fract-svg-1 path:nth-child(13) {
    -webkit-animation-delay: -6.5s;
    animation-delay: -6.5s;
}
.fract-svg-1 path:nth-child(14) {
    -webkit-animation-delay: -7s;
    animation-delay: -7s;
}
.fract-svg-1 path:nth-child(15) {
    -webkit-animation-delay: -7.5s;
    animation-delay: -7.5s;
}
.fract-svg-1 path:nth-child(16) {
    -webkit-animation-delay: -8s;
    animation-delay: -8s;
}
@keyframes fractSvg1 {
    0% {
        /* d: path("M 42 50 Q 60 48 69 51 T 100 50"); */
        d: path("M 42 50 Q 60 46 87 55 T 100 50");
        opacity: 0;
    }
    2%,
    98% {
        opacity: 1;
    }
    100% {
        /* d: path("M 20 50 Q 93 -10 58 61 T 100 70"); */
        d: path("M 20 50 Q 135 -35 68 61 T 100 70");
        opacity: 0;
    }
}
.fract-2__video {
    display: flex;
    align-items: flex-start;
}
.fract-2__video-container {
    position: relative;
    width: 30%;
    flex-shrink: 0;
    margin-right: 24px;
}
.fract-2__video-container img {
    display: block;
    width: 100%;
    opacity: 0;
    transition: 0.5s all ease;
}
.in-view .fract-2__video-container img {
    opacity: 1;
}
.fract-2__video-line {
    position: absolute;
    left: 48%;
    bottom: 21%;
    width: calc(53% + 24px);
}
.fract-2__video-line:before {
    content: "";
    position: absolute;
    left: -3px;
    bottom: -3px;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
    z-index: 2;
}
.fract-2__video-line:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 0;
    height: 2px;
    background-color: #92d4f0;
    transform: rotate(var(--fract2-angle));
    transform-origin: left bottom;
    transition: 0.5s width ease 0.5s;
}
.in-view .fract-2__video-line:after {
    width: var(--fract2-width);
}
.fract-2__video-textarea {
    position: relative;
    padding: 20px 5%;
    border-radius: 50px;
    text-align: left;
    color: #fff;
    overflow: hidden;
}
.fract-2__video-textarea-bg {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0;
    height: 100%;
    background-image: linear-gradient(135deg, #92d4f0, #bb9bbc);
    transition: 0.5s width ease 1s;
}
.in-view .fract-2__video-textarea-bg {
    width: 100%;
}
.fract-2__video-textarea p {
    position: relative;
    z-index: 2;
    opacity: 0;
    transform: 0.5s opacity ease 1.5s;
}
.in-view .fract-2__video-textarea p {
    opacity: 1;
}
@media screen and (max-width: 767px) {
    .fract-2__video {
        flex-flow: column;
    }
    .fract-2__video-container {
        width: 100%;
        max-width: 200px;
        margin: 0 auto 24px;
    }
    .fract-2__video-textarea {
        border-radius: 20px;
    }
    .fract-2__video-line {
        height: calc(21% + 24px);
    }
    .fract-2__video-line:after {
        left: -1px;
        width: 100%;
        transform: rotate(90deg);
    }
}
.exion-sec.two-blk {
    padding: 0;
}
.fract-3 .two-blk__title {
    display: flex;
    align-items: center;
    color: inherit;
}
.fract-3 .two-blk__title:after {
    content: "";
    display: block;
    flex-grow: 1;
    margin-left: 14px;
    height: 5px;
    border-top: 1px #947740 solid;
    border-bottom: 1px rgba(148, 119, 64, 0.5) solid;
}
.fract-3__textarea-line {
    display: block;
    width: 100%;
    height: 5px;
    border-top: 1px rgba(148, 119, 64, 0.5) solid;
    border-bottom: 1px #947740 solid;
}
.fract-3 .two-blk__textarea:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: calc(100% + 24px);
    background: url(/images/exion/fractional/sec-3-bg.jpg) center / cover
        no-repeat;
    animation: fract3 6s linear 0s infinite;
}
@keyframes fract3 {
    0%,
    100% {
        top: 0;
    }
    50% {
        top: -24px;
    }
}
.fract-3 .two-blk__point {
    margin-top: auto;
    margin-bottom: 58px;
}
.fract-svg-2 {
    --startColor: #c9a264;
    --endColor: #c9a264;
}
.fract-4 {
    background-image: linear-gradient(
        135deg,
        rgba(146, 212, 240, 0.11),
        rgba(187, 155, 188, 0.11)
    );
    overflow: hidden;
}
.fract-4 .sec-title {
    color: #947740;
}
.exion-fract .exion-circle__item-img {
    border-color: #dbc498;
}
.fract-4__prod {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20%;
    height: 100%;
    object-fit: contain;
    object-position: bottom right;
}
@media screen and (max-width: 1400px) {
    .fract-4__prod {
        right: -3%;
        width: 13%;
    }
}
@media screen and (max-width: 991px) {
    .fract-4 .face-4__container {
        padding-bottom: 188px;
    }
    .fract-4__prod {
        width: 150px;
    }
}
@media screen and (max-width: 479px) {
    .fract-3 .two-blk__container {
        position: relative;
    }
    .fract-3__textarea-line {
        display: none;
    }
    .fract-3 .two-blk__point {
        margin-bottom: 44px;
    }
    .fract-3 .two-blk__point-item:last-child {
        width: 100%;
    }
    .fract-3 .two-blk__textarea {
        padding-bottom: 36vw;
    }
    .fract-3 .two-blk__img {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 100%;
        background-color: transparent;
        z-index: 3;
    }
}
/* Fractional RF END */
/* Body START */
.color-body {
    color: #00588d;
}
.body-1 {
    background-image: linear-gradient(
        135deg,
        rgba(146, 196, 217, 0.1),
        rgba(187, 155, 188, 0.1)
    );
}
.body-1 .face-2__top {
    max-width: 640px;
    margin: 0 auto 24px;
}
.body-1__img,
.body-1__video {
    display: block;
    width: 100%;
}
.body-2 {
    background-image: linear-gradient(
        135deg,
        rgba(146, 196, 217, 0.2),
        rgba(187, 155, 188, 0.2)
    );
}
.body-2 .two-blk__img {
    background: none;
}
.body-2 .two-blk__textarea {
    position: relative;
    top: 100px;
    color: #57a7dc;
    opacity: 0;
    transition: 1s all ease;
}
.body-2.fs-animated .two-blk__textarea {
    top: 0;
    opacity: 1;
}
.body-2 .two-blk__point-item {
    width: calc(50% - 76px);
    margin: 40px 38px;
}
.body-2 .two-blk__textarea-inner {
    max-width: 420px;
    justify-content: center;
}
.body-2 .two-blk__title {
    position: relative;
    text-align: center;
    margin-bottom: 24px;
    padding-bottom: 24px;
}
.body-2 .two-blk__title:after {
    content: "";
    position: absolute;
    left: calc(50% - 70px);
    bottom: 0;
    width: 140px;
    height: 2px;
    background-color: #57a7dc;
}
.body-2 .two-blk__point-icon {
    width: 60px;
    height: 60px;
}
.body-3 {
    overflow: hidden;
}
.body-3__logo {
    max-width: 50%;
    margin-bottom: 8px;
}
.body-3__prod {
    position: absolute;
    right: 2%;
    bottom: 0;
    width: 17%;
    height: 100%;
    max-width: 330px;
    object-fit: contain;
    object-position: right bottom;
}
.exion-body .two-blk__img img {
    max-width: 700px;
    top: auto;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
.exion-body .sec-target__img._woman {
    left: auto;
    bottom: auto;
    margin: 0 auto;
    transform: none;
}
@media screen and (max-width: 1279px) {
    .body-3__prod {
        right: 0;
        width: 15%;
    }
}
@media screen and (max-width: 991px) {
    .body-2 .two-blk__textarea-inner {
        margin: 0 auto;
    }
}
@media screen and (min-width: 768px) {
    .body-3 .exion-circle__item {
        margin-top: 28px;
        margin-bottom: 28px;
    }
    .body-3 .exion-circle__item:not(._large) {
        max-width: 200px;
    }
}
@media screen and (max-width: 767px) {
    .body-2 .two-blk__point-item {
        width: calc(50% - 48px);
        margin: 24px;
        padding: 0 8px;
    }
    .body-3__prod {
        right: 2%;
        width: 19%;
    }
}
@media screen and (max-width: 479px) {
    .body-2 .two-blk__textarea {
        padding-left: 8%;
        padding-right: 8%;
    }
    .body-2 .two-blk__point-numb {
        font-size: 38px;
    }
    .body-3 {
        display: flex;
        flex-flow: column-reverse;
    }
    .body-3 .exion-circle {
        justify-content: flex-start;
    }
    .body-3__prod {
        position: relative;
        bottom: auto;
        right: auto;
        width: 50%;
        height: auto;
        margin-left: auto;
        margin-top: -57vw;
    }
}
@media screen and (max-width: 375px) {
    .body-2 .two-blk__point-numb {
        font-size: 30px;
    }
    .body-3__prod {
        margin-top: -74vw;
    }
}
.body-svg-1 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.body-svg-1 path {
    fill: none;
    stroke: #000;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 0.05;
    animation: bodySvg1 16s linear infinite;
    transform: translate3d(0, 0, 0);
}
.body-svg-1 path:nth-child(1) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}
.body-svg-1 path:nth-child(2) {
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
}
.body-svg-1 path:nth-child(3) {
    -webkit-animation-delay: -3s;
    animation-delay: -3s;
}
.body-svg-1 path:nth-child(4) {
    -webkit-animation-delay: -4s;
    animation-delay: -4s;
}
.body-svg-1 path:nth-child(5) {
    -webkit-animation-delay: -5s;
    animation-delay: -5s;
}
.body-svg-1 path:nth-child(6) {
    -webkit-animation-delay: -6s;
    animation-delay: -6s;
}
.body-svg-1 path:nth-child(7) {
    -webkit-animation-delay: -7s;
    animation-delay: -7s;
}
.body-svg-1 path:nth-child(8) {
    -webkit-animation-delay: -8s;
    animation-delay: -8s;
}
.body-svg-1 path:nth-child(9) {
    -webkit-animation-delay: -9s;
    animation-delay: -9s;
}
.body-svg-1 path:nth-child(10) {
    -webkit-animation-delay: -10s;
    animation-delay: -10s;
}
.body-svg-1 path:nth-child(11) {
    -webkit-animation-delay: -11s;
    animation-delay: -11s;
}
.body-svg-1 path:nth-child(12) {
    -webkit-animation-delay: -12s;
    animation-delay: -12s;
}
.body-svg-1 path:nth-child(13) {
    -webkit-animation-delay: -13s;
    animation-delay: -13s;
}
.body-svg-1 path:nth-child(14) {
    -webkit-animation-delay: -14s;
    animation-delay: -14s;
}
.body-svg-1 path:nth-child(15) {
    -webkit-animation-delay: -15s;
    animation-delay: -15s;
}
.body-svg-1 path:nth-child(16) {
    -webkit-animation-delay: -16s;
    animation-delay: -16s;
}
@-webkit-keyframes bodySvg1 {
    0% {
        d: path(
            "M -63.81 34.87 C 164.64 196.75 238.12 223.98 253.49 207.16 c 21.51 -23.53 -68.4 -135.87 -47.12 -154.67 c 12.51 -11.04 55.54 17.12 89.43 42.19"
        );
        stroke: #45d1fa;
        opacity: 0;
    }
    2%,
    95% {
        opacity: 1;
    }
    100% {
        d: path(
            "M -69.4 29.72 C 117.69 135.59 201.12 131.68 240.96 100.21 c 40.4 -31.93 47.34 -101.22 89.43 -106.11 c 27.26 -3.16 52.84 22.6 70.11 44.72"
        );
        stroke: #6a93fb;
        opacity: 0;
    }
}
@keyframes bodySvg1 {
    0% {
        d: path(
            "M -63.81 34.87 C 164.64 196.75 238.12 223.98 253.49 207.16 c 21.51 -23.53 -68.4 -135.87 -47.12 -154.67 c 12.51 -11.04 55.54 17.12 89.43 42.19"
        );
        stroke: #45d1fa;
        opacity: 0;
    }
    2%,
    95% {
        opacity: 1;
    }
    100% {
        d: path(
            "M -69.4 29.72 C 117.69 135.59 201.12 131.68 240.96 100.21 c 40.4 -31.93 47.34 -101.22 89.43 -106.11 c 27.26 -3.16 52.84 22.6 70.11 44.72"
        );
        stroke: #6a93fb;
        opacity: 0;
    }
}
@media screen and (max-width: 767px) {
    .body-svg-1 {
        left: -60%;
        width: 160%;
    }
}
/* Body END */
/* EMFEMME START */
.font-didot {
    font-family: "GFS Didot", serif;
}
.banner.banner--emfemme {
    background-image: linear-gradient(45deg, #ee839c, #ffe5eb);
}
.color-emfemme {
    color: #ee839c;
}
.emfemme-1 {
    padding-top: 58px;
    padding-bottom: 88px;
    text-align: center;
    font-weight: 300;
    color: #ee839c;
    background-image: linear-gradient(
        45deg,
        rgba(238, 131, 156, 0.1),
        rgba(255, 229, 235, 0.1)
    );
}
.emfemme-1__break {
    width: 100%;
}
.emfemme-1__balls {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    max-width: 800px;
    margin: 38px auto 0;
}
.emfemme-1__ball-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 158px;
    height: 158px;
    margin: 0 12px;
    text-align: center;
    animation: fract1ball 6s linear 0s infinite;
}
.emfemme-1__ball-inner:before {
    content: "";
    position: absolute;
    top: -5%;
    left: -5%;
    display: block;
    width: 110%;
    height: 110%;
    background: url(/images/exion/emfemme/ball-s.png) center / contain no-repeat;
}
.emfemme-1__ball span {
    position: relative;
    z-index: 2;
}
.emfemme-1__ball-inner._o05:before {
    opacity: 0.5;
}
.emfemme-1__ball-inner._o07:before {
    opacity: 0.7;
}
.emfemme-1__ball-inner._2 {
    top: 30px;
    animation-delay: -1s;
}
.emfemme-1__ball-inner._3 {
    animation-delay: -5s;
}
.emfemme-1__ball-inner._4 {
    top: 20px;
    animation-delay: -4s;
}
.emfemme-1__ball-inner._5 {
    animation-delay: -2s;
}
.emfemme-1__ball-inner._6 {
    left: -7%;
    animation-delay: -3s;
}
.emfemme-2 {
    position: relative;
    overflow: hidden;
}
.emfemme-2:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    display: block;
    width: 100%;
    height: calc(100% + 20px);
    background: url(/images/exion/emfemme/sec-2-bg.jpg) center / cover no-repeat;
    animation: fract1ball 6s linear 0s infinite;
    z-index: -1;
}
.emfemme-2 .two-blk__container {
    align-items: center;
}
.emfemme-2 .two-blk__textarea {
    color: rgba(62, 62, 62, 0.5);
}
.emfemme-2 .two-blk__textarea-inner {
    max-width: 520px;
    margin-left: auto;
    /* font-size: 20px; */
}
.emfemme-2 .two-blk__img {
    background-color: transparent;
}
.emfemme-2 .two-blk__img img {
    width: 75%;
    max-width: 300px;
    padding: 58px 0 0;
    margin: 0 auto -170px auto;
    margin-right: calc((100vw - 1200px) / 2 - 20px);
}
.emfemme-3 {
    position: relative;
    overflow: hidden;
    background: none;
}
.emfemme-3:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    display: block;
    width: 100%;
    height: calc(100% + 20px);
    background: url(/images/exion/emfemme/sec-3-bg.jpg) left center / cover
        no-repeat;
    animation: fract1ball 6s linear -3s infinite;
    z-index: -2;
}
.exion-circle__item-img._emfemme {
    border-color: rgba(238, 131, 156, 0.3);
}
.emfemme-3 .exion-circle__item {
    max-width: none;
}
.emfemme-3 .exion-circle__item-title {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    font-weight: 400;
}
.emfemme-3 .exion-circle__item p {
    color: #3e3e3e;
    opacity: 0.6;
    font-size: 14px;
}
.emfemme-3 .exion-circle__item ul {
    text-align: left;
}
.emfemme-3 .exion-circle__item ul li::marker {
    color: #ee839c;
}
.emfemme-3__hr {
    display: block;
    width: 320px;
    max-width: 80%;
    margin: 68px auto;
    height: 2px;
    background-color: #ee839c;
    opacity: 0.3;
}
.emfemme-3__data {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-right: 40%;
    color: #ee839c;
    font-weight: 300;
}
.emfemme-3__data-item {
    width: calc(100% / 3);
    max-width: 200px;
    padding: 0 12px;
    margin: 12px 0;
}
.emfemme-3__prod {
    position: absolute;
    right: 0;
    bottom: -58px;
    display: flex;
    flex-flow: column;
    align-items: center;
    width: 36%;
    max-width: 380px;
    font-size: 20px;
}
.emfemme-3__ball {
    position: absolute;
    left: 2%;
    bottom: 10%;
    width: 380px;
    animation: fract1ball 6s linear 0s infinite;
    z-index: -1;
}
@media screen and (max-width: 1279px) {
    .emfemme-2 .two-blk__img img {
        margin-right: 4%;
    }
}
@media screen and (min-width: 992px) {
    .emfemme-2 .two-blk__textarea {
        padding-right: 0;
    }
}
@media screen and (max-width: 991px) {
    .emfemme-2 .two-blk__img img {
        max-width: 140px;
        margin: 0 auto;
        padding-bottom: 0;
    }
    .emfemme-2 .two-blk__textarea-inner {
        margin: 0 auto;
        /* font-size: 18px; */
    }
    .emfemme-1__ball-inner {
        width: 138px;
        height: 138px;
    }
    .emfemme-3__data {
        padding-right: 0;
    }
    .emfemme-3__data-item {
        max-width: none;
    }
    .emfemme-3__prod {
        position: relative;
        right: auto;
        bottom: auto;
        flex-flow: column-reverse;
        width: calc(100% / 3);
        font-size: 16px;
    }
    .emfemme-3__prod p {
        margin: 4px 0 0;
    }
    .emfemme-3__ball {
        bottom: 1%;
        width: 260px;
    }
}
@media screen and (max-width: 767px) {
    .emfemme-1__break {
        display: none;
    }
    .emfemme-1__ball-inner._2 {
        top: -20px;
    }
    .emfemme-1__ball-inner._6 {
        top: 20px;
    }
    /* .emfemme-2 .two-blk__textarea-inner {
        font-size: 16px;
    } */
    .emfemme-3 .two-blk__point-numb {
        font-size: 38px;
    }
}
@media screen and (max-width: 479px) {
    .emfemme-1__ball-inner {
        width: 128px;
        height: 128px;
        margin: 0;
        font-size: 14px;
    }
    .emfemme-1__ball-inner._4 {
        top: 0;
    }
    .emfemme-1__ball-inner._5 {
        top: 10px;
    }
    .emfemme-1__ball-inner._6 {
        top: 0;
    }
    .emfemme-3 .two-blk__point-numb {
        font-size: 28px;
    }
    .emfemme-3__data-item {
        padding: 0 4px;
    }
    .emfemme-3__ball {
        bottom: 0;
        width: 42%;
    }
}
@media screen and (max-width: 375px) {
    .emfemme-3__data-item {
        width: 50%;
    }
    .emfemme-3__prod {
        width: 50%;
    }
    .emfemme-3__ball {
        left: 0;
    }
}
/* EMFEMME END */