.section-p {

    padding: 56px 0 50px;

}



/* portrait page */



@media not all and (min-resolution: 0.001dpcm) {

    @supports (-webkit-appearance: none) {

        .portrait__screen {

            background: url(../../images/bg/bg-shadow-screen.png),

            linear-gradient(95.97deg, #fdf8f4 0.93%, #f2e3df 97.39%) !important;

            background-repeat: no-repeat !important;

            background-position: 0 100% !important;

            /* background-size: cover, contain; */

        }

    }

}



.portrait__screen {

    background: url(../../images/bg/bg-shadow-screen.webp),

    linear-gradient(95.97deg, #fdf8f4 0.93%, #f2e3df 97.39%);

    background-repeat: no-repeat;

    background-position: 0 100%;

    /* background-size: cover, contain; */

}



.breadcrumbs {

    margin-bottom: 67px;

}



.breadcrumbs__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 17px;
}



.breadcrumbs__link_main.breadcrumbs__link {

    color: #fa7846;

}



.breadcrumbs__link {

    font-size: 14px;

    color: #000;

    line-height: 17px;

}



.breadcrumbs__arrow {

    margin-left: 6px;

    margin-right: 9px;

}



.portraits__wrapper {

    display: flex;

    justify-content: space-between;

}



.portraits-image {

    position: relative;

    height: 500px;

    flex: 0 0 58%;

    margin-top: -14%;

}

.portraits-image-other {

    position: relative;

    height: 440px;

    flex: 0 0 58%;

    margin-top: -10%;

}

.portraits-image-other img {

    width: 100%;

}

.portraits-image__inner {

    position: absolute;

    width: 55%;

    height: 100%;

    bottom: -14%;

    right: 12%;

}



.portrait-image {

    position: absolute;

    overflow: hidden;

    border-radius: 4px;

}



.portraits-images--bg {

    position: absolute;

    bottom: -14%;

    width: 100%;

    height: 100%;

}



.portraits--info {

    flex: 0 0 30%;

}



.portraits-image img {

    width: 100%;

    transform-style: preserve-3d;

    height: 100%;

}



.portrait-image:nth-child(1) {

    width: 66.5%;

    height: 55%;

    max-height: 330px;

    z-index: 3;

    bottom: 6.5%;

    right: 0;

}



.portrait-image:nth-child(2) {

    width: 66%;

    height: 79%;

    z-index: 2;

    top: 11%;

}



.portrait-image:nth-child(2) img {

    transform: rotate(1deg);

}



/*  about   */



.about-tabs {

    max-width: fit-content;

    margin: 53px auto 68px;

    display: flex;

}



.about-tab:not(:last-child) {

    margin-right: 8px;

}



.about-tab {

    padding: 17px 22px;

    background: rgba(173, 135, 128, 0.15);

    border-radius: 5px;

    font-size: 16px;

    transition: all 0.3s ease;

    color: #fa7846;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;
}



.about-tab a {

    color: inherit;

    font-weight: bold;

}



.about-tab.active {

    background: #ad8780;

    color: #fff;

}



.about__block.hidden-block {

    display: none;

}



.about__first {

    display: flex;

    margin-bottom: 80px;

}



.about-portrait {

    flex: 0 0 40%;

}



.about__first .about-text {

    flex: 0 0 55%;

    max-width: 624px;

    margin-left: 90px;

    display: flex;

    flex-direction: column;

    justify-content: center;

}



.about__first .about-text>p:last-child {

    margin-top: 40px;

}



.about-text {

    font-size: 18px;

    line-height: 31px;

    font-weight: 400;

}



.about__block {

    margin-top: 59px;

    margin-bottom: 140px;

}



.about__first {

    display: flex;

}



.about__first {

    margin-top: 165px;

}



.about__portrait-img img {

    width: 100%;

    height: 100%;

    z-index: 3;

}



.about-portrait {

    position: relative;

}



.big-border {

    width: 100%;

    height: 110%;

    z-index: -1;

    bottom: 0;

}



.sm-border {

    top: 15%;

    right: -10%;

    width: 100%;

    height: 80%;

    z-index: -2;

}



.about__portrait-img {

    margin-left: 5%;

    width: 67.5%;

    height: 100%;

    overflow: hidden;

    border-radius: 8px;

    cursor: pointer;

}



.about__portrait-img img {

    transition: 0.8s;

}



.about__portrait-img:hover img {

    -webkit-transform: scale(1.08);

    -ms-transform: scale(1.08);

    transform: scale(1.08);

}



.about-border {

    position: absolute;

}



.about-fit--block {

    background: #fbf2ea;

    border-radius: 8.93155px;

    position: relative;

    padding: 8px;

    margin-bottom: 67px;

}



.fit-block--inner {

    border: 1.33973px solid #ffffff;

    box-sizing: border-box;

    border-radius: 8.93155px;

    display: flex;

    padding: 40px 50px;

}



.fit-image--bg {

    position: absolute;

    bottom: 0;

    right: 5%;

}



.fit-icon {

    margin-right: 18px;

}



.fit-content {

    max-width: 80%;

}



.fit-title {

    font-weight: normal;

    font-size: 30px;

    line-height: 36px;

    font-family: Trajan, serif;

    margin-bottom: 10px;

}



.fit-text {

    font-size: 16px;

    line-height: 140%;

    max-width: 767px;

}



.fit-image--bg img {

    max-width: 330px;

    max-height: 190px;

}



.about-offer span {

    color: #fa7846;

    font-weight: 600;

}



.about-offers {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.about-offer img {

    margin-top: 40px;

}



.about-offer p {

    padding-right: 40px;

}



.about-offer {

    flex: 0 0 32%;

    display: flex;

    justify-content: space-between;

    flex-direction: column;

}



.offer-text {

    display: flex;

    position: relative;

    min-height: 224px;

}



.offer-text::before {

    content: "";

    width: 24px;

    height: 25px;

    flex-shrink: 0;

    display: block;

    background: url(../../images/icon/check-circle.svg) center no-repeat;

    margin-right: 10px;

    transition: 0.3s;

}



.offer-img {

    width: 100%;

}



.offer-img img {

    width: 100%;

}



.about--notes {

    display: flex;

    justify-content: space-between;

    margin-top: 40px;

}



.about--note {

    display: flex;

    font-size: 14px;

    line-height: 22px;

    flex: 0 0 48%;

}



.about--note span {

    font-size: 24px;

    line-height: 22px;

    color: #fa7846;

    margin-top: 7px;

    margin-right: 7px;

}



.about-size--inner {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;

    grid-template-rows: 1fr 1fr 1fr;

    gap: 40px 29px;

    grid-auto-flow: row;

    grid-template-areas:

    "a a b b c c"

    "d d e e f f"

    "g g g h h h";

}



.size-item:nth-child(1) {

    grid-area: a;

}



.size-item:nth-child(2) {

    grid-area: b;

}



.size-item:nth-child(3) {

    grid-area: c;

}



.size-item:nth-child(4) {

    grid-area: d;

}



.size-item:nth-child(5) {

    grid-area: e;

}



.size-item:nth-child(6) {

    grid-area: f;

}



.size-item:nth-child(7) {

    grid-area: g;

}



.size-item:nth-child(8) {

    grid-area: h;

}



.size-item img {

    width: 100%;

}



.size-item p {

    font-size: 16px;

    line-height: 22px;

    vertical-align: middle;

    text-align: center;

    margin: 15px 0 10px;

}



.size-item p svg,

.size-item span {

    vertical-align: middle;

}



.price-size {

    width: 109px;

    height: 50px;

    background: #fbf2ea;

    border-radius: 4px;

    font-family: Trajan, serif;

    font-style: normal;

    font-weight: 600;

    font-size: 20px;

    line-height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto;

    color: #fa7846;

}



.about-examples .examples-slide__title,

.about-examples .examples-size {

    color: #1e2533;

}



.about-examples {

    position: relative;

}



.examples-about__slider {

    width: calc(100% - 100px);

    margin-left: auto;

    margin-right: auto;

}



.examples-arrow a[aria-disabled="true"] {

    background: #fff;

}



.examples-arrow a[aria-disabled="true"] svg path {

    fill: #fb7e4d;

}



.examples-arrow a {

    background: #fb7e4d;

}



.about-examples .examples-arrow a:hover {

    background: #fb7e4d;

}



.about-examples .examples-arrow a svg:hover path {

    fill: white;

}



.examples-about__slider img {

    border-radius: 8px;

}



.examples-about__slider .slick-slide {

    margin-bottom: 5px;

}



/* deadline */



.deadline-title {

    font-family: Trajan, serif;

    margin-bottom: 43px;

    display: flex;

    font-size: 30px;

    line-height: 140%;

    align-items: center;

}



.deadline-title p {

    margin-top: 20px;

}



.deadline-title img {

    margin-right: 24px;

}



.deadline-items {

    display: flex;

    justify-content: space-between;

}



.deadline-item {

    flex: 0 0 32%;

}



.deadline-img {

    margin-bottom: 25px;

}



.deadline-content {

    font-size: 18px;

    line-height: 28px;

    font-weight: 500;

}



.deadline-img img {

    width: 100%;

    height: 100%;

}



.deadline-desc {

    color: #fa7846;

}



.deadline-block:first-child {

    margin-bottom: 65px;

}



.courier-info {

    margin-top: 25px;

}



.courier-text {

    font-size: 18px;

    line-height: 31px;

    font-weight: 500;

    margin-bottom: 27px;

}



.courier-inner {

    border: 1.33973px solid #ffffff;

    border-radius: 8.93155px;

    display: flex;

    justify-content: space-between;

    padding: 17px;

}



.courier-items {

    display: flex;

    justify-content: space-between;

}



.courier-item {

    flex: 0 0 48%;

    padding: 7.5px;

    background: #fbf2ea;

    border-radius: 8.93155px;

}



.courier-logo {

    flex: 0 0 20%;

    max-width: 124px;

}



.courier-logo img {

    width: 100%;

}



.courier-txt {

    flex: 0 0 75%;

}



.courier-item a {

    color: #3482f8;

}



/* examples */



.before-after__block {

    width: 35%;

}



.examples-slider__block {

    width: 55%;

    position: relative;

}



.example-flex {

    display: flex;

    justify-content: space-between;

}



.example-flex {

    margin-top: 70px;

}



.before-after__title,

.examples-slider__title {

    font-family: Trajan;

    font-size: 20px;

    line-height: 24px;

    text-align: center;

    color: #ffffff;

}



.title-group {

    min-height: 75px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    margin-bottom: 24px;

}



.before-after__subtitle,

.before-after__text {

    font-weight: 300;

    font-size: 14px;

    line-height: 17px;

    color: #ffffff;

    max-width: 235px;

    text-align: center;

    margin: 0 auto;

}



.before-after__text {

    margin-top: 20px;

}



.ba-slider {

    max-height: 437px !important;

    height: 437px;

    transition: all 0.4s ease;

    border-radius: 8px;

    position: relative;

}



.examples-slider__block .examples-arrow {

    top: calc(50% - 30px);

    transform: translateY(-50%);

}



.examples-slider__block .slick-slide {

    margin-bottom: 16px;

    cursor: pointer;

}



.ba-slider .handle {

    background: #8d545d !important;

}



.examples-slider__inner img {

    border-radius: 8px;

}



.before-after__block .ba-slider .handle:after {

    width: 0;

    height: 0px;

    margin: -32px 0 0 -21px;

    color: #8d545d;

    font-size: 31px;

    background: unset;

}



/* size */

.sizes__screen {

    padding-bottom: 10px;

    position: relative;

}



.sizes__screen--inner {

    margin-top: -5.5%;

    width: fit-content;

    height: fit-content;

    position: relative;

}



.sizes__screen--inner .size-frame {

    position: absolute;

    top: 14%;

    left: 50%;

    width: 100%;

    transform: translateX(-50%);

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}



.size-title {

    color: #fff;

}



.sizes__screen--inner>picture:first-child img {

    /* position: absolute;

    object-fit: cover; */

    width: 100vw;

}



.sizes__screen--inner .boy {

    position: absolute;

    right: 6%;

    bottom: 4%;

    width: 18%;

    z-index: 10;

}



.sizes__screen--inner .girl {

    position: absolute;

    bottom: 4%;

    left: 5%;

    width: 28%;

    z-index: 10;

}



.sizes__block {

    margin-top: 2%;

    position: relative;

    width: 60%;

    max-width: 1270px;

    display: grid;

    grid-template-columns: repeat(13, 1fr);

    grid-template-rows: repeat(4, 1fr);

    gap: 4% 3%;

    grid-auto-flow: row;

    grid-template-areas:

    "a a a a a b b b b b b b b b b b b c c c c c c d d d d d d e e e e"

    "a a a a a b b b b b b b b b b b b c c c c c c d d d d d d e e e e"

    ". . f f f f f f f f f f g g g g g g h h h h h h h h h h h h h h ."

    ". . f f f f f f f f f f g g g g g g h h h h h h h h h h h h h h .";

}



.mobile-ell {

    display: none;

    margin-bottom: -50px;

    z-index: 3;

    position: relative;

    justify-content: center;

    min-height: 157px;

    padding-bottom: 26px;

    padding-top: 67px;

}



.mobile-size-title {

    font-size: 31px;

    line-height: 37px;

    text-align: center;

    letter-spacing: -0.03em;

    position: relative;

    font-family: Trajan;

    color: #ffffff;

}



.mobile-sizes {

    display: none;

    position: absolute;

    width: 100%;

    min-height: 191px;

    bottom: 0%;

    height: fit-content;

    z-index: 10;

}



.mobile-ell img {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

}



.mobile-sizes--inner ul {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}



.mobile-sizes--inner ul li {

    flex: 0 0 45%;

    font-size: 16px;

    line-height: 140%;

    margin-bottom: 16px;

    display: flex;

    justify-content: center;

}



.mobile-sizes--inner ul li svg {

    width: 20px;

    height: 20px;

    margin-right: 6.7px;

}



.sizes-item img {

    max-width: 100%;

    max-height: 100%;

    box-shadow: 15px 5px 20px 0px #a99e9b;

    transition: all 0.3s ease;

    border-radius: 5px;

}



.sizes-item {

    position: relative;

}



.sizes-item.active img {

    transform: scale(1.08);

    -webkit-box-shadow: 0px 0px 18px 5px rgba(251, 255, 23, 0.68);

    box-shadow: 0px 0px 18px 5px rgba(251, 255, 23, 0.68);

}



.a {

    grid-area: a;

    display: flex;

    align-items: center;

    justify-content: center;

}



.b {

    grid-area: b;

    display: flex;

    align-items: center;

}



.c {

    grid-area: c;

}



.d {

    grid-area: d;

    display: flex;

    align-items: center;

}



.e {

    grid-area: e;

}



.f {

    grid-area: f;

}



.g {

    grid-area: g;

}



.h {

    grid-area: h;

}



.b img {

    max-height: 98%;

}



.d img {

    max-height: 90%;

}



.e img {

    width: 75%;

}



@media not all and (min-resolution: 0.001dpcm) {

    @supports (-webkit-appearance: none) {

        .size-desc {

            transform: translateX(-50%) !important;

            background: url(../../images/sizes/borderM.png) !important;

            background-repeat: no-repeat !important;

            background-size: 100% 100% !important;

        }

    }

}



@media not all and (min-resolution: 0.001dpcm) {

    @supports (-webkit-appearance: none) {



        .e .size-desc,

        .a .size-desc {

            background: url(../../images/sizes/borderMR.png) !important;

            background-repeat: no-repeat !important;

            background-size: 100% 100% !important;

        }

    }

}



.size-desc {

    position: absolute;

    width: 145px;

    left: 50%;

    transform: translateX(-50%);

    background: url(../../images/sizes/borderM.webp);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    padding: 21px;

    display: flex;

    justify-content: center;

    align-items: center;

    z-index: 11;

}



.e .size-desc,

.a .size-desc {

    background: url(../../images/sizes/borderMR.webp);

    background-repeat: no-repeat;

    background-size: 100% 100%;

}



.e .size-desc {

    top: -20%;

    left: 40%;

}



.a .size-desc {

    top: -18%;

}



.b .size-desc,

.c .size-desc,

.d .size-desc,

.f .size-desc,

.g .size-desc,

.h .size-desc {

    top: 80%;

}



/* formalization */



.formalization__screen {

    background: #1e2532;

    padding-bottom: 75px;

}



.section-title {

    color: #fff;

}



.section-subtitle {

    text-align: center;

    font-size: 20px;

    line-height: 140%;

    font-weight: normal;

    margin-top: 25px;

}



.stages-row {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.stages__wrapper {

    margin-top: 40px;

    position: relative;

}



.stage-item {

    flex: 0 0 18%;

    color: #fff;

    text-align: center;

}



.stage-name {

    margin: 20px 0 10px;

    font-weight: 500;

    font-size: 18px;

    line-height: 26px;

}



.stage-text {

    font-size: 16px;

    line-height: 24px;

    color: #ffffff;

    opacity: 0.75;

}



.stage-img {

    position: relative;

}



.stage-num {

    position: absolute;

    top: 10%;

    left: 18%;

    width: 48px;

    height: 48px;

    background: #fb7f4f;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    border-radius: 50%;

}



@media only screen and (min-width: 501px) {

    .stages__wrapper .examples-arrow {

        display: none;

    }

}



.stages__wrapper .examples-arrow {

    top: calc(50% - 10px);

    transform: translateY(-50%);

}



.stages__wrapper .examples-arrow a[aria-disabled="true"] {

    color: #fb7e4d;

    background: #fff;

}



.stages__wrapper .examples-arrow a {

    background: #fb7e4d;

    color: #fff;

}



.stages__wrapper .examples-arrow a:hover {

    background: #fb7e4d;

    color: #fff;

}



.stages__wrapper .slick-slide {

    margin-bottom: 15px;

}



.stages__wrapper .examples-prev {

    left: -10px;

}



.stages__wrapper .examples-next {

    right: -10px;

}



/* inner formalization */



.formalization__block {

    margin-top: 60px;

    border-radius: 10px;

    overflow: hidden;

}




.formalization__block--top {
    background: #FBF2EA;
    padding: 80px 80px 50px;
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.formalization__main--wrapper {
    padding: 9px 9px 0;
    background: #FBF2EA;
    border-radius: 10px;
    /* overflow: hidden; */
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}



.formalization__block--bottom {

    background: #fff;

    padding: 50px 80px;

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

}



.block-title {

    font-family: Trajan;

    text-align: center;

    line-height: 42px;

    font-size: 35px;

    margin-bottom: 19px;

}



.block-title span {

    color: #fa7846;

}



.tab-icon {

    position: relative;

    width: 30px;

    height: 30px;

    justify-content: center;

    align-items: center;

    display: flex;

    margin-left: auto;

}



.tab-icon::after,

.tab-icon::before {

    content: "";

    background-color: #fa7846;

    position: absolute;

    transition: 0.3s;

}



.opened-tab .tab-icon::after, .open .tab-icon::after {

    transform: rotate(90deg);

}



.tab-icon::after {

    width: 1px;

    height: 14px;

}



.tab-icon::before {

    height: 1px;

    width: 14px;

}



/* .formalization-items {

  margin-top: 41px;

} */



.formalization-box {

    width: 50%;

    margin-right: 42px;

}



.formalization-item {

    display: flex;

}



.formalization-item:not(:last-child) {

    margin-bottom: 10px;

}



.formalization-item:nth-child(1) .formalization-content,

.formalization-item:nth-child(1) .formalization-prompt {

    display: block;

}



.formalization-item:nth-child(2) .formalization-content,

.formalization-item:nth-child(2) .formalization-prompt {

    display: block;

}



.formalization-item:nth-child(3) .formalization-content,

.formalization-item:nth-child(3) .formalization-prompt {

    display: block;

}



.formalization-tab {

    cursor: pointer;

    display: flex;

    align-items: center;

    height: 50px;

    background: #fff;

    padding: 0 18px;


    border-radius: 4px;

    font-weight: 600;

    gap: 10px;

    position: relative;
}



@media not all and (min-resolution: 0.001dpcm) {

    @supports (-webkit-appearance: none) {

        .formalization-prompt--wrapper {

            background: url(../../images/prompt.png) !important;

            background-repeat: no-repeat !important;

            background-size: cover !important;

        }

    }

}



.formalization-prompt--wrapper {

    position: absolute;

    top: 0;

    left: 0;

    border-radius: 5px;

    background: url(../../images/prompt.webp);

    box-shadow: 0px 20px 50px rgba(53, 64, 84, 0.1);

    background-repeat: no-repeat;

    background-size: cover;

    padding: 10px 28px 10px 33px;

    height: 116px;

    width: 100%;

    clip-path: inset(0 0 0 2px);

}



.formalization-prompt {

    max-width: 516px;

    width: 45%;

    position: relative;

    display: none;

}



.formalization-prompt--inner {

    display: flex;

    align-items: center;

    width: 100%;

    height: 100%;

}



.formalization-prompt img {

    flex: 0 0 58px;

    margin-right: 17px;

}



.formalization-prompt p {

    font-size: 12px;

    line-height: 18px;

}



.formalization-content {

    display: none;

}



.formalization-content--inner {

    padding: 14px 10px 30px;

}



.formalization-item:nth-child(1) .formalization-content--inner>*,

.formalization-item:nth-child(9) .formalization-content--inner>.kviz-input {

    max-width: 355px;

}



.formalization-content--inner .kviz-input {

    margin: 6px 0 5px;

}



.form-types {

    display: flex;

    align-items: center;

}



.form-image {

    position: relative;

    border-radius: 4px;

    width: fit-content;

    height: fit-content;

    overflow: hidden;

}



.form-image:nth-child(1) {

    height: 105px;

}



.form-image img {

    width: 100%;

}



.form-image {

    width: 80px;

    height: 80px;

    background-color: #EDE4D8;

}



.form-image:nth-child(3) {

    width: 105px;

}

.form-image:nth-child(4) {

    height: 60px;
    width: 120px;

}



.form-image:not(:last-child) {

    margin-right: 22px;

}



.form-image.active .selected-icon {

    display: flex;

}



.form-image.active {

    border: 1px solid #f7794b;

}



.selected-icon {

    position: absolute;

    width: 24px;

    height: 24px;

    border-radius: 50%;

    display: none;

    align-items: center;

    justify-content: center;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    background: #f7794b;

}



.kviz-row {

    display: flex;

    justify-content: space-between;

    width: 100%;

    margin-top: 7px;

}



.kviz-row>div {

    flex: 0 0 46%;

}



.kviz-row>div b {

    color: #f7794b;

}



.kviz-row .kviz-radio_active {

    font-weight: bold;

}



.kviz-row .kviz-radio_active.kviz-types {

    font-weight: normal;

}



.input-group {

    margin-top: auto;

}



.input-group label {

    font-size: 14px;

    line-height: 24px;

    color: #555861;

    cursor: default;

    margin-bottom: 7px;

    display: block;

}



.input-group input {

    background: #ffffff;

    border-radius: 5px;

    height: 49px;

    max-width: 226px;

    border: none;

    display: flex;

    align-items: center;

    padding: 0 20px;

}



.kviz-custom-flexcol {

    display: flex;

    flex-direction: column;

}



.kviz-custom-flexcol>div:not(:last-child) {

    margin-bottom: 19px;

}



.input_disabled>* {

    opacity: 0.5;

    cursor: unset;

    pointer-events: none;

}



.kviz-row-single {

    margin-top: 7px;

}



.kviz-row-single .kviz-radio img {
    z-index: 5;
    margin-left: 4px;

}



.kviz-row-single .kviz-radio span {
    display: flex;
    align-items: center;
    white-space: nowrap;
}



.frame-img {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 120px;

}



.kviz-row-single .kviz-radio span {
    z-index: 1;
    position: relative;

}



.textarea-wrapper {

    height: fit-content;

    max-width: 512px;

    background: #fff;

    padding: 10px;

    display: flex;

    margin-bottom: 10px;

}



.textarea-wrapper textarea {

    background: transparent;

    border: none;

    resize: none;

    width: 100%;

    height: 76px;

    position: relative;

}



.input-comments label {

    color: #1e2533;

}



.file-save:not(:last-child) {

    margin-bottom: 15px;

}



.formalization__final {

    flex: 0 0 30%;

    display: flex;

    justify-content: space-between;

}



.formalization-bottom--check {

    flex: 0 0 65%;

}



.formalization-btn {

    max-width: 100%;

    width: 290px;

    height: 65px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 8px;

    background: linear-gradient(90deg, #fc8c5f 0, #fa7846 100%);

    font: bold 16px Inter, sans-serif;

    box-shadow: 0 18.4892px 46.223px -4.6223px rgb(250 120 70 / 25%),

    0 2.77338px 0 #e87145;

    text-align: center;

    color: #fff;

    box-sizing: border-box;

    cursor: pointer;

    position: relative;

    transition: 0.4s;

    margin-right: 10px;

}



.formalization-btn:hover {

    transform: scale(1.04);

}



.formalization-price {

    font-family: Trajan;

    font-size: 20px;

    line-height: 22px;
    min-height: 40px;

}



.formalization-price span {

    font-size: 30px;

}



.formalizaton__submit {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.kviz-c-row {

    display: flex;

}



.kviz-c-row>div:not(:last-child) {

    margin-right: 40px;

}



.kviz-c-row>div label span {

    display: flex;

    align-items: center;

}



.kviz-c-row>div label span img {

    margin-left: 5px;

}



.kviz-c-row>div {

    margin-bottom: 0;

}



.kviz-wrap:first-child {

    margin-bottom: 26px;

}



.kviz-wrap>p {

    font-size: 14px;

    line-height: 17px;

    color: #1e2533;

    margin-bottom: 6px;

}



/* p-examples */



.p-examples-top {

    padding: 123px 0 80px;

    background: #fbf2ea;

}



.p-examples-top .top-title {

    margin-bottom: 37px;

}



.p-examples-top .top-title p {

    font-size: 20px;

    line-height: 28px;

    color: #1e2533;

    opacity: 0.75;

}



.p-examples-slider .slick-slide {

    margin-bottom: 15px;

}



.p-examples-slider .slick-slide img {

    border-radius: 8px;

}



.p-examples-slider .examples-slide__title,

.p-examples-slider p {

    color: #1e2533;

}



.p-example-slider--wrapper {

    position: relative;

}



.p-example-slider--wrapper .examples-arrow a {

    color: #fff;

}



.p-example-slider--wrapper .examples-arrow a[aria-disabled="true"] {

    color: #fb7e4d;

}



.examples-arrow a[aria-disabled="true"] svg path {

    fill: #fb7e4d;

}



.examples-arrow a {

    background: #fb7e4d;

}



.p-example-slider--wrapper .examples-arrow a:hover {

    background: #fb7e4d;

    color: #fff;

}



.p-examples-bottom {

    background: #fbf2ea;

    padding: 100px 0 0;

    margin-bottom: 200px;

}



.title-left {

    flex: 0 0 35%;

    max-width: 462px;

    margin-bottom: 100px;

}



.title-left .page-title {

    text-align: start;

    margin-bottom: 32px;

}



.title-left p {

    font-size: 20px;

    line-height: 28px;

    color: #1e2533;

}



.p-examples-bottom--inner {

    display: flex;

    justify-content: space-between;

}



.video-wrapper {

    flex: 0 0 60%;

    padding: 9px;

    background: #fff;

    position: relative;

    max-width: 900px;

}



.video-wrapper video {

    width: 100%;

    height: 100%;

}



.video-btn {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    z-index: 4;

}



.video-container {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: auto;

    max-height: 600px;

}



/* why portrait */



@media not all and (min-resolution: 0.001dpcm) {

    @supports (-webkit-appearance: none) {

        .portait-why {

            background: url(../../images/bg/portrait-why.jpg) !important;

            background-position: 61% 215px !important;

            background-repeat: no-repeat !important;

            padding: 100px 0 5px !important;

        }

    }

}



.portait-why {

    background: url(../../images/bg/portrait-why.webp);

    background-position: 61% 215px;

    background-repeat: no-repeat;

    padding: 100px 0 5px;

}



.portait-why .why-sub {

    max-width: 290px;

    margin-right: auto;

    margin-left: auto;

}



.portait-why .why-form {

    padding-bottom: 54px;

}



@media not all and (min-resolution: 0.001dpcm) {

    @supports (-webkit-appearance: none) {

        .portait-why-form {

            /* background: url(../../images/formalizationHead.png),

              url(../../images/formalizationBody.png),

              url(../../images/formalizationFooter.png) !important;

            background-repeat: no-repeat !important;

            background-size: 100% 71px, 100% calc(100% - 50px), 100% 57px !important;

            background-position: 0 0, 0 50px, 0 calc(100% - 57px) !important; */

        }

    }

}



.portait-why-form {

    /* background: url(../../images/formalizationHead.webp),

      url(../../images/formalizationBody.webp),

      url(../../images/formalizationFooter.webp);

    background-repeat: no-repeat;

    background-size: 100% 69px, 100% calc(100% - 50px), 100% 57px;

    background-position: 0 0, 0 50px, 0 calc(100% - 57px); */

}



.portait-why-form.why-form::before {

    content: unset;

}



.portait-why .page-title {

    margin-bottom: 16px;

}



.kviz-textarea {

    height: fit-content;

    display: flex;

    width: 100%;

    background: #fff;

    padding: 7px;

    border-radius: 8px;

    overflow: hidden;

}



.page-input__item textarea {

    width: 100%;

    height: 46px;

    min-height: 46px;

    border: none;

    background: transparent;

    padding: 0 10px;

}



/* others */



.others {

    padding: 60px 0 60px;

}



.others-slider--wrapper {

    position: relative;

    max-width: 1300px;

    margin: 0 auto;

}



.others-title {

    margin-bottom: 86px;

    max-width: 701px;

    margin-right: auto;

    margin-left: auto;

}



.arts__item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    /* padding-left: 150px; */

}



.arts__title {

    font-size: 38px;

    line-height: 56px;

    font-family: "Trajan";

    text-align: center;

    margin-bottom: 20px;

    font-weight: 400;

}



.arts__image {

    position: relative;

    margin-right: auto;

    margin-left: auto;

    margin-bottom: 20px;

}



.arts__image_vertical {

    width: 400px;

    height: 473px;

}



.arts__image_vertical::before {

    content: "";

    width: 388px;

    height: 365px;

    background: rgba(250, 120, 70, 0.29);

    -webkit-filter: blur(70px);

    filter: blur(70px);

    border-radius: 50%;

    position: absolute;

    top: 96px;

    left: -111px;

    z-index: -1;

}



.arts__image_vertical .arts__product-image {

    position: absolute;

    right: 64px;

    top: 4px;

    width: 287px;

    height: 403px;

    -o-object-fit: cover;

    object-fit: cover;

}



.arts__image_horizontal {

    width: 430px;

    height: 402px;

    margin-top: 44px;

    margin-bottom: 40px;

}



.arts__image_horizontal::before {

    content: "";

    width: 388px;

    height: 365px;

    background: rgba(250, 120, 70, 0.29);

    -webkit-filter: blur(70px);

    filter: blur(70px);

    border-radius: 50%;

    position: absolute;

    top: 52px;

    left: -111px;

    z-index: -1;

}



.arts__image_horizontal .arts__product-image {

    position: absolute;

    right: 60px;

    top: 98px;

    width: 365px;

    height: 260px;

    -o-object-fit: cover;

    object-fit: cover;

}



.arts__image_clear {

    width: 498px;

    height: 423px;

    margin-top: 44px;

}



.arts__image_clear::before {

    content: "";

    width: 388px;

    height: 365px;

    background: rgba(250, 120, 70, 0.29);

    -webkit-filter: blur(70px);

    filter: blur(70px);

    border-radius: 50%;

    position: absolute;

    top: 52px;

    left: -111px;

}



.arts__image_clear .arts__bg {

    width: 321px;

    height: 401px;

    margin: 0 auto;

}



.arts__image_clear .arts__product-image {

    position: absolute;

    right: -40px;

    top: 24px;

    width: 498px;

    height: 423px;

    -o-object-fit: cover;

    object-fit: cover;

}



.arts__product-image {

    overflow: hidden;

}



.arts__product-image img {

    -webkit-transition: 0.8s;

    -o-transition: 0.8s;

    transition: 0.8s;

    cursor: pointer;

    width: 100%;

    height: 100%;

}



.arts__product-image:hover img {

    -webkit-transform: scale(1.08);

    -ms-transform: scale(1.08);

    transform: scale(1.08);

}



.arts__more {

    margin: 0 auto;

    font-size: 16px;

    font-family: "Inter-Bold";

    width: 275px;

    height: 60px;

    border: 1px solid #fa7846;

    color: #fa7846;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    border-radius: 8px;

    margin-top: 100px;

    background: transparent;

    -webkit-transition: 0.4s;

    -o-transition: 0.4s;

    transition: 0.4s;

    cursor: pointer;

}



.arts__more:hover {

    -webkit-transform: scale(1.04);

    -ms-transform: scale(1.04);

    transform: scale(1.04);

}



.arts__bg {

    width: 100%;

    height: 100%;

}



.arts__description {

    width: 430px;

    text-align: center;

    font-size: 16px;

    line-height: 24px;

    margin: 0 auto;

    margin-bottom: 24px;

    color: #363634;

}



.arts__price {

    text-align: center;

    font-size: 24px;

    line-height: 29px;

    margin-bottom: 19px;

    color: #000000;

}



.arts__price span {

    color: #fa7846;

    font-family: "Inter-Bold";

}



.arts__btn {

    margin: 0 auto;

    width: 210px;

    height: 60px;

    background: -webkit-gradient(linear,

    left top,

    right top,

    from(#fc8c5f),

    to(#fa7846));

    background: -o-linear-gradient(left, #fc8c5f 0%, #fa7846 100%);

    background: linear-gradient(90deg, #fc8c5f 0%, #fa7846 100%);

    -webkit-box-shadow: 0px 18.4892px 46.223px -4.6223px rgba(250, 120, 70, 0.25),

    0px 2.77338px 0px #e87145;

    box-shadow: 0px 18.4892px 46.223px -4.6223px rgba(250, 120, 70, 0.25),

    0px 2.77338px 0px #e87145;

    border-radius: 7.3px;

    border: none;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    color: #fff;

    font-size: 16px;

    line-height: 19px;

    cursor: pointer;

    -webkit-transition: 0.4s;

    -o-transition: 0.4s;

    transition: 0.4s;

}



.arts__hide {

    display: none;

}



.others-slider--wrapper .examples-arrow a {

    color: #fff;

}



.others-slider--wrapper .examples-arrow {

    top: 50%;

    transform: translateY(-50%);

}



.others-slider--wrapper .examples-arrow a[aria-disabled="true"] {

    color: #fb7e4d;

}



.others-slider--wrapper .examples-arrow a:hover {

    background: #fb7e4d;

    color: #fff;

}



.others-slider--wrapper .slick-slide {

    margin-bottom: 15px;

}



.others-slider--wrapper .examples-prev {

    left: 20px;

}



.others-slider--wrapper .examples-next {

    right: 20px;

}



/*  */



.about__second .hidden-trigger {

    display: none;

}



.hidden-trigger {

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-top: 40px;

    cursor: pointer;

}



.hidden-trigger:hover .ellipse-arrow {

    background: #fff;

    color: #fa7846;

}



.hidden-trigger span:last-child {

    display: none;

}



.hidden-trigger.active span:last-child {

    display: inline;

}



.hidden-trigger.active span:nth-child(2) {

    display: none;

}



.hidden-trigger>a {

    position: unset;

    top: unset;

    left: unset;

    margin: unset;

    margin-right: 10px;

}



.hidden-trigger span {

    color: #fa7846;

}



.hidden-trigger.active a {

    transform: rotate(180deg);

}



.brief-v .about__second .about--notes {

    transition: all 0.3s linear 0s;

    display: block;

}



.brief-v .about--notes {

    display: none;

}



.brief-v .size-item:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {

    display: none;

    transition: all 0.3s linear 0s;

}



.brief-v .about-size--inner {

    grid-template-areas: "a a b b c c";

    grid-template-rows: 1fr;

}



.brief-v .deadline-block:last-child {

    transition: all 0.3s linear 0s;

    display: none;

}



/*  */



.before-after__nav {

    max-width: 290px;

    width: 100%;

    margin: 24px auto 40px;

    justify-content: space-between;

    align-items: center;

}



.before-after__nav,

.bf-obj {

    display: flex;

    font-weight: 300;

    font-size: 12px;

    line-height: 23px;

    text-align: center;

    letter-spacing: -0.03em;

    color: #ffffff;

}



.bf-obj {

    max-width: 235px;

}



.bf-obj li {

    width: 25px;

    height: 25px;

    border: 1px solid rgba(255, 255, 255, 0.22);

    border-radius: 5px;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    transition: all 0.3s ease;

}



.bf-obj li.active {

    background: #fa7846;

    border: none;

}



.bf-obj li:hover {

    background: #fa7846;

    border: none;

}



.bf-obj li {

    margin: 0 3.5px;

}



.bf-arr {

    cursor: pointer;

}



/* sharj */



.portrait-sharj__blocks {

    display: flex;

    flex-wrap: wrap;

    margin-top: 20px;

    margin-bottom: 45px;

}



.portrait-sharj__block {

    padding: 3px;

    background: #fff;

    border-radius: 8px;

    height: 64px;

    max-width: 230px;

    min-width: 187px;

    margin-bottom: 15px;

}



.portrait-sharj__block:not(:last-child) {

    margin-right: 14px;

}



.portrait-sharj__block--inner {

    border: 1px solid #fbf2ea;

    border-radius: 8px;

    display: flex;

    align-items: center;

    padding: 0 19px;

    font-size: 16px;

    line-height: 19px;

    color: #1e2533;

    width: 100%;

    height: 100%;

}



.portrait-sharj__block--inner p {

    opacity: 0.8;

}



.portrait-sharj__block--inner svg {

    flex: 0 0 31px;

    margin-right: 15px;

}



.sharj__portraits--wrapper .portraits--info {

    flex: 0 0 auto;

}



/*  */



.about__text-title {

    font-family: Trajan;

    font-size: 28px;

    line-height: 37px;

    color: #1e2533;



    margin-bottom: 26px;

}



.about__text-title span {

    color: #e87145;

}



.about__first-sharj .about-text {

    max-width: 697px;

}



.inner-text p:not(:last-child) {

    margin-bottom: 20px;

    margin-top: 0;

}



.about__row {

    display: flex;

    margin-top: 37px;

}



.about__row--blocks {

    display: flex;

}



.about__row-block {

    padding: 3px;

    background: #fbf2ea;

    border-radius: 8px;

    min-width: 187px;

    max-width: 239px;

    display: flex;

    align-items: center;

    height: 64px;

}



.about__row-block>div {

    border-color: #ffffff;

}



.about__row-text {

    margin-right: 12px;

}



.about__row-block:not(:last-child) {

    margin-right: 14px;

}



.about__row-text {

    max-width: 152px;

    font-family: Trajan;

}



.about-o {

    color: #e87145;

    margin-top: 35px;

}



/*  */



.birthday__screen {

    background: #fbf2ea;

}



.mid-pad {

    padding: 92px 0 45px;

}



.sharj-flex {

    display: flex;

    justify-content: space-between;

    color: #4a4e58;

}



.mobile-title {

    display: none;

}



.justify-right {

    display: flex;

    justify-content: center;

}



.sharj-image {

    position: relative;

    z-index: 2;

    height: fit-content;

}



.sharj-image img {

    position: relative;

    z-index: 1;

}



.sharj-image::after {

    content: "";

    position: absolute;

    top: 15%;

    right: 4%;

    width: 100%;

    height: 85%;

    border: 7px solid #000;

    z-index: 0;

}



.sharj__left {

    flex: 0 0 40%;

}



.sharj__right {

    flex: 0 0 55%;

}



.sharj-title {

    text-align: start;

    margin-bottom: 33px;

}



.sharj__list-item {

    display: flex;

}

.sharj__list-item--inner {

    display: flex;

}

.ul-sharj-items .sharj__list-item--inner {

    flex: 0 0 250px;

}

.sharj-ul-list li::before {

    content: "•";

    color: #FA7846;

    display: inline-block;

    width: 6px;

    height: 6px;

    margin-right: 8px;

}

.sharj-ul-list li:not(:last-child) {

    margin-bottom: 8px;

}

.sharj__list-item img {

    width: 24px;

    height: 24px;

    margin-right: 23px;

    margin-top: 3px;

}



.sharj__list-item span {

    color: #e87145;

}



.sharj__content>*:not(:last-child) {

    margin-bottom: 34px;

}



.sharj__list>div:not(:last-child) {

    margin-bottom: 33px;

}



.sharj-btn {

    font-weight: bold;

    font-size: 16px;

    line-height: 19px;

    padding: 14px 33px;

    background: linear-gradient(90deg, #fc8c5f 0%, #fc8c5f 100%);

    box-shadow: 0px 20px 50px -5px rgba(250, 120, 70, 0.25), 0px 3px 0px #e87145;

    border-radius: 8px;

    color: #fff;

}



.sharj__works {

    padding-top: 70px;

}



.sharj__work-title {

    font-family: Trajan;

    font-style: normal;

    font-weight: normal;

    font-size: 36px;

    line-height: 43px;

    letter-spacing: -0.03em;

    text-align: center;

    margin-bottom: 44px;

}



.sharj-item--title {

    margin: 27px 0 17px;

    font-weight: 500;

    font-size: 16px;

    line-height: 19px;

    text-align: center;

    color: #1e2533;

}



.sharj-item--btn {

    font-weight: bold;

    font-size: 16px;

    line-height: 19px;

    padding: 14px 33px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    background: linear-gradient(90deg, #fc8c5f 0%, #fa7846 100%);

    box-shadow: 0px 18.4892px 46.223px -4.6223px rgba(250, 120, 70, 0.25),

    0px 2.77338px 0px #e87145;

    border-radius: 7.39568px;

    color: #fff;

    height: 60px;

    cursor: pointer;

    width: 100%;

    max-width: 275px;

    margin: auto auto 0;

}



.sharj__slider {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -1%;

    justify-content: center;

}



.sharj__slider-item {

    flex: 0 0 23%;

    margin: 0 1% 85px;

    display: flex;

    flex-direction: column;

}



.sharj__works--inner {

    position: relative;

}



.sharj-arrow {

    position: absolute;

    top: calc(50% - 40px);

    transform: translateY(-50%);

    width: 100%;

    display: none;

}



.sharj-prev {

    left: 0;

}



.sharj-next {

    right: 0;

}



.sharj-arrow a {

    width: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    position: absolute;

    font-size: 15px;

    transition: 0.3s;

    height: 48px;

    box-shadow: 0 2px 0 rgb(156 165 181 / 25%);

    background: #fb7e4d;

}



.sharj-adder {

    display: flex;

    margin: 0 auto;

    color: #fb7e4d;

    border-bottom: 1px dashed #FA7846;

    width: fit-content;

    cursor: pointer;

}



div.sharj__text-icon:not(:last-child) {

    display: flex;

    margin-bottom: 50px;

}



.sharj__text-icon svg {

    margin-right: 22px;

}



.wedding__screen .sharj__text-icon p {

    max-width: 306px;

}



/*  */



.collegue__screen {

    background: #fbf2ea;

}



.sharj__text-icon p {

    max-width: 553px;

}



.sharj__collegue-slider>div:nth-child(1),

.sharj__collegue-slider>div:nth-child(2),

.sharj__collegue-slider>div:nth-child(3) {

    display: none;

}



.collegue__sharj-custom {

    display: flex;

}



.collegue__sharj-custom img {

    width: 100%;

}



.wide__slider-item {

    flex: 0 0 46%;

}



.sharj-arrow a[aria-disabled="true"] {

    background: #fff;

    color: #e87145;

}



.sharj-arrow a[aria-disabled="true"] path {

    fill: #e87145;

}





.groupped__screen .sharj__left img {

    width: 100%;

}



.groupped__screen .sharj__slider-item {

    flex: 0 0 31%;

}



.groupped__screen .sharj__slider-item img {

    width: 100%;

}



.family__screen {

    background: #fbf2ea;

}



.sharj-item--title:first-child {

    margin-bottom: 15px;

    margin-top: 0;

}



.sharj-item--btn:last-child {

    margin-top: 27px;

}



/*  */



.episodes__screen {

    background: #1E2533;

}



.sharj__episodes--inner {

    position: relative;

}



.episode-title {

    margin-bottom: 71px;

    color: #fff;

}



.episodes-row {

    max-width: 1046px;

    margin: 0 auto 106px;

    display: flex;

    justify-content: space-between;

}



.episodes-item {

    flex: 0 0 45%;

    display: flex;

}



.episodes-icon {

    margin-right: 21px;

    flex: 0 0 32px;

    height: 32px;

}



.episodes-icon img {

    margin-top: 3px;

}



.episodes-text {

    font-family: Trajan;

    font-style: normal;

    font-weight: normal;

    font-size: 28px;

    line-height: 42px;

    color: #FEE0D4;

}



.sharj__episodes-slider .sharj-item--title {

    color: #FFFFFF;

}



.sharj-adder-episode {

    color: #fff;

    border-bottom: 1px dashed #fff;

}



.why-form__title {

    margin-right: auto;

    margin-left: auto;

}



/*  */



.sharj-why-form .why-form__title {

    margin-bottom: 19px;

}



.sharj-why-form {

    padding-top: 55px;

}



.why-form__subtitle {

    text-align: center;

    margin-bottom: 33px;

    font-size: 18px;

    line-height: 22px;

}



.why-form__inner-sharj {

    padding-left: 25%;

    position: relative;

}



.why-form__inner-sharj>picture img {

    position: absolute;

    bottom: 0;

    left: 0;

}



.why-form__group-sharj {

    display: grid;

    grid-template-columns: repeat(6, 1fr);

    grid-template-rows: 1fr auto;

    grid-gap: 3% 2%;

}



.why-form__group-sharj .kviz-input:nth-child(1) {

    grid-column: 1 / 3;

    grid-row: 1 / 2;

}



.why-form__group-sharj .kviz-input:nth-child(2) {

    grid-column: 3 / 5;

    grid-row: 1 / 2;

}



.why-form__group-sharj .kviz-input:nth-child(3) {

    grid-column: 5 / 7;

    grid-row: 1 / 2;

}



.why-form__group-sharj .kviz-input:nth-child(4) {

    grid-column: 1 / 5;

    grid-row: 2 / 3;

}



.why-form__group-sharj .why-sub {

    grid-column: 5 / 7;

    grid-row: 2 / 3;

}



.sharj-portrait-pos {

    position: relative;

}



.sharj-portrait-pos::after {

    content: '';

    position: absolute;

    width: 100%;

    height: 30%;

    background: #fff;

    top: 0;

    left: 0;

    z-index: 0;

}



.sharj-portrait-pos .section-frame {

    position: relative;

    z-index: 1;

}





@media not all and (min-resolution: 0.001dpcm) {

    @supports (-webkit-appearance: none) {

        .popup-sharj {

            background: url(../../images/formalizationHead.png),

            url(../../images/formalizationBody.png);

            background-repeat: no-repeat !important;

            background-size: 100% 71px, 100% calc(100% - 69px) !important;

            background-position: 0 0, 0 70px !important;

        }

    }

}



.popup-sharj {

    background: url(../../images/formalizationHead.webp),

    url(../../images/formalizationBody.webp);

    background-repeat: no-repeat;

    background-size: 100% 71px, 100% calc(100% - 69px);

    background-position: 0 0, 0 70px;

    padding: 80px 80px 50px;

    display: none;

    max-width: 1320px;

    width: 100%;

    margin: 0 auto;

    position: relative;

}



.sharj__popup--inner {

    position: relative;

}



.sharj__popup--inner img {

    width: 100%;

}



.popup-sharj-about {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    margin: 60px auto;

    max-width: 862px;

}



.popup-sharj-about--item {

    display: flex;

    flex: 0 0 45%;

    font-size: 20px;

    line-height: 32px;

}



.popup-sharj-about--item svg {

    margin-right: 25px;

}



.sharj-popup--title {

    max-width: 667px;

    margin-right: auto;

    margin-left: auto;

}



.sharj-popup--title span {

    color: #f7794b;

}



.popup-sharj-individual {

    display: none;

    max-width: 1050px;

    margin: 0 auto;

    position: relative;

}



.sharj-individual-row .formalization-box {

    width: 100%;

}



.sharj-individual-row .formalization-items {

    width: 75%;

}



.sharj-individulal-block {

    padding-left: 30px;

}



.sharj-individual-img img {

    width: 100%;

}



.sharj-individual-text {

    margin-bottom: 19px;

    font-weight: 500;

    font-size: 18px;

    line-height: 22px;

}



.sharj-individual-row {

    display: flex;

    margin-top: 66px;

}



.page-c-title {

    font-family: Trajan;

    font-size: 32px;

    line-height: 40px;

    text-align: center;

}





/* canvas */






.about__canvas-row {

    display: flex;

    justify-content: space-between;

}



.brief-v .about__canvas-row:nth-child(2) {

    display: none;

}



.about__canvas-row:not(:last-child) {

    margin-bottom: 50px;

}



.about__canvas-item {

    flex: 0 0 32%;

}



.about__canvas-img {

    margin-bottom: 30px;

}



.about__canvas-img img {

    width: 100%;

}



.about__canvas-content {

    list-style-type: disc;

    padding-left: 15px;

}





.about__canvas-content li:not(:last-child) {

    margin-bottom: 25px;

}



.about__canvas-content span {

    color: #f7794b;

    font-weight: bold;

}



.about__canvas .about__first:not(.hidden-block) {

    margin-top: 60px;

    display: block;

}



.about__canvas .fit-content {

    display: flex;

    align-items: center;

}



.about__fit--row {

    display: flex;

    justify-content: space-between;

    margin-bottom: 60px;

}



.about__fit--row > div {

    flex: 0 0 32%;

    color: #4B515C;

}



.about__fit-image {

    margin-bottom: 36px;

}



.about__fit-image img {

    width: 100%;

}



.about__fit-title {

    margin-bottom: 10px;

    color: #f7794b;

    font-weight: 600;

}



.canvas__offer-title {

    color: #f7794b;

    font-weight: 600;



}

.canvas__offer-item {

    position: relative;

    display: flex;

}

.canvas__offer-item:not(:last-child) {

    margin-bottom: 56px;

}

.canvas__offer-item::before {

    content: "";

    width: 24px;

    height: 25px;

    flex-shrink: 0;

    display: block;

    background: url(../../images/icon/check-circle.svg) center no-repeat;

    margin-right: 10px;

    transition: 0.3s;

}

.about__canvas--offers {

    display: flex;

    justify-content: space-between;

    color: #4B515C;

}

.offer-column {

    flex: 0 0 32%;

}

.canvas__offer-text ul {

    list-style-type: disc;

    padding-left: 30px;

}

.about__canvas .brief-v .about-fit--block,

.brief-v .about__canvas--offers {

    display: none;

}

.about__canvas .about__second .hidden-trigger {

    display: flex;

}

.check-border {

    border: 1px solid #f0bb82;

}





/* retouch */


.retouch__blocks {
    margin-top: 50px;
}
.retouch__screen {

    padding-bottom: 100px;

    overflow: hidden;

}

.retouch-tabs {

    max-width: fit-content;

    margin: 53px auto 68px;

    display: flex;

}



.retouch-tab:not(:last-child) {

    margin-right: 8px;

}



.retouch-tab {

    padding: 17px 22px;

    background: rgba(173, 135, 128, 0.15);

    border-radius: 5px;

    font-size: 16px;

    transition: all 0.3s ease;

    color: #fa7846;

    cursor: pointer;

}



.retouch-tab a {

    color: inherit;

    font-weight: bold;

}

.retouch__block .bf-arr svg path {

    fill: #fa7846;

}

.retouch__block .bf-obj {

    max-width: 265px;

}

.retouch__block .bf-obj li.active,

.retouch__block .bf-obj li:hover {

    color: #fff;

}

.retouch__block .bf-obj li {

    border: 1px solid #fa7846;

    color: #fa7846;

}

.retouch-tab.active {

    background: #ad8780;

    color: #fff;

}

.retouch__block-col:nth-child(1) {

    flex: 0 0 49%;

}

.retouch__block-col:nth-child(2) {

    flex: 0 0 48%;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

.retouch__block {

    display: flex;

    justify-content: space-between;

}

.retouch__block.hidden-block {

    display: none;

}

.ba-canvas_nav {

    display: flex;

    margin-top: 27px;

    justify-content: center;

    margin-left: auto;

    margin-right: auto;

}

.ba-canvas_nav-item:not(:last-child) {

    margin-right: 10px;

}

.ba-canvas_nav-item {

    width: 16px;

    height: 16px;

    background: #FFFFFF;

    border: 1px solid rgba(49, 61, 62, 0.15);

    border-radius: 50%;

    transition: all .3s ease;

    cursor: pointer;

}

.ba-canvas_nav-item.active {

    background: #FC8C5F;

    border: 1px solid #FC8C5F;

}

.type__features li {

    position: relative;

    display: flex;

}

.type__features li:not(:last-child) {

    margin-bottom: 25px;

}

.type__features li::before {

    content: "";

    width: 24px;

    height: 25px;

    flex-shrink: 0;

    display: block;

    background: url(../../images/icon/check-circle.svg) center no-repeat;

    margin-right: 10px;

    transition: 0.3s;

}

.price-block {

    padding: 8px;

    background: #FBF2EA;

    border-radius: 10px;

    width: 100%;

}

.price-block--inner {

    padding: 25px;

    border: 1.5px solid #FFFFFF;

    border-radius: 10px;

    display: flex;

    justify-content: space-between;

}

.price-block--inner span {

    color: #f7794b;

}

.price-amout {

    flex: 0 0 48%;

    font-family: Trajan;

    font-size: 20px;

    line-height: 24px;

    letter-spacing: -0.02em;

    color: #1E2533;

    display: inline-flex;

    align-items: center;

}

.price-amout b {

    margin-left: 3px;

}

.price-note {

    color: #555861;

    flex: 0 0 50%;

    font-size: 13px;

    line-height: 18px;

    position: relative;

}

.price-note::after {

    content: "";

    position: absolute;

    top: 90%;

    left: 50%;

    transform: translateX(-50%);

    width: 115px;

    height: 165px;

    background: url(../../images/canvas/arrow-price.svg);

    z-index: 10;

}

.retouch__inner {

    margin-bottom: 65px;

}

.absolute-block {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 0;

    display: flex;

}

.absolute-block > div {

    flex: 0 0 50%;

    display: flex;

    justify-content: center;

}

.before-btn, .after-btn {

    margin-bottom: 20px;

    margin-top: auto;

    width: 63.2px;

    height: 33.94px;

    background: #FFFFFF;

    box-shadow: 0px 20px 50px rgba(53, 64, 84, 0.1);

    border-radius: 4px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    font-size: 14px;

    line-height: 22px;

}



.formalization__col {

    margin-top: 30px;

}

/* canvas formalization */



.canvas__formalization {

    margin-top: 65px;

    position: relative;

}

.retouch__screen {

    background: url(../../images/form-bg.jpg);

    background-repeat: no-repeat;

    background-position: 0 100%;

    background-size: 100% 1380px;

    position: relative;



}
@media (max-width: 425px) {
    .retouch__screen {
        background: url(../../images/form-bgM.jpg);

        background-repeat: no-repeat;

        background-position: 0 100%;

        background-size: 100% 1380px;
    }
}

.form-bg {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 600px;

    left: 0;

    z-index: -1;

    border-radius: 50% 50% 50% 50% / 1% 1% 0% 0% ;

    overflow: hidden;

    background-color: #1E2533;

}

.form-bg img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.canvas__formalization::after {

    /* position: absolute;

    content: "";

    height: 100%;

    width: 200%;

    top: 20%;

    left: -50%;

    z-index: -1; */

}

.canvas-formalization-row {

    display: flex;

    justify-content: space-between;

    margin-top: 41px;

}

.photo-filter {

    flex: 0 0 48%;

}

.canvas-individulal-block {

    flex: 0 0 48%;

    margin-top: 44px;

}

.canvas__formalization .formalization-box {

    width: 100%;

}

.slider-tabs .tabs {

    display: flex;

    justify-content: center;

    margin-bottom: 40px;

}

.slider-tabs .tabs a {

    width: 186.32px;

    height: 50px;

    display: flex;

    background: rgba(173, 135, 128, 0.15);

    border-radius: 8px;

    color: #f7794b;

    font-weight: bold;

    font-size: 16px;

    line-height: 19px;

    justify-content: center;

    align-items: center;

    transition: all .3s ease;

}

.slider-tabs .tabs li:not(:last-child) {

    margin-right: 17px;

}

.slider-tabs .tabs a.active {

    background: #AD8780;

    color: #fff;

}

.tabs-item {

    display: none;

}

.tabs-item.active {

    display: block;

}

.formalization-item > a {

    width: 100%;

}



/* composition */



.composition__screen {
    padding-bottom: 16px;
    overflow: hidden;

}

.composition-title {

    margin: 50px auto 100px;

    max-width: 890px;

}

.composition-title .page-subtitle {

    margin-top: 20px;

    text-align: center;

}

.composition-inner {

    position: relative;

    height: 900px;

}

.composition-inner > picture img {

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    width: 100%;

    height: 100%;

    position: absolute;

    object-fit: cover;

}

.form-block {

    width: 430px;

    margin-left: auto;

}

.why-form-composition {

    padding: 10px;

    border-radius: 8px;

    background: #FFF2EE;

    position: relative;

    z-index: 1;

}

.why-composition-inner {

    border: 1px solid #fff;

    border-radius: 8px;

    padding: 40px 22px;

}

.why-composition-inner form > div:not(:last-child) {

    margin-bottom: 15px;

}

.form-subtitle {

    font-size: 16px;

    line-height: 140%;

    margin-bottom: 20px;

    text-align: center;

}

.form-title {

    font-family: Trajan, serif;

    font-size: 30px;

    line-height: 36px;

    text-align: center;

}

.comp-btn {

    max-width: 100%;

    width: 100%;

    height: 65px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 8px;

    background: linear-gradient(

        90deg, #fc8c5f 0, #fa7846 100%);

    font: bold 16px Inter, sans-serif;

    box-shadow: 0 18.4892px 46.223px -4.6223px rgb(250 120 70 / 25%), 0 2.77338px 0 #e87145;

    text-align: center;

    color: #fff;

    box-sizing: border-box;

    cursor: pointer;

    position: relative;

    transition: 0.4s;

    margin-right: 10px;

    outline: none;

    border: none;

    margin-top: 30px;

    margin-bottom: 20px;

}

.comp-politics a {

    color: #fc8c5f;

}

.comp-politics svg {

    flex: 0 0 24px;

    height: 24px;

    margin-right: 7px;

}

.comp-politics {

    display: flex;

    align-items: center;

    font-size: 13px;

    line-height: 18px;

}

.notes-block {

    position: absolute;

    padding: 6px;

    width: 287px;

}

.relative {

    position: relative;

}

.top-note {

    background: url(../../images/canvas/tooltip-bg.png);

    background-repeat: no-repeat;

    background-size: cover;

    top: 30%;

    left: 20%;

}

.bottom-note {

    background: url(../../images/canvas/tooltip-bg1.png);

    background-repeat: no-repeat;

    background-size: cover;

    bottom: -4%;

    left: 20%;

}

.note-block-inner {

    display: flex;

    align-items: center;

    font-size: 14px;

    line-height: 17px;

    padding: 11px;

}

.note-block-inner span {

    color: #FA7846;

}

.note-round {

    border-radius: 50%;

    flex: 0 0 36px;

    width: 36px;

    height: 36px;

    background: linear-gradient(90deg, #FC8C5F 0%, #FA7846 100%), #FFFFFF;

    box-shadow: 0px 2px 0px #E87145;

    margin-right: 9px;

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

}



/*  */

.formalization__screen .why-form {

    margin-top: 50px;

}

.formalization__screen .why-form .why-sub {

    max-width: 290px;

    margin-right: auto;

    margin-left: auto;

    width: 100%;

}

.canvas-example .p-examples-top {

    background: #fff;

}

.canvas-feature--title {

    max-width: 455px;

    margin-bottom: 30px;

    color: #fff;

    text-align: start;

}

.canvas-features {

    margin-top: 120px;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.canvas-feature__image {

    flex: 0 0 50%;

}

.canvas-feature__image img {

    width: 100%;

}

.canvas-feature__content {

    color: #fff;

    flex: 0 0 48%;

}

.canvas-feature__content li {

    display: flex;

    align-items: center;

}

.canvas-feature__content li:not(:last-child) {

    margin-bottom: 15px;

}

.canvas-feature__content img {

    height: 52px;

    flex: 0 0 52px;

    margin-right: 22px;

}











/*  */

.pattern__screen {

    background: #FBF2EA;

}



/*  */



.retouch__screen .ba-slider .handle:after {

    position: absolute;

    top: 50%;

    width: 35px;

    height: 35px;

    margin: -32px 0 0 -15px;

    content: "";

    color: #fff;

    font-weight: 700;

    font-size: 36px;

    text-align: center;

    line-height: 64px;

    background: url(../../images/canvas/scroll.svg);

    background-repeat: no-repeat;

    background-size: cover;

    border: none;

    border-radius: none;

    transition: all 0.3s ease;

    box-shadow: none;

}

.retouch__screen .ba-slider .handle {

    background: #FBF2EA !important;

}