@import url('https://fonts.googleapis.com/css?family=Work+Sans:400,500');
html{font-size:1rem;}
body{line-height:1.5;color:#111;background-color:#fffffa;font-weight:400;margin:0 1rem;padding:0;}
*{box-sizing:border-box;margin:0;padding:0;font-family:'Work Sans',Arial,sans;outline:none;-webkit-tap-highlight-color:rgba(255,255,255,0);}
a{text-decoration:none;color:#111;border-bottom:1px solid transparent;transition:color .5s,border .5s;}
a.ul{border-bottom:1px solid rgba(0,0,0,.25);font-weight:500;}
a.btn,button.btn{margin-bottom:.5rem;padding:.5rem 1rem;border:1px solid rgba(0,0,0,.1);display:inline-block;font-size:.8rem;color:#111;background:none;border-radius:.5rem;}
a:hover,a.ul:hover,a.active,button.btn:hover{border-color:#000;}
button{cursor:pointer;}
img{width:100%;}
small,.small{font-size:.9rem;}
footer {padding-top:2rem;}
footer, footer a {color:rgba(0,0,0,.75)}
footer small{font-size:.75rem;}
.smaller{font-size:.7rem;margin:0;}
strong{font-weight:500;}
hr{border:none;border-top:1px solid rgba(0,0,0,.5);margin:1rem 0;}
h1,h2,h3,h4,h5{font-weight:500;}
h1,h2{font-weight:500;line-height:1.2;margin-bottom:1rem;}
h2{font-size:1.25rem;}
h3{font-size:1.1rem;}
h4{font-size:150%;}
h5{font-size:100%;}
h5 a{display:block;min-height:2.5rem;}
ul{list-style:none;}
.big{font-size:1.25rem;}
.bigger{font-size:1.5rem;}
blockquote{position:relative;margin:.25rem 0 0 1rem;}
blockquote:before{position:absolute;content:'•';margin-left:-1rem;}
header{position:fixed;width:100%;height:3rem;top:0;left:0;z-index:100;padding:0 .5rem;}
header .header-inner{margin:0 auto;padding:1rem 0;}
header .burger{cursor:pointer;user-select:none;display:inline-block;margin-right:.5rem;}
header .logo{display:inline-block;font-size:1.25rem;font-weight:500;line-height:1;border:none;}
header .search{float:right;}
header .search form{position:relative;}
header .search form:after{position:absolute;content:'⚲';transform:rotate(-45deg);right:0;top:0;}
header .search form input{display:inline-block;background:none;margin-left:.25rem;vertical-align:bottom;border:none;border-bottom:1px solid rgba(0,0,0,.25);padding:.25rem 0;font-size:.8rem;color:#111;width:4rem;transition:width 1s;padding-right:1rem;}
header .search input:focus{width:8rem;border-color:rgba(0,0,0,.5);}

header ul.options{display:none;position:absolute;width:11rem;right:0;user-select:none;padding-top:.25rem;}
header ul.options li {display:block;}
header ul.options li a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align:left;padding:.5rem;border-bottom:1px solid rgba(241,74,76,.25);background:#fffffa;display:block;}
.no-touch header ul.options li a:hover{background:#eeeee9;}
.no-touch header form:hover .options{display:block;}

nav{position:fixed;width:20rem;left:0;top:3rem;padding-top:1rem;height:calc(100vh - 3rem);transform:translate(-100%,0);transition:transform .25s;z-index:1000;background:#fffffa;}
nav.active{transform:translate(0,0);}
nav ul{list-style:none;margin:0 2.5rem;user-select:none;}
nav ul li{display:block;margin-bottom:.5rem;}
nav ul li a{display:inline-block;font-size:.8rem;line-height:1;}
main,.footer-inner{max-width:80rem;margin:0 auto;}
.float{float:left;}
.row{display:block;margin:.75rem 0;clear:both;}
.row.inset{margin-left:-.75rem;margin-right:-.75rem;}
.col{display:inline-block;vertical-align:top;padding:0 .75rem;min-height:1px;margin-bottom:1rem;}
.m1{width:8.3333333333%;}
.m2{width:16.6666666667%;}
.m3{width:25%;}
.m4{width:33.3333333333%;}
.m5{width:41.6666666667%;}
.m6{width:50%;}
.m7{width:58.3333333333%;}
.m8{width:66.6666666667%;}
.m9{width:75%;}
.m10{width:83.3333333333%;}
.m11{width:91.6666666667%;}
.m12{width:100%;}
.read{max-width:40rem;}
.itmz{margin-bottom:.75rem;}
.mt{margin-top:.75rem;}
.pv {margin:1rem 0;}
.mb{margin-bottom:.75rem;}
.grid{max-width:80rem;margin:0 auto;}
.grid-item,.grid-sizer{position:relative;width:18.5%;margin:.75%;}
.grid-item{float:left;background:#fffffa;z-index:1;user-select:none;}
.grid-item img{pointer-events:none;}
.grid-item:hover{z-index:2;}
.grid-item.double{width:38.5%;}
.grid-item.triple{width:58.5%;}
.grid-item.header{width:100%;}
.grid-item-content{opacity:.9;width:100%;height:100%;transition:width 0.4s,height 0.4s,opacity .4s;mix-blend-mode:multiply;position:relative;}
.grid-item-content .caption{position:absolute;font-size:.8rem;bottom:0;left:100%;display:inline-block;opacity:0;transition:opacity 2s;z-index:1000;user-select:none;transform:rotate(-90deg) translate(0,.9rem);transform-origin:left bottom;white-space:nowrap;height:1rem;padding-right:1em;}
.grid-item-content .bx{min-height:4rem;}
.grid-item-content .read{display:none;}
.grid-item-content.v{background:rgba(0,0,0,.02);}
.grid-item .img,.grid-item-content.v .img{opacity:0;transform:scale(.9);display:block;transition:opacity 1s,transform .5s;}
.grid-item.active .img, .grid-item.is-expanded .img{opacity:1;transform:scale(1);}

.grid-item.is-expanded .grid-item-content .read{display:block;margin-bottom:2rem;}
.grid-item.is-expanded .grid-item-content .read a.btn{display:block;margin:.5rem 0;border:1px solid;}
.grid-item:hover .grid-item-content{cursor:pointer;opacity:1;mix-blend-mode:inherit;}
.grid-item:hover .grid-item-content .caption{opacity:1;}
.grid-item.is-expanded{width:58.5%;z-index:2;}
.grid-item.is-expanded .grid-item-content{}
.wrap{position:relative;}
.wrap iframe{border:0;width:100%;height:100%;}
.vid{cursor:pointer;}
.vid:before{content:'';position:absolute;width:6rem;height:6rem;left:50%;top:50%;transform:translate(-3rem,-3rem);z-index:1;}
.vid.ytb:before{background:transparent url(../gfx/video_ytb.svg?v=4) center center no-repeat;background-size:contain;}
.vid.vim:before{background:transparent url(../gfx/video_vim.svg?v=22) center center no-repeat;background-size:contain;}
.bg-img{top:0;width:100%;padding-top:75%;background-size:cover;background-position:center center;opacity:1;transition:opacity 1s;position:relative;display:block;}
.bg-img.v{background-image:url(../gfx/loader.svg);background-color:#f1f1f1;}
.bg-img.r50{padding-top:50%;}
.bg-img.r100{padding-top:100%;}
.bg-img.r-responsive{padding-top:75%;}

 @font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?qfhw8g');
  src:  url('../fonts/icomoon.eot?qfhw8g#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?qfhw8g') format('truetype'),
    url('../fonts/icomoon.woff?qfhw8g') format('woff'),
    url('../fonts/icomoon.svg?qfhw8g#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],[class*=" icon-"]{font-family:'icomoon'!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;}
.icon-phone:before{content:"\e942";}
.icon-download:before{content:"\e9c2";}
.icon-link:before{content:"\e9cb";}
.icon-cross:before{content:"\ea0f";}
.icon-checkmark:before{content:"\ea10";}
.icon-facebook:before{content:"\ea91";}
.icon-instagram:before{content:"\ea92";}
.icon-twitter:before{content:"\ea96";}
.icon-youtube:before{content:"\ea9d";}
.icon-vimeo:before{content:"\eaa0";}
.icon-linkedin:before{content:"\eaca";}
@media screen and (max-width: 110rem) {
body{padding-top:2rem;}
header{background:#fffffa;}
main{max-width:110rem;margin:0 auto;}
.grid{max-width:110rem;margin:0 auto;}
}
@media screen and (max-width: 640px) {
main {margin: 2rem auto;}
.grid-item .img{opacity:1;transform:scale(1);}
.col {width:100%;}
}