/*!
	* TBC - Global Stylesheet (c) 2022
*/
.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: 0
}

.flickity-viewport {
    position: relative;
    height: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
    will-change: transform;
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

* {
    box-sizing: border-box;
}

a,
footer,
header,
html,
img,
li,
nav,
p,
span,
ul {
    margin: 0;
    padding: 0;
    border: 0;
}

html {
    text-rendering: optimizeLegibility;
    -webkit-tap-highlight-color: transparent;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body,
html {
    width: 100%;
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    border: 0;
}


li,
ul {
    list-style: none;
}

a {
    color: inherit;
    text-decoration: none;
    display: block;
}

img {
    width: 100%;
    height: auto
}

svg {
    max-width: 100%;
    height: auto;
    display: block;
}

.disabled {
    pointer-events: none;
    cursor: default;
}

@media (min-width: 767px) {
    #smooth-content {
        will-change: transform;
    }
}


/* Transitions */
body:not(.progress) .clients_pages li,
body:not(.progress) .clients_pages li span {
    transition: all 500ms cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transition: all 500ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

body:not(.progress) ._underline:before,
body:not(.progress) ._underlineSpan span:before,
body:not(.progress) .dropdown_body a:before {
    transition: transform 500ms cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transition: transform 500ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

body:not(.progress) .xxx,
body:not(.progress) .xxx {
    transition: transform 500ms cubic-bezier(0.22, 0.61, 0.36, 1), opacity 500ms cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transition: transform 500ms cubic-bezier(0.22, 0.61, 0.36, 1), opacity 500ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

body:not(.progress) .xxx {
    transition: transform 500ms cubic-bezier(0.22, 0.61, 0.36, 1), color 500ms cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transition: transform 500ms cubic-bezier(0.22, 0.61, 0.36, 1), color 500ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

body:not(.progress) .xxx {
    transition: background 500ms cubic-bezier(0.22, 0.61, 0.36, 1), color 500ms cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transition: background 500ms cubic-bezier(0.22, 0.61, 0.36, 1), color 500ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

body:not(.progress) .xxx {
    transition: fill 300ms cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transition: fill 300ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

body:not(.progress) .hero_text_slide,
body:not(.progress) .menu_set a,
body:not(.progress) .loaction_block a,
body:not(.progress) .team_social a {
    transition: color 500ms cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transition: color 500ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

body:not(.progress) .xxx {
    transition: background 300ms cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transition: background 300ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

body:not(.progress) .social a,
body:not(.progress) .client_logo,
body:not(.progress) .project video {
    transition: opacity 500ms cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transition: opacity 500ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

body.wait {
    cursor: wait;
}

body.wait:before {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
}

._ele,
.mask,
._maskSRC,
._element,
._eleUp,
._eleY,
._eleX,
.SplitClass,
._underline:before,
._underlineSpan:before {
    will-change: transform;
}

._mask,
._eleWrap,
._splitWords,
._splitLines {
    visibility: hidden;
}

._mask>.SplitClass {
    overflow: hidden;
    padding-bottom: 0.08em;
}

._maskImg {
    position: relative;
    visibility: hidden;
}

.mask {
    transform-origin: 0 0;
    background: #fff;
    position: absolute;
    top: -1em;
    right: -1em;
    bottom: -1em;
    left: -1em;
    z-index: 99;
}

._y {
    overflow: hidden;
}

._underline,
._underlineSpan span {
    position: relative;
    padding-bottom: 0.1em;
}

._underline:before,
._underlineSpan span:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: currentColor;
    transform-origin: 0 0;
    transform: scaleX(0);
}

._underline:hover:before,
._underlineSpan:hover span:before {
    transform: scaleX(1);
}


/* Build */
body,
input,
select,
textarea {
    font-family: 'neufile_groteskregular';
    font-size: 1.041666vw;
    font-weight: 400;
    line-height: 1;
}

main {
    overflow: hidden;
}

.f {
    display: flex;
}

.f-c {
    flex-direction: column;
}

.f-w {
    flex-wrap: wrap;
}

.s-b {
    justify-content: space-between;
}

.s-a {
    justify-content: space-around;
}

.j-e {
    justify-content: flex-end;
}

.j-c {
    justify-content: center;
}

.a-c {
    align-items: center;
}

.a-e {
    align-items: flex-end;
}

.a-b {
    align-items: baseline;
}

.a-s {
    align-items: flex-start;
}

.x_padding {
    padding-left: 8.750em;
    padding-right: 8.750em;
}

.x2_padding {
    padding-left: 11.250em;
    padding-right: 11.250em;
}

.inner_padding {
    padding-left: 2.5em;
    padding-right: 2.5em;
}

footer,
section:not(:first-child):not(.no-margin) {
    margin-top: 8.5em;
}

#case section:not(:first-child):not(.no-margin) {
    margin-top: 3em;
}

.video-item iframe {
    width: 100%;
}

section.pull_up {
    margin-top: -16.3em !important;
    position: relative;
    z-index: 199;
}

/* Typography */
h1,
h2,
h3,
h4,
div[data-role=h3],
div[data-role=h4],
div[data-role=h5],
div[data-role=h6] {
    font-family: 'neufile_grotesk_boldbold';
}

h1,
h2,
h3,
h4,
h5,
p {
    margin: 0;
    font-weight: 400;
}

h1 {
    font-size: 8.5em;
    line-height: 100%;
}

h2 {
    font-size: 5em;
    line-height: 100%;
}

h3,
div[data-role=h3] {
    font-size: 4em;
    line-height: 110%;
}

h4,
div[data-role=h4] {
    font-size: 2em;
    line-height: 130%;
}

h5,
div[data-role=h5] {
    font-family: 'neufile_grotesksemibold';
    font-size: 1.850em;
    line-height: 110%;
}

h5,
div[data-role=h5] {
    font-family: 'neufile_grotesksemibold';
    font-size: 1.4em;
    line-height: 105%;
}

p {
    font-size: 1.2em;
    line-height: 160%;
}

strong,
.micro,
.label {
    font-family: 'neufile_grotesksemibold';
    font-weight: 400;
    line-height: 100%;
}

.label {
    font-size: 0.7em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.micro {
    font-size: 0.55em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.high {
    line-height: 160%;
}

ol {
    display: list-item;
    list-style: disc;
    padding: 0.2em 0;
    margin-left: 2em
}

/* Loader */
.loader {
    background: #fff;
    z-index: 9999;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
}

@media (max-width: 992px) {
    #home .loader {
        display: flex;
    }
}

/* Assets */
.spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 1999;
    pointer-events: none;
}

.spinner:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-bottom-color: #fff;
}

.spinner:not(.pause):before {
    -webkit-animation: rotateSpinner 300ms linear infinite;
    animation: rotateSpinner 300ms linear infinite;
}

@-webkit-keyframes rotateSpinner {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotateSpinner {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotateSpinnerReverse {
    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes rotateSpinnerReverse {
    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

.full_bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.full_page {
    height: calc(var(--vh, 1vh) * 100);
}

.cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

._pointer {
    cursor: pointer;
}

.floating_wrap {
    overflow: hidden;
    cursor: none;
}

.floating_button {
    position: absolute;
    width: 4.741em;
    height: 4.741em;
    -webkit-backdrop-filter: saturate(100%) blur(6px);
    backdrop-filter: saturate(100%) blur(6px);
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    overflow: hidden;
    will-change: transform;
    color: #fff;
    visibility: hidden;
    pointer-events: none;
    top: 0;
    z-index: 99;
    left: 0;
}

.isTouch .floating_button {
    display: none;
}

.floating_button svg {
    width: 2em;
}

.gl {
    position: fixed;
    z-index: -99;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
}

._temp {
    background: #000;
}

.rounded_button {
    width: 4.4em;
    height: 4.4em;
    -webkit-backdrop-filter: saturate(100%) blur(6px);
    backdrop-filter: saturate(100%) blur(6px);
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    overflow: hidden;
    will-change: transform;
    color: #fff;
    z-index: 99;
}

.rounded_button svg {
    width: 1.45em;
    pointer-events: none;
}

/* Header */
header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
    /* background: #fff; */
}
@media (max-width: 767px) {
    header {
        position: fixed;
    }
}

.header_set {
    background: #fff;
    height: 7em;
}

.loader svg,
.main_logo svg {
    width: 24.5em;
    will-change: transform;
}

.loader path,
.main_logo path {
    will-change: transform;
    backface-visibility: hidden;
}

.page_title {
    position: relative;
    left: -8em;
    top: 0.3em;
}

.menu_talk {
    margin-left: auto;
    margin-right: 5em;
}

.menu_talk a {
    font-size: 0.9.1em;
}

.menu_talk a svg,
.menu_talk a span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;
}

.menu_talk a svg {
    max-width: 2em;
}

/* Burger */
.burger_button {
    position: fixed;
    height: 7em;
    width: 7em;
    right: 8.750em;
    background: #fff;
    z-index: 2999;
    overflow: hidden;
    will-change: transform;
}

.burger_button.no-mix .mg {
    mix-blend-mode: unset;
}

.burger_button>i {
    position: absolute;
    background: #000;
    top: -1em;
    right: -1em;
    bottom: -1em;
    left: -1em;
    transform: scaleY(0);
    transform-origin: 100% 100%;
    will-change: transform;
}

.burger_button .mg {
    mix-blend-mode: exclusion;
    display: flex;
    flex-direction: column;
}

.burger_button span {
    display: block;
    width: 19px;
    height: 2px;
    margin: 3px 0;
    background: #fff;
    z-index: 99;
    will-change: transform;
}

.fill {
    background: #000;
    transform-origin: 0 0;
    transform: scaleY(0);
    height: 25.750em;
    left: unset;
    width: calc(100vw - (8.750em * 2));
    pointer-events: none;
}

.menu_wrapper {
    position: fixed;
    top: 0;
    right: 8.750em;
    left: 8.750em;
    height: 25.750em;
    z-index: 1999;
    overflow: hidden;
    visibility: hidden;
    color: #fff;
}

.menu_wrapper>i {
    background: #000;
    transform-origin: 0 0;
    transform: scaleY(0);
}

/* Menu */
.menu_set {
    position: relative;
    padding: 3.5em 2.5em;
    padding-right: 10em;
}

.menu_set p {
    margin-bottom: 1.5em;
}

.menu_set ul:hover a {
    color: rgba(255, 255, 255, 0.4);
}

.menu_set a {
    padding: 0.5em 0;
    display: inline-flex;
    align-items: flex-end;
}

.menu_set ul a {
    color: rgba(255, 255, 255, 0.7);
}

.menu_set ul:hover a:hover {
    color: rgba(255, 255, 255, 1);
}

.menu_set a svg {
    position: relative;
    top: 0.1em;
    margin-left: 0.2em;
    margin-right: 0;
    width: 0.9em;
}

.menu_set a span {
    display: inline;
}

.loaction_block .micro {
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 0.2em;
}

.v_block:not(:first-child) {
    margin-top: 2.5em;
}

.v_block {
    max-width: 15em;
}

.loaction_block a:hover {
    color: rgba(255, 255, 255, 0.7);
}

/* Global */
.banner {
    color: #fff;
    position: relative;
    background: #090909;
    min-height: 47em;
    overflow: hidden;
    will-change: transform;
}

.banner_bg {
    overflow: hidden;
    will-change: transform;
}

.banner_bg.has_overlay:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99;
    will-change: transform;
}

.banner_bg video,
.project video {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.banner.short {
    height: 37.5em;
    min-height: unset;
}

.banner_nav_wrap {
    position: absolute;
    width: 100%;
    top: 10em;
    z-index: 499;
}

.banner_content {
    position: absolute;
    z-index: 199;
    bottom: 6em;
    width: 100%;
}

#case .banner_content {
    bottom: 10em;
}

.inline_link svg {
    width: 0.75em;
    margin-right: 0.5em;
}

.not_found .inline_link svg {
    width: 1.1em;
}

.inline_link.reversed svg {
    width: 1.4em;
    margin-left: 0.3em;
    margin-right: 0;
}

.banner_side .inline_link:not(:first-child) {
    margin-left: 10em;
}

.inline_link {
    padding: 0.5em 0;
    cursor: pointer;
}

.banner_side .inline_link.label {
    font-size: 0.8em;
}


.view_all_label {
    border: 1px solid #000;
    border-radius: 5em;
    padding: 1.3em 2em 1em;
}

.view_all_label svg {
    margin-left: 0.6em;
    margin-right: 0;
    width: 1.3em;
}

.blog_container .view_all_label {
    border-color: #f7f7f7;
}

.blog_container .view_all_label svg path {
    fill: #fff;
}

.index-blog-footer {
    border-top: 1px solid #fff;
    padding-top: 3em;
}

/* Footer */
.ft_top {
    padding: 4em 0;
    border: 1px solid;
    border-left: none;
    border-right: none;
    position: relative;
}

#contact .ft_top {
    padding: 0;
    border-top: none;
}

.ft_top h2 {
    color: rgba(0, 0, 0, 0.5);
    width: calc(100% - 3em);
}

.ft_top h2 a {
    color: #000;
    display: inline-block;
}

.burger_placeholder {
    position: absolute;
    width: 7em;
    height: 7em;
    pointer-events: none;
    right: 0;
    bottom: 0;
}

body:not(#contact) footer .burger_placeholder {
    bottom: 4em;
}

.ft_bottom {
    padding: 2.5em 0;
}

.social svg {
    width: 0.9em;
    max-height: 1em;
}

.social a {
    padding: 0.5em 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.social a:first-child {
    padding-left: 0;
}

.social:hover a {
    opacity: 0.5;
}

.social a:hover {
    opacity: 1;
}

.links a:not(:first-child) {
    margin-left: 2.5em;
}


/* Home */
.hero_slides {
    will-change: transform;
}

.banner .flickity-viewport {
    height: 100% !important;
}

.hero_slide {
    overflow: hidden;
    will-change: transform;
}

#home .hero_slide .spinner {
    top: unset;
    bottom: 3em;
}

.hero_slides span {
    overflow: hidden;
}

.hero_slides span i {
    will-change: transform;
}

.hero_text_set {
    pointer-events: none;
}

.hero_text_slide {
    padding-bottom: 14em;
}


.hero_text_slide:not(.is-selected) {
    color: rgba(255, 255, 255, 0.2);
}

.hero_cta {
    position: absolute;
    z-index: 399;
    right: 0;
}

.hero_cta,
.slider_arrows {
    bottom: 6em;
}


.drag_tip {
    position: fixed;
    z-index: 4999;
    width: 4.4em;
    height: 4.4em;
    pointer-events: none;
    visibility: hidden;
}

.drag_tip>i {
    border-radius: 50%;
    border: 1px solid rgb(255 255 255 / 40%);
}

.drag_tip svg {
    width: 1em;
    margin: 0 0.3em;
}

.slider_arrows {
    position: absolute;
    z-index: 999;
    left: 0;
}

.slider_arrows .rounded_button:first-child {
    margin-right: 0.8em
}

.showreal_div {
    position: absolute;
    z-index: 999;
    right: 0;
    bottom: 4em;
}

.showreal_div img {
    max-width: 5.8em;
    transition: all 0.5s;
}

.showreal_div svg.play-btn {
    max-width: 3em;
    transition: all 0.5s;
}

/* circle */
.circle_block {
    position: relative;
    width: 7.5em;
    height: 7.5em;
    border-radius: 100vmax;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.circle_block:hover img,
.circle_block:hover svg.play-btn {
    transform: scale(0.95);
}

.circle_text {
    position: absolute;
    width: 100%;
    height: 100%;
    animation: textRotation 8s linear infinite;
}

@keyframes textRotation {
    to {
        transform: rotate(360deg);
    }
}

.circle_text textPath {
    fill: #fff;
    font-size: 1.35em;
}

@keyframes rotating {
    0% {
        transform: rotateY(0deg) rotateZ(360deg) scale3d(1, 1, 1);
    }

    50% {
        transform: rotateY(180deg) rotateZ(180deg) scale3d(1.5, 1.5, 1.5);
        /* Scale up for emphasis */
    }

    100% {
        transform: rotateY(360deg) rotateZ(0deg) scale3d(1, 1, 1);
    }
}

.rotating {
    animation: rotating 25s linear infinite;
}

/* circle */

.reel_wrap {
    background: rgba(0, 0, 0, 0.8);
    visibility: hidden;
    z-index: 2999;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.get_reel {
    padding: 4em;
}

.reel_close {
    position: absolute;
    right: 0;
    top: 0;
    width: 5em;
    height: 5em;
    background: #fff;
    color: #000;
    z-index: 399;
}

.reel_close svg {
    width: 1.2em;
}

/* Clients */
.clients_slider,
.clients_group {
    width: 100%;
}

.clients_group {
    position: absolute;
    margin-right: 8.750em;
}

.clients_group:nth-last-child(2) {
    margin-right: 0;
}

.client_logo {
    height: 5em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.client_logo svg {
    height: 100%;
    width: auto;
    max-width: 70%;
}

.clients_pages {
    margin-top: 5em;
}

.clients_pages li {
    width: 14px;
    height: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.clients_pages li span {
    display: block;
    width: 9px;
    height: 5px;
    background: rgba(0, 0, 0, 0.1);
    position: relative;
}

.clients_pages li i {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    transform: scaleX(0);
    transform-origin: 0 0;
}

.clients_pages li.active {
    width: 37px;
}

.clients_pages li.active span {
    transform: scaleX(3.5);
}

.clients_progress {
    width: 60px;
    height: 5px;
    background: rgba(0, 0, 0, 0.1);
    position: relative;
}

.clients_progress i {
    background: #000;
    transform-origin: 0 0;
    transform: scaleX(0);
}

body:not(.isMobile) .clients_pages li:not(.active):hover span {
    transform: scaleY(1.5);
    background: rgba(0, 0, 0, 0.3);
}

.no-margin {
    margin: 0 !important;
}

.mb-15 {
    margin-bottom: 1.5em;
}

/* Folio */
.folio_card.suqare {
    width: 21.5em;
    height: 21.5em;
}

.folio_card.suqare.project_full_col {
    width: 44.5em
}

.folio_project {
    position: relative;
    height: 100%;
    color: #fff;
}

.folio_col:not(:last-child) {
    margin-right: 1.5em;
}

.folio_card.landscape {
    width: 32.5em;
    height: 44.5em;
}

.folio_row .folio_card {
    margin-bottom: 1.5em;
}

.folio_row:last-child .folio_card {
    margin-bottom: 0em !important;
}

.folio_row>.folio_card {
    margin-left: 1.5em;
}

.folio_card .bg_video {
    /* opacity: 0; */
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: auto;
    transition: opacity ease 0.2s;
}

@media (max-width: 992px) {
    .folio_card .bg_video {
        display: none;
    }
}

.folio_title>i {
    height: 3em;
    background: #000;
    width: 1px;
    margin: 2em 0;
}

.folio_title_head>strong {
    margin-bottom: 0.4em;
}

.middle_left_project {
    margin-left: 0 !important;
    width: 32.5em !important;
}

.project_content {
    padding: 2.5em 2em;
}

.pc_top>span:first-child {
    margin-right: 2em;
}

/* About us */
.section_side {
    width: 35em;
}

.ind_title h5 {
    margin-bottom: 0.5em;
}

.ind_title h4 {
    margin-bottom: 1em;
}

.section_side p:not(:first-child) {
    margin-top: 1.5em;
}

.brand_wrapper {
    position: relative;
    background: #000;
    color: #fff;
}

.brand_wrapper p {
    color: rgba(255, 255, 255, 0.7);
}

.program_wrapper {
    position: relative;
    background-color: #F8F8F8;
    color: #000;
    padding: 7em 0;
}

.program_wrapper p {
    color: #000;
}

.program_wrapper .accordion__container {
    margin-top: 8em;
}

.program_wrapper .accordion__item {
    border-bottom: 1px solid #000;
    position: relative;
}

.program_wrapper .accordion__item:first-child {
    border-top: 1px solid #000;
}

.program_wrapper .accordion__item .accordion__header {
    cursor: pointer;
    padding-bottom: 2em;
    padding-top: 2em;
}

.program_wrapper .accordion__item .accordion__header h4 {
    margin-right: 60px;
}

.program_wrapper .accordion__indecator {
    background-color: #000;
    border-radius: 25px;
    color: #fff;
    position: absolute;
    width: 44px;
    height: 44px;
    right: 0em;
    top: 2em;
}

.program_wrapper .accordion__indecator:before,
.program_wrapper .accordion__indecator:after {
    content: " ";
    background-color: #fff;
    position: absolute;
}

.program_wrapper .accordion__indecator:before {
    width: 20px;
    height: 2px;
    top: 21px;
    left: 12px;
}

.program_wrapper .accordion__indecator:after {
    width: 2px;
    height: 20px;
    left: 21px;
    top: 12px;
    transition: transform 0.5s;
    transform: rotate(0deg);
}

.program_wrapper .open .accordion__indecator:after {
    height: 0;
    transform: rotate(270deg);
}

.program_wrapper .accordion__details {
    overflow: hidden;
    height: 0;
}

.program_wrapper .open .accordion__details {
    height: auto;
}

.program_wrapper .accordion__row {
    display: flex;
    padding: 8em 0;
}

.program_wrapper .accordion__row .side_section {
    width: 18em;
    flex: none;
}

.program_wrapper .accordion__row .side_section .accordion__number {
    font-size: 7em;
    margin-bottom: 0.5em;
    margin-top: -0.1em;
}

.program_wrapper .accordion__row .content_section {}

.program_wrapper .accordion__row .content_section h5 {
    margin-bottom: 1em;
    max-width: 100%;
    width: 16em;
}

.program_wrapper .accordion__row .content_section svg {
    display: inline-block;
    max-height: 1em;
    vertical-align: middle;
    width: auto;
    margin-right: 0.3em;
}

.program_wrapper .accordion__row .content_section p {
    margin-bottom: 0.3em;
    ;
}

.program_wrapper .accordion__row .content_section ul {}

.program_wrapper .accordion__row .content_section ul li {
    padding-left: 1.5em;
    position: relative;
}

.program_wrapper .accordion__row .content_section ul li::before {
    background-color: #000;
    border-radius: 5em;
    content: " ";
    position: absolute;
    left: 0;
    top: 0.6em;
    width: 0.7em;
    height: 0.7em;
}

.section_text {
    margin-top: 2em;
}

.section_body {
    margin-top: 4em;
}

.side_images {
    position: relative;
    width: 24em;
    height: 100%;
    margin-bottom: 1.750em;
}

.side_image {
    position: relative;
    width: 24em;
    height: 32em;
    margin-top: 1.750em;
    overflow: hidden;
    will-change: transform;
}

.side_image i {
    top: -2em;
    right: 0;
    bottom: -2em;
    left: 0;
}

.team_section {
    padding-top: 3em;
}

.team_wrap {
    margin-top: 4em;
    position: relative;
}

.team_animate {
    display: inline-flex;
    position: relative;
}

.team_member {
    width: 24em;
    height: 32em;
    color: #fff;
    position: relative;
}

.team_member:not(:first-child) {
    margin-left: 2em;
}

.team_details {
    position: absolute;
    bottom: 2em;
    left: 2em;
    right: 2em;
}

.team_details p {
    margin-bottom: 0.2em;
}

.team_social {
    margin-top: 1em;
}

.team_social svg {
    width: 0.9em;
    max-height: 1em;
}

.team_social a {
    margin-right: 1em;
    color: rgba(255, 255, 255, 0.5);
}

.team_social a:hover {
    color: rgba(255, 255, 255, 1);
}

/* Methodology */
.middle_banner {
    overflow: hidden;
    height: 12.5em;
    position: relative;
    margin: 5em 0;
    background: #000;
}

.middle_banner i {
    top: -2em;
    right: -1em;
    bottom: -2em;
    left: -1em;
}

.services_title {
    padding-top: 5em;
    white-space: nowrap;
}

.services_wrap {
    position: relative;
    color: #fff;
}

.services_screen {
    position: relative;
    background: #000;
}

.services_sticky {
    position: absolute;
    z-index: 199;
}

.services_content {
    position: relative;
    z-index: 99;
    text-align: center;
}

.services_content p {
    max-width: 40em;
    margin-top: 0.5em;
}

.services_content .label {
    position: absolute;
    top: -10em;
}

/* Service */
.banner_wrap {
    position: relative;
}

.banner_ext {
    margin-top: 4em;
    padding-top: 4em;
    padding-bottom: 8em;
    background: #000;
    position: relative;
}

.banner_ext .section_side.wrap {
    max-width: 20em;
}

.banner_ext:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 17em;
    background: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 1)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}

.services_wrap .banner_ext {
    margin-top: 0;
}

.services_wrap .banner_ext:before {
    display: none;
}

.banner_bg.luminosity {
    mix-blend-mode: luminosity;
    opacity: 0.3;
}

.story_card {
    position: absolute;
    width: 37.4em;
    height: 26em;
    z-index: 99;
    background: #fff;
}

.story_card .floating_button {
    backdrop-filter: none;
}

.story_card:last-child:before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    height: 10em;
    background: rgb(255 0 0 / 0%);
    z-index: 99;
}

.story_card:nth-child(1) {
    transform: translateY(-200px) scale(0.6);
}

.story_card:nth-child(1) .folio_project {
    opacity: 0;
}

.story_card:nth-child(2) {
    transform: translateY(-150px) scale(0.7);
}

.story_card:nth-child(2) .folio_project {
    opacity: 0.3;
}

.story_card:nth-child(3) {
    transform: translateY(-100px) scale(0.8);
}

.story_card:nth-child(4) {
    transform: translateY(-50px) scale(0.9);
}

.story_media {
    width: 55em;
    position: relative;
}

/* Our Work */
.dropdown_head svg {
    width: 0.9em;
    margin-left: 0.7em;
}

.project.portrait {
    width: 24.150em;
    height: 33.050em;
}

.projects_grid {
    width: 100%;
    flex-wrap: wrap;
    padding: 0 7.25em;
}

.project {
    margin: 1.5em;
}

.project video {
    opacity: 0;
}

.project:hover video {
    opacity: 1;
}

.project i {
    top: -2em;
    right: 0;
    bottom: -2em;
    left: 0;
}

.project.landscape {
    width: 51.300em;
    height: 33.050em;
}

.dropdown {
    position: relative;
    min-width: 13em;
    margin-top: -1em;
    margin-right: -2em;
}

.dropdown.active .dropdown_head {
    background: #fff;
    color: #000;
}

.dropdown_body {
    position: absolute;
    top: calc(100% - 1px);
    color: #000;
    left: 0;
    right: 0;
    -webkit-border-bottom-right-radius: 0.250em;
    -webkit-border-bottom-left-radius: 0.250em;
    -moz-border-radius-bottomright: 0.250em;
    -moz-border-radius-bottomleft: 0.250em;
    border-bottom-right-radius: 0.250em;
    border-bottom-left-radius: 0.250em;
    overflow: hidden;
    display: none;
}

.dropdown.active .dropdown_body {
    display: block;
}

.dropdown_body a {
    padding: 1.5em 2em;
    position: relative;
    color: #fff;
    background: #fff;
    overflow: hidden;
}

.dropdown_body a:before {
    content: '';
    position: absolute;
    background: #000;
    top: -1em;
    right: 0;
    bottom: -1em;
    left: 0;
    transform-origin: 100% 100%;
    transform: scaleY(0);
}

.dropdown_body a:hover:before {
    transform: scaleY(1);
}

.dropdown_body a span {
    position: relative;
    z-index: 99;
    mix-blend-mode: exclusion;
}

.dropdown_body a.active {
    display: none;
}

.dropdown_head {
    padding: 1em 2em;
    padding-top: 2em;
    -webkit-border-top-left-radius: 0.250em;
    -webkit-border-top-right-radius: 0.250em;
    -moz-border-radius-topleft: 0.250em;
    -moz-border-radius-topright: 0.250em;
    border-top-left-radius: 0.250em;
    border-top-right-radius: 0.250em;
}

/* Case */
.project_details_wrap {
    position: absolute;
    bottom: -1px;
    z-index: 299;
    width: 100%;
    color: #000;
    will-change: transform;
}

.project_details {
    background: #fff;
    height: 7em;
    z-index: 199;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    position: relative;
}

.project_details svg {
    height: 100%;
    max-width: unset;
    width: auto;
}

.project_details_side {
    height: 100%;
}

.p_col:not(:first-child) {
    margin-left: 8em;
}

.p_col .micro {
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 1em;
}

.media video {
    display: block;
    width: 100%;
    pointer-events: none;
}

.video-responsive {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

.video-responsive::before {
    display: block;
    content: "";
    padding-top: 56.25%;
}

.video-responsive-item {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.media.has_text {
    margin-bottom: 4em;
}

.before_wrap {
    position: relative;
    width: 100%;
    border: 2px solid white;
}

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

.before_wrap .foreground-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip-path: polygon(0% 100%, 0% 0%, 50% 0%, 50% 100%);
}

.before_wrap .slider {
    position: absolute;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: grab;
    z-index: 99;
}

.before_wrap .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 0px;
    height: 40em;
    background: #f9f9f9;
    cursor: pointer;
}

.before_wrap .slider::-moz-range-thumb {
    width: 0px;
    height: 40em;
    background: #f9f9f9;
    cursor: pointer;
}

.before_wrap .slider-button {
    pointer-events: none;
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #f9f9f9;
    left: calc(50% - 18px);
    top: calc(50% - 18px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.before_wrap .slider-button:after {
    content: "";
    padding: 3px;
    display: inline-block;
    border: solid #5D5D5D;
    border-width: 0 2px 2px 0;
    transform: rotate(-45deg);
}

.before_wrap .slider-button:before {
    content: "";
    padding: 3px;
    display: inline-block;
    border: solid #5D5D5D;
    border-width: 0 2px 2px 0;
    transform: rotate(135deg);
}

.up_next_wrap {
    position: relative;
    background: #000;
    height: 39em;
}

.up_next_details {
    color: #fff;
    max-width: 80%;
}

.up_next_details h1 {
    text-align: center;
}

.next_cover {
    opacity: 0.5;
}

/* Contact */
.loactions {
    width: 100%;
    margin-top: 3em;
}

.loactions .loaction_block {
    max-width: 14em;
}

.loactions .loaction_block a {
    padding-top: 0.5em;
    display: inline-flex;
}

/* Static */
.blocks h5:not(:first-child) {
    margin-top: 2em;
}

.blocks p:not(:first-child) {
    margin-top: 1em;
}











/* Careers & Contacts Style */


.form_wrapper {
    margin-top: -2px;
    padding-top: 4em;
    padding-bottom: 8em;
    background: #000;
    position: relative;
}

.form_wrapper .form_head {
    border-bottom: 1px solid #ffffff75;
    margin-bottom: 5rem;
    padding-bottom: 3rem;
    width: 100%;
    margin-top: 5rem;
}

.form_side {
    position: relative;
    width: 33%;
    height: 100%;
    margin-bottom: 1.75em;
}

.form_wrapper {
    color: #fff;
}

.form_wrapper .loaction_block a {
    padding-top: 0.5em;
    display: inline-flex;
}

.form_content {
    flex-wrap: wrap;
}

.form_wrap {
    width: 67%;
}

.form_wrap .section_sides {
    column-gap: 2rem;
}

.form_wrap .section_side {
    padding: 1em 0;
}

.form_wrap .input_set {
    position: relative;
    margin-bottom: 1.5rem;
}

.form_wrapper input,
.form_wrapper select,
.form_wrapper textarea {
    border: 0;
    background-color: transparent;
    border-bottom: 1px solid #ffffff3d;
    padding: 1rem 0;
    width: 100%;
    color: #fff;
    inset: 0;
    outline: none;
    transition: all 0.3s;
}

.form_wrapper input:focus,
.form_wrapper select:focus,
.form_wrapper textarea:focus {
    border-color: #ffffff7a;
}

.form_wrapper input:focus-visible,
.form_wrapper select:focus-visible,
.form_wrapper textarea:focus-visible {
    outline: none;
}

.form_wrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg fill=%27grey%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/><path d=%27M0 0h24v24H0z%27 fill=%27none%27/></svg>");
    background-position-x: 100%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    color: #858585;
}

.form_wrapper input.input_file {
    color: transparent;
    background-image: url(attach-icon.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 20px;
}

.form_wrapper input.input_file::-webkit-file-upload-button,
.form_wrapper input.input_file::file-selector-button {
    height: 0;
    visibility: hidden;
}

.form_wrapper input.input_file::before {
    content: 'Attach CV';
    color: #666;
}

.form_submitter {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    font-family: 'neufile_groteskregular';
    font-size: 1.041666vw;
    font-weight: 400;
    line-height: 1;
    padding: 0.8vw 2.8vw;
    cursor: pointer;
    transition: all 0.3s;
}

.form_submitter:hover {
    background-color: #fff;
    color: #333;
}

.view_all_label>i {
    height: 1px;
    background: #000;
    width: 3em;
    margin: 2em 0;
    margin-left: 1em;
}

.text-red-error {
    color: red;
    font-weight: 400;
    font-size: 13px;
    margin-top: 5px;
    display: block;
}

.border-red-500 {
    border-color: red !important;
}


#submitBtn:disabled {
    cursor: not-allowed;
}



#btnText {
    display: inline-block;
}

.loading-text {
    display: none;
    width: 5em;
    text-align: left;
}

.dots::after {
    content: "";
    display: inline-block;
    animation: dotsAnimation 1.5s infinite steps(1);
}

@keyframes dotsAnimation {
    0% {
        content: ".";
    }

    25% {
        content: "..";
    }

    50% {
        content: "...";
    }
}

.submitting {
    text-align: center;
    cursor: not-allowed !important;
}

.submitting #btnText {
    display: none;
}

.submitting .loading-text {
    display: inline-block;
}

#contact footer,
#careers footer,
#blog footer {
    margin-top: 1em !important;
}

#contact .ft_top._splitWrap,
#careers .ft_top._splitWrap,
#blog .ft_top._splitWrap {
    display: none !important;
}

.alert.alert-success {
    color: #29a729;
}

.alert.alert-danger {
    color: #fd4c4c;
}

/* Blog Style */
.blog_container {
    margin-top: -2px;
    padding-top: 4em;
    padding-bottom: 8em;
    background: #000;
    position: relative;
    color: #fff;
}

.blog_container .blog_head {
    border-bottom: 1px solid #fff;
    padding-bottom: 2em;
    width: 100%;
    margin-top: 7em;
}

.blog_container .section_side {
    width: 38em;
}

.section2_side {
    width: 50%;
}

.blog_filter {
    display: flex;
    margin-top: 7em;
    font-size: 1.2em;
    margin-left: auto;
    width: fit-content;
    font-weight: 400;
}

.blog_filter>li {
    margin-left: 2.5em;
    position: relative;
}

.blog_filter>li:first-child {
    margin-left: 0;
}

.blog_filter>li.active {
    font-weight: bold;
}

.blog_filter>li::after {
    content: " ";
    top: 50%;
    position: absolute;
    right: -1.5em;
    height: 0;
    border-bottom: 1px solid #fff;
    width: 0.7em;
    /* margin-top: -15px; */
}

.blog_filter>li:last-child::after {
    display: none;
    ;
}

.blog_wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: masonry;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    grid-auto-rows: auto;
    columns: 3;
    column-gap: 65px;
}

.blog_post_card {
    border-bottom: 1px solid #FFFFFF;
    display: inline-block;
    margin-bottom: 45px;
    position: relative;
    margin-bottom: 4em;
}

.blog_post_card:nth-child(odd) {
    /* max-height:1130px; */
    grid-row: span 8;
}

.blog_post_card:nth-child(even) {
    /* max-height:350px; */
    grid-row: span 6;
}


div.blog_post_card:last-child(),
div.blog_post_card:nth-last-child(even),
div.blog_post_card:nth-last-child(-n + 3) {
    border-bottom: 0px;
}


.blog_post_card_date {
    margin-bottom: 1.5em;
    margin-top: 1em;
}

.blog_post_card_title {
    margin-bottom: 1.5em;
    display: block;
    transition: all 500ms cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transition: all 500ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.blog_post_card_title:hover {
    color: rgba(255, 255, 255, 0.7);
}

.blog_img_link {
    position: relative;
}

.blog_post_card_desc {
    margin-bottom: 1em;
}

.blog_post_card_category {
    margin-bottom: 1em;
    font-style: italic;
}


/* Post style */
.post_content p strong {
    line-height: 150% !important;
}

.no-overlay>.wp-block-cover__background {
    display: none;
}

.text-white {
    color: #FFFFFF !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pb-2 {
    padding-bottom: 0.5em;
}

.my-3 {
    margin-top: 1em;
    margin-bottom: 1em;
}

.ml-2 {
    margin-left: 0.5em;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-2 {
    margin-bottom: 0.5em;
}

.mb-3 {
    margin-bottom: 2em;
}

.mb-4 {
    margin-bottom: 3.5em;
}

.mb-5 {
    margin-bottom: 4.2em;
}

.mb-6 {
    margin-bottom: 5em;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-2 {
    margin-top: 1.5em;
}

.mt-3 {
    margin-top: 2em;
}

.mt-4 {
    margin-top: 3.5em;
}

.mt-5 {
    margin-top: 4.3em;
}

.mt-6 {
    margin-top: 5em;
}

.mx-2 {
    margin-left: 0.5em !important;
    margin-right: 0.5em !important;
}

.mx-3 {
    margin-left: 1em !important;
    margin-right: 1em !important;
}

.mx-4 {
    margin-left: 2em !important;
    margin-right: 2em !important;
}

.mx-5 {
    margin-left: 4em !important;
    margin-right: 4em !important;
}

.mx-6 {
    margin-left: 5em !important;
    margin-right: 5em !important;
}

.my-2 {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
}

.my-3 {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}

.my-4 {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
}

.my-5 {
    margin-top: 4em !important;
    margin-bottom: 4em !important;
}

.my-6 {
    margin-top: 5em !important;
    margin-bottom: 5em !important;
}

.no-gap {
    column-gap: 0 !important;
}

.post_banner {
    color: #fff;
    position: relative;
    background: #090909;
    /* min-height: 55em; */
    min-height: 46em;
    overflow: hidden;
    will-change: transform;
}

.post_banner h2 {
    font-size: 4.5em;
}

.post_hero_padding {
    padding-bottom: 4rem;
}

.post_hero_date {
    font-size: 1.7em;
    padding-bottom: 2rem;
}

.post_hero_cat {
    font-style: italic;
    padding-top: 0.6em;
    font-size: 2em;
}

.post_share_btn_styl {
    padding: 1em 1.4em 0.8em;
    border: 1px solid #fff;
    border-radius: 35px;
    font-size: 0.9em;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    line-height: 1;
}

section.post_content:not(:first-child):not(.no-margin) {
    margin-top: 3em;
}

section.post_content.first_post_section {
    margin-top: 8.5em !important;
}

.post_content h4 {
    font-size: 3em;
}

.post_content p {
    line-height: 150%;
}

.post_content p:not(:first-child) {
    margin-top: 1em;
}

.post_content .post_share_btn_styl {
    border: 2px solid #000;
    display: inline-block;
    margin-top: 1.5em;
}

.img-gray img {
    filter: grayscale(100%);
    transition: all 500ms cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transition: all 500ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.img-gray:hover img {
    filter: none;
}

.share-box {
    position: fixed;
    top: 0;
    left: 0;
    color: #000;
    bottom: 0;
    right: 0;
    z-index: 9999;
    background-color: #0000008a;
    display: none;
}

.share-box-inner {
    background-color: #fff;
    border: 1px solid #ccc;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8em;
    margin-top: -8em;
    width: 16em;
    max-width: 80%;
    padding: 1.5em 2em;

}

.share-box-inner ul {
    padding: 0;
    /* text-align:center */
}

.share-box-inner ul li {
    display: inline-block;
    margin: 0 0.7em;
}

.share-box-inner ul li:first-child {
    margin-left: 0;
}

.share-box-inner ul li div {
    cursor: pointer;
}

.share-box-inner ul li div svg {
    width: 1.4em;
}

.share-box-inner ul li div.share-facebook svg {
    width: auto;
    height: 1.5em;
}

.share-box-inner h5 {
    border-bottom: 1px solid #ccc;
    font-size: 1em;
    margin-bottom: 1.1em;
}

.share-box-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 5em;
    height: 5em;
    background: #fff;
    color: #000;
    z-index: 399;
}

.share-box-close svg {
    width: 1.2em;
}

/* Testemonials */
.h-100vh {
    height: 100vh;
}

.tesmonials_slider,
.tesmonials_img_slider {
    overflow: hidden;
    width: 100%;
    height: 100%;

}

.tesmonials_slider .flickity-slider,
.tesmonials_img_slider .flickity-slider {
    position: unset;
    /* width: 100%; */
    /* height: 100%; */
    will-change: transform;
}

.testomnial_item {
    width: 100%;
    position: absolute;
}

.tesmonials_slider .testomnial_item {
    margin-right: 100%;
}

.home_tesmonials {
    border-top: 1px solid #000;
    max-height: 100vh;
}

/* .tesmonials_slider:after {
	content: 'flickity';
	display: none;
}
@media screen and (min-width: 768px) {
	.tesmonials_slider:after {
		content: '';
	}
}*/
.testomnials_container {
    padding-top: 7em;
    padding-bottom: 4em;
}

.home_tesmonials .testomnials_title {
    margin-bottom: 1.2em;
}

.home_tesmonials .testomnial_info {
    margin-top: 4em;
}

.testomnials_title {
    margin-bottom: 0.9em;
    font-size: 2.7em;
}

.home_tesmonials .testomnials_quot svg {
    margin-left: -10px;
    margin-bottom: 1.5em;
    width: 5.5em;
}

.home_tesmonials .testomnials_quot svg text {
    font-family: 'neufile_groteskregular';
}

.xr_padding {
    padding-right: 8.750em;
}

.testomnial_info {
    margin-top: 3em;
    margin-bottom: 3em;
}

.testimonials_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: masonry;
    grid-template-columns: repeat(auto-fill, minmax(36em, 1fr));
    grid-auto-rows: auto;
    columns: 2;
    column-gap: 65px;
}

.testimonials_grid .testomnial_name {
    margin-top: 1em;
    margin-bottom: 1em;
}

.testomnial_name_content {
    text-align: left;
    display: inline-block;
}

.testimonials_grid .testomnial_name h4 {
    font-size: 1.4em;
    line-height: 100%;
}

.testimonials_grid .testomnial_info {
    margin-top: 2em;
}

.testimonials_grid .testomnial_info h5,
.testimonials_grid .testomnial_info p {
    font-size: 1em;
}

.testomnial_info .testomnial_name {
    text-align: right;
}

.testomnials_controls {
    position: relative;
    display: none;
}

.home_tesmonials .slider_arrows {
    bottom: unset;
}

.home_tesmonials .rounded_button {
    background-color: #000;
    width: 3.5em;
    height: 3.5em;
}

.testimonials_page_titl {
    font-size: 3.5em;
    margin-top: 1.5em;
}


/* Gutenburg */
.wp-block-columns {
    column-gap: 3em;
}


/* Responsiveness */
@media (min-width: 1950px) {
    .blog_wrapper {
        grid-template-columns: repeat(auto-fill, minmax(485px, 1fr));
    }
}

@media (max-width:1430px) {
    .program_wrapper .accordion__indecator {
        transform: scale(0.8);
    }
}

@media (max-width: 1280px) {
    .program_wrapper .accordion__indecator {
        top: 1.5em;
    }

    .xr_padding {
        padding-right: 4em;
    }

    .x_padding,
    .x2_padding {
        padding-left: 4em;
        padding-right: 4em;
    }

    .burger_button {
        right: 4em
    }

    .menu_wrapper {
        left: 4em;
        right: 4em;
    }

    .clients_group {
        margin-right: 4em;
    }

    .fill {
        width: calc(100vw - 8em);
    }

    .projects_grid {
        padding: 0 2.5em;
    }

    .project.portrait {
        width: 27.33em;
        height: 37.4013em;
    }

    .project.landscape {
        width: 57.6em;
        height: 37.4013em;
    }

    .blog_container .section_side {
        width: 41.4em;
    }
}

@media all and (max-width: 960px) and (min-width: 581px) {
    .project_content {
        padding: 1.5em 1em;
    }

    .project .pc_top {
        flex-direction: column;
        align-items: flex-start;
    }

    .project .pc_top span:first-child {
        margin-bottom: 0.5em;
    }

    .pc_title {
        font-size: 1.2em !important;
    }

}

@media (max-width: 960px) {

    body,
    input,
    textarea,
    select,
    .form_submitter {
        font-size: 2vw;
    }

    h1 {
        font-size: 5em;
    }

    .x_padding,
    .x2_padding {
        padding-left: 3em;
        padding-right: 3em;
    }

    .xr_padding {
        padding: 0;
    }

    .testomnials_container {
        padding-top: 6em;
        padding-bottom: 4em;
        padding-left: 3em;
        padding-right: 3em;
    }

    footer,
    section:not(:first-child):not(.no-margin) {
        margin-top: 7em;
    }

    .clients_group {
        margin-right: 3em;
    }

    .clients_pages {
        margin-top: 3em;
    }

    .burger_button {
        right: 0
    }

    .banner_content .inner_padding,
    .banner_ext .inner_padding,
    header .x_padding,
    .banner_nav_wrap {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .testimonials_wrap.banner_nav_wrap {
        padding-left: 3em !important;
        padding-right: 3em !important;
    }

    .fill,
    .menu_wrapper {
        height: calc(var(--vh, 1vh) * 100);
    }

    .menu_wrapper {
        left: 0;
        right: 0;
    }

    .menu_set {
        font-size: 1.1em;
        padding: 3em;
        padding-top: 5em;
    }

    nav {
        flex-flow: column wrap;
        justify-content: flex-start !important;
        align-items: flex-start;
        height: calc(var(--vh, 1vh) * 100);
        max-height: 46em;
        min-height: 36em;
    }

    nav ul,
    .v_blocks {
        width: 50%;
    }

    nav ul,
    .v_blocks {
        margin-top: 2em
    }

    .v_block:not(:first-child) {
        margin-top: 2em
    }

    .client_logo {
        height: 3em;
    }

    .folio_row {
        flex-direction: column;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .folio_col,
    .folio_card {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .folio_col {
        transform: none !important;
    }

    .folio_card.suqare:not(.has_project) {
        height: auto;
    }

    .folio_card.suqare.has_project {
        height: 44.001em;
    }

    .folio_row:first-child .folio_card {
        margin-bottom: 0;
    }

    .folio_card.has_project {
        margin-top: 3em;
    }

    .folio_card.landscape {
        height: 60.247em;
    }

    .folio_title {
        width: 100%;
        flex-direction: revert;
        justify-content: space-between;
        align-items: self-end;
        margin-bottom: 1em;
    }

    .folio_title_head {
        align-items: flex-start;
    }

    .folio_title>i {
        display: none;
    }

    .ft_top h2 {
        width: calc(100% - 1em);
    }

    .home_tesmonials {
        max-height: auto;
    }

    .inner_padding .section_sides,
    .section_sides.inner_padding,
    .blog_container .section_sides,
    .home_tesmonials .section_sides {
        flex-direction: column;
    }

    .section_side.wrap {
        margin-bottom: 2em;
    }

    .section_side.wide {
        width: 140em
    }

    .banner_ext .section_side.wrap {
        max-width: 100%;
    }

    .brand_content {
        height: auto;
        padding-bottom: 4em;
    }

    .brand_wrapper {
        padding: 7em 0;
    }

    .brand_wrapper .section_side {
        width: 100%;
    }

    .brand_wrapper .x_padding {
        flex-direction: column;
    }

    .side_images {
        margin-bottom: 0;
    }

    .side_images:after {
        content: 'flickity';
        display: none;
    }

    .side_image {
        margin-top: 0;
        margin-right: 2em;
        position: absolute;
    }

    .side_image i {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transform: none !important;
    }

    .stories_sides {
        flex-direction: column;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .story_sides {
        width: 100%;
    }

    .story_media {
        position: absolute;
        padding-top: 11em;
        bottom: 0;
        left: 3em;
        right: 3em;
        width: unset;
    }

    .story_text {
        padding-top: 4em;
    }

    .stories_wrap .x_padding {
        height: 100%;
    }

    .stories_sides {
        height: 100%;
    }

    .story_card {
        width: 100%;
    }

    .projects_grid {
        padding: 0 1.5em;
    }

    .project {
        margin: 1em
    }

    .project.portrait {
        width: 13.66em;
        height: 18.6939em;
    }

    .project.landscape {
        width: 29.34em;
        height: 18.6939em;
    }

    .p_col:not(:first-child) {
        margin-left: 3em;
    }


    .form_side,
    .form_wrap {
        height: auto !important;
        width: 100% !important;
    }

    .form_wrap .section_sides {
        flex-wrap: wrap;
    }

    .section_side.input_set {
        width: 100% !important;
    }

    .blog_container .section_side,
    .section2_side {
        width: 100%;
    }

    .blog_filter {
        margin-top: 0;
        margin-left: 0;
        margin-right: auto;
    }

    .program_wrapper .accordion__row {
        display: block;
        padding: 5em 0;
    }

    .program_wrapper .accordion__indecator {
        transform: scale(0.9);
        top: 2em;
    }
}

@media (max-width: 767px) {
    .menu_talk a span {
        display: none;
    }

    .menu_talk a {
        padding: 2px;
    }

    .menu_talk a svg {
        margin: 0;
    }
}

@media (min-width: 581px) {
    .clients_group:not(.is-selected) .client_logo {
        opacity: 0;
    }

    .clients_group:last-child,
    .clients_progress {
        display: none
    }

}

@media (max-width: 580px) {

    body,
    input,
    textarea,
    select,
    .form_submitter {
        font-size: 2.5vw;
    }

    h1,
    h2 {
        font-size: 4.5em;
    }

    .label {
        font-size: 0.9em;
    }

    .x_padding,
    .x2_padding,
    .inner_padding,
    .ft_top,
    .ft_bottom {
        padding-left: 2em;
        padding-right: 2em;
    }

    .testimonials_wrap.banner_nav_wrap {
        padding-left: 2em !important;
        padding-right: 2em !important;
    }

    .section_sides.inner_padding,
    footer .x_padding,
    section>.x_padding>.inner_padding {
        padding-left: 0;
        padding-right: 0;
    }

    footer,
    section:not(:first-child):not(.no-margin) {
        margin-top: 5em;
    }

    .drag_tip {
        position: absolute;
        bottom: 2em;
        left: 2em;
        transform: unset !important;
        visibility: hidden !important;
    }

    .circle_block {
        width: 8em;
        height: 8em;
    }

    .showreal_div img {
        max-width: 6em;
    }

    .hero_cta,
    .slider_arrows,
    .showreal_div {
        bottom: 2em;
    }

    .hero_text_slide {
        padding-bottom: 10em;
    }

    .loader svg,
    .main_logo svg {
        width: 35em;
    }

    .page_title {
        display: none;
    }

    .fill {
        width: 100vw;
        right: 0;
    }

    .banner_side .inline_link:not(:first-child) {
        margin-left: 3em;
    }

    .folio_card.suqare.has_project {
        height: 36em;
    }

    .folio_card.landscape {
        height: 49.292em;
    }

    .folio_card.has_project {
        margin-top: 2em;
    }

    .social svg {
        width: 1.25em;
        max-height: 1.15em;
    }

    .clients_group {
        width: 200%;
        padding-right: 4em;
        margin-right: 0;
    }

    .clients_group:last-child {
        width: 0;
        padding-right: 0;
    }

    .clients_group:nth-last-child(2) {
        padding-right: 0;
    }

    .client_logo {
        height: 6em;
    }

    .clients_pages ul {
        display: none;
    }

    .section_side {
        width: unset !important;
    }

    .section_side.wide {
        margin-bottom: 2em;
    }

    .banner_nav_set.banner_wide {
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .banner_wide .banner_side:last-child {
        justify-content: space-between;
        width: 100%;
    }

    .banner_wide .banner_side .inline_link {
        margin-left: 0;
    }

    .middle_banner {
        height: 200px;
        margin: 3em 0
    }

    .banner_wide .rounded_button {
        margin-top: 2em;
    }

    .services_title {
        padding-top: 2em
    }

    .story_media {
        left: 2em;
        right: 2em;
    }

    .projects_grid {
        padding: 0 1em;
    }

    .project.landscape,
    .project.portrait {
        width: 100%;
    }

    .project.landscape {
        height: 23.193em;
    }

    .project.portrait {
        height: 49.267em;
    }

    .burger_button .mg {
        transform: scale(0.8) !important;
    }

    .project_details_wrap.x_padding {
        padding-right: 0;
        padding-left: 0;
    }

    .p_col:not(:first-child) {
        margin-left: 0;
    }

    .p_col {
        margin-top: 2em;
    }

    .project_details_side:first-child {
        height: 5em;
    }

    .project_details_side,
    .project_details {
        flex-direction: column;
        align-items: flex-start;
    }

    .project_details {
        height: 21em;
        padding-top: 2em;
        padding-bottom: 2em;
    }

    .project_details:before {
        content: '';
        position: absolute;
        height: 1px;
        left: 2em;
        right: 2em;
        bottom: 0;
        background: #000;
    }

    #case .banner_content {
        bottom: 23em;
    }

    .team_section {
        height: auto;
    }

    .team_section {
        padding-top: 0;
    }

    .team_wrap {
        margin-top: 3em;
    }

    .team_animate {
        display: block;
        height: 32em;
    }

    .team_animate:after {
        content: 'flickity';
        display: none;
    }

    .team_member {
        margin-left: 2em;
        position: absolute;
    }

    .loactions {
        flex-direction: column;
    }

    .loactions .loaction_block:not(:first-child) {
        margin-top: 2em;
    }


    .program_wrapper .accordion__indecator {
        transform: scale(0.6);
        top: 1.3em;
    }
}