@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500');
@import url('https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&display=swap');

@font-face { font-family: 'icomoon';src:  url('../fonts/icomoon.eot?cwdz5r');
  src:  url('../fonts/icomoon.eot?9ybtjj#cwdz5r') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?cwdz5r') format('truetype'),
    url('../fonts/icomoon.woff?cwdz5r') format('woff'),
    url('../fonts/icomoon.svg?cwdz5r#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
::-moz-selection { background: rgba(0, 0 ,0 , .1)}
::selection { background: rgba(0, 0, 0, .1); }
body{margin:0;line-height:1.5;font-weight:300;position:relative;background:#fff;min-height:100vh;font-family:'Work sans',sans-serif;font-size:1.2rem}
*,:before,:after{box-sizing:border-box;margin:0;padding:0;outline:none;-ms-text-size-adjust:100%;text-rendering:geometricprecision}
strong{font-weight:500;}
h1,h2,h3,h4{line-height:1;font-weight:500;letter-spacing:-.05em;margin-bottom:.25em;text-wrap:balance}
h1{font-size:4vw;margin:.75rem 0;}
h2{font-size:2.5rem;}
.h1 {font-size:5rem;line-height:1;}
h3{font-size:1.5rem;line-height:1.2;;}
h4{font-size:1.1rem;line-height:1.3}
strong{font-weight:500;}
p {text-align:left;}
small, .small{font-size:.8rem;}
figure img{width:100%;max-width:100%;display:block;}
figure img.ll{min-width:100%;max-height:80vh;}
figure.mh {text-align:center}
figure.mh img{max-height:80vh;width:auto;max-width:100%;}
figure figcaption{font-size:.8rem;margin: .5rem 0;text-align:left;}

figure.rounded {aspect-ratio:1;border-radius:100%;overflow:hidden;}
figure.rounded img{width:100%;height:100%;object-fit:cover;}

.tabbed {display: inline-block;padding-left:2.5em}
.tabbed2 {display: inline-block;padding-left:5em}
 .tab {display: inline-block;width:2.5em;}

video {width:100%;height: auto;}
blockquote {padding-left:1.5rem;position:relative;}
blockquote:before {content:'●';position:absolute;margin-left:-1.5rem;}

.wfg {color:#fff;}
.bullet {padding-left:1.5em;position:relative;display: block;}
.bullet:before{content:'●';position:absolute;left:0;}

.bullet-2 {padding-left:1.5em;position:relative;margin-left:1.5rem;display: block;font-size:80%;}
.bullet-2:before{content:'○';position:absolute;left:0;}

s.menu strong{font-size:.8rem;}
a{text-decoration:none;color:inherit;margin:0;padding:0;}
input,textarea,button,select,a {-webkit-tap-highlight-color: rgba(0,0,0,0);}
.read a, a.ul {text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 2px; transition: text-decoration-thickness 5s;}
.read a:hover, a.ul:hover, a.ul.active{;text-decoration-thickness: 2px;}
 a.button{padding:.5em 1em;display:inline-block;width:auto;min-width:10rem;color:inherit;font-size:1.25rem;transition:all .5s;cursor:pointer;font-weight:500;letter-spacing:-.05em;border-radius:2rem;border:2px solid;}
 a.button:hover{background:#000;color:#fff;}
 a.button.small {padding:.5rem;font-size:1rem;}
 a.active {    font-weight: 500;}
 a.tick {transition:padding .5s;display:block}
 a.tick:hover {padding-left:.5rem;}
 
 a.filter {padding:.5rem 1rem;border:1px solid #ccc;border-radius:2rem;display:inline-block;margin-bottom:.5rem;line-height:1;}
.filter-wrapper {position:relative;height:4rem;}
  ul.filter{position:absolute;background:#fff;list-style:none;width:calc(100% - 1.5rem);z-index:10;border-bottom:1px solid;font-size:.9rem;}
  ul.filter:after{position:absolute;content:'';width:.5rem;height:.5rem;border-bottom:1px solid;border-right:1px solid;right:.75rem;top:.65rem;transform:rotate(-45deg);transition:transform .5s;}
  ul.filter li{max-height:0;transition:max-height .5s,border .5s;overflow:hidden;cursor:pointer;}
  ul.filter li:hover{background:rgba(0,0,0,.1);}
  ul.filter li span{padding:.2rem .75rem .3rem;display:inline-block;transition:padding .5s;}
  ul.filter li span.nn{font-size:.7rem;float:right;color:#666;}
  ul.filter li:hover span.tt{padding-left:1rem;}
  ul.filter li.active{max-height:3rem;}
  ul.filter:hover li{max-height:3rem;}
  ul.filter:hover:after{transform:rotate(45deg) }
  ul.filter.active li.active{background:#000;color:#fff;}
  ul.filter.active li.active .nn{display:none;}
  ul.filter.active:after{content:'\00D7';border:none;color:#fff;transform:none;line-height:0.2;font-size:1.2rem;pointer-events:none;}
  ul.filter.active:hover li{max-height:0;}
  ul.filter.active:hover li.active{max-height:3rem;}
  ul.filter.active:hover li.active:hover{background:#333;color:#fff;}
 
.no-touch a.button:hover{border-color:#333;}
a.btn{font-size:.8rem;margin:1rem 0;display:inline-block;padding:.25rem 0;transition:color .5s;min-width:8rem;}
.no-touch a.btn:hover{color:#010001;}
.show-mobile {display:none;}

a.more {display:inline-block;margin-top:1rem;font-size:.9rem;padding-right:.75rem;position:relative;font-weight:500;float:right;}
.no-touch a.more:hover:after {right:-.25rem;}
a.more:after{content:'';position:absolute;width:.4rem;height:.4rem;border:1px solid;border-bottom:0;border-left:0;right:0;top:.55em;transform:rotate(45deg);transition:right .25s;}
.grid-item .row a.more {position:absolute;bottom:.75rem;right:.75rem;}

sup {margin-right:.25rem;font-weight:500;font-size: .8rem;}
sup:after{content:')';}
svg {width:100%;}
figure.fix{overflow:hidden;position:relative;}
figure.fix.r50{padding-top:50%;}
figure.fix.r75{padding-top:75%;}
figure.fix.r100{padding-top:100%;}
figure.fix.rounded{border-radius:100%;}
figure.fix img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.ie figure.fix img{width:auto;height:auto;max-width:100%;max-height:100%;;}
figure.fix.contain img{object-fit:contain;}
figure.fix.contain.lt img{object-position:left top;}
figure.fix.contain.rt img{object-position:right top;}


.image-wrap {position:relative;}
.image-wrap .date {position: absolute;padding: .5rem; z-index: 10;border: none;background: #fff;text-align: center;}
.image-wrap figure {display:inline-block;}
.image-wrap figure img{display:block;}
.image-header {padding: .1rem 0.75rem;z-index: 100;display: inline-block;font-size:.9rem;}

a figure{overflow:hidden;margin-bottom:.5rem;}
a figure img{transition:transform .5s;display:block;}
.no-touch a figure:hover img{transform:scale(1.05);}

/*.masonry {margin:0 -2rem}*/
.grid-item{display:inline-block;vertical-align:top;padding:1rem;text-align:center;margin-bottom:2rem;}
/* .grid-item, .grid-item a {animation: color_cycle 100s infinite;transition:color .5s} */
/*.grid-item, .grid-item a {transition:color .5s}*/
.grid-item:hover, .grid-item:hover a {color:#000 !important;}
/*.grid-item img {width:auto;}*/
.grid-item.m2 h2{font-size:1.5rem}
.grid-item.m3 h2{font-size:2rem}
.grid-item.m6 h2{font-size:4rem}
.grid-item.m12 h2{font-size:4rem}
.grid-item.m2 h3{font-size:1rem}
.grid-item.m3 h3{font-size:1rem}

.grid-item .loc{text-align:right;width:50%;}
 .toggle {clear:both}
 .toggle h3{padding-left:2rem;position:relative;cursor:pointer;display: inline-block;width: calc(100% - 6rem);vertical-align: top;}
 .toggle .thu {width:5rem;height:5rem;margin-bottom:.5rem;display:inline-block;float:left;transition:transform .5s;}
 .toggle .thu figure{width:4rem;height:4rem;    border-radius: 100%;overflow: hidden;}
 .toggle .thu figure img{width:200%;height:200%;object-fit:cover;}
 .toggle h3:before {content:'';position:absolute;width:.5rem;height:.5rem;border-right:2px solid;border-top:2px solid;left:0;top:.5rem;transform:rotate(45deg);transition:transform .5s}
 .toggle h3:hover:before {transform:translate(.5rem, 0) rotate(45deg) ;}
 .toggle .tc{ max-height:0;overflow:hidden;transition:max-height .5s;clear:both;}
 .toggle:hover .thu {transform:scale(1.25)}
 .toggle.active h3:before {transform:translate(.5rem, 0) rotate(135deg)}
 .toggle.active .tc{ max-height:1000vh;}
 
/* .sh .caret {width:.5rem;height:.5rem;border-bottom:1px solid;border-right:1px solid;position:absolute;right:.25rem;top:.5rem;transform:rotate(-45deg);transition:transform .5s;}
.sh .caret:before {    content: '';position: absolute;width: 0.6rem;border-bottom: 1px solid;transform: rotate(45deg) translate(0, -.25px);transform-origin: 0;}
.sh.active > .hh{max-height:1200rem;}
.sh.active > .st > .caret{transform:rotate(45deg)}*/
@keyframes color_cycle {
    0%   {color: #70BFF8;}
    12.5%  {color: #A8DC85;}
    25%  {color: #FF6B71;}
    37.5%  {color: #FF9CC1;}
    50% {color: #6D8EBB;}
    65.5% {color: #FDF46A;}
    75% {color: #ccc;}
    100% {color: #70BFF8;}
}

 .sortable-wrapper {}
 


.sortable-wrapper .bx {min-height:18rem;}
.sortable-wrapper .bx.m6{width:50%;padding:0;}
.sortable-wrapper .bx.m4{width:33.333333%;padding:0;}
.sortable-wrapper .bx.m3{width:25%;padding:0;height:24rem;}
.sortable-wrapper .bx.m2{width:16.6666666667%;padding:0;}
.sortable-wrapper .bx.hh .bx-inner{position:absolute;}
.sortable-wrapper .bx.hide{width:0;height:0;margin:0;padding:0;display:none;}
.sortable-wrapper .bx.hide .bx-inner{top:0;left:0;transform:scale(0,0);opacity:0;display:none;}
.sortable-wrapper .bx-inner {transition:all .5s;padding:.5rem;font-size:1rem;}
.sortable-wrapper .bx-inner  .bx-label h2{min-height:2.5em;}
.sortable-wrapper .bx-inner  .bx-label{min-height:5rem;}
.placeholder.hide{display:none;}

#popup{position:fixed;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.75);z-index:1001;opacity:0;pointer-events:none;opacity:0;transition:opacity .5s;}
#popup.active{opacity:1;pointer-events:all;}
#popup .popup-inner{position:absolute;left:50%;top:50%;width:30rem;max-width:50rem;height:calc(100vh - 2rem);overflow:auto;background:#fff;transform:translate(-50%,-50%);z-index:10000;padding:1rem;}
#popup .close{position:absolute;top:0;right:1rem;font-size:2rem;cursor:pointer;color:#fff;font-weight:300;}
#popup .col{margin:0;}

.hdr{text-align:left;text-transform: lowercase;font-weight:400;min-height:2.5rem;font-size:1rem;font-size:.9rem;margin-bottom:.5rem}
.hdr.large{font-size:1.1rem;}
.reveal{opacity:0;transition:opacity .5s;}
.no-touch .revealer:hover .reveal{opacity:1;}
hr{border: none;border-bottom: 2px solid;animation-name: hr;animation-duration:.5s;margin:.2rem 0}
@keyframes hr {
  from {width: 0;}
  to {width: 100%;}
}
.highlight {background:#ff6;padding:.25rem;}
header{position:fixed;top:0;width:100vw;text-align:center;padding:.75rem;background:#fff;z-index:100;transform:translate(0%,0%);transition:transform .25s,opacity .5s;}
header.hide{transform:translate(0%,-100%);opacity:0;}
header a.logo{position:absolute;padding:.5rem .75rem;transform:translate(0,.5rem);left:.75rem;}
header a.logo img{width:15rem;}
header nav{display:inline-block;font-size:.9rem;}
header nav{font-size:1rem;}

nav ul li{display:inline-block;}
nav ul li.reg a{display:block;padding:.75rem 1rem;position:relative;font-size:200%;line-height:1;font-weight: 500;letter-spacing:-.05em}
nav ul li.reg a:after{content:'';position:absolute;width:0;left:1rem;bottom:.25rem;border-bottom:2px solid #010001;transition:width .5s;}
nav ul li.shc{	position: absolute;	right: 5rem;width: 3rem;height: 3rem;border: 1px solid #eee;border-radius:100%;top: 1rem;transition:color .5s;cursor: pointer;user-select:none;}	
nav ul li.shc .shc-icon {font-size: 1.7rem;line-height: 1.7;font-weight: 400;}
nav ul li.shc .shc-inner {	z-index:-1;right: 1.5rem;top:0;position: absolute;width:10rem;max-width:0;max-height:0;overflow:hidden;transition:max-width .5s;background:#fff;border:1px solid #eee;}
nav ul li.shc .shc-inner a {white-space:nowrap;padding:0 .5rem;color:#000;text-align:left;border-bottom:1px solid #eee;line-height: 3rem;height:3rem;transition:all .5s;}
nav ul li.shc .shc-inner a:hover {background:#000;color:#fff;}
nav ul li.shc .shc-inner a:last-child {border-bottom:none;}
nav ul li.shc:hover{background:#000;color:#fff;}
nav ul li.shc:hover .shc-inner {max-width:10rem;max-height:unset}


.no-touch header nav ul li a:hover:after,header nav ul li a.active:after{width:calc(100% - 2rem);}

article {margin:0 auto;padding-bottom:10rem;border:2px solid #0f0}

.c0 {margin:0 auto;max-width:40rem;padding:1rem;}
.c1 {margin:0 auto;max-width:60rem;padding:1rem;}
.c2 {margin:0 auto;max-width:80rem;padding:1rem;}
.c3 {margin:0 auto;max-width:100rem;padding:1rem;}
.c4 {width:50%;margin:0 auto;padding:1rem;}
.c5 {width:33.33333%;display:inline-block;}

.c1 .read {max-width: inherit}


.p1 {font-size: 1.5rem;font-weight: 500;}
.p2 {font-size:1.25rem;}
.p3 {font-size:1rem;}
.trim-right {padding-right:5rem;}
.thing {}
.thing .masthead{width:100%;height:80vh;max-height:50vw;position:relative;margin-bottom: 1rem;background:#fff;}
.thing .masthead figure.hero {width:100%;height:100%;overflow: hidden}
.thing .masthead figure.hero img{width:100%;height:100%;object-fit:cover;transition:filter .5s;filter:blur(.75em) brightness(.9);scale:1.1}
.thing .masthead figure.hero.person img{object-fit:contain;background:#000}
.thing .masthead figure.hero:hover img{opacity:1;filter:blur(0)}
.thing .masthead .masthead-inner{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width: 70rem;text-align:center;transition:opacity .5s;padding:0 1rem}
/*.thing .masthead:hover .masthead-inner{opacity:0} */

.masthead .wrap {height:100%;width:100%;}

.thing .itmz {position:relative}
.thing .itmz.dwl {padding:0;}
.thing .itmz.dwl a {padding:1em;border:1px solid;border-radius:.5em;display:block;transition:padding .5s;}
.thing .itmz.dwl a:hover{padding-left:1.5em}


.thing .itmz figure {text-align: center;}
.thing .itmz figure img {max-height: 100vh;width:auto}

.thing .splitscreen {width:100vw;margin-bottom: 3rem;}
.thing .splitscreen figure {display:inline-block;vertical-align: top;opacity: 0;transition: opacity .5s;position:relative}
.thing .splitscreen figure:nth-child(1):after {content:'';position:absolute;height: 100%;border:.25rem solid #fff;right:0;top:0;}
.thing .splitscreen figure figcaption{padding:0 .5rem;}
.thing .splitscreen.active figure {opacity: 1;}

.thing .triplescreen {width:100vw;margin-bottom: 3rem;}
.thing .triplescreen figure {display:inline-block;vertical-align: top;opacity: 0;transition: opacity .5s;position:relative}
.thing .triplescreen figure:nth-child(1):after {content:'';position:absolute;height: 100%;border:.25rem solid #fff;right:0;top:0;}
.thing .triplescreen figure:nth-child(2):after {content:'';position:absolute;height: 100%;border:.25rem solid #fff;right:0;top:0;}
.thing .triplescreen figure figcaption{padding:0 .5rem;}
.thing .triplescreen.active figure {opacity: 1;}

.thing .fx{}
.thing .fx.fx1{transform: scale(.1);opacity:0;transition:transform .25s, opacity .25s}
.thing .fx.fx1.active {transform: scale(1);opacity: 1;}
.thing .fx.fx2{opacity:0;transition:opacity 1s}
.thing .fx.fx2.active {opacity: 1;}
.thing .fx.fx3 div{transform: translate(0, 50%);opacity:0;transition:transform .25s, opacity .25s}
.thing .fx.fx3.active div{transform:  translate(0, 0);opacity: 1;}

.tip {top: 0;position: sticky;left: 1rem;font-size: 0.8rem;width: 16rem;transform: translate(0, 20vh);background: #fff;}
.header-spacer {height:5rem;}
.main {padding-bottom:20rem;}
.row{display:block;clear:both;/*position:relative;*/margin:0 -.75rem}
.col{display:inline-block;vertical-align:top;padding:.75rem;}
.row.v-center{position:relative;}
.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%;}
.c-2 {display:inline-block;width:50%;padding-right:.5rem;vertical-align:top}

.offset-m1{margin-left:8.3333333333%;}
.offset-m2{margin-left:16.6666666667%;}
.offset-m3{margin-left:25%;}
.wbg{background:#fffeff;}
.dbg{background:#010001;color:#fffeff;}
.dbg a{color:#fffeff;}
.up{text-transform:uppercase;}
.read{max-width:40em;}
.read p {text-align:left;}
.read.center{margin:0 auto;text-align:left;}
.mt{margin-top:.75rem;}
.mb0{margin-bottom:.25rem;display:block;}
.mb{margin-bottom:.75rem;display:block;}
.mb2{margin-bottom:1.5rem;}
.mb3{margin-bottom:3rem;}

.pv{padding:.75rem 0;}
.pv1{padding:1.5rem 0;}
.pv2{padding:2.25rem 0;}
.pv3{padding:3rem 0;}

.ph{padding:0 .75rem;}
.mv{margin:1rem 0;}
.mh{margin:0 1rem;}
.pd {padding:1rem;}
.pd2 {padding:2rem;}
.pd3 {padding:3rem;}
.pd4 {padding:4rem;}


.pb{padding-bottom:.5rem;}
.bt{border-top:1px solid #ccc;}
.grey {color:rgba(0,0,0,.5);}
.left{text-align:left;}
.center{text-align:center;}
.left, .lft{text-align:left;}
.right, .rgt{text-align:right;}
.flft{float:left;}
.frgt{float:right;}
.fctr{float:center;}
.lv {margin:.5rem 0;}

.red {color:#f33;font-weight:500;}
.green {color:#3f3;font-weight:500;}
.blue {color: #33f;font-weight:500;}

.seperator {color:#ccc;margin:0 .5rem}
.bt { border-top: 2px solid;margin-bottom:.5rem;}
.bb { border-bottom: 2px solid;margin-bottom:.5rem;padding-bottom:.5rem}
.vr{display:inline-block;min-width:6rem;font-size:.8rem;text-transform:uppercase;}
.elipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#bcbcbc;}
.inset{display:inline-block;width:4rem;margin-right:.5rem;}
.label {display:block;position:relative;background:#010001;padding-top:75%;margin-bottom:.5rem;}
.label .label-inner{position:absolute;width:90%;font-size:150%;color:#fffeff;transform:translate(-50%, -50%); top:50%;left:50%;}


form.search{
	position: absolute;
	top: 0rem;
	right: 1rem;
	transition: width .5s;
	width: 3rem;
	height: 3rem;
	background: white;
	box-sizing: border-box;
	border-radius: 3em;
	border: 1px solid #eee;
	overflow:hidden;
}

form.search input{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;;
	height: 2.5rem;
	line-height: 3rem;
	outline: 0;
	border: 0;
	display: none;
	font-size: 1rem;
	font-family:inherit;
	padding:0 4rem 0 1rem;
}

.icon{
	box-sizing: border-box;
	padding: 0.35em;
	width: 1.2em;
	height: 1.2em;
	position: absolute;
	top: .1em;
	right: .1em;
	border-radius: 50%;
	color: #07051a;
	text-align: center;
	font-size: 2rem;
	transition: all 1s;
	line-height: 0.5;
}

form.search:hover,
form.search:valid{
	width: 10em;
	cursor: pointer;
}

form.search:hover input,
form.search:valid input{
	display: block;
}

form.search:hover .icon,
form.search:valid .icon{
	background: #07051a;
	color: white;
}
form.search:valid a {
  display: block;
}

.filters {text-align:center;font-size: 0.8rem; padding: 0.5rem 0;}
.subscribe{position:fixed;bottom:0;right:0;width:15rem;transform:translate(12rem,0);transition:transform .5s;z-index:102;background:#fff;}
.subscribe:hover{transform:translate(0,0)}
.subscribe .icon{display:inline-block;padding:1rem;width:3rem;	position:relative;}
.subscribe .icon span{font-size:1.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,0)}
.subscribe .form{display:inline-block;width:10rem;padding:.5rem;}

.v-sep {display:block;border-right:4px solid;;height:1rem;}
.date {display:inline-block;line-height:1;text-transform: lowercase;font-size:.9rem;margin-bottom:.5rem;/*border:1px solid #999*/;padding:.25rem .5rem;}

.date .dd{font-size:200%;/*font-weight:500;*/line-height: 1;}
.inline-date{display: inline-block;float: left;margin-right: .5rem; height: 6rem;position:relative;font-weight:500;}
.inline-date .wd{position:absolute;left:-1rem;}
.inline-date .dd{font-size:200%;/*font-weight:500;*/line-height: 1;}
.inline-date .mm{position:absolute;top:1.5rem;left:0;}

.caption{font-size:.7rem;display:block;margin:.25rem 0;}
.slider{position:relative;width:100%;padding-top:60%;overflow:hidden;margin-bottom:1rem;}
.slider .slides{position:absolute;top:0;width:100%;height:100%;transition:transform .25s;}
.slider .slide{position:absolute;top:0;opacity:1;width:100%;height:100%;font-size:400%;transition:transform .5s,opacity 1s;z-index:2;pointer-events: none}
.slider .slide figure{height:100%;}
.slider .slide figure img{width:100%;height:100%;object-fit:cover;}
.slider .slide.hide{transform:translate(-101%,0);opacity:0;}
.slider .slide.wait{transform:translate(101%,0);z-index:-1;opacity:0;background-position:left center;}
.wait:first-child,:not(.wait) + .wait{z-index:1!important;}
.slider .slide .caption{position:absolute;bottom:0;left:0;width:100%;padding:1rem;font-size:.9rem;}
.slider .slide.xl .caption{position:relative;top:50%;left:0;padding:1rem;transform:translateY(-50%);}
.slider .slide iframe{width:100%;height:100%;border:0;}
.slider .thumbs{position:absolute;left:0;bottom:-4rem;width:100%;height:2em;padding-right:1rem;z-index:13;transition:bottom 1s;text-align:right;}
.no-touch .slider:hover .thumbs{bottom:1rem;}
.slider .thumbs .thu{border:1px solid rgba(0,0,0,.1);display:inline-block;position:relative;background-repeat:no-repeat;background-size:cover;height:2rem;width:3rem;margin-right:.25rem;opacity:.4;transition:opacity 1s;cursor:pointer;background-color:#fffeff;vertical-align:bottom;font-size:3px;text-transform:uppercase;line-height:1;text-align:left;}
.no-touch .slider .thumbs .thu:hover,.slider .thumbs .thu.active{opacity:1;}
.slider .thumbs .thu span{position:absolute;top:50%;transform:translate(0,-50%);}

.flickity{height:100vh;position:relative;overflow: hidden;outline:none}
.flickity .flickity-viewport {height:100%;}
.flickity .flickity-slider  {height:100%;}
.flickity .cell{display:block;height:100%;text-align:center;margin:0 .5rem;}
.flickity .cell figure{display:inline-block;height:100%;width:auto}
.flickity .cell figure img{height:100%;width:auto}
.flickity .cell figure figcaption {position:absolute;bottom:1rem; left:1rem;}
.flickity-page-dots {position: absolute;left: 50%;bottom: 0;transform: translate(-50%, 0);}

.flickity .flickity-page-dots li{display:inline-block;width:1rem;height:1rem;background:#000;border-radius:100%;margin:.5rem;transition:opacity .5s;opacity:.25;cursor:pointer;}
.flickity .flickity-page-dots li:hover, .flickity .flickity-page-dots li.is-selected{opacity:1}
.flickity-prev-next-button{position:absolute;top:50%;transform:translate(0, -50%;);width:2rem;height:2rem;background:transparent;border:none;cursor:pointer;fill:#000;}
.flickity-prev-next-button.next{right:2rem;}
.flickity-prev-next-button.previous{left:2rem;}

.wrap{position:relative;}
.wrap img{width:100%;display:block;}
.wrap iframe{border:0;width:100%;height:100%;}
.wrap.vim,.wrap.ytb{cursor:pointer;background:#2d343e;}
.vid:before{    content: '';position: absolute; width: 20%;height: 20%;left: 50%; top: 50%;background-size: contain;transform: translate(-50%,-50%); z-index: 10;background-repeat: no-repeat; background-position:center;}
.vid.vim:before{background-image:url(../gfx/video_vim.svg);}
.vid.ytb:before{background-image:url(../gfx/video_ytb.svg?v=1);}

.T19 {padding:1rem;background:#fce4e9;font-family: 'Cardo';letter-spacing:none;border: .75rem solid #fff;}
.serif {font-family: 'Cardo';font-size:120%}
.serif strong{font-weight:600}
.label {background:#000;color:#fff;padding:.5em 1em;border-radius:1rem;display:inline-block;font-weight:600;}


form{font-weight:300;}
::placeholder{color:rgba(0,0,0,.25);}

form * {font-family:'ArmitageLightRegular',Helvetica,Arial,sans-serif;}
form {margin:1rem 0;max-width:30rem;}
form#aanmelden {padding-top:2rem;}
form .progress{display:block;width:100%;height:.25rem;background:#eee;margin:.5rem 0;}
form .bar{display:inline-block;float:left;width:0;height:.25rem;background:#a1a1a1;transition:all .5s;}
form .bar.complete{background:#3c3;}
form p{margin:0;position:relative;}
form p:hover label{color:#333;}
form p:hover input{border-color:#333;}
form label{display:block;font-size:.75rem;color:rgba(0,0,0,.75);transition:color .5s;user-select:none;}
form input{background:none;border:none;border-bottom:1px solid #ddd;width:100%;transition:border 1s;padding:.5rem 0;margin-top:.25rem}
form input:focus{border-color:#333;}
form input.touched:invalid{border-color:red;}
form input.touched:valid{border-color:#3c3;}
form input.btn{width:auto;min-width:10rem;background:#000;color:#fffeff;border:1px solid #ddd;border-radius:.25rem;font-size:1.25rem;transition:all .5s;cursor:pointer;font-weight:500;letter-spacing:-.05em;float:right;}
form input.btn:hover{background:#fffeff;color:#000;}
form p.ok{position:relative;}
form p.ok label{color:#009688;}
form p.ok input{border-color:#009688;}
form p.ok:after{content: '';position: absolute;right: .5rem; top: 2rem;width: 1rem;height: .5rem;border-bottom: 1px solid #009688;border-left: 1px solid #009688;transform: rotate(-45deg);}
form p.er{position:relative;}
form p.er label{color:#c33;}
form p.er input{border-color:#c33;}
form p.er:before,form p.required.er:before{content:'\0021';position:absolute;right:.5rem;top:1.5rem;color:#c33;font-weight:bold;font-size:1rem;}
form p.required:before{content:'*';position:absolute;right:0;top:0;color:#a1a1a1;z-index:1;font-size:1.5rem;}
form textarea{font-size:1rem;margin-top:.5rem;border:none;border-bottom:1px solid #ddd;display:inline-block;width:100%;min-height:10rem;line-height:2rem;background-color:transparent;background-size:100% 2rem;background-image:linear-gradient(0deg,#eee 1px,transparent 1px);background-position:top left;}
form .nn{display:block;text-align:right;font-size:.75rem;right:0;}
form .checkbox{position:relative;margin-bottom:1rem;}
form .checkbox label{padding-left:2rem;display:block;font-size:.9rem;}
form .checkbox input{top:0;left:0;z-index:1;cursor:pointer;opacity:0;position:absolute;width:2rem;height:2rem;}
form .checkbox .input-helper:before,.checkbox .input-helper:after{position:absolute;content:"";transition:all 200ms;}
form .checkbox .input-helper:before{top:0;width:1.4rem;height:1.4rem;border-radius:2px;color:#fff;}
form .checkbox .input-helper:after{content: '';position: absolute;left: 0.35rem;top: 0.4rem;width: 0.75rem;height: 0.45rem;border-bottom: 3px solid #fff;border-left: 3px solid #fff;transform: rotate(-45deg);}
form .checkbox .input-helper:before{left:0;border:2px solid #ddd;}
form .checkbox:hover .input-helper:before{left:0;border-color:#333;}
form .checkbox input:checked + .input-helper:after{opacity:1;border-color:#333;}

form .radio{min-width:25%;position:relative;padding-left:2rem;margin-bottom:1rem;margin-top:1rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
form .radio input{position:absolute;opacity:0;cursor:pointer;background:#def;width:2rem;height:2rem;}
form .checkmark{position:absolute;top:0;left:0;height:1.4rem;width:1.4rem;border: 2px solid #ddd;border-radius:50%;}
form .radio:hover input ~ .checkmark{border-color:#333;}
form .radio input:checked ~ .checkmark{border:.4rem solid;border-color:#333;}

form .switch{position:relative;display:inline-block;width:12.5rem;height:1.5rem;margin-bottom:.5rem;}
form .switch input{display:none;}
form .switch:after{content:attr(data-label);display:block;position:absolute;z-index:0;top:0;font-size:.75rem;left:3.2rem;line-height:1.5rem;}
form .switch-slider{position:absolute;cursor:pointer;width:2.6rem;height:1.6rem;top:0;left:0;right:0;bottom:0;background-color:#ddd;-webkit-transition:.4s;transition:.4s;border-radius:1rem;}
form .switch-slider:before{position:absolute;content:"";height:1.4rem;width:1.4rem;left:.1rem;bottom:.1rem;background-color:#fffffa;-webkit-transition:.4s;transition:.4s;border-radius:1rem;}
form .switch input:checked+.switch-slider{background-color:#333;}
form .switch input:checked+.switch-slider:before{-webkit-transform:translateX(1rem);-ms-transform:translateX(1rem);transform:translateX(1rem);}

form .hlp {display:block;margin-bottom:.5rem;}

.filter_text {display:none;}
.modal {position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:10000}
.modal .msg {position:absolute;width:30rem;padding:2rem;background:#fff;top:50%;left:50%;transform:translate(-50%,-50%);}
#response{display:none;padding: 2rem 1rem; font-size: 120%;margin: 1rem 0;}
.invalid{color:#c33;}
.guide{display:block;margin:.5rem 0;font-size:.75rem;color:#a1a1a1;}

.mb-select{display:none;}
.mb-custom-select{width:100%;position:relative;cursor:pointer;user-select:none;font-weight:400;}
.mb-custom-select .selected{    padding: .5rem;display: block;border: 1px solid #ddd;margin-top: .5rem;border-radius: .25rem;color:#ccc;}
.mb-custom-select .selected:hover{border-color:#333;color:000}
.mb-custom-select .selected.active{color:#000}
.mb-custom-select ul li.select-header{color:#999}

.mb-custom-select .selected:after{position:absolute;content:"";top:1rem;right:.5rem;width:0;height:0;border:.4rem solid transparent;border-color:#333 transparent transparent;}
.mb-custom-select ul{list-style:none;position:absolute;top:0;left:.5rem;width:100%;display:none;margin-left:-.5rem;border:1px solid;    height: 20rem;overflow: auto;}
.mb-custom-select ul.show{display:block;z-index:100;}
.mb-custom-select ul li{padding:.5rem;border-bottom:1px solid #eee;background:#fff;transition:background .5s;}
.mb-custom-select ul li.disabled {font-size:.8rem;text-transform: uppercase;color:#999;}
.mb-custom-select ul li:not(.disabled):hover{background:#fafafa;border-color:#a1a1a1;}

.agd-form.submitted input[type=submit] {opacity:.5;pointer-events: none;}


div.btn{display:block;border:none!important;background-color:var(--c8);background-image:url(../gfx/arw2w.svg);background-repeat:no-repeat;font-family:'ArmitageLightRegular';color:#fff!important;font-size:100%;padding:10px 10px 10px 30px;margin:10px 0;cursor:pointer;}
div.btn:hover{background-color:#333;}

section.fp{position:relative;width:100vw;height:calc(100vh - 8rem);background:url(/Christine-Ayo.png) center no-repeat;background-size:cover;overflow:hidden;}
section.fp .caption{position:absolute;width:50vw;left:50%;top:50%;transform:translate(-50%,-50%);color:#fffeff;opacity:0;transition:opacity .5s;}
.no-touch section.fp:hover .caption{opacity:1;}
section.fp h2{font-size:5vw;text-align:center;transform:translate(0%,50%);transition:transform .5s;}
section.fp:hover h2{transform:translate(0%,0%);}

footer {}
footer a.sb {    display: inline-block;
    padding: 0 .5rem;
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: .5rem;
    border-radius: 100%;
    border: 2px solid #eee;}
footer a.sb span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:1.25rem;}
footer a.sb:hover span{font-size:1.5rem;}

.apria {position:fixed;bottom:2rem;left:2rem;}
.apria a{width:5rem;height:5rem;background:#000;border-radius:2.5rem;display: inline-block;margin-top:1rem;}
.apria a img{width:100%;}

.no-touch section.fp h3{margin-top:1rem;font-size:1.5vw;font-weight:400;transform:translate(-100%,0%);transition:transform 1s;}
.no-touch section.fp:hover h3{transform:translate(0%,0%);}

.footer-inner .row{max-width:100rem;margin:0 auto;}
.footer-inner a.logo{max-width:12rem;display:inline-block;}
.sharing {margin-top:4rem;display:block;}
.sharing a {display:inline-block;padding: .5rem;margin-right: .5rem;   border: 1px solid;margin-top:.5rem;font-size:.9rem;min-width:10rem;font-weight:400;}
.large-icon {font-size:200%;vertical-align:middle;margin: 0 .5rem 0.5rem 0;display: inline-block;}
[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-mail-envelope-closed:before{content:"\e90a";}
.icon-chevrons-up:before{content:"\e902";}
.icon-chevrons-right:before{content:"\e903";}
.icon-chevrons-left:before{content:"\e904";}
.icon-chevrons-down:before{content:"\e905";}
.icon-arrow-right:before{content:"\e906";}
.icon-arrow-left:before{content:"\e907";}
.icon-arrow-down:before{content:"\e908";}
.icon-arrow-up:before{content:"\e909";}
.icon-envelope:before{content:"\e90b";}
.icon-search:before{content:"\e90c";}
.icon-menu:before{content:"\e900";}
.icon-dots-horizontal-triple:before{content:"\e901";}
.icon-play:before{content:"\e912";}
.icon-book:before{content:"\e91f";}
.icon-phone:before{content:"\e942";}
.icon-print:before{content:"\e954";}
.icon-download:before{content:"\e960";}
.icon-attachment:before{content:"\e9cd";}
.icon-cross:before{content:"\ea0f";}
.icon-arrow-more:before{content:"\ea3c";}
.icon-arrow-less:before{content:"\ea40";}
.icon-checkbox-checked:before{content:"\ea52";}
.icon-checkbox-unchecked:before{content:"\ea53";}
.icon-facebook:before{content:"\ea90";}
.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";}
.icon-email:before{content:"@";}


.quote {font-size:3rem;line-height:1;mix-blend-mode:multiply;transition:mix-blend-mode .5s;margin:3rem;}
.quote .p1 {font-size:3vw;font-weight: 600;line-height:1.2;}
.quote:hover {mix-blend-mode:normal}
.quote span {user-select:none;display:inline-block;padding-right:1rem;vertical-align:top;}
.quote span.author {font-size:1rem;margin-top:1rem;display:block;}

.inline-quote {font-family: 'Cardo';font-size:1.5rem;margin:2rem 0;}

@media (max-width: 1200px) {
	.h1 {font-size:3rem;}
	h3 {font-size:1.25rem;}
	header {text-align:right;padding-right:4rem;}
	.tip {	position: relative;
	left: 0;
	font-size: 0.8rem;
	width: 100%;
	transform: translate(0, 0);}
}
@media (max-width: 740px) {
	header {padding:1.5rem .75rem;text-align:left}
	header .burger{	position: absolute;top: 0;left: 0;z-index: 101;float:left;padding:1rem 1rem 1rem .5rem;font-size:2rem;line-height:1;}
	header a.logo {position:relative;display:inline;transform:none;left:auto;padding:1.5rem 0 0 3rem;}
	header .shc {display:none}
	
	header nav {position:fixed;width:100vw;height:100vh;z-index:100;top:0;left:-100vw;background: #fff;transition:transform .5s;}
	header nav ul{margin-top:5rem;}
	header nav ul li {display:block;border-bottom:1px solid}
	header nav ul li a{margin:1rem 0;}
	
	body.nav-active {height:100vh;overflow:hidden;}
	body.nav-active header nav {transform:translate(100vw, 0)}
	
	h1{font-size:3rem !important}
	h2{font-size:2rem !important}
	h3{font-size:1.25rem !important}
	
	.apria {display:none;}
	.row {margin:-.5rem}
	
	.main {width:100vw;overflow:hidden;}
	.main .col, footer .col, .grid-item{width:100%;margin-bottom:1rem;}
	.main .col .col {padding:0;}
	.offset-m1,.offset-m2,.offset-m3,.offset-m4{margin:0;}

	.grid-item {padding:.5rem;}
	.subscribe .icon{width:4rem;}

	.hide-mobile {display:none;}
	.show-mobile {display:block;}
	.masonry {margin:0}
	.read p {font-size:.9rem}
	footer {padding:.5rem;font-size:.8rem;}
	figure.fix.contain img{object-position:center !important;}

	.options {display: inline-block;width: 80%;}
	.filters {padding: 0 1rem;}
	.filters a {display:inline-block;	margin: 0 -0.5rem;}
	
	.c0, .c1, .c2, .c3, .c4 {width:100%;}
	
	.thing .masthead {max-height:unset;}
	
	.filter-wrapper {margin:0 !important;}
	
	.filter-wrapper:nth-child(1) ul.filter{z-index: 22}
	.filter-wrapper:nth-child(2) ul.filter{z-index: 21}
	.filter-wrapper:nth-child(3) ul.filter{z-index: 20}
	.filter-wrapper ul.filter li span {padding:.2rem 0 .3rem}
}