@charset "utf-8";
@import url('fonts/stylesheet.css'); 
/*
    font-family: 'AcuminPro-Thin';
    font-family: 'AcuminPro-ExtraLight';
    font-family: 'AcuminPro-Light';
    font-family: 'AcuminPro-Regular';
    font-family: 'AcuminPro-Medium';
    font-family: 'AcuminPro-Semibold';
    font-family: 'AcuminPro-Bold';
    font-family: 'AcuminPro-Black';
    font-family: 'AcuminPro-UltraBlack'; 
 */ 
 

input,select,textarea{-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0;-webkit-border-radius:0; -moz-border-radius:0; }
  
html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;/*scroll-behavior: smooth;*/}
html.nosmooth{scroll-behavior: initial;}

body{margin: 0;padding:0; font-size:100%;line-height:1;/*height: 100%;*/background-color: #fff;/*-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;*/
/*overflow: hidden;*/}

body, button, input, select, textarea{font-family: 'AcuminPro-Regular', Arial, Helvetica, sans-serif;color:#000000;}
div, h1, h2, h3, h4, h5, h6, p, span{padding: 0px;margin: 0px;font-weight:normal;}
/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection{background: #000000;color: #ffffff;text-shadow: none;}
::selection{background: #000000;color: #ffffff;text-shadow: none;}

/* =============================================================================
   Links
   ========================================================================== */

a{color:#000000;text-decoration: none;}
a:hover, a.active{text-decoration: none;}
a:focus{outline: none;}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active{outline: 0;}

/* =============================================================================
   Lists
   ========================================================================== */

ul, ol{margin:0;padding-left: 0;list-style-type:none;}
li ul, li ol{margin: 0;padding:0;}

/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img{border: 0;-ms-interpolation-mode: bicubic;vertical-align: middle;}

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root){overflow: hidden;}

/* =============================================================================
   Tables
   ========================================================================== */

table{border-collapse: collapse;border-spacing: 0;}
td{	vertical-align: top;}

p{line-height:1.4em;}

/* ==== primary styles =====================================================
   Author: Abbas Tahir
   ========================================================================== */

/* For image replacement */
.ir{display: block;border: 0;text-indent: -999em;overflow: hidden;background-color: transparent;background-repeat: no-repeat;text-align: left;direction: ltr;}
.ir a{display: block;height: 100%;}
.hidden{display: none !important;visibility: hidden;}

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after{content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{zoom: 1;}   
.web{display:block;}
.mobile{display:none !important;}
*{box-sizing:border-box;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-family: 'AcuminPro-Regular', Arial, Helvetica, sans-serif;}
:root {--wipe-size: 0;--sbr-yellow: #FFDD00;--semi-bold-font: 600;}

h1{max-width: 920px;font-family: 'AcuminPro-Semibold', Arial, Helvetica, sans-serif;font-size:60px;letter-spacing:-1.8px;line-height:72px;color:#000000;}
h1 span{font-family: 'AcuminPro-Semibold', Arial, Helvetica, sans-serif;}
h2{font-family: 'AcuminPro-Semibold', Arial, Helvetica, sans-serif;font-size:46px;letter-spacing:-1.2px;line-height:52px;color:#000000;}
h2 span{font-family: 'AcuminPro-Semibold', Arial, Helvetica, sans-serif;}
h3{font-family: 'AcuminPro-Semibold', Arial, Helvetica, sans-serif;font-size:33px;letter-spacing:-0.73px;line-height:45px;}
h3 span{font-family: 'AcuminPro-Semibold', Arial, Helvetica, sans-serif;}
p, label, li, a{font-size:21px;line-height:29px;letter-spacing:-0.17px;}
strong, b{font-family: 'AcuminPro-Semibold', Arial, Helvetica, sans-serif, Sans-Serif;font-weight: normal;}


.img{overflow: hidden;clip-path: polygon(0 0, 100% 0, 100% 0, 100% 100%, 0 100%, 0 100%);transition: clip-path 0.4s cubic-bezier(.23,1,.32,1);} 
.img img,
.img video,
.img iframe{object-fit: cover;width: 100%;height: 100%;transition: transform 0.4s cubic-bezier(.23,1,.32,1);}
.img:hover img,
.img:hover video,
.img:hover iframe{transform: scale(1.05);}

.wide{aspect-ratio: 16 / 9;}
.wide:hover, .widew{clip-path: polygon(0 0, 88.75% 0, 100% 20%, 100% 100%, 11.25% 100%, 0 80%);}
.square{aspect-ratio: 1 / 1;}
.square:hover, .squares{clip-path: polygon(0 0, 80% 0, 100% 20%, 100% 100%, 20% 100%, 0 80%);}
.portrait{aspect-ratio: 3 / 4;}
.portrait:hover, .portraitp{clip-path: polygon(0 0, 80% 0%, 100% 15%, 100% 100%, 20% 100%, 0 85%);}

.link{width:auto;display:inline-block;margin:0px;position:relative;line-height:1;letter-spacing:normal;text-decoration:none;}
.link:after {content: "";position: absolute;left: 0;width: 100%;bottom: -0.1em;background: #000000;height: 1px;transition-property: width;transition-duration: 0.3s;transition-timing-function: cubic-bezier(.77,0,.175,1);}
.link:hover:after,
.link:focus:after,
.link:active:after {right: 0;left: auto;width: 0;}

.link.nul:after {width: 0;right: 0;left:auto;}
.link.nul:hover:after,
.link.nul:focus:after,
.link.nul:active:after {width: 100%;left:0;right:auto;}


.link.white{color:rgba(255,255,255,1);}
.link.white:after{background: rgba(255,255,255,1);}

.line-sn{border-bottom: 1px solid #000000;}
.line-sn:hover{border-bottom: none;padding-bottom: 2px;background-repeat: repeat;background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 10 18'%3E%3Cstyle type='text/css'%3E.squiggle%7Banimation:shift .5s linear infinite;%7D@keyframes shift %7Bfrom %7Btransform:translateX(-10px);%7Dto %7Btransform:translateX(0);%7D%7D%3C/style%3E%3Cpath fill='none' stroke='black' stroke-width='1' class='squiggle' d='M0,17.5 c 2.5,0,2.5,-1.5,5,-1.5 s 2.5,1.5,5,1.5 c 2.5,0,2.5,-1.5,5,-1.5 s 2.5,1.5,5,1.5' /%3E%3C/svg%3E");}


.screen-wipe{pointer-events: none;display: flex;justify-content: center;align-items: center;overflow: hidden;position: fixed;left:0;top:0;width: 100vw;height: 100vh;z-index:99999999999;}
.bar-container {transform: rotate(225deg);height: var(--wipe-size);width: var(--wipe-size);position: absolute;display: grid;}
/*.yellow-bar {background: var(--sbr-yellow);animation-fill-mode: both;animation-name: screen-wipe;animation-duration: 1.4s;animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);border: 1px solid var(--sbr-yellow);}*/
.yellow-bar:nth-child(2) {animation-delay: 0.2s;}
.yellow-bar:nth-child(3) {animation-delay: 0.4s;}
.yellow-bar:nth-child(4) {animation-delay: 0.6s;}
.screen-wipe.animation .yellow-bar {background: var(--sbr-yellow);animation-fill-mode: both;animation-name: screen-wipe;animation-duration: 1s;animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);border: 1px solid var(--sbr-yellow);}
@keyframes screen-wipe {from {width: 0px;}to {width: 100%;}}

/*.pagetrans{overflow: hidden;background: var(--sbr-yellow);position: fixed;left:0;top:0;width: 100vw;height: 100vh;z-index:99999999999;animation: pagetrans 1.5s;animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);opacity:0;visibility:hidden;}
@keyframes pagetrans {from {opacity:1;visibility:visible;}to {opacity:0;visibility:hidden;}}
*/
.pagetrans{overflow: hidden;background: #FFDD00;position: fixed;left:0;top:0;width: 100vw;height: 100vh;z-index:9999999999999;opacity:1;visibility:visible;transition: all 0.5s cubic-bezier(0.87, 0, 0.13, 1);}
.pagetrans.hide{opacity:0;visibility:hidden;transition: all 0.5s cubic-bezier(0.87, 0, 0.13, 1);}

main .popup{width:100%;height: 100vh;background-color:#000000;transform: translate3d(0,100%,0);position:fixed;bottom:0;right:0;top:0;left:0; z-index:999999;transition: transform .25s cubic-bezier(.25,.46,.45,.94);}
main .popup .popup-inside{width: 100%;position: relative;/*height: 100vh;overflow: hidden;overflow-y: scroll;*/float: left;}

.close{width:50px;height:50px;background-color:#FFDD00;z-index:99; position:fixed;top:13px;right:32px;border-radius:100%;background-image:url(../images/close-icon-black-small.png);background-repeat:no-repeat;background-size:19px 19px;background-position:center center;animation-duration: 0.4s;animation-timing-function: cubic-bezier(.77,0,.175,1);animation-fill-mode: forward;}
.close:hover {animation-name: close;}
@keyframes close {0%   {transform: rotate(0deg);}30%  {transform: rotate(-30deg);}100%  {transform: rotate(180deg);}}


#outer-wrapper{width:100%;float:left;}  
 
/* header{width:100%;height:70px;opacity:1;position:fixed;top:0;left:0;background-color:#ffffff;z-index:9999;transition:background-color 0.5s;} 
header #header{max-width:1560px;margin:0 auto;padding:0 80px;position:relative;} 
header #header .logo{width:140px;max-width: 140px;cursor: pointer;height:36px;left:80px;top:11px;position:absolute;} 
header #header .menu{display:none;} 
header #header nav{width:auto;padding-top:20px;float:right;position:relative;margin-right:0;} 
header #header nav ul{width:100%;margin:0;padding:0;list-style:none;float:left;text-align:center;} 
header #header nav ul li{width:auto;padding:0 14px 0 18px;float:left;position:relative;}  
header #header nav ul li:last-of-type{padding-right:0;}
header #header nav ul li a{width:auto;float:left;font-family: 'AcuminPro-Regular';padding:0 3px;font-size:20px;line-height:27px;letter-spacing:-0.1px; color:#000000D8;text-decoration:none;position:relative;cursor:pointer;}  
header #header nav ul li:before{width:auto;height:auto;margin:0;padding:0;content:'•';position:absolute;left:0;top:8px;color:#000000D8;} 
header #header nav ul li:first-of-type:before{display:none;}
header #header nav ul li a:after {content: "";position: absolute;right: 0;width: 0;bottom: 11px;background: #FFDE00;height: 2px;transition-property: width;transition-duration: 0.3s;transition-timing-function: ease-out;}
header #header nav ul li a:hover:after,
header #header nav ul li a:focus:after,
header #header nav ul li a:active:after,
header #header nav ul li a.active:after {left: 0;right: auto;width: 100%;}

body.home header{background-color:transparent;}
body.home header #header .logo{display:none;}
body.home header #header nav ul li a{color:#ffffff;}  
body.home header #header nav ul li:before{color:#ffffff;} 
body.home.open-nav header #header .logo{display:block;} */
.breadcrumb{width: 100%;float: left;padding: 40px 0px 0;margin: 0;box-sizing: border-box;}
.breadcrumb a{width:auto;float:right;font-size: 18px;line-height: 18px; margin:0;padding:0;color:#000000;text-decoration:none;background: linear-gradient(90deg, #000000 calc(100%/3), transparent 0 calc(200%/3), #000000 0) var(--d, 0%) 100% /300% 1px no-repeat;}
.breadcrumb a:hover{--d: 100%;transition: 0.5s;}

.breadcrumb.wbbtn{position:fixed;top:80px;z-index:9;}
.breadcrumb.wbbtn a{width:40px;height:40px;margin-right:-60px;background:url(../images/back-icon.svg) no-repeat center center;background-size:100% auto;}
 main .heading-box.bcdtop{margin-top:80px}


.SBR-logo {max-width: 170px;cursor: pointer;width: 100%;z-index: 1;margin-left: -0.4em;margin-top: -0.4em;opacity: 1;transition: opacity 0.3s cubic-bezier(0.83, 0, 0.17, 1);}
.bl{display: block;}
.wh{display: none;}
header .logo-wp {max-width: 170px;bottom:0;right:0;cursor: pointer;width: 100%;height:40px;z-index: 1;margin-left:0;margin-top: 0;opacity: 1;transition:background-image 0.3s  ease-in-out;background:url(../images/logo-sbr-2.png) no-repeat center center;background-size:100% auto;}
header .logo-wp:hover{background-image:url(../images/logo-sbr-hover-2.png);}

header {position: fixed;z-index:9998;width: 100%; transition: transform 0.3s cubic-bezier(0.83, 0, 0.17, 1);}
.nav-bar-container {display: flex;justify-content: space-between;align-items: center;max-width:1560px;margin:0 auto;padding:0 80px;height: 100%;}
.nav-background {width: 100%;z-index: 0;position: absolute;height: 100%;top: 0;background-color: white;transition: height 0.3s cubic-bezier(0.83, 0, 0.17, 1);}
header:hover li, header:hover a {color: black;}
.nav-links {font-size: 20px;z-index: 1;padding: 26px 0;}
/*.nav-links li::after {content: '•';margin-left: 13px;transition: 0.3s cubic-bezier(0.83, 0, 0.17, 1);}
.nav-links li:last-child::after {content: '';margin-left: 0; }*/
.nav-links li {display: inline;margin-left: 26px;color: black;}
header li a {padding:0;font-size:20px;line-height:27px;letter-spacing:-0.1px; color:#000000;text-decoration: none;padding-bottom: 0.12em;background: linear-gradient(currentColor 0 0) var(--p, 0) 100% /var(--d, 0) 0.08em no-repeat;transition: 0.3s cubic-bezier(0.83, 0, 0.17, 1), background-position 0s 0.3s cubic-bezier(0.83, 0, 0.17, 1);}
header li a:hover, header li a.active {--d: 100%;--p: 100%;}
.nav-scrolled {height: 100%;}
.text-black li, .text-black a {color: black;}

body.home .nav-background {height: 0%;}
body.home header:hover .nav-background {height: 100%;}
body.home .SBR-logo {opacity: 0;}
body.home header:hover .SBR-logo {opacity: 1;}
body.home .nav-links li {color: white;}
body.home header li a {color:white;}
body.home .text-black li, body.home .text-black a {color: black;}
body.home header:hover li, body.home header:hover a {color: black;}
body.home .fade-in {opacity: 1;}
body.home .nav-scrolled {height: 100%;}

body.home.agency .nav-background {background-color: #000000;}
body.home.agency .text-black li, body.home .text-black a {color: white;}
body.home.agency header:hover li, body.home header:hover a {color: white;}
body.home.agency .SBR-logo {opacity: 1 !important;}
body.home.agency .SBR-logo .bl{display: none;}
body.home.agency .SBR-logo .wh{display: block;}


.menu{display:none;} 

/* section ---------------------------------------- */
main{width:100%;float:left;margin-bottom: 100vh; padding-top:80px;position:relative;z-index:2;background-color:#ffffff;}
body.secclick main{overflow:hidden;}
section{width:100%;float:left;margin:0;padding:0;}
article{width:100%;float:left;margin:0;padding:0;}
figure{width:100%;float:left;margin:0;padding:0;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.content-inner{max-width:1560px;margin:0 auto;padding:0 80px;position:relative;} 

body.home main{margin-top:0;}

#barch{width:100%;float:left;height:1px;}

main .featured-box{width:100%;height:calc(100vh - 80px);/*max-height:877px;*/float:left;overflow:hidden;position:relative;background-color: #000000;/*margin-top:-80px;*/}
main .featured-box figure,
main .featured-box video{height:100%;position:absolute;left:0;top:0;/*background-image:url(../images/img-intro1.jpg);*/}
main .featured-box video{width:100%;object-fit: cover;}
main .featured-box iframe{width:100%;height:100%;position:absolute;left:0;top:0;background-image:url(../images/img-intro1.jpg);}
main .featured-box img{display:none !important;}
main .featured-box .content-inner{height:100vh;max-height:877px;}
main .featured-box .inner{width:65%;height:100%;position: absolute;top:0; left:80px; display:flex;align-items:center;}
main .featured-box .inner h1{width:100%;float:left;margin:0;padding:0;text-align:left;font-size:46px;letter-spacing:-1.2px;line-height:52px;color:#FFFFFF;}
main .featured-box .inner.pj{height:auto;top:auto; bottom:43px;display:initial;align-items:initial;}
main .featured-box .inner p{width:100%;float:left;margin:0;padding:0;text-align:left;color:#FFFFFF;}
main .featured-box .inner.large p{font-family: 'AcuminPro-Medium', Arial, Helvetica, sans-serif;font-size:60px;line-height:72px;letter-spacing:-1.8px;}
main .featured-box .inner a{width:auto;background: linear-gradient(90deg, #FFFFFF calc(100%/3), transparent 0 calc(200%/3), #FFFFFF 0) var(--d, 0%) 100% /300% 1px no-repeat;color:#FFFFFF;text-decoration:none;}
main .featured-box .inner a:hover{--d: 100%;transition: 0.5s;}
@media (min-aspect-ratio: 16 / 9) {main .featured-box iframe {height: 500% !important;top: -200% !important;}}
@media (max-aspect-ratio: 16 / 9) {main .featured-box iframe {width: 500% !important;left: -200% !important;}}
main .featured-box .player{ position: absolute; top: 0; left:0; width: 100%; height: 100%; background-color:#000000;background-position:center center;background-repeat:no-repeat;background-size:cover; } 

.featured-box .lftlink-ext{width:118px;height:112px;position:absolute;right:16px;top:16px;background-image:url(../images/yellow-balck-arrow.svg);background-position:center center;background-repeat:no-repeat;background-size:100% auto;}
.featured-box .lftlink-ext span{width:50%;height:auto;position:absolute;left:9px;bottom:3px;font-size:16px;line-height:22px;font-family: 'AcuminPro-Regular';font-style: normal;font-weight: normal;}
/*.featured-box .lftlink-ext:after{content:"";width:32.74px;height:33.74px;position:absolute;right:25px;top:18px;background-image:url(../images/arrow-cup.png);background-position:center center;background-repeat:no-repeat;background-size:100% auto;}*/
.featured-box .lftlink-ext.white{background-image:url(../images/white-black-arrow.svg);}
.featured-box .lftlink-ext.black{background-image:url(../images/balck-white-arrowsvg);}
.featured-box .lftlink-ext.black span{color:#fff;}
/*.featured-box .lftlink-ext.black:after{background-image:url(../images/arrow-cup-white.png);}*/

 
.graphic{width:1050px;height:804px;position:absolute;left:0;bottom:0;overflow:hidden;}
.graphic span{width:100%;height:100%;position:absolute;right:-1050px;bottom:-100%;background-image:url(../images/SBR-logo-long.svg);background-position:top left;background-repeat:no-repeat;background-size:1400px auto;}
/*.graphic.animate span,*/
/*.graphic.animate-in span{animation: move 1s cubic-bezier(0.65, 0, 0.35, 1);right:0;bottom:0;}
.graphic.animatevisible span{animation: move 1s cubic-bezier(0.65, 0, 0.35, 1);right:0;bottom:0;}
@keyframes move {from {right:-1050px;bottom:-100%;}to {right:0;bottom:0;}}*/

.graphic.small{width:525px;height:650px;/*width:445px;height:665px;*/left:auto;right:0;}
.graphic.small span{right:0;bottom:0;background-image:url(../images/SBR-Logo-Beam.svg);background-size:525px auto;/*-445px;*//*background-image:url(../images/SBR-logo-long-h-new.svg);background-size:525px auto;*/}
/*.graphic.small.animate-in span{animation: movesmall 1s cubic-bezier(0.65, 0, 0.35, 1);right:0;bottom:0;}
.graphic.small.animatevisible span{animation: movesmall 1s cubic-bezier(0.65, 0, 0.35, 1);right:0;bottom:0;}
@keyframes movesmall {from {right:-445px;bottom:-100%;}to {right:0;bottom:0;}}*/
.graphic.small.animate-out span{animation: movesmallout 1s cubic-bezier(0.65, 0, 0.35, 1);right:-525px;bottom:-100%;} 
@keyframes movesmallout {from {right:0;bottom:0;}to {right:-525px;bottom:-100%;}}

/*main .graphic-box{width:100%;height:100%;float:left;margin:0;padding:0;position:absolute;top:0;left:0;}
main .graphic-box .graphic{width:1160px;height:804px;border:solid 1px red;position:absolute;left:80px;top:0;background-image:url(../images/img-logo-home.svg);background-position:top center;background-repeat:no-repeat;background-size:100% auto;}
main .graphic-box.small .graphic{width:442px;height:662px;background-image:url(../images/img-graphic-sbr-small.png);left:auto;top:auto;bottom:0;right:-5px;}
main .graphic-box.small .content-inner{position:initial;}*/

main .project-list{width:100%;float:left;background-color:#ffffff;margin-top:90px;}
main .project-list:last-of-type{padding-bottom:90px;}
main .project-list .project-box{width:100%;float:left;position:relative;margin-bottom:90px;}
main .project-list .project-box:last-of-type{margin-bottom:0;}
main .project-list article{margin-left:2.857142857142857%;position:relative;}
main .project-list article:first-of-type{margin-left:0;}
main .project-list figure{height:788px;position:relative;}
main .project-list video,
main .project-list iframe{width:100%;height:788px;float:left;position:relative;}
main .project-list article:not(.article) figure:after{width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(0,0,0,0.25);content:"";opacity:0;visibility:hidden;transition:opacity 0.2s cubic-bezier(0.65, 0, 0.35, 1); }
main .project-list .info{width:100%;float:left;position:relative;margin-top:25px;}
main .project-list h2, main .project-list p{width:100%;float:left;}
main .project-list h2{width:auto;font-family: 'AcuminPro-Semibold', Arial, Helvetica, sans-serif;padding:0;font-size:21px;line-height:29px;letter-spacing:-0.17px;background: linear-gradient(currentColor 0 0) var(--p, 0) 100% /var(--d, 0) 0.08em no-repeat;transition: 0.3s cubic-bezier(0.83, 0, 0.17, 1), background-position 0s 0.3s cubic-bezier(0.83, 0, 0.17, 1);}
main .project-list a:hover h2{--d: 100%;--p: 100%;}

/*main .project-list h2{background: linear-gradient(90deg, #000000 calc(100%/3), transparent 0 calc(200%/3), #000000 0) var(--d, 0%) 100% /300% 1px no-repeat;}
main .project-list a:hover h2{--d: 100%;transition: 0.5s;}*/

/*main .project-list article:hover h2{border-color: transparent;padding-bottom: 2px;background-repeat: repeat;background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 10 18'%3E%3Cstyle type='text/css'%3E.squiggle%7Banimation:shift .5s linear infinite;%7D@keyframes shift %7Bfrom %7Btransform:translateX(-10px);%7Dto %7Btransform:translateX(0);%7D%7D%3C/style%3E%3Cpath fill='none' stroke='black' stroke-width='1' class='squiggle' d='M0,17.5 c 2.5,0,2.5,-1.5,5,-1.5 s 2.5,1.5,5,1.5 c 2.5,0,2.5,-1.5,5,-1.5 s 2.5,1.5,5,1.5' /%3E%3C/svg%3E");}

/*main .project-list article:hover h2{border-color: transparent;padding-bottom: 2px;background-repeat: repeat;background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 10 18'%3E%3Cstyle type='text/css'%3E.squiggle%7Banimation:shift .5s linear infinite;%7D@keyframes shift %7Bfrom %7Btransform:translateX(-10px);%7Dto %7Btransform:translateX(0);%7D%7D%3C/style%3E%3Cpath fill='none' stroke='black' stroke-width='1' class='squiggle' d='M0,17.5 c 2.5,0,2.5,-1.5,5,-1.5 s 2.5,1.5,5,1.5 c 2.5,0,2.5,-1.5,5,-1.5 s 2.5,1.5,5,1.5' /%3E%3C/svg%3E");}
main .project-list article:hover figure:after{opacity:1;visibility:visible;}*/

main .project-list .article{background:none;background-color:#F2F2F2;clip-path: polygon(0 0, 80% 0, 100% 20%, 100% 100%, 20% 100%, 0 80%);}
main .project-list .article .info{position:absolute;left:0;top:0;height:100%;padding:0 80px;display:flex;align-items:center;margin-top:0;}
main .project-list .article .info div{width:100%;float:left;}
main .project-list .article .info h2{width:100%;text-align:center;border:0;}
main .project-list .article .info p{font-size:33px;line-height:45px;letter-spacing:-0.73px;text-align:center;}

main .project-list article.medium{width:62.142857142857146%;}
main .project-list article.medium figure,
main .project-list article.medium video,
main .project-list article.medium iframe{height:489px;}
main .project-list article.small{width:35%;}
main .project-list article.small figure,
main .project-list article.small video,
main .project-list article.small iframe{height:489px;}
main .project-list article.x-small{width:31.428571428571427%;}
main .project-list article.x-small figure,
main .project-list article.x-small video,
main .project-list article.x-small iframe{height:389px;}

/*main .project-list .notched figure{background:none;background-color:#F2F2F2;}
main .project-list .notched figure:before, 
main .project-list .notched figure:after{content: "";width: calc(100% - 65px);height: 0;position: absolute;top: 0;left: 0;}
main .project-list .notched figure:before {border-bottom: 65px solid transparent;border-right: 65px solid #ffffff;}
main .project-list .notched figure:after {bottom:0;top:auto;border-top: 65px solid transparent;border-left: 65px solid #ffffff;}*/


main .project-list .graph{width:150px;height:190px;position:absolute;left:50%;top:50%;margin-left:-75px;margin-top:-95px;background-color:#FFDD00;}
main .project-list .graph:before, 
main .project-list .graph:after{content: "";width: calc(100% - 65px);height: 0;position: absolute;top: 0;left: 0;}
main .project-list .graph:before {border-bottom: 65px solid transparent;border-right: 65px solid #F2F2F2;}
main .project-list .graph:after {bottom:0;top:auto;border-top: 65px solid transparent;border-left: 65px solid #F2F2F2;}

main .project-list article.left{float:left;}
main .project-list article.right{float:right;}

main .more{width:100%;float:left;background-color:#ffffff;text-align:center;padding:110px 0 120px 0;}
main .more a{width:auto;display:inline-block;font-size:33px;line-height:45px;letter-spacing:-0.73px;}

main .backroom-box{width:100%;float:left;margin:0;padding:170px 0 90px 0;}
main .backroom-box h1{width:100%;float:left;margin-bottom:110px;text-align:left;position:relative;}
main .backroom-box .archive-project {margin-bottom: 140px;width: 100%;float:left;}
main .backroom-box .archive-project p {margin-bottom: 30px;}
main .backroom-box .grid {display: grid;grid-template-columns: repeat(12, 1fr);gap: clamp(10px, 2.564vw, 40px);grid-auto-flow: row dense;}
main .backroom-box .grid_img {height: 100%;width: 100%;object-fit: cover;display: block;}
/* Square blocks */
main .backroom-box .grid-square_small {grid-column: auto / span 3;}
main .backroom-box .grid-square_medium {grid-column: auto / span 4;}
main .backroom-box .grid-square_large {grid-column: auto / span 6;grid-row: auto / span 2;}
/* wide blocks */
main .backroom-box .grid-wide_small {grid-column: auto / span 6;}
main .backroom-box .grid-wide_medium {grid-column: auto / span 8;}
main .backroom-box .grid-wide_large {grid-column: auto / span 12;}

/* Slider ------------------------------------ */
.featured-slide{width:100%;float:left;margin:0px;padding:0 0 75px 0;overflow:hidden;}
.slides{width:100%;float:left;margin:0;padding:0;left:0;margin-left:0;}
.slider .flexslider .slides > li .bg{width:100%;height:100%;position:absolute;left:0;top:0;background-position:center center;background-repeat:no-repeat;background-size:cover;}      
.slider .slides .slide{width:100%;position:relative;float:left;height:768px;}  
.slider .slides .slide .bg{width:100%;height:100%;position:absolute;left:0;top:0;background-position:center center;background-repeat:no-repeat;background-size:cover;}
/*section .slider .slides .slide .bg:after{content:"";width:50%;height:100%;position:absolute;left:0;top:0;background-position:left center;background-image:url(../images/shade-img.png);background-repeat:no-repeat;background-size:cover;}*/

.slides .db-outer{width:100%;float:right;position:relative;}
.slider .db-outer .db-box{width:100%;height:768px;padding:0;margin:0;display:table;}
.slider .db-outer .db-inner{width:100%;height:100%;padding:0;margin:0;display:table-cell;vertical-align:middle}
.slider .db-outer .db-inner h1{width:auto;margin-bottom:10px;float:right;clear:right;font-size:50px;line-height:34px;color:#1D294E;text-align:left;clear:left;}
.slider .db-outer .db-inner p{width:100%;float:left;margin-bottom:15px;font-size:17px;line-height:24px;letter-spacing:0.1px;color:#1D294E;text-align:left;clear:left;}
 .slider .db-outer .db-inner .btn{position:absolute;bottom:26px;left:26px;}                                
 body.home .slider .db-outer .db-inner h1, body.home .slider .db-outer .db-inner p{color:#fff !important;}

.shpelogo-yellow{content:"";width:100%;height:1860px;position:absolute;left:0;top:73px;background-position:top center;background-repeat:no-repeat;background-image:url(../images/shpelogo-yellow.png);background-repeat:no-repeat;background-size:100% auto;}
.shpelogo-yellow2{content:"";width:100%;height:10470px;position:absolute;left:0;top:0;background-position:top center;background-repeat:no-repeat;background-image:url(../images/SBR-snake.svg);background-repeat:no-repeat;background-size:100% auto;}


.flex-direction-nav {width:100%;list-style:none;position:absolute;left:0;top:50%;}
.flex-direction-nav a {width: 22px; height: 39px; position: absolute; cursor: pointer; text-indent: -9999px; opacity: 1;margin-top:0;}
.flex-direction-nav a.flex-next{background: url(../images/arrow-right.png) right top no-repeat; right:1.4641288433382138vw;} 
.flex-direction-nav a.flex-next:hover{background: url(../images/arrow-right-h.png) right top no-repeat;} 
.flex-direction-nav a.flex-prev{background: url(../images/arrow-left.png) left top no-repeat; left:1.4641288433382138vw;}  
.flex-direction-nav a.flex-prev:hover{background: url(../images/arrow-left-h.png) left top no-repeat;}  
.flexslider:hover a.flex-next, .flexslider:hover a.flex-prev {opacity: 1; }
.flexslider:hover a.flex-next:hover, .flexslider:hover a.flex-prev:hover {opacity: 1;}    
 
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} 
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }
 
.flex-control-paging {width:auto;list-style:none;position:absolute;right:9.150805270863836vw;bottom:3.8067349926793557vw;}
.flex-control-paging li{width:auto;float:left;}
.flex-control-paging li a{width:14px;height:14px;background-color:#ffffff;border-radius:100%;float:left;margin-left:10px;color:#ffffff;text-align:center;text-decoration:none;font-size:0px;}
.flex-control-paging li a:hover, .flex-control-paging li a.flex-active{color:#db5941;background-color:#db5941;text-decoration:none;}
   
/* Slider */
.slick-slider{position: relative;display: block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: initial;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: auto;min-height: 1px;margin: 0 0 0 0;padding:0;position:relative;}
.slick-slide:first-of-type{margin-left: 0 !important;}  
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden{display: none;}
.btn-slick{width:35px;height:35px;position:absolute;/*top:390px;*/bottom:20px;background-position:center center;background-repeat:no-repeat;background-size:100% auto;border-radius:100%;transition:all 0.75s ease;}   
.prev{background-image:url(../images/arrow-slider-left-white.png);right:calc(40px + 30px);}  
.prev:hover{background-image:url(../images/arrow-slider-left-h.png);background-color:#EDD06E;}  
.next{background-image:url(../images/arrow-slider-right-white.png);right:30px;}  
.next:hover{background-image:url(../images/arrow-slider-right-h.png);background-color:#EDD06E;}  
/*.prev.slick-disabled{background-image:url(../images/icon-arrow-left-h.png);}
.next.slick-disabled{background-image:url(../images/icon-arrow-right-h.png);}*/ 

.slick-dots{position:absolute;height:15px;width:45px;/*top:352px;*/bottom:68px;right:35px;}
.slick-dots li{width:45px;height:15px;text-align: right;padding:0;position:absolute !important;right:0;top:0;display:none;font-size:16px;line-height:22px;letter-spacing:0.49px;color:#FFFFFF;}
.slick-dots li.slick-active{display:block;}  


input[placeholder], [placeholder], *[placeholder] {color:#ffffff;opacity:1;}


.fximg{width:0 !important;transition:all .75s;opacity:0;}
.fximg-in {width:100% !important;opacity:1;}
.imgvisible {width:100% !important;opacity:1;} 

.fxup {visibility: hidden;opacity:0;}
.fxup-in {-webkit-transform: translateY(55px); -moz-transform: translateY(55px); -ms-transform: translateY(55px); -o-transform: translateY(55px); transform: translateY(55px);
          -webkit-animation: fxup-in 0.85s ease forwards; -moz-animation: fxup-in 0.85s ease forwards; -ms-animation: fxup-in 0.85s ease forwards; -o-animation: fxup-in 0.85s ease forwards; animation: fxup-in 0.85s ease forwards;opacity: 0;}
.upvisible {-webkit-transform: translateY(55px); -moz-transform: translateY(55px); -ms-transform: translateY(55px); -o-transform: translateY(55px); transform: translateY(55px);
          -webkit-animation: fxup-in 0.85s ease forwards; -moz-animation: fxup-in 0.85s ease forwards; -ms-animation: fxup-in 0.85s ease forwards; -o-animation: fxup-in 0.85s ease forwards; animation: fxup-in 0.85s ease forwards;opacity: 0;} 
@-webkit-keyframes fxup-in {to {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);opacity: 1;visibility: visible;}}
@-moz-keyframes fxup-in {to {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);opacity: 1;visibility: visible;}}
@-o-keyframes fxup-in {to {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);opacity: 1;visibility: visible;}}
@keyframes fxup-in {to {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);opacity: 1;visibility: visible;}}

.fxdown{visibility: hidden;}
.fxdown-in {-webkit-transform: translateY(-25px); -moz-transform: translateY(-25px); -ms-transform: translateY(-25px); -o-transform: translateY(-25px); transform: translateY(-25px);
            -webkit-animation: fxdown-in 1s ease forwards; -moz-animation: fxdown-in 1s ease forwards; -ms-animation: fxdown-in 1s ease forwards; -o-animation: fxdown-in 1s ease forwards; animation: fxdown-in 1s ease forwards;opacity: 0;}
.downvisible {-webkit-transform: translateY(-25px); -moz-transform: translateY(-25px); -ms-transform: translateY(-25px); -o-transform: translateY(-25px); transform: translateY(-25px);
              -webkit-animation: fxdown-in 1s ease forwards; -moz-animation: fxdown-in 1s ease forwards; -ms-animation: fxdown-in 1s ease forwards; -o-animation: fxdown-in 1s ease forwards; animation: fxdown-in 1s ease forwards;opacity: 0;} 
@-webkit-keyframes fxdown-in {to {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);opacity: 1;visibility: visible;}}
@-moz-keyframes fxdown-in {to {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);opacity: 1;visibility: visible;}}
@-o-keyframes fxdown-in {to {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);opacity: 1;visibility: visible;}}
@keyframes fxdown-in {to {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);opacity: 1;visibility: visible;}}
 
.fxleft{visibility: hidden;}
.fxleft-in {-webkit-transform: translateX(25px); -moz-transform: translateX(25px); -ms-transform: translateX(25px); -o-transform: translateX(25px); transform: translateX(25px);
            -webkit-animation: fxleft-in 1s ease forwards; -moz-animation: fxleft-in 1s ease forwards; -ms-animation: fxleft-in 1s ease forwards; -o-animation: fxleft-in 1s ease forwards; animation: fxleft-in 1s ease forwards;opacity: 0;}
.leftvisible {-webkit-transform: translateX(25px); -moz-transform: translateX(25px); -ms-transform: translateX(25px); -o-transform: translateX(25px); transform: translateX(25px);
              -webkit-animation: fxleft-in 1s ease forwards; -moz-animation: fxleft-in 1s ease forwards; -ms-animation: fxleft-in 1s ease forwards; -o-animation: fxleft-in 1s ease forwards; animation: fxleft-in 1s ease forwards;opacity: 0;} 
@-webkit-keyframes fxleft-in {to {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);opacity: 1;visibility: visible;}}
@-moz-keyframes fxleft-in {to {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);opacity: 1;visibility: visible;}}
@-o-keyframes fxleft-in {to {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);opacity: 1;visibility: visible;}}
@keyframes fxleft-in {to {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);opacity: 1;visibility: visible;}}

.fxright{visibility: hidden;}
.fxright-in {-webkit-transform: translateX(-25px); -moz-transform: translateX(-25px); -ms-transform: translateX(-25px); -o-transform: translateX(-25px); transform: translateX(-25px);
             -webkit-animation: fxright-in 1s ease forwards; -moz-animation: fxright-in 1s ease forwards; -ms-animation: fxright-in 1s ease forwards; -o-animation: fxright-in 1s ease forwards; animation: fxright-in 1s ease forwards;opacity: 0;}
.rightvisible {-webkit-transform: translateX(-25px); -moz-transform: translateX(-25px); -ms-transform: translateX(-25px); -o-transform: translateX(-25px); transform: translateX(-25px);
               -webkit-animation: fxright-in 1s ease forwards; -moz-animation: fxright-in 1s ease forwards; -ms-animation: fxright-in 1s ease forwards; -o-animation: fxright-in 1s ease forwards; animation: fxright-in 1s ease forwards;opacity: 0;} 
@-webkit-keyframes fxright-in {to {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);opacity: 1;visibility: visible;}}
@-moz-keyframes fxright-in {to {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);opacity: 1;visibility: visible;}}
@-o-keyframes fxright-in {to {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);opacity: 1;visibility: visible;}}
@keyframes fxright-in {to {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);opacity: 1;visibility: visible;}} 

.fxfade{visibility: hidden;opacity:0;transition:opacity 1s;}
.fxfade-in {opacity: 1;visibility: visible;}
.fadevisible {visibility: visible;opacity:1;}

/* About */
./*info-about{width:100%;height:auto;padding:0px 0;margin:0;float:left;}
.info-about > .content-inner{padding:0px 198px;}
.info-about .info-inner{width:100%;height:calc(100vh - 70px);float:left;padding:0;margin:0;border:solid 1px red;display:flex;align-items:center;}
.info-about .info-inner:first-child{margin:0px 0 0 0;}
.info-about .info-inner > div{width:100%;float:left;}
.info-about .info-inner h1{width:100%;margin-bottom:25px;float:left;font-family: 'AcuminPro-Semibold';font-style: normal;font-weight: normal;font-size:42px;line-height:48px;letter-spacing:-0.25px;color:#1D294E;}
.info-about .info-inner h2{width:100%;margin-bottom:40px;float:left;}
.info-about .info-inner h4{width:100%;margin:0px;float:left;font-family: 'AcuminPro-Regular';font-size:21px;line-height:28px;color:#000000;}
.info-about > .info-inner > p{width:100%;margin-bottom:40px;float:left;font-family: 'AcuminPro-Semibold';font-size:46px;letter-spacing:-1.2px;line-height:52px;color:#000000;}
*/
/*.team-list{width:100%;margin-top:254px;margin-bottom:152px;float:left;position:relative;}
.team-list .list-item{width:19.2375%;margin:0 0 11px 11px;float:left;position:relative;}
.team-list .list-item img{width:100%;margin:0;float:left;position:relative;}
.team-list .list-item:nth-child(5n-4){margin-left:0;clear:left;}
.team-list .h-member{width:100%;height:100%;position:absolute;top:0;left:0;display:table;display:none;} 
.team-list .h-member::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:#000;opacity:0.8;text-align:center;} 
.team-list .h-member div{width:100%;display:table-cell;vertical-align:middle;margin:0;padding:0;text-align:center;position:relative;} 
.team-list .h-member div::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;text-align:center;background-position:center top 67%;background-image:url(../images/arrow-ri.png);background-repeat:no-repeat;background-size:8% auto;} 
.team-list .h-member h2{width:100%;margin:0;padding:0;text-align:center;font-family: 'Acumin Pro';font-style: normal;font-weight: normal;font-size:32px;line-height:40px;letter-spacing:-0.26px;color:#FFDE00;position:relative;} 
.team-list .h-member h3{width:100%;margin:0;padding:5px 0 0 0;text-align:center;font-family: 'Acumin Pro';font-style: normal;font-weight: normal;font-size:18px;line-height:27px;color:#FFDE00;position:relative;} 
.team-list a:hover .h-member{display:block;display:table;-webkit-transition:.6s all;-o-transition:.6s all;transition:.6s all;} 
.team-list a{-webkit-transition:.6s all;-o-transition:.6s all;transition:.6s all;} 
*/

.whitebar{width:100%;height:1100px;position:fixed;left:0;top:100%;background-color:#ffffff;}
.pinkbar{width:100%;height:100%;position:absolute;left:0;top:0;margin-top:0;background-color:#ffffff;}
.trans{background-color:transparent !important;}
.offsetposopacity{position:fixed;bottom:400px;left:0;width:200px;height:5px;background-color:transparent !important;}
.offset{position:fixed;bottom:50px;left:0;width:200px;height:5px;background-color:transparent !important;}


body.ops .whitebar{display:none !important;}

/*.member-bio{width:100%;float:left;margin:0 0;padding:0 0;}
.member-bio .content-inner{max-width:100%;padding:0 80px 0 0;}
.member-bio .img-box{width: calc(40.875% + 80px);min-height: 810px;float:left;margin:0 0 0 0;padding:0 0 0 0;position:relative;}
.member-bio .img-box .bg {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 810px;
    float: left;
    padding: 0;
    margin: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.member-bio .img-box img{width: 100%;float:left;margin:0;padding:0 0 0px 0;}
.member-bio .text-box{width:43.25%;float:left;position:relative;margin:90px 0 0 8.437%;padding:0 0 0 0;}
.member-bio .text-box h2{width:100%;float:left;margin:0 0 4px 0;padding:0;}
.member-bio .text-box h3{width:100%;float:left;font-family: 'AcuminPro-Regular';font-size:21px;line-height:29px;letter-spacing:-0.17px;color:#000000;margin:0 0 40px 0;padding:0;opacity:0.6;}
.member-bio .text-box p{width:100%;float:left;margin:0 0 40px 0;padding:0;}
.member-bio .text-box a{width:auto;clear:left;float:left;font-family: 'AcuminPro-Regular';font-size:21px;line-height:29px;letter-spacing:-0.17px;color:#000000;margin:0 0 5px 0;padding:0;text-decoration:underline;}
.member-bio .text-box a:hover{text-decoration:none;}
*/
 
.fpop{display:none;}
.fpop .popupv-block .popupv-block-detail{background-color:#1D294E;}

/*Our-work-page-start====*/
main .work-box{width:100%;float:left;margin:0;padding:170px 0 90px 0;}
main .work-box h1{width:100%;float:left;overflow:hidden;height: 110px;/*transition: transform 0.5s cubic-bezier(0.65, 0, 0.35, 1);transform-style: preserve-3d;*/margin-bottom:50px;text-align:left;position:relative;}
main .work-box h1 sup{width:auto;float:none;margin:8px 0 0 15px;padding:0;font-size:21px;line-height:29px;letter-spacing:-0.17px;letter-spacing:normal;line-height:normal;position:absolute;}
main .work-box h1 span{display: inline-block;height: 110px;width:100%;float:left;padding:0;position:relative;transition: transform 0.5s cubic-bezier(0.65, 0, 0.35, 1);}
main .work-box h1.rotate-text span{transform: translateY(-100%);}
main .work-box h1.rotate-text.first span{transform: translateY(-200%);}

main .work-box h1 span.animate {transform: translateY(100%);visibility: visible !important;opacity:1 !important;}
main .work-box h1 span.animate-in {transform: translateY(0);animation: transform 0.5s cubic-bezier(0.65, 0, 0.35, 1);opacity: 1 !important;visibility:visible !important;} 
main .work-box h1 span.animatevisible {transform: translateY(0);animation: transform 0.5s cubic-bezier(0.65, 0, 0.35, 1);opacity: 1 !important;visibility:visible !important;} 

main .work-box .filter{width:100%;float:left;margin:0 0 60px 0;padding:0;}
main .work-box .filter a{width:auto;float:left;margin:0 38px 0 0;padding:0;text-align:left;font-size:21px;line-height:29px;letter-spacing:-0.17px;color:#000000;text-decoration:none;position:relative;background: linear-gradient(currentColor 0 0) var(--p, 0) 100% /var(--d, 0) 0.08em no-repeat;transition: 0.3s cubic-bezier(0.83, 0, 0.17, 1), background-position 0s 0.3s cubic-bezier(0.83, 0, 0.17, 1);}
main .work-box .filter a.active{--d: 100%;--p: 100%;}
main .work-box .filter a:after{width:10px;margin:0;padding:0;content:'•';font-size:21px;line-height:29px;letter-spacing:-0.17px;color:#000000;text-decoration:none;position:absolute;top:0;right:-25px;}
main .work-box .filter a:last-of-type:after{display:none;}
main .work-box .work-list{width:100%;float:left;margin:0 0 90px 0;padding:0;}
main .work-box .work-list article{width:48.57142857142857%;float:left;margin:90px 0 0 2.857142857142857%;padding:0;}
main .work-box .work-list article:nth-child(odd){margin-left:0;clear:left;}
main .work-box .work-list article:nth-child(-n+2){margin-top:0;}
main .work-box .work-list article a{width:100%;height:auto;float:left;margin:0;padding:0;text-decoration:none;}
main .work-box .work-list article a figure{width:100%;float:left;margin:0 0 25px 0;padding:0;/*background-color:#000000;*/}
main .work-box .work-list article a figure iframe{width:100%;height:383px;float:left;margin:0;padding:0;}
main .work-box .work-list article a h3, main .work-box .work-list article a p{width:100%;float:left;margin:0;padding:0;text-align:left;}
main .work-box .work-list article a h3{width:auto;font-family: 'AcuminPro-Semibold', Arial, Helvetica, sans-serif;font-size:21px;line-height:29px;letter-spacing:-0.17px;background: linear-gradient(currentColor 0 0) var(--p, 0) 100% /var(--d, 0) 0.08em no-repeat;transition: 0.3s cubic-bezier(0.83, 0, 0.17, 1), background-position 0s 0.3s cubic-bezier(0.83, 0, 0.17, 1);}
main .work-box .work-list article a:hover h3{--d: 100%;--p: 100%;}
.loader-box{width:100%;float:left;margin:0;padding:0;text-align:center;}
.loader-box img{width:42px;height:auto;float:none;margin:0;padding:0;display:inline-block;}

main .filter-popup{transform: translate3d(0,100%,0);}
main .filter-popup .fp-inner{width:100%;float:left;margin:0;padding:80px 0;position:relative;display:none;/*display:flex;align-items:center;height:100vh;*/}
main .filter-popup .fp-inner.open{display:block;}
main .filter-popup .fp-inner label{width:100%;float:left;margin:0 0 49px 0;padding:0;text-align:left;color:#FFFFFF;opacity:0;visibility:hidden;transition:opacity 1s;}
main .filter-popup .fp-inner ul{width:100%;float:left;margin:0 0 15px 0;padding:0;list-style:none;}
main .filter-popup .fp-inner ul li{width:80%;float:left;margin:0;padding:8px 0;}
main .filter-popup .fp-inner ul li a{font-size:33px;letter-spacing:-0.73px;line-height:45px;color:#FFFFFF;text-decoration:none;transition:all 0.3s;position:relative;transition:color .3s;}
main .filter-popup .fp-inner ul li a:hover{color:#FFDD00;}
main .filter-popup .fp-inner ul li a sup{width:auto;float:none;margin:0 0 0 10px;padding:0;font-size:19px;letter-spacing:normal;line-height:normal;position:absolute;left:calc(100%);top:5px;}
/*main .filter-popup .close{width:50px;height:50px;margin:0;padding:0;background-color:#FFDD00;position:absolute;top:13px;right:22px;border-radius:100%;background-image:url(../images/close-icon-black-small.png);background-repeat:no-repeat;background-size:19px 19px;background-position:center center;}*/
main .filter-popup .fp-inner ul li a b{font-weight:normal;}

/* Container box to set the sides relative to */
/*main .work-box h1 .flippety, main .work-box h1 .flop{height: 110px;width:100%;float:left;padding:0;position:relative;}
main .work-box h1 .flippety{-webkit-transform: translateZ(55px);transform: translateZ(55px);}
main .work-box h1 .flop{-webkit-transform: rotateX(-90deg) translateZ(-55px);transform: rotateX(-90deg) translateZ(-55px);}

main .work-box h1.rotate-text{transform: rotateX(90deg);}*/
/*Our-work-page-end====*/

/*Back-Room-page-start====*/
main .work-box.backroom .work-list article{width:22.857142857142856%;margin-top:80px;}
main .work-box.backroom .work-list article:nth-child(odd){margin-left:2.857142857142857%;clear:initial;}
main .work-box.backroom .work-list article:nth-child(-n+4){margin-top:0;}
main .work-box.backroom .work-list article:nth-child(4n-7){margin-left:0;clear:left;}
main .work-box.backroom .work-list article a figure{margin:0 0 17px 0;}
main .work-box.backroom .work-list article a h3{font-size:21px;line-height:29px;letter-spacing:-0.17px;}
/*Back-Room-page-end====*/

/*Article-page-start====*/
main .heading-box{width:100%;float:left;margin:0;padding:118px 0 30px 0;}
main .heading-box label{width:100%;float:left;margin:0 0 8px 0;padding:0;text-align:left;color:#000000;}
main .heading-box h1{width:100%;float:left;margin:0 0 26px 0;padding:0;text-align:left;color:#000000;}
main .heading-box .name-date{width:100%;float:left;margin:0;padding:0;}
main .heading-box .name-date .name, main .heading-box .name-date time{width:auto;float:left;margin:0;padding:0;text-align:left;font-size:21px;line-height:29px;letter-spacing:-0.17px;color:#000000;text-decoration:none;position:relative;}
main .heading-box .name-date .name{margin-right:38px;}
main .heading-box .name-date .name:after{width:10px;margin:0;padding:0;content:'•';font-size:21px;line-height:29px;letter-spacing:-0.17px;color:#000000;text-decoration:none;position:absolute;top:0;right:-25px;}
main .heading-box.art{padding-top:170px;padding-bottom:69px;background-color:#FFDD00;position:relative;}
main .heading-box.art:after{width:100%;height:113px;margin:0;padding:0;content:' ';background-color:#FFDD00;position:absolute;left:0;bottom:-113px;}
main .heading-box.art.ovrup:after{display:none;}
main .heading-box.art.ovrup{padding-bottom:182px;margin-bottom:-113px;}
main .heading-box.life{padding:175px 0 78px 0;}

main .gallery-box{width:100%;float:left;margin:0 0 90px 0;padding:0;}
main .gallery-box figure{width:100%;height:788px;float:left;margin:0;padding:0;background-position:center center;background-repeat:no-repeat;background-size:cover;overflow:hidden;}
main .gallery-box img{width:100%;height:100%;float:left;margin:0;padding:0;object-fit:cover}
main .gallery-box video,
main .gallery-box iframe{width:100%;height:788px;float:left;position:relative;object-fit: cover;}
main .gallery-box .small-imgs{margin:0;height:680px;}
main .gallery-box .small-imgs div{width:48.57142857142857%;float:left;}
main .gallery-box .small-imgs div:nth-of-type(2){float:right;}
main .gallery-box .small-imgs img{width:100%;/*margin-left:2.857142857142857%;*/} 
main .gallery-box .small-imgs video,
main .gallery-box .small-imgs iframe{height:680px;}
main .gallery-box.flip figure{margin:40px 0 0 0;}
main .gallery-box.flip .small-imgs{margin:0;}
main .gallery-box figure:nth-child(2n){margin-top:40px;}
main .gallery-box.smb-mrg{margin-bottom:40px;}

.line{color:#000000;text-decoration:none;background: linear-gradient(90deg, #000000 calc(100%/3), transparent 0 calc(200%/3), #000000 0) var(--d, 0%) 100% /300% 1px no-repeat;}
.line:hover{--d: 100%;transition: 0.5s;}
.detail h1{width:100%;float:left;margin:0 0 25px 0;padding:0;text-align:left;color:#000000;}
.detail h2{width:100%;float:left;margin:0 0 25px 0;padding:0;text-align:left;color:#000000;}
.detail h3{width:100%;float:left;margin:0 0 25px 0;padding:0;text-align:left;color:#000000;}
.detail p{width:100%;float:left;margin:0 0 30px 0;padding:0;text-align:left;}
.detail p.p54{margin-bottom:25px;font-size:33px;letter-spacing:-0.73px;line-height:45px;}
.detail blockquote{width:100%;max-width:920px;float:left;margin:0 0 32px 0;padding:0;text-align:left;font-family: 'AcuminPro-Semibold', Arial, Helvetica, sans-serif;font-size:46px;letter-spacing:-1.2px;line-height:52px;color:#000000;position:relative;text-indent:53px;}
.detail blockquote h1, .detail blockquote h2, .detail blockquote h3, .detail blockquote h4, 
.detail blockquote p{width:100%;float:left;margin:0;padding:0;text-align:left;font-family: 'AcuminPro-Semibold', Arial, Helvetica, sans-serif;font-size:46px;letter-spacing:-1.2px;line-height:52px;color:#000000;position:relative;text-indent:53px;}
.detail blockquote:before{width:37.89px;height:34.8px;margin:0;padding:0;content:' ';background-image:url(../images/start-quotation-mark-symbol-yellow.svg);background-repeat:no-repeat;background-size:100% auto;position:absolute;top:8px;left:0;}
.detail blockquote:after{width:37.89px;height:34.8px;margin:0 0 0 9px;padding:0;content:' ';background-image:url(../images/end-quotation-mark-symbol-yellow.svg);background-repeat:no-repeat;background-size:100% auto;position:absolute;bottom:7px;}
.detail label{width:100%;float:left;margin:0;padding:0;text-align:left;}
.detail span{width:100%;float:left;margin:0;padding:0;text-align:left;font-size:21px;line-height:29px;letter-spacing:-0.17px;color:#000000;}
.detail a{width:auto;float:none;margin:0;padding:0;color:#000000;text-decoration:none;background: linear-gradient(90deg, #000000 calc(100%/3), transparent 0 calc(200%/3), #000000 0) var(--d, 0%) 100% /300% 1px no-repeat;}
.detail a:hover{--d: 100%;transition: 0.5s;}
.detail ul{width:100%;float:left;margin:0 0 10px 0;padding:0 0 0 26px;list-style:disc;}
.detail ul li{width:100%;float:left;margin:0 0 20px 0;padding:0;text-align:left;}
.detail ol{width:100%;float:left;margin:0 0 10px 0;padding:0 0 0 26px;list-style:decimal;}
.detail ol li{width:100%;float:left;margin:0 0 20px 0;padding:0;text-align:left;}

main .columns-text{width:100%;float:left;margin:-5px 0 62px 0;padding:0;}
main .columns-text .left{width:40%;float:left;margin:0;padding:0;}
main .columns-text .right{width:48.57142857142857%;float:right;margin:0;padding:0;}
main .text-box{width:100%;float:left;margin:0 0 150px 0;padding:0;}
main .text-box .tb-inner{width:82.85714285714286%;float:left;margin:0;padding:0;}

main .columns-text.topbpad{padding:86px 0 86px 0;background-position:center center;background-size:cover;background-repeat:no-repeat;}
main .columns-text.topbpad .content-inner{display:flex;align-items:center;}
main .columns-text.topbpad .detail p:last-of-type{margin-bottom:0 !important;}
main .columns-text.topbpad.talgin .content-inner{align-items:flex-start;}
main .columns-text.topbpad.balgin .content-inner{align-items:flex-end;}
/*.centext h1, .centext h2, .centext h3, .centext h4, .centext h5, .centext p, .centext ul li, .centext ol li, .centext blockquote{text-align:center !important; max-width:100%;}*/
.centext {padding-left:15% !important;padding-right:15% !important}

/*.lefttext h1, .centext h2, .centext h3, .centext h4, .centext h5, .centext p, .centext ul li, .centext ol li, .centext blockquote{text-align:left !important; max-width:100%;}*/
.lefttext {padding-left:15% !important;padding-right:15% !important}
/*Article-page-end====*/

/*About-page-start====*/
/*main .about-content{width:100%;float:left;margin:0;padding:0;position:relative;overflow:hidden;min-height:calc(100vh + 100vh + 100vh + 100vh)}*/
main .about-content{width:100%;float:left;margin:0;padding:0;position:relative;overflow:hidden;min-height:calc(100vh + 100vh + 100vh + 90vh)}
main .about-content .text-box{height:calc(100vh - 80px);margin:0;display:flex;align-items:center;}
main .about-content .text-box .tb-inner{width:92%;padding:0 118px;}
main .about-content .text-box a{float:left;}


.beam {
	position: absolute;
	top: 0;
	z-index: -1;
}

.beam-segment {
	width: 100vw;
	overflow: hidden;
	margin-top: -23.906%;
}

.beam-segment:first-child {
	margin-top: 0;
}

.beam-segment:nth-child(even) {
	transform: scaleY(-1);
}

.beam-segment:nth-child(even) img {
	transform: translate(100%, 100%);
}

.beam-segment img {
	width: 100%;
	display: block;
	transform: translate(-100%, -100%);
}


main .inside-logic-magic{width:100%;float:left;margin-top:60px;}
main .inside-logic-magic > div{width:100%;float:left;margin-top:35px;}
main .inside-logic-magic > div div:first-of-type{width:200px;float:left;margin-top:-5px;}
main .inside-logic-magic > div div:last-of-type{width:590px;float:left;margin-left:40px;}

main .about-content .text-box.nhe{height:auto;min-height:calc(100vh - 70px);}

.btn-circle-team{position:fixed;right:30px;bottom:30px;width:86px;height:96px;/*z-index:99999999999;*/transition: all .5s;display:none !important;}
.btn-circle-team a{width:86px;height:86px;background-color:#000000;position:absolute;right:0;bottom:0;font-size:15px;letter-spacing:0.07px;line-height:17px;color:#FFDD00;text-decoration:none;border-radius:100%;text-align:center;display:flex;align-items:center;}
.btn-circle-team a.hover{transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1) !important;}
.btn-circle-team a.hover:hover{transform: scale(1.25) !important;}

body.opacity .btn-circle-team{transition: all .5s;opacity:0;visibility:hidden;}

.offsetposopacityabout{z-index:99999999999; width: 100px; height: 1px; background-color: transparent; position: fixed; bottom: 0; left: 0; visibility:hidden; opacity:0; }

main .team-box{width:100%;float:left;margin:0 0 110px 0;padding:0;min-height:calc(488px * 6);}
main .team-box .inner{width:100%;float:left;margin:0;padding:0 118px;}
main .team-box .inner article{width:31.42857142857143%;float:left;margin:60px 0 0 2.857142857142857%;padding:0;}
main .team-box .inner article:nth-child(3n-2){margin-left:0;clear:left;}
main .team-box .inner article:nth-child(-n+3){margin-top:0;}
main .team-box .inner article figure{width:100%;float:left;margin:0 0 25px 0;padding:0;height:488px;overflow:hidden;}
main .team-box .inner article figure img{width:100%;float:left;;padding:0;}
main .team-box .inner article h3, main .team-box article label{width:100%;float:left;margin:0;padding:0;text-align:left;}
main .team-box .inner article h3{width:auto;font-family: 'AcuminPro-Semibold', Arial, Helvetica, sans-serif;font-size:21px;line-height:29px;letter-spacing:-0.17px;background: linear-gradient(currentColor 0 0) var(--p, 0) 100% /var(--d, 0) 0.08em no-repeat;transition: 0.3s cubic-bezier(0.83, 0, 0.17, 1), background-position 0s 0.3s cubic-bezier(0.83, 0, 0.17, 1);}
main .team-box .inner article:hover h3{--d: 100%;--p: 100%;}
main .team-box .inner .btn-box{width:100%;float:left;margin:70px 0 0 0;padding:0;text-align:center;}
main .team-box .inner .btn-box .plus-btn{width:70px;height:70px;margin:0;padding:0;background-color:#000000;border-radius:100%;text-decoration:none;display:inline-block;background-image:url(../images/plus-icon-yellow.png);background-repeat:no-repeat;background-size:37px 37px;background-position:center center;}

main .team-box.team-popup{margin: 0;}
main .team-box.team-popup .inner{padding:144px 118px 90px 118px;margin: 0;}
/*main .team-box.popup .close{width:50px;height:50px;margin:0;padding:0;background-color:#FFDD00;position:absolute;top:17px;right:22px;border-radius:100%;background-image:url(../images/close-icon-black-small.png);background-repeat:no-repeat;background-size:19px 19px;background-position:center center;}*/
main .team-box.team-popup .inner article a h3, main .team-box.team-popup .inner article a label{color:#FFFFFF;}
main .team-box.team-popup .inner article a h3{background: linear-gradient(#FFFFFF 0 0) var(--p, 0) 100% /var(--d, 0) 0.08em no-repeat;transition: 0.3s cubic-bezier(0.83, 0, 0.17, 1), background-position 0s 0.3s cubic-bezier(0.83, 0, 0.17, 1);}
/*About-page-end====*/

/*Project-page-start====*/
main .related-box{width:100%;float:left;margin:0 0 118px 0;padding:0;}
main .related-box h2{width:100%;float:left;margin:0 0 50px 0;padding:0;text-align:left;}
main .related-box article{width:48.57142857142857%;float:left;margin:90px 0 0 2.857142857142857%;padding:0;}
main .related-box article:nth-of-type(odd){margin-left:0;clear:left;}
main .related-box article:nth-of-type(-n+2){margin-top:0;}
main .related-box article a{width:100%;height:auto;float:left;margin:0;padding:0;text-decoration:none;}
main .related-box article a figure{width:100%;float:left;margin:0 0 25px 0;padding:0;background-color:#000000;}
main .related-box article a figure img{width:100%;float:left;padding:0;opacity:1;transition:all 0.3s;}
/*main .related-box article a:hover figure img{opacity:0.8;}*/
main .related-box article a h3, main .related-box article a p{width:100%;float:left;margin:0;padding:0;text-align:left;color:#000000;}
main .related-box article a h3{width:auto;font-size:21px;line-height:29px;letter-spacing:-0.17px;background: linear-gradient(currentColor 0 0) var(--p, 0) 100% /var(--d, 0) 0.08em no-repeat;transition: 0.3s cubic-bezier(0.83, 0, 0.17, 1), background-position 0s 0.3s cubic-bezier(0.83, 0, 0.17, 1);}
main .related-box article a:hover h3{--d: 100%;--p: 100%;}
/*Project-page-end====*/

/*Insight-Magic-Logic-Popup-start====*/
.jump-links {position: fixed;font-size: clamp(1.93rem, 0.42rem + 3.02vw, 3.37rem);max-width: 1560px;padding: 0 5.128%;top: 0;left: 0;right: 0;margin: 0 auto;pointer-events: none; padding-top: 10vh;z-index: 1;}
.jump-links ul {list-style: none;margin: 0;padding: 0;}
.jump-links li {margin-bottom: 15px;}
.jump-links a {pointer-events: auto;color: white;text-decoration: none;padding-bottom: 0.12em;background: linear-gradient(currentColor 0 0) var(--p, 0) 100% /var(--d, 0) 1px no-repeat;transition: background 0.3s cubic-bezier(0.83, 0, 0.17, 1), background-position 0s 0.3s cubic-bezier(0.83, 0, 0.17, 1), color 0.3s cubic-bezier(0.83, 0, 0.17, 1);}
.jump-links a:hover {--d: 100%;--p: 100%;}
.jump-links a{font-size:33px;letter-spacing:-0.73px;line-height:45px;}
.jump-links a:hover, .jump-links a.active{--d: 100%;--p: 100%;color:#FFDD00;}

 main .popup .popup-inside .inner {width: 100vw;height: 100vh;overflow-y: scroll;scroll-snap-type: y mandatory;-ms-overflow-style: none;scrollbar-width: none;scroll-behavior: smooth;background: black; }
 main .popup .popup-inside .inner::-webkit-scrollbar {display: none;-webkit-appearance: none;width: 0;height: 0;}
.scroll-section {width: 100%;float:none; height: 100vh;scroll-snap-align: start;color: white;margin: 0 auto;max-width: 1560px;padding: 0 5.128%;}
.scroll-section-content {padding-left: 25.714%;padding-top: 10vh;}
 .active {--d: 100%;--p: 100%;}
.jump-links .active a {color: #FFDD00;}

/*main .iml-popup aside{width:22.857142857142856%;height:100vh;float:left;margin:0;padding:178px 0 0 0;position:fixed;}
main .iml-popup aside a{width:auto;float:left;margin:0 0 15px 0;padding:0 0 4px 0;text-align:left;font-size:40px;letter-spacing:-0.48px;line-height:46px;color:#FFFFFF;clear:left;text-decoration:none;background: linear-gradient(90deg, transparent calc(100%/3), transparent 0 calc(200%/3), #FFDD00 0) var(--d, 0%) 100% /300% 1px no-repeat;}
main .iml-popup aside a:hover, main .iml-popup aside a.active{--d: 100%;transition: 0.5s;color:#FFDD00;}
main .iml-popup .inner{width:74.28571428571429%;float:right;margin:0;padding:0;}
main .iml-popup .inner article{width:100%;height:100vh;float:left;margin:0;padding:0;}*/

 main .iml-popup .inner article p{margin-bottom:45px;font-size:46px;letter-spacing:-1.2px;line-height:52px;color:#9a9a9a;}
 main .iml-popup .inner article p span, main .iml-popup .inner section p .white{color:#ffffff;}
main .iml-popup .inner article p a{font-size:46px;letter-spacing:-1.2px;line-height:52px;}
main .iml-popup .inner article .white{width:auto;float:none;font-size:46px;letter-spacing:-1.2px;line-height:52px;color:#FFFFFF;}
main .iml-popup .inner article a{font-size:21px;line-height:29px;letter-spacing:-0.17px;color:#9a9a9a;background: linear-gradient(90deg, #9a9a9a calc(100%/3), transparent 0 calc(200%/3), #9a9a9a 0) var(--d, 0%) 100% /300% 1px no-repeat;}
main .iml-popup .inner article a:hover{--d: 100%;transition: 0.5s;}
main .iml-popup .inner article ul{padding-left:48px;margin-bottom:20px;}
main .iml-popup .inner article ul li{margin-bottom:25px;font-size:46px;letter-spacing:-1.2px;line-height:52px;color:#9a9a9a;}
main .iml-popup .inner article ol{padding-left:52px;margin-bottom:20px;}
main .iml-popup .inner article ol li{margin-bottom:25px;font-size:46px;letter-spacing:-1.2px;line-height:52px;color:#9a9a9a;}
main .iml-popup .inner article blockquote{color:#9a9a9a;}

/*main .iml-popup .inner article{display:table;}
main .iml-popup .inner article div{display:table-cell;vertical-align:top;padding-top:170px;height: 100%;float:none;}*/


/*main .iml-popup .close{width:50px;height:50px;margin:0;padding:0;background-color:#FFDD00;position:absolute;top:17px;right:22px;border-radius:100%;background-image:url(../images/close-icon-black-small.png);background-repeat:no-repeat;background-size:19px 19px;background-position:center center;}*/
/*Insight-Magic-Logic-Popup-end====*/

/*Project-Popup-start====*/
main .project-popup{width:100%;height:100vh;float:left;margin:0;padding:0;background-color:#000000;position:fixed;top:0;left:0;z-index:99999;display:flex;align-items:center;}
main .project-popup .columns-text{margin-bottom:0;}
main .project-popup .columns-text .left{width:48.57142857142857%;}
main .project-popup .columns-text .right{padding-top:20px;}
main .project-popup .columns-text h1{color:#FFFFFF;}
main .project-popup .columns-text a{color:#FFFFFF;background: linear-gradient(90deg, #FFFFFF calc(100%/3), transparent 0 calc(200%/3), #FFFFFF 0) var(--d, 0%) 100% /300% 1px no-repeat;}
main .project-popup .columns-text a:hover{--d: 100%;transition: 0.5s;}
main .project-popup .columns-text p{margin-bottom:45px;font-size:33px;letter-spacing:-0.73px;line-height:45px;color:#FFFFFF;}
main .project-popup .columns-text ul{padding-left:38px;margin-bottom:20px;}
main .project-popup .columns-text ul li{margin-bottom:25px;font-size:33px;letter-spacing:-0.73px;line-height:45px;color:#FFFFFF;}
main .project-popup .columns-text ol{padding-left:38px;margin-bottom:20px;}
main .project-popup .columns-text ol li{margin-bottom:25px;font-size:33px;letter-spacing:-0.73px;line-height:45px;color:#FFFFFF;}
/*main .project-popup .close{width:50px;height:50px;margin:0;padding:0;background-color:#FFDD00;position:absolute;top:17px;right:22px;border-radius:100%;background-image:url(../images/close-icon-black-small.png);background-repeat:no-repeat;background-size:19px 19px;background-position:center center;}*/
/*Project-Popup-end====*/

/*Partners-Popup-start====*/
main .partners-popup{padding:0;display:grid;}
main .partners-popup h1{width:100%;float:left;margin:150px 0 33px 0;padding:0;text-align:left;color:#FFFFFF;}
main .partners-popup p{width:100%;float:left;margin:0 0 67px;padding:0 720px 0 0;text-align:left;color:#FFFFFF;}
main .partners-popup .list{width:100%;float:left;margin:0;padding:0;border-left:1px solid #2E2E2E;}
main .partners-popup .list a{width:100%;height:100%;float:left;margin:0;padding:0;text-decoration:none;}
main .partners-popup .list figure{width:25%;height:240px;float:left;margin:0;padding:0;border:1px solid #2E2E2E;border-left:none;border-top:none;text-align:center;}
main .partners-popup .list figure:nth-child(-n+4){border-top:1px solid #2E2E2E;}
main .partners-popup .list figure img{width:320px;height:auto;float:none;margin:0;padding:0;display:inline-block;}
/*main .partners-popup .close{width:50px;height:50px;margin:0;padding:0;background-color:#FFDD00;position:absolute;top:17px;right:22px;border-radius:100%;background-image:url(../images/close-icon-black-small.png);background-repeat:no-repeat;background-size:19px 19px;background-position:center center;}*/
/*Partners-Popup-end====*/

/*Bio-page-start====*/
main .bio-box{width:100%;float:left;margin:0;padding:22px 0 76px 0;min-height:calc(100vh - 80px);}
main .bio-box figure{width:40%;float:left;margin:0;padding:0;}
main .bio-box figure img{width:100%;height:auto;float:left;margin:0;padding:0;}
main .bio-box article{width:48.57142857142857%;float:right;margin:0;padding:82px 0 0 0;}
main .bio-box article h1{width:100%;float:left;margin:0 0 15px 0;padding:0;text-align:left;font-family: 'AcuminPro-Semibold', Arial, Helvetica, sans-serif;font-size:46px;letter-spacing:-1.2px;line-height:52px;color:#000000;}
main .bio-box article label{width:100%;float:left;margin:0 0 44px 0;padding:0;text-align:left;}
main .bio-box article p{width:100%;float:left;margin:0 0 44px 0;padding:0;text-align:left;}
main .bio-box article .reach{width:100%;float:left;margin:0 0 35px 0;padding:0 0 50px 0;border-bottom:1px solid rgba(0, 0, 0, 0.2);}
main .bio-box article a{width:auto;float:left;margin:0 0 10px 0;padding:0;text-align:left;text-decoration:none;clear:left;}
/*Bio-page-end====*/

/*Agency-life-page-start====*/
main .socialfeed{width:100%;float:left;margin:0 0 119px 0;padding:0;}
main .socialfeed .inner{width:100%;float:left;margin:0 0 36px 0;padding:0;}
main .socialfeed .inner figure{width:31.42857142857143%;height:440px;float:left;margin:0 0 36px 2.857142857142857%;padding:0;}
main .socialfeed .inner figure:nth-child(3n-2){margin-left:0;clear:left;}
main .socialfeed .inner figure img{width:100%;float:left;}
main .socialfeed .inner figure a{width:100%;height:100%;float:left;margin:0;padding:0;text-decoration:none;position:relative;z-index:9;}
main .socialfeed .inner figure a:after{width:19px;height:19px;margin:0;padding:0;content:' ';background-image:url(../images/insta-icon-white-small.png);background-repeat:no-repeat;background-size:100% auto;position:absolute;bottom:10px;right:15px;}
main .socialfeed a{width:auto;float:left;margin:0;padding:0;text-align:left;color:#000000;text-decoration:none;clear:left;}

/*.juicer-feed h1.referral{display:none !important;}
.juicer-feed.hip{max-height:440px !important}
.juicer-feed .j-stacker>*{width: 31.42857142857143% !important;height: 440px  !important;float: left;padding: 0 0 0 2.857142857142857%  !important;}
.juicer-feed .j-stacker>*:nth-child(3n-2){padding-left: 0 !important;clear: left;}
.juicer-feed.image-grid li.feed-item, .juicer-feed.slider li.feed-item, .juicer-feed.hip li.feed-item{height: 440px  !important;cursor:pointer;margin-bottom:36px !important;}
.j-gallery .j-image{height: 440px  !important;width:100%;}
.j-gallery .j-image img{height: 440px  !important;width:100%;object-fit:cover !important;}
.juicer-feed.image-grid li.feed-item, .juicer-feed.slider li.feed-item, .juicer-feed.hip li.feed-item{aspect-ratio: 1 / 1 !important;}
.juicer-feed.image-grid li.feed-item:hover, .juicer-feed.slider li.feed-item:hover, .juicer-feed.hip li.feed-item:hover{clip-path: polygon(0 0, 80% 0, 100% 20%, 100% 100%, 20% 100%, 0 80%) !important;}
.j-gallery .j-image::after{display:none;}*/

.juicer-feed h1.referral{display:none !important;}
.juicer-feed.hip{max-height:initial !important}
.juicer-feed .j-stacker>*{width: 31.42857142857143% !important;height: auto  !important;float: left;padding: 0 0 0 2.857142857142857%  !important;}
.juicer-feed .j-stacker>*:nth-child(3n-2){padding-left: 0 !important;clear: left;}
.juicer-feed.image-grid li.feed-item, .juicer-feed.slider li.feed-item, .juicer-feed.hip li.feed-item{height: 440px  !important;overflow:hidden; cursor:pointer;margin-bottom:36px !important;}
.juicer-feed.image-grid li.feed-item, .juicer-feed.slider li.feed-item, .juicer-feed.hip li.feed-item{aspect-ratio: 1 / 1 !important;}
.juicer-feed.image-grid li.feed-item:hover, .juicer-feed.slider li.feed-item:hover, .juicer-feed.hip li.feed-item:hover{clip-path: polygon(0 0, 80% 0, 100% 20%, 100% 100%, 20% 100%, 0 80%) !important;}
.j-gallery .j-image::after{display:none;}

.juicer-feed .j-image{height: auto !important;width:100%;}
.juicer-feed .j-image img{height: 440px  !important;width:100%;object-fit:cover !important;}

main .img-text-box{width:100%;float:left;margin:0 0 140px 0;padding:0;}
main .img-text-box figure{width:31.42857142857143%;float:left;margin:0;padding:0;}
main .img-text-box figure img{width:100%;height:auto;float:left;margin:0;padding:0;}
main .img-text-box article{width:57.14285714285714%;float:right;margin:0;padding:90px 0 0 0;}
main .img-text-box.flip figure{float:right;}
main .img-text-box.flip article{float:left;}

main .trio-imgs-box{width:100%;float:left;margin:0 0 120px 0;padding:0;}
main .trio-imgs-box figure{width:31.42857142857143%;height:440px;float:left;margin:0 0 35px 2.857142857142857%;padding:0;background-repeat:no-repeat;background-size:cover;background:center center;position:relative;display:flex;align-items:center;}
main .trio-imgs-box figure:after{width:100%;height:100%;float:left;margin:0;padding:0;content:' ';background:#000000;opacity: 0.2;position:absolute;top:0;left:0;}
main .trio-imgs-box figure:nth-child(3n-2){margin-left:0;clear:left;}
main .trio-imgs-box figure img{width:100%;height:auto;float:left;margin:0;padding:0;display:none;}
main .trio-imgs-box figure figcaption{width:100%;float:left;position:relative;z-index:1; margin:0;padding:0 36px;text-align:center;font-size:33px;letter-spacing:-0.73px;line-height:45px;color:#FFFFFF;}
/*Agency-life-page-end====*/


body.popup-open{overflow:hidden;}
body.popup-open main{z-index:9999999;}

body.work-open main .filter-popup{transform: translateZ(0);}
body.work-open main .filter-popup .fp-inner label{opacity:1;visibility:visible;transition-delay: .2s;}
body.work-open main .filter-popup .fp-inner ul li {animation-delay: calc(250ms + var(--animationDelay)*50ms);animation-duration: .4s;animation-fill-mode: forwards;animation-iteration-count: 1;animation-name: fadeInSlideIn;animation-timing-function: cubic-bezier(.25,.46,.45,.94);opacity: 0;margin-left:-20px;}
@keyframes fadeInSlideIn{0%{opacity:0;/*transform:translate3d(0,10px,0)*/}to{opacity:1;margin-left:0;transform:translateZ(0)}}

body.iml-open main .iml-popup{transform: translateZ(0);}
body.partners-open main .partners-popup{transform: translateZ(0);}
body.team-open main .team-popup{transform: translateZ(0);} 

 /*error 404*/
main .error-404{width:100%;margin:7vw 0 5vw 0;padding:0;float:left;text-align:center;height: 50.5vh;}
main .error-404 .t-inner{width:855px;margin:0 0;padding:0;display:inline-block;text-align:center;}
main .error-404 .t-inner div{width: 560px;margin: 0 0 0 40px;padding:0;float:left;text-align:left;}
main .error-404 .t-inner div h1{width:100%;margin:0 0 1.45vw 0;padding:0;float:left;font-family: 'AcuminPro-Semibold', Arial, Helvetica, sans-serif;font-size:33px;color:#000;line-height:1.2;position:relative;}
main .error-404 .t-inner p{width:100%;margin:0 0 1.5vw 0;padding:0;float:left;position:relative;}
main .error-404 .t-inner img{width:250px;margin:0 0;padding:0;float:left;}
main .error-404 .t-inner a.btn{width:auto;height:auto;padding:12px 20px 16px 20px;float:none;display:inline-block;background-color: #000000;color: #fff;}
/*error 404*/

   /* SITEMAP */
.site-map{width: 100%;float: left;height: auto;margin: 0 0 0 0;padding: 0;box-sizing: border-box;}
.site-map h1{width: 100%;float: left;clear: left;text-align: center;font-size: 80px;line-height: 1.3;color: #000000;margin-bottom: 40px;margin-top: 50px;position: relative;}
.site-map ul{width: auto;float: left;height: auto;margin: 0 0 50px 0;padding: 0 20%;list-style: disc;list-style-type: none;display: inline-block;}
.site-map ul li {width: 100%;float: left;height: auto;text-align: left;margin: 0 0 10px 0;padding: 0px 0;line-height:initial;}
.site-map ul li a {text-transform: uppercase;width: 100%;float: left;height: auto;text-align: left;margin: 0 0 0 0;padding: 15px 14px 14px 14px;font-size: 18px;color: #fff;background-color: #000000;box-sizing: border-box;line-height: 1.24;text-decoration: none;}
.site-map ul li a:hover {text-decoration: underline;}
.site-map ul li:before {display: none !important;}
.site-map ul li ul.child {padding: 20px 0 0 40px !important;margin: 0;width: 100%;list-style: disc !important;list-style-type: disc !important;box-sizing: border-box;background-color: none !important;}
.site-map ul li ul.child li {padding: 0 0 0 0;margin: 0;margin-bottom: 10px;}
.site-map ul li ul.child li a {padding: 0 0 0 0;background: none !important;color: #000000;}

main .columns-text.privacy{width:100%;float:left;margin:50px 0 62px 0;padding:0;}
main .columns-text.privacy .content-inner {max-width: 960px;}


.agency__life__page {
	--blog-margin-bottom: 300px;

	background: black;
	position: relative;
	color: white;
	min-height: 100vh;
	height: 100%;
	width: initial; 
    float: none;
	overflow: initial !important;
	padding-top: 0;
}

/* Background fixed text */

.fixed__text {
	height: 100%;
    width: 100%;
	position: absolute;
	pointer-events: none;
	box-sizing: border-box;
}

.fixed__text--front {
	z-index: 4;
}

.fixed__text__container {
	width: 100%;
	height: 100vh;
	position: sticky;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fixed__text h1 {
	--outline-thickness: 0.007em;

	font-size: clamp(3.125rem, 0.9493670886075947rem + 9.282700421940929vw, 10rem);
	font-weight: var(--semi-bold-font);
	letter-spacing: -0.025em;
	text-align: center;
	color: white;
	-webkit-text-stroke: var(--outline-thickness) white;
	line-height: 1.2;
}

#outline {
	color: transparent;
	-webkit-text-stroke: var(--outline-thickness) white;
	mix-blend-mode: lighten;
}


/* Widgets bottom of the page */

.sticky__widgets {
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.sticky__widgets__items {
	width: 100%;
	box-sizing: border-box;
	max-width: 1400px;
	height: 100vh;
	position: sticky;
	top: 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding: 20px;
	margin: 0 auto;
	font-size: clamp(17px, calc(1.0625rem + ((1vw - 3.75px) * 1.3502)), 33px);
	z-index: 10;
}

.sticky__widgets__items li {
	list-style: none;
	font-size: clamp(1.0625rem, 0.7460443037974683rem + 1.350210970464135vw, 2.0625rem);
    line-height: initial; 
    letter-spacing: initial;
}

/* Blog content */

.blog {
	--hover-ease: 0.45s cubic-bezier(.23, 1, .32, 1);

	box-sizing: border-box;
	padding: 24vh 80px var(--blog-margin-bottom);
	margin: 0 auto;
	max-width: 1560px;
	display: grid;
	column-gap: 17%;
	grid-template-columns: 1fr 1fr;
	width: initial;
    float: initial;
}

.blog__post {
	justify-self: center;
	display: inline-block;
	align-self: start;
	justify-self: center;
	animation-name: fadeBlog;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-play-state: paused;
	width: initial; 
    float: none;
}

.blog__post:nth-child(odd) {
	margin-top: -100px;
}

.blog__post:nth-child(even) {
	margin-top: 400px;
}

.blog__post:nth-child(3n) {}

.blog__post:nth-child(3n -1) {
	justify-self: end;
}

.blog__post:nth-child(3n -2) {
	justify-self: start;
}

.blog__post figure {
	display: block;
	margin-bottom: 14px;
	position: relative;
}

.blog__post figure img,
.blog__post figure video {
	max-width: 100%;
	max-height: 500px;
	object-fit: contain;
	transition: scale var(--hover-ease);
}

.blog__post h3,
.blog__post p {
	width: 0;
	min-width: 100%;
	position: relative;
    font-size: clamp(15px, calc(0.9375rem + ((1vw - 3.75px) * 0.1688)), 17px);
    font-family: 'AcuminPro-Regular', Arial, Helvetica, sans-serif;
	float: left;
	line-height: initial;
	letter-spacing: initial;
}

.blog__post__date {
	opacity: 0.6;
	margin-top: 8px;
}

/* Blog content - styled with link */

.blog__post a {
	color: white !important;
	text-decoration: none;
}

.blog__post a figure {
	--edge-size: 0em;
	overflow: hidden;
	transition: clip-path var(--hover-ease);
	clip-path: polygon(0 0, calc(100% - var(--edge-size)) 0, 100% var(--edge-size), 100% 100%, var(--edge-size) 100%, 0 calc(100% - var(--edge-size)));
}

.blog__post a:hover figure {
	--edge-size: 3.5em;
}

.blog__post a h3,
.blog__post__gallery h3 {
	--icon-size: 28px;
	--icon-space: calc(var(--icon-size) + 14px);
	letter-spacing: -0.17px;
    font-size: clamp(17px, calc(1.0625rem + ((1vw - 3.75px) * 0.3376)), 21px);
    font-family: 'AcuminPro-Semibold', Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: var(--semi-bold-font);
	letter-spacing: -0.015em;
	min-width: calc(100% - var(--icon-space));
	line-height: normal;
	float: left;
}

.blog__post a h3 span,
.blog__post__gallery h3 span {
	--underline-thickness: 0.04em;
	font-weight: inherit;
	background: linear-gradient(currentColor 0 0) 100% 100% / 100% var(--underline-thickness) no-repeat;
	transition: 0.45s cubic-bezier(0.83, 0, 0.17, 1), background-position 0s 0.45s cubic-bezier(0.83, 0, 0.17, 1);
}

.blog__post a:hover h3 span,
.blog__post__gallery:hover h3 span {
	background:
		linear-gradient(currentColor 0 0) 0 100% / 0 var(--underline-thickness) no-repeat;
}

.blog__post a h3:after,
.blog__post__gallery h3:after {
	content: url('../images/internal-link-icon.svg');
	width: var(--icon-size);
	height: var(--icon-size);
	position: absolute;
	top: 0;
	right: calc(0px - var(--icon-space));
	padding: 2px;
	transition: background-color var(--hover-ease);
	background-color: rgba(255, 221, 0, 0.2);
	border-radius: 50%;
}

.blog__post a:hover h3::after,
.blog__post__gallery:hover h3:after {
	background-color: rgba(255, 221, 0, 0.35);
}

.blog__post a:hover figure img,
.blog__post a:hover figure video {
	scale: 1.04;
}


/* Blog content - Checking if external link */

.blog__post a[href]:not(:where(

		/* exclude hash only links */
		[href^="#"],
		/* exclude relative but not double slash only links */
		[href^="/"]:not([href^="//"]),
		/* domains to exclude */
		[href*="//smallbackroom.co.uk"],
	)) h3:after {
	content: url('../images/external-link-icon.svg');
}

/* Blog content - Gallery */

.blog__post__gallery {
	margin-top: 80px;
}

.blog__post__gallery:hover {
	cursor: pointer;
}

.blog__post__gallery figure {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	clip-path: none;
	overflow: visible;
}


.blog__post__gallery figure img,
.blog__post__gallery figure video {
	grid-row-start: 1;
	grid-row-end: 2;
	grid-column-start: 1;
	grid-column-end: 2;
	box-shadow: 0px 0px 8px 4px #00000020;
	transform-origin: bottom right;
	transition: rotate 0.4s cubic-bezier(0.65, 0, 0.35, 1);
	;
	justify-self: center;
	overflow: hidden;
}

.blog__post__gallery img:nth-child(1),
.blog__post__gallery video:nth-child(1) {
	rotate: 0deg;
	z-index: 3;
}

.blog__post__gallery img:nth-child(2),
.blog__post__gallery video:nth-child(2) {
	rotate: 2deg;
	z-index: 2;
	object-fit: cover;
	width: 0;
	height: 0;
	min-height: 100%;
	min-width: 100%;
}

.blog__post__gallery img:nth-child(3),
.blog__post__gallery video:nth-child(3) {
	rotate: 4deg;
	object-fit: cover;
	width: 0;
	width: 0;
	height: 0;
	min-height: 100%;
	min-width: 100%;
}

.blog__post__gallery img:nth-child(+4),
.blog__post__gallery video:nth-child(+4) {
	display: none;
}

.blog__post__gallery h3:after {
	content: url('../images/expand-icon.svg');
}

.blog__post__gallery:hover figure img,
.blog__post__gallery:hover figure video {
	scale: none;
}

.blog__post__gallery:hover figure img:nth-child(2),
.blog__post__gallery:hover figure video:nth-child(2) {
	rotate: 3.5deg;
}

.blog__post__gallery:hover figure img:nth-child(3),
.blog__post__gallery:hover figure video:nth-child(3) {
	rotate: 7deg;
}

/* Animation */

.fade__in {
	animation-play-state: running;
}

@keyframes fadeBlog {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes arrowSlideLeft {
	from {
		transform: translateX(0%);
	}

	to {
		transform: translateX(-100%);
	}
}

@keyframes arrowSlideRight {
	from {
		transform: translateX(0%);
	}

	to {
		transform: translateX(100%);
	}
}


/* Lightbox */

.image__lightbox {
	position: fixed;
	top: 0;
	z-index: 9999;
	width: 100%;
	height: 100vh;
	color: white;
	visibility: hidden;
	font-size: clamp(15px, calc(0.9375rem + ((1vw - 3.75px) * 0.1688)), 17px);
	background: rgba(0, 0, 0, 0.7);
	-webkit-backdrop-filter: blur(25px);
	backdrop-filter: blur(25px);
	transition: opacity 0.6s, visibility 0.6s;
	opacity: 0;
}

.image__lightbox--show {
	visibility: visible;
	opacity: 1;
}

.image__lightbox__carousel__wrapper {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.image__lightbox__carousel {
	overflow-x: auto;
	display: flex;
	flex-flow: nowrap;
	align-items: center;
	justify-content: flex-start;
	scroll-snap-type: x mandatory;
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
	padding: 0;
	margin: 0;
}

.image__lightbox__carousel::-webkit-scrollbar {
	display: none;
}

.image__lightbox__carousel li {
	height: 100%;
	width: 100%;
	scroll-snap-align: center;
	scroll-snap-stop: always;
	position: relative;
	flex-shrink: 0;
	list-style: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.image__lightbox__carousel li figure{
	width: initial;
	float: none;
}

.image__lightbox figcaption {
	margin-top: 16px;
	width: 0;
	min-width: 100%;
	position: relative;
}

.image__lightbox figcaption a {
	color: var(--sbr-yellow);
	text-decoration: none;
	background: linear-gradient(currentColor 0 0) 100% 100% / 100% 1px no-repeat;
	transition: 0.3s cubic-bezier(0.83, 0, 0.17, 1), background-position 0s 0.3s cubic-bezier(0.83, 0, 0.17, 1);
}

.image__lightbox figcaption a:hover {
	background: linear-gradient(currentColor 0 0) 0 100% / 0 1px no-repeat;
}

.image__lightbox__carousel img {
	max-height: 60vh;
	max-width: 80vw;
	display: block;
	object-fit: contain;
}

.image__lightbox__arrows {
	position: absolute;
	height: 100%;
	width: 100%;
	max-width: 1560px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	pointer-events: none;
}

.image__lightbox__arrow {
	width: 60px;
	height: 60px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-radius: 50%;
	background-color: rgba(255, 221, 0, 0.2);
	overflow: hidden;
	pointer-events: auto;
	margin: 30px;
	z-index: 11;
	transition: opacity 0.4s cubic-bezier(0.83, 0, 0.17, 1), visibility 0.4s cubic-bezier(0.83, 0, 0.17, 1), background-color 0.4s;
}

.image__lightbox__arrow:hover {
	background-color: rgba(255, 221, 0, 0.35);
}

.image__lightbox__arrow:hover img {
	animation-name: arrowSlideLeft;
	cursor: pointer;
}

.image__lightbox__arrow img {
	display: block;
	width: 100%;
	animation-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
	animation-duration: 0.5s;
	animation-fill-mode: both;
}

.right__arrow {
	justify-content: flex-end;
}

.right__arrow:hover img {
	animation-name: arrowSlideRight;
}

.arrow--hide {
	opacity: 0;
	visibility: hidden;
}

.image__lightbox__counter {
	position: absolute;
	z-index: 11;
	display: flex;
	bottom: 0;
	pointer-events: none;
	padding-bottom: 25px;
	justify-content: center;
	align-items: flex-end;
	height: 100%;
	width: 100%;
	text-align: center;
}

.image__lightbox__close {
	position: absolute;
	z-index: 13;
	display: flex;
	top: 30px;
	right: 30px;
	justify-content: flex-end;
	align-items: flex-start;
	height: 35px;
	width: 35px;
	border-radius: 50%;
	pointer-events: auto;
	text-align: center;
}

.close-al {
	width: 100%;
	height: 2.75px;
	background-color: var(--sbr-yellow);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transition: rotate 0.4s cubic-bezier(0.83, 0, 0.17, 1);
	z-index: 12;
}

.close--left {
	rotate: 45deg;
}

.close--right {
	rotate: -45deg;
}

.image__lightbox__close:hover {
	cursor: pointer;
}

.image__lightbox__close:hover .close--left {
	rotate: 0deg;
}

.image__lightbox__close:hover .close--right {
	rotate: 0deg;
}

.image__lightbox figcaption, .image__lightbox figcaption a, . image__lightbox__counter p {
                font-size: clamp(15px, calc(0.9375rem + ((1vw - 3.75px) * 0.1688)), 17px);
}


/*Footer-Start==========*/
footer{width: 100%;height:100vh;padding:0;background-color:#ffde00;position:fixed;bottom:0;left:0;overflow: hidden;}
footer #footer{max-width: 1560px;height:100vh;float:none;margin:0 auto;padding:0 80px;position:relative;} 
footer > h2 {display: flex;align-items: center;justify-content: flex-start;position:absolute;left:0;top:38px/*78px*/;}
footer > h2 span {font-size:60px;letter-spacing:-1.8px;line-height:72px;color:#000000;/*will-change: transform;transform: translateX(0);*/white-space: nowrap;/*-webkit-animation: marquee 4s linear infinite;animation: marquee 4s linear infinite;*/}
footer #footer .c-link{width:100%;float:left;height:100%;margin:0;padding:0;padding-top:38px/*100px*/;display:flex;align-items:center;}
footer #footer .c-link div{width:100%;float:left;margin:0;padding:0;} 
footer #footer .c-link div .link-box{width:100%;float:left;margin:0;padding:0;text-align:center;} 
footer #footer .c-link div .link-box a{width:auto;margin:0 0 20px 0;padding:0 0 7px 0;font-size:33px;letter-spacing:-0.73px;line-height:45px;color:#000000;display:inline-block;}  
footer #footer .c-link div .link-box a:hover{text-decoration:none;}  
footer #footer .c-link div .link-box:last-child a{margin-bottom:0;}
footer #footer .c-link div .link-box a.link:after{bottom:-0.15em;}
footer #footer .c-link div .link-box .aname{width:auto;margin:0 0 15px 0;padding:0 0 7px 0;font-family: 'AcuminPro-Semibold', Arial, Helvetica, sans-serif;font-size:33px;letter-spacing:-0.73px;line-height:45px;color:#000000;display:inline-block;}  

footer #footer .copyright{width:100%;margin:0;padding:0 80px;position:absolute;left:0px;bottom:28px;}
footer #footer .copyright nav{width:auto;float:left;margin:6px 0 0 0;padding:0;}
footer #footer .copyright nav label{width:auto;float:left;margin:0;padding:0;text-align:left;font-size:17px;letter-spacing:-0.17px;line-height:1;color:#000000;}
footer #footer .copyright nav ul{width:auto;float:right;margin:0;padding:0;list-style:none;}
footer #footer .copyright nav ul li{width:auto;float:left;margin:0 0 0 30px;padding:0;position:relative;font-size:17px;letter-spacing:-0.17px;line-height:1;}
footer #footer .copyright nav ul li:after{width:7px;margin:0;padding:0;content:'•';font-size:17px;letter-spacing:-0.17px;line-height:1;color:#000000;text-decoration:none;position:absolute;top:0;left:-20px;display:none !important;}
footer #footer .copyright nav ul li a{color:#000000;text-decoration:none;font-size:17px;letter-spacing:-0.17px;line-height:1;background: linear-gradient(currentColor 0 0) var(--p, 0) 100% /var(--d, 0) 0.08em no-repeat;transition: 0.3s cubic-bezier(0.83, 0, 0.17, 1), background-position 0s 0.3s cubic-bezier(0.83, 0, 0.17, 1);}
footer #footer .copyright nav ul li a:hover {--d: 100%;--p: 100%;}
footer #footer .copyright .social-links{width:auto;float:right;margin:0;padding:0;}
footer #footer .copyright .social-links .icon{width:29px;height:29px;float:left;margin:0 0 0 20px;padding:0;background-repeat:no-repeat;background-size:100% auto;}
footer #footer .copyright .social-links .icon.instagram{background-image:url(../images/icon-instagram.svg);}
footer #footer .copyright .social-links .icon.linkedin{background-image:url(../images/icon-linkedin.svg);}
/*Footer-End==========*/


@-webkit-keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

/*Contact-page-Start==========*/
body.contact main{background-color:#FFDD00;}

main .contact-box{width:100%;float:left;margin:0 0 58px 0;padding:138px 0 0 0;}
main .contact-box h1{width:30.428571428571427%;float:left;margin:0 0 0 0;padding:0;text-align:left;}
main .contact-box article{width:48.57142857142857%;float:right;margin:0;padding:18px 0 0 0;}
main .contact-box article label{width:100%;float:left;margin:0 0 15px 0;padding:0;text-align:left;font-size:20px;letter-spacing:-0.1px;line-height:27px;color:#000000;}
main .contact-box article address{width:100%;float:left;margin:0 0 60px 0;padding:0;text-align:left;font-size:33px;letter-spacing:-0.73px;line-height:45px;color:#000000;}
main .contact-box article .aname{width:100%;float:left;margin:0;padding:0;text-align:left;font-size:33px;letter-spacing:-0.73px;line-height:45px;color:#000000;}
main .contact-box article a{width:auto;float:left;margin:0 0 60px 0;padding:0;text-align:left;font-size:33px;letter-spacing:-0.73px;line-height:45px;color:#000000;text-decoration:none;background: linear-gradient(currentColor 0 0) var(--p, 0) 100% /var(--d, 0) 0.08em no-repeat;transition: 0.3s cubic-bezier(0.83, 0, 0.17, 1), background-position 0s 0.3s cubic-bezier(0.83, 0, 0.17, 1);}
main .contact-box article a:hover {--d: 100%;--p: 100%;}

main .map-box{width:100%;float:left;margin:0 0 75px 0;padding:0;}
main .map-box .map{width:100%;height:450px;float:left;position:relative;}
 
main .contact-box-new{width:670px;height:680px;bottom:0;right:-140px;position:absolute;z-index:9999;}
main .contact-box-new figure{width:100%;height:100%;/*width:445px;height:665px;*/top:0;left:0;position:absolute;background-image:url(../images/img-graphic-contact.png);background-size:180% auto;background-position:top left;}
main .contact-box-new article{width:265px;top:40px;left:40px;position:absolute;}
main .contact-box-new article h1{width:100%;float:left;position:relative;margin:0 0 33px 0;padding:0;text-align:left;font-style:normal;font-family: 'AcuminPro-Semibold', Arial, Helvetica, sans-serif;font-size:33px;letter-spacing:-0.99px;line-height:1;color:#000000;}
main .contact-box-new article p{width:100%;float:left;position:relative;margin:0 0 33px 0;padding:0;text-align:left;}
main .contact-box-new article p span{width:100%;float:left;position:relative;margin:0 0 6px 0;padding:0;text-align:left;font-size:17px;letter-spacing:-0.17px;line-height:25px;color:#000000;}
main .contact-box-new article p a{text-decoration:underline;float:left;margin-top:5px;line-height:1;}
main .contact-box-new article p .mp{margin-top:10px;}
main .contact-box-new article p .mp3{margin-top:10px;}

body.contact footer{height:auto;float:left;padding:22px 0;position:initial;bottom:auto;left:auto;}
body.contact footer #footer{height:auto;}
body.contact main{margin-bottom:0;}
body.contact footer #footer .copyright{float:left;padding:0;position:initial;left:auto;bottom:auto;}
/*Contact-page-End==========*/

main .btn-team{width:86px;height:86px;margin:0;padding:0;position:absolute;right:30px;bottom:20px;background-image:url(../images/the-team-link.svg);background-repeat:no-repeat;cursor:pointer;z-index:1;transform: scale(1); transition: all .3s cubic-bezier(0,.23,.07,1);} 
main .btn-team.opacity{transform: scale(0);} 

/* about Popup ------------------------------------ */
#popup-block{width: 100%;height: 100%;top: 100%;left: 0;background-color: #000;padding: 0;position: fixed;
    z-index: 99999999;Transition: top .65s cubic-bezier(.77,0,.175,1)}
#popup-block.open{top: 0;}

main .popup-block{width:100%;float:left;margin:0;padding: 178px 0 0 0;position:relative;}
/*main .popup-block .close {width: 50px;height: 50px;display: block;position: absolute;right: 22px;top: 17px;background: #FFDE00 url(../images/icon-close.SVG);background-position: center center;background-repeat: no-repeat;z-index: 999999;border-radius:50px;}*/

main .popup-block aside{width: auto;float: left;padding: 0;}
main .popup-block aside a{width:auto;float:left;clear:left;font-family: 'AcuminPro-Semibold', Arial, Helvetica, sans-serif;font-size:46px;letter-spacing:-1.2px;line-height:52px;color:#FFFFFF;padding:0;margin-bottom:5px;opacity:0.6;}
main .popup-block aside a:hover, main .popup-block aside a.active {opacity:1;text-decoration:underline;}
main .popup-block .content-right{width: 700px;float: right;padding: 0;margin:0 120px 0 0;opacity:0;visibility:hidden;transition:opacity 0.3s;height:0;}
main .popup-block .content-right p{width:100%;float:left;font-size:32px;line-height:40px; color:rgba(255,255,255,0.6);margin:0 0 30px 0;padding:0;}
main .popup-block .content-right p span{opacity:1;color:rgba(255,255,255,1);} 

main .popup-block .content-right.open{opacity:1;visibility:visible;height:auto;}

@media only screen and (min-width:768px) and (max-width:1560px) {

h1{font-size:3.8461538461538463vw;letter-spacing:-0.11538461538461539vw;line-height:4.615384615384616vw;max-width: 58.97435897435898vw;}
h2{font-size:2.9487179487179485vw;letter-spacing:-0.07692307692307693vw;line-height:3.3333333333333335vw;}
h3{font-size:2.1153846153846154vw;letter-spacing:-0.046794871794871795vw;line-height:2.8846153846153846vw;}
p, label, li, a{font-size:1.3461538461538463vw;line-height:1.858974358974359vw;letter-spacing:-0.010897435897435897vw;}


.link{font-size:1.3461538461538463vw;line-height:1.858974358974359vw;letter-spacing:-0.010897435897435897vw;;}
.link:after {height: 0.0641025641025641vw;}

.line-sn{border-bottom: 0.0641025641025641vw solid #000000;}
.line-sn:hover{padding-bottom: 0.1282051282051282vw;background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 10 18'%3E%3Cstyle type='text/css'%3E.squiggle%7Banimation:shift .5s linear infinite;%7D@keyframes shift %7Bfrom %7Btransform:translateX(-0.641025641025641vw);%7Dto %7Btransform:translateX(0);%7D%7D%3C/style%3E%3Cpath fill='none' stroke='black' stroke-width='1' class='squiggle' d='M0,17.5 c 2.5,0,2.5,-1.5,5,-1.5 s 2.5,1.5,5,1.5 c 2.5,0,2.5,-1.5,5,-1.5 s 2.5,1.5,5,1.5' /%3E%3C/svg%3E");}

.close{width:3.205128205128205vw;height:3.205128205128205vw;top:0.8333333333333334vw;right:2.4102564102564104vw;background-size:1.217948717948718vw 1.217948717948718vw;}

.SBR-logo {max-width: 10.897435897435898vw;}
.nav-bar-container {max-width:100%;padding:0 5.128205128205128vw;}
.nav-links {font-size: 1.282051282051282vw;padding: 1.6666666666666667vw 0;}
/*.nav-links li::after {margin-left: 0.8333333333333334vw;}*/
.nav-links li {margin-left: 1.6666666666666667vw;}
header li a {padding:0;font-size:1.282051282051282vw;line-height:1.7307692307692308vw;letter-spacing:-0.00641025641025641vw;}

/* section ---------------------------------------- */
main{padding-top:5.128205128205128vw;}
.content-inner{max-width:100%;padding:0 5.128205128205128vw;} 

/*main .featured-box{max-height:56.217948717948715vw;margin-top:-5.128205128205128vw;}*/
.graphic{width:67.3076923076923vw;height:51.53846153846153vw;}
.graphic span{right:-67.3076923076923vw;background-size:89.74358974358975vw auto;}
/*.graphic.animate span,*/
@keyframes move {from {right:-67.3076923076923vw;bottom:-100%;}to {right:0;bottom:0;}}

.graphic.small{width:33.65384615384615vw;height:41.66666666666667vw;/*width:28.525641025641026vw;height:42.628205128205124vw;*/}
.graphic.small span{background-size:33.65384615384615vw auto;}
/*.graphic.small span{right:-28.525641025641026vw;background-size:33.65384615384615vw auto;}
@keyframes movesmall {from {right:-33.65384615384615vw;bottom:-100%;}to {right:0;bottom:0;}}*/

.graphic.small.animate-out span{right:-33.65384615384615vw;} 
@keyframes movesmallout {from {right:0;bottom:0;}to {right:-33.65384615384615vw;}}


main .featured-box{height:calc(100vh - 5.128205128205128vw);}
main .featured-box .content-inner{max-height:56.217948717948715vw;}
main .featured-box .inner{left:5.128205128205128vw;}
main .featured-box .inner h1{font-size:2.9487179487179485vw;letter-spacing:-0.07692307692307693vw;line-height:3.3333333333333335vw;}
main .featured-box .inner.pj{bottom:2.7564102564102564vw;}
main .featured-box .inner.large p{font-size:3.8461538461538463vw;line-height:6.282051282051282vw;letter-spacing:-0.1vw;}

.featured-box .lftlink-ext{width:7.564102564102564vw;height:7.179487179487179vw;right:1.0256410256410255vw;top:1.0256410256410255vw;}
.featured-box .lftlink-ext span{left:0.576923076923077vw;bottom:0.19230769230769232vw;font-size:1.0256410256410255vw;line-height:1.4102564102564104vw;}
/*.featured-box .lftlink-ext:after{width:2.1628205128205127vw;height:2.1628205128205127vw;right:1.6025641025641024vw;top:1.153846153846154vw;}*/
 
main .project-list{margin-top:5.769230769230769vw;}
main .project-list:last-of-type{padding-bottom:5.769230769230769vw;}
main .project-list .project-box{margin-bottom:5.769230769230769vw;}
main .project-list figure{height:50.51282051282051vw;}
main .project-list video,
main .project-list iframe{height:50.51282051282051vw;}
main .project-list .info{margin-top:1.6025641025641024vw;}
main .project-list h2{font-size:1.3461538461538463vw;line-height:1.858974358974359vw;letter-spacing:-0.010897435897435897vw;}

main .project-list .article .info{padding:0 5.128205128205128vw;}
main .project-list .article .info p{font-size:2.1153846153846154vw;letter-spacing:-0.046794871794871795vw;line-height:2.8846153846153846vw;}

main .project-list article.medium figure,
main .project-list article.medium video,
main .project-list article.medium iframe{height:31.346153846153847vw;}
main .project-list article.small figure,
main .project-list article.small video,
main .project-list article.small iframe{height:31.346153846153847vw;}
main .project-list article.x-small figure,
main .project-list article.x-small video,
main .project-list article.x-small iframe{height:24.935897435897438vw;}

main .project-list .graph{width:9.615384615384617vw;height:12.179487179487179vw;margin-left:-4.807692307692308vw;margin-top:-6.089743589743589vw;}
main .project-list .graph:before, 
main .project-list .graph:after{width: calc(100% - 4.166666666666666vw);}
main .project-list .graph:before {border-bottom: 4.166666666666666vw solid transparent;border-right: 4.166666666666666vw solid #F2F2F2;}
main .project-list .graph:after {border-top: 4.166666666666666vw solid transparent;border-left: 4.166666666666666vw solid #F2F2F2;}

main .more{padding:7.051282051282051vw 0 7.6923076923076925vw 0;}
main .more a{font-size:2.1153846153846154vw;line-height:2.8846153846153846vw;letter-spacing:-0.046794871794871795vw;}

main .backroom-box{padding:10.897435897435898vw 0 5.769230769230769vw 0;}
main .backroom-box h1{margin-bottom:7.051282051282051vw;}
main .backroom-box .archive-project {margin-bottom: 8.974358974358974vw;}
main .backroom-box .archive-project p {margin-bottom: 1.9230769230769231vw;font-size: 1.6025641025641024vw;}
main .backroom-box .grid {gap: clamp(0.641025641025641vw, 2.564vw, 2.564102564102564vw);}

/* Slider ------------------------------------ */
.featured-slide{padding:0 0 4.807692307692308vw 0;}
.slider .slides .slide{height:49.23076923076923vw;}  

.slider .db-outer .db-box{height:49.23076923076923vw;}
.slider .db-outer .db-inner h1{margin-bottom:0.641025641025641vw;font-size:3.205128205128205vw;line-height:2.1794871794871793vw;}
.slider .db-outer .db-inner p{margin-bottom:0.9615384615384616vw;font-size:1.0897435897435896vw;line-height:1.5384615384615385vw;letter-spacing:0.00641025641025641vw;}
.slider .db-outer .db-inner .btn{bottom:1.6666666666666667vw;left:1.6666666666666667vw;}                                

.shpelogo-yellow{height:119.23076923076923vw;top:4.67948717948718vw;}
.shpelogo-yellow2{height:671.1538461538462vw;}

.flex-direction-nav a {width: 1.4102564102564104vw; height: 2.5vw;}
  
.flex-control-paging li a{width:0.8974358974358974vw;height:0.8974358974358974vw;margin-left:0.641025641025641vw;}
   
/* Slider */
.slick-slide{min-height: 0.0641025641025641vw;}
.slick-vertical .slick-slide{border: 0.0641025641025641vw solid transparent;}
.btn-slick{width:2.2435897435897436vw;height:2.2435897435897436vw;bottom:1.282051282051282vw;}   
.prev{right:calc(2.564102564102564vw + 1.9230769230769231vw);}  
.next{right:1.9230769230769231vw;}  

.slick-dots{height:0.9615384615384616vw;width:2.8846153846153846vw;bottom:4.358974358974359vw;right:2.2435897435897436vw;}
.slick-dots li{width:2.8846153846153846vw;height:0.9615384615384616vw;font-size:1.0256410256410255vw;line-height:1.4102564102564104vw;letter-spacing:0.03141025641025641vw;}

/* About */
.info-about > .content-inner{padding:0px 12.692307692307692vw;}
.info-about .info-inner{height:calc(100vh - 5.128205128205128vw);border:solid 0.0641025641025641vw red;}
.info-about .info-inner h1{margin-bottom:1.6025641025641024vw;font-size:2.6923076923076925vw;line-height:3.076923076923077vw;letter-spacing:-0.016025641025641024vw;}
.info-about .info-inner h2{margin-bottom:2.564102564102564vw;}
.info-about .info-inner h4{font-size:1.3461538461538463vw;line-height:1.858974358974359vw;letter-spacing:-0.010897435897435897vw;}
.info-about > .info-inner > p{margin-bottom:2.564102564102564vw;font-size:2.9487179487179485vw;letter-spacing:-0.07692307692307693vw;line-height:3.3333333333333335vw;}

.team-list{margin-top:16.28205128205128vw;margin-bottom:9.743589743589745vw;}
.team-list .list-item{margin:0 0 0.7051282051282052vw 0.7051282051282052vw;}
.team-list .h-member h2{font-size:2.051282051282051vw;line-height:2.564102564102564vw;letter-spacing:-0.016666666666666666vw;} 
.team-list .h-member h3{padding-top:0.3205128205128205vw;font-size:1.153846153846154vw;line-height:1.7307692307692308vw;} 

.whitebar{height:70.51282051282051vw;}
.offsetposopacity{bottom:25.64102564102564vw;width:12.82051282051282vw;height:0.3205128205128205vw;}
.offset{bottom:3.205128205128205vw;width:12.82051282051282vw;height:0.3205128205128205vw;}

.member-bio .content-inner{padding-right:5.128205128205128vw;}
.member-bio .img-box{width: calc(40.875% + 5.128205128205128vw);min-height: 51.92307692307693vw;}
.member-bio .img-box .bg {
    height: 51.92307692307693vw;
}
.member-bio .text-box{margin-top:5.769230769230769vw;}
.member-bio .text-box h3{font-size:1.3461538461538463vw;line-height:1.858974358974359vw;letter-spacing:-0.010897435897435897vw;margin-bottom:2.564102564102564vw;}
.member-bio .text-box p{margin-bottom:2.564102564102564vw;}
.member-bio .text-box a{font-size:1.3461538461538463vw;line-height:1.858974358974359vw;letter-spacing:-0.010897435897435897vw;margin-bottom:0.3205128205128205vw;}

/*Our-work-page-start====*/
main .work-box{padding:10.897435897435898vw 0 5.769230769230769vw 0;}
main .work-box h1{height: 7.051282051282051vw;margin-bottom:3.205128205128205vw;}
main .work-box h1 sup{margin:0.5128205128205128vw 0 0 0.9615384615384616vw;font-size:1.3461538461538463vw;line-height:1.858974358974359vw;letter-spacing:-0.010897435897435897vw;;}
main .work-box h1 span{height: 7.051282051282051vw;}

main .work-box .filter{margin-bottom:3.8461538461538463vw;}
main .work-box .filter a{margin-right:2.435897435897436vw;font-size:1.3461538461538463vw;line-height:1.858974358974359vw;letter-spacing:-0.010897435897435897vw;}
main .work-box .filter a:after{width:0.641025641025641vw;font-size:1.3461538461538463vw;line-height:1.858974358974359vw;letter-spacing:-0.010897435897435897vw;right:-1.6025641025641024vw;}
main .work-box .work-list{margin-bottom:5.769230769230769vw;}
main .work-box .work-list article{margin-top:5.769230769230769vw;}
main .work-box .work-list article a figure{margin-bottom:1.6025641025641024vw;}
main .work-box .work-list article a figure iframe{height:24.55128205128205vw;}
main .work-box .work-list article a h3{font-size:1.3461538461538463vw;line-height:1.858974358974359vw;letter-spacing:-0.010897435897435897vw;}

.loader-box img{width:2.6923076923076925vw;}

main .filter-popup .fp-inner{padding:5.128205128205128vw 0;}
main .filter-popup .fp-inner label{margin-bottom:3.141025641025641vw;}
main .filter-popup .fp-inner ul li{padding:0.5128205128205128vw 0;}
main .filter-popup .fp-inner ul li a{font-size:2.1153846153846154vw;letter-spacing:-0.046794871794871795vw;line-height:2.8846153846153846vw;}
main .filter-popup .fp-inner ul li a sup{margin-left:0.641025641025641vw;font-size:1.217948717948718vw;top:0.3205128205128205vw;}
/*Our-work-page-end====*/

/*Back-Room-page-start====*/
main .work-box.backroom .work-list article{margin-top:5.128205128205128vw;}
main .work-box.backroom .work-list article a figure{margin-bottom:1.0897435897435896vw;}
main .work-box.backroom .work-list article a h3{font-size:1.282051282051282vw;letter-spacing:-0.00641025641025641vw;line-height:1.9230769230769231vw;}
/*Back-Room-page-end====*/

/*Article-page-start====*/
main .heading-box{padding:7.564102564102564vw 0 1.9230769230769231vw 0;}
main .heading-box label{margin-bottom:0.5128205128205128vw;}
main .heading-box h1{margin-bottom:1.6666666666666667vw;}
main .heading-box .name-date .name, main .heading-box .name-date time{font-size:1.3461538461538463vw;line-height:1.858974358974359vw;letter-spacing:-0.010897435897435897vw;}
main .heading-box .name-date .name{margin-right:2.435897435897436vw;}
main .heading-box .name-date .name:after{width:0.641025641025641vw;font-size:1.3461538461538463vw;line-height:1.858974358974359vw;letter-spacing:-0.010897435897435897vw;right:-1.6025641025641024vw;}
main .heading-box.art{padding-top:10.897435897435898vw;padding-bottom:4.423076923076923vw;}
main .heading-box.art:after{height:7.2435897435897445vw;bottom:-7.2435897435897445vw;}
main .heading-box.art.ovrup{padding-bottom:11.666666666666666vw;margin-bottom:-7.2435897435897445vw;}
main .heading-box.life{padding:11.217948717948719vw 0 5vw 0;}

main .gallery-box{margin-bottom:5.769230769230769vw;}
/*main .gallery-box figure{margin-bottom:2.564102564102564vw;}*/
main .gallery-box.flip figure{margin-top:2.564102564102564vw;}

main .gallery-box figure{height:50.51282051282051vw;}
main .gallery-box video,
main .gallery-box iframe{height:50.51282051282051vw;}
main .gallery-box .small-imgs{height:41.5vw;}
main .gallery-box .small-imgs img{width:100%;/*margin-left:2.857142857142857%;*/} 
main .gallery-box .small-imgs video,
main .gallery-box .small-imgs iframe{height:41.5vw;}
main .gallery-box figure:nth-child(2n){margin-top:2.564102564102564vw;}
main .gallery-box.smb-mrg{margin-bottom:2.564102564102564vw;}

.detail h1{margin-bottom:1.6025641025641024vw;}
.detail h2{margin-bottom:1.6025641025641024vw;}
.detail h3{margin-bottom:1.6025641025641024vw;}
.detail p{margin-bottom:1.9230769230769231vw;}
.detail p.p54{margin-bottom:1.6025641025641024vw;font-size:2.1153846153846154vw;letter-spacing:-0.046794871794871795vw;line-height:2.8846153846153846vw;}
.detail blockquote{margin-bottom:1.9230769230769231vw;font-size:2.9487179487179485vw;letter-spacing:-0.07692307692307693vw;line-height:3.3333333333333335vw;text-indent:3.3974358974358974vw;}
.detail blockquote h1, .detail blockquote h2, .detail blockquote h3, .detail blockquote h4, 
.detail blockquote p{font-size:2.9487179487179485vw;letter-spacing:-0.07692307692307693vw;line-height:3.3333333333333335vw;text-indent:3.3974358974358974vw;}
.detail blockquote:before{width:2.428846153846154vw;height:2.230769230769231vw;top:0.5128205128205128vw;}
.detail blockquote:after{width:2.428846153846154vw;height:2.230769230769231vw;margin-left:0.576923076923077vw;bottom:0.4487179487179487vw;}
.detail span{font-size:1.3461538461538463vw;line-height:1.858974358974359vw;letter-spacing:-0.010897435897435897vw;}
.detail ul{margin-bottom:0.641025641025641vw;padding-left:1.6666666666666667vw;}
.detail ul li{margin-bottom:1.282051282051282vw;}
.detail ol{margin-bottom:0.641025641025641vw;padding-left:1.6666666666666667vw;}
.detail ol li{margin-bottom:1.282051282051282vw;}

main .columns-text{margin-bottom:3.974358974358974vw;}
main .columns-text.topbpad{padding:5.512820512820513vw 0 5.512820512820513vw 0;}
 
   main .text-box{margin-bottom:9.615384615384617vw;}
/*Article-page-end====*/

/*About-page-start====*/
main .about-content .text-box{height:calc(100vh - 5.128205128205128vw);}
main .about-content .text-box .tb-inner{padding:0 7.564102564102564vw;}
main .about-content .text-box a{font-size:1.3461538461538463vw;line-height:1.858974358974359vw;letter-spacing:-0.010897435897435897vw;}

main .inside-logic-magic{margin-top:3.8461538461538463vw;}
main .inside-logic-magic > div{margin-top:2.2435897435897436vw;}
main .inside-logic-magic > div div:first-of-type{width:12.82051282051282vw;margin-top:-0.3205128205128205vw;}
main .inside-logic-magic > div div:last-of-type{width:37.82051282051282vw;margin-left:2.564102564102564vw;}

.btn-circle-team{right:1.9230769230769231vw;bottom:1.9230769230769231vw;width:5.512820512820513vw;height:6.153846153846154vw;}
.btn-circle-team a{width:5.512820512820513vw;height:5.512820512820513vw;font-size:0.9615384615384616vw;letter-spacing:0.004487179487179488vw;line-height:1.0897435897435896vw;}

.offsetposopacityabout{width: 6.41025641025641vw; height: 0.0641025641025641vw;}

main .team-box{margin-bottom:7.051282051282051vw;}
main .team-box .inner{width:100%;float:left;margin:0;padding:0 7.564102564102564vw;}
main .team-box .inner article{margin-top:3.8461538461538463vw;}
main .team-box .inner article figure{margin-bottom:1.6025641025641024vw;height:31.28205128205128vw;}
main .team-box .inner article h3{font-size:1.3461538461538463vw;line-height:1.858974358974359vw;letter-spacing:-0.010897435897435897vw;}
main .team-box .inner .btn-box{margin-top:5.128205128205128vw;}
main .team-box .inner .btn-box .plus-btn{width:4.487179487179487vw;height:4.487179487179487vw;background-size:2.371794871794872vw 2.371794871794872vw;}

main .team-box.team-popup .inner{padding:9.230769230769232vw 7.564102564102564vw 5.769230769230769vw 7.564102564102564vw;}
/*About-page-end====*/

/*Project-page-start====*/
main .related-box{margin-bottom:7.564102564102564vw;}
main .related-box h2{margin-bottom:3.205128205128205vw;/*font-size:3.3333333333333335vw;letter-spacing:-0.04166666666666667vw;line-height:4.166666666666666vw;*/}
main .related-box article{margin-top:5.769230769230769vw;}
main .related-box article a figure{margin-bottom:1.9230769230769231vw;}
main .related-box article a h3{font-size:1.3461538461538463vw;line-height:1.858974358974359vw;letter-spacing:-0.010897435897435897vw;}
/*Project-page-end====*/

/*Insight-Magic-Logic-Popup-start====*/
main .iml-popup aside{padding-top:11.41025641025641vw;}
main .iml-popup aside a{margin-bottom:0.9615384615384616vw;padding-bottom:0.2564102564102564vw;font-size:2.1153846153846154vw;letter-spacing:-0.046794871794871795vw;line-height:2.8846153846153846vw;}
/*main .iml-popup .inner{padding:10.897435897435898vw 0 0 0;}*/
main .iml-popup .inner article{/*padding-bottom:10.897435897435898vw;*/}
main .iml-popup .inner article p{margin-bottom:2.8846153846153846vw;font-size:2.9487179487179485vw;letter-spacing:-0.07692307692307693vw;line-height:3.3333333333333335vw;}
main .iml-popup .inner article p a{font-size:2.9487179487179485vw;letter-spacing:-0.07692307692307693vw;line-height:3.3333333333333335vw;}
main .iml-popup .inner article .white{font-size:2.9487179487179485vw;letter-spacing:-0.07692307692307693vw;line-height:3.3333333333333335vw;}
main .iml-popup .inner article a{font-size:1.3461538461538463vw;line-height:1.858974358974359vw;letter-spacing:-0.010897435897435897vw;}
main .iml-popup .inner article ul{padding-left:3.076923076923077vw;margin-bottom:1.282051282051282vw;}
main .iml-popup .inner article ul li{margin-bottom:1.6025641025641024vw;font-size:2.9487179487179485vw;letter-spacing:-0.07692307692307693vw;line-height:3.3333333333333335vw;}
main .iml-popup .inner article ol{padding-left:3.3333333333333335vw;margin-bottom:1.282051282051282vw;}
main .iml-popup .inner article ol li{margin-bottom:1.6025641025641024vw;font-size:2.9487179487179485vw;letter-spacing:-0.07692307692307693vw;line-height:3.3333333333333335vw;}
main .iml-popup .inner article div{padding-top:10.897435897435898vw;}

/*Insight-Magic-Logic-Popup-end====*/

/*Project-Popup-start====*/
main .project-popup .columns-text .right{padding-top:1.282051282051282vw;}
main .project-popup .columns-text p{margin-bottom:2.8846153846153846vw;font-size:2.1153846153846154vw;letter-spacing:-0.046794871794871795vw;line-height:2.8846153846153846vw;}
main .project-popup .columns-text ul{padding-left:2.435897435897436vw;margin-bottom:1.282051282051282vw;}
main .project-popup .columns-text ul li{margin-bottom:1.6025641025641024vw;font-size:2.1153846153846154vw;letter-spacing:-0.046794871794871795vw;line-height:2.8846153846153846vw;}
main .project-popup .columns-text ol{padding-left:2.435897435897436vw;margin-bottom:1.282051282051282vw;}
main .project-popup .columns-text ol li{margin-bottom:1.6025641025641024vw;font-size:2.1153846153846154vw;letter-spacing:-0.046794871794871795vw;line-height:2.8846153846153846vw;}
/*Project-Popup-end====*/

/*Partners-Popup-start====*/ 
main .partners-popup h1{margin-top:9.615384615384617vw;margin-bottom:2.1153846153846154vw;}
main .partners-popup p{margin-bottom:4.294871794871795vw;padding-right:46.15384615384615vw;}
main .partners-popup .list{border-left:0.0641025641025641vw solid #2E2E2E;}
main .partners-popup .list figure{height:15.384615384615385vw;border:0.0641025641025641vw solid #2E2E2E;}
main .partners-popup .list figure:nth-child(-n+4){border-top:0.0641025641025641vw solid #2E2E2E;}
main .partners-popup .list figure img{width:20.51282051282051vw;}
/*Partners-Popup-end====*/

/*Bio-page-start====*/
main .bio-box{padding:1.4102564102564104vw 0 4.871794871794872vw 0;min-height: calc(100vh - 5.128205128205128vw);}
main .bio-box article{padding-top:5.256410256410256vw;}
main .bio-box article h1{margin-bottom:0.9615384615384616vw;font-size:2.9487179487179485vw;letter-spacing:-0.07692307692307693vw;line-height:3.3333333333333335vw;}
main .bio-box article label{margin-bottom:2.8205128205128207vw;}
main .bio-box article p{margin-bottom:2.8205128205128207vw;}
main .bio-box article .reach{margin-bottom:2.2435897435897436vw;padding-bottom:3.205128205128205vw;border-bottom:0.0641025641025641vw solid rgba(0, 0, 0, 0.2);}
main .bio-box article a{margin-bottom:0.641025641025641vw;font-size:1.3461538461538463vw;line-height:1.858974358974359vw;letter-spacing:-0.010897435897435897vw;}
/*Bio-page-end====*/

/*Agency-life-page-start====*/
main .socialfeed{margin-bottom:7.628205128205129vw;}
main .socialfeed .inner figure{height:28.205128205128204vw;margin-bottom:2.307692307692308vw;}
main .socialfeed .inner figure a:after{width:1.217948717948718vw;height:1.217948717948718vw;bottom:0.641025641025641vw;right:0.9615384615384616vw;}
main .socialfeed a{font-size:1.3461538461538463vw;line-height:1.858974358974359vw;letter-spacing:-0.010897435897435897vw;}

 /*.juicer-feed.hip{max-height:28.205128205128204vw !important}
.juicer-feed .j-stacker>*{height: 28.205128205128204vw  !important;}*/
.juicer-feed.image-grid li.feed-item, .juicer-feed.slider li.feed-item, .juicer-feed.hip li.feed-item{height: 35.205128205128204vw  !important;margin-bottom:2.307692307692308vw !important;}
/*.j-gallery .j-image{height: 28.205128205128204vw  !important;width:100%;}
.j-gallery .j-image img{height: 28.205128205128204vw  !important;width:100%;object-fit:cover !important;}*/

.juicer-feed .j-image img{height: 35.205128205128204vw !important;}   


main .img-text-box{margin-bottom:8.974358974358974vw;}
main .img-text-box article{padding-top:5.769230769230769vw;}

main .trio-imgs-box{margin-bottom:7.6923076923076925vw;}
main .trio-imgs-box figure{height:28.205128205128204vw;margin-bottom:2.2435897435897436vw;}
main .trio-imgs-box figure figcaption{padding:0 2.307692307692308vw;font-size:2.1153846153846154vw;letter-spacing:-0.046794871794871795vw;line-height:2.8846153846153846vw;}
/*Agency-life-page-end====*/

body.work-open main .filter-popup .fp-inner ul li {margin-left:-1.282051282051282vw;}

 /*error 404*/
main .error-404 .t-inner{width:54.807692307692314vw;}
main .error-404 .t-inner div{width: 35.8974358974359vw;margin: 0 0 0 2.564102564102564vw;}
main .error-404 .t-inner div h1{font-size:2.307692307692308vw;}
main .error-404 .t-inner p{font-size: 1.282051282051282vw;line-height: 1.858974358974359vw;}
main .error-404 .t-inner img{width:16.025641025641026vw;}
main .error-404 .t-inner a.btn{padding:0.7692307692307693vw 1.282051282051282vw 1.0256410256410255vw 1.282051282051282vw;font-size:1.282051282051282vw;}
/*error 404*/

main .columns-text.privacy{margin:3.125vw 0 3.974358974358974vw 0;}
main .columns-text.privacy .content-inner {max-width: 72%;}

/*Footer-Start==========*/
footer #footer{max-width: 100%;padding:0 5.128205128205128vw;} 
footer > h2 {top:2.435897435897436vw/*5vw*/;}
footer > h2 span {font-size:3.8461538461538463vw;letter-spacing:-0.11538461538461539vw;line-height:4.615384615384616vw;}
footer #footer .c-link{padding-top:2.435897435897436vw/*6.41025641025641vw*/;}
footer #footer .c-link div .link-box a{margin-bottom:1.282051282051282vw;padding-bottom:0.4487179487179487vw;font-size:2.1153846153846154vw;letter-spacing:-0.046794871794871795vw;line-height:2.8846153846153846vw;}  
footer #footer .c-link div .link-box .aname{margin-bottom:0.9615384615384616vw;padding-bottom:0.4487179487179487vw;font-size:2.1153846153846154vw;letter-spacing:-0.046794871794871795vw;line-height:2.8846153846153846vw;}  
footer #footer .copyright{padding:0 5.128205128205128vw;bottom:1.7948717948717947vw;}
footer #footer .copyright nav{margin:0.38461538461538464vw 0 0 0;}
footer #footer .copyright nav label{font-size:1.0897435897435896vw;letter-spacing:-0.010897435897435897vw;line-height:1;}
footer #footer .copyright nav ul li{margin-left:1.9230769230769231vw;font-size:1.0897435897435896vw;letter-spacing:-0.010897435897435897vw;line-height:1;}
footer #footer .copyright nav ul li:after{width:0.4487179487179487vw;font-size:1.0897435897435896vw;letter-spacing:-0.010897435897435897vw;left:-1.282051282051282vw;}
footer #footer .copyright nav ul li a{font-size:1.0897435897435896vw;letter-spacing:-0.010897435897435897vw;line-height:1;}
footer #footer .copyright .social-links .icon{width:1.858974358974359vw;height:1.858974358974359vw;margin-left:1.282051282051282vw;}
/*Footer-End==========*/

/*Contact-page-Start==========*/
main .contact-box{margin-bottom:3.717948717948718vw;padding-top:8.846153846153847vw;}
main .contact-box article{padding-top:1.153846153846154vw;}
main .contact-box article label{margin-bottom:0.9615384615384616vw;font-size:1.282051282051282vw;letter-spacing:-0.00641025641025641vw;line-height:1.7307692307692308vw;}
main .contact-box article address{margin-bottom:3.8461538461538463vw;font-size:2.1153846153846154vw;letter-spacing:-0.046794871794871795vw;line-height:2.8846153846153846vw;}
main .contact-box article .aname{font-size:2.1153846153846154vw;letter-spacing:-0.046794871794871795vw;line-height:2.8846153846153846vw;}
main .contact-box article a{margin-bottom:3.8461538461538463vw;font-size:2.1153846153846154vw;letter-spacing:-0.046794871794871795vw;line-height:2.8846153846153846vw;}

main .map-box{margin-bottom:4.807692307692308vw;}
main .map-box .map{height:28.846153846153843vw;}


main .contact-box-new{width:42.94871794871795vw;height:43.58974358974359vw;right:-8.974358974358974vw;} 
main .contact-box-new article{width:16.98717948717949vw;top:2.564102564102564vw;left:2.564102564102564vw;}
main .contact-box-new article h1{margin:0 0 2.1153846153846154vw 0;font-size:2.1153846153846154vw;letter-spacing:-0.06346153846153846vw;}
main .contact-box-new article p{margin:0 0 2.1153846153846154vw 0;}
main .contact-box-new article p span{font-size:1.0897435897435896vw;letter-spacing:-0.010897435897435897vw;line-height:1.6025641025641024vw;margin:0 0 0.38461538461538464vw 0;}
main .contact-box-new article p a{margin-top:0.3205128205128205vw;}
main .contact-box-new article p .mp{margin-top:0.641025641025641vw;}
main .contact-box-new article p .mp3{margin-top:0.641025641025641vw;}


body.contact footer{padding:1.4102564102564104vw 0;}
/*Contact-page-End==========*/

main .btn-team{width:5.512820512820513vw;height:5.512820512820513vw;right:1.9230769230769231vw;bottom:1.282051282051282vw;} 

/* about Popup ------------------------------------ */
main .popup-block{padding-top: 11.41025641025641vw;}

main .popup-block aside a{font-size:2.9487179487179485vw;letter-spacing:-0.07692307692307693vw;line-height:3.3333333333333335vw;margin-bottom:0.3205128205128205vw;}
main .popup-block .content-right{width: 44.871794871794876vw;margin-right:7.6923076923076925vw;}
main .popup-block .content-right p{font-size:2.051282051282051vw;line-height:2.564102564102564vw;margin-bottom:1.9230769230769231vw;}


.blog {
	padding-left: 5.128205128205128vw;
	padding-right: 5.128205128205128vw;
}

.breadcrumb {padding: 2.9282576866764276vw 0px 0;}
.breadcrumb a{font-size: 1.3177159590043925vw;line-height: 1.3177159590043925vw;}
.breadcrumb.wbbtn{top:5.929721815519766vw;}
.breadcrumb.wbbtn a{width:2.9282576866764276vw;height:2.9282576866764276vw;margin-right:-4.392386530014641vw}
 main .heading-box.bcdtop{margin-top:5.929721815519766vw}

}

@media only screen and (min-width:0) and (max-width:767px) {

h1{font-size:8.799999999999999vw;letter-spacing:-0.19466666666666665vw;line-height:10.666666666666668vw;}
h2{font-size:7.199999999999999vw;letter-spacing:-0.15733333333333333vw;line-height:8.799999999999999vw;}
h3{font-size:5.6000000000000005vw;letter-spacing:-0.04533333333333334vw;line-height:7.733333333333333vw;}
p, label, li, a{font-size:4.533333333333333vw;line-height:5.933333333333333vw;letter-spacing:-0.023999999999999997vw;}


/*.wide{aspect-ratio: 1 / 1;}
.wide:hover, .widew{clip-path: polygon(0 0, 80% 0, 100% 20%, 100% 100%, 20% 100%, 0 80%);}*/
.square{aspect-ratio: 1 / 1;}
.square:hover, .squares{clip-path: polygon(0 0, 80% 0, 100% 20%, 100% 100%, 20% 100%, 0 80%);}
.portrait{aspect-ratio: 3 / 4;}
.portrait:hover, .portraitp{clip-path: polygon(0 0, 80% 0%, 100% 15%, 100% 100%, 20% 100%, 0 85%);}

.close{width:13.333333333333334vw;height:13.333333333333334vw;top:3.733333333333334vw;right:5.333333333333334vw;background-size:5.066666666666666vw 5.066666666666666vw;}
header{height:14.933333333333335vw;} 
header .menu{display:block;width:5.866666666666666vw;height:4.266666666666667vw;position:absolute;right:5.333333333333334vw;top:5.333333333333334vw;background-image:url(../images/icon-menu-1.svg);background-position:center center;background-repeat:no-repeat;background-size:100% auto;z-index:999999;} 
.SBR-logo {max-width: 29.333333333333332vw;cursor: pointer;width: 100%;z-index: 1;margin-left: 5.333333333333334vw;margin-top: -1.6vw;}
header ul.nav-links{width:100%;height:100vh;transform: translate3d(0,calc(100% + 200px),0);/*opacity:0;visibility:hidden;*/position:fixed;bottom:0;right:0;top:0;left:0;padding:35.733333333333334vw 5.333333333333334vw 15.733333333333334vw 5.333333333333334vw;background-color:#FFDD00;transition: transform .25s cubic-bezier(.25,.46,.45,.94);} 
header ul.nav-links li{width:100%;margin-left:0;margin-bottom:2.666666666666667vw;float:left;height:auto;text-align:left;padding:0;}  
header ul.nav-links li a{width:100%;margin-bottom:2.666666666666667vw;font-size:8.266666666666666vw;color:#000;line-height:8.266666666666666vw;letter-spacing:-0.050666666666666665vw;float:left;position:relative;}   
header ul.nav-links li a:hover:before{display:none;} 
header ul.nav-links li:after{display:none;margin-top:26.666666666666668vw;} 
header ul.nav-links li .active{text-decoration:underline;}
header{height:14.933333333333335vw;} 
body.home header .menu{background-image:url(../images/icon-menu.svg);} 
/*header:hover .menu{background-image:url(../images/icon-menu-1.svg);} */
/*body.home header:hover .menu{background-image:url(../images/icon-menu-1.svg);}*/
body.home header .menu.menu-1{background-image:url(../images/icon-menu-1.svg);} 

body.agency header .menu.menu-1{background-image:url(../images/icon-menu.svg);} 
body.home.agency header:hover li, body.home header:hover a {
    color: black; 
}

body.home header:hover .nav-background {height: 0%;}
body.home header:hover .SBR-logo {opacity: 0;}
body.home header:hover .nav-scrolled {height: 100%;}
body.home header:hover .SBR-logo.fade-in {opacity: 1;}
/*body.home header:hover .SBR-logo.scrd {opacity: 1;}*/
header .nbg{width:100%;height:100vh;transform: translate3d(0,100%,0);opacity:0;visibility:hidden;position:fixed;bottom:0;right:0;padding:0;background-color:#FFDD00;transition: transform .25s cubic-bezier(.25,.46,.45,.94);} 


/*header .nav-background{display:none;}*/

  .nav-bar-container{padding:0;}
/* :root {--sbr-yellow: #none;}*/
 header li a:hover, header li a.active {--d: 0;--p: 0;}
body.open-nav header .nav-links{transform:translateY(0) !important;/*opacity:1;visibility:visible;*/} 
body.open-nav header .menu{width:5.333333333333334vw;height:5.333333333333334vw;background-image:url(../images/icon-close1.svg) !important;} 
body.open-nav header .nav-links li:last-child{display:block;}

body.open-nav header .nav-links li {animation-delay: calc(250ms + var(--animationDelay)*50ms);animation-duration: .4s;animation-fill-mode: forwards;animation-iteration-count: 1;animation-name: fadeInSlideIn;animation-timing-function: cubic-bezier(.25,.46,.45,.94);opacity: 0;margin-left:-5.333333333333334vw;}
@keyframes fadeInSlideIn{0%{opacity:0;}to{opacity:1;margin-left:0;transform:translateZ(0)}}

/* section ---------------------------------------- */
main{padding-top:14.933333333333335vw;/*margin-bottom: 0;*/}
body.home main{padding-top:0;}
.content-inner{width:100%;max-width:100%;float:left;margin:0;padding:0 5.333333333333334vw;}

/*.graphic{width:1050px;height:804px;position:absolute;left:0;bottom:0;overflow:hidden;}
.graphic span{width:100%;height:100%;position:absolute;right:-1050px;bottom:-100%;background-image:url(../images/SBR-logo-long.svg);background-position:top left;background-repeat:no-repeat;background-size:1400px auto;}*/

.graphic{width:94.66666666666667vw;height:164.26666666666668vw;left:auto;right:0;top:5.333333333333334vw;}
.graphic span{right:-118.66666666666667vw;background-image:url(../images/SBR-logo-long-h.svg);background-size:auto 164.26666666666668vw;}
.graphic.animate-in span{animation: movesmall 1s cubic-bezier(0.65, 0, 0.35, 1);right:0;bottom:0;}
.graphic.animatevisible span{animation: movesmall 1s cubic-bezier(0.65, 0, 0.35, 1);right:0;bottom:0;}

.graphic.small{width:100%/*47.46666666666667vw*/;height:60%/*115.866667vw*/;left:auto;right:-40%;top:auto;bottom:-5%;}
.graphic.small span{/*right:-118.66666666666667vw;*/background-image:url(../images/SBR-Mobile-beam.svg);background-size:100% auto;}
/*.graphic.small.animate-in span{animation: movesmall 1s cubic-bezier(0.65, 0, 0.35, 1);right:0;bottom:0;}
.graphic.small.animatevisible span{animation: movesmall 1s cubic-bezier(0.65, 0, 0.35, 1);right:0;bottom:0;}*/

.graphic.small.animate-out span{right:-65%;} 
@keyframes movesmallout {from {right:0;bottom:0;}to {right:-65%;}}

.fb-text .graphic.small{width:47.46666666666667vw;height:72.53333333333333vw;left:auto;right:0;top:auto;bottom:0;}
.fb-text .graphic.small span{right:-0.5333333333333333vw;bottom:-1.0666666666666667vw;background-image:url(../images/SBR-logo-long-h-fb-text.svg);background-size:100% 100%;}

/*body.home main .featured-box{margin-top:0;margin-bottom:13.333333333333334vw;}*/
main .featured-box{margin-bottom:17.066666666666666vw;height:100vw;}
main .featured-box .inner{left:0;padding:0 5.333333333333334vw;}
/*main .featured-box .inner h1{font-size:10.666666666666668vw;letter-spacing:-0.128vw;line-height:12.266666666666666vw;}*/
main .featured-box .inner.pj{left:0;bottom:-20.466666666666667vw;}
main .featured-box .inner p{/*font-size:5.066666666666666vw;line-height:1.2;*/margin-bottom:1.5vw;}
main .featured-box .inner.large p{/*font-size:5.066666666666666vw;line-height:1.2;*/margin-bottom:1.5vw;letter-spacing:normal;}
@media (min-aspect-ratio: 16 / 9) {main .featured-box iframe {height: 100% !important;top: auto !important;}}
@media (max-aspect-ratio: 16 / 9) {main .featured-box iframe {width: 100% !important;left: auto !important;}}
main .featured-box .content-inner {height: 85vh;max-height: initial;}
main .featured-box .inner a {
    width: auto;
    background: linear-gradient(90deg, #FFFFFF calc(100%/3), transparent 0 calc(200%/3), #FFFFFF 0) var(--d, 0%) 100% /300% 1px no-repeat;
    color: #FFFFFF;
    text-decoration: none;
    border:0;
}
.featured-box .lftlink-ext{width:23.589743589743588vw;height:22.564102564102566vw;right:2.307692307692308vw;top:2.307692307692308vw;}
.featured-box .lftlink-ext span{left:1.7948717948717947vw;bottom:1.0256410256410255vw;font-size:3.5897435897435894vw;line-height:4.102564102564102vw;}
/*.featured-box .lftlink-ext:after{width:6.517948717948718vw;height:6.517948717948718vw;right:3.835897435897436vw;top:3.835897435897436vw;}*/
 


main .project-list{margin-top:0;}
main .project-list:last-of-type{padding-bottom:0;}
main .project-list .project-box{margin-bottom:0;}
main .project-list article{margin-left:0;margin-bottom:13.333333333333334vw;}
main .project-list figure{height:89.06666666666668vw;}
main .project-list video,
main .project-list iframe{height:89.06666666666668vw;object-fit: cover;}
main .project-list .info{width:100%;float:left;position:relative;margin-top:4.533333333333333vw;}
/*main .project-list h2, main .project-list p{font-size:5.066666666666666vw;line-height:6.4vw;letter-spacing:normal;}*/
main .project-list h2{/*margin-bottom:1vw;padding-bottom:0.8vw;*/font-size:4.533333333333333vw;line-height:6.933333333333333vw;letter-spacing:-0.023999999999999997vw;}

/*main .project-list article:hover h2{border-color: transparent;padding-bottom: 2px;background-repeat: repeat;background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 10 18'%3E%3Cstyle type='text/css'%3E.squiggle%7Banimation:shift .5s linear infinite;%7D@keyframes shift %7Bfrom %7Btransform:translateX(-10px);%7Dto %7Btransform:translateX(0);%7D%7D%3C/style%3E%3Cpath fill='none' stroke='black' stroke-width='1' class='squiggle' d='M0,17.5 c 2.5,0,2.5,-1.5,5,-1.5 s 2.5,1.5,5,1.5 c 2.5,0,2.5,-1.5,5,-1.5 s 2.5,1.5,5,1.5' /%3E%3C/svg%3E");}
main .project-list article:hover figure:after{opacity:1;visibility:visible;}*/

main .project-list .article .info{padding:0 6.666666666666667vw;}
main .project-list .article .info div{width:100%;float:left;}
main .project-list .article .info h2{width:100%;text-align:center;border:0;}
main .project-list .article .info p{font-size:5.6000000000000005vw;letter-spacing:-0.04533333333333334vw;line-height:7.733333333333333vw;text-align:center;}

main .project-list article.medium{width:100%;}
main .project-list article.medium figure,
main .project-list article.medium video,
main .project-list article.medium iframe{height:89.06666666666668vw;}
main .project-list article.small{width:100%;}
main .project-list article.small figure,
main .project-list article.small video,
main .project-list article.small iframe{height:89.06666666666668vw;}
main .project-list article.x-small{width:31.428571428571427%;}
main .project-list article.x-small figure,
main .project-list article.x-small video,
main .project-list article.x-small iframe{height:103.73333333333335vw;}

/*main .project-list .notched figure{background:none;background-color:#F2F2F2;}
main .project-list .notched figure:before, 
main .project-list .notched figure:after{content: "";width: calc(100% - 65px);height: 0;position: absolute;top: 0;left: 0;}
main .project-list .notched figure:before {border-bottom: 65px solid transparent;border-right: 65px solid #ffffff;}
main .project-list .notched figure:after {bottom:0;top:auto;border-top: 65px solid transparent;border-left: 65px solid #ffffff;}*/


main .project-list .graph{width:26.666666666666668vw;height:34.66666666666667vw;position:absolute;left:50%;top:50%;margin-left:calc(-26.666666666666668vw / 2);margin-top:calc(-34.66666666666667vw / 2);background-color:#FFDD00;}
main .project-list .graph:before, 
main .project-list .graph:after{content: "";width: calc(100% - 8.333333333333336vw);height: 0;position: absolute;top: 0;left: 0;}
main .project-list .graph:before {border-bottom: 8.333333333333336vw solid transparent;border-right: 8.333333333333336vw solid #F2F2F2;}
main .project-list .graph:after {bottom:0;top:auto;border-top: 8.333333333333336vw solid transparent;border-left: 8.333333333333336vw solid #F2F2F2;}

main .more{width:100%;float:left;background-color:#ffffff;text-align:center;padding:10.133333333333333vw 0 21.866666666666667vw 0;}
main .more a{font-size:5.6000000000000005vw;letter-spacing:-0.04533333333333334vw;line-height:7.733333333333333vw;}

/*Our-work-page-start====*/
main .work-box{padding:16vw 0 25.6vw 0;}
main .work-box h1{height:13.333333333333334vw;margin-bottom:7.666666666666668vw;}
main .work-box h1 sup{margin:0.5333333333333333vw 0 0 1.3333333333333335vw;font-size:4.533333333333333vw;}
main .work-box h1 span{height:13.333333333333334vw;}

main .work-box .filter{margin-bottom:9.066666666666666vw;}
main .work-box .filter a{margin-right:9.066666666666666vw;font-size:4.533333333333333vw;line-height:6.933333333333333vw;letter-spacing:-0.023999999999999997vw;}
main .work-box .filter a:after{width:2.666666666666667vw;font-size:4.533333333333333vw;line-height:6.933333333333333vw;letter-spacing:-0.023999999999999997vw;right:-6.133333333333333vw;}
main .work-box .work-list{margin-bottom:42.66666666666667vw;}
main .work-box .work-list article{width:100%;margin:13.866666666666665vw 0 0 0;}
main .work-box .work-list article:nth-child(-n+2){margin-top:13.866666666666665vw;}
main .work-box .work-list article:first-child{margin-top:0;}
main .work-box .work-list article a figure{margin-bottom:4.533333333333333vw;/*height:89.06666666666668vw;*/}
main .work-box .work-list article a figure iframe{height:50.4vw;}   
main .work-box .work-list article a h3{font-size:4.533333333333333vw;line-height:6.933333333333333vw;letter-spacing:-0.023999999999999997vw;}
main .work-box .loader-box img{width:11.200000000000001vw;}

main .filter-popup .fp-inner{padding:22.666666666666664vw 0;}
main .filter-popup .fp-inner label{margin-bottom:8vw;}
main .filter-popup .fp-inner ul{margin:0 0 0 0;}
main .filter-popup .fp-inner ul li{width:100%;padding:0;margin-bottom:4.266666666666667vw;}
main .filter-popup .fp-inner ul li a{font-size:5.6000000000000005vw;letter-spacing:-0.04533333333333334vw;line-height:7.733333333333333vw;}
main .filter-popup .fp-inner ul li a sup{margin-left:2.666666666666667vw;font-size:4.266666666666667vw;top:1.0666666666666667vw;}
/*Our-work-page-end====*/

/*Article-page-start====*/
main .heading-box{padding:17.866666666666667vw 0 3vw 0;}
main .heading-box label{margin-bottom:1.3333333333333335vw;}
main .heading-box h1{margin-bottom:5.333333333333334vw;}
main .heading-box .name-date .name, main .heading-box .name-date time{font-size:4.533333333333333vw;line-height:6.933333333333333vw;letter-spacing:-0.023999999999999997vw;}
main .heading-box .name-date .name{margin-right:6.4vw;}
main .heading-box .name-date .name:after{width:2.666666666666667vw;font-size:4.533333333333333vw;line-height:6.933333333333333vw;letter-spacing:-0.023999999999999997vw;top:-1.3333333333333335vw;right:-4.8vw;}
main .heading-box.art{padding-top:17.333333333333336vw;padding-bottom:12vw;}
main .heading-box.art:after{height:13.333333333333334vw;bottom:-13.333333333333334vw;}
main .heading-box.art.ovrup{padding-bottom:25.333333333333334vw;margin-bottom:-13.333333333333334vw;}

main .heading-box.life{padding:17.333333333333336vw 0 2.666666666666667vw 0;}

main .gallery-box{margin-bottom:4.266666666666667vw/*9.333333333333334vw*/;}
main .gallery-box.intro .content-inner{padding:0;}
main .gallery-box figure{margin-bottom:0;height:56.2vw;}
main .gallery-box .small-imgs img{width:100%;margin-left:0;margin-bottom:0;}
main .gallery-box.flip figure{margin-top:0;}
main .gallery-box figure:nth-child(2n){margin-top:4.266666666666667vw;}
main .gallery-box.smb-mrg{margin-bottom:4.266666666666667vw;}

main .gallery-box video,
main .gallery-box iframe{height:56.2vw;}
main .gallery-box .small-imgs{height:auto;}
main .gallery-box .small-imgs div {width: 100%;}
main .gallery-box .small-imgs div:last-of-type img, main .gallery-box .small-imgs div:last-of-type video, main .gallery-box .small-imgs div:last-of-type iframe {margin-top: 4.266666666666667vw;}
main .gallery-box .small-imgs video,
main .gallery-box .small-imgs iframe{height:89.35vw;}

.line{color:#000000;text-decoration:none;}
.detail h1{width:100%;float:left;margin:0 0 6.533333333333333vw 0;padding:0;text-align:left;}
.detail h2{margin-bottom:5.333333333333334vw;}
.detail h3{margin-bottom:5.333333333333334vw;}
.detail p{margin-bottom:5.333333333333334vw;}
.detail p.p54{margin-bottom:5.333333333333334vw;font-size:5.6000000000000005vw;letter-spacing:-0.04533333333333334vw;line-height:7.733333333333333vw;}
.detail blockquote{margin-bottom:5.333333333333334vw;font-size:7.199999999999999vw;letter-spacing:-0.15733333333333333vw;line-height:8.799999999999999vw;text-indent:7.466666666666668vw;}
.detail blockquote h1, .detail blockquote h2, .detail blockquote h3, .detail blockquote h4, 
.detail blockquote p{font-size:7.199999999999999vw;letter-spacing:-0.15733333333333333vw;line-height:8.799999999999999vw;text-indent:7.466666666666668vw;}
.detail blockquote:before{width:5.728000000000001vw;height:5.261333333333333vw;top:1.95vw;}
.detail blockquote:after{width:5.728000000000001vw;height:5.261333333333333vw;margin-left:1.8vw;bottom:1.666666666666667vw;}
.detail span{width:100%;float:left;margin:0;padding:0;text-align:left;font-size:4.533333333333333vw;line-height:6.933333333333333vw;letter-spacing:-0.023999999999999997vw;color:#000000;}
.detail ul{margin:0 0 13px 0;padding:0 0 0 26px;}
.detail ul li{margin:0 0 20px 0;}
.detail ol{margin:0 0 13px 0;padding:0 0 0 26px;}
.detail ol li{margin:0 0 20px 0;}

main .columns-text{margin-bottom:7.466666666666668vw;margin-top:5vw;}
main .columns-text .left{width:100%;}
main .columns-text .right{width:100%;floast:left;}

main .columns-text.topbpad{padding:9.512820512820513vw 0 9.512820512820513vw 0;}
main .columns-text{padding:5.512820512820513vw 0 5.512820512820513vw 0;}
main .columns-text.topbpad .content-inner{display:block;align-items:initial;}
.centext {padding-left:0 !important;padding-right:0 !important}

main .text-box{margin-bottom:10.666666666666668vw;}
main .text-box .tb-inner{width:100%;}
/*Article-page-end====*/

/*About-page-start====*/
/*main .about-content .text-box{height:calc(100vh - 14.933333333333335vw);}
*/

/*main .about-content {margin: 20vw 0 10vw 0;}*/
main .about-content {margin: 20vw 0 -9vw 0;}
main .about-content .text-box{height: auto;margin-bottom: 30.666666666666664vw;}
main .about-content .text-box:last-child{margin-bottom: 5.333333333333334vw;}

main .about-content .text-box .tb-inner{padding:0 0;}

main .inside-logic-magic{margin-top:0;}
main .inside-logic-magic > div{margin-top:0/*6.933333333333333vw*/;}
main .inside-logic-magic > div div:first-of-type{width:100%;float:left;margin-top:0;}
main .inside-logic-magic > div div:last-of-type{width:100%;float:left;margin-left:0;}

.btn-circle-team{right:5.333333333333334vw;bottom:8vw;width:20vw;height:22.666666666666664vw;}
.btn-circle-team a{width:20vw;height:20vw;font-size:3.4666666666666663vw;letter-spacing:0.06933333333333333vw;line-height:4vw;}

.offsetposopacityabout{z-index:99999999999; width: 100px; height: 1px; background-color: transparent; position: fixed; bottom: 0; left: 0; visibility:hidden; opacity:0; }

main .team-box{margin-bottom:26.666666666666668vw;}
main .team-box .inner{padding:0;}
main .team-box .inner article{width:47.761194029850745%;margin:13.333333333333334vw 0 0 4.477611940298507%;}
main .team-box .inner article:nth-child(3n-2){margin-left:4.477611940298507%;clear:none;}
main .team-box .inner article:nth-child(odd){margin-left:0;clear:left;}
main .team-box .inner article:nth-child(-n+3){margin-top:13.333333333333334vw;}
main .team-box .inner article:nth-child(-n+2){margin-top:0;}
main .team-box .inner article figure{margin-bottom:2.666666666666667vw;height:auto;}
main .team-box .inner article h3{font-size:4.533333333333333vw;line-height:6.933333333333333vw;letter-spacing:-0.023999999999999997vw;}
main .team-box .inner .btn-box{margin-top:6.666666666666667vw;}
main .team-box .inner .btn-box .plus-btn{width:13.333333333333334vw;height:13.333333333333334vw;background-size:5.333333333333334vw 5.333333333333334vw;}

main .team-box.popup .inner{padding:26.666666666666668vw 0;}

main .iml-popup aside{width: 100%;height: auto;float: left;margin:0;padding: 26.666666666666668vw 5.333333333333334vw 0 5.333333333333334vw;position: relative;border-bottom: solid 1px #FFDD00;}
main .iml-popup aside a {width: auto;float: left;margin: 0 8vw 0 0;padding: 0 0 2.933333333333333vw 0;font-size:5.6000000000000005vw;letter-spacing:-0.04533333333333334vw;line-height:7.733333333333333vw;clear: none;background: linear-gradient(90deg, transparent calc(100%/3), transparent 0 calc(200%/3), #FFDD00 0) var(--d, 0%) 100% /300% 2px no-repeat;}
main .iml-popup .inner {width: 100%;float: left;padding:0 5.333333333333334vw 26.666666666666668vw 5.333333333333334vw;}
main .iml-popup .inner article {width: 100%;/*height: auto;*/float: left;margin: 0;padding: 0 0 9vw 0;}
main .iml-popup .inner article p {margin-bottom: 5.533333333333333vw;font-size: 7.266666666666666vw;letter-spacing: -0.050666666666666665vw;line-height: 9.6vw;
color: #9a9a9a;}
main .iml-popup .inner article a {font-size: 4.533333333333333vw;line-height: 6.933333333333333vw;}
 
main .iml-popup .inner article .white{font-size:7.199999999999999vw;letter-spacing:-0.15733333333333333vw;line-height:8.799999999999999vw;}
main .iml-popup .inner article div{padding-top:9vw;}

main .partners-popup h1{width: 100%;margin: 30.4vw 0 5.866666666666666vw 0;}
main .partners-popup p{margin: 0 0 13.130666666666668vw;padding: 0 0px 0 0;}

main .partners-popup .list {/*width: calc(100% + 10.666667vw );margin: 0 0 0 -5.333333333333334vw;*/border:0;}
main .partners-popup .list figure{width: 50%;height: 32.53333333333333vw;border: 1px solid #2E2E2E;}
main .partners-popup .list figure img{width: 100%;}
 
/*About-page-end====*/

/*Project-page-start====*/
main .related-box{margin-bottom:13.333333333333334vw;margin-top: 9.333333vw;}
main .related-box h2{margin-bottom:9.333333333333334vw;}
main .related-box article{width:100%;margin:9.333333333333334vw 0 0 0;}
main .related-box article:nth-of-type(odd){margin-left:0;clear:left;}
main .related-box article:nth-of-type(-n+2){margin-top:9.333333333333334vw;}
main .related-box article:first-of-type{margin-top:0;}
main .related-box article a figure{margin-bottom:4vw;}
main .related-box article a h3{font-size:4.533333333333333vw;line-height:6.933333333333333vw;letter-spacing:-0.023999999999999997vw;}
/*Project-page-end====*/

/*Bio-page-start====*/
main .bio-box{padding:0 0 14.399999999999999vw 0;min-height: calc(100vh - 14.933333333333335vw);}
main .bio-box figure{width:100%;margin-bottom:9.333333333333334vw;}
main .bio-box article{width:100%;float:left;padding-top:0;}
main .bio-box article h1{margin-bottom:1.3333333333333335vw;font-size:7.199999999999999vw;letter-spacing:-0.15733333333333333vw;line-height:8.799999999999999vw;}
main .bio-box article label{margin-bottom:8.799999999999999vw;}
main .bio-box article p{margin-bottom:8.799999999999999vw;}
main .bio-box article .reach{margin:0 0 6.666666666666667vw 0;padding:0 0 14.666666666666666vw 0;border-bottom:0.26666666666666666vw solid rgba(0, 0, 0, 0.2);}
main .bio-box article a{margin-bottom:1.3333333333333335vw;}
/*Bio-page-end====*/

/*Agency-life-page-start====*/
main .socialfeed{margin-bottom:32vw;}
main .socialfeed .inner figure{width:48.507462686567165%;height:43.2vw;margin:0 0 3.2vw 2.9850746268656716%;padding:0;}
main .socialfeed .inner figure:nth-child(3n-2){margin-left:2.9850746268656716%;clear:none;}
main .socialfeed .inner figure:nth-child(odd){margin-left:0;clear:left;}
main .socialfeed .inner figure a:after{width:5.066666666666666vw;height:5.066666666666666vw;bottom:2.666666666666667vw;right:4vw;}
main .socialfeed a{display:none;}

main .img-text-box{margin-bottom:25.333333333333336vw;}
main .img-text-box figure{width:100%;margin-bottom:10.666666666666668vw;text-align:center;}
main .img-text-box figure img{width:48.059701492537316%;float:none;display:inline-block;}
main .img-text-box article{width:100%;float:left;padding-top:0;}

main .trio-imgs-box{margin-bottom:120px;}
main .trio-imgs-box figure{width:100%;height:89.06666666666668vw;margin:0 0 6.933333333333333vw 0;}
main .trio-imgs-box figure figcaption{padding:0 7.199999999999999vw;font-size:5.6000000000000005vw;letter-spacing:normal;line-height:8.799999999999999vw;}
/*Agency-life-page-end====*/

/*Contact-page-start====*/
main .contact-box {margin: 0 0 5.333333333333334vw 0;padding: 20vw 0 0 0;}
main .contact-box h1 {width: 100%;font-size:8.799999999999999vw;letter-spacing:-0.19466666666666665vw;line-height:10.666666666666668vw;}
main .contact-box article{width: 100%;float: left;padding: 12.533333333333333vw 0 0 0;}
main .contact-box article label{margin: 0 0 1.282051282051282vw 0;font-size: 4.266666666666667vw;letter-spacing: initial;line-height: 6.4vw;}
main .contact-box article address{margin: 0 0 9.066666666666666vw 0;font-size:5.6000000000000005vw;letter-spacing:-0.04533333333333334vw;line-height:7.733333333333333vw;color: #000000;}
main .contact-box article .aname{margin: 0;font-size:5.6000000000000005vw;letter-spacing:-0.04533333333333334vw;line-height:7.733333333333333vw;color: #000000;}
main .contact-box article a{margin: 0 0 9.066666666666666vw 0;font-size:5.6000000000000005vw;letter-spacing:-0.04533333333333334vw;line-height:7.733333333333333vw;}

main .map-box{margin: 0 0 11.466666666666667vw 0;}
main .map-box .map{height: 89.60000000000001vw;}


body.contact footer {
    height: auto;
    float: left;
    padding: 5.729166666666666vw 0;
    position: initial;
    bottom: auto;
    left: auto;
}
main .featured-box.cont {margin-bottom: 0;height: 56.25vw;max-height: initial;}

main .contact-box-new{width:100%;height:auto;float:left; bottom:auto;right:auto;position:relative;z-index:9999;background-color:#FFDD00;padding:9.291666666666667vw 5.333333333333334vw 0 5.333333333333334vw;}
main .contact-box-new figure{display:none !important;}
main .contact-box-new article{width:100%;top:auto;left:auto;position:relative;float:left}
main .contact-box-new article h1{margin:0 0 9.9vw 0;font-size:8.799999999999999vw;letter-spacing:-0.19466666666666665vw;}
main .contact-box-new article p{margin:0 0 9.9vw 0;font-size:5.6000000000000005vw;letter-spacing:-0.04533333333333334vw;line-height:7.733333333333333vw;}
main .contact-box-new article p span{font-size:4vw;letter-spacing:-0.018229166666666668vw;line-height:4.947916666666666vw;margin:0 0 0.7vw 0;}
 
main .contact-box-new article p a{text-decoration:underline;float:left;margin-top:1.5vw;line-height:1;font-size:5.6000000000000005vw;}
main .contact-box-new article p .mp{margin-top:1.6vw;}
main .contact-box-new article p .mp3{margin-top:2.4vw;clear:left;}


main .backroom-box{padding:20vw 0 10vw 0;}
main .backroom-box h1{margin-bottom:20vw;font-size:8.799999999999999vw;letter-spacing:-0.19466666666666665vw;line-height:10.666666666666668vw;}
main .backroom-box .archive-project {margin-bottom: 20vw;}
main .backroom-box .archive-project p {font-size: 5.066666666666666vw;margin-bottom: 4.8vw;}
/* Square blocks */
main .backroom-box .grid-square_small {grid-column: auto / span 6;}
main .backroom-box .grid-square_medium {grid-column: auto / span 12;}
main .backroom-box .grid-square_large {grid-column: auto / span 12;}
/* wide blocks */
main .backroom-box .grid-wide_small {grid-column: auto / span 12;}
main .backroom-box .grid-wide_medium {grid-column: auto / span 12;}
main .backroom-box .grid-wide_large {grid-column: auto / span 12;}

/*error 404*/
main .error-404{width:100%;margin:0 0 4vw 0;height: auto;}
main .error-404 .t-inner{width:100%;}
main .error-404 .t-inner div{width:100%;margin:3vw 0;text-align:center;}
main .error-404 .t-inner div h1{width:100%;font-size:5.6000000000000005vw;text-align: center;}
main .error-404 .t-inner p{width:80%;display:inline-block;float:none;font-size:2.9197080291970803vw;}
main .error-404 .t-inner img{display:inline-block;float:none;}
main .error-404 .t-inner a.btn{width:auto;font-size: 2.75vw;height:auto;margin-top:1vw;padding:2vw 2.5vw;float:none;display:inline-block;}
/*error 404*/

/* SITEMAP */
.site-map {margin: 0 0 8.653846153846153vw 0;}
.site-map h1{font-size:8.799999999999999vw;margin-bottom: 5vw;margin-top: 20vw;}
.site-map ul{margin: 0 0 3.125vw 0;padding: 0 0;}
.site-map ul li {margin: 0 0 0.625vw 0;}
.site-map ul li a {padding: 1.5375vw 0.9750000000000001vw 1.3750000000000001vw 0.9750000000000001vw;font-size: 3.066666666666666vw;}
.site-map ul li ul.child {padding: 1.25vw 0 0 3.5vw !important;}
.site-map ul li ul.child li {margin-bottom: 1.625vw;}

main .columns-text.privacy{margin:20vw 0 8.653846153846153vw 0;}
main .columns-text.privacy .content-inner {max-width: 100%;}

 
.juicer-feed .j-stacker>*{width: 100% !important;height: auto  !important;float: left;padding: 0  !important;}
.juicer-feed .j-stacker>*:nth-child(3n-2){padding-left: 0 !important;clear: left;}
.juicer-feed.image-grid li.feed-item, 
.juicer-feed.slider li.feed-item, 
.juicer-feed.hip li.feed-item{width: 47.5% !important;float:right; height: 42.4vw !important;margin-bottom:4.5vw !important;}
.juicer-feed.image-grid li.feed-item:nth-of-type(2n-1), 
.juicer-feed.slider li.feed-item:nth-of-type(2n-1), 
.juicer-feed.hip li.feed-item:nth-of-type(2n-1){float:left;clear:left;}
.juicer-feed.image-grid li.feed-item, .juicer-feed.slider li.feed-item, .juicer-feed.hip li.feed-item{aspect-ratio: 1 / 1 !important;}
.juicer-feed.image-grid li.feed-item:hover, .juicer-feed.slider li.feed-item:hover, .juicer-feed.hip li.feed-item:hover{clip-path: polygon(0 0, 80% 0, 100% 20%, 100% 100%, 20% 100%, 0 80%) !important;}

 
.juicer-feed .j-image img{height: 42.4vw !important;}
.scroll-section-content {
    padding-left: 0;
  }
  
  .jump-links {
   background: black; 
    padding-bottom: 25px;
    padding-top: 10vh;
  }
  
  .jump-links li {
    margin-bottom: 0;
    display: inline;
    margin-right: 16px;
  }
  
  .scroll-section-content {
    padding-top: 20vh;
  }

  
	.blog {
		grid-template-columns: 1fr;
		column-gap: 0;
		padding: 0vh 5.333333333333334vw	 var(--blog-margin-bottom);
	}

	.blog__post:nth-child(odd) {
		margin-top: 120px;
	}

	.blog__post:nth-child(even) {
		margin-top: 120px;
	}

	.blog__post {
		max-width: 87%;
	}

	.blog__post.blog__post__gallery {
		justify-self: start;
	}

	.blog__post.blog__post__gallery:nth-child(3n) {
		justify-self: center;
	}

	.blog__post figure img,
	.blog__post figure video {
		max-height: 400px;
	}

	.fixed__text h1 {
		letter-spacing: -0.01em;
	}

	.agency__life__page {
		--blog-margin-bottom: 100px;
	}

	.image__lightbox__arrows {
		align-items: flex-end;
	}

	.image__lightbox__arrow {
		width: 40px;
		height: 40px;
		margin: 15px;
	}

	.image__lightbox__close {
		height: 26px;
		width: 26px;
		top: 12px;
		right: 12px;
	}

	.close-al {
		height: 2.1px;
	}


/*Footer-Start==========*/
/*footer{height:auto;position:relative;bottom:auto;left:auto;overflow: auto;float:left;}*/
footer #footer{max-width: 100%;/*height:177.6vw;*/float:left;margin:0;padding:0 5.333333333333334vw;} 
footer > h2 {top:6.666666666666667vw;width:100%;overflow:hidden;}
footer > h2 span {font-size:8.799999999999999vw;letter-spacing:-0.19466666666666665vw;line-height:10.666666666666668vw;}
footer #footer .c-link{padding-top:0;}
footer #footer .c-link div .link-box a{margin:0 0 3.733333333333334vw 0;padding:0 0 1.866666666666667vw 0;font-size:6.4vw;letter-spacing:0;line-height:7.733333333333333vw;color:#000000;display:inline-block;}  
footer #footer .c-link div .link-box .aname{margin:0 0 3.733333333333334vw 0;padding:0 0 1.866666666666667vw 0;font-size:6.4vw;letter-spacing:0;line-height:7.733333333333333vw;color:#000000;display:inline-block;}  
 footer #footer .c-link div .link-box a.link:after{bottom:-0.8vw;height:0.5333333333333333vw;}
footer #footer .copyright{padding:0 5.333333333333334vw;bottom:4.8vw;}
footer #footer .copyright nav{width:60%;margin:0;}
footer #footer .copyright nav label{font-size:4.266666666666667vw;letter-spacing:0;line-height:6.4vw;margin-top:1.3333333333333335vw;}
footer #footer .copyright nav ul{float:left;}
footer #footer .copyright nav ul li{margin:0;width:100%;margin-top:1.866666666666667vw;}
footer #footer .copyright nav ul li:after{width:auto;font-size:5.333333333333334vw;letter-spacing:0;line-height:7.199999999999999vw;top:0;left:0;display:none}
footer #footer .copyright nav ul li a{font-size:4.266666666666667vw;letter-spacing:0;line-height:6.4vw;}
footer #footer .copyright nav ul li a:hover {--d: 100%;transition: 0.5s;}
footer #footer .copyright .social-links{width:auto;float:right;margin:0;padding:0;position:absolute;right:5.333333333333334vw;bottom:0;}
footer #footer .copyright .social-links .icon{width:7.733333333333333vw;height:7.733333333333333vw;float:left;margin:0 0 0 4.266666666666667vw;}
/*Footer-End==========*/

.breadcrumb {padding: 5.266666666666667vw 0px 0;}
.breadcrumb a{font-size: 3.366666666666667vw;line-height: 3.366666666666667vw;}
.breadcrumb.wbbtn{top:14.933333333333335vw;}
.breadcrumb.wbbtn a{width:7.246376811594203vw;height:7.246376811594203vw;margin-right:-3vw;}
 main .heading-box.bcdtop{margin-top:12.560386473429952vw}



.web{display:none;}
.mobile{display:block !important;}

}