/*
 Theme Name:   Hello Elementor Child
 Template:     hello-elementor
*/


@font-face {
  font-family: 'HKGroteskWide';
  src: url("Grotesk.eot");
  src: local("Grotesk"), local("Grotesk"), url("assets/fonts/HKGroteskWide-Regular.woff2") format("woff2"), url("assets/fonts/HKGroteskWide-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: 'HKGroteskWide';
  src: url("Grotesk.eot");
  src: local("Grotesk"), local("Grotesk"), url("assets/fonts/HKGroteskWide-Bold.woff2") format("woff2"), url("assets/fonts/HKGroteskWide-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal
}
@font-face {
  font-family: 'HKGroteskWide';
  src: url("Grotesk.eot");
  src: local("Grotesk"), local("Grotesk"), url("assets/fonts/HKGroteskWide-ExtraBold.woff2") format("woff2"), url("assets/fonts/HKGroteskWide-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal
}
@font-face {
  font-family: 'HKGroteskWide';
  src: url("Grotesk.eot");
  src: local("Grotesk"), local("Grotesk"), url("assets/fonts/HKGroteskWide-Black.woff2") format("woff2"), url("assets/fonts/HKGroteskWide-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal
}
/* @font-face {
  font-family: 'HK Grotesk';
  src: url("Grotesk.eot");
  src: local("Grotesk"), local("Grotesk"), url("assets/fonts/HK-grotesk-regular.woff2") format("woff2"), url("assets/fonts/HK-grotesk-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: 'HK Grotesk';
  src: url("Grotesk.eot");
  src: local("Grotesk"), local("Grotesk"), url("assets/fonts/HK-grotesk-bold.woff2") format("woff2"), url("assets/fonts/HK-grotesk-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal
}
@font-face {
  font-family: 'HK Grotesk';
  src: url("Grotesk.eot");
  src: local("Grotesk"), local("Grotesk"), url("assets/fonts/HK-grotesk-extraBold.woff2") format("woff2"), url("assets/fonts/HK-grotesk-extraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal
}
@font-face {
  font-family: 'HK Grotesk';
  src: url("Grotesk.eot");
  src: local("Grotesk"), local("Grotesk"), url("assets/fonts/HK-grotesk-black.woff2") format("woff2"), url("assets/fonts/HK-grotesk-black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal
} */
@font-face {
  font-family: 'Respira-Black';
  src: url("Respira-Black.eot");
  src: local("Respira-Black"), local("Respira-Black"), url("assets/fonts/Respira-Black.woff2") format("woff2"), url("assets/fonts/Respira-Black.ttf") format("truetype");
  font-weight: 800;
  font-style: normal
}

html {
  scroll-behavior: unset !important;
}

* {
  font-family: 'HKGroteskWide', sans-serif !important;
} 

p {
  margin-block-end: 0 !important;
}
p:not(:last-child) {
  margin-block-end: 0.9rem !important;
}

.elementor-widget-text-editor li:not(:last-child) {
  margin-bottom: 0.9rem;
}
.d-flex-center {
  display: flex;
  align-items: center
}
/* html, a {
  cursor: none
} */
.cursor {
  display: flex;
  align-items: center;
  position: fixed;
  width: 24px;
  height: 24px;
  margin-left: -10px;
  margin-top: -10px;
  border-radius: 50%;
  background: #eefd4b;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  transform-origin: center center;
  pointer-events: none;
  z-index: 10000;
}


.cursorText  {
  display: flex;
  align-items: center;
  gap: 11px;
  font-size: 12px;
  text-transform: uppercase;
  color: #1e1e1e;
  position: relative;
  width: auto;
}
.cursorText:after {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background:#1e1e1e
}

.cursorText  {
  opacity: 0;
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.1s ease;
    transition: -webkit-transform 0.1s ease;
    -o-transition: transform 0.1s ease;
    transition: transform 0.1s ease;
    transition: transform 0.1s ease, -webkit-transform 0.1s ease;
  transform-origin: center center;
}
.cursor.--color {
  background: #ffffffc9;
  mix-blend-mode:color-dodge ;
  mix-blend-mode: screen;
  /* background: #010101;
  mix-blend-mode: darken;  */
}
.cursor.--video,
.cursor.--scroll,
.cursor.--see, 
.cursor.--audio {
  padding: 0 12px;
  border-radius: 100px;
  width: auto;
  mix-blend-mode:color-dodge ;
}
.cursor.--video .scrollCursor,
.cursor.--video .seeCursor,
.cursor.--video .audioCursor,

.cursor.--scroll .videoCursor, 
.cursor.--scroll .seeCursor,  
.cursor.--scroll .audioCursor,  

.cursor.--see .scrollCursor, 
.cursor.--see .videoCursor,
.cursor.--see .audioCursor,

.cursor.--audio .scrollCursor,
.cursor.--audio .seeCursor,
.cursor.--audio .videoCursor {
  display: none;
}

.cursor.--scroll.--color, 
.cursor.--see.--color,
.cursor.--audio.--color {
  background: #eefd4b;
}
.cursor.--video .videoCursor,
.cursor.--scroll .scrollCursor,
.cursor.--see .seeCursor,
.cursor.--audio .audioCursor {
  display: flex;
  opacity: 1;
  transform: scale(1);
}


@media(max-width: 1200px)  {
  .cursor {
    display: none;
  }
}

#page,
#content {
  overflow: hidden;
}

.titleSecond span,
.secondTitle h2 {
  font-family: 'Respira-Black', sans-serif !important;
  text-transform: capitalize;
}
.titleSecond span{
  text-decoration: none !important;
}
.btnSecond .elementor-button {
  background-color: var(--e-global-color-text);
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  border-radius: 100px 100px 100px 100px;
  padding: 6px 15px 6px 15px;
  border: none;
}
.btnSecond .elementor-button:hover {
  background: var(--e-global-color-text);
  color: #fff !important;
}

.hoverArrowBtn a span.elementor-button-content-wrapper, 
.hoverArrowBtn .hoverArrowBtn__inner span.elementor-button-content-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: 0.3s;
}
.hoverArrowBtn a span.elementor-button-content-wrapper:before,
.hoverArrowBtn .hoverArrowBtn__inner span.elementor-button-content-wrapper:before {
  content: '';
  display: block;
/*   width: 4px;
  height: 4px; */
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--e-global-color-c05ae35);
  position: absolute;
/*   top: 3px; */
  left: 0;
  opacity: 0;
  transition: 0.3s;
}
.hoverArrowBtn .elementor-button-icon {
  line-height: 1;
  width: 9px;
  height: 9px;
}
.hoverArrowBtn .elementor-button-icon svg {
  width: 100%;
  height: 100%;
}
.hoverArrowBtn a:hover span.elementor-button-content-wrapper:before,
.hoverArrowBtn .hoverArrowBtn__inner:hover span.elementor-button-content-wrapper:before {
  opacity: 1;
}
.hoverArrowBtn a.elementor-button:hover {
  background: transparent;
  border: 1px solid var(--e-global-color-c05ae35);
}
.hoverArrowBtn a:hover span.elementor-button-content-wrapper,
.hoverArrowBtn .hoverArrowBtn__inner:hover span.elementor-button-content-wrapper {
  padding-left: 10px;
}
button.hoverArrowBtn {
  padding: 0;
  background: transparent !important
}
button.hoverArrowBtn .hoverArrowBtn__inner{
  padding: 8px;
}
.mc4wp-form-fields {
  display: flex;
  align-items: center;
  gap: 5vw;
}
.mc4wp-form-fields input:not([type="button"]):not([type="submit"]), 
.mc4wp-form-fields textarea, 
.mc4wp-form-fields .elementor-field-textual {
  border-color: #fff;
  outline: none;
}
@media(max-width: 768px) {
  .mc4wp-form-fields {
    flex-direction: column;
    gap: 34px;
  }
  .mc4wp-form-fields  [type="submit"] {
    align-self: flex-end;
  }
}
/* HEADER */

.page-header,
#site-footer {
  display: none;
}
.headerMenu {
  display: none;
  box-shadow: 0px 3px 11px 0px #00000036;
}
.headerSearch {
  box-shadow: 0px 3px 11px 0px #00000057;
  border-radius: 100px
}
.headerMenu nav {
  position: relative;
  overflow: hidden;
}
.headerMenu nav li a {
  position: relative;
  z-index: 5;
}
.headerMenu nav li::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #7e0f60 0%, #c978f0 100%);
  transition: all 0.4s ease;
}

.headerMenu nav li:hover::before {
  left: 0;
}
.headerMenu nav li:hover a {
  color: #eceae5;
}
.headerMenu.active {
  display: block;
  animation: showBlock 0.4s linear forwards;
}
.menuTrigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  transition: 0.4s;
  position: relative;
  cursor: pointer;
}
@media(max-width: 767px) {
  .menuTrigger {
    justify-content: flex-end;
  }
  .headerMenu:after {
    content: '';
  }
  main#content,
  .searchPage  {
    margin-top: 58px;
  }
  .headerMenu nav li::before {
    transition: all 0.1s ease;
  }
  
}
.menuTrigger:after {
  content: url(assets/img/menu-trigger.svg);
  margin-top: -3px;
}
.menuTrigger.active:after {
  content: url(assets/img/close.svg);
}

@media(min-width:767px) {
  .menuTrigger:after {
    display: none;
  }
  .menuTrigger .dotsAnim div {
    /* opacity: 0; */
    transition: 0.3s;
    animation-name: bounceXsnone !important;
  }
  .menuTrigger:hover .dotsAnim div{
    opacity: 1;
    animation-name: bounceXs !important;
    
  }
  .menuTrigger.active .dotsAnim {
    display: none;
  }
  .menuTrigger.active:after {
    display: block;
  }
}

.fa-search:before {
  content: url(assets/img/search.svg) !important;
}
.hfe-search-form__container {
  height: 24px;
}
.hfe-search-submit {
  display: flex !important;
  align-items: center;
  padding-right: 12px !important
}
.hfe-search-form__container #clear-with-button {
  display: none !important;
}
.hfe-search-form__input {
  border: none !important
}
.contactTrigger,
.closeContact {
  cursor: pointer;
}
.headerBlock .contactTrigger a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  transition: 0.4s;
  position: relative;
}
.headerBlock .contactTrigger a:after {
  content: url(assets/img/close.svg);
  display: none;

}
.headerBlock .contactTrigger.active a {
  width: 216px;
}
.headerBlock .contactTrigger.active a:after {
  display: block;
  animation: showBlock 0.4s linear forwards;
}
.contactBlock {
  display: none;
  position: absolute;
  top: 40px;
}
.logoXs {
  display: none;
}
@media(max-width: 767px) {
  .fullLogo.unactive {
    display: none;
  }
  .logoXs.active {
    display: block;
    animation: showBlock 0.4s linear forwards;
  }
  .mobMenuTrigger {
    display: none;
  }
  .fullLogo.unactive1 {
    display: none;
  }
  .logoXs.active1 {
    display: block;
    animation: showBlock 0.4s linear forwards;
  }
  .mobMenuTrigger1 {
    display: none;
  }
}
.contactBlock.active {
  display: block;
  animation: showBlock 0.4s linear forwards;
}
input::placeholder,
textarea::placeholder  {
  color: #fff;
}
[type=button], [type=submit], button {
  border: 1px solid #ebeae5 !important;
  border-radius: 100px !important;
  background: #ebeae5 !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 208% !important;
  text-transform: uppercase !important;
  text-align: center !important;
  color: #1e1e1e !important;
  
}
.wpcf7-form-control {
  width: 100% !important;
}
.wpcf7-spinner {
  position: absolute;
  left: 40%;
}
.wpcf7-list-item {
  margin: 0;
}
.custom-radio input[type="radio"] {
  opacity: 0;
  position: absolute;
}
.custom-radio label {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.custom-radio label .wpcf7-list-item-label {
  font-weight: 400;
  font-size: 10px;
  line-height: 140%;
  text-transform: uppercase;
  color: #eceae5;
  margin-left: 10px;
  transition: 0.1s;
  margin: 0;
  padding-left: 30px;
  z-index: 2;
  margin-left: -13px;
}
.custom-radio .wpcf7-list-item.active label .wpcf7-list-item-label  {
  
}
.custom-radio label:before {
  content: "";
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  background: transparent;
  border-radius: 50%;
  border: 1px solid #eceae5;
  transition: 0.1s
}
.custom-radio label:after {
  content: "";
  width: 8px;
    min-width: 8px;
    height: 8px;
    background: #eceae5;
    border-radius: 50%;
    transition: 0.1s;
    left: 3px;
    position: absolute;
    opacity: 0;
}
.custom-radio .wpcf7-list-item.active label:before {
  /* background: #7e0f60; */
}
.custom-radio .wpcf7-list-item.active label:after {
  opacity: 1;
}


@keyframes showBlock {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* HEADER END */

/* FOOTER */
.menuBtnItem li {
  border: 1px solid #eceae5;
  border-radius: 100px;
  padding: 7px 24px;
  transition: 0.3s;
}
.menuBtnItem li:hover {
  background: #eceae5;
}
.menuBtnItem li:hover a {
  color: #1e1e1e;
}
.menuBtnItem .current-menu-item {
  background: #eceae5;
}
.menuBtnItem .current-menu-item a {
  color: #1e1e1e;
}

@media (max-width: 767px) {
    .menuBtnItem li {
      padding: 7px 12px;
  }
  footer .hfe-nav-menu__layout-horizontal .hfe-nav-menu {
    justify-items: flex-start;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(7, auto);
    gap:11px;
    grid-auto-flow: column;
  }
  footer .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item {
    margin: 0 !important;
  }
  footer .hfe-nav-menu:before {
    display: none;
  }
  footer .hfe-nav-menu:before, .hfe-nav-menu:after {
    display: none;
  }

}
.menuBtnItem li.mobilePositionGroup:hover {
  background: none;
}
.menuBtnItem li.mobilePositionGroup:hover a {
  color: unset;
}
li.mobilePositionGroup {
  grid-row: 3 / 8;
  padding: 0;border: none;
  display: grid;
  align-content: space-between;
  gap: 13px;
  margin: 14px 0 6px 0;
}
/* FOOTER END */

p:not(:last-child) {
  margin-bottom: 16px;
}

.comments-area a, .page-content a {
  text-decoration: none !important;
  transition: 0.4s;
}


.text-color span {
  color: var( --e-global-color-accent );
}

.elementor-widget-icon.elementor-view-default .elementor-icon svg {
  fill: none;
}

footer p {
  margin: 0 !important;
}

footer .mc4wp-form-fields {
  display: flex;
  align-items: center;
  gap: 13px;
}
footer input[type="submit"] {
  background: var(--e-global-color-accent);
  border-color: var(--e-global-color-accent);
  color: #fff;
  border-radius: 12px;
  padding: 6px 22px !important;
}

/* .hfe-nav-menu .sub-arrow {
  margin-top: -12px;
}
.hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .sub-arrow i::before  {
  display: none;
}
.hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .sub-arrow i  {
  border: solid rgb(255, 255, 255);
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 2px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
} */

/* .page-header {
  display: none;
} */

/* .ehf-header header#masthead {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
} */

/* .fadeTextContent {
  display: inline-block;
} */
.fadeTextContent span span {
  display: inline-block;
  opacity: 0.15;
  transform: translateY(10px);
}

.сarouselTexts .swiper-wrapper {
  flex-wrap: nowrap;
}
.сarouselTexts .swiper-slide:not(.swiper-slide-active)  {
  opacity: 0 !important;
}

.elementor-widget-n-accordion .e-n-accordion-item-title-header {
  width: 100%;
}

.logosLine {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  width: 100%; 
}
.logosLine__inner {
  display:  flex;   
}
.marquee {
  display:  flex;
  align-items: center;
  /* justify-content: center; */
  position: relative;
  transform: translate3d(0%, 0, 0);
  animation-name: marquee;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 30s;
  width: auto;
}
.logosLine__item {
  min-width: 100px;
}
@keyframes marquee {
  0% {
      transform: translate3d(0%, 0, 0);
  }

  100% {
      transform: translate3d(-100%, 0, 0);
  }
}

.soundAmination {
  animation-name: soundAmination;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 7s;
  z-index: 2;
}


.audioTrigger .soundAmination {
  animation-name: none;
}
.audioTrigger .soundAmination:hover {
  animation-name: soundAmination;
}

.audioTrigger .soundAmination.active {
  animation-name: soundAmination;
}

.reviewsWorkMarquee .soundAmination {
  animation-name: none;
}
.reviewsWorkMarquee .soundAmination  img {
  transition: 0.3s;
  opacity: 0;
}

.reviewsWorkMarquee .soundAmination {
  aspect-ratio: 1
}
.reviewsWorkMarquee .soundAmination::after,
.reviewsWorkMarquee .soundAmination::before {
  content: '';
  /* position: absolute;
  display: block;
  border-radius: 50%;
  opacity: 0;
  transition: 0.3s; */

  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #bd42f7;
  border-radius: 50%;
  opacity: 0;
  

} 
/* .reviewsWorkMarquee .soundAmination::after {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(189, 66, 247, 0.5)
}
.reviewsWorkMarquee .soundAmination::before {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 80%;
  border: 1px solid rgb(189, 66, 247)
} */


.reviewsWorkMarquee  .audioTrigger {
  position: relative;
}
.reviewsWorkMarquee  .audioTrigger:after{
  content: '';
  position: absolute;
  width: 70%;
  height: 70%;
  border-radius: 50%;
  background: #1e1e1e;
  z-index: 2;
}
.reviewsWorkMarquee .swiper-slide.active .audioTrigger:after {
  opacity: 0;
}
.reviewsWorkMarquee img{
  z-index: 3;
  position: relative;
}
.reviewsWorkMarquee .swiper-slide:not(.active) .audioTrigger:hover .soundAmination::after,
.reviewsWorkMarquee .swiper-slide:not(.active) .audioTrigger:hover .soundAmination::before {
  /* opacity: 0.6; */
  animation: sound-animation 1.5s infinite ease-out;
}

.reviewsWorkMarquee .swiper-slide:not(.active) .audioTrigger:hover .soundAmination::after {
  animation-delay: 0.4s; 
}

.reviewsWorkMarquee .soundAmination.active img {
  opacity: 1;
}

@keyframes sound-animation {
  0% {
      transform: scale(0.7);
      opacity: 0.6;
  }
  100% {
      transform: scale(1);
      opacity: 0;
  }
}
.reviewsWorkMarquee .soundAmination.active::after, 
.reviewsWorkMarquee .soundAmination.active::before {
  opacity: 0 !important;
}
.reviewsWorkMarquee .swiper-slide.active .soundAmination.active::after,
.reviewsWorkMarquee .swiper-slide.active .soundAmination.active::before {
  opacity: 0;
}

.reviewsWorkMarquee .hiddenTextBox {
  display: none;
}
.reviewsWorkMarquee .swiper-slide.active .hiddenTextBox {
  display: block;
  animation: showBlock 0.4s linear forwards;
}


.reviewsWorkMarquee .swiper-slide {
  width: fit-content;
}


@media(max-width: 767px) {
  .reviewsWork__nav .next a.elementor-button,
  .reviewsWork__nav .prev a.elementor-button {
    padding-right: 11px !important;
    padding-left: 11px !important;
  }
  .reviewsWork__nav .next a span.elementor-button-content-wrapper:before {
    opacity: 1;
  }
  .reviewsWork__nav .next a span.elementor-button-content-wrapper,
  .reviewsWork__nav .next .hoverArrowBtn__inner:hover span.elementor-button-content-wrapper {
    padding-left: 10px;
  }
  .reviewsWork__nav .prev a span.elementor-button-content-wrapper:before {
    opacity: 1;
    right: 0;
    left: unset;
  }
  .reviewsWork__nav .prev a:hover span.elementor-button-content-wrapper {
    padding-left: 0;
  }
  .reviewsWork__nav .prev a span.elementor-button-content-wrapper,
  .reviewsWork__nav .prev .hoverArrowBtn__inner:hover span.elementor-button-content-wrapper {
    padding-right: 10px;
  }
  
}

@media(min-width: 540px) {
  .reviewsWorkMarquee .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
  }
}
@media(max-width: 540px) {
  .reviewsWorkMarquee.mobTransition .swiper-wrapper {
    transition-duration: 0s !important
  }
}

@keyframes soundAmination {
  0% {
      transform: scale(1)
  }
  25% {
      transform: scale(0.88)
  }
  50% {
      transform:  scale(1.001)
  }
  75% {
      transform:  scale(0.9)
  }

  100% {
    transform:  scale(1)
  }
}

.circleUncoverBlock {
  aspect-ratio: 1;
}
.circleUncoverInner video,
.circleUncoverInner iframe,
.circleUncoverInner  img{
  aspect-ratio: 1;
  object-fit: cover;
}

.worksFilterInner {
  position: relative;
  background: #000;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 22px;
  max-width: 1024px;
  width: fit-content;
  margin: 0 auto;
  gap: 36px;
  margin-bottom: 40px;
  z-index: 3;
}
.worksFilterInner.--mbXl {
  margin-bottom: 185px;
  z-index: 2;
}
.worksFilterInner.--color {
  background: #490043;
  margin-bottom: 44px;
  max-width: unset;
}
.worksFilters {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 36px;
  
}
.worksFilters__mob {
  gap: 36px;
}
.typeBtn {
  border: 1px solid #eceae5;
  border-radius: 100px;
  font-size: 12px;
  text-transform: uppercase;
  padding: 2px 10px;
  cursor: pointer;
  transition: 0.3s;
}
.typeBtn:hover {
  background: #eceae5;
  color: #1e1e1e;
}
.typeBtn:hover a {
  color: #1e1e1e;
}
.worksFilters li.active {
  border-color: #eceae5;
}

.worksFilters li,
.typeBtnAll.unactive {
  border: 1px solid #eceae500;
}


.worksGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 134px 29px;
}

.workItem__thumbnail img {
  border-radius: 10px;
  aspect-ratio: 1;
  object-fit: cover;
  transition: 0.4s;
  width: 100%;
}
.workItem__title {
  margin: 39px 0 7px;
  font-weight: 800;
  font-size: 20px;
  line-height: 150%;
  text-transform: uppercase;
  text-align: center;
}

.workItem__catList {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 9px;
  max-width: 90%;
  margin: 0 auto;
}
.works__catList {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
}
.workItem__thumbnail:hover img {
  border-radius: 50%
}
.workItem {
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.workItem__previewInner {
  position: relative;
}
.workItem__videoHover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  transition: 0.4s;
  overflow: hidden;
   border-radius: 10px;
  /* border-radius: 10px; */
}
.workItem__videoHover video {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: 0.4s;
  opacity: 0;
}
.workItem__videoHover iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  min-height: 100%;
  min-width: 200%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.4s;
  opacity: 0;
}
.workItem__previewInner:hover .workItem__videoHover video, 
.workItem__previewInner:hover .workItem__videoHover iframe {
  opacity: 1;
  
}
.workItem__previewInner:hover .workItem__videoHover {
  border-radius: 50%;
}

@media(min-width: 767px) {
  .workItem__previewInner:hover .workItem__thumbnail img {
    border-radius: 50%
  }
}
@media(max-width: 767px) {
  .workItem__videoHover {
    display: none;
  }
}

@media(max-width: 991px) {
  .worksGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media(max-width: 767px) {
  .worksGrid {
    grid-template-columns: repeat(1, 1fr);
    gap: 59px;
  }
  .worksFilterInner.--mbXl {
    margin: 0 0 100px;
    padding: 0;
  }
  /* .worksFilterInner.--mbXl .filterTrigger {
    margin-left: 20px;
  } */
  .worksFilterInner.--mbXl .searchFormIcon {
    width: 100%;
  }
  .postsMainFilter.worksFilterInner,
  .postsMainFilter .searchFormIcon {
    width: 100%;
  }
}

.searchFormIcon {
  position: relative;
  position: absolute;
  bottom: -40px;
  width: 300px;
  right: 0px;
  background: #000;
  border-radius: 100px;
  padding-right: 16px;
  border-radius: 100px ;
  display: none;
}
.searchFormIcon__trigger {
  cursor: pointer;
}
.searchFormIcon__inner {
  width: 100%;  
}

.searchFormIcon  input.searchFormIcon__input  {
  font-size: 12px !important;
  padding: 6px 16px !important;
  border: none !important;
  border-radius: 100px !important;
  color: #eceae5;
  outline: none;
}
.searchFormIcon  button.searchFormIcon__button,
.searchFormIcon  [type=submit].searchFormIcon__button  {
 background: none !important;
 padding: 4px;
 border: none !important;
 display: flex;
  align-items: center;
  justify-content: center;
 
}

.searchFormIcon.active  {
  display: flex;
  animation: showBlock 0.4s linear forwards;
}

.filterTrigger {
  display: none;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  color: #eceae5;
}
@media(min-width: 1040px) {
  .worksFilters__allMob {
    display: none;
  }
}
@media(max-width: 1040px) {
  
  .worksFilterInner {
    background: transparent;
    position: relative;
    max-width: 100%;
   
  }
  .worksFilterInner.--mbXl {
    margin-bottom: 100px;
  }
  .worksFilters__mob {
    display: none;
    position: absolute;
    top: 50px;
    right: 0;
    background: #000;
    padding: 11px;
    border-radius: 10px;
  }
  .worksFilters__mob.active {
    display: block;
    animation: showBlock 0.4s linear forwards;
  }
  .filterTrigger {
    display: block;
  }


  .postsMainFilter .searchFormIcon__trigger {
    display: none;
  }
  .postsMainFilter .searchFormIcon {
    position: static;
    display: block;
    background: #eceae5;
  }
  .postsMainFilter .searchFormIcon svg  circle,
  .postsMainFilter .searchFormIcon svg  path {
    stroke: #1e1e1e;
  }
  .postsMainFilter .searchFormIcon input {
    color: #1e1e1e !important
  }
  .postsMainFilter .searchFormIcon input::placeholder {
    color: rgba(30, 30, 30, 0.5)
  }
  /* .postsMainFilter .typeBtnAll {
    display: none;
  } */
  .postsMainFilter.worksFilterInner {
    margin: 30px auto 69px;
    padding: 0;
    flex-direction: column;
    gap: 8px;
    z-index: 4;
  }
  .postsMainFilter.worksFilterInner .worksFilters  {
    width: 100%;
  }
  .postsMainFilter .worksFilters__mob {
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    top: 37px;
  }
  .postsMainFilter .filterTrigger {
    border: 1px solid #eceae5;
    border-radius: 100px;
    width: 100%;
    padding: 5px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .worksFilterInner.--mobSecondType .worksFilters .typeBtn {
    border: none;
    border-radius: 0;
    padding: 2px 21px;
  }
  .worksFilterInner.--mobSecondType .worksFilters .typeBtn:hover {
    color:  #eceae5;
    background: linear-gradient(90deg, #7e0f60 0%, #c978f0 100%);
  }
  .worksFilterInner.--mobSecondType .worksFilters .typeBtn.active {
    background: linear-gradient(90deg, #7e0f60 0%, #c978f0 100%);
  }
  .worksFilterInner.--mobSecondType .worksFilters__mob {
    padding: 11px 0 ;
  }

  .worksFilterInner.--mobSecondType .searchFormIcon {
    background: #000;
  }
  .worksFilterInner.--mobSecondType .searchFormIcon svg circle, 
  .worksFilterInner.--mobSecondType .searchFormIcon svg path {
    stroke: #ECEAE5;
  }
  
  .worksFilterInner.--mobSecondType .searchFormIcon__input::placeholder,
  .worksFilterInner.--mobSecondType .searchFormIcon__input  {
    color: #ECEAE5 !important;
  }
}

.postsSecondWrap .postItem__info, 
.postsSecondWrap .postItem__btn {
  opacity: 0;
}
.comments-area {
  display: none;
}

.custom-excerpt {
  font-weight: 400;
  font-size: 20px;
  line-height: 125%;
  text-transform: uppercase;
  color: #eceae5;
  margin-bottom: 26px;
}
@media(max-width:767px) {

}

.nextWork__pad {
  padding: 0 20px;
  display: block;
  background-color: var(--e-global-color-primary);
  border-radius: 20px 20px 0 0;
}
.nextWork a,
.nextWork a:hover {
  color: #eceae5;
}
.nextWork__top {
  margin: 0 auto;
  max-width: var(--content-width);
  padding: 40px 0 118px;
  min-height: 590px;
}
.nextWork__video {
  height: 400px;
}
.nextWork__video video {
  height: 100%;
  object-fit: cover;
}
.nextWork__link {
  font-weight: 800;
  font-size: 16px;
  line-height: 87%;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 120px;
}
.nextWork__wrap {
  display: grid;
  grid-template-columns: 60% 31%;
  gap: 20px;
}
.nextWork__wrap>div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
div.nextWork__descr {
  justify-content: flex-end;
}
.nextWork__title {
  font-weight: 800;
  font-size: 70px;
  line-height: 100%;
  text-transform: uppercase;
  margin: 0 0 77px;
  max-width: 500px;
}
.nextWork__cat {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
}
.nextWork__excerpt {
  font-weight: 400;
  font-size: 20px;
  line-height: 125%;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.nextWork__audio  {
  pointer-events: none;
}
.nextWork__audio  .elementor-icon-wrapper {
/*   display: none; */
}
.nextWork__audio  .elementor-button {
  margin-left: 39px;
}
@media(max-width: 1024px) {
  .nextWork__wrap {
    grid-template-columns: 64% 33%;
  }
  
  .nextWork__title {
    font-size: clamp(30px, 5vw, 70px);
  }
}
@media(max-width: 991px) {
 
}
@media(max-width: 767px) {
  .nextWork__wrap {
    grid-template-columns: 1fr;
    gap: 87px;
  }
  .nextWork__excerpt {
    /* max-width: 450px; */
    margin-bottom: 0;
  }
  .nextWork__title {
   /* font-size: 55px; */
   font-size: clamp(30px, 9vw, 55px);
   margin-bottom: 20px;
   margin-top: 18px;
  }
  .nextWork__link {
    margin-bottom: 63px;
  }
  .nextWork__top {
    padding: 40px 0 46px;
    min-height: 510px;
  }
  

}

/* Next Work Animation START */
@media(max-width: 767px) {
  .single-works .headerBlock {
    background-color: transparent;
    background-image: linear-gradient(90deg, var(--e-global-color-primary) 0%, var(--e-global-color-secondary) 100%);
  }
}
.single-works .headerBlock>div {
  opacity: 0;
  animation: showBlock 0.4s linear forwards;
  animation-delay: 0.7s;
}
@keyframes showBlock {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.headerBlock.workanimStart {
  opacity: 0;
  animation:  hideBlock 0.2s linear forwards;
}
@keyframes hideBlock {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.mainContentWork {
  position: relative;
}

.headWork  .playVideoTrigger video {
  height: 705px !important;
}
.headWork  .playVideoInner  .videoBox  {
  display: none;
}
.nextWorkBlock {
  height: 990px;
  overflow: hidden;
}
.nextWorkBlock.workanimStart {
  overflow: visible;
}
.nextWork.workanimStart .nextWork__video {
  height: 705px;
}
.nextWork {
  background: none !important;
  position: absolute;
  width: 100%;
  /* bottom: 0; */
  top: max(0px, calc(100% - 1023px));
  transition: 0.6s;
}
.nextWork.workanimStart {
  position: fixed;
 /*  bottom: calc(100% - 992px );
  transition: 0.6s; */

  animation: transitionBlock 1s linear forwards;
}
@keyframes transitionBlock {
  0% {
    top: max(0px, calc(100% - 1023px));
  }
  100% {
    /* bottom: calc(100% - 992px ) */
    top: -40px;
  }
}
.workInner {
  margin-bottom: 861px;
}
.workInner.workanim {
  animation: showWorkBodyBlock 0.2s linear forwards;
  animation-delay: 1s;
  opacity: 0;
}
.workInner.workanimStart, 
.nextWork__link.workanimStart {
  animation: hideBlock 0.2s linear forwards;
  opacity: 0;
}
/* .workBody.workanim {
  animation: showWorkBody 0.2s linear forwards;
  opacity: 0;
} */

.single-works .workBody {
  opacity: 0;
  animation: showBlock 0.4s linear forwards;
  animation-delay: 0.7s;
}
/* @keyframes showHead {
    0% {
      transform: translateY( calc(100vh - 500px) );
    }
    100% {
        transform: translateY(0);
    }
} */
@keyframes showWorkBody {
    0% {
      opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showWorkBodyBlock {
    0% {
    }
    100% {
      top: 0;
    }
}

@media(max-width: 1024px) {
  .headWork  .playVideoTrigger video {
    height: 500px !important;
  }
}
@media(max-width: 767px)  {
  .nextWorkBlock {
    height: 790px;
  }
  .headWork  .playVideoTrigger video {
    height: 280px !important;
  }
  .nextWork__video {
    height: 280px
  }
  /* .workInner {
    margin-bottom: 900px;
  } */
  /* .nextWork.workanimStart {
    bottom: calc(100% - 770px );
  } */


  /* .workInner {
    margin-bottom: 790px;
  } */
  .workInner {
    margin-bottom: 708px;
}
  .nextWork {
    /* top: calc(100% - 828px); */
    top: calc(100% - 742px);
  }
  /* .nextWork.workanimStart {
    animation: transitionBlockMo 0.6s linear forwards;
  } */
  @keyframes transitionBlock {
    100% {
      /* bottom: calc(100% - 992px ) */
      top: -40px;
    }
  }

}





/* Next Work Animation END */
.e-n-accordion-item-title {
  border-bottom: none !important;
}
.e-n-accordion {
  border-bottom: 1px solid #ECEAE561;
}

.accordionNum .e-n-accordion-item-title-text span {
  font-family: 'Respira-Black', sans-serif !important;
  margin-right: 30px;
}

.cardFlip {
  perspective: 1000px; 
}
.cardFlip__inner {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.6s; 
}

.cardFront {
  position: absolute;
}
.cardFront, .cardBack {
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.cardBack {
  transform: rotateY(180deg);
}

.cardFlip:hover .cardFlip__inner {
  transform: rotateY(180deg); 
}


body.active {
  height: 100vh;
  overflow: hidden;
}
.videoBox {
  top: 0;
  left: 0;
  z-index: 0;
}
.videoBox.active {
  z-index: 1000;
  /* transform: translate(-50%, -50%); */
  display: block;
  animation: showBlock 0.4s linear forwards;
  height: 100%;
}

.videoBox.active {
/* 	height: 100vh; */
/* 	background: black; */
}

@media(max-width:1024px) {
  .videoBox.staticType.active {
    position: absolute !important; 
  }
}
@media(max-width:767px) {
  .HeroVideo .playVideoTrigger .elementor-wrapper.elementor-open-inline {
/*     --video-aspect-ratio: 0.6525; */
    --video-aspect-ratio: 0.5625;
  }
  .HeroVideo .videoBox  {
    background: #000000ab;
    position: fixed !important;
    height: 100vh;
  }
  .videoBox.staticType.active {
    z-index: 12;
  }
}
/* .HeroVideo {
  max-height: 100vh;
}
.HeroVideo .videoBox iframe{
  max-height: 100vh;
  top: 50%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
} */

.playVideoTrigger,
.playVideoTrigger .e-hosted-video {
  height: 100%;
  width: 100%;
}
.playVideoTrigger {
  z-index: 3;
}


.video--bordered iframe {
	border-radius: 10px
}

.hero-video iframe,
.homepage-slider iframe,
.method-slider iframe {
    pointer-events: none;
    height: 100%;
    left: 50%!important;
    min-height: 56.25vw;
    min-width: 177.77778vh;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.letsTalkBlock iframe,
.video--article iframe {
    pointer-events: none;
    height: 100%;
    left: unset;
    min-height: unset;
    min-width: unset;
    position: absolute;
    top: unset;
    transform: unset;
    width: 100%;
}

.verticalVimeo iframe {
  /* pointer-events: none; */
  height: 100%;
    left: 50%;
    min-height: 56.25vw;
    min-width: 177.77778vh;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
.playVideoTrigger iframe[src*="vimeo"] + div {
  display: none !important;
}
.vp-player-ui-overlays.content-area-sibling-enabled {
  display: none !important;
}
.playVideoTrigger .elementor-open-inline {
  height: 100%;
}
.simplePosts {
  /* display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 20px; */
}

.postItem {
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  /* aspect-ratio: 1; */
  position: relative;
}

.postItem.animate {
  opacity: 0;
  transition: all 0.2s ease;
}

.postItem.visible {
  opacity: 1;
}

img.postItem__img {
  border-radius: 10px ;
  height: 100%;
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}
.postItem:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 35%;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(30, 30, 30, 0) 0%, #000 100%);
  border-radius: 0 0 10px 10px;
  z-index: 1;
}
.postItem__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;

  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
}
.postItem__inner.--flEnd {
  justify-content: flex-end;
}
.postItem__content {
  z-index: 2;
  position: relative;
  padding: 24px;
  padding-right: 50px;
}
.postItem__info {
  min-height: 24px;
  margin: 24px ;
  border-radius: 100px;
  max-width: 269px;
  height: 24px;
  background: #eefd4b;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 20px;
  font-size: 12px;
  text-transform: uppercase;
  color: #1e1e1e;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  justify-content: center;
  text-align: center;
}
.postItem__title {
  font-weight: 800;
  font-size: 20px;
  text-transform: uppercase;
  color: #eceae5;
  margin: 10px 0 6px;
}
.postItem__cat {
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
  color: #eceae5;
}
.postItem__text {
  font-size: 16px;
  color: #eceae5;
  text-transform: uppercase;
}
.postItem .postItem__btn  {
  position: absolute;
}
.postItem__btn {
  /* width: 25px;
  height: 25px; */
  padding: 8px;
  border-radius: 50%;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  
  right: 24px;
  bottom: 24px;
  transition: 0.3s;
}
.postItem__btn
.postItem__btnIcon  {
  width: 9px;
  height: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.postItem__btnIcon:before {
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--e-global-color-c05ae35);
  position: absolute;
  left: -11px;
  opacity: 0;
  transition: 0.3s;
}
.postItem__btnIcon svg {
  width: 100%;
  height: 100%;
}
.postItem__btn:hover .postItem__btnIcon:before{
  opacity: 1;
}
.postItem__btn:hover  {
  border-radius: 100px;
  width: auto;
  padding-left: 20px;
}

header li.hidden-link {
  display: none;
}
@media(min-width:768px) {
  .hidden-link {
    display: none;
  }
}

.brandsPosts {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 17px 21px;
}

@media(max-width:767px) {
  .brandsPosts {
    grid-template-columns: repeat(1, 1fr);
  }
}
.workNav {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 50;
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
}
.worksNav__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 800;
  font-size: 16px;
  text-transform: uppercase;
  width: 100%;
}

.worksNav__inner  span {
  margin: 0 10px;
}

@media(max-width:768px)  {
  /* .workNav {
    display: none;
  } */
  .worksNav__inner {
    font-size: 10px;
  }
  .workNav>div {
    padding: 10px 0 !important;
  }
}

.team__catList {
  font-weight: 800;
  font-size: 20px;
  line-height: 100%;
  text-transform: uppercase;
}

.teamShare {
  opacity: 0;
  transition: 0.4s;
}
.teamShare.active {
  opacity: 1;
}

.lineLink  a {
  position: relative;
  width: 100%;
  display: block;
  z-index: 2;
  padding-right: 39px;
}
.lineLink a::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.lineLink .lineLink__icon svg path {
  opacity: 0;
}
.lineLink:hover .lineLink__icon svg path {
  opacity: 1;
}
.lineLink .lineLink__icon svg  {
  transition: 0.3s;
}
@media(max-width:767px) {
  .lineLink .lineLink__icon svg {
    margin-top: 8px;
  }
}

/* Team */
.teamSlider__nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap:  30px;
  z-index: 2;
  position: relative;
  margin-bottom: 19px;
}
.teamSlider__nav .prev  {
  transform: scaleX(-1);
}
.tabsTeam {
  width: 100%;
}
.teamSlider {
  width: 100%;
}
.teamSlider__slide {
  /* width: auto;
  max-width: 118px;
  width: 118px !important; */
  padding: 0 10px;

}
.teamSlider__slide .activeText {
  opacity: 0;
  transition: 0.2s;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #EEFD4B;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 12px;
  line-height: 117%;
  text-transform: uppercase;
  pointer-events: none;
  z-index: 0;
  text-decoration: none;
  color: #1e1e1e;
  text-align: center;
}
.teamSlider__slide .activeText:hover {
  color: #1e1e1e;
}
.teamSlider__slide .img {
  position: relative;
  /* width: 90px;
  height: 90px; */
  border-radius: 50%;
  width: 100%;
  padding-bottom: 100%;
  
}
.teamSlider__slide img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  position: absolute;

}
.teamSlider__slide .name {
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  margin-top: 15px;
}
.teamSlider__slide.active img {
  opacity: 0;
}
.teamSlider__slide.active .activeText {
  opacity: 1;
  z-index: 3;
  pointer-events: unset;
}
.activeSlider .teamSlider__slide.active .activeText {
  opacity: 1;
  z-index: 3;
  pointer-events: unset;
}
.activeSlider .teamSlider__slide:not(.active) img {
/*   opacity: 0; */
}
.activeSlider .teamSlider__slide:not(.active) .img {
/*  border: 1px solid  #eceae5; */
}
.activeSlider .teamSlider__slide .name{
/*   display: none; */
}

@media all and (min-width: 768px) {
/* 	.teamSlider__slide .name {
		visibility:
	}
	
	.teamSlider__slide:not(.active) .name {
		visibility: hidden
	}

	.teamSlider__slide .img {
		border-style: hidden;
	}
	
	.teamSlider__slide:not(.active) .img {
		border: 1px solid #eceae5;
	} */
}
.tabsTeam__contentWrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: grid;
  z-index: -1;
}
.tabsTeam__contentWrap.active {
  z-index: 0;
}
.tabsTeam__content {
  grid-row: 1 / -1;
  grid-column: 1 / -1;
  opacity: 0;
  pointer-events: none;
  transition: 0.4s;
  background-position: center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;


    position: absolute;
    top: 0;
    height: 50%;
    right: 0;
    left: 0;

}
@media all and (max-widht: 1024px) {
	.tabsTeam__content {
		height: 22.5%;
	}
}
.tabsTeam__contentContainer {
  max-width: 1396px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
.tabsTeam__content.active {
  opacity: 1;
  pointer-events: auto;
}
.tabsTeam__content .name {
  font-weight: 800;
  font-size: 100px;
  line-height: 100%;
  text-transform: uppercase;
  margin-bottom: 24px;
}
.tabsTeam__content .pos .team__catList {
  font-weight: 800;
  font-size: 35px;
  text-transform: uppercase;
}
.teamPage__shortcode {
  position: unset;
}
@media(max-width: 991px) {
  .tabsTeam__content .name {
    font-size: 55px;
  }
  .tabsTeam__content .pos .team__catList {
    font-size: 25px;
  }
  /* .teamSlider__slide {
    max-width: 111px;
    width: 111px !important;
    padding: 0 10px;
  }
  .teamSlider__slide .img {
    width: 91px;
    height: 91px;
  } */
}

@media(max-width: 767px) {
  .teamSlider__slider.swiper  {
    overflow: visible;
  }
  .tabsTeam__content .name {
    font-size: 35px;
  }
  .tabsTeam__content .pos .team__catList {
    font-size: 18px;
  }
  .reviewsWork  .soundAmination  {
    margin-left: -20px;
  }
  .teamSlider__slide .activeText,
  .teamSlider__slide .activeText:hover,
  .activeSlider .teamSlider__slide.active .activeText {
    z-index: 1;
    opacity: 0;
    pointer-events: auto;
  }
  
  .tabsTeam__contentWrap {
    display: none;
  }
  .teamSlider__slide.active img,
  .activeSlider .teamSlider__slide:not(.active) img {
    opacity: 1;
  }
  .activeSlider .teamSlider__slide:not(.active) .img  {
    border: none
  }
  .activeSlider .teamSlider__slide .name{
    display: block;
  }
}
.teamBtn {
  pointer-events: none;
}
.teamBtn .elementor-button-text {
  display: flex;
  align-items: center;
  gap: 6px;
}
.teamBtn .elementor-button-text span {
  margin-top: -3px;
  display: flex;
  font-size: 10px;
}



.postItem__excerpt {
  display: none;
  font-size: 15px;
  color: #eceae5;
  max-width: 400px;
  margin-bottom: 16px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}


.postsGrid {
  display: grid;
  grid-template-columns: repeat(12, 1fr); 
  gap: 20px; 
}

.postsGrid .postItem {
  grid-column: span 4; 
}


@media(max-width: 991px) {
  .postsGrid .postItem {
    grid-column: span 6;
  }
}
@media(max-width: 767px) {
  .postsGrid {
    gap: 30px; 
  }
  .postsGrid .postItem {
    grid-column: span 12;
  }
}
/* Static */
.postItem.static {
  display: flex;
}
.postItem.static:after {
  display: none;
}
.postItem.static .postItem__inner {
  position: static;
  background: #000;
  justify-content: flex-start;
}
.postItem.static .postItem__content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media(min-width: 991px) {
  .postItem.static .postItem__inner {
    border-radius: 0 10px 10px 0;
  }
}
@media(max-width: 991px) {
  .postItem.static {
    flex-direction: column;
  }
  .postItem.static .postItem__inner  {
    border-radius: 0 0 10px 10px;
  }
  .postItem.thirdType img.postItem__img {
    border-radius: 10px 10px 0 0px;
  }
}
.postItem.mainType .postItem__excerpt, 
.postItem.secondType .postItem__excerpt {
  display: -webkit-box;
}

/* MainType */
.postItem.mainType {
  grid-column: span 12;
}
.postItem.mainType .postItem__title {
  font-size: 50px;
  line-height: 110%;
  margin-bottom: 24px;
}
.postItem.mainType .postItem__cat {
  display: none;
}
.postItem.mainType  .postItem__btn  {
  right: 0;
  bottom: -50px;
}

@media(min-width: 991px) {
  .postItem.mainType .postItem__img {
    width: 55%;
    border-radius: 10px 0 0 10px;
  }
  .postItem.mainType .postItem__inner {
    width: 45%;
    padding: 64px 20px;
  }
  .postItem.mainType .postItem__title {
    font-size: 50px;
  }
  .postItem.mainType  .postItem__btn,  
  .allPostsGrid .postItem.fourthType  .postItem__btn  {
    transform: scale(2.34) translate(-10px, -10px);
    /* width: 62px;
    height: 62px; */
  }
  /* .postItem.mainType  .postItem__btnIcon,
  .allPostsGrid .postItem.fourthType  .postItem__btnIcon {
    width: 21px;
    height: auto;
  } */

  /* .mc4wp-form-fields .hoverArrowBtn .hoverArrowBtn__inner:hover span.elementor-button-content-wrapper:before {
    width: 10px;
    height: 10px;
    left: 13px;

  }
  .mc4wp-form-fields .hoverArrowBtn  {
    min-width: 62px;
    width: 62px;
    height: 62px;
  }
  .mc4wp-form-fields .hoverArrowBtn:hover  {
    width: 100px;
    min-width: 100px;
  }
  .mc4wp-form-fields .hoverArrowBtn .elementor-button-icon {
    width: 21px;
    height: auto;
  } */

  .hoverArrowBtn.--big .elementor-button-icon {
    width: 21px;
    height: 18px;
  }
  .hoverArrowBtn.--big a span.elementor-button-content-wrapper:before {
/*     top: 7px; */
  }
  .hoverArrowBtn.--big a:hover span.elementor-button-content-wrapper {
    padding-left: 20px;
  }
  .postItem__btn.--big {
    transform: scale(2.34) translate(-10px, -10px);
  }
  .mc4wp-form-fields .hoverArrowBtn {
    transform: scale(2.34)
  }
}
@media(max-width: 991px) {
  .postItem.mainType {
    grid-column: span 6;
  }
  .postItem.mainType img.postItem__img {
    border-radius: 10px 10px 0 0px;
  }
  .postItem.mainType .postItem__title {
    font-size: 25px;
  }
  .postItem.mainType .postItem__btn {
    right: 24px;
    bottom: 24px;
  }
}
@media(max-width: 767px) {
  .postItem.mainType {
    grid-column: span 12;
  }
  .allPostsGrid .postItem__excerpt   {
    padding-bottom: 60px;
}
}

/* grid */
@media(min-width: 991px) {
  .allPostsGrid .postItem:nth-child(6),
  .related .postItem:nth-child(4) {
    grid-column: span 8;
  }
  .allPostsGrid .postItem:nth-child(7) {
    grid-column: span 6;
    grid-row: 4 / 7;
  }
  .allPostsGrid .postItem:nth-child(8) {
    grid-column: span 6;
  }
  .allPostsGrid .postItem:nth-child(9) {
    grid-column: span 6;
  }
  .allPostsGrid .postItem:nth-child(10) {
    grid-column: span 6;
  }
}

/* secondType */
.postItem.secondType .postItem__content {
  padding-right: 24px;
  justify-content: space-between;
}
.postItem.secondType .postItem__title {
  font-size: 25px;
  margin-bottom: 34px;
}
.postItem.secondType .postItem__cat {
 font-weight: 400;
 padding-right: 24px;
}
@media(min-width: 991px) {
  .postItem.secondType {
    flex-direction: row-reverse;
  }
  .postItem.secondType .postItem__inner {
    width: 37%;
    border-radius: 10px 0  0 10px;
  }
  .postItem.secondType .postItem__img {
    width: 63%;
    border-radius: 0 10px 10px 0;
  }
  .postItem.secondType img.postItem__img {
    aspect-ratio: 1.6;
    border-radius: 0 10px 10px 0;
  }
}
@media(max-width: 991px) {
  .postItem.secondType {
    flex-direction: column;
  }
  .postItem.secondType .postItem__title {
    margin-bottom: 30px;
  }
  .postItem.secondType img.postItem__img {
    border-radius: 10px 10px 0 0;
  }
  .postItem.secondType .postItem__inner {
    border-radius: 0 0 10px 10px;
  }
}

/* thirdType */
.postItem.thirdType .postItem__content {
  padding-top: 0;
  justify-content: space-between;
}
.postItem.thirdType .postItem__title {
  font-size: 25px;
  max-width: 380px;
}
.postItem.thirdType .postItem__cat {
 font-weight: 400;
 padding-right: 24px;
}

@media(min-width: 991px) {
  .postItem.thirdType .postItem__inner {
    width: 69%;
  }
  .postItem.thirdType .postItem__img {
    width: 31%;
    border-radius: 10px 0 0 10px;
  }
}
@media(max-width: 767px) {
  .postItem.thirdType .postItem__img {
    display: none;
  }
  .postItem.thirdType .postItem__title {
    margin-bottom: 29px;
  }
  .postItem.thirdType .postItem__content {
    padding-right: 24px;
  }
  .postItem.thirdType .postItem__inner {
    border-radius: 10px;
}
}

/* fourthType */
.postItem.fourthType .postItem__cat {
  display: none;
} 
.postItem.fourthType .postItem__title {
  max-width: 430px;
}
@media(min-width: 991px) {
  .postItem.fourthType .postItem__title {
    font-size: 50px;
    line-height: 110%;
  }
}
@media(max-width: 991px) {
  .postItem.fourthType .postItem__title {
    font-size: 25px;
    line-height: 110%;
  }
}
.postsCatTitle {
  text-align: center;
  font-weight: 800;
  font-size: 50px;
  line-height: 170%;
  margin-bottom: 40px;
}

/* Related */
.related {
  margin-top: 150px;
}

.related__title {
  font-weight: 800;
  font-size: 35px;
  line-height: 100%;
  text-transform: uppercase;
  margin-bottom: 46px;
}

/* Shows Posts */
.showsPostsGrid {
  gap: 73px 0;
  margin-top: 90px;
}
.showsPostsGrid .showPostItem{
  grid-column: span 12;
}
.showPostItem {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
}
.showPostItem .showPostItem__main {
  grid-column: span 6;
  grid-row: 1 / 4;
}
.showPostItem__main .postItem__inner {
  justify-content: flex-end;
}
.showPostItem__main .postItem__title {
  margin: 0 0 10px;
  text-align: center;
}
.postItem__coverText {
  font-weight: 800;
  font-size: 25px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: #eceae5;
}
.showPostItem__main.postItem  .postItem__content {
  padding: 24px 24px 75px;
}
.showPostItem__main.postItem  .postItem__title {
  text-align: center;
  max-width: 100%;
}
@media (min-width: 991px) {
  .showPostItem__main.postItem  .postItem__title {
    font-size: 70px;
  }
  .showPostItem__main.postItem .postItem__btn {
    transform: scale(2.34) translate(-10px, -10px);
  }
}


.showPostItem__descr,
.showsPostsGrid .showPostItem__child {
  grid-column: span 6;
}

.showPostItem__descr {
  position: relative;
  padding: 40px 22px 38px;
  border-radius: 10px;
  background-color: var(--e-global-color-primary);
}
.showPostItem__descr .postItem__btn {
  position: absolute;
}
.showPostItem__descr p {
  max-width: 600px;
  padding-right: 60px;
  line-height: 125%;
}
.showPostItem__descrTitle {
  font-weight: 800;
  font-size: 25px;
  line-height: 120%;
  text-transform: uppercase;
  color: #eceae5;
  margin-bottom: 14px;
}
@media (max-width: 991px) {
  .showPostItem .showPostItem__main {
    grid-row: auto;
  }
  .showPostItem__descr {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .postItem__coverText {
    font-size: 16px;
  }
  .showPostItem__main.postItem .postItem__content {
    padding-bottom: 45px;
  }
}
@media (max-width: 767px) {
  .showPostItem .showPostItem__main,
  .showPostItem__descr,
  .showsPostsGrid .showPostItem__child {
    grid-column: span 12;
  }
}

/* verticalAccordion */

.verticalAccordion  .e-n-accordion-item-title-header {
  display: block;
  height: 100%;
}
.verticalAccordion  .e-n-accordion-item-title-text {
  justify-content: space-between;
  display: flex;
  gap: 16px;
}
.verticalAccordion  .e-n-accordion-item-title-text span {
 font-size: 20px;
 font-weight: 400;
}


.verticalAccordion .summary.e-n-accordion-item-title {
  position: relative;
}


#vtab1 .e-n-accordion-item-title-text {
  justify-content: center;
}
#vtab1 summary.e-n-accordion-item-title,
#vtab1 summary.e-n-accordion-item-title:after {
  background: #bd42f7;
}
#vtab2 summary.e-n-accordion-item-title,
#vtab2 summary.e-n-accordion-item-title:after {
  background: #490043;
}
#vtab3 summary.e-n-accordion-item-title,
#vtab3 summary.e-n-accordion-item-title:after {
  background: #7e0f60;
}
#vtab4 summary.e-n-accordion-item-title,
#vtab4 summary.e-n-accordion-item-title:after {
  background: #903ab9;
}

.verticalAccordion details.e-n-accordion-item[open] summary.e-n-accordion-item-title {
  display: none;
}
/* .verticalAccordion details.e-n-accordion-item>div {
  display: none;
}
.verticalAccordion details.e-n-accordion-item[open]>div {
  display: block;
  animation: showBlock 0.4s linear forwards;
} */

.verticalAccordionImages {
  display: grid;
}
.verticalMediaItem video {
 height: 100% !important;
}
.verticalMediaItem {
  grid-row: 1 / -1;
  grid-column: 1 / -1;
  opacity: 0;
  -webkit-transition: 0.2s all !important;
  transition: 0.2s all !important;
  z-index: -1;
}
.verticalMediaItem.active,
.verticalMediaItem:nth-child(1) {
  opacity: 1;
  z-index: 1;
}

@media(min-width: 1025px) {
  #vtab1 {
    background: #bd42f7;
    border-radius: 0 20px 20px 0;
  }
  #vtab2 {
    background: #490043;
    border-radius: 0 20px 20px 0;
  }
  #vtab3 {
    background: #7e0f60;
    border-radius: 0 20px 20px 0;
  }
  #vtab4 {
    background: #903ab9;
    border-radius: 0 20px 20px 0;
  }


  .verticalAccordion summary.e-n-accordion-item-title:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: calc(-100% + 1px);
  }
  
  .verticalAccordion details.e-n-accordion-item:not([open]):hover {
    transform: translateX(30px);
  }
  
  .verticalAccordion .e-n-accordion {
    display: flex;
    min-height: 690px;
    height: 100%;
  }
  .verticalAccordion summary.e-n-accordion-item-title {
    writing-mode: vertical-rl;
    border-radius: 0 20px 20px 0;
    padding: 34px 37px 34px 57px;
  }
  .verticalAccordion details.e-n-accordion-item[open] {
    width: 100%;
    max-width: 100%;
  }
  .verticalAccordion details.e-n-accordion-item {
    /* flex-direction: row; */
    margin-left: -20px;


    display: grid;
    grid-auto-flow: column;
    height: 100% !important;
    max-width: 150px;
/* 	N 01.04
 * remove transition on max-width property,
 * add flexability to accordion items
 * due to task    */
/*     transition: max-width 0.7s ease-in-out, transform 0.4s; */
	transition: 1s ease-in-out, transform 1s;
   
  }
	
	.e-n-accordion-item {
		flex: 1;
	}
	
	.e-n-accordion-item[open] {
		flex: 4;
	}

  
  .verticalAccordion details.e-n-accordion-item:nth-child(1) {
    z-index: 6;
  }
  .verticalAccordion details.e-n-accordion-item:nth-child(2) {
    z-index: 5;
  }
  .verticalAccordion details.e-n-accordion-item:nth-child(3) {
    z-index: 4;
  }
  .verticalAccordion details.e-n-accordion-item:nth-child(4) {
    z-index: 3;
  }
  .verticalAccordion details.e-n-accordion-item:nth-child(5) {
    z-index: 2;
  }
}
@media(max-width: 1024px) {
  .verticalAccordion summary.e-n-accordion-item-title {
    border-radius:  20px 20px 0 0 ;
    padding: 30px 18px 50px 18px;
  }
  .verticalAccordion details.e-n-accordion-item {
    margin-top: -20px;
  }
  .verticalAccordion details.e-n-accordion-item:nth-child(1) {
    z-index: 2;
  }
  .verticalAccordion details.e-n-accordion-item:nth-child(2) {
    z-index: 3;
  }
  .verticalAccordion details.e-n-accordion-item:nth-child(3) {
    z-index: 4;
  }
  .verticalAccordion details.e-n-accordion-item:nth-child(4) {
    z-index: 5;
  }
  .verticalAccordion details.e-n-accordion-item:nth-child(5) {
    z-index: 6;
  }
  .verticalAccordion .e-n-accordion-item-title-text span {
    font-size: 15px;
  }
}


.paginationWrapper {
  margin-top: 65px;
}
.paginationNumbers {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.paginationNumber {
  font-family: 'Respira-Black', sans-serif !important;
  font-weight: 800;
  font-size: 15px;
  line-height: 167%;
  text-transform: uppercase;
  text-align: center;
  color: #eceae5;
  border: 1px solid #eceae5;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.paginationNumber.active {
  color: #1e1e1e;
  background: #eceae5;
}

.share-buttons {
  font-size: 12px;
  text-transform: uppercase;
  display: flex;
  gap: 4px;
}
.share-buttons span {
  font-weight: 800;
}
.share-buttons .hover-text span {
  font-weight: 400;
}



.circleTransition {
  /* display: none; */
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  pointer-events: none;
  background: #1e1e1e;
}

.circleTransition__elem {
  position: absolute;
  /* bottom: -600px;
  left: -600px; */
  /* bottom: -100%;
  left: -100%; */
  transform: scale(1) translate(-100%, 100%);
  width: 1200px;
  height: 1200px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #7e0f60;
  animation: circleExpand 3s linear forwards;
}
/* @keyframes circleExpand {
  0% {
    transform: scale(1) translate(-100%, 100%);
  }
  10% {
    transform: scale(1.8) translate(-80%, 80%);
  }
  20% {
    transform: scale(2.5) translate(-60%, 60%);
  }
  30% {
    transform: scale(3) translate(-40%, 40%);
  }
  40% {
    transform: scale(3.6) translate(-25%, 25%);
  }
  50% {
    transform: scale(4) translate(0%, 0%);
  }
  60% {
    transform: scale(4.3) translate(10%, -10%);
  }
  70% {
    transform: scale(4.7) translate(25%, -25%);
  }
  80% {
    transform: scale(5) translate(35%, -35%);
  }
  90% {
    transform: scale(5.2) translate(45%, -45%);
  }
  100% {
    transform: scale(5.3) translate(50%, -50%);
  }
} */




.homeLoader {
  /* display: none; */
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  pointer-events: none;
  /* background: #1e1e1e; */
  /* animation: homeLoader 1.5s ease-in-out forwards; */
}

.homeLoader__text {
  animation: homeLoaderText 0.7s ease-in-out forwards;
}
.homeTransition__elem {
  position: absolute;
  bottom: -600px;
  left: -600px;
  width: 1200px;
  height: 1200px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #7e0f60;
  animation: circleHome 1.5s ease-in-out forwards;
  /* opacity: 0; */
 
}
@keyframes homeLoaderText {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes circleHome {
  0% {
    opacity: 0;
  }
  55% {
    opacity: 0;
  }
  60% {
    opacity: 1;
    transform: translate(0, 0) scale(1);
  }
  100% {
    transform:  scale(5.3);
  }
}

.page-id-115 .circleTransition {
 display: none !important;
}


@media(max-width:1200px) {
  .circleTransition__elem {
    width: 600px;
    height: 600px;
  }
  .homeTransition__elem {
    bottom: -300px;
    left: -300px;
    width: 600px;
    height: 600px;
  }
}
@media(max-width:767px) {
  .circleTransition__elem {
    width: 350px;
    height: 350px;
  }
  .homeTransition__elem {
    bottom: -200px;
    left: -200px;
    width: 350px;
    height: 350px;
  }
}

.workLoader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  pointer-events: none;
  background:  #7e0f60;
  display: flex;
  align-items: center;
  justify-content: center;
}
.workLoader .videoContainer {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1050px;
  height: 1050px;
  aspect-ratio: 1;
  overflow: hidden;
}
.workLoader .videoContainer div {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.workLoader video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-clip-path: url(#circleMask);
          clip-path: url(#circleMask);
}

.workLoader svg {
  position: absolute;
  width: 0;
  height: 0;
}
@media(max-width: 1200px) {
  .workLoader .videoContainer {
    width: 700px;
    height: 700px;
  }
}
@media(max-width: 767px) {
  .workLoader .videoContainer {
      width: 500px; 
      height: 500px;
  }
}
@media(max-width: 540px) {
  .workLoader .videoContainer {
      width: 320px; 
      height: 320px;
  }
}


.headerPosts {
  /* display: none; */
}

.headerPosts--hidden {
	display: none;
}

.headerPosts__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(90deg, #7e0f60 0%, #c978f0 100%);
  border-radius: 10px;
  padding: 5px 22px 5px 5px;
}
.headerPosts__head img {
  border-radius: 5px;
  width: 33px;
  height: 33px;
}
.headerPosts__head span {
  font-size: 12px;
  line-height: 117%;
  text-transform: uppercase;
}
.headerPosts__head span:nth-child(2) {
 opacity: 0.5;
}
.headerPosts__list {
  display: none;
  position: absolute;
  width: 100%;
  top: 56px;
  padding: 10px 12px;
  border-radius: 10px;
  background: #490043
}
.headerPosts__list.active {
  display: block;
  animation: showBlock 0.4s linear forwards;
}
.headerPost {
  display: flex;
  align-items: center;
  gap: 19px;
}
.headerPost:not(:last-child) {
 margin-bottom: 31px;
}
.headerPost img {
  border-radius: 10px;
  width: 105px;
  height: 104px;
}
.headerPost__title {
  font-size: 12px;
  line-height: 117%;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.headerPost .typeBtn:hover {
  background: #eceae5;
  color: #1e1e1e;
}


.musicHeader  {
  background: transparent;
  padding: 0;
  transition: 0.4s;
}
.musicHeader.secondBg  {
  background-color: #490043 !important;
  background-image: none !important;
}
.musicHeader__text {
  white-space: nowrap;
  display: none;
}


.musicHeader .elementor-button {
  position: relative;
}
.musicHeader .elementor-button.active {
  background: linear-gradient(180deg, #490043 0%, #af00a1 100%);
}
/* .musicHeader .elementor-button:after {
  content: '';
  position: absolute;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-radius: 50%;
  border: 1px solid #bd42f7;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.musicHeader .elementor-button.active:after {
  opacity: 1;
  animation-name: soundAminationHead;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 2s;
} 
*/

.musicHeader .elementor-button .elementor-button-icon {
  z-index: 2;
}
.musicHeader .elementor-button::before,
.musicHeader .elementor-button::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-color: #bd42f7;
    border-radius: 50%;
    opacity: 0;
   
}
.musicHeader .elementor-button.active:after, 
.musicHeader .elementor-button.active:before {
  opacity: 0.6;
  animation: pulse-animation 1.5s infinite ease-out;
}

.musicHeader .elementor-button.active::after {
    animation-delay: 0.4s;
}

@keyframes pulse-animation {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.6;
    }
    100% {
        transform: translate(-50%, -50%) scale(1.7);
        opacity: 0;
    }
}


@media(min-width: 768px) {
  .musicHeader:hover {
    background-image: linear-gradient(90deg, var(--e-global-color-text) 0%, #AF00A1 100%);
    padding: 0 7px 0 11px;
  }
  .musicHeader:hover .musicHeader__text{
    display: block;
    animation: showBlock 0.4s linear forwards;
  }
  .musicHeader:hover .musicHeader__text:nth-child(2){
    display: none;
  }
  .musicHeader:hover .musicHeader__text.unactive {
    display: none;
  }
  .musicHeader:hover .musicHeader__text.active {
    display: block;
  }
  .musicHeader:hover .elementor-button {
    background: transparent
  }
}

@media(max-width: 768px) {

  .home .elementor-34 .musicHeader .elementor-button {
    background-color: #490043
  }


  .musicHeader.active {
    background-image: linear-gradient(90deg, var(--e-global-color-text) 0%, #AF00A1 100%);
    padding: 0 7px 0 11px;
  }
  .musicHeader.active .elementor-button{
    background-color: transparent !important
  }
  .musicHeader.active .musicHeader__text{
    display: block;
    animation: showBlock 0.4s linear forwards;
  }
  .musicHeader.active .musicHeader__text:nth-child(2){
    display: none;
  }
  .musicHeader.active  .elementor-button:after {
    opacity: 0;
  }
  /* .musicHeader.active .musicHeader__text.unactive {
    display: none;
  } */
}

@keyframes soundAminationHead {
  0% {
      transform: translate(-50%, -50%) scale(1)
  }
 
  50% {
      transform: translate(-50%, -50%)  scale(1.1)
  }
  
  100% {
    transform: translate(-50%, -50%)  scale(1)
  }
}

/* .musicHeader.active .elementor-button {
  background: linear-gradient(180deg, #490043 0%, #af00a1 100%);
}
.musicHeader.active .elementor-button:after {
  opacity: 1;
} */

@media(max-width:767px) {
  .headerPosts {
    position: absolute;
    margin: 20px auto 0;
    width: 90%;
    left: 5%;
  }
}


.mobPlayBtn {
  mix-blend-mode: color-dodge;
  /* background-blend-mode: color-dodge; */
  background: #eceae5;
  color: #000000;
  z-index: 5;
  width: fit-content;
  display: inline-block;
  border-radius: 100px;
  margin: 0 auto;
  pointer-events: none;
}
.mobPlayBtn >div {
  display: inline;
}
.mobPlayBtn .elementor-button{
  background: #eceae5;
  color: #000;
}
.mobPlayBtn .elementor-button svg {
  width: 5px;
  height: 5px;
  display: block;
}
.mobPlayBtn .elementor-button-content-wrapper {
  align-items: center
}

.searchPage.site-main {
  max-width: 1400px;
  padding: 160px 20px;
  min-height: 70vh;
}

/* .searchPageGrid {
  display: grid
;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
} */

@media(max-width:767px) {
  .searchPage.site-main {
    padding: 60px 20px;
  }
}
.heartImg svg,
.customSvg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.heartTrigger {
  transition: 0.4s;
  pointer-events: none;
  transform-origin: center;
}
.heartTrigger.active {
  opacity: 0;
}
.heartColor {
  transition: 0.4s;
}
.heartColor.active path {
  fill: #bd42f7;
}

.circle1 {
    animation: circle1 2.2s infinite alternate ease-in-out;
 
}
@keyframes circle1 {
  50% { 
      transform: scale(0.8) translate(-25px, -18px)
  }
}
.circle2 {
    animation: circle2 2.2s infinite alternate ease-in-out;
 
}
@keyframes circle2 {
  50% { 
    transform: scale(0.8) translate(-12px, 13px);
  }
}

.circle3 {
    animation: circle3 2.2s infinite alternate ease-in-out;
}
@keyframes circle3 {
  50% { 
    transform: scale(0.8) translate(20px, 9px);
  }
}
.circle4 {
    animation: circle4 2.2s infinite alternate ease-in-out;
 
}
@keyframes circle4 {
  50% { 
    transform: scale(0.8) translate(18px, -7px);
  }
}

.notes1 {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-animation: notes1 2.8s infinite alternate ease-in-out;
          animation: notes1 2.8s infinite alternate ease-in-out;
}
@-webkit-keyframes notes1 {
  0% { 
    -webkit-transform: scale(0.9) translate(3px, -21px) rotate(2deg); 
            transform: scale(0.9) translate(3px, -21px) rotate(2deg) 
  }
  50% { 
    -webkit-transform: scale(1.01) translate(-25px, -6px) rotate(6deg); 
            transform: scale(1.01) translate(-25px, -6px) rotate(6deg)
  }
  100% { 
    -webkit-transform: scale(0.9) translate(3px, -21px) rotate(2deg); 
            transform: scale(0.9) translate(3px, -21px) rotate(2deg)
  }
}
@keyframes notes1 {
  0% { 
    -webkit-transform: scale(0.9) translate(3px, -21px) rotate(2deg); 
            transform: scale(0.9) translate(3px, -21px) rotate(2deg) 
  }
  50% { 
    -webkit-transform: scale(1.01) translate(-25px, -6px) rotate(6deg); 
            transform: scale(1.01) translate(-25px, -6px) rotate(6deg)
  }
  100% { 
    -webkit-transform: scale(0.9) translate(3px, -21px) rotate(2deg); 
            transform: scale(0.9) translate(3px, -21px) rotate(2deg)
  }
}
.notes2 {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-animation: notes2 2.2s infinite alternate ease-in-out;
          animation: notes2 2.2s infinite alternate ease-in-out;
}
@-webkit-keyframes notes2 {
  0% { 
    -webkit-transform: scale(0.9) translate(17px, -27px) rotate(2deg); 
            transform: scale(0.9) translate(17px, -27px) rotate(2deg) 
  }
  50% { 
    -webkit-transform: scale(1.01) translate(-19px, -20px) rotate(6deg); 
            transform: scale(1.01) translate(-19px, -20px) rotate(6deg) 
  }
  100% { 
    -webkit-transform: scale(0.9) translate(17px, -27px) rotate(2deg); 
            transform: scale(0.9) translate(17px, -27px) rotate(2deg)
  }
}
@keyframes notes2 {
  0% { 
    -webkit-transform: scale(0.9) translate(17px, -27px) rotate(2deg); 
            transform: scale(0.9) translate(17px, -27px) rotate(2deg) 
  }
  50% { 
    -webkit-transform: scale(1.01) translate(-19px, -20px) rotate(6deg); 
            transform: scale(1.01) translate(-19px, -20px) rotate(6deg) 
  }
  100% { 
    -webkit-transform: scale(0.9) translate(17px, -27px) rotate(2deg); 
            transform: scale(0.9) translate(17px, -27px) rotate(2deg)
  }
}
.notes3 {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-animation: notes3 1.9s infinite alternate ease-in-out;
          animation: notes3 1.9s infinite alternate ease-in-out;
}
@-webkit-keyframes notes3 {
  0% { 
    -webkit-transform: scale(0.9) translate(14px, -32px) rotate(2deg); 
            transform: scale(0.9) translate(14px, -32px) rotate(2deg);
  }
  50% { 
    -webkit-transform: scale(1) translate(-17px, -12px) rotate(4deg); 
            transform: scale(1) translate(-17px, -12px) rotate(4deg);
  }
  100% { 
    -webkit-transform: scale(0.9) translate(14px, -32px) rotate(2deg); 
            transform: scale(0.9) translate(14px, -32px) rotate(2deg);
  }
}
@keyframes notes3 {
  0% { 
    -webkit-transform: scale(0.9) translate(14px, -32px) rotate(2deg); 
            transform: scale(0.9) translate(14px, -32px) rotate(2deg);
  }
  50% { 
    -webkit-transform: scale(1) translate(-17px, -12px) rotate(4deg); 
            transform: scale(1) translate(-17px, -12px) rotate(4deg);
  }
  100% { 
    -webkit-transform: scale(0.9) translate(14px, -32px) rotate(2deg); 
            transform: scale(0.9) translate(14px, -32px) rotate(2deg);
  }
}

.customLinkHome {
  height: 100%;
  z-index: 3;
  opacity: 0;
}
.customLinkHome a {
  display: block;
}
.customLinkHome div,
.customLinkHome a {
  height: 100%;
}

.dotsAnim div {
  animation-name: bounce;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 0.6s;
}
.dotsAnim.--xs div {
  animation-name: bounceXs;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 0.9s;
}

.dotsAnim div:nth-child(1) {
  animation-delay: 0s;
}

.dotsAnim div:nth-child(2) {
  animation-delay: 0.2s;
}

.dotsAnim div:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
      transform: translateY(-10px);
  }
}
@keyframes bounceXs {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
      transform: translateY(-5px);
  }
}

.customAspect > div {
  aspect-ratio: 4 / 5;
}
.customAspect video {
  height: 100% !important;
}

.relList {
  max-width: 70%;
  padding: 12px 0;
  border-bottom: 1px solid #eceae59a;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  display: grid;
  grid-template-columns: 48% 48%;
  position: relative;
}
.relList__main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.relList__icon svg path {
  transition: 0.3s;
  opacity: 0;
}
.relList:hover .relList__icon svg path {
  opacity: 1;
}

.relList__cat,
.relList__title {
  font-size: 18px;
  color: #eceae5;
}

.relList__cat {
  text-transform: uppercase;
}
@media(max-width:1024px) {
  .relList {
    max-width: 100%;
    padding: 11px 20px; 
    grid-template-columns: 37% 60%;
  }
  
}

@media(max-width:767px) {
  .relList {
    grid-template-columns: 1fr;
    gap: 0;
    padding-right: 54px;
  }
  .relList__cat,
  .relList__title {
    font-size: 12px;
  }
  .relList__icon {
    display: flex;
    position: absolute;
    right: 10px;
    top: 22px;
  }
}

.relatedTeams {

}
.relatedTeams__item {
  display: grid;
/*   grid-template-columns: repeat(2, minmax(130px, 230px)); */
	  grid-template-columns: repeat(2, minmax(130px, 1fr));
  align-items: center;
  gap: 20px;
  margin-bottom: 6px;
 
}
.relatedTeams__pos,
.relatedTeams__name {
  font-size: 16px;
  text-transform: uppercase;
  color: #eceae5;
}
a.relatedTeams__name:hover {
  color: #eceae5;
}
.relatedTeams__pos {
  font-weight: 800;
}
@media(max-width:767px) {
  .relatedTeams__pos,
  .relatedTeams__name {
    font-size: 12px;
  }

  .single-works .dotsAnim {
    display: flex;
  }
}

.hideToTime.hidden {
  transition: 0.4s;
}
.hideToTime.hidden {
  opacity: 0;
  pointer-events: none;
}




.hover-text {
  /* display: inline-block; */
  position: relative;
  overflow: hidden;
}
.hover-text a {
  color: #ECEAE5
}
.hover-text a:hover {
  color: #ECEAE5
}
.hover-text span {
  display: inline-block;
  position: relative;
}
.hover-text span.letter {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}


.worksAudioBlock .mejs-time.mejs-currenttime-container,
.worksAudioBlock .mejs-time.mejs-duration-container, 
.worksAudioBlock .mejs-button.mejs-volume-button.mejs-mute,
.worksAudioBlock .mejs-horizontal-volume-slider,
.worksAudioBlock .mejs-button.mejs-playpause-button.mejs-play,
.worksAudioBlock .mejs-button.mejs-playpause-button.mejs-pause {
  display: none !important;
}

.worksAudioBlock  .mejs-container, 
.worksAudioBlock  .mejs-container .mejs-controls  {
  background: transparent  !important; 
  height: 5px !important;
}

.worksAudioBlock  .mejs-time-total.mejs-time-slider,
.worksAudioBlock  .mejs-container .mejs-controls  {
  margin: 0;
  padding: 0;
  height: 5px;
}
.worksAudioBlock  .mejs-time-loaded {
  background: transparent !important;
  height: 5px;
}
.worksAudioBlock .mejs-time-current {
  height: 4px;
  background: #eceae5 !important;
  border-radius: 100px !important
}
.worksAudioBlock  .mejs-time-rail {
  margin: 0;
  padding: 0;
  height: 5px;
}
.worksAudioBlock .mejs-controls .mejs-time-rail .mejs-time-total {
  border: 1px solid #eceae5;
  border-radius: 100px;
  background: #000
}

.worksAudioBlock .mejs-time-rail:hover .mejs-time-handle-content {
  height: 5px;
  margin: 0;
  padding: 0;
  border-radius: 100px;
  border: none;
  top: 0;
  display: none;
}
.worksAudioBlock .mejs-time-hovered {
  display: none !important;
}
.audioBlockHidden {
  opacity: 0;
  /* pointer-events: none; */
  transition: 0.4s;

  right: 80px;
  z-index: 0;
  bottom: 100px;

}
/* .worksAudioBlock.active {
  z-index: 222;
} */
.worksAudioBlock.active .audioBlockHidden {
  opacity: 1;
  z-index: 222;
  /* pointer-events: auto; */
}
/* .audioBlockHidden.active {
  opacity: 1;
  pointer-events: auto;
} */

.worksAudioBlock__icon {
  width: 24px;
  height: 24px;
  min-width: 24px;
  position: relative;
}
.worksAudioBlock__icon svg {
  z-index: 2;
}
.worksAudioBlock .elementor-button:hover svg  {
  fill: #7e0f60 !important;
}
.worksAudioBlock__icon::before, 
.worksAudioBlock__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-color: #bd42f7;
  border-radius: 50%;
  opacity: 0.6;
  animation: pulse-animation 1.5s infinite ease-out;
}

.audioBlockTigger {

}
.audioBlockTigger .elementor-button-wrapper a.elementor-button:hover {
  border: none;
  transition: 0.5s;
}
.audioBlockTigger .elementor-button-wrapper:hover {
  padding: 1px 0;
}

@media(max-width: 768px) {
  .audioBlockHidden {
    right: 16px;
    bottom: 65px;
    
  }
}


/* .letsTalkBlock iframe {
    top: 110%;
    left: 50%;
	transition: .5s ease-in-out;
} */



.nextWork__descr .elementor-icon {
	font-size: unset;
}

.nextWork__descr .elementor-button-content-wrapper {
	gap: 11px;
}

/* N 31.03
 * additional styles  */
@media (min-width: 768px) {

	
	.nextWork__audio .elementor-button {
		margin-left: 0;
		padding: 6px 12px 4px 12px;
	}
	
}


.comingSoonBtn a.elementor-button.elementor-button-link.elementor-size-sm:hover {
    background: #000;
    border: 1px solid #fff;
    color: #fff;
}

.heading-dots {
	display: flex;
	gap: 8px;
}

.heading-dots__elem {
	width: 8px;
	height: 8px;
	background-color: var(--e-global-color-1e12b49);
	border-radius: 50%;
}

/* N 01.04
 * Safari fix at flipping cards arrows */
.cardFlip .elementor-icon {
	-webkit-opacity: 1;
	opacity: 1;
	transition: opacity .25s ease-in-out;
}

.cardFlip:hover .elementor-icon {
	-webkit-opacity: 0;	
	opacity: 0;
}


.heartAccordion .e-n-accordion-item-title {
    scroll-margin-top: 60px !important;
}

/* .elementor-element:not('letsTalkBlock') .elementor-widget-video .elementor-wrapper {
    aspect-ratio: 16/9;
} */

.letsTalk {
	z-index: 99;
}


@media (min-width: 1024px) {
	
/* 	.letsTalkBlock iframe {
    	top: 50%;
	} */
}

#contact-form:focus,
#contact-form:hover {
	color: #000;
}


#page-fade-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #1e1e1e;
  z-index: 9999;
  opacity: 1;
  pointer-events: none;
  transition: opacity 1.5s ease-in-out;
}

/* fix to hide cross at Contact menu item in header */
a.hfe-menu-item::after {
	visibility: hidden;
}

div.logo-carousel {
	overflow: visible!important;
}

.related-heading {
	text-transform: uppercase;
}

#footer-contacts .e-con-inner {
	flex-wrap: wrap;
}






#customPlayerOverlay {
    position: fixed;
    top: 0; left: 0;
    width: 100vw; height: 100vh;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9999;
    justify-content: center;
    align-items: center;
    display: none;
    flex-direction: column;
}

.player-inner {
    position: relative;
    width: 90%;
    max-width: 1280px;
    aspect-ratio: 16 / 9;
}

.video-container {
    width: 100%;
    height: 100%;
}

.close-btn {
    position: absolute;
    top: 25px;
    right: 32px;
    background: #000;
    border: none;
    font-size: 2rem;
    color: white !important;
    cursor: pointer;
    background-color: black !important;
    border: none !important;
}


	.verticalAccordion details.e-n-accordion-item {
		max-height: 768px;
	}




@media all and (min-width: 320px) {
	body .hero-video {
		height: 100vh!important;
	}
}



/* child posts at main post page */

div.child-posts {
	display: flex;
	flex-direction: column;
}

div.child-posts .child-posts__seasons {
	padding: 56px 0;
}

div.child-posts ul {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
}

div.child-posts ul.child-posts__list {
	gap: 2rem;
}

div.child-posts .child-posts__list-item {
	border-width: 0;
}
div.child-posts .child-posts__list-item.active {
	border-width: 1px;
}

div.child-posts .child-posts__container {
    display: grid;
	grid-template-columns: repeat(auto-fill, minmax(335px, 1fr));
    column-gap: 20px;
    row-gap: 27px;
}

div.child-posts .child-post-item__info {
	text-transform: uppercase;
	border-bottom: 0.01em solid #ECEAE5;
    padding: 20px 25px;
}

div.child-posts .child-post-item img {
	aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}

div.child-posts .child-post-item__bottom {

    background: #000;
	border-radius: 0 0 10px 10px;
}




/* div.child-posts .child-post-item__link,
div.child-posts .child-post-item__link:hover {
	width: fit-content;
} */

div.child-posts .child-post-item__desc {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
		padding: 20px 25px 0 25px
}

div.child-posts .child-post-item__link {
    display: flex;
    justify-content: end;
	padding: 0 20px 25px 20px
}

div.child-posts .child-post-item__img img {
	width: 100%;
}

video,
.hero-video-text {
	pointer-events: none;
}

#accordion-slider {
	overflow: hidden;
}

@media all and (max-width: 1440px) {
	.verticalAccordionItem div[role="region"] {
		padding: 10px 0;
	}
	
	
}

@media all and (min-width: 1024px) {
	.accordion-item-content {
		max-height: fit-content;
	}
}

.accordion-item-content {
	height: 668px;
}

.pointer-events-none {
	pointer-events: none;
}


.headWork .playVideoTrigger .elementor-open-inline {
	height: unset;
}

body footer .contactTrigger:hover a:hover {
	color: #1e1e1e;
}

.workItem__catList .typeBtn.activeTag {
    background: #eceae5;
    color: #1e1e1e;
}


body.single-post #page,
body.single-post #content,
body.page-id-119 #page,
body.page-id-119 #content {
	overflow: visible!important;
}

@media (min-width: 1025px) {
	body.single-post #article-meta {
		height: fit-content;
		position: sticky;
		top: 10rem;
	}
	
	body.page-id-119 .heartSvg {
		position: sticky;
		top: 15rem;
		height: fit-content;
	}
}


#our-products {
	grid-auto-rows: 1fr;
}

#work-page-heading.fade-out,
.heading-dots.fade-out,
#mainpage-heading.fade-out,
.mainpage-subheading.fade-out {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.relList__title > span * {
    height: 16px;
}

.visibility {
	opacity: 0!important
}

#soulrebels-slider .swiper-slide {
  width: auto;
  max-width: fit-content;
}

#soulrebels-slider .swiper-wrapper {
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000;
	align-items: center;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}

@media (max-width: 1024px) {
	#soulrebels-slider .swiper-slide {
	  width: 100px;
	}
}




.cardFlip {
	aspect-ratio: 3 / 4
}


/* #VetruvianManSection {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.text-scrolling {
  position: relative;
  height: 100%;
}

.text-scrolling-elem {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  will-change: transform;
} */