/*!
	* NNC - Global Stylesheet (c) 2021 <bahaasamir.me>
*/
.html{-webkit-text-size-adjust:none;-webkit-font-smoothing:subpixel-antialiased;-webkit-font-smoothing:antialiased}i{font-style:normal;}a,body,div,footer,h1,h2,h3,h4,h5,uppercase_text,header,html,img,li,nav,p,span,textarea,ul{margin:0;padding:0;border:0;outline: 0;}li,ul{list-style:none;}a{color:inherit;text-decoration:none;}a,img,picture,svg,video{display:block;cursor:none}iframe, svg{width:100%;max-width: 100%;}html{-ms-text-size-adjust:100%;-webkit-overflow-scrolling: touch;-webkit-tap-highlight-color:transparent;}*, :after, :before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{position:relative;height:100%;}.flickity-slider{position:absolute;width:100%;will-change: transform;}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-prev-next-button{position:absolute;top:50%;width:44px;height:44px;border:none;border-radius:50%;background:#fff;background:hsla(0,0%,100%,.75);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.flickity-prev-next-button:hover{background:#fff}.flickity-prev-next-button:focus{outline:0;box-shadow:0 0 0 5px #09f}.flickity-prev-next-button:active{opacity:.6}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button:disabled{opacity:.3;}.flickity-prev-next-button svg{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-prev-next-button .arrow{fill:#333}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin: 0 4px;background:#333;border-radius:50%;opacity:.25;}flickity-page-dots .dot.is-selected{opacity:1}
html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging,.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden;}.has-scroll-smooth [data-scroll-container]{min-height:calc(var(--vh,1vh) * 100)}[data-scroll-direction=horizontal] [data-scroll-container]{height:calc(var(--vh,1vh) * 100);display:inline-block;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;vertical-align:top;white-space:nowrap;height:100%}.c-scrollbar{position:absolute;right:0;top:0;width:11px;height:100%;transform-origin:center right;transition:transform .3s,opacity .3s;opacity:0;z-index:99999;}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;transform:scaleY(1)}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:#000;opacity:.5;width:7px;border-radius:10px;margin:2px;}[data-scroll-direction=horizontal] .c-scrollbar_thumb{right:auto;bottom:0}

/* Basic */
body,
html {
	width: 100%;
	height: 100%;
}

body {
	line-height: 1;
	font-kerning: none;
	text-rendering: optimizeSpeed;
}

body.unloaded {
	overflow: hidden;
}

body,
input,
textarea {
	font-size: 16px;
	line-height: 18px;
	cursor: none;
}

body.opened {
	overflow: hidden;
}

.isMobile .desktop_only {
	display: none;
}

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

._backface {
	background: #fff;
	transform-origin: 100% 100%;
	top: auto;
	height: 100%;
}

.img_fix {
	visibility: hidden;
	width: 100%;
	height: auto !important;
}

*[data-scroll],
div[data-scroll-section],
.hp_sides,
._ele,
.SplitClass,
.main_logo,
.text_sides,
.text_side > a,
.inline_link,
.bx_side span,
textPath,
.logo_selector,
.card,
.card i,
.card_content,
.card_content .uppercase_text,
.shape_imgs,
#a path,
.main_grid.hover article a i,
.exp_row i,
.int_box,
.int_box i,
.init_bg,
.banner_set,
.gallery_box,
.gallery_img,
.gallery_img > i,
.next_wrap,
section:not(:first-child),
._backface,
.cur {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	will-change: transform;
}

#site {
	overflow: hidden;
	min-height: 100%;
}

main {
	position: relative;
}

.spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 30px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	z-index: 999;
	pointer-events: none;
}

.sideSpinner .spinner {
	top: 70px;
}

.topSpinner .spinner {
	top: 40%;
}

.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;
	-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);
	}
}

._lz {
	background: #232323;
	z-index: 99;
}

.hero_bg ._lz {
	background: #000;
}

.article_image {
	padding: 60px;
	padding-bottom: 0;
}

.site_loader {
	position: fixed !important;
	z-index: 99999999;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.site_loader .main_logo {
	position: relative;
	z-index: 99;
	mix-blend-mode: exclusion;
}

.loader_svg svg {
	width: 100%;
	height: 100%;
}

.loader_svg {
	transform: translateY(100%);
}

.cur {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	align-items: center;
	justify-content: center;
	mix-blend-mode: exclusion;
	background: rgb(255 255 255 / 80%);
	border-radius: 50%;
	pointer-events: none;
	will-change: transform;
	direction: ltr;
}

.cur strong {
	mix-blend-mode: exclusion;
	color: #fff;
	position: absolute;
	z-index: 99;
	visibility: hidden;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	width: 50px;
}

.cur strong svg {
	flex: 25px 0 0;
	max-width: 25px;
	padding: 5px;
}

.cur i {
	background: #fff;
	border-radius: 50%;
	top: -20px;
	right: -20px;
	bottom: -20px;
	left: -20px;
	visibility: hidden;
	transform: scale(0);
	position: absolute;
}
/* Main */
.hero_bg {
	height: 67.70833vw;
	min-height: 675px;
	overflow: hidden;
	position: absolute;
	position: fixed;
	background: black;
	pointer-events: none;
}

.next_wrap .hero_bg {
	position: absolute;
}

.slider_wrap.short .hero_bg {
	height: auto;
	min-height: auto;
	position: absolute;
}

.hero_bg i {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	direction: ltr;
}

.hero_bg i video {
	min-width: 100%;
	height: 100%;
	pointer-events: none;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.has-scroll-smooth .hero_bg i[data-scroll] {
	top: -3vw;
	bottom: -3vw;
}

.gray i:not(.loading) {
	opacity: 0.5;
	filter: grayscale(1);
}

.banner_bg > i {
	position: absolute;
	top: -3vw;
	right: 0;
	bottom: -3vw;
	left: 0;
	background-size: cover;
	background-position: center;
}

section:not(#slider) {
	background: #fff;
}

#our-thoughts .floating,
#work .floating {
	min-height: 800px;
}

#expertise-section {
	z-index: 399;
	position: relative;
}

#home section#clients {
	margin-top: -5.989vw;
	direction: ltr;
}

section:not(.floating):not(:first-child) {
	padding-top: 9.895vw;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

section:not(.floating):not(#next):last-child {
	padding-bottom: 9.895vw;
}

.flex {
	display: flex;
}

ul.flex,
.social_set,
.header_bar {
	align-items: center;
}

.zero-font {
	font-size: 0;
}

.content_a {
	padding: 0 8.85vw;
	width: 100%;
}

.content_b,
.main_grid.flick {
	padding: 0 30px;
}

.content_c {
	padding: 0 95px;
}

h1,
.text_shape {
	font-size: 7.70833vw;
	line-height: 6.7vw;
}

h2 {
	font-size: 6.25vw;
	line-height: 5.25vw;
}

h3 {
	font-size: 4.16vw;
	line-height: 4.16vw;
}

h4 {
	font-size: 1.5625vw;
	line-height: 1.5625vw;
}

.uppercase_text {
	font-size: inherit;
	line-height: 21px;
	font-weight: 500;
}

strong {
	font-weight: 700;
	font-size: 26px;
	line-height: 35px;
}

p {
	font-size: 22px;
	font-weight: 500;
	line-height: 34px;
}

p,
strong {
	text-transform: none;
}


/* Header */
body:not(#home) .big_screen {
	display: none;
}
body:not(#home) .header_bar.top {
	border-bottom: 1px solid rgb(255 255 255 / 50%);
}

header {
	padding-top: 10px;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 299;
	color: #fff;
}

.header_bar {
	justify-content: space-between;
	padding: 10px 0;
}

.main_logo {
	width: 83px;
}

.role_link svg {
	height: 15px;
	width: 14px;
}

.role_link a {
	padding: 15px;
	display: flex;
	white-space: nowrap;
}

nav a,
.sub_nav.role_link a {
	display: inline-block !important;
}

footer .sub_nav a {
	transition: color 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

footer .sub_nav a:hover {
	color: #b6b6b6;
}

.header_bar.bottom {
	border-top: 1px solid rgb(255 255 255 / 50%);
}

.social_set svg {
	transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.social_set:hover svg {
	opacity: 0.3;
}

.social_set:hover a:hover svg {
	opacity: 1;
}

.header_side.flex,
.main_logo {
	align-items: center;
}

#appendTitle {
	font-size: 14px;
}

.page_arrow {
	width: 12px;
	opacity: 0.7;
}

body:not(.progress) .burger_btn i,
body:not(.progress) .page_arrow svg,
body:not(.progress) .page_title,
body:not(.progress) .external,
.next_wrap .hero_bg:before,
body:not(.progress) .next_wrap.active,
body:not(.progress) .next_wrap.min,
body:not(.progress) .load-btn.loading,
body:not(.progress) .logo_selector.smooth,
body:not(.progress) .text_side a:before,
body:not(.progress) .text-btn a,
body:not(.progress) .inline_link:before {
	transition: all 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

#appendTitle {
	display: flex;
	align-items: center;
	white-space: nowrap;
}

#appendTitle a {
	display: flex;
	align-items: center;
	padding: 10px 0;
}

#appendTitle a:hover svg {
	opacity: 0;
}

html[lang='ar'] #appendTitle svg {
	transform: scaleX(-1);
}

html[lang='en'] #appendTitle a:hover svg,
html[lang='en'] #appendTitle a:hover .page_title {
	transform: translateX(-21px);
}

html[lang='ar'] #appendTitle a:hover svg {
	transform: translateX(21px) scaleX(-1);
}
html[lang='ar'] #appendTitle a:hover .page_title {
	transform: translateX(21px);
}


.sectors {
	position: relative;
	z-index: 99;
}

body:not(#our-work) .sectors {
	display: none;
}

.sector_head {
	align-items: center;
	padding: 15px 20px;
	transition: background-color 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.sectors:hover .sector_head,
.sectors.active .sector_head {
	background: #1e1e1e;
}

.sectors svg {
	width: 10px;
	position: relative;
	top: -3px;
}

.sectors ul {
	position: absolute;
	min-width: 100%;
	visibility: hidden;
	background: #1d1d1d;
}

.sectors ul span {
	display: block;
	padding: 15px 20px;
	white-space: nowrap;
	color: #999;
	transition: background-color 0.5s cubic-bezier(0.22, 0.61, 0.36, 1), color 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.sectors ul span:hover {
	background: #2d2d2d;
	color: #fff;
}

#home .burger_btn {
	visibility: hidden;
}

.burger_btn {
	position: absolute;
	top: 32px;
	z-index: 99;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 2999;
}

.burger_btn i {
	width: 19px;
	height: 2px;
	margin: 2px 0;
	background: #fff;
	position: relative;
}

.opened .burger_btn i:first-child {
	opacity: 0;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
}

.opened .burger_btn i:nth-child(2) {
	transform: rotate(45deg) translate(-1px, -1px);
	-moz-transform: rotate(45deg) translate(-1px, -1px);
	-webkit-transform: rotate(45deg) translate(-1px, -1px);
}

.opened .burger_btn i:nth-child(3) {
	transform: rotate(-45deg) translate(5px, -5px);
	-webkit-transform: rotate(-45deg) translate(5px, -5px);
	-moz-transform: rotate(-45deg) translate(5px, -5px);
}

/* Footer */
footer {
	color: #fff;
}

#our-work footer,
#case footer,
#experte footer,
#our-thoughts footer {
	display: none;
}

footer .content_a {
	background: #000;
	padding-bottom: 15px;
}

.footer_top {
	padding: 4.94vw 0;
	justify-content: space-between;
}

.footer_side h3 {
	margin-bottom: 3.64vw;
}

.footer_side.flex {
	width: 45.3%;
	min-width: 510px;
	justify-content: space-between;
}

.footer .uppercase_text,
.footer_block li a {
	color: #b6b6b6;
}

.footer_block li a {
	padding: 4px 0;
	transition: color 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.footer_block li a:hover {
	color: #fff;
}

.footer_block li {
	display: block;
}

.side_list > span,
.footer_block > span {
	font-size: 24px;
	display: block;
}

.footer_block > span {
	margin-bottom: 35px;
}

.inline_link {
	margin-top: 25px;
	display: inline-block;
}

.footer .header_side .uppercase_text {
	padding: 5px 0;
}

/* Interactions */
html:not(.has-scroll-smooth) .int_wrap {
	visibility: hidden;
}

.int_wrap {
	position: fixed;
	width: 100vw;
	height: calc(var(--vh,1vh) * 100);
	top: 0;
	left: 0;
	color: #fff;
	pointer-events: none;
	direction: ltr;
}

body:not(.zIndex) .int_wrap {
	z-index: 99;
}

.zIndex .init_bg {
	width: 100vw !important;
	height: calc(var(--vh,1vh) * 100) !important;
}

.zIndex:not(.isMobile) .init_bg .slider_wrap.full {
	min-height: 800px;
}

.init_bg > i {
	background-size: cover;
	background-position: center;
}

.int_box {
	position: fixed;
	z-index: 99;
	transform-origin: 0 0;
	overflow: hidden;
}

.int_box i {
	transform-origin: 0 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	visibility: hidden;
}

.init_bg,
.init_bg > span {
	visibility: hidden;
}

.init_bg > span {
	z-index: 399;
}

.init_bg {
	overflow: hidden;
	position: relative;
}

.init_bg > i {
	position: fixed;
	width: 100vw;
	height: calc(var(--vh,1vh) * 100);
	min-height: 800px;
	top: 0;
	left: 0;
}

#container{
    height: calc(var(--vh,1vh) * 100);
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
}

.main_grid article a img,
.int_box img {
	max-width: 100%;
	display: block;
}

.int_box img {
	visibility: hidden;
}

#container canvas {
	width: 100%;
	height: 100%;
}

/* Home */
#slides {
	position: absolute;
	z-index: -999;
	visibility: hidden;
}

.crv_stroke {
	transform: scale(0.2);
	visibility: hidden;
}

.crv_stroke path {
	transform: translate(8px, 8px);
}

.stroke-tube {
	opacity: 0.3;
}

.box_circle {
	position: absolute;
	width: 80px;
	height: 80px;
	border: 2px solid rgba(255,255,255,0.3);
	top: 0;
	left: 0;
	border-radius: 50%;
	pointer-events: none;
	transform: translate(-50px, -50px);
	visibility: hidden;
	will-change: transform;
	z-index: 99;
}

.slider_wrap {
	height: 67.70833vw;
	min-height: 675px;
	color: #fff;
	align-items: center;
	z-index: 199;
	position: relative;
}

.slider_wrap.short {
	height: 41.145vw;
	min-height: 620px;
	position: relative;
	overflow: hidden;
}

.slider_wrap.tiny {
	height: 25vw;
	min-height: 300px;
}

.slider_wrap.full {
	height: 56.25vw;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 99;
}

#case .slider_wrap.full {
	height: calc(var(--vh,1vh) * 100);
	visibility: hidden;
}

#case:not(.isMobile) .slider_wrap.full,
#case:not(.isMobile) .hero_bg.full {
	min-height: 800px;
}


section.rotator_before {
	padding-top: 19.795vw !important;
}

.section_title {
	position: relative;
}

.hero_bg.full {
	height: 56.25vw;
}

#case .hero_bg.full {
	height: 100vh;
}

#home .hero_bg.full {
	height: calc(var(--vh,1vh) * 100);
	min-height: calc(var(--vh,1vh) * 100);
}

.hp_content {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 33vw;
	width: 100%;
	z-index: 199;
}

.hp_content h1 {
	text-align: center;
	visibility: hidden;
}

.hp_sides {
	justify-content: space-between;
	max-width: 830px;
	margin: 0 auto;
	margin-top: 1.5vw;
	align-items: center;
}

.hp_side {
	flex: 0.5 0 0;
	padding: 0 25px;
}

.hp_content .hp_side .uppercase_text {
	visibility: hidden;
}

/* Cols */
.main_grid {
	justify-content: space-between;
}

.main_grid.asc {
	padding-bottom: 10.67vw;
}

.main_grid article {
	margin: 0 30px;
	width: 33.333333333%;
	position: relative;
	color: #fff;
	overflow: hidden;
}

.has-scroll-smooth #home #work article.init:not(.is-inview) {
	transform: translateY(100px) !important;
}


.main_grid.floating_grid article {
	width: auto;
	flex: calc(33.33% - 60px) 0 0;
	margin: 30px;
}

.main_grid.floating_grid article:first-child,
.main_grid.floating_grid article:nth-child(2),
.main_grid.floating_grid article:nth-child(3) {
	margin-top: 0;
}

.main_grid.hover article a {
	background: #000;
}

.main_grid.flick article {
	filter: grayscale(1);
	transition: filter 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.main_grid.flick article {
	width: calc(33.33% - 40px);
}

.main_grid article a {
	justify-content: center;
	align-items: center;
	display: block;
	position: relative;
}

.main_grid article i {
	width: 100%;
	flex: 100% 0 0;
	top: 0;
	bottom: 0;
}

.main_grid article i,
.int_box i {
	background-size: cover;
	background-position: center;
	position: absolute;
	left: 0;
	right: 0;
}

.main_grid.hover article a i {
	left: -3vw;
	right: -3vw;
	width: auto;
}

.floating {
	position: relative;
	z-index: 999;
}

.main_grid.desc article:nth-child(1) {
	top: -5.989vw;
}

.main_grid.desc article:nth-child(2) {
	top: -11.189vw;
}

.main_grid.asc article:nth-child(2) {
	top: 5.2vw;
}


.main_grid.desc article:nth-child(3) {
	top: -16.659vw;
}

.main_grid.asc article:nth-child(3) {
	top: 10.67vw;
}

.bx_content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 2.86vw 2.34vw;
	flex-direction: column;
	pointer-events: none;
	z-index: 999;
}

.bx_btm {
	order: 2;
	justify-content: space-between;
	align-items: flex-end;
}

.work_box .bx_btm {
	justify-content: flex-end;
}

.bx_top {
	margin-bottom: auto;
	align-items: center;
	justify-content: space-between;
}

.work_box .bx_top {
	flex-direction: row-reverse;
}

.bx_side.dynamic {
	justify-content: flex-end;
	position: absolute;
	right: 2.34vw;
	left: 2.34vw;
}

.hover .bx_side.dynamic {
	display: flex;
}

.isDesktop .bx_side.dynamic:not(.d_b) {
	visibility: hidden;
}

.isMobile:not(#our-work) .bx_btm .bx_side.static,
.isMobile .bx_side.dynamic .uppercase_text {
	display: none;
}


.bx_side .uppercase_text {
	margin-top: 25px;
}

.work_grid .uppercase_text {
	visibility: hidden;
}

.bx_side .uppercase_text {
	max-width: 260px;
	display: inline-block;
}

.isMobile .work_grid .uppercase_text {
	display: none;
}

.bx_side.plus {
	width: 12px;
	height: 12px;
	font-size: 30px;
	pointer-events: none;
	line-height: 15px;
	text-align: center;
}

.plus div{
	will-change: transform;
}

.bx_side span {
	display: block;
	position: relative;
	z-index: 99;
}

.bx_side.static > span:first-child {
	margin-bottom: 4px;
}

.news h4 {
	max-width: 15.36vw;
}

/* Banner */
.banner_set {
	position: relative;
	overflow: hidden;
	background: #000;
	color: #fff;
}

.banner_set.short {
	height: 50vw;
	min-height: 600px;
}

.content_full {
	position: relative;
	height: 100%;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.sgn_title {
	display: inline-block;
	text-align: center;
	margin-bottom: 3vw;
}

.sgn_title.copy {
	position: absolute;
	z-index: 2999;
	top: 0;
	left: 0;
	color: #fff;
	pointer-events: none;
}

.has-scroll-smooth .sgn_title.copy {
	position: fixed;
}

.sgn_title.clone {
	opacity: 0;
}

.slider_wrap .sgn_title {
	margin-bottom: 0 !important;
}

.sgn_title h2 {
	padding: 2.6vw 0;
	display: inline-block;
	white-space: nowrap;
	visibility: hidden;
}

.sgn_title svg {
	position: relative;
	margin-top: -5.25vw;
	z-index: 99;
	mix-blend-mode: exclusion;
	display: inline-block;
	width: 85%;
	visibility: hidden;
}

.slider_wrap .sgn_title svg  {
	width: 70%;
}

.text-btn a {
	display: inline-block;
	border: 2px solid rgb(238 238 238 / 40%);
}

.text-btn a:hover {
	border: 2px solid rgb(255 255 255 / 80%);
}

.load-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 174px;
	height: 66px;
	border: 2px solid rgb(0 0 0 / 10%);
	border-radius: 200px;
	position: relative;
	transition: border-color 0.5s cubic-bezier(0.22, 0.61, 0.36, 1)
}

.load-btn:not(.loading):hover {
	border-color: rgb(0 0 0 / 100%);
}

.load-btn.loading {
	width: 66px;
}

.load-btn .spinner {
	top: -2px;
	right: -2px;
	bottom: -2px;
	left: -2px;
	width: auto;
	height: auto;
	opacity: 0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}

.load-btn .spinner:before {
	border-color: transparent;
	border-bottom-color: #000;
}

.load-btn.loading span:first-child {
	opacity: 0;
	transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
	white-space: nowrap;
}

.load-btn.loading .spinner {
	opacity: 1;
}

body:not(.progress) .load-btn.loading .spinner {
	transition: opacity 0.5s 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.text-btn:not(.rounded) a {
	padding: 22px 39px;
	border-radius: 200px;
}

.text-btn.rounded {
	margin-top: 30px;
	font-size: 0;
	overflow: hidden;
}

.text-btn.rounded a {
	width: 66px;
	height: 66px;
	border-radius: 50%;
}

.text-btn.rounded a {
	display: flex;
	align-items: center;
	justify-content: center;
}

.text-btn.rounded a .shape {
	width: 16px;
}

/* Clients */
.logos_set.flex {
	background: #fff;
	position: relative;
}

.logo_set {
	padding: 20px;
	flex: 16.666% 0 0;
}

#home .logo_set {
	mix-blend-mode: exclusion;
}

#home .logo_px {
	visibility: hidden;
}

.wrapped .logo_set {
	width: 13%;
	background: inherit;
}

.wrapped .flickity-slider {
	background: #fff;
}

.wrapped .flickity-viewport {
	overflow: hidden;
}

#about .logo_set svg {
	mix-blend-mode: exclusion;
}

.logo_set svg g {
	fill: white;
}

.logo_selector {
	position: absolute;
	height: 100%;
	width: 16.6%;
	background: black;
	pointer-events: none;
}

.logo_selector.loaded {
	width: 100%;
}

section#news,
section#team {
	position: relative;
}

section#news .main_grid,
section#team .main_grid {
	z-index: 199;
	position: relative;
}

.text_shape {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1.4);
	width: 100%;
}

#about .text_shape {
	position: absolute;
	top: 70%;
}

.text_bg {
	pointer-events: none;
	overflow: hidden;
}

/* About */
.slider_wrap.full .sgn_title {
	top: -100px;
	position: relative;
	z-index: 99;
}

.rotator_wrap {
	width: 26.66vw;
	height: 35.36vw;
	position: absolute;
	top: 30.72vw;
	perspective: 700;
	-webkit-perspective: 700;
	z-index: 99;
}

.rotator_items {
	transform-style: preserve-3d;
	transform-origin: center;
	direction: ltr;
}

.container {
	height: 100%;
	width: 280%;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.card-carousel {
	position: relative;
	width: 100%;
	height: 100%;
	transition: filter 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.card i {
	position: absolute;
	background-size: cover;
	background-position: center;
	top: -3.57vw;
	left: -3.57vw;
	bottom: -3.57vw;
	right: -3.57vw;
	transition: inherit;
	filter: brightness(0.8);
	-webkit-filter: brightness(0.8);
}

body:not(.progress) .card-carousel.smooth-return,
body:not(.progress) .card-carousel.smooth-return .card i  {
	transition: all 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.card-carousel .card {
	width: 100%;
	max-width: 26.66vw;
	height: 100%;
	position: absolute;
	margin: 0 auto;
	transition: inherit;
	overflow: hidden;
}

.card.highlight i {
	filter: brightness(1);
	-webkit-filter: brightness(1);
}

.card_content {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 99;
	padding: 3.125vw 2.86vw;
	align-items: flex-end;
	justify-content: flex-end;
	z-index: 199;
	perspective: 100;
	-webkit-perspective: 100;
}

.ready .card_content .uppercase_text {
	opacity: 1 !important;
}

.card > .full_bg {
	bottom: -3vw;
}

.card_content .uppercase_text {
	opacity: 0;
	transform-style: preserve-3d;
	filter: blur(8px);
	-webkit-filter: blur(8px);
	transform: translateY(20px) scaleY(2);
	transform-origin: top;
	opacity: 0 !important;
}

body:not(.progress) .card_content .uppercase_text {
	transition: all 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.card.highlight .card_content .uppercase_text {
	filter: blur(0px);
	-webkit-filter: blur(0px);
	transform: translateY(0) scaleY(1);
}

.ready .card.highlight .card_content .uppercase_text {
	opacity: 1;
}


.bottom_overlay:after {
	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 );
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.has_overlay:after,
.both_overlay:before {
	content: '';
	position: absolute;
	opacity: 0.4;
}

.both_overlay:after,
.both_overlay:before {
	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 );
	right: 0;
	left: 0;
}

.both_overlay:before {
	height: 50%;
	top: 0;
	-moz-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-ms-transform: scaleY(-1);
	transform: scaleY(-1);
}

.both_overlay:after {
	height: 50%;
	bottom: 0;
}


.text_sides {
	justify-content: space-between;
	position: relative;
	visibility: hidden;
}

.text_sides.full {
	width: 100%;
	display: block;
}

#article .text_sides.full:not(:first-child),
#experte .text_sides.full,
#experte .inner_banner {
	margin-top: 4.6875vw;
}

#experte .text_sides.full .text_side,
#article .text_sides.full .text_side {
	max-width: 80%;
}

.text_side {
	width: 50%;
	max-width: 35vw;
	padding: 0 60px;
	position: relative;
}

.text_side.links a {
	text-transform: none;
}

.text_side a {
	display: inline-block;
	position: relative;
}

.text_side > a:before,
.text_side p a:before,
.inline_link:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: currentColor;
	transform-origin: 0;
}

.text_side:not(.links) > a:before {
	transform-origin: 100%;
}

.text_side.links a:before,
.text_side p a:before,
.inline_link:before,
.text_side:not(.links) > a:hover:before {
	transform: scaleX(0);
}

.text_side.links a:hover:before,
.inline_link:hover:before {
	transform: scaleX(1);
}

.no-padding .text_side:first-child {
	padding: 0;
	max-width: 100%;
}

.text_sides.full .text_side {
	width: 100%;
	max-width: 46.354vw;
}

.text_sides.center_align .text_side:nth-child(2) {
	display: flex;
	justify-content: flex-end;
}

.no-padding .text_side:first-child {
	padding: 0;
}

.no-padding .text_side:nth-child(2) {
	max-width: 30vw;
}

.text_side strong {
	display: block;
	max-width: 90%;
}

.text_side.links strong:not(:first-child) {
	margin-top: 30px;
}

.text_side:not(.links) strong {
	margin-bottom: 30px;
}

.text_side:not(.links) p:not(:first-child) {
	margin-top: 30px;
}

.slider_wrap .text_sides:not(.center_align) {
	margin-top: 50px;
}

.center_align {
	position: relative;
	align-items: center;
	top: -5.95vw;
}

.slider_wrap .text_side p,
.slider_wrap .figure .uppercase_text,
.footer_block .uppercase_text,
.inner_head .uppercase_text {
	opacity: 0.6;
}

.figure .uppercase_text {
	margin-top: 10px;
}

.figures_container {
	height: 41.66vw;
	min-height: 500px;
	position: relative;
	background: black;
	overflow: hidden;
	z-index: 2999;
}

.figures_container i {
	position: absolute;
	top: -4.166vw;
	right: -2px;
	bottom: -4.166vw;
	left: -2px;
	background-position: center;
	background-size: cover;
}

.fg_inner {
	position: absolute;
	bottom: 100px;
	width: 100%;
	max-width: 40vw;
	z-index: 99;
	color: #fff;
}

.fg_inner > .uppercase_text {
	margin-bottom: 2.34375vw;
}

.text_side.flex {
	align-items: center;
	justify-content: center;
}

.shape_set {
	position: relative;
	background: rgb(0 0 0 / 10%);
	visibility: hidden;
}

.shape_set svg {
	position: relative;
	z-index: 999;
}

.shape_set:before,
.shape_set:after,
.shapes_wrap .text_side:first-child:before,
.shapes_wrap .text_side:first-child:after {
	content: '';
	position: absolute;
	background: #ffffff;
	z-index: 1999;
}

.shape_set:before,
.shape_set:after {
	height: 102px;
	left: 0;
	right: 0;
}

.shapes_wrap .text_side:first-child:before,
.shapes_wrap .text_side:first-child:after {
	width: 102px;
	top: -100px;
	bottom: -100px;
}

.shape_set:before {
	top: -100px;
}

.shape_set:after {
	bottom: -100px;
}

.shape_imgs {
	top: -50px;
	right: -50px;
	bottom: -50px;
	left: -50px;
	position: absolute;
	overflow: hidden;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.shape_set i {
	background-size: cover;
	background-position: center;
	opacity: 0;
}

.shape_set i.active {
	opacity: 1;
	z-index: 9;
}

.shapes_wrap .text_side:nth-child(2) {
	z-index: 1999;
}

#shapes-nav {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2999;
	display: flex;
	flex-direction: column;
}

#shapes-nav li {
	padding: 7px;
}

#shapes-nav li i {
	display: block;
	width: 9px;
	height: 9px;
	background: #000;
	border-radius: 50%;
}

#shapes-nav li i:not(.active) {
	transform: scale(0.6);
	opacity: 0.3;
}

.shapes_wrap {
	position: relative;
	backface-visibility: hidden;
}

.shape_content p {
	margin-top: 30px;
}

/* Expertise */
.exp_table h3 {
	margin-bottom: 20px;
}

.exp_table p {
	max-width: 64%;
}

.exp_row:not(:first-child) {
	border-top: 1px solid;
}

.exp_row {
	padding: 4.166vw 30px;
	position: relative;
}

.exp_row .content_c {
	color: #000;
	position: relative;
}

.exp_row:hover .content_c,
.exp_row.hover .content_c {
	color: #fff;
	z-index: 999;
}

.exp_row i {
	background: #000;
	transform: scaleY(0);
	transform-origin: 100% 100%;
}

.exp_row.top i {
	transform-origin: 0% 0%;
}

body:not(.progress) .exp_row i {
	transition: all 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.exp_row:hover i,
.exp_row.hover i {
	transform: scaleY(1);
}

.image {
	width: 25.937vw;
	height: 31.25vw;
	position: fixed;
	z-index: 699;
	top: 0;
	left: 0;
	pointer-events: none;
	visibility: hidden;
	overflow: hidden;
}

.image i {
	background-position: center;
	background-size: cover;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.image.active {
	z-index: 799;
}

.image.active {
	background: #000;
}

.image.active i {
	top: -4vw;
	right: -7vw;
	bottom: -4vw;
	left: -7vw;
}


.inner_banner {
	height: 27.083vw;
	min-height: 350px;
	position: relative;
	background: black;
	overflow: hidden;
	z-index: 2999;
}

.inner_banner:not(.ready) .head_side {
	visibility: hidden;
}

.inner_banner i {
	position: absolute;
	top: -4.166vw;
	right: -2px;
	bottom: -4.166vw;
	left: -2px;
	background-position: center;
	background-size: cover;
}

.inner_list {
	flex-direction: row-reverse;
}

/* Our Work */
.fg_set {
	flex: 0.8;
	justify-content: space-between;
}

.figure strong {
	font-size: 5.2vw;
}

.figure {
	text-align: center;
}

.work_grid {
	justify-content: space-between;
	flex-wrap: wrap;
}

.work_grid article {
	width: calc(50% - 60px);
	margin: 30px;
	position: relative;
	visibility: hidden;
}

.work_box {
	flex: 1;
	display: flex;
	background: #232323;
	color: #fff;
	position: absolute;
	overflow: hidden;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.work_box i {
	background-size: cover;
	background-position: center;
}

.work_grid article:nth-child(1),
.work_grid article:nth-child(2) {
	margin-top: 0;
}

.floating_grid {
	top: -15vw;
	position: relative;
}

.floating_grid.less {
	top: -12vw;
}

.floating_before {
	margin-top: -12vw;
	position: relative;
	z-index: 999;
}

#our-work .floating_grid {
	min-height: 800px;
}

.main_grid.floating_grid {
	flex-wrap: wrap;
}

.box_video video {
	width: 100%;
	pointer-events: none;
}

.isDesktop .work_grid .box_video {
	visibility: hidden;
}

.load_more {
	height: 15vw;
	position: absolute;
	bottom: 0;
	align-items: center;
	justify-content: center;
	left: 0;
	right: 0;
}

#our-thoughts .load_more {
	height: 16.8vw;
}

/* Case */
.head_sides {
	padding: 0 60px;
}

.inner_head {
	padding: 0 30px;
	margin-top: -50px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	z-index: 99;
}

#next .inner_head {
	margin-top: 0;
}

.inner_head h2 div {
	transform-style: preserve-3d;
	transform-origin: 50%;
}

.slider_wrap svg,
.slider_wrap .uppercase_text,
.slider_wrap p {
	opacity: 0.8;
}

.inner_head {
	text-align: center;
}

._headAnimation:not(.ready) {
	visibility: hidden;
}

html:not(.has-scroll-smooth) .inner_head h2,
#experte .inner_head h2,
#article .inner_head h2,
#contact .inner_head h2 {
	margin: 30px 0 20px 0;
}

.inner_head h2,
.text_side h2 {
	perspective: 500;
	-webkit-perspective: 500;
}

.head_footer {
	position: absolute;
	bottom: 60px;
	left: 0;
	right: 0;
	z-index: 99;
}

#experte .head_footer,
#contact .head_footer {
	left: 60px;
	right: 60px;
	color: #fff;
}

.head_circle {
	width: 8.854vw;
	height: 8.854vw;
	pointer-events: none;
}

.click_circle {
	position: fixed;
	top: 220px;
}

.circle_content {
	align-items: center;
	justify-content: center;
}

.head_sides {
	justify-content: space-between;
	align-items: center;
}

#experte .head_sides,
#contact .head_sides {
	justify-content: flex-end;
	padding: 0;
}

.side_list > span {
	margin-bottom: 2.8645vw;
	display: block;
}

.head_circle > svg {
	-webkit-animation: rotateSpinner 8s linear infinite;
	animation: rotateSpinner 8s linear infinite;
}


#case .slider_wrap p span {
	display: block;
}

[data-scroll-id=opacity_layer] {
	background: #000;
}

.gallery_box:not(:first-child) {
	margin-top: 4.6875vw;
}

#case_study .text_sides:not(:first-child) {
	margin-top: 9.895vw;
}

.gallery_box,
.gallery_img {
	padding: 0 30px;
}

.gallery_box {
	display: flex;
}

.gallery_img img {
	max-width: 100%;
}

body:not(.progress) .gallery_box {
	transition: all 3s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.gallery_box:not(.lod) {
	filter: grayscale(1);
}

.gallery_content {
	flex: 1;
}

.gallery_box.col {
	flex-direction: column;
}

.gallery_content:nth-child(2) {
	margin-top: 60px;
}

.gallery_img {
	position: relative;
	z-index: 99;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	will-change: transform;
}

.gallery_img > i {
	background: #ffffff;
	transform-origin: 0 0;
	position: absolute;
	top: -2px;
	right: 28px;
	bottom: -2px;
	left: 28px;
	z-index: 9999;
}

.external {
	position: absolute;
	bottom: 50px;
	z-index: 299;
	color: #fff;
	width: 30px;
	opacity: 0.7;
}

.external:hover {
	opacity: 1;
}


.next_wrap {
	width: 100%;
	left: 0;
	bottom: 0;
	position: fixed;
	height: 30vw;
	min-height: 300px;
	color: #fff;
	overflow: hidden;
	background: #000;
}

.next_wrap.active,
#next.active {
	height: calc(var(--vh,1vh) * 100);
}

.next_wrap.min,
#next.min {
	height: 800px;
}

.next_wrap h2 {
	margin-top: 30px;
}


.next-adj {
	width: 100%;
	left: 0;
	bottom: 0;
	height: 30vw;
	min-height: 300px;
	position: relative;
	z-index: -99;
}

.next_wrap .hero_bg {
	top: auto;
}

#experte .next_wrap {
	position: relative;
}

#experte .next_wrap .hero_bg {
	height: auto;
	min-height: 100%;
}

.next_wrap .hero_bg:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0.5;
	background: #000;
	z-index: 9;
}

.next_wrap:hover .hero_bg:before {
	opacity: 0.3;
}

.next_wrap.active .hero_bg:before,
.next_wrap.min .hero_bg:before {
	opacity: 0;
}

section#next {
	z-index: 999;
	position: relative;
	padding-bottom: 0;
}

.inner_head p {
	max-width: 42.708vw;
}

/* Burger Wrap */
.burger_wrap {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1999;
	width: 100%;
	height: calc(var(--vh,1vh) * 100);
	visibility: hidden;
}

.burger_wrap > i {
	background: #000;
}

.burger_content {
	height: 100%;
	position: relative;
	z-index: 99;
}

.burger_wrap a {
	color: #4a4a4a;
}

body:not(.progress) .burger_wrap a {
	transition: color 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.burger_wrap a:hover,
.burger_wrap a.selected {
	color: #ffffff;
}

.burger_wrap .content_a,
.burger_wrap .content_b,
.burger_wrap ul {
	height: 100%;
	position: relative;
}

.burger_wrap .content_b {
	overflow-y: scroll;
	overflow-x: hidden;
	position: relative;
	width: calc(100% + 90px);
}

.burger_wrap ul {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 10vh 0;
}

.burger_wrap li {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.burger_wrap a {
	font-size: 130px;
	line-height: 140px;
	padding: 10px 0;
	overflow: hidden;
	display: inline-block;
}

/* Responsiveness */
@media (max-width: 1200px){
	h1,
	.text_shape {
		font-size: 11vw;
		line-height: 10vw;
	}
	h2 {
		font-size: 9.25vw;
		line-height: 8vw;
	}
	h4 {
		font-size: 2vw;
		line-height: 2vw;
	}
	.content_a {
		padding: 0 30px;
	}
	.content_c {
		padding: 0;
	}
	.logo_set {
		padding: 15px;
	}
	.header_bar {
		padding-bottom: 0;
	}
	#home .burger_btn,
	.burger_btn {
		visibility: visible;
	}
	.big_screen {
		display: none;
	}
	.header_bar.top {
		border-bottom: 1px solid rgb(255 255 255 / 50%);
	}
	.main_grid {
		padding: 0 15px;
	}
	.main_grid article {
		margin: 0 15px;
	}
	.main_grid.floating_grid article {
		flex: calc(33.33% - 30px) 0 0;
		margin: 15px;
	}
	.main_grid.flick article {
		width: calc(33.33% - 20px);
	}
	.slider_wrap:not(.full) .sgn_title {
		margin-bottom: 35px;
	}
	.sgn_title svg {
		margin-top: -6.5vw;
	}
	.news h4 {
		max-width: 20vw;
	}
	.slider_wrap.full,
	.hero_bg.full {
		height: 76vw;
		min-height: auto;
	}
	.slider_wrap.full {
		padding-top: 100px;
	}
	.rotator_wrap {
		width: 50vw;
		height: 66.33vw;
		top: 50vw;
	}
	.card-carousel .card {
		max-width: 50vw;
	}
	section.rotator_before {
		padding-top: 50.295vw !important;
	}
	.card_content .uppercase_text {
		max-width: 450px;
	}
	.text_side,
	.no-padding .text_side:nth-child(2),
	.text_side:nth-child(2) {
		width: 100%;
		max-width: 100%;
	}
	.text_side,
	.no-padding .text_side:nth-child(2),
	.text_side:nth-child(2),
	.head_sides {
		padding: 0 30px;
	}
	.gallery_content:nth-child(2) {
		margin-top: 30px;
	}
	.gallery_box,
	.gallery_img {
		padding: 0 15px;
	}
	.gallery_img > i {
		right: 13px;
		left: 13px;
	}
	.text_side strong {
		max-width: 100%;
	}
	.fg_set {
		flex: 1;
	}
	.work_grid {
		padding: 0 15px;
	}
	.work_grid article {
		width: calc(50% - 30px);
		margin: 15px;
	}
	.hp_content {
		top: 30vw;
	}
	.hp_sides {
		margin-top: 1vw;
	}
	.head_circle {
		width: 11vw;
		height: 11vw;
	}
	.click_circle {
		top: 160px;
		min-width: 120px;
		min-height: 120px;
	}
	.text_sides.full .text_side {
		max-width: 90%;
	}
	.fg_inner {
		bottom: 50px;
		width: 100%;
		max-width: 65%;
	}
	.external {
		bottom: 40px;
	}
	.inner_head p {
		max-width: 57vw;
	}
}

@media (min-width: 961px){
	.main_grid article a img {
		visibility: hidden;
	}
	.has-scroll-smooth #home .floating .main_grid {
		opacity: 0;
	}
}

@media (max-width: 960px){
	#container {
		visibility: hidden;
	}
	.int_wrap {
		visibility: hidden;
	}
	.int_wrap .bx_content {
		visibility: hidden;
	}
	h1,
	.text_shape {
		font-size: 13vw;
		line-height: 12vw;
	}
	h2 {
		font-size: 11.25vw;
		line-height: 10vw;
	}
	h3 {
		font-size: 5.16vw;
		line-height: 5.16vw;
	}
	h4 {
		font-size: 3vw;
		line-height: 3vw;
	}
	section:not(:first-child) {
		padding-top: 100px;
	}
	section:not(.floating):last-child {
		padding-bottom: 100px;
	}
	section.rotator_before {
		padding-top: calc(40.295vw + 100px) !important;
	}
	section#clients {
		margin-top: 0 !important;
	}
	#home .hero_bg.full {
		height: 67.70833vw;
		min-height: 675px;
	}
	.logos_set.flex {
		flex-wrap: wrap;
	}
	.wrapped .flickity-viewport {
		overflow: visible;
	}
	.logo_set {
		flex: 33.3% 0 0;
		width: 33.3%;
	}
	.wrapped .logo_set {
		width: 28%;
	}
	.logo_selector {
		width: 33.3%;
		height: 50%;
	}
	.logo_set {
		padding: 30px;
	}
	.main_grid {
		margin-top: 0;
		padding: 0 30px;
	}
	#home .main_grid {
		display: block;
	}
	#home .main_grid article {
		top: 0 !important;
		width: 45% !important;
		transform: translateY(0) !important;
		-webkit-transform: translateY(0) !important;
	}
	.main_grid article,
	#home .main_grid article {
		width: 50% !important;
	}
	.main_grid.floating_grid article {
		flex: calc(50% - 30px) 0 0;
		margin: 15px;
	}
	 .main_grid.floating_grid article:nth-child(3) {
		margin-top: 15px;
	}
	.main_grid article i {
		position: absolute;
		top: 0;
		bottom: 0;
		width: auto;
		flex: auto;
	}
	.main_grid article i,
	.int_box i {
		left: -3vw;
		right: -3vw;
	}
	.sgn_title svg {
		margin-top: -7.5vw;
	}
	.main_grid.asc {
		padding-bottom: 0;
	}
	.news h4 {
		max-width: 30vw;
	}
	.footer_top {
		padding: 80px 0;
	}
	.footer_block:first-child {
		display: none;
	}
	.footer_side.flex {
		min-width: 355px;
		justify-content: flex-end;
	}
	.text_sides:not(.center_align) {
		flex-direction: column;
	}
	#experte .text_sides.full,
	#experte .inner_banner {
		margin-top: 45px;
	}
	#experte .text_sides.full .text_side,
	#article .text_sides.full .text_side {
		max-width: 100%
	}
	.text_sides:not(.center_align) .text_side:nth-child(2) {
		margin-top: 50px;
	}
	.shapes_wrap .text_side:nth-child(2) {
		padding: 0;
	}
	.figures_container i {
		top: -55px;
		bottom: -55px;
	}
	.shape_content h2 br {
		display: none;
	}
	#shapes-nav {
		transform: translate(0, -50%);
	}
	.main_grid.hover article a i {
		left: -8vw;
		right: -8vw;
	}
	body:not(#our-work):not(#contact) .slider_wrap.short {
		min-height: 850px;
	}
	body#contact .slider_wrap.short {
		min-height: 400px;
	}
	body#contact .inner_head {
		margin-top: 50px;
	}
	.exp_row {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.exp_table p {
		max-width: 100%;
	}
	.image {
		width: 51.875vw;
		height: 62.5vw;
	}
	#our-work .slider_wrap.short {
		height: 65vw;
		min-height: auto;
	}
	.center_align {
		top: -20px;
	}
	.floating_grid {
		top: -25vw;
	}
	.slider_wrap.tiny {
		min-height: 250px;
	}
	.main_grid.floating_grid {
		padding: 0 15px;
	}
	.load_more {
		height: 25vw;
	}
	#our-thoughts .load_more {
		height: 26.6vw;
	}
	.hp_content {
		top: auto;
		bottom: 100px;
	}
	.gallery_box:not(:first-child) {
		margin-top: 50px;
	}
	#case_study .text_sides:not(:first-child) {
		margin-top: 100px;
	}
	.inner_head p {
		max-width: 547px;
	}
	#experte .head_footer {
		left: 30px;
		right: 30px;
		bottom: 30px;
	}
	.text_bg {
		visibility: hidden;
	}
	#contact .inner_list {
		display: block;
	}
	#contact .inner_list .uppercase_text:nth-child(2) {
		margin-top: 30px
	}
}

@media (max-width: 768px){
	#our-work .page_title {
		display: none;
	}
	footer .social_set > span {
		display: none;
	}
	.footer_top {
		flex-direction: column;
	}
	.footer_side:first-child {
		margin-bottom: 70px;
	}
	.footer_side h3 {
		margin-bottom: 30px;
	}
	.footer_side h3 br {
		display: none;
	}
	.center_align {
		flex-direction: column;
	}
	.text_sides.center_align .text_side:nth-child(2) {
		margin-top: 50px;
	}
	.text_sides.center_align .text_side {
		text-align: center !important;
		justify-content: center !important;
	}
	.fg_set {
		flex: 0.8;
	}
	#our-work .slider_wrap.short {
		min-height: 580px;
	}
	.work_grid article {
		width: 100%;
		margin: 30px 0;
		margin-top: 0 !important;
	}
	.work_grid article:nth-child(2) {
		margin-top: 30px;
	}
	.work_grid {
		padding: 0 30px;
	}
	.floating_grid {
		top: -192px;
	}
	.load_more {
		height: 192px;
	}
	#our-thoughts .load_more {
		height: 28.2vw;
	}
	.head_circle {
		width: 16vw;
		height: 16vw;
	}
	.fg_inner > .uppercase_text {
		margin-bottom: 30px;
	}
	.fg_inner {
		width: auto;
		max-width: 100%;
	}
	.box_circle {
		width: 60px;
		height: 60px;
	}
	#our-work .bx_content {
		padding: 8.59375vw 7.03125vw;
	}
	#our-work .bx_side.dynamic {
		right: 7.03125vw;
		left: 7.03125vw;
	}
	#experte .inner_head h2 br,
	#article .inner_head h2 br,
	#contact .inner_head h2 br {
		display: none;
	}
	.slider_wrap.tiny {
		min-height: 220px;
	}
	.burger_wrap a {
		font-size: 110px;
		line-height: 120px;
	}
}

@media (min-width: 641px){
	#home .main_grid.hover article a i {
		transform: translate(0,0) !important;
	}
	.main_grid.flick article:hover {
		filter: grayscale(0);
	}
}

@media (max-width: 640px){
	h1,
	.text_shape {
		font-size: 16vw;
		line-height: 14vw;
	}
	h2 {
		font-size: 14.25vw;
		line-height: 13vw;
	}
	.figure h2 {
		font-size: 12vw;
		line-height: 11vw;
	}
	h3 {
		font-size: 9.16vw;
		line-height: 9.16vw;
	}
	h4 {
		font-size: 5vw;
		line-height: 5vw;
	}
	section:not(:first-child) {
		padding-top: 80px;
	}
	section:not(.floating):last-child {
		padding-bottom: 80px;
	}
	section.rotator_before {
		padding-top: calc(40.295vw + 80px) !important;
	}
	.click_circle {
		top: 130px;
	}
	.main_grid article,
	#home .main_grid article {
		width: 89.424% !important;
	}
	.main_grid.floating_grid article {
		flex: calc(100% - 30px) 0 0;
	}
	.main_grid.floating_grid article:nth-child(2) {
		margin-top: 15px;
	}
	.bx_content {
		padding: 8.59375vw 7.03125vw;
	}
	.bx_side.dynamic {
		right: 7.03125vw;
		left: 7.03125vw;
	}
	.card_content {
		padding: 4.5vw 4vw;
	}
	.logo_set {
		flex: 50% 0 0;
	}
	.wrapped .logo_set {
		width: 40%;
	}
	.logo_selector {
		width: 50%;
		height: 33.3%;
	}
	.sgn_title svg {
		margin-top: -8.5vw;
	}
	.news h4 {
		max-width: 50vw;
	}
	footer .social_set {
		display: none;
	}
	footer .header_bar.bottom {
		justify-content: flex-start;
		padding: 20px 0 5px 0;
	}
	.footer_side h3 br {
		display: inline;
	}
	.footer_side.flex {
		width: auto;
		min-width: 0;
		justify-content: flex-start;
	}
	.hp_content {
		bottom: 80px;
	}
	.hp_sides {
		flex-direction: column;
	}
	.hp_side {
		text-align: center !important;
		opacity: 1;
	}
	.hp_side svg {
		max-width: 70%;
		display: inline-block;
	}
	.hp_side:last-child {
		margin-top: 2vw;
		padding: 0 10vw;
	}
	#slider .head_side:first-child {
		display: none;
	}
	#slider .head_sides {
		display: block;
	}
	.head_side:last-child {
		justify-content: flex-end;
	}
	.main_grid.flick article.is-selected {
		filter: grayscale(0);
	}
	.burger_wrap a {
		font-size: 17vw;
		line-height: 18vw;
	}
}

@media (max-width: 500px){
	strong {
		font-size: 21px;
		line-height: 27px;
	}
	p {
		font-size: 17px;
		line-height: 27px;
	}
	footer .header_side:first-child {
		display: none;
	}
	.slider_wrap.full,
	.hero_bg.full {
		height: 120vw;
	}
	.slider_wrap.full .sgn_title {
		top: -30vw;
	}
	.has-scroll-smooth .slider_wrap.full .sgn_title {
		top: -18vw;
	}
	.rotator_wrap {
		width: 55vw;
		height: 73vw;
		top: 60vw;
	}
	.card-carousel .card {
		max-width: 55vw;
	}
	h4 {
		font-size: 6vw;
		line-height: 6vw;
	}
	body,
	input,
	textarea {
		font-size: 14px;
		line-height: 18px;
	}
	.uppercase_text {
		line-height: 18px;
	}
	.content_a {
		padding: 0;
	}
	.logo_set {
		padding: 15px;
	}
	.load-btn {
		width: 150px;
		height: 60px;
	}
	.load-btn.loading {
		width: 60px;
	}
	.text-btn:not(.rounded) a {
		padding: 19px 33px;
	}
	.text-btn.rounded a {
		width: 60px;
		height: 60px;
	}
	.text-btn.rounded a .shape {
		width: 14px;
	}
	.news h4 {
		max-width: 60vw;
	}
	section.rotator_before {
		padding-top: calc(13vw + 80px) !important;
	}
	.text_side strong,
	.text_side:not(.links) strong {
		margin-bottom: 20px;
	}
	.text_side.links strong:not(:first-child),
	.text_side:not(.links) p:not(:first-child) {
		margin-top: 20px;
	}
	.shapes_wrap .text_side:first-child {
		position: absolute;
		left: 50%;
		right: 0;
		top: 50%;
		transform: translate(-50%,-50%);
		width: 80%;
	}
	html[lang='en'] .shapes_wrap .text_side:first-child {
		left: 50%;
		right: 0;
		transform: translate(-50%,-50%);
	}
	html[lang='ar'] .shapes_wrap .text_side:first-child {
		left: 0;
		right: 50%;
		transform: translate(50%,-50%);
	}
	.shape_set {
		opacity: 0.3 !important;
		filter: grayscale(1);
	}
	.shapes_wrap .text_side:nth-child(2) {
		z-index: 99;
		margin-top: 0;
		padding: 0;
		padding: 8vw 0;
		max-width: 90%;
	}
	#shapes-nav {
		top: 50%;
	}
	.shape_content p {
		margin-top: 20px;
	}
	body:not(#contact):not(#our-work) .slider_wrap.short {
		min-height: calc(var(--vh,1vh) * 100);
	}
	.exp_row {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.fg_set {
		flex: 0.7;
	}
	header {
		padding-top: 0;
	}
	.burger_btn {
		top: 22px;
	}
	header .sub_nav {
		height: 48px;
	}
	body:not(#home) .burger_btn {
		top: 22px;
	}
	footer .header_bar.top,
	ul.flex {
		display: none;
	}
	.text_sides.full .text_side {
		max-width: 100%;
	}
	.inner_list {
		display: block;
	}
	#experte .head_footer {
		left: 60px;
		right: 60px;
		bottom: 60px;
	}
	#our-thoughts .load_more {
		height: 41.5vw;
	}
	.burger_wrap ul {
		padding: 60px 0;
	}
}

@media (max-width: 480px){
	.uppercase_text {
		font-size: 12px;
		line-height: 16px;
	}
	.shapes_wrap .text_side:first-child {
		width: 100%;
		max-width: 100%;
	}
	.head_side:last-child {
		justify-content: space-between;
	}
}

@media (max-width: 400px){
	header .sub_nav {
		visibility: hidden;
	}
}

@media (max-width: 320px){
	.fg_set {
		flex: 1;
	}
	#our-work .slider_wrap.short {
		min-height: calc(var(--vh,1vh) * 100);
	}
}

.l-a,
.l-b {
	visibility: hidden;
	position: absolute;
}

.path-3-1,
.path-3-2 {
	opacity: 0;
}