.building {
}
#buildAppl .road__footer-line {
display: none;
}
#buildHero {
    overflow: hidden;
}
.build_btn {
    color: #fff;
    border-radius: 25rem;
    font-size: 35px;
    font-weight: 700;
    background: var(--color-violet);
    font-family: 'Inter';
    text-transform: uppercase;
}
    /* .g-modules #buildHero2.building .container-fluid {
    max-width: 1700px;
} */
.building h2 {
    text-transform: lowercase;
}
.building.hero {
    padding: 2.5rem 0 4rem;
}
#buildHero2.building.hero {
    padding: 2.5rem 0 4rem;
    width: calc(100% - 4rem);
    margin: 0 auto;
        overflow: hidden;
}
.building .hero__block-left {
    z-index: 3;
    /* pointer-events: none; */
}
.buildTab__size-video-bg {
      /* aspect-ratio: 1 / 0.4; */
}
.building .road__footer-txt {
    max-width: 27rem;
}
.building .road__footer-row {
    gap: 2rem;
}
img.tat {
    position: absolute;
    right: 1%;
    bottom: 8%;
    width: 14%;
}
.building .hero__block-right {
    position: absolute;
    top: 50%;
    right: 107px;
    max-width: 36rem;
    text-align: right;
    transform: translate(0, -50%);
    border-left: 2px solid #ffffff17;
    padding: 1rem 0;
}
#buildHero2.building .hero__block-right {
top: calc(100% - -8rem);
    transform: translate(0%, -100%);
    border-left: none;
    max-width: 437px;
    z-index: 999;
}
.building .hero__block-image-name span.image-name p:first-of-type {
       font-size: 24px;
    font-weight: 500;
        margin: 0;
}
#buildHero2 .hero__block-image-name span.image-name p {
        font-size: 24px;
    font-weight: 300;
    opacity: 1;
        margin: 0;
}
#buildHero2 .hero__block-image-name {
     max-width: 437px;
    right: auto;
    bottom: auto;
    position: relative;
    background: #fff;
    color: #000;
    border-radius: 20px;
    padding: 23px;
    text-align: center;
}
.hero__block-image-tg {
    padding-top: 6px;
}
.building h1 {
    font-size: 74px;
    font-weight: 900;
    margin: 0 0 11px;
    line-height: 1

}
#buildHero2.building .hero__head {
    max-width: 960px;
    margin-bottom: 36px;
}
#buildHero2.building .hero__head .hero__head_desc p {
    padding-bottom: 37px;
}
.building .hero__head {
    max-width: 663px;
    margin-bottom: 36px;
}
.building .hero__head h1 + p {
    font-size: 48px;
    font-weight: 500;
    max-width: 100%;
    padding-bottom: 37px;
    line-height: 1;
}
.building .hero__head .hero__head_desc {
    max-width: 100%;
}
.building .hero__head .hero__head_desc p {
    max-width: 100%;
}
#buildHero2 .hero__block {
    padding: 97px 133px 102px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#buildHero2.building .hero__block:before, #buildHero2.building .hero__block:after {
position: absolute;
    content: "";
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 3px;
    transform: rotate(45deg) skew(13deg, 13deg);
}
#buildHero2.building .hero__block:before {
left: -22px;
    top: 13rem;
}
#buildHero2.building .hero__block:after {
    right: -22px;
    top: 13rem;
}
.building .subHead span:last-of-type {
    padding: 0;
    border: none;
    opacity: 1;
}
.building .subHead {
    margin-bottom: 0.8rem;
    display: flex;
    align-items: center;
}
span.b_naming {
    padding: 6px 10px;
    border: 1px solid #fff;
    border-radius: 2rem;
    margin: 0 0.5rem;
    opacity: 0.5;
}
.hero__head_adv {
}
.hero__head_adv_item {
    text-align: center;
    max-width: 10rem;
    padding: 25px 0;
}
.hero__head_adv_item p {
    font-size: 14px;
}
.hero__head_adv_item p:first-of-type {
    font-size: 46px;
    font-weight: 800;
    transform: rotate(353deg);
    line-height: 0.8;
}
span.b_icon {
}
.hero__subhead {
    display: flex;
    align-items: center;
    gap: 13px;
    font-size: 27px;
    font-weight: 900;
    max-width: 379px;
    line-height: 1.3;
}
.hero__subhead svg {
    width: 2.2rem;
}
.hero__head_desc {
    max-width: 25.6rem;
}
.hero__head_desc ul li {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}
#buildHero2 .hero__block-image img.ars {
      right: auto;
    left: 71%;
    transform: translate(-50%);
}
.building .hero__buttons {
    margin-bottom: 0;
    position: relative;
      margin-top: 1rem;
      max-width: 100%;
}
#buildHero2.building .hero__buttons .btn {
    background: #fff;
    border-radius: 25rem;
    color: var(--color-violet);
    font-family: 'Inter';
    text-transform: uppercase;
}
#buildHero2.building .hero__buttons .btn span {
font-size: 35px;
    font-weight: 700;
    margin-right: 0;
    padding: 1.25rem 42px;
}
.building .hero__buttons .but {
    position: absolute;
    height: 100%;
    width: 69%;
    top: 50%;
    transform: translate(0, -50%);
    left: 104%;
    font-size: 14px;
    line-height: 1.4;
}
.building.advantages h2 {
    font-size: 32px;
    font-weight: 900;
    max-width: 18rem;
}
.building .advantages__item {
    padding: 32px 44px 100px;
    background-size: cover;
    position: relative;
}
.building .im-1 .advantages__item {
     min-height: 33rem;
    border-radius: 20px;
}
.building .im-1 .advantages__item .it_bg {
    background-position: center;
    overflow: hidden;
    border-radius: 20px;
}
.building .advantages__item .it_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom right;
}
.building .work__head strong {
    font-size: 40px;
}
.building .work__block {
    flex: 0 0 720px;
    max-width: 720px;
    padding: 84px 30px 172px 149px;
}
.advantages__item-head {
    z-index: 5;
    position: relative;
}
.p-2 .advantages__item-head {
       position: absolute;
    top: calc(100% + 1rem);
}
.building .advantages__item-head {
    max-width: 17.6rem;
}
.p-2 .advantages_slider .slick-list {
    padding-bottom: 8rem;
}
.building.road {
    margin-top: 0;
        overflow: hidden;
}
.building .work__head .subHead {
    margin-bottom: 1.2rem;
    margin-left: 0;
}
.building .work__item {
    padding: 38px 34px;
}
.building .advantages_slider .slick-slide {
    margin: 0 1rem;
}
.building .work__item-txt {
    z-index: 9;
    max-width: 250px;
    padding: 0;
}
.building .work__item-txt p {
    font-size: 16px;
    font-weight: 400;
    margin: 0.8rem 0;
}
.building .work__item-txt p:first-of-type {
    font-size: 20px;
    margin: 3px 0 0;
    font-weight: 600;
}
.building .work__item-img {
    left: auto;
    right: 0rem;
}

.buildVideos {
    padding: 4rem 0 6rem;
}
.buildVideos .buildVideos__head {
    margin-bottom: 48px;
    max-width: 769px;
}
.buildVideos .buildVideos__head h2 {
    font-size: 40px;
    font-weight: 900;
}
.buildVideos .buildVideos__head h2 + p {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 900;
}
.buildVideos__content {
    display: flex;
    justify-content: space-between;
    gap: 32px;
    padding-bottom: 57px;
    border-bottom: 1px solid #f2f2f2;
}
.buildVideos__item {
    flex: 1 1 38%;
    position: relative;
    border-radius: 32px;
    overflow: hidden;
    /* aspect-ratio: 1 / 1.13; */
}
.buildVideos__item a[data-fancybox] {
    cursor: pointer;
}
.buildVideos__item img {
object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
}
.feedback__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
.videos__slider_item-desc {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    padding: 2rem;
    pointer-events: none;
}
.building .marketing__head h2 {
    font-weight: 800;
}
.building .marketing__item {
    padding: 10px;
}
.building .marketing__item.violet-block .run__item-icon svg path {
    fill: #fff;
}
.building .marketing__item .noice-box {
    padding: 30px 30px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    position: relative;
}
.building .marketing__item p:first-of-type {
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase;
    margin-left: 0;
}
.building .marketing__item ul li::before,
.building .marketing__item.violet-block ul li::before {
    left: 0;
    top: 5px;
}
.building .marketing__item ul li {
    margin-bottom: 10px;
    padding-left: 1.8rem;
    font-size: 16px;
}
.building .marketing__head {
    margin-bottom: 90px;
}
.building .buildVideos__head .subHead span:last-of-type {
    border: 1px solid #333a4f42 !important;
    padding: 5px 13px 4px !important;
    opacity: 1 !important;
}
.marketing__item_body {
    padding-bottom: 10px;
}
.marketing__item_body ul {
}
.marketing__item_body ul li {
}
.marketing__item_footer {
    text-align: center;
    min-height: 10.8rem;
    border-top: 2px solid #0000000f;
    padding-top: 1rem;
}
.marketing__item_footer button {
    margin: 1rem auto;
}
.marketing__item_footer-line {
}
.marketing__item_footer-line span {
    font-size: 36px;
    font-weight: 600;
    padding: 24px;
}
.marketing__item_footer-button {
}
.building .form .form-head {
    font-weight: 400;
    font-size: 18px;
    text-align: center;
}
.building.work .work__head .subHead span:last-of-type {
    opacity: 0.5;
    padding: 6px 10px 2px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
    border-radius: 2rem;
    margin: 0px 0.5rem;
}
.buildVideos__block {
    position: relative;
}
.buildVideos__content-slider {
    margin: 0 -16px;
}
.buildVideos__content-slider .slick-slide {
    margin: 0 16px;
}
.buildVideos__content-arrows {
    position: absolute;
    top: 7rem;
    right: 0;
}
/* ******************************** */
/* ПЛИТКА */
/* ******************************** */
.buildTile {
}
.buildTile ul {
}
.buildTile ul li {
    position: relative;
    padding-left: 1rem;
}
.buildTile ul li:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    background: #000;
    border-radius: 50%;
    left: 0;
    top: 10px
}
.buildTile__block {
}
.buildTile__head {
}
.buildTile__head h2 {
    font-weight: 800;
    font-size: 64px;
}
.buildTile__row {
display: flex;
    gap: 21px;
    align-items: stretch;
    flex-wrap: wrap;
    padding-bottom: 43px;
}
.buildTile__row.w-1 {

}
.buildTile__row.w-2 {
    align-items: stretch;
}
.buildTile__row.w-2 .buildTile__item {
    max-height: max-content;
}
.buildTile__row.w-2 .buildTile__item .buildTile__image{
border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.buildTile__row.w-2 .buildTile__item .buildTile__item_body {
    padding: 13px 30px 16px;
}
.buildTile__item_body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.buildTile__item_body-top {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
        height: 100%;
}
.buildTile__item_body-top-flex {
    
}
.buildTile__row.set-center {
justify-content: center;
}
.buildTile__row.set-view {
justify-content: space-between;
}
.buildTile__row.set-left {
justify-content: flex-start;
}
.buildTile__item {
    background: var(--color-bg-gray);
    border-radius: 30px;
}
.buildTile__row.set-50 .buildTile__item{
flex: 1 1 40%;
}
.buildTile__row.set-center.set-30 .buildTile__item{
    flex: 0 1 28.3%;
}
.buildTile__row.set-view.set-30 .buildTile__item{
 flex: 1 1 30%;
}
.buildTile__row.set-25 .buildTile__item{
flex: 0 0 22%;
}
.buildTile__row.set-20 .buildTile__item {
flex: 0 1 19%;
}
.buildTile__border {
    /* height: 100%; */
}
.buildTile__content {
    font-size: 24px;
    line-height: 1.1;
    padding: 30px;
}
.building-head {
    padding-bottom: 78px;
}
.building-head h2 {
    padding-left: 6%;
}
.b_buildtile-pl {
        font-size: 25px;
    background: #000;
    color: #fff;
    padding: 39px;
    font-weight: 800;
    text-align: center;
    border-radius: 30px;
    max-width: 1600px;
    margin: 64px auto 0;
}
.b_buildtile-pl.b_buildtile_linck {
}
.b_buildtile-pl-row {
}
.b_buildtile-pl-txt {
}
.b_buildtile-pl-btn {
}
.buildTile__image {
    border-radius: 30px;
    overflow: hidden;
    position: relative;
}
.buildTile__image.buildTile__image-video {
    height: 100%;
}
.buildTile__image.buildTile__image-img {
    height: 100%;
}
.buildTile__row.w-2 .buildTile__image.buildTile__image-video {
}
.buildTile__row.w-2 .buildTile__image.buildTile__image-img {
        height: auto;
}
.buildTile__row.w-2 .buildTile__image.buildTile__image-img img {    
    height: 300px;
}
.buildTile__image .buildVideos__item {
        height: 100%;
            aspect-ratio: 1 / 0.625;
}
.buildTile__image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.b_buildtile_name {
        color: var(--color-violet);
    font-size: 30px;
    font-weight: 800;
    padding-bottom: 1rem;
        line-height: 1.1;
}

.buildTile__coin {
        font-size: 25px;
    font-weight: 800;
}
.buildTile__btn {
    font-size: 30px;
    background: var(--txt-color);
    font-weight: 800;
    border-radius: 25rem;
    margin-top: 13px;
}
.buildTile__btn a {
    display: block;
    cursor: pointer;
}
.buildTile__btn a span {
padding: 14px;
}
.buildQuestion {
}
.buildQuestion__block {
}
.buildQuestion__head {
    padding-bottom: 64px;
}
.buildQuestion__head h2 {
    font-size: 64px;
    font-weight: 900;
}
.buildQuestion__content {
}
.buildQuestion__item {
    display: flex;
    gap: 113px;
    background: var(--color-bg-gray);
    border-radius: 30px;
    margin-bottom: 1rem;
      cursor: pointer;
      justify-content: space-between;
}
.buildQuestion__item.active .buildQuestion__click {
    opacity: 0.3;
}
.buildQuestion__item .buildQuestion__ans {
    display: none;
    height: 0;
    transition: all .8s ease;									
}
.buildQuestion__item.active .buildQuestion__ans {
    display: block;
    height: auto;
    transition: all .8s ease;									
}
.buildQuestion__group {
}
.buildQuestion__ques {
        padding: 30px;
    font-size: 30px;
    font-weight: 600;
}
.buildQuestion__ans {
        padding: 0 0 0 30px;
    font-size: 25px;
    line-height: 1.1;
}
.buildQuestion__click {
  
        padding: 27px;
}
a.btn:visited, a.btn:focus, a.btn:active {
    display: block;
    color: #fff;
}
.buildtile_pl {
        position: absolute;
    right: 0;
    top: 0;
    padding: 10px 40px;
    font-size: 25px;
    color: #000;
    background: var(--color-bg-gray);
    border-bottom-left-radius: 30px;
}
.buildBanner {

}
.buildBanner__covacs {
    position: absolute;
    width: calc(100% - 6rem);
    height: calc(100% - 6rem);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.buildBanner__covacs .buildBanner__covac_element {
position: absolute;
}
.buildBanner__covacs .buildBanner__covac_element.top-left {
    top: 0;
    left: 0;
}
.buildBanner__covacs .buildBanner__covac_element.bottom-right {
bottom: 0;
right: 0;
}
.buildBanner__block {
    padding: 3rem 3rem 0;
    position: relative;
}
.buildBanner__head {
font-size: 40px;
    font-weight: 900;
    padding-left: 6rem;
}
.buildBanner__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.buildBanner__img {
    flex: 1 1 auto;
    padding-left: 4%;
    display: flex;
    justify-content: space-between;
}
.buildBanner__txt {
    font-size: 25px;
    font-weight: 900;
    max-width: 30rem;
    padding-top: 2rem;
    text-align:left;

}
.buildBanner__button .btn {
        background: #fff;
    border-radius: 25rem;
    font-size: 35px;
    font-weight: 700;
    color: var(--color-violet);
    font-family: 'Inter';
    text-transform: uppercase;
}
.buildBanner__button .btn span {
}
.buildMarketing {
        max-width: 100vw;
}
.buildMarketing .container {
    max-width: 1736px;
}
.buildMarketing__block {
}
.buildMarketing__row {
        display: flex;
    gap: 79px;
    justify-content: space-between;
        position: relative;
}
.buildMarketing__head {
}
.buildMarketing__head-stiky {
        position: sticky;
    top: 20%;
}
.buildMarketing__head h2 {
    font-size: 48px;
    font-weight: 800;
}
.buildMarketing__animationContent {
}
.buildMarketing__animationContent_item {
}
.buildMarketing__animationContent_item .buildMarketing__animationContent_img img {
    opacity: 0;
        position: sticky;
    top: 23%;
}
.buildMarketing__animationContent_item.visible .buildMarketing__animationContent_img img {
    opacity: 1;
}
.buildMarketing__animationContent_row {
    display: flex;
    gap: 1rem;
        position: relative;
}
.buildMarketing__animationContent_desc {
        max-width: 565px;
}
.buildMarketing__animationContent_desc p {
    font-size: 25px;
    margin: 0rem 0 1.5rem;
}
.buildMarketing__animationContent_desc p:first-of-type {
        font-size: 48px;
    font-weight: 800;
    color: var(--color-violet);
    margin: 0rem 0 1rem;
    line-height: 1.2;
    padding-left: 5px;
}
.buildMarketing__animaton-img {
    position: sticky;
    top: 20%;
    overflow: hidden;
}
.buildMarketing__animaton-noutBox {
        position: absolute;
    right: 0;
    height: 100%;
}
.buildMarketing__animaton-img img{
    z-index: 0;
    position: relative;
}
.buildMarketing__animationContent_visual {
        width: 30rem;
}
.buildMarketing__animationContent_img {
     width: 22.3rem;
    top: 2.5rem;
    position: relative;
    padding-right: 0rem;
    border-radius: 10px;
    right: -1rem;
        height: 100%;
}
.buildMarketing__button {
    padding-top: 49px;
}
.building .head-2 .subHead {
  display: none;
}
.building .head-2 .advantages__head-icon {
  display: none;
}
.building.advantages .head-2 h2 {
     font-size: 61px;
    max-width: 100%;
}
.advantages__head {
    flex-wrap: wrap;
}
.buildTab {
}
.buildTab__block {
}
.buildTab__top {
}
.buildTab__head {
}
.building-head.buildTab__head {
    padding-bottom: 34px;
}
.buildTab__sliderArrows {
        display: flex;
    align-items: center;
    gap: 1rem;
    padding-left: 6%;
    padding-bottom: 34px;
}
.buildTab__sliderArrows .slick-arrow {
      border: 1px solid #000;
    border-radius: 10rem;
       width: auto;
    height: auto;
    position: relative;
    padding: 1rem;
}
.buildTab__sliderArrows .slick-arrow.slick-next {
    margin-top: 0rem;
}
.buildTab__tabs {
        margin: 0 -50px;
        display: none;
}
.buildTab__tabs.load {
        margin: 0 -50px;
        display: block;
}
.buildTab__row {
}
.buildTab__row .slick-slide {
    margin: 0 11px;
}
.buildTab__row .slick-slide > div{
}
.buildTab__item_row {
        display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.buildTab__item {
    background: var(--color-bg-gray);
    padding: 20px;
    border-radius: 20px;
    cursor: pointer;
    color: #000;
    transition: all .3s ease;									
}
.slick-current .buildTab__item {
    background: var(--color-violet);
    color: #fff;
    transition: all .3s ease;									
}
.buildTab__item_desc {
    font-size: 24px;
    line-height: 1.1;
    padding-bottom: 0.5rem;
}
.buildTab__item_person {
        display: flex;
    align-items: center;
    gap: 1rem
}
.slick-current .buildTab__item .buildTab__person {
    border: 1px solid var(--color-violet);
}
.buildTab__item .buildTab__person {
    border: 1px solid transparent;
    border-radius: 50%;
width: 3rem;
    height: 3rem;
}
.buildTab__person_name {
    font-size: 15px;
    font-weight: 300;
}
.buildTab__body {
    margin: 0 -60px;
    padding: 63px 0 65px;
}
.buildTab__body_block {
}
.buildTab__body_block .slick-list {

}
.buildTab__body_block .slick-track {

}
.buildTab__body_block .slick-list .slick-slide {
    opacity: 0;
}
.buildTab__body_block .slick-list .slick-slide.slick-current {
    opacity: 1;
}
.buildTab__body_item {
    display: none;
    transition: all .3s ease;	
}
.buildTab__body_item.active {
    display: block;
    transition: all .3s ease;									
}
.buildTab__size_left {
        padding: 34px;
    background: var(--color-bg-gray);
    border-radius: 20px;
    font-size: 24px;
    font-weight: 300;
 max-width: 500px;
}
.buildTab__size_left ul {
        
}
.buildTab__size_left ul li {
        position: relative;
        padding-left: 1rem;
}
.buildTab__size_left ul li:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background: #000;
    border-radius: 50%;
    left: 0;
    top: 15px;
}
.buildTab__size_right ul li {
        position: relative;
        padding-left: 1rem;
}
.buildTab__size_right ul li:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%;
    left: 0;
    top: 15px;
}
.buildTab__size_left p {
}
.buildTab__size_left p:first-of-type {
    font-size: 40px;
    font-weight: 600;
    padding-left: 50px;
    margin: 0;
}
.buildTab__size_right p:first-of-type {
    font-size: 40px;
    font-weight: 600;
    padding-left: 50px;
    margin: 0;
}
.buildTab__size_right {
    padding: 34px;
    background: var(--txt-color);
    border-radius: 20px;
    font-size: 24px;
    font-weight: 300;
    color: #fff;
        max-width: 543px;
}
.buildTab__bottom {
        background: var(--color-violet);
    padding: 25px 40px;
    font-size: 25px;
    font-weight: 600;
    color: #fff;
    line-height: 1.1;
    border-radius: 20px;
}
.buildTab__bottom_row {
        display: flex;
    align-items: center;
    gap: 31px;
    justify-content: space-between;
}
.buildTab__botton_txt {
}
.buildTab__bottom_btn {
  flex: 0 0 auto;
}
.buildTab__bottom_btn .btn {
        background: #000;
    font-size: 30px;
    font-weight: 600;
    border-radius: 10rem;
}
.buildTab__body_row {
    display: flex;
    gap: 24px;
}
.sizeRightBlock {
display: flex;
    align-items: stretch;
    background: var(--txt-color);
    border-radius: 32px;
    justify-content: space-between;
    width: 100%;
}
.sizeRightBlock .feedback__icon {
transform: none;
    bottom: 10px;
    top: auto;
    left: 10px;
}
.buildTab__size_videoBlock  {
        flex: 0 0 48%;
}
.sizeRightBlock .buildVideos__item {
     height: 100%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.heroBlockVideos {
    position: absolute;
    top: 0;
    right: -35rem;
    z-index: 9999999;
    transition: all .3s ease;	
    display: none;								
}
.heroBlockVideos.load {
	display: block;							
}
.heroBlockVideos.active {
    right: 0rem;
    transition: all .3s ease;									
}
.heroBlockVideos__box {
        display: flex;
    align-items: center;
}
.heroBlockVideos__icons {
    z-index: 9999;
    background: #fff;
    padding: 34px;
    cursor: pointer;
    border-top-left-radius: 60px;
    border-bottom-left-radius: 60px;
    animation: videomov 3s cubic-bezier(0.64, 0, 0.3, 0.27) infinite;	
   
    box-shadow: 0px 0px 16px 1px #00000073;
}
.heroBlockVideos__sections {
    background: #fff;
    border: 1rem solid #fff;
    border-bottom-left-radius: 40px;
    height: 48rem;
    overflow: auto;
        width: 35rem;
}
.heroBlockVideos__sections_items {
        gap: 0.5rem;
    display: flex;
    flex-direction: column;
}
.heroBlockVideos-item {
        aspect-ratio: 1 / 0.63;
}
    .hero__audio {
    display: flex;
    align-items: center;
    gap: 24px;
    }
    .hero__audio span {
    max-width: 168px;
    line-height: 1.1;
    font-size: 16px;
    font-weight: 300;
    }
    .audio-row {
        display: flex;
        align-items: center;
        gap: 25px;
    }
    .audio-row .controls {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .audio-player {
    max-width: 355px;
    padding: 12px 19px;
    background: #000;
    border-radius: 20rem;
}

#play-pause-btn {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
  color: white;
  border: none;
  font-size: 20px;
  cursor: pointer;
      position: relative;
}

#play-pause-btn.pause::after {
    content: "";
    background: url(../i/pause.svg);
    width: 3.5rem;
    height: 3rem;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    top: 50%;
    left: 49%;
    transform: translate(-50%, -50%);
    background-size: contain;
}

#play-pause-btn.play::after {
    content: "";
    background: url(../i/play.svg);
    width: 1.4rem;
    height: 1.8rem;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    top: 50%;
    left: 53%;
    transform: translate(-50%, -50%);
    background-size: contain;
}

.wave-container {
  display: flex;
    align-items: center;
    height: 48px;
    gap: 10px;
    margin-bottom: 0;
}

.wave-bar {
    width: 1px;
    background: #ddd;
    border-radius: 2px;
    transition: height 0.1s ease;
}

.wave-bar.active {
  background: #4a8df8;
}

.time-display {
  color: #666;
  font-size: 14px;
}
.buildMarketing__animaton-photoChange {

}
.photoChange_item {
    position: absolute;
    top: 0;
    padding: 2.4rem 3.4rem;
}
.photoChange_img {
    
}
.photoChange_item .photoChange_img img {
    opacity: 0;
    aspect-ratio: 1 / 0.6;
    object-fit: cover;
}
.photoChange_item.visible .photoChange_img img {
opacity: 1;
}
.buildMarketing__animationContent_img.adaptive {
    visibility: hidden;
}