html{margin-top:0px!important;margin-bottom:0px!important;margin-left:0px!important;margin-right:0px!important;scroll-behavior:smooth;}
body{margin:0px;padding:0px;font-family:'Lato',Arial,Helvetica,sans-serif;font-weight:300;font-style:normal;font-size:16px;color:#474747;background-color:#FFFFFF;webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;overflow:hidden;}
div,ul,input,button,textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.container,.col-md-12,.col-md-11,.col-md-10,.col-md-9,.col-md-8,.col-md-7,.col-md-6,.col-md-5,.col-md-4,.col-md-3,.col-md-2,.col-md-1{padding-right:0px;padding-left:0px;}
b,strong,bold{font-weight:600;font-stretch:normal;}
h1{font-family:'Lato',Arial,Helvetica,sans-serif;margin-bottom:0px;margin-top:0px;font-size:32px;font-weight:400;}
h2{font-family:'Lato',Arial,Helvetica,sans-serif;margin-bottom:0px;margin-top:0px;font-size:28px;font-weight:400;}
h3{font-family:'Lato',Arial,Helvetica,sans-serif;margin-bottom:0px;margin-top:0px;font-size:32px;font-weight:400;}
h5{margin-top:20px;font-size:17px;}
h4{}
h6{margin-top:20px;font-size:14px;font-weight:bold;}
.en{display:none;}
::selection{background:#000;color:#FFFFFF;}
::-moz-selection{background:#000;color:#FFFFFF;}
button:focus,.slick-slide{outline:0;}
blockquote{font-size:14px;border-left:2px solid #CCC;margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px;}
#map{right:0px;height:calc(100vh);top:0px;flex-grow:1;position:fixed;width:100%;}
.flexcol{display:flex;flex-direction:column;}
img,div,span,.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.bg0,.bg-northfield,.bg-blue{background-color:#5dabc2;}
.bg1,.bg-lanesboro,.bg-purple{background-color:#c59fd2;}
.bg2,.bg-redwing,.bg-orange{background-color:#f66b4a;}
.color0,.color-northfield,.color-blue{color:#5dabc2;}
.color1,.color-lanesboro,.color-purple{color:#f66b4a;}
.color2,.color-redwing,.color-orange{color:#c59fd2;}
.markerCounty{pointer-events:none;}
.markerCounty .dot,.markerCounty .dot:before,.markerCounty .dot:after{content:'';position:absolute;width:140px;height:140px;margin-left:-70px;margin-top:-70px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;pointer-events:auto;cursor:pointer;}
.markerCounty .dot:before,.markerCounty .dot:after{pointer-events:none;margin-left:0px;margin-top:0px;}
.markerCounty .dot:before{transition:all 0.5s ease;transition-delay:0.3s;}
.markerCounty .dot:after{transition:all 0.5s ease;}
.markerCounty:hover .dot:before{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
.markerCounty:hover .dot:after{-moz-transform:scale(1.4);-webkit-transform:scale(1.4);-o-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4);}
.markerCounty .markerLabel{width:160px;text-align:center;position:absolute;margin-left:-80px;margin-top:80px;pointer-events:auto;cursor:pointer;}
.markerCounty .markerLabel span{color:white;font-size:20px;font-weight:700;padding:2px 10px;}
.markerCounty[data-id="0"]>.dot,.markerCounty[data-id="0"]>.dot:before,.markerCounty[data-id="0"]>.dot:after{background-color:#5dabc228;}
.markerCounty[data-id="1"]>.dot,.markerCounty[data-id="1"]>.dot:before,.markerCounty[data-id="1"]>.dot:after{background-color:#f66b4a28;}
.markerCounty[data-id="2"]>.dot,.markerCounty[data-id="2"]>.dot:before,.markerCounty[data-id="2"]>.dot:after{background-color:#c59fd228;}
.markerCounty[data-id="0"]>.markerLabel>span{background-color:#5dabc2;}
.markerCounty[data-id="1"]>.markerLabel>span{background-color:#f66b4a;}
.markerCounty[data-id="2"]>.markerLabel>span{background-color:#c59fd2;text-align:center;}
.markerCounty[data-id="1"]>.markerLabel{margin-top:-100px;}
#menu{position:fixed;left:50px;top:20px;display:flex;align-items:center;}
#menu .langMenu{display:flex;align-items:center;}
#menu .langMenu .item{padding:0px 8px;}
#menu .langMenu .item[data-lang="en"]{border-right:1px solid #474747;}
#menu .item{text-decoration:none;line-height:18px;color:#474747;}
#menu .item:hover{border-bottom:1px solid #474747;}
#menu .langMenu .item:hover{border-bottom:none;font-weight:bold;}
#menu>.item{margin:0px 20px;}
#menu .item.selected{font-weight:700;}
#menu .item.project{border-bottom:1px solid #474747;}
#menu .item.project:after{content:"\e919";font-family:'icomoon';font-size:16px;margin-left:2px;margin-top:-2px;position:absolute;}
#intro,#county{position:fixed;top:20px;right:50px;text-align:right;width:40%;display:flex;flex-direction:column;align-items:flex-end;transition:all 0.3s ease;pointer-events:none;opacity:0;-moz-transform:translate(40px,0px);-webkit-transform:translate(40px,0px);-o-transform:translate(40px,0px);-ms-transform:translate(40px,0px);transform:translate(40px,0px);}
#intro.slideIn,#county.slideIn{opacity:1;-moz-transform:translate(0px,0px);-webkit-transform:translate(0px,0px);-o-transform:translate(0px,0px);-ms-transform:translate(0px,0px);transform:translate(0px,0px);}
#intro{left:0px;right:auto;top:0px;width:100%;height:calc(100vh);}
#intro .header{position:fixed;top:20px;right:50px;width:40%;display:flex;flex-direction:column;align-items:flex-end;}
#intro .footer{position:fixed;bottom:20px;left:50px;text-align:left;font-size:12px;}
#intro .footer .logoContainer a{pointer-events:auto;margin-right:10px;}
#intro .footer .logoContainer a img{height:50px;filter:grayscale(100%);opacity:0.5;transition:all 0.3s ease;}
#intro .footer .logoContainer a img:hover{filter:grayscale(0%);opacity:1;}
#intro .logoType{display:flex;text-align:right;font-weight:600;line-height:31px;font-size:30px;align-items:stretch;width:250px;}
#intro .logo,#modalPageWelcome .logo{background-image:url(../img/logo2.svg);background-position:100% 50%;background-repeat:no-repeat;background-size:contain;width:100%;height:80px;}
#intro .short{font-size:20px;margin-top:10px;}
#intro .direct{font-weight:700;font-size:14px;font-style:italic;margin-top:20px;}
#intro .info{font-weight:500;font-size:14px;width:70%;margin-top:20px;}
#county{justify-content:space-between;height:calc(100vh - 60px);}
#county .head{margin-right:50px;width:40%;background-color:rgba(255,255,255,0.20);}
#county .close{position:absolute;margin-right:24px;width:18px;height:18px;cursor:pointer;background-image:url(../img/icon_close.svg);background-repeat:no-repeat;background-position:50% 50%;background-size:contain;opacity:1;margin-top:3px;}
#county.slideIn .close{pointer-events:auto;}
#county .head .title{color:#43616A;font-weight:700;font-size:30px;line-height:24px;}
#county .head .info{font-size:20px;transition:all 1s ease;margin-top:10px;opacity:0;overflow:hidden;max-height:0px;}
#county .head .info.slideIn{opacity:1;max-height:600px;}
#county .body{flex-grow:1;overflow:hidden;display:flex;flex-direction:column;margin-right:20px;padding-right:0px;}
#county .body .themeList{overflow:hidden;flex-grow:1;display:flex;flex-direction:column;margin-top:10px;padding-right:60px;transition:all 0.5s ease;display:flex;flex-direction:column;justify-content:center;opacity:0;pointer-events:none;-moz-transform:translate(50px,0px);-webkit-transform:translate(50px,0px);-o-transform:translate(50px,0px);-ms-transform:translate(50px,0px);transform:translate(50px,0px);}
#county .body .themeList.slideIn{opacity:1;pointer-events:auto;-moz-transform:translate(0px,0px);-webkit-transform:translate(0px,0px);-o-transform:translate(0px,0px);-ms-transform:translate(0px,0px);transform:translate(0px,0px);}
#county .body .themeList .listContainer{overflow:hidden;margin-right:-50px;}
#county .body .themeList .title{font-weight:700;margin-bottom:10px;margin-right:-30px;pointer-events:none;}
#county .body .themeList .title[data-id="0"],#county .body .filter .title[data-id="0"]{color:#5dabc2;}
#county .body .themeList .title[data-id="2"],#county .body .filter .title[data-id="2"]{color:#c59fd2;}
#county .body .themeList .title[data-id="1"],#county .body .filter .title[data-id="1"]{color:#f66b4a;}
#county .body .themeList .list{display:flex;flex-direction:column;align-items:flex-end;}
#county .body .themeList .list .item{margin-bottom:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all 0.3s ease;display:flex;}
#county .body .themeList .list .item:after{content:'\e909';font-family:'icomoon';font-size:10px;margin-top:4px;opacity:0.6;width:0px;text-align:right;overflow:hidden;opacity:0;}
#county .body .themeList .list .item.selected:after{width:16px;opacity:0.6;}
#county .body .themeList .list .item.active[data-county-id="0"]{color:#5dabc2;}
#county .body .themeList .list .item.active[data-county-id="2"]{color:#c59fd2;}
#county .body .themeList .list .item.active[data-county-id="1"]{color:#f66b4a;}
#county .body .themeList .list .item.dim{opacity:0.15;}
#county .body .themeList .list .item:hover{opacity:1;}
#county .body .themeList .list .item:hover span{text-decoration:underline;}
#county.slideIn .themeList,#county.slideIn #player{pointer-events:auto;}
.themeList .mCSB_inside>.mCSB_container{margin-right:20px;}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(0,0,0,.35);}
.marker{width:30px;height:30px;z-index:1;display:none;}
.marker.show{display:block;}
.marker .dot{width:30px;height:30px;background-image:url(../img/icon_testimonial_purple.svg);background-repeat:no-repeat;background-size:30px;background-position:50% 50%;cursor:pointer;pointer-events:auto;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;overflow:hidden;opacity:0.8;transition:all 0.3s ease;}
.marker[data-county="1"]>.dot{background-image:url(../img/icon_testimonial_blue.svg);}
.marker[data-county="2"]>.dot{background-image:url(../img/icon_testimonial_orange.svg);}
.marker .dot[data-type="2"]{background-image:url(../img/icon_ambient_blue.svg);}
.marker[data-county="0"]>.dot[data-type="2"]{background-image:url(../img/icon_ambient_blue.svg);}
.marker[data-county="1"]>.dot[data-type="2"]{background-image:url(../img/icon_ambient_orange.svg);}
.marker[data-county="2"]>.dot[data-type="2"]{background-image:url(../img/icon_ambient_blue.svg);}
.marker:hover{z-index:2!important;}
.marker.focus .dot:before{content:'';width:30px;height:30px;border:1px solid #5dabc2;position:absolute;left:0px;top:0px;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;margin-left:0px;margin-top:0px;animation-delay:1.5s!important;animation-fill-mode:both;animation:ripple 3s linear infinite;pointer-events:none;}
.marker.focus .dot:after,.marker:hover .dot:after{content:'';width:30px;height:30px;border:1px solid #5dabc2;position:absolute;left:0px;top:0px;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;margin-left:0px;margin-top:0px;animation-delay:0s;animation:ripple 3s linear infinite;pointer-events:none;}
.marker[data-county="1"]>.dot:before,.marker[data-county="1"]>.dot:after{border-color:#f66b4a;}
.marker[data-county="2"]>.dot:before,.marker[data-county="2"]>.dot:after{border-color:#c59fd2;}
.marker.visited{z-index:0;}
.marker.visited[data-type="0"]>.dot{filter:saturate(0) brightness(1);opacity:0.3;}
.marker.visited[data-type="2"]>.dot{filter:saturate(0) brightness(1);opacity:0.45;}
.marker:hover .dot{background-color:white;opacity:1;-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);overflow:visible;}
.marker.visited.focus .dot,.marker.visited:hover .dot{opacity:1;filter:none;}
@keyframes ripple{0%{opacity:0;-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} 50%{opacity:0.5;-moz-transform:scale(2.5);-webkit-transform:scale(2.5);-o-transform:scale(2.5);-ms-transform:scale(2.5);transform:scale(2.5);} 100%{opacity:0;-moz-transform:scale(4);-webkit-transform:scale(4);-o-transform:scale(4);-ms-transform:scale(4);transform:scale(4);}}
.marker .label{position:absolute;color:#666666;font-size:13px;font-weight:normal;background-color:white;top:-40px;left:16px;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);pointer-events:none;opacity:0;transition:all 0.3s ease;}
.marker:hover .label{opacity:1;}
#modalPageFunder{}
#modalPageFunder p{margin-bottom:30px;}
#modalPageFunder figure{display:inline-block;}
#mapOverlayPlayer{transition:all 1s ease;position:absolute;width:100%;height:calc(100vh);background-position:0% 50%;background-repeat:no-repeat;background-size:cover;opacity:0;pointer-events:none;}
body[data-mode=county][data-county='0']>#map #mapOverlayPlayer{background-image:url(../img/overlay_player_northfield.svg);}
body[data-mode=county][data-county='1']>#map #mapOverlayPlayer{background-image:url(../img/overlay_player_lanesboro.svg);}
body[data-mode=county][data-county='2']>#map #mapOverlayPlayer{background-image:url(../img/overlay_player_redwing.svg);}
body[data-mode=player][data-county='0']>#map #mapOverlayPlayer{opacity:1;background-image:url(../img/overlay_player_northfield.svg);pointer-events:auto;}
body[data-mode=player][data-county='1']>#map #mapOverlayPlayer{opacity:1;background-image:url(../img/overlay_player_lanesboro.svg);pointer-events:auto;}
body[data-mode=player][data-county='2']>#map #mapOverlayPlayer{opacity:1;background-image:url(../img/overlay_player_redwing.svg);pointer-events:auto;}
body[data-mode=player-transcript]>#map #mapOverlayPlayer{opacity:1;background-color:rgba(255,255,255,0.9);pointer-events:auto;}
#mapOverlay{transition:all 1s ease;position:absolute;width:100%;height:calc(100vh);pointer-events:none;background:rgba(255,255,255,0);background:-moz-radial-gradient(center,ellipse cover,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));background:-webkit-radial-gradient(center,ellipse cover,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background:-o-radial-gradient(center,ellipse cover,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background:-ms-radial-gradient(center,ellipse cover,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background:radial-gradient(ellipse at center,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#ffffff',GradientType=1 );}
#mapOverlay[data-county-id="0"]{background:rgba(93,170,194,1);background:-moz-radial-gradient(bottom left,ellipse cover,rgba(93,170,194,1) 0%,rgba(113,181,202,1) 10%,rgba(174,213,225,0) 40%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);background:-webkit-gradient(radial,bottom left,0px,bottom left,100%,color-stop(0%,rgba(93,170,194,1)),color-stop(10%,rgba(113,181,202,1)),color-stop(40%,rgba(174,213,225,0)),color-stop(80%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,1)));background:-webkit-radial-gradient(bottom left,ellipse cover,rgba(93,170,194,1) 0%,rgba(113,181,202,1) 10%,rgba(174,213,225,0) 40%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);background:-o-radial-gradient(bottom left,ellipse cover,rgba(93,170,194,1) 0%,rgba(113,181,202,1) 10%,rgba(174,213,225,0) 40%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);background:-ms-radial-gradient(bottom left,ellipse cover,rgba(93,170,194,1) 0%,rgba(113,181,202,1) 10%,rgba(174,213,225,0) 40%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);background:radial-gradient(ellipse at bottom left,rgba(93,170,194,1) 0%,rgba(113,181,202,1) 10%,rgba(174,213,225,0) 40%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5daac2',endColorstr='#ffffff',GradientType=1 );}
#mapOverlay[data-county-id="1"]{background:rgba(246,109,74,1);background:-moz-radial-gradient(bottom left,ellipse cover,rgba(246,109,74,1) 0%,rgba(247,127,97,1) 10%,rgba(251,182,165,0) 40%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);background:-webkit-gradient(radial,bottom left,0px,bottom left,100%,color-stop(0%,rgba(246,109,74,1)),color-stop(10%,rgba(247,127,97,1)),color-stop(40%,rgba(251,182,165,0)),color-stop(80%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,1)));background:-webkit-radial-gradient(bottom left,ellipse cover,rgba(246,109,74,1) 0%,rgba(247,127,97,1) 10%,rgba(251,182,165,0) 40%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);background:-o-radial-gradient(bottom left,ellipse cover,rgba(246,109,74,1) 0%,rgba(247,127,97,1) 10%,rgba(251,182,165,0) 40%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);background:-ms-radial-gradient(bottom left,ellipse cover,rgba(246,109,74,1) 0%,rgba(247,127,97,1) 10%,rgba(251,182,165,0) 40%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);background:radial-gradient(ellipse at bottom left,rgba(246,109,74,1) 0%,rgba(247,127,97,1) 10%,rgba(251,182,165,0) 40%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f66d4a',endColorstr='#ffffff',GradientType=1 );}
#mapOverlay[data-county-id="2"]{background:rgba(197,159,210,1);background:-moz-radial-gradient(bottom left,ellipse cover,rgba(197,159,210,1) 0%,rgba(204,171,216,1) 10%,rgba(226,207,233,0) 40%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);background:-webkit-gradient(radial,bottom left,0px,bottom left,100%,color-stop(0%,rgba(197,159,210,1)),color-stop(10%,rgba(204,171,216,1)),color-stop(40%,rgba(226,207,233,0)),color-stop(80%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,1)));background:-webkit-radial-gradient(bottom left,ellipse cover,rgba(197,159,210,1) 0%,rgba(204,171,216,1) 10%,rgba(226,207,233,0) 40%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);background:-o-radial-gradient(bottom left,ellipse cover,rgba(197,159,210,1) 0%,rgba(204,171,216,1) 10%,rgba(226,207,233,0) 40%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);background:-ms-radial-gradient(bottom left,ellipse cover,rgba(197,159,210,1) 0%,rgba(204,171,216,1) 10%,rgba(226,207,233,0) 40%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);background:radial-gradient(ellipse at bottom left,rgba(197,159,210,1) 0%,rgba(204,171,216,1) 10%,rgba(226,207,233,0) 40%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c59fd2',endColorstr='#ffffff',GradientType=1 );}
#player{position:fixed;z-index:999;left:0%;top:140px;width:100%;opacity:0;pointer-events:none;transition:all 0.3s ease;}
#player.fadeIn{opacity:1;pointer-events:auto;}
#player audio{display:none;}
#player .status{height:calc(50vh);position:fixed;left:50%;width:100px;bottom:calc(25vh);}
#player .status .rail{position:absolute;height:100%;width:2px;background-color:#adadad;}
#player .status .rail .railbar{position:absolute;background-color:transparent;width:15px;left:-6px;top:0px;height:100%;cursor:pointer;}
#player .status .rail .progressbar{width:2px;background-color:#000;position:absolute;top:0px;left:0px;pointer-events:none;}
#player .status .rail .cursor:after{position:absolute;right:-4px;content:'\e902';font-family:'icomoon';font-size:20px;top:-3px;}
#player .status .rail .cursor span{position:absolute;width:70px;text-align:right;padding-right:15px;right:0px;line-height:20px;}
#player .status .rail .cursor{position:absolute;cursor:pointer;font-weight:800;margin-top:-10px;width:50px;margin-left:-50px;font-size:13px;}
#player .status .rail:before{content:'';position:absolute;width:9px;height:9px;left:-3px;top:-9px;background-color:#43616A;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
#player .status .rail:after{content:'';position:absolute;width:9px;height:9px;left:-3px;bottom:-9px;background-color:#43616A;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
#player .status .time{position:absolute;bottom:-18px;left:14px;font-size:12px;}
#player .status .cues{position:absolute;top:0px;left:20px;height:100%;}
#player .status .cues .item{width:5px;background-color:#adadad;cursor:pointer;position:absolute;white-space:nowrap;font-size:9px;}
#player .status .cues .item:nth-child(even){margin-left:8px;}
#player .status .cues .item.active{background-color:#000;}
#player .status .cues .item.active[data-county-id="0"]{background-color:#5dabc2;}
#player .status .cues .item.active[data-county-id="2"]{background-color:#c59fd2;}
#player .status .cues .item.active[data-county-id="1"]{background-color:#f66b4a;}
#player .status .cues .item .timelabel{display:none;pointer-events:none;margin-left:12px;font-size:10px;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
#player .transcript{left:40px;top:70px;width:40%;position:fixed;overflow:hidden;height:calc(100vh - 160px);transition:all 0.5s ease;opacity:0;pointer-events:none;-moz-transform:translate(-50px,0px);-webkit-transform:translate(-50px,0px);-o-transform:translate(-50px,0px);-ms-transform:translate(-50px,0px);transform:translate(-50px,0px);}
#player .transcript .mCSB_container{margin-right:auto;margin-left:20px;min-height:100%;display:flex;flex-direction:column;justify-content:center;}
#player .transcript .mCSB_scrollTools{left:-2px;right:auto;}
#player .transcript .cont{padding-bottom:60px;}
#player .transcript.slideIn{opacity:1;pointer-events:auto;-moz-transform:translate(0px,0px);-webkit-transform:translate(0px,0px);-o-transform:translate(0px,0px);-ms-transform:translate(0px,0px);transform:translate(0px,0px);}
#lines{position:fixed;top:0px;left:0px;width:100%;height:calc(100vh);pointer-events:none;}
#recorder{position:fixed;left:0px;top:0px;display:none;background-color:rgba(255,255,255,0.2);}
.modal-content{-webkit-box-shadow:none;box-shadow:none;border-radius:0px;border:none;}
.plyr--audio .plyr__controls{background-color:transparent;}
.modal{color:#474747;}
.modal-header{display:flex;justify-content:space-between;align-items:center;}
.modal-title{flex-grow:1;text-align:center;font-size:24px;}
.modal button.close{background-image:url(../img/icon_close.svg);background-repeat:no-repeat;background-position:50% 50%;background-size:contain;width:20px;height:20px;opacity:1;margin-top:0px;}
.stage.recordButton .rec{display:flex;flex-direction:column;align-items:center;font-size:14px;font-weight:bold;}
.stage.recordButton .rec .dot{width:30px;height:30px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#a81e3e;cursor:pointer;margin-bottom:10px;}
.stage.record .tool{display:flex;justify-content:center;align-items:center;}
.stage.record .tool .stop{width:30px;height:30px;background-color:black;margin-right:10px;cursor:pointer;}
.stage.record .action{display:flex;justify-content:center;align-items:center;margin-top:20px;}
.stage.record .action .finish{cursor:pointer;padding:2px 18px;margin-right:20px;font-weight:bold;text-transform:uppercase;display:flex;align-items:center;}
.stage.record .action .finish:before{content:'';width:20px;height:20px;background-color:#a81e3e;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;margin-right:12px;}
.stage.record .action .restart,.stage.form .action .restart{cursor:pointer;text-transform:uppercase;}
.stage .selector{display:flex;justify-content:center;align-items:center;margin-bottom:50px;}
.stage .selector.type{margin-bottom:30px;}
.stage .selector .item{cursor:pointer;font-size:20px;margin:0px 10px;}
.stage .selector .item:hover{}
.stage .selector .item.selected{}
.stage .selector.town .item{border:1px solid black;padding:0px 20px;text-transform:uppercase;font-weight:bold;}
.stage .selector.town .item[data-county='0']{border-color:#5dabc2;}
.stage .selector.town .item[data-county='1']{border-color:#f66b4a;}
.stage .selector.town .item[data-county='2']{border-color:#c59fd2;}
.stage .selector.town .item.selected,.stage .selector.town .item:hover{color:white;}
.stage .selector.town .item.selected[data-county='0'],.stage .selector.town .item:hover[data-county='0']{background-color:#5dabc2;}
.stage .selector.town .item.selected[data-county='1'],.stage .selector.town .item:hover[data-county='1']{background-color:#f66b4a;}
.stage .selector.town .item.selected[data-county='2'],.stage .selector.town .item:hover[data-county='2']{background-color:#c59fd2;}
.stage.form .input{display:flex;align-items:flex-end;margin-bottom:20px;width:50%;}
.stage.form .input label{text-align:center;font-size:14px;font-weight:bold;font-style:italic;margin-right:20px;}
.stage.form .input input{width:80%;font-size:24px;border:none;background-color:transparent;border-bottom:1px solid black;text-align:center;}
.stage.form .input input[name='age']{width:60px;}
.stage.form .input.submit{width:100%;justify-content:center;}
.stage.form .input.privacy label{flex-direction:row;justify-content:flex-start;display:flex;width:100%;align-items:flex-start;}
.stage.form .input.privacy label input[type='checkbox']{width:auto;margin-right:10px;}
.stage.record .tool .voice{margin-right:10px;}
.stage.record .tool .voice img{height:50px;}
.stage.form .encoding .progressEncodeRail{height:10px;background-color:#CCC;display:flex;}
.stage.form .encoding .progressEncode{background-color:#000;}
.stage.form .encoding{text-align:center;font-size:12px;}
.stage.form .input.submit button{background-color:transparent;border:none;}
.stage.form .input.submit button.disabled{opacity:0.5;pointer-events:none;}
.stage .selector.type .item{font-size:16px;display:flex;align-items:center;opacity:0.5;}
.stage .selector.type .item:before{content:'';width:34px;height:34px;margin-right:8px;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;}
.stage .selector.type .item[data-type='0']:before{background-image:url(../img/icon_testimonial_black.svg);}
.stage .selector.type .item[data-type='1']:before{background-image:url(../img/icon_ambient_black.svg);}
.stage .selector.type .item.selected,.stage .selector.type .item:hover{font-weight:bold;opacity:1;}
.stage.recordButton.slideIn{margin-top:0px;}
.stage .label{color:#474747;font-style:italic;margin-bottom:16px;font-size:14px;}
.stage{max-height:0px;transition:all 0.3s ease;opacity:0;overflow:hidden;}
.stage.slideIn{max-height:1000px;opacity:1;}
.stage.slideIn.recordText,.stage.slideIn.form{margin-top:10px;padding:10px 20%;}
.stage.form{display:flex;flex-wrap:wrap;}
.stage.form .recording{width:100%;}
.modal-header button.back{background-color:transparent;border:none;}
#county{width:calc(100vw - 0px);left:0px;right:auto;}
#county .footer{width:100%;position:fixed;bottom:0px;display:flex;padding:0px 50px;font-size:14px;justify-content:center;}
#county .footer .filter,#county .footer .add{width:33%;}
#county .footer .filter{display:flex;bottom:20px;}
#county .filter{padding-right:30px;overflow:hidden;transition:all 0.5s ease;height:0px;min-height:0px;opacity:0;}
#county .filter.slideIn{min-height:100px;opacity:1;}
#county .filter .title{font-weight:700;margin-bottom:8px;}
#county .filter .list{margin-right:-30px;}
#county .filter .item{cursor:pointer;font-weight:bold;opacity:0.15;display:flex;align-items:center;pointer-events:auto;justify-content:flex-end;margin-bottom:8px;text-transform:lowercase;position:relative;}
#county .filter .notice{font-size:11px;margin:-14px 30px 0px 0px;color:#8d8d8d;position:absolute;bottom:-8px;font-weight:400;}
#county .filter .item:after{content:'';width:24px;height:24px;margin-left:6px;margin-top:3px;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;}
#county .filter .item.ambient:after{background-image:url(../img/icon_ambient_black.svg);}
#county .filter .item.testimonial:after{background-image:url(../img/icon_testimonial_black.svg);}
#county .filter .item.selected{opacity:1;}
#county .filter .item:hover{text-decoration:underline;}
#county .footer .add{display:flex;align-items:center;justify-content:center;}
#county .footer .add .button{cursor:pointer;display:flex;align-items:center;pointer-events:auto;color:#474747;padding:7px 20px;backdrop-filter:blur(6px);border:1px solid #666666;transition:all 0.3s ease;}
#county .footer .add .button b{font-weight:900;}
#county .footer .add .button:hover{background-color:rgba(255,255,255,0.5);}
#county .footer .add .button:before{content:'';width:28px;height:28px;margin-right:8px;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;background-image:url(../img/icon_new.svg);}
#county .playerControl{margin-top:20px;font-size:14px;}
#county .playerControl .line{display:flex;justify-content:flex-end;margin-bottom:4px;}
#county .playerControl .line .item{display:flex;}
#county .playerControl .line .desc{font-size:18px;}
#county .playerControl .line .label{color:#474747;font-weight:600;font-size:14px;}
#county .playerControl .line .button{pointer-events:auto;font-weight:600;margin-left:30px;cursor:pointer;text-decoration:underline;position:relative;color:#474747;}
#county .playerControl .line .button:hover{text-decoration:underline;}
#county .playerControl .line .button.transcript{transition:all 0.3s ease;}
#county .playerControl .line .button.transcript.selected{padding-right:14px;}
#county .playerControl .line .button.transcript:after{content:'';transition:all 0.3s ease;position:absolute;right:0px;width:10px;height:10px;cursor:pointer;background-image:url(../img/icon_close.svg);background-repeat:no-repeat;background-position:50% 50%;background-size:contain;top:4px;opacity:0;}
#county .playerControl .line .button.transcript.selected:after{opacity:1;}
#county .playerControl .line .button.prev{padding-left:16px;}
#county .playerControl .line .button.next{padding-right:16px;}
#county .playerControl .line .button.prev:before{position:absolute;content:'\e903';top:-2px;left:-2px;font-size:12px;font-size:18px;font-family:'icomoon';}
#county .playerControl .line .button.next:after{position:absolute;content:'\e902';top:-2px;right:-2px;font-size:18px;font-family:'icomoon';}
.modal-backdrop{background-color:rgba(255,255,255,0.4);backdrop-filter:blur(4px);opacity:1!important;}
#recorder .modal-dialog{width:calc(100vw);margin-top:0px}
#recorder .modal-content{background-color:transparent;}
#recorder .modal-body{min-height:calc(100vh - 100px);display:flex;flex-direction:column;justify-content:center;}
#recorder .modal-header{align-items:center;border-bottom:none;padding-right:50px;}
#recorder .modal-title{text-transform:uppercase;margin-right:20px;text-align:right;}
#mapOverlayPlayerTestimonial{position:fixed;width:calc(100vw);height:calc(100vh);background-color:#efefef;left:0px;top:0px;transition:all 0.5s ease;opacity:0;pointer-events:none;}
body[data-mode='player'][data-type='0']>#map #mapOverlayPlayerTestimonial{opacity:1;}
.modal .menu{display:flex;justify-content:space-between;padding:16px 50px;margin-bottom:30px;text-decoration:underline;position:sticky;top:0px;background-color:white;}
.modal .menu .item{color:black;font-size:14px;font-weight:bold;}
.modal-body article{margin-bottom:0px;}
.modal-body article .title{text-align:center;font-size:18px;margin-bottom:10px;border-bottom:1px solid #EEE;padding-top:60px;}
.modal-body article .text{}
.modal-body{position:relative;padding:15px 30px;}
.modal-header{border-bottom:none;}
.modal-body article p{margin-bottom:22px;font-size:14px;}
.modal-footer{border-top:0px;}
.modal-content{-webkit-box-shadow:0px 0px 30px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 0px 30px 0px rgba(0,0,0,0.1);box-shadow:0px 0px 30px 0px rgba(0,0,0,0.1);}
#modalPageWelcome{}
#modalPageWelcome .town{font-weight:600;}
#modalPageWelcome .modal-dialog{height:calc(100vh);margin:0px;width:calc(100vw);display:flex;justify-content:center;align-items:center;}
#modalPageWelcome .modal-content{width:800px;background:rgba(93,170,194,1);background:-moz-linear-gradient(-45deg,rgba(93,170,194,1) 0%,rgba(197,159,210,1) 100%);background:-webkit-gradient(left top,right bottom,color-stop(0%,rgba(93,170,194,1)),color-stop(100%,rgba(197,159,210,1)));background:-webkit-linear-gradient(-45deg,rgba(93,170,194,1) 0%,rgba(197,159,210,1) 100%);background:-o-linear-gradient(-45deg,rgba(93,170,194,1) 0%,rgba(197,159,210,1) 100%);background:-ms-linear-gradient(-45deg,rgba(93,170,194,1) 0%,rgba(197,159,210,1) 100%);background:linear-gradient(135deg,rgba(93,170,194,1) 0%,rgba(197,159,210,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5daac2',endColorstr='#c59fd2',GradientType=1 );background-color:white;background:white;}
#modalPageWelcome .logo{background-position:50% 50%;margin-bottom:40px;background-image:url(../img/logo-white.svg);background-image:url(../img/logo2.svg);}
#modalPageWelcome .modal-body{text-align:center;}
#modalPageWelcome .modal-body p{text-align:left;color:#474747;font-size:18px;}
#modalPageWelcome button{border:none;margin-top:30px;background-color:transparent;font-size:22px;border-bottom:1px solid #474747;color:white;color:#474747;padding:0px;line-height:26px;}
#modalPageWelcome .action{width:100%;display:flex;justify-content:center;}
#modalPageFunder img{margin-right:20px;}
#modalPageFunder img{height:40px;}
#modalPageFunder img.vertical{height:auto;width:60px;}
.modal a{color:#474747;text-decoration:underline;}
#modalPagePrivacy{background-color:rgba(255,255,255,0.4);backdrop-filter:blur(4px);}
.stage.form .action{display:flex;justify-content:center;width:100%;}
.stage.form .input.privacy,.stage.form .input.locationPermission{width:100%;}
.stage.form .input.privacy label,.stage.form .input.locationPermission label{width:100%;display:flex;justify-content:flex-start;align-items:center;}
.stage.form .input.privacy label input,.stage.form .input.locationPermission label input{width:18px!important;height:18px!important;margin-right:10px!important;margin-top:0px;}
.stage.final{display:flex;justify-content:center;flex-direction:column;align-items:center;}
.stage.final .action{display:flex;justify-content:center;}
.stage.final .action a{cursor:pointer;text-transform:uppercase;}
#badge{position:fixed;width:100px;height:100px;background-image:url(../img/iiba_badge_longlist_resized.png);background-repeat:no-repeat;background-position:0% 100%;background-size:contain;left:160px;bottom:40px;}
#badge2{position:fixed;width:105px;height:100px;background-image:url(../img/Anthem24-winner-badge-gold.png);background-repeat:no-repeat;background-position:0% 100%;background-size:contain;left:40px;bottom:40px;}