body{
    background-color: var(--global-gray-soft);
    margin: 0;
    padding: 0;
    color: var(--global-black);
}
a {
    color: var(--global-red);
    transition: var(--global-transition);
}
a:hover {
    color: var(--global-red-dark);
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, .title {
    font-family: var(--global-font-acnt);
    letter-spacing: -.03em;
}
h1, .h1 {
    font-weight: 500;
    color: var(--global-black);
    line-height: 1.25;
    font-size: 4rem;
}
h1 span, .h1 span, h2 span, .h2 span, h3 span, .h3 span, h4 span, .h4 span{
    color: var(--global-red);
}
h3, .h3 {
    font-size: 2rem;
    line-height: 1;
}
h2, .h2 {
    font-size: 3.5rem;
    line-height: 1;
}
p {
    font-size: 1.25rem;
    line-height: 1.5;
    width: 100%;
}
p b {
    font-weight: 600;
}
.txSm {
    font-size: .9em;
    line-height: 1.25;
}

.header-txt-wrap {
    display: flex;
    height: 100%;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
}
.header-img-wrap {
    display: flex;
    flex-flow: row;
    width: 100%;
}
.header-img-el {
    width: 100%;
    max-width: calc(50% - 1rem);
    margin-left: 1rem;
    max-height: 34rem;
    overflow: hidden;
    border-radius: var(--size-rad-el);
    display: flex;
    padding: 0;
    box-shadow: 0 1rem 1rem #00000020;
}
.header-img-el-sm {
    max-height: 14em;
}
.ya-vash{
    margin: 20px 0;
}
.header-img-el:first-child {
    margin-left: 0;
}
.header-img-el video, .header-img-el img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}
.onimg-txt-br {
    position: absolute;
    right: 0;
    bottom: 2rem;
    background: var(--global-white);
    max-width: 16rem;
    padding: 1rem;
    border-radius: calc(var(--size-rad-el) / 2);
    box-shadow: 0 1rem 1rem #00000020;
}
.txt-wrap {
    font-size: .9rem;
    line-height: 1.25;
}

.bgD {
    background: var(--global-dark);
    color: var(--global-white);
}
.bgW {
    background: var(--global-white);
    color: var(--global-black);
}
.bgLg {
    background: var(--global-gray-light);
    color: var(--global-black);
}

.box {
    padding: 1.5rem;
    box-shadow: 0 1rem 1rem #00000020;
    border-radius: var(--size-rad-el);
}
.box.box-margin {
    padding: 3rem;
    margin-top: -4rem;
}

.box .capcake-1 {
    display: flex;
    margin-top: -9rem;
    max-width: 22rem;
}
.box .capcake-1 img {
    display: flex;
    max-width: 100%;
    height: auto;
    margin: auto;
}

.box.box-icn {
    font-size: .9rem;
    line-height: 1.25;
}
.box.box-icn img {
    display: flex;
    padding: .5rem;
    border: .1rem solid var(--global-black);
    border-radius: calc(var(--size-rad-el) / 2);
    max-width: 4rem;
    opacity: .9;
}
.table-row {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    padding: 0;
    margin: 0;
    /* border: .1rem solid var(--global-black); */
    border-radius: var(--size-rad-el);
    background: var(--global-gray-light);
}
.table-cell {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-flow: column;
    text-align: center;
    padding: 1.5rem 1rem;
    width: 100%;
}
.table-cell .img-wrap {
    width: 100%;
    max-height: 12rem;
    overflow: hidden;
    border-radius: calc(var(--size-rad-el) / 2);
    display: flex;
    padding: 0;
}
.table-cell .img-wrap img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.img-wrap-big {
    width: 100%;
    max-height: 48rem;
    overflow: hidden;
    border-radius: calc(var(--size-rad-el) / 2);
    display: flex;
    padding: 0;
    margin-left: 4rem;
    position: relative;
    z-index: 1;
}
.img-wrap-big:before, .img-wrap-big:after {
    display: flex;
    border: .1rem solid var(--global-hover);
    border-radius: calc(var(--size-rad-el) / 2);
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    transform: translate(-1rem, 2rem);
    width: 100%;
    height: 100%;
    max-height: calc(100% - 3rem);
}
.img-wrap-big:after {
    transform: translate(1rem, 1rem);
    border-radius: calc(var(
    --size-rad-el) / 3);
}

.img-wrap-big img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.img-canvas {
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    min-height: 34rem;
    max-height: 38rem;
    margin: auto;
}

.img-canvas .img-canvas-el {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    border-radius: var(--size-rad-el);
    width: 100%;
    padding: 0;
    box-shadow: 0 1rem 1rem #00000020;
}
.img-canvas .img-canvas-el.img-canvas-el-1 {
    max-width: 50%;
    left: 25%;
}
.img-canvas .img-canvas-el.img-canvas-el-2 {
    max-height: 47%;
    max-width: 42%;
    top: auto;
    left: auto;
    bottom: 0;
    right: 8%;
}
.img-canvas .img-canvas-el.img-canvas-el-3 {
    max-height: 47%;
    max-width: 47%;
    top: 36%;
    left: 10%;
}
.img-canvas .img-canvas-el img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.list-slider {
    display: flex;
    width: 100%;
    flex-flow: wrap;
    padding: 0;
    position: relative;
}
.slick-list {
    width: 100%;
}
.slide {
    display: flex;
    width: 100%;
    max-width: calc(33.33% - 2rem);
    background: var(--global-white);
    border-radius: var(--size-rad-el);
    overflow: hidden;
    margin: 1rem;
    height: 14rem;
    background-image: url(../img/slide-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 270%;
    flex-flow: column;
    position: relative;
}
.slide-header {
    display: flex;
    width: 100%;
    background: var(--global-dark);
    padding: 1rem;
    margin-top: 2rem;
    flex-flow: column;
    color: var(--global-white);
    z-index: 1;
}
.slide-overlay {
    content: '';
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--global-white);
    opacity: .15;
    z-index: 0;
}
.slide .subtitle {
    font-weight: 600;
    opacity: 0.5;
    font-size: .9rem;
}
.slide .title {
    font-size: 1.5rem;
}

.slide ul {
    display: flex;
    flex-flow: column;
    color: var(--global-white);
    padding: .5rem;
    padding-left: 2.5rem;
    font-size: .9rem;
    max-width: 70%;
    line-height: 1;
}
.slide ul li {
    display: flex;
    position: relative;
    padding-bottom: .5rem;
}
.slide ul li:before {
    display: flex;
    position: absolute;
    left: -1rem;
    border-radius: 50%;
    width: .5rem;
    height: .5rem;
    content: '';
    background: var(--global-red-dark);
    top: calc(50% - .25rem);
}
.slide-img {
    display: flex;
    position: absolute;
    right: 0;
    width: 33%;
    height: 90%;
    top: 5%;
    border-radius: calc(var(--size-rad-el) / 2) 0 0 calc(var(--size-rad-el) / 2);
    overflow: hidden;
}
.list-slider-arrow {
    position: absolute;
    right: 1rem;
    top: -6rem;
    width: 3rem;
    height: 3rem;
    border: .1rem solid var(--global-red);
    border-radius: 50%;
    padding: .5rem;
    cursor: pointer;
    transition: var(--global-transition);
}
.list-slider-arrow:hover {
    background: #d1325720;
}
.list-slider-arrow.prev img {
    transform: rotate(180deg);
    filter: brightnes(6));
}
.list-slider-arrow.prev {
    right: 5rem;
}

.text-notes {
    position: absolute;
    font-size: 1.5rem;
    top: -4.5rem;
}
.price-wrap {
    position: relative;
    display: flex;
    flex-flow: row;
}
.price-notes {
    display: flex;
    line-height: 1rem;
    font-size: .9rem;
    width: 100%;
    max-width: 8rem;
}
.price {
    font-size: 3rem;
    font-family: var(--global-font-acnt);
    font-weight: 700;
    width: 100%;
    max-width: 12rem;
    padding: 0 1rem;
}

ul.ul-tarif {
    display: flex;
    flex-flow: column;
    width: 100%;
    font-size: 1.25rem;
    line-height: 1.25;
}
.ul-tarif li {
    padding-left: 3rem;
    margin-bottom: 1rem;
    position: relative;
}
.ul-tarif li:before {
    display: flex;
    position: absolute;
    left: 1rem;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    content: '';
    background: var(--global-gray);
    top: calc(50% - .5rem);
}
@keyframes accordion-shw {
    0% {
        transform: translateY(-1rem);
    }
    100% {
        transform: translateY(0);
    }
}
.accordion {
    padding: 1rem 0;
}
.accordion .title {
    font-size: 1.5rem;
    margin-bottom: .5rem;
    cursor: pointer;
    transition: var(--global-transition);
    display: inline-flex;
    width: 100%;
    padding-right: 2rem;
    position: relative;
    min-height: 2rem;
    align-items: center;
}
.accordion .title:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 2rem;
    height: 2rem;
    border: .1rem solid var(--global-red);
    border-radius: 50%;
    padding: .5rem;
    cursor: pointer;
    transition: var(--global-transition);
    background: url(../img/arrow.svg);
    background-size: 1.75rem;
    background-position: center center;
    background-repeat: no-repeat;
    filter: saturate(0);
    transform: rotate(-90deg);
    transition: var(--global-transition);
}
.accordion .title.--active:before {
    filter: saturate(1);
    transform: rotate(90deg);
}
.accordion .txSm {
    height: 1px;
    overflow: hidden;
    transition: var(--global-transition);
    opacity: 0;
    transform: translateY(-1rem);
}
.accordion .title.--active {
    color: var(--global-hover);
}
.accordion .title.--active + .txSm {
    height: fit-content;
    animation: accordion-shw .3s linear .1s slidein;
    opacity: 1;
    transform: translateY(0);
}
.video-wrap-margin {
    display: flex;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 34rem;
    margin-top: -5rem;
    border-radius: var(--size-rad-el);
    box-shadow: 0 1rem 1rem #00000020;
}
.video-wrap-margin video {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}