html,body{margin:0;padding:0;width:100%;}
html{font-size:62.5%;/*user's browser setting controls font-size, default is 16px (so now 24px = 2.4rem)*/}
body{position:relative;font-family:tablet-gothic,sans-serif;overflow-x:hidden;background-color:#FFF;color:#333;box-sizing:border-box;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}
::selection{color:#FFF;background-color:#333;}
.noanim *{transition:none!important;}

h1,h2,h3,h4,h5,h6,p,q{position:relative;margin:0;padding:0;font-weight:normal;font-style:normal;line-height:1.3;box-sizing:border-box;}
h1{font-family:kings-caslon-display,serif;font-size:5.6rem;line-height:1.15;}
h1.small,h2{font-family:kings-caslon-display,serif;font-size:4.2rem;line-height:1.15;}
h3,p{font-size:2.2rem;min-height:3.0rem;font-weight:300;line-height:1.4;}
h3{font-weight:600;}
h4{font-size:2.6rem;line-height:1.3;font-weight:300;}/*person subtitle*/
p.small{font-size:1.4rem;min-height:1.6rem;font-weight:300;line-height:1.2;}
p a{transition:color .3s ease-out;}
p a:hover{color:#F47D48;}
p{max-width:765px;}
@media all and (max-width:767.5px){
    h1{font-size:3.6rem;}
    h1.small,h2{font-size:3.6rem;}
    h4{font-size:1.4rem;line-height:1.2;}
}

/*      Buttons     */
a{position:relative;box-sizing:border-box;color:inherit;text-decoration:none;line-height:inherit;}
a{-moz-user-drag:none;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);touch-action:manipulation;/*removes delay*/}
button{position:relative;box-sizing:border-box;margin:0;padding:0;border:none;background:none;color:inherit;font-family:inherit;cursor:pointer;}
button:focus{outline:none;}
button{-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}

.readBtn{box-sizing:border-box;border:1px solid #F47D48;border-radius:10px;text-align:center;color:#F47D48;font-size:1.4rem;line-height:1;padding:12px 45px;transition:all .3s ease-out;white-space:nowrap;font-weight:600;text-transform:uppercase;}
.readBtn:hover{background-color:#F47D48;color:#FFF;}
.downloadBtn{box-sizing:border-box;border:1px solid #F47D48;border-radius:10px;text-align:center;background-color:#F47D48;color:#FFF;font-size:1.4rem;line-height:1;padding:12px 25px;transition:all .3s ease-out;white-space:nowrap;font-weight:600;text-transform:uppercase;}
.downloadBtn:hover{background-color:transparent;color:#F47D48;}

.doubleLineBtn span{display:block;transition:all .3s ease-out;}
.doubleLineBtn span:nth-of-type(2){opacity:0;}

/*      Media       */
img,video,.lazy{border:0;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.fade{opacity:0;transition:opacity .6s ease-in-out;}
.fade.in{opacity:1;}
.lazy{position:relative;}
.lazy .rel{position:relative;width:100%;overflow:hidden;}
.lazy .rel .img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s ease-in-out;/*, transform 2.0s ease-out;*/}
.lazy .rel .img.instant.in{transition:none;opacity:1;}
/* Video controls */
.controls{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.1);z-index:10;color:#FFF;opacity:0;pointer-events:none;transition:opacity .6s ease-out;}
.controls.on{opacity:1;pointer-events:all;}
.controls .playpause{position:absolute;left:50%;top:50%;margin:-46px 0 0 -46px;width:92px;height:92px;background-color:#FFF;color:#333;text-align:center;font-size:1.4rem;border-radius:100%;}
.controls .progress{position:absolute;left:55px;bottom:55px;width:calc(100% - 110px);height:24px;z-index:1;}/*a little larger for hitarea*/
.controls .progress:before{content:"";position:absolute;left:0;top:10px;width:100%;height:4px;background-color:#FFF;}
.controls .progress .bar{position:absolute;left:0;top:10px;width:0%;height:4px;background-color:#F47D48;}
.controls .time{position:absolute;bottom:43px;left:55px;font-size:1.4rem;color:#FFF;opacity:0;transition:all .3s ease-out;}
.controls .fullscreen{position:absolute;bottom:25px;right:55px;height:50px;font-size:1.4rem;color:#FFF;opacity:0;transition:all .3s ease-out;}
.controls .fullscreen:hover/*, .controls .time:hover*/{color:#F47D48;}
.controls.videostarted .fullscreen, .controls.videostarted .time{opacity:1;}

.txtfade{opacity:0;transition:opacity 0s ease-in-out;}
.txtfade.in{opacity:1;transition-duration:1s;transition-delay:.1s;}

header{position:fixed;background-color:#FFF;color:#333;left:0;top:0;width:100%;height:80px;z-index:1000;opacity:0;transition:opacity 1s ease-in-out .9s;}
header.instant{transition:none;}
header.in{opacity:1;}
header .logo{position:absolute;left:21px;top:32px;width:166px;}
header .logo .rel{position:relative;width:100%;padding-top:9.156%;}
header .logo img{position:absolute;left:0;top:0;width:100%;height:100%;}
header nav{position:absolute;right:70px;top:0;padding-top:26px;}
header nav .primary{display:inline-block;vertical-align:top;font-size:1.4rem;color:inherit;padding:10px;margin:0 60px 0 0;transition:color .2s ease-out;text-transform:uppercase;}
header nav .primary.selected{color:#F47D48;}
header nav .primary:last-of-type{margin-right:0;}


main{position:relative;width:100%;}
.page{position:relative;width:100%;box-sizing:border-box;font-size:0;}

/* Standard module */
.m{position:relative;width:100%;box-sizing:border-box;padding-left:21px;padding-right:21px;}
.m.white{background-color:#FFF;}
.m.grey{background-color:#F5F5F5;}
.m.first{padding-top:175px;}
.m.white > h1.small{width:60%;padding:80px 0 160px 0;}
.m.white > h1.small.lessmarginb{padding-bottom:100px;}
.hero.offset + .m.white > h1.small{width:50%;padding:40px 0 160px 0;}
.m.white > h2{width:60%;padding:80px 0 100px 0;}
.m.first > h1.small{padding-top:40px;padding-bottom:100px;}

.m .social{position:relative;display:block;box-sizing:border-box;margin:40px 0 180px 0;}
.m .social a{position:relative;display:inline-block;vertical-align:top;width:24px;height:24px;margin-right:16px;transition:opacity .2s ease-out;}
.m .social a:hover{opacity:.5;}
.m .social a.fb{background:url("../Grx/fb_dark.svg") no-repeat;}
.m .social a.in{background:url("../Grx/in_dark.svg") no-repeat;}
.m .social a.li{background:url("../Grx/li_dark.svg") no-repeat;}
.m .social a.pi{background:url("../Grx/pi_dark.svg") no-repeat;}
.m .social a.ho{background:url("../Grx/houzz_dark.svg") no-repeat;margin-right:0;}

.hero{position:relative;width:100%;height:100vh;transition:transform 1s ease-in-out 1s;}
.hero.small{height:33.97vw;}
.hero .parallax{position:absolute;left:0;top:0;width:100%;height:100%;}
.hero .lazy{width:100%;height:100%;}
.hero .lazy .rel{height:100%;}
.hero p, .hero h1{position:absolute;left:21px;bottom:40px;color:#FFF;z-index:3;}
.hero h1{bottom:60px;}
.hero.offset p{transform:translateY(-42px);opacity:0;transition:all 1s ease-in-out 1s;}
.hero.project{background-color:#000;}
.hero.project h1{transform:translateY(-35vh);opacity:1;transition:all 1.4s cubic-bezier(0.76, 0, 0.24, 1) .9s;}
.hero.project .lazy{opacity:.6;transition:opacity 1.5s cubic-bezier(0.76, 0, 0.24, 1) 1s;}
.hero.project .lazy:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:50%;z-index:2;background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.8) 100%);}
.hero.project.on h1{transform:translateY(0vh);}
.hero.project.on .lazy{opacity:1;}
.hero.moveup{transform:translateY(-42px);}
.hero.moveup p{opacity:1;transform:translateY(0);}

.hero:after{content:"";position:absolute;left:0;bottom:-42px;width:100%;height:42px;background-color:#FFF;}

.m.grid{font-size:0;margin-bottom:100px;}
.m.grid .el{position:relative;display:inline-block;vertical-align:top;width:calc((100% - 21px) / 2);margin-bottom:100px;}
.m.grid .el:nth-of-type(2n){margin-left:21px;}
.m.grid .el .lazy{overflow:hidden;}
.m.grid .el .lazy .rel{padding-top:73.62%;transition:transform .8s ease-out;will-change:transform;}
.m.grid .el p{margin:15px 0 30px 0;min-height:7.0rem;width:80%;}
.m.grid .el .readBtn{display:inline-block;}

.m.overview{padding-top:210px;margin-bottom:100px;}
.m.overview .projects{font-size:0;width:100%;display:inline-block;}
.m.overview .side{position:relative;float:left;width:calc((100% - 21px) / 2);}/*desktop moves elements into two side containers for fillinp out gaps and having a horizontal layout*/
.m.overview .side.r{margin-left:21px;}
.projects .el{position:relative;display:block;width:100%;margin-bottom:95px;}
.projects .side .el{margin-left:0;}
.projects .el .lazy.hover{position:absolute;left:0;top:0;width:100%;opacity:0;transition:opacity .5s ease-out;}
.projects .el p{line-height:1.4;margin-top:15px;width:80%;}
.projects .el p:nth-of-type(2){font-size:1.4rem;line-height:1.2;min-height:1.6rem;opacity:0;margin-top:10px;transition:opacity .5s ease-out;}
.projects .el:hover p:nth-of-type(2){opacity:1;}
/* Team */
.m.overview.people{padding-top:0;margin-bottom:160px;}
.people > p.small{text-transform:uppercase;color:#F47D48;font-weight:600;z-index:101;}
.people > p.small + h2{margin-top:10px;margin-bottom:60px;z-index:101;}
.people .projects .el{display:inline-block;vertical-align:top;width:calc((100% - 60px) / 4);margin-bottom:40px;margin-right:20px;}
.people .projects .el:nth-of-type(4n){margin-right:0;}
.people .projects .el .lazy{transition:opacity .3s ease-out;}
.people .projects .el:hover .lazy{opacity:.5;}
.people .projects .el p:nth-of-type(1){font-size:1.4rem;line-height:1.2;font-weight:600;min-height:1.6rem;}
.people .projects .el p:nth-of-type(2){opacity:1;margin-top:0;}

.persons{position:fixed;right:0;top:0;width:100%;height:100%;z-index:1002;color:#333;display:none;box-sizing:border-box;padding-left:50%;overflow:auto;}
.persons.on{display:block;}
.persons .p{position:relative;width:100%;height:auto;box-sizing:border-box;padding:80px 21px 200px 10px;display:none;background-color:#FFF;opacity:0;transition:opacity .5s ease-out;z-index:1;}
.persons .p.on{display:block;}
.persons .p.on.fade{opacity:1;}
.persons .p .lazy{width:100%;}
.persons .p h2{padding:60px 0 10px 0;}
.persons .p p:first-of-type{padding-top:90px;}
.persons .closeBtn{position:absolute;right:60px;top:25px;font-size:1.4rem;line-height:1;padding:10px;color:#333;z-index:10;opacity:0;transition:opacity .2s ease-out 0s;text-transform:uppercase;}
.persons .closeBtn.on{opacity:1;transition:opacity .8s ease-in-out .5s;}

.m.overview .categories{position:relative;display:inline-block;vertical-align:top;width:50%;margin-top:-5px;margin-bottom:100px;z-index:101;}
.m.overview .categories.filtered a:not(.selected){color:#D9D9D7;}
.m.overview .categories .toggle{display:none;}
.m.overview .categories a{font-size:2.2rem;font-weight:300;line-height:1;display:table;padding:7px 0;transition:color .4s ease-out;}
.m.overview .categories a:after{content:"";position:absolute;left:0;bottom:5px;width:100%;height:1px;background-color:#333;transform-origin:100% 0;transform:scaleX(0);transition:transform .6s ease-in-out;}
.m.overview .categories a.selected:after{transform-origin:0 0;transform:scaleX(1);transition:transform .6s ease-in-out .2s;}

.m.overview .descriptions{display:inline-block;vertical-align:top;width:50%;box-sizing:border-box;padding-left:11px;padding-right:60px;margin-bottom:42px;/*if text is really long we still want a little margin*/}
.m.overview .descriptions p{display:none;}
.m.overview .descriptions p.selected{display:block;}

.m.overview .fadeLayer{position:fixed;left:0;top:0;width:100%;height:100vh;background-color:#FFF;opacity:1;transition:none;z-index:100;transition:opacity 1s ease-in-out;}
.m.overview .fadeLayer.ready{opacity:0;}
.m.overview .fadeLayer.fadeIn{opacity:1;transition:opacity .3s ease-in-out;}
.m.overview .fadeLayer.fadeOut{opacity:0;pointer-events:none;transition:opacity .8s ease-in-out .05s;}
.m.overview .fadeLayer.instant{transition:none;}

.m.projectdetails{font-size:0;margin-top:100px;margin-bottom:160px;}
.m.projectdetails p.small{display:inline-block;vertical-align:top;width:15%;min-width:150px;}
.m.projectdetails p.small + p{display:inline-block;vertical-align:top;width:60%;}

.hero + .m.projectdetails, .m.white + .m.projectdetails{margin-top:0;}

/* Fullscreen image/video */
.m.fs{margin-top:100px;}
.m.fs .lazy{width:100%;height:100vh;}
.m.fs .lazy .rel{height:100%;}

.m.first + .m.fs{margin-top:0;}

/* Pair of images */
.m.pair{margin-top:100px;}
.m.pair .c{position:relative;font-size:0;}
.m.pair .lazy{box-sizing:border-box;display:inline-block;vertical-align:top;}
.m.pair.a .lazy:nth-of-type(1){width:calc((100% - 183px) * .58);margin-left:54px;margin-top:15vw;}
.m.pair.a .lazy:nth-of-type(2){width:calc((100% - 183px) * .42);margin-left:75px;}
.m.pair.b .lazy:nth-of-type(1){width:calc((100% - 183px) * .42);margin-left:54px;margin-top:15vw;}
.m.pair.b .lazy:nth-of-type(2){width:calc((100% - 183px) * .58);margin-left:75px;}

/* Quote */
.m.quote{padding-top:200px;padding-bottom:100px;}
.m.quote h2{width:60%;}
.m.quote h2 + p{margin-top:20px;}

/* Plain text */
.m.text{padding-top:95px;padding-bottom:160px;padding-left:15%;padding-right:25%;}
.m.text .readBtn{display:inline-block;margin-top:40px;}
.m.text.last{padding-bottom:200px;}

/* Related projects */
.m.related{font-size:0;padding-bottom:200px;}
.m.related > p.small{text-transform:uppercase;color:#F47D48;font-weight:600;}
.m.related > p.small + h2{margin-top:10px;margin-bottom:60px;}
.m.related .el{display:inline-block;vertical-align:top;width:calc((100% - 60px) / 4);margin-right:20px;}
.m.related .el:nth-of-type(4){margin-right:0;}
.m.related .el .lazy{width:100%;}
.m.related .el .lazy .rel{padding-top:73.41%;}
.m.related .el p{font-weight:600;margin-top:18px;}
.m.related .el .lazy.hover{position:absolute;left:0;top:0;width:100%;opacity:0;transition:opacity .5s ease-out;}

/* Resource banner */
.m.resource{padding-top:60px;padding-bottom:90px;background-color:#333;color:#FFF;}
.m.resource .lazy.bg{position:absolute;left:0;top:0;width:100%;height:100%;opacity:.2;z-index:0;}
.m.resource .lazy.bg .rel{height:100%;}
.m.resource p, .m.resource h2, .m.resource .c{z-index:1;}
.m.resource > p.small{text-transform:uppercase;color:#F47D48;font-weight:600;width:100%;display:block;}
.m.resource > p.small + h2{margin-top:10px;width:50%;display:inline-block;vertical-align:top;}
.m.resource .c{box-sizing:border-box;width:50%;display:inline-block;vertical-align:top;text-align:right;padding-right:12%;}
.m.resource .c .downloadBtn{display:inline-block;vertical-align:top;margin-top:10px;}

/* Studio */
.m.value{padding-bottom:60px;}
.m.value > p.small{text-transform:uppercase;color:#F47D48;font-weight:600;width:100%;display:block;}
.m.value > p.small + h2{margin-top:10px;width:50%;display:inline-block;vertical-align:top;margin-bottom:60px;}
.m.value .el{position:relative;display:flex;width:100%;align-items:center;margin-bottom:100px;}
.m.value .el .lazy{display:inline-block;vertical-align:top;width:32%;margin-right:75px;}
.m.value .el p{display:inline-block;vertical-align:middle;width:calc(68% - 150px);}
.m.value .el p > b:first-of-type{text-transform:uppercase;}

.m.services{padding-bottom:160px;}
.m.services > p.small{text-transform:uppercase;color:#F47D48;font-weight:600;width:100%;display:block;}
.m.services > p.small + h2{margin-top:10px;width:50%;display:inline-block;vertical-align:top;margin-bottom:60px;}
.m.services .c{box-sizing:border-box;padding-left:15%;padding-right:15%;width:100%;}

.accordions{margin:40px 0;border-top:1px solid #333;}
.accordions .accordion{padding:14px 0;width:100%;box-sizing:border-box;text-align:left;}
.accordions .accordion span:first-of-type{font-size:2.2rem;line-height:1.4;font-weight:300;transition:color .3s ease-out;}
.accordion .arrow{position:absolute;top:12px;right:14px;width:40px;height:40px;transition:transform .3s ease-out;}
.accordion .arrow:before, .accordion .arrow:after{content:"";position:absolute;left:50%;top:50%;width:13px;height:1px;background-color:#333;transition:all .3s ease-out;}
.index .accordion .arrow{top:24px;}
.index .accordion .arrow:before, .index .accordion .arrow:after{width:26px;left:7px;}

.accordion .arrow:after{transform:rotate(-90deg);}
.accordion:hover .arrow:before, .accordion:hover .arrow:after{background-color:#F47D48;}
.index .accordion:hover .arrow:before, .index .accordion:hover .arrow:after{background-color:#333;}
.accordions .accordion.active .arrow:after{opacity:0;}
.accordions:not(.index) .accordion.active .arrow:before, .accordions:not(.index) .accordion.active .arrow:after{background-color:#F47D48;}
.accordions .panel{max-height:1px;overflow:hidden;transition:max-height .6s ease-in-out;border-bottom:1px solid #333;}
.accordions .panel p:first-of-type{padding-top:20px;}
.accordions .panel p:last-of-type{padding-bottom:100px;}
.accordions:not(.index) .accordion.active span:first-of-type, .accordions:not(.index) .accordion:hover span:first-of-type{color:#F47D48;}

.m.index{padding-top:60px;padding-bottom:100px;}
.m.index.accordions{border-top:none;margin:0;}
.m.index.accordions{padding-bottom:140px;}
.m.index.accordions.first{padding-top:215px;}
.m.index > p.small{text-transform:uppercase;color:#F47D48;font-weight:600;width:100%;display:block;margin-bottom:10px;}
.m.index > h2{width:50%;display:inline-block;vertical-align:top;}
.m.index > h2 + h3{margin-top:60px;}
.m.index h3{margin-bottom:40px;}
.m.index:not(.accordions) .c{margin-top:60px;}
.m.index .c .el{display:inline-block;vertical-align:top;width:calc((100% - 60px) / 4);margin-right:20px;border-top:1px solid #333;box-sizing:border-box;padding-top:20px;margin-bottom:60px;}
.m.index .c .el:nth-of-type(4n){margin-right:0;}
.m.index .c .el .readBtn{display:inline-block;margin-top:35px;}
/* Accordion version */
.m.index .accordion{font-size:2.2rem;min-height:3.0rem;font-weight:600;line-height:1.4;padding:30px 0;width:100%;box-sizing:border-box;text-align:left;}
.m.index.accordions .accordion span:first-of-type{font-weight:600;}

/* Videoplayer with controls */
.m.videoplayer{padding-top:100px;padding-bottom:200px;}
.m.videoplayer .toggleHit{position:absolute;left:0;top:0;width:100%;height:calc(100% - 100px);/*background-color:#F47D48;opacity:.2;*/z-index:20;}
.m.videoplayer .toggleHit:hover{cursor:none;}
.m.videoplayer .lazy{width:100%;}
.m.videoplayer .lazy .rel{padding-top:56.25%;}
.m.videoplayer .withdesktopcontrols .controls .playpause{position:fixed;left:0;top:0;pointer-events:none;transition:opacity .3s ease-out .1s;will-change:transform;}
.m.videoplayer .withdesktopcontrols .controls .playpause.out{opacity:0;transition:opacity .3s ease-out;}

/* Carousel (horizontal slider) */
.carousel{position:relative;box-sizing:border-box;width:100%;overflow:hidden;min-height:100px;background-color:#FFF;padding-top:100px;}
.galCursor{position:absolute;left:0;top:0;width:56px;height:34px;z-index:10001;margin:-17px 0 0 -28px;background:url("../Grx/arrow_right.svg") no-repeat;opacity:0;transition:opacity .3s ease-out;pointer-events:none;}
.galCursor.in{opacity:1;}
.carousel.mouseover{cursor:none;}
.carousel .scroller{position:relative;font-size:0;width:100%;height:auto;box-sizing:border-box;padding-left:140px;padding-right:140px;overflow-y:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch;white-space:nowrap;}
.carousel .el{position:relative;width:calc(100vw - 205px);display:inline-block;vertical-align:top;white-space:normal;box-sizing:border-box;padding-right:75px;opacity:.25;transition:opacity .6s ease-in-out;}
.carousel:not(.endless) .el:last-of-type{padding-right:0;}
.carousel.endless .scroller{overflow:visible;width:auto;}
.carousel .el.centered{opacity:1;}


footer{position:relative;width:100%;box-sizing:border-box;background-color:#F47D48;color:#FFF;padding:40px 21px 12px 21px;font-size:0;/*margin-top:100px;*/}
footer a, footer .bl{font-size:1.4rem;line-height:1.2;text-transform:uppercase;}
footer a{transition:opacity .2s ease-out;}
footer a:hover{opacity:.5;}
footer .contactdetails{display:inline-block;vertical-align:top;margin-bottom:100px;width:25%;}
footer .contactdetails a{display:block;margin-bottom:18px;}
footer .index{display:inline-block;vertical-align:top;width:25%;}
footer .social{position:relative;display:inline-block;vertical-align:top;box-sizing:border-box;padding-left:10px;width:50%;}
footer .social a{position:relative;display:inline-block;vertical-align:top;width:30px;height:30px;margin-right:10px;}
footer .social a.fb{background:url("../Grx/fb.svg") no-repeat;background-size:80%;}
footer .social a.in{background:url("../Grx/in.svg") no-repeat;background-size:80%;}
footer .social a.li{background:url("../Grx/li.svg") no-repeat;background-size:80%;}
footer .social a.pi{background:url("../Grx/pi.svg") no-repeat;background-size:80%;}
footer .social a.ho{background:url("../Grx/houzz.svg") no-repeat;background-size:80%;margin-right:0;}
footer .bl, footer .br{display:inline-block;vertical-align:bottom;width:50%;}
footer .bl, footer .br a{opacity:.5;}
footer .br a:hover{opacity:1;}
footer .br{float:right;text-align:right;}
footer .scrolltotop{position:absolute;width:32px;height:32px;right:38px;top:40px;display:block;}
footer .scrolltotop .arrow{display:block;position:absolute;right:0;top:0;width:17px;height:28px;background:url("../Grx/arrow_up_white.svg") no-repeat;cursor:pointer;transition:transform .2s ease-out;}/*larger hitarea*/
footer .scrolltotop:hover .arrow{transform:translateY(-2px);}

@media (hover:hover){
    .doubleLineBtn:not(.selected):hover span{transform:translateY(-100%);}
    .doubleLineBtn:not(.selected):hover span:nth-of-type(1){opacity:0;}
    .doubleLineBtn:not(.selected):hover span:nth-of-type(2){opacity:1;}
    /*header nav .primary:hover{color:#F47D48;}*/
    .m.grid .el:hover .lazy .rel{transform:scale(1.01,1.01);}
    .projects .el:hover .lazy.hover, .m.related .el:hover .lazy.hover{opacity:1;}
    .m.overview .categories a:not(.selected):hover{color:#F47D48;transition:color .2s ease-out;}
}


/* Larger breakpoints */
@media all and (min-width:1700.5px){
    .m.index .c .el{width:calc((100% - 100px) / 6);}
    .m.index .c .el:nth-of-type(4n){margin-right:20px;}
    .m.index .c .el:nth-of-type(6n){margin-right:0;}
    .people .projects .el{width:calc((100% - 100px) / 6);}
    .people .projects .el:nth-of-type(4n){margin-right:20px;}
    .people .projects .el:nth-of-type(6n){margin-right:0;}
}
/* Tablet / small desktops */
@media all and (min-width:767.5px) and (max-width:1200.5px){
    header nav{right:35px;}
    header nav .primary{margin-right:30px;}
    .m.value .el .lazy{width:45%;}
    .m.value .el p{width:calc(55% - 150px);}
    .m.index .c .el{width:calc((100% - 40px) / 3);}
    .m.index .c .el:nth-of-type(4n){margin-right:20px;}
    .m.index .c .el:nth-of-type(3n){margin-right:0;}
    .people .projects .el{width:calc((100% - 40px) / 3);}
    .people .projects .el:nth-of-type(4n){margin-right:20px;}
    .people .projects .el:nth-of-type(3n){margin-right:0;}
    .m.overview .descriptions{padding-right:25px;}
}

/* Mobile (from 767.5 and down) */
@media all and (max-width:767.5px){
    header{background-color:transparent;}
    /*header:not(.closing){overflow:hidden;background:blue;}*/
    header .logo{left:12px;transition:transform .3s ease-out;}
    header .toggle{position:absolute;display:block;width:100px;height:100%;right:0;top:0;}
    header .toggle:before, header .toggle:after{content:"";position:absolute;right:33px;top:40px;width:26px;height:1px;background-color:#333;transition:transform .3s ease-out;}
    header .toggle:before{transform:translateY(-5px);}
    header .toggle:after{transform:translateY(5px);}
    header.open, header.closing{height:100vh;}
    header:before{content:"";position:absolute;left:0;top:0;width:100%;height:80px;background-color:#FFF;}
    header:after{content:"";position:absolute;left:0;top:80px;width:100%;height:calc(100vh - 80px);background-color:#FFF;transform-origin:0 0;transform:scaleY(0);transition:transform .25s ease-out;}
    header.open:after{transform:scaleY(1);}
    header.open .logo{transform:translateY(-100%) translateY(-32px);transition:transform .2s ease-out;}
    header.open .toggle:before{transform:translateY(0px);}
    header.open .toggle:after{transform:translateY(0px);}
    header.open:not(.opening):not(.closing) .toggle:before{transform:rotate(-45deg);}
    header.open:not(.opening):not(.closing) .toggle:after{transform:rotate(45deg);}
    header nav{position:absolute;right:auto;left:42px;top:50%;transform:translateY(-50%) translateY(32px);padding-top:0;z-index:2;opacity:0;transition:all .3s ease-out 0s;}
    header nav .primary{display:block;font-size:2.8rem;padding:15px;margin:20px 0;transition:color .2s ease-out;}
    header.open:not(.closing) nav{transform:translateY(-50%);opacity:1;transition:all .4s ease-out .2s;}
    header:not(.opening):not(.closing):not(.open) nav .primary{display:none;pointer-events:none;width:0;padding:0;}
    
    .doubleLineBtn span:nth-of-type(2){display:none;}
    
    .m{padding-left:12px;padding-right:12px;}

    .hero p, .hero h1{left:12px;}
    .hero.small{height:91.78vw;}
    /*.hero h1{bottom:40px;}*/

    .m.white > h1.small{width:100%;padding:60px 0 100px 0;}/*18paddingtop*/
    .m.first > h1.small{padding-top:15px;}
    .hero.offset + .m.white > h1.small{width:100%;padding:18px 0 100px 0;}
    .m.white > h2{width:100%;padding:60px 0 100px 0;}
    .m.first{padding-top:165px;}
    .m.first > h1.small{padding-bottom:60px;}

    .m.first + .m.fs{margin-top:0;}

    .m .social{margin:75px 0 105px 0;}
    .m .social a{width:34px;height:34px;margin-right:20px;}
    
    .m.grid{margin-bottom:140px;}
    .m.grid .el{position:relative;display:block;width:100%;margin-bottom:80px;}
    .m.grid .el:nth-of-type(2n){margin-left:0;}
    .m.grid .el p{width:100%;margin:15px 0 20px 0;}
    
    .m.overview{padding-top:180px;margin-bottom:45px;}
    .m.overview.people{padding-top:0;margin-bottom:60px;}
    .m.overview .side{display:none;}
    .projects .el{margin-bottom:80px;}
    .projects .el p:nth-of-type(2){font-size:1.3rem;transition:none;opacity:1;margin-top:5px;}
    .people .projects .el{display:block;width:100%;margin-bottom:80px;margin-right:0;}
    .persons{padding-left:0;}
    .persons .p{padding:80px 12px 200px 12px;}
    .persons .p .lazy{margin-left:-12px;width:100vw;}
    .persons .p p:first-of-type{padding-top:60px;}
    /*.persons .closeBtn{right:12px;}*/
    .persons .closeBtn.xmobile{font-size:0;width:40px;height:40px;right:28px;}
    .persons .closeBtn.xmobile:before, .persons .closeBtn.xmobile:after{content:"";position:absolute;left:50%;top:0;width:1px;height:26px;background-color:#333;}
    .persons .closeBtn.xmobile:before{transform:rotate(-45deg);}
    .persons .closeBtn.xmobile:after{transform:rotate(45deg);}
    
    .m.overview .categories{display:block;width:100%;margin-top:0;margin-bottom:75px;max-height:85px;overflow:hidden;border-top:1px solid #333;border-bottom:1px solid #333;transition:max-height .3s ease-out;}
    .m.overview .categories .toggle{display:block;width:100%;font-size:2.2rem;line-height:1;font-weight:300;text-align:left;height:85px;transition:color .3s ease-out}
    .m.overview .categories .toggle.orange{color:#F47D48;}
    .m.overview .categories .toggle.orange:before, .m.overview .categories .toggle.orange:after{background-color:#F47D48;}
    .m.overview .categories.open{transition:max-height .5s ease-out;}
    .m.overview .categories.open .toggle{color:#F47D48;}
    .m.overview .categories .toggle:before{content:"";position:absolute;right:33px;width:1px;height:25px;background-color:#333;transition:opacity .3s ease-out;}
    .m.overview .categories .toggle:after{content:"";position:absolute;right:33px;width:1px;height:25px;background-color:#333;transform:rotate(90deg);transition:background-color .3s ease-out;}
    .m.overview .categories.open .toggle:before{opacity:0;}
    .m.overview .categories.open .toggle:after{background-color:#F47D48;}
    .m.overview .categories a{padding:10px 0;}
    .m.overview .categories a:last-of-type{margin-bottom:35px;}
    .m.overview .descriptions{display:block;width:100%;margin-bottom:80px;padding-left:0;padding-right:0;}

    .m.projectdetails{margin-bottom:140px;}
    .m.projectdetails p.small{display:block;width:100%;margin-bottom:80px;}
    .m.projectdetails p.small + p{display:block;width:100%;}
    
    .m.fs .lazy{width:100%;height:56.25vw;}

    /* Pair of images */
    .m.pair{margin-top:60px;display:inline-block;}
    .m.pair .lazy{display:block;}
    .m.pair.a .lazy:nth-of-type(1){width:70%;margin:0;}
    .m.pair.a .lazy:nth-of-type(2){width:70%;margin:60px 0 0 0;float:right;}
    .m.pair.b .lazy:nth-of-type(1){width:70%;margin:0;}
    .m.pair.b .lazy:nth-of-type(2){width:70%;margin:60px 0 0 0;float:right;}

    .m.quote{padding-top:100px;padding-bottom:0;}
    .m.quote h2{width:100%;}
    .m.quote h2 + p{margin-top:35px;}

    .m.text{padding-top:100px;padding-left:12px;padding-right:12px;}
    .m.text .readBtn{margin-top:50px;}
    .m.text.last{padding-bottom:140px;}

    .carousel{padding-top:80px;}
    .carousel .scroller{padding-left:0;padding-right:0;}
    .carousel .el{width:calc(100vw - 15px);padding-right:10px;}

    .m.related{padding-left:0;padding-right:0;padding-bottom:80px;}
    .m.related > h2, .m.related > p{padding-left:12px;padding-right:12px;}
    .m.related .c{position:relative;box-sizing:border-box;padding-left:12px;padding-right:12px;overflow-x:scroll;white-space:nowrap;padding-bottom:60px;}
    .m.related .el{width:70vw;white-space:normal;margin-right:10px;}

    .m.resource{padding-bottom:75px;}
    .m.resource > p.small + h2{width:100%;display:block;margin-bottom:55px;}
    .m.resource .c{text-align:left;display:block;}
    .m.resource .downloadBtn{background-color:#F47D48;color:#FFF;}

    .m.value{padding-bottom:50px}
    .m.value > p.small + h2{width:100%;display:block;margin-bottom:55px;}
    .m.value .el{display:block;margin-bottom:80px;}
    .m.value .el .lazy{display:block;width:100%;margin-right:0;margin-bottom:35px;}
    .m.value .el p{display:block;width:100%;}

    .m.services{padding-bottom:0;}
    .m.services > p.small + h2{width:100%;display:block;margin-bottom:55px;}
    .m.services .c{padding-left:0;padding-right:0;}

    .m.index.accordions.first{padding-top:180px;}
    .accordions{margin:80px 0 140px 0;}
    .accordion .arrow:before, .accordion .arrow:after{width:26px;left:7px;}
    .accordions .accordion, .m.index .accordion{padding:27px 0;}
    .accordion .arrow{top:24px;}
    .m.index .c .el{display:block;width:100%;margin-right:0;margin-bottom:60px;}
    .m.index .c .el:last-of-type{margin-bottom:0;}
    .m.index > h2{width:100%;display:block;}
    .m.index .accordion:first-of-type{margin-top:65px;border-top:1px solid #333;}
    .accordion + .c{max-height:0;overflow:hidden;transition:max-height .6s ease-in-out;border-bottom:1px solid #333;}
    .m.index .accordion{transition:padding .6s ease-in-out;}
    .m.index .accordion + .c .el{margin-bottom:0;padding-bottom:40px;}
    .m.index .accordion + .c .el:first-of-type{margin-top:35px;}
    .m.index .accordion + .c .el:last-of-type{padding-bottom:70px;}

    footer{padding:40px 12px 12px 12px;}
    footer .index{position:absolute;left:12px;top:40px;display:block;width:auto;margin:0;}
    footer .contactdetails{display:block;margin:110px 0 90px 0;width:100%;}
    footer .social{display:block;padding-left:0;width:100%;margin-bottom:50px;}
    footer .social a{width:34px;height:34px;margin-right:20px;}
    footer .social a.fb, footer .social a.in, footer .social a.li, footer .social a.pi, footer .social a.ho {background-size:100%;}
    footer .bl{width:70%;}
    footer .br{width:30%;}
    footer .scrolltotop{top:30px;}

    .controls .progress{left:0;bottom:0;width:100%;height:12px;z-index:1;}
    .controls .fullscreen{bottom:6px;right:6px;height:18px;}
    .controls .time{left:6px;bottom:6px;}
}

/* Desktop only */
@media all and (min-width:767.5px){
    header .toggle{display:none;}
    .m.overview .categories{max-height:unset!important;}
    .m.index .accordion{cursor:default;pointer-events:none;padding-bottom:40px;padding-top:0;}
    .m.index .accordion:first-of-type{margin-top:55px;}
    .m.index .accordion .arrow{display:none;}
    .accordion + .c{max-height:unset!important;}
}

/* Landscape */
@media all and (orientation:landscape) and (max-width:767.5px){
    header nav .primary{padding:5px;margin:5px 0;}
}

.pageTransition{position:fixed;pointer-events:none;z-index:900;width:100%;height:100vh;background-color:#FFF;left:0;top:0;opacity:1;transition:opacity 1s ease-in-out, background-color .5s ease-out;}
.pageTransition.loaded{opacity:0;}
.pageTransition.in{opacity:1;transition:opacity .3s ease-out, background-color .3s ease-out;}
.pageTransition.dark{background-color:#000;z-index:2000;}



/*Used for mobile measurement of vh unit */
.vh{position:absolute;z-index:-1;top:0;left:-1px;width:1px;height:100vh;}

.oldIe .lazy .rel .img{
	object-fit:cover;
	font-family:'object-fit: cover;';
}