* { word-break: break-word; }    .fw--light     { font-weight: 300; }
.fw--regular   { font-weight: 400; }
.fw--medium    { font-weight: 500; }
.fw--semibold  { font-weight: 600; }
.fw--bold      { font-weight: 700; }
.fw--extrabold { font-weight: 800; }
.fw--black     { font-weight: 900; } .txt--uppercase   { text-transform: uppercase; }
.txt--lowercase   { text-transform: lowercase; }
.txt--capitalize  { text-transform: capitalize; }
.txt--overline      { text-decoration: overline; }
.txt--linethrough   { text-decoration: line-through; }
.txt--underline     { text-decoration: underline; }
.txt--none:hover    { text-decoration: none; } .txt--center  { text-align: center; }
.txt--left    { text-align: left; }
.txt--right   { text-align: right; }
.txt--justify { text-align: justify; } .pull--left   { float: left; }
.pull--right  { float: right; }
.pull--none   { float: none; }
.clearfix     { clear: both; }
.clearfix::before,
.clearfix::after {
content: "";
display: table;
clear: both;
} .overflow--visible { overflow: visible; }
.overflow--auto    { overflow: auto; }
.overflow--hidden  { overflow: hidden; }
.overflow-x--hidden { overflow-x: hidden; } .p--relative { position: relative; } .height--100 { height: 100%; }   [class^='container'] {
width: 100%;
padding-left:  60px;
padding-right: 60px;
margin-left:  auto;
margin-right: auto;
} .container-full { max-width: 100%; }
.container      { max-width: 100%; }
.container--lg {}
.container--md {  }
.container--sm { }
.container--xs { }
.row {
margin-left:  -30px;
margin-right: -30px;
}
.row [class*=col-] {
padding-left:  30px;
padding-right: 30px;
}
.no-gutters {
margin-right: 0!important;
margin-left: 0!important;
}
.no-gutters>.col, .no-gutters>[class*=col-] {
padding-right: 0!important;
padding-left: 0!important;
}   .video {
position: relative;
padding-bottom: 56.25%; padding-top: 25px; height: 0;
}
.video iframe, .hero-video iframe {
position: absolute;
top:  0;
left: 0;
width: 100%;
height: 100%;
}
.hero-video {
position: relative;
width: 300%;
left: -100%;
height: 100%;
}   .txt--white { color: #fff; }
.txt--black { color: #000; }   .bg--white { background-color: #fff; }
.bg--properties {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}    .p--0 { padding: 0!important; } .pb--0 { padding-bottom: 0; } .py--0 {
padding-top:    0;
padding-bottom: 0;
}    .m--0 { margin: 0!important; }
.m--auto {
margin-left:  auto;
margin-right: auto;
} .mb--0  { margin-bottom: 0; } .my--0 {
margin-top:    0;
margin-bottom: 0;
}   .btn {
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
text-align: center;
}   body { 
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 1.8;
background-color: #000;
color: #fff;
overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 { 
font-weight: 700;
line-height: normal;
}
h1:not(:last-child),
h2:not(:last-child),
h3:not(:last-child),
h4:not(:last-child),
h5:not(:last-child),
h6:not(:last-child) { 
margin-bottom: 50px;
}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong { }
h1 { font-size: 48px; }
h2 { font-size: 36px; }
h3 { font-size: 30px; }
h4 { font-size: 26px; }
h5 { font-size: 22px; }
h6 { font-size: 20px; }
p:not(:last-child) {
margin-bottom: 50px;
}
small { font-size: 14px; }
.small { font-size: 14px; }
img, svg {
display: block;
width: 100%;
}
img {
width: 100%!important;
}
a, a:visited {
color: inherit;
}
.section-title {
font-size: 48px;
font-weight: 700;
text-transform: uppercase;
}
.section-padding {
padding: 240px 0;
}
#loader-animation {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 20000;
display: flex;
align-items: center;
justify-content: center;
background-color: rgb(7, 7, 7);
visibility: hidden;
opacity: 0; transition: 0.6s ease-in-out 0s; }
.is-exiting #loader-animation {
visibility: visible;
opacity: 1; }
#loader-animation svg {
max-width: 145px;
width: 100%;
}
#loader-animation svg path {
transition: 1000ms ease-in-out;
}
html, body, .boxInner {
scrollbar-width: thin;
scrollbar-color: #ffffff #000000;
}
::-webkit-scrollbar {
width: 5px;
background: #ffffff;
} ::-webkit-scrollbar-track {
background: #000000;
} ::-webkit-scrollbar-thumb {
background: #ffffff;
border-radius: 8px;
} ::-webkit-scrollbar-thumb:hover {
background: #d3d3d3;
}   .txt--xl { font-size: 48px; }
.txt--lg { font-size: 36px; }
.txt--md { font-size: 30px; }
.txt--sm { font-size: 20px; }
.txt--xs { font-size: 14px; }    .site-header {
opacity: 0;
visibility: hidden;
transition: 1s ease-in-out;
transition-delay: 0s;
position: relative;
z-index: 1000;
}
.site-header.hide-header {
opacity: 0!important;
visibility: hidden!important;
transition-delay: 0s!important;
}
.site-header.loaded {
opacity: 1;
visibility: visible;
transition-delay: .5s;
}
.site-header .title-area {
width: 98px;
position: fixed;
top: 72px;
left: 60px;
animation: slideDownLogo 2s;
animation-fill-mode: forwards;
-webkit-animation: slideDownLogo 2s;
-webkit-animation-fill-mode: forwards;
z-index: 1000;
}
.site-header.no-animation .title-area {
animation: none!important;
-webkit-animation: none!important;
}
.site-header.active .title-area {
animation: slideUpLogo 2s;
animation-fill-mode: forwards;
-webkit-animation: slideUpLogo 2s;
-webkit-animation-fill-mode: forwards;
}
.site-header.hide-header .title-area {
opacity: 0!important;
visibility: hidden!important;
}
.site-header .title-area .custom-logo-link {
position: absolute;
top: 0;
left: 0;
opacity: 1;
visibility: visible;
transition: .3s ease-in-out;
transition-delay: .5s;
}
.site-header.active .title-area .custom-logo-link {
opacity: 0;
visibility: hidden;
}
.site-header .title-area .loader-logo {
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
transition: .3s ease-in-out;
}
.site-header.active .title-area .loader-logo {
opacity: 1;
visibility: visible;
transition-delay: .5s;
}
.loader-logo svg {
width: 165%;
margin-left: -38px;
}
.loader-logo svg path{
transition: 1000ms ease-in-out;
}
svg path.Bletter{
transform: translate(10%, 10%);
}
svg path.Aletter{
transform: translate(28%,30%);
}
svg path.Mletter{
transform: translate(28%,10%);
}
svg path.Line{
transform: none;
}
svg.firstLogo path.Bletter{
transform: translate(35%,15%);
}
svg.firstLogo path.Aletter{
transform: translate(33%, 35%);
}
svg.firstLogo path.Mletter{
transform: translate(15%, 35%);
}
svg.firstLogo path.Line{
transform: translate(55%,5%) rotate(90deg);
}
svg.secondLogo path.Bletter{
transform: translate(10%, 15%);
}
svg.secondLogo path.Aletter{
transform: translate(30%, 35%);
}
svg.secondLogo path.Mletter{
transform: translate(10%, 35%);
}
svg.secondLogo path.Line{
transform: translate(53%,60%) rotate(180deg);
}
svg.thirdLogo path.Bletter{
transform: translate(5%, 10%);
}
svg.thirdLogo path.Aletter{
transform: translate(3%, 33%);
}
svg.thirdLogo path.Mletter{
transform: translate(25%, 10%);
}
svg.thirdLogo path.Line{
transform: translate(-4%,55%) rotate(270deg);
}
.nav-primary {
transition: .3s ease-in-out;
}
.site-header.hide-nav .nav-primary {
opacity: 0;
visibility: hidden;
}
.menu-primary {
position: fixed;
width: 100%;
bottom: 72px;
left: 0;
padding: 0 60px;
display: flex;
align-items: center;
justify-content: space-between;
animation: slideDownMenu 2s;
animation-fill-mode: forwards;
-webkit-animation: slideDownMenu 2s;
-webkit-animation-fill-mode: forwards;
z-index: 1000;
}
.site-header.no-animation .menu-primary {
animation: none!important;
-webkit-animation: none!important;
}
.site-header.active .menu-primary {
animation: slideUpMenu 2s;
animation-fill-mode: forwards;
-webkit-animation: slideUpMenu 2s;
-webkit-animation-fill-mode: forwards;
}
.menu-primary li {
font-size: 48px;
color: #fff;
text-transform: uppercase;
line-height: 1;
transition: .08s ease-in-out;
font-weight: 400;
} .menu-primary li.current-menu-item,
.menu-primary li:hover {
font-weight: 900;
}  @-moz-keyframes slideUpLogo {0% {top: 72px;opacity: 1;}25% {top: -200px;opacity: 0;}50% {top: 100%;opacity: 0;}100% {top: calc(100% - 217px);opacity: 1;}}
@-webkit-keyframes slideUpLogo {0% {top: 72px;opacity: 1;}25% {top: -200px;opacity: 0;}50% {top: 100%;opacity: 0;}100% {top: calc(100% - 217px);opacity: 1;}}
@keyframes slideUpLogo {0% {top: 72px;opacity: 1;}25% {top: -200px;opacity: 0;}50% {top: 100%;opacity: 0;}100% {top: calc(100% - 217px);opacity: 1;}}
@-moz-keyframes slideDownLogo {0% {top: calc(100% - 217px);opacity: 1;}25% {top: 100%;opacity: 0;}50% {top: -200px;opacity: 0;}100% {top: 72px;opacity: 1;}}
@-webkit-keyframes slideDownLogo {0% {top: calc(100% - 217px);opacity: 1;}25% {top: 100%;opacity: 0;}50% {top: -200px;opacity: 0;}100% {top: 72px;opacity: 1;}}
@keyframes slideDownLogo {0% {top: calc(100% - 217px);opacity: 1;}25% {top: 100%;opacity: 0;}50% {top: -200px;opacity: 0;}100% {top: 72px;opacity: 1;}}
@-moz-keyframes spin {from {-moz-transform: rotate(0deg);}to {-moz-transform: rotate(360deg);}}
@-webkit-keyframes spin {from {-webkit-transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);}}
@keyframes spin {from {transform:rotate(0deg);}to {transform:rotate(360deg);}}
@-moz-keyframes slideUpMenu {0% {bottom: 72px;opacity: 1;}25% {bottom: -200px;opacity: 0;}50% {bottom: 100%;opacity: 0;}100% {bottom: calc(100% - 120px);opacity: 1;}}
@-webkit-keyframes slideUpMenu {0% {bottom: 72px;opacity: 1;}25% {bottom: -200px;opacity: 0;}50% {bottom: 100%;opacity: 0;}100% {bottom: calc(100% - 120px);opacity: 1;}}
@keyframes slideUpMenu {0% {bottom: 72px;opacity: 1;}25% {bottom: -200px;opacity: 0;}50% {bottom: 100%;opacity: 0;}100% {bottom: calc(100% - 120px);opacity: 1;}}
@-moz-keyframes slideDownMenu {0% {bottom: calc(100% - 120px);opacity: 1;}25% {bottom: 100%;opacity: 0;}50% {bottom: -200px;opacity: 0;}100% {bottom: 72px;opacity: 1;}}@-webkit-keyframes slideDownMenu {0% {bottom: calc(100% - 120px);opacity: 1;}25% {bottom: 100%;opacity: 0;}50% {bottom: -200px;opacity: 0;}100% {bottom: 72px;opacity: 1;}}
@keyframes slideDownMenu {0% {bottom: calc(100% - 120px);opacity: 1;}25% {bottom: 100%;opacity: 0;}50% {bottom: -200px;opacity: 0;}100% {bottom: 72px;opacity: 1;}} .section-wrapper {
background-color: black;
margin-top: 100vh;
position: relative;
z-index: 1;
} .hero-slider-section {
width: 100%;
height: 100vh;
position: fixed;
top: 0;
left: 0;
}
.hero-slider-section .hero-carousel .slick-slide {
height: 100vh;
}
.hero-slider-section .hero-carousel .hero-image {
width: 100%;
height: 100vh;
}
.hero-slider-section .hero-carousel .hero-image img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover; }
.hero-slider-section .hero-carousel .slick-dots {
position: absolute;
top: 72px;
right: 60px;
}
.hero-slider-section .hero-carousel .slick-dots li {
line-height: 0;
width: 15px;
height: 15px;
}
.hero-slider-section .hero-carousel .slick-dots li:not(:last-child) {
margin-bottom: 18px;
}
.hero-slider-section .hero-carousel .slick-dots li .hero-slider-dot {
width: 15px;
height: 15px;
background-color: #fff;
transition: .3s ease-in-out;
border: none;
outline: none;
}
.hero-slider-section .hero-carousel .slick-dots li.slick-active .hero-slider-dot,
.hero-slider-section .hero-carousel .slick-dots li:hover .hero-slider-dot {
opacity: .5;
}
.hero-slider-section .slide-down {
position: absolute;
bottom: 72px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 1;
visibility: visible;
z-index: 1001;
transition: opacity 0s ease-in-out;
transition-delay: 1.2s;
}
.project-modal-open .hero-slider-section .slide-down {
opacity: 0;
visibility: hidden;
transition-delay: 0s;
}  .scroll-slider-section {
overflow: hidden;
}
.main-carousel {
display: flex;
flex-wrap: nowrap;
}
.main-carousel .slick-slide {
border: 1px solid black;
}
.main-carousel .js-scroll-slide{
overflow: hidden;
flex: 0 0 calc(33.3333333% - 2px);
max-width: calc(33.3333333% - 2px);
border: 1px solid black;
}
.main-carousel .main-carousel__slide {
position: relative; overflow: hidden;
padding-bottom: 100%;
height: 0;
width: 100%;
}
.main-carousel .main-carousel__slide img {
position: absolute;
width: 100%;
height: 100%!important;
object-fit: cover;
top: 0;
left: 0;
}
.awards-carousel .awards__info {
position: absolute;
z-index: 2;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 100%;
padding: 0 50px 0 60px;
}  .team-member {
position: relative;
height: 0;
padding-bottom: 100%;
overflow: hidden;
border: 1px solid black;
}
.team-member::before {
content: '';
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
visibility: hidden;
background-color: rgba(0, 0, 0, .5);
transition: .4s ease-in-out;
}
.team-member:hover::before {
opacity: 1;
visibility: visible;
}
.team-member img {
position: absolute;
width: 100%;
height: 100%!important;
object-fit: cover;
top: 0;
left: 0;
}
.team-member .team-member__info {
position: absolute;
bottom: 80px;
left: 0;
width: 100%;
padding: 0 60px;
line-height: 1;
opacity: 0;
visibility: hidden;
z-index: 2;
transition: .4s ease-in-out;
}
.team-member:hover .team-member__info {
opacity: 1;
visibility: visible;
}
.info-devider {
width: 52px;
height: 1px;
background-color: #fff;
display: block;
}
.info-devider:not(:last-child) {
margin-bottom: 45px;
}
.team-member .team-member__info .team-member__title {
margin-bottom: 45px;
line-height: 1;
}  .news-post {
position: relative;
padding-bottom: 100%; height: 0;
overflow: hidden;
}
.news-post::before {
content: '';
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
visibility: hidden;
background-color: rgba(0, 0, 0, .5);
transition: .4s ease-in-out;
}
.news-post:hover::before {
opacity: 1;
visibility: visible;
}
.news-post img {
transition: 1s ease-in-out;
transform-origin: center;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.news-post:hover img {
-webkit-transform: scale3d(1.04, 1.04, 1);
transform: scale3d(1.04, 1.04, 1);
}
.news-post .news__info {
position: absolute;
bottom: 80px;
left: 0;
width: 100%;
padding: 0 60px;
line-height: 1;
opacity: 0;
visibility: hidden;
z-index: 2;
transition: .4s ease-in-out;
}
.news-post:hover .news__info {
opacity: 1;
visibility: visible;
}
.news-post .news__info .news__title {
margin-bottom: 45px;
line-height: 1;
}
.news-post .news__link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
}  .slide-down {
max-width: 70px;
cursor: pointer;
z-index: 99;
-webkit-animation: mover 1.5s infinite  linear;
animation: mover 1.5s infinite  linear;
}
@-webkit-keyframes mover {
0% { transform: translateY(0); }
50% { transform: translateY(-10px); }
100% { transform: translateY(0); }
}
@keyframes mover {
0% { transform: translateY(0); }
50% { transform: translateY(-10px); }
100% { transform: translateY(0); }
}
.single-post-hero-section {
position: relative;
min-height: 100vh;
padding: 72px 0;
}
.single-post-hero-section:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
z-index: 1; }
.single-post-hero-section .fixed-bg {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 72px 0;
}
.single-post-hero-section .fixed-bg:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .15);
z-index: 2;
pointer-events: none;
}
.single-post-hero-section .fixed-bg > .container {
position: relative;
z-index: 3;
}
.single-post-hero-section .slide-down {
margin-left: auto;
}
.single-post-content-section {
padding: 120px 0;
position: relative;
background-color: black;
}
.single-post-content-section .post-navigation {
padding-top: 200px;
}
.projects__page .post-navigation {
padding: 120px 0;
}  body:not(.studio__page) .footer-widgets {
display: none;
}
body:not(.studio__page) .footer-widgets-small{
display: flex;
}
body.studio__page .footer-widgets-small{
display: none;
}
.footer-widgets { min-height: 100vh;
padding: 130px 0;
display: flex;
align-items: center;
background: rgb(0,0,0);
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 12%, rgba(255,255,255,1) 100%);
background: linear-gradient(180deg, rgba(0,0,0,1) 12%, rgba(255,255,255,1) 100%);
position: relative;
}
.footer-widgets > .wrap {
max-width: 100%;
width: 100%; margin-left: auto;
margin-right: auto;
padding: 0 30px;
display: flex; }
.footer-widgets .widget-area {
width: 100%;
max-width: 33.3333%;
flex: 0 0 33.3333%;
padding-left: 30px;
padding-right: 30px;
}
.footer-widgets .footer-widgets-1 h4 {
font-size: 48px;
}
.footer-widgets .map {
position: relative;
width: 100%;
height: 0;
padding-bottom: 100%;
filter: grayscale(1);
}
.footer-widgets .map iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.footer-widgets a {
text-decoration: none;
background-image: linear-gradient(#fff, #fff);
background-position: 0% 102%;
background-repeat: no-repeat;
background-size: 0% 1px;
transition: background-size .5s;
}
.footer-widgets .txt--black a {
background-image: linear-gradient(#000, #000);
}
.footer-widgets a:hover {
background-size: 100% 1px;
}
.footer-widgets-small {
min-height: 55vh;
text-transform: uppercase;
}
.footer-widgets-small .contact-info .address br {
display: none;
}
.footer-widgets-small .social-media-links {
font-size: 28px;
line-height: 1;
}
.footer-widgets-small .social-media-links a {
transform-origin: center;
transition: .3s ease-in-out;
}
.footer-widgets-small .social-media-links a:hover {
background-size: 0% 1px;
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
.footer-widgets-small .social-media-links a:not(:last-child) {
margin-right: 25px;
}
.footer-widgets-small .legal-info {
text-align: right;
}  .projects-section{
position: relative;
}
.projects-section .project-filters-wrapper {
width: 100%;
position: absolute;
top: 190px;
left: 0;
z-index: 100;
}
.projects-section .project-filters .category-item {
text-transform: uppercase;
cursor: pointer;
transition: .3s ease-in-out;
}
.projects-section .project-filters .category-item.is-checked {
font-weight: 900;
} .projects-section .project-filters .category-item:not(:last-child) {
margin-right: 60px;
}
.project-post {
position: relative;
padding-bottom: 100%; height: 0;
overflow: hidden;
border: 1px solid black;
cursor: pointer;
}
.project-post.large-project {
padding-bottom: 50%;
}
.projects-gallery-section {
background-color: black;
position: relative;
}
.projects-gallery-section .project-post {
cursor: pointer;
}
.project-post::before {
content: '';
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
visibility: hidden;
background-color: rgba(0, 0, 0, .5);
transition: .4s ease-in-out;
}
.project-post:hover::before {
opacity: 1;
visibility: visible;
}
.project-post img {
position: absolute;
width: 100%;
height: 100%!important;
object-fit: cover;
top: 0;
left: 0;
transition: 1s ease-in-out;
transform-origin: center;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.project-post:hover img {
-webkit-transform: scale3d(1.04, 1.04, 1);
transform: scale3d(1.04, 1.04, 1);
}
.project-post .project__info {
position: absolute;
bottom: 80px;
left: 0;
width: 100%;
padding: 0 60px;
line-height: 1;
opacity: 0;
visibility: hidden;
z-index: 2;
transition: .4s ease-in-out;
}
.project-post:hover .project__info {
opacity: 1;
visibility: visible;
}
.project-post .project__info .project__title {
margin-bottom: 45px;
line-height: 1;
}
.project-post .project__link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
}
.js-isotope-item {
width: 100%;
}
body.firefox .js-isotope-item {
margin-left: -1px;
transform: translateX(1px);
}
.boxContent {
position: fixed;
top: 0;
left: 0;
width: 0px;
height: 0px;
visibility: hidden;
pointer-events: none;
z-index: 0;
overflow: hidden;
background-color: #000000;
will-change: transform, top, left, width, height;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.boxContent.transition {
will-change: transform, top, left, width, height;
-webkit-transition: all 700ms ease-in-out;
-o-transition: all 700ms ease-in-out;
transition: all 700ms ease-in-out;
}
.boxContent.active {
position: fixed;
visibility: visible;
pointer-events: all;
z-index: 100;
}
.boxInner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 100vh;
opacity: 0;
pointer-events: none;
overflow-y: auto;
-webkit-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
background: black;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.boxInner::-webkit-scrollbar {
display: none;
}
.boxContent.loaded .boxInner {
pointer-events: all;
opacity: 1;
} .closeBtn {
position: fixed;
top: 72px;
left: 60px;
width: 70px;
height: 50px;
opacity: 0;
visibility: hidden;
z-index: 1001;
transition-delay: 0s!important;
transition: all .3s ease-in-out;
cursor: pointer;
}
.closeBtn img {
height: auto!important;
}
.closeBtn.active {
opacity: 1;
visibility: visible;
transition-delay: .5s!important;
}
.single-project-info {
padding: 30px 100px 30px 60px;
display: flex;
align-items: center;
height: 100%;
}
.single-project-info .single-project-info__margin:not(:nth-last-child(-n+1)) {
margin-bottom: 20px;
}
.single-project-info .project_team-info {
font-size: 15px;
line-height: 1.7;
}
.related-projects-section .related-projects-title {
padding: 100px 0;
text-transform: uppercase;
}
.fancybox-bg {
background-color: #000;
}
.fancybox-is-open .fancybox-bg {
opacity: 0.97;
}
.fancybox-toolbar button:not([data-fancybox-close]){
display: none!important;
}
.fancybox-navigation button {
width: 100px;
height: 100px;
padding: 10px;
}
.fancybox-navigation button:before {
content: "";
position: absolute;
top: 10px;
right: 10px;
width: 80px;
height: 80px;
background: rgba(30,30,30,.6);
}
.fancybox-navigation button svg {
display: none;
}
.fancybox-navigation button:after {
content: "";
position: absolute;
width: 50px;
height: 50px;
background-image: url(//bma.mk/wp-content/themes/bma/assets/images/arrow.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
top: 50%;
left: 50%;
}
.fancybox-navigation button.fancybox-button--arrow_left:after {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
}
.fancybox-navigation button.fancybox-button--arrow_right:after {
-webkit-transform: translate(-50%, -50%) rotate(-90deg);
transform: translate(-50%, -50%) rotate(-90deg);
}  .client-carousel .client-logo {
display: flex!important;
align-items: center;
justify-content: center;
height: 320px;
}
.client-carousel .slick-slide {
height: 100%;
}  .legal-section {
padding: 300px 0 100px 0;
}