/*!
 * microbead-counter-web
 * 5 Gyres.org Microbead Counter
 * http://beadfree.today
 * http://github.com/digitaltopo/microbeads.git
 * @author Orestis Herodotou <oceans@orest.is>
 * @version 1.0.0
 * Copyright 2016. MIT licensed.
 */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:microbead;src:url(../fonts/microbead-font/microbead.eot?73694166);src:url(../fonts/microbead-font/microbead.eot?73694166#iefix) format("embedded-opentype"),url(../fonts/microbead-font/microbead.woff2?73694166) format("woff2"),url(../fonts/microbead-font/microbead.woff?73694166) format("woff"),url(../fonts/microbead-font/microbead.ttf?73694166) format("truetype"),url(../fonts/microbead-font/microbead.svg?73694166#microbead) format("svg");font-weight:400;font-style:normal}[class*=" icon-"]:before,[class^=icon-]:before{font-family:microbead;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-skull:before{content:'\e800'}.icon-spin3:before{content:'\e801'}.icon-twitter-squared:before{content:'\e802'}.icon-5gyres:before{content:'\e803'}.icon-facebook-squared:before{content:'\e804'}.icon-recycle:before{content:'\e805'}.icon-heart:before{content:'\e806'}.icon-anchor:before{content:'\e807'}.icon-arrows-ccw:before{content:'\e808'}.animate-spin{-webkit-animation:a 2s infinite linear;animation:a 2s infinite linear;display:inline-block}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.clear:after,.clear:before{content:' ';display:table}.clear{*zoom:1}.clear:after{clear:both}*{box-sizing:border-box;font-smoothing:antialiased;text-rendering:optimizeLegibility}html{font-size:1em}body{transition:all .4s ease-in .3s}body,html{min-height:100vh;width:100%;overflow-x:hidden}.header{position:absolute;visibility:hidden}.nav ul{list-style:none}.footer{background-image:url(../img/backgrounds/sand.svg);background-size:auto 60px;color:#fff;padding:0;position:relative;z-index:9999999}.footer,.footer .inner{background-color:#f9a72c}.footer .inner{display:inline-block;padding:5px;padding:20px}.footer a{color:#0097c8}.footer a:hover{color:#ff1654}@-webkit-keyframes b{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}50%{-webkit-transform:translate3d(0,3%,0);transform:translate3d(0,3%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes b{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}50%{-webkit-transform:translate3d(0,3%,0);transform:translate3d(0,3%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body{font-family:Open Sans,sans-serif;font-family:Maven Pro,sans-serif;color:#fff}h1,h2,h3,h4{font-family:Candal,sans-serif}a{color:#05cafc;text-decoration:none;transition:color .3s ease-in-out}a:hover{color:#ff1654!important}p{font-size:1em}::selection{background:#333;color:#fff;text-shadow:none}::-moz-selection{background:#333;color:#fff;text-shadow:none}::-webkit-selection{background:#333;color:#fff;text-shadow:none}body{text-align:center;background-color:#0097c8}.container{max-width:1200px;margin:0 auto 50px;padding:20px}.scene{width:100vw;overflow-x:hidden;position:relative}#scene-1{height:100vh;z-index:2;background:linear-gradient(90deg,#0097c8 0,#0097c8 50%,#078fbb 0,#078fbb)}.cloud{position:absolute;overflow:hidden;z-index:999;opacity:.7;width:550px;height:150px;transition:all .5s ease-in-out}.cloud .cloud-inner{background-color:#fff;position:absolute}.cloud#cloud-1{top:20%;left:30%;-webkit-transform:translateX(-75%);transform:translateX(-75%)}.cloud#cloud-1 #cloud-inner-1{border-radius:50%;width:100px;height:100px;bottom:-50px}.cloud#cloud-1 #cloud-inner-2{border-radius:50%;width:150px;height:150px;bottom:-75px;left:70px}.cloud#cloud-1 #cloud-inner-3{border-radius:50%;width:280px;height:280px;bottom:-140px;left:160px;bottom:-150px;background-color:#F2F2F2FF}.cloud#cloud-1 #cloud-inner-4{border-radius:50%;width:175px;height:175px;bottom:-87.5px;right:30px}@media all and (max-width:1100px){.cloud#cloud-1{-webkit-transform:translateX(-75%) scale(.5);transform:translateX(-75%) scale(.5)}}.cloud#cloud-2{top:5%;right:30%;-webkit-transform:translateX(75%);transform:translateX(75%)}.cloud#cloud-2 #cloud-inner-1{border-radius:50%;width:100px;height:100px;bottom:-50px;left:20px}.cloud#cloud-2 #cloud-inner-2{border-radius:50%;width:350px;height:350px;bottom:-175px;bottom:-220px;left:70px}.cloud#cloud-2 #cloud-inner-3{border-radius:50%;width:180px;height:180px;bottom:-90px;right:50px;bottom:-100px;background-color:#F2F2F2FF}.cloud#cloud-2 #cloud-inner-4{border-radius:50%;width:100px;height:100px;bottom:-50px;right:0}@media all and (max-width:1100px){.cloud#cloud-2{-webkit-transform:translateX(75%) scale(.5);transform:translateX(75%) scale(.5)}}.bottle-wrapper{height:100vh;padding-top:3%;position:absolute;width:100%;overflow:hidden}.bottle-container{z-index:8;height:256vw;width:100vw;max-height:100vh;max-width:39.0625vh;transition:all .3s linear}.bottle,.bottle-container{position:relative;margin:0 auto}.bottle{width:100%;height:60%;overflow:hidden;-webkit-animation:b 2s infinite ease-in-out;animation:b 2s infinite ease-in-out}.bottle-bottom{position:relative;width:66%;height:5%;margin:0 auto;padding:1% 0 1% 2%;background-color:hsla(0,0%,89%,.7)}.bottle-bottom .bottle-bottom-col{display:block;float:left;height:100%;width:2%;margin-right:2%;background-color:hsla(0,0%,100%,.5)}.bottle-bottom .bottle-bottom-col:last-of-type{margin-right:0}.bottle-top{z-index:5;position:relative;width:49%;height:25%;margin:-1px auto}.bottle-top .bottle-top-base{z-index:8;position:relative;width:100%;height:55%;margin:0 auto;padding-left:25%;background-color:#ebecec}.bottle-top .bottle-top-base .bottle-top-base-groove{position:absolute;height:20%;width:50%;bottom:0;border-top-left-radius:70%;border-top-right-radius:70%;background-color:#e3e3e3}.bottle-top .bottle-top-cap{z-index:1;position:relative;width:100%;height:84%;margin:-30% auto 0;border-bottom-left-radius:50%;border-bottom-right-radius:50%;background-color:#ababab}.bottle-top .bottle-top-cap .bottle-top-cap-tip{position:absolute;width:34%;height:15%;top:45%;margin-left:33%;background-color:#fff}.bottle-main{z-index:2;position:relative;width:66%;height:70%;margin:0 auto;background-color:hsla(0,0%,100%,.5)}.bottle-main:after,.bottle-main:before{content:'';position:absolute;top:0;bottom:-10%;z-index:4;-webkit-transform:translateZ(0);transform:translateZ(0);width:23%}.bottle-main:before{left:-1%;background-image:-webkit-radial-gradient(right top,ellipse cover,transparent,transparent 70%,#0097c8 0)}.bottle-main:after{right:-1%;background-image:-webkit-radial-gradient(left top,ellipse cover,transparent,transparent 70%,#078fbb 0)}.bottle-main #bottle-skull{z-index:9;position:absolute;width:50%;left:25%;margin-top:40%}.bottle-main #bottle-particles{width:99%;height:99%;margin:0 auto;overflow:hidden}#dark-clouds{z-index:-1;position:absolute;width:140%;height:40%;bottom:8%;left:-25%;background-image:url(../img/dark-clouds.png);background-size:contain;background-repeat:no-repeat;background-position:0 0}#particles-container{width:100%;left:2%;height:40%;margin-top:-7%;z-index:99;position:absolute}.beadcount-wrapper{z-index:99;position:absolute;display:table;width:100%;height:35%;bottom:0;padding:20px 20px 40px}.beadcount-wrapper .beadcount-inner{display:table-cell}.beadcount-wrapper h3.beadcount{position:relative;height:9vh;margin:0;transition:all .3s linear}.beadcount-wrapper h3.beadcount:hover{cursor:pointer}.beadcount-wrapper h3.beadcount:hover .bead-count-number:after{color:#ff1654;opacity:1;-webkit-animation:a 1s infinite linear;animation:a 1s infinite linear}.beadcount-wrapper h3.beadcount .bead-count-number{z-index:99;position:absolute;display:block;width:100%;padding-left:10px;font-weight:900;font-size:8vh;opacity:0;transition:all .3s linear}.beadcount-wrapper h3.beadcount .bead-count-number.visible{opacity:1}.beadcount-wrapper h3.beadcount .bead-count-number:after{display:inline-block;position:absolute;top:45%;margin-left:10px;content:'\e808';font-family:microbead;font-size:3vh;opacity:.5;transition:color .2s linear,opacity .2s linear}.beadcount-wrapper h3.beadcount .bead-count-number#bead-total:after{top:40%}.beadcount-wrapper h3.beadcount .bead-count-number#beadcount-abb{padding-top:10px;font-size:6vh}.beadcount-wrapper h2{margin-top:0;margin-bottom:0;font-size:8vh;font-weight:900;color:#fbb13c;transition:all .3s linear}.beadcount-wrapper span.beadcount-message{display:inline-block;margin-bottom:10px;font-size:2.5vh;line-height:1;font-weight:700;transition:all .3s linear}.beadcount-wrapper span.beadcount-seconds-container{display:block;font-size:2.5vh;font-style:italic;font-weight:700;color:hsla(0,0%,100%,.5);transition:all .3s linear}#scene-2{background-color:#40adb2;position:relative;min-height:100vh;overflow:hidden;padding-top:100px;background:linear-gradient(180deg,#40adb2 20%,#236163)}#floating-particles{position:fixed;width:100vw;height:100vh;top:0;z-index:1}#countdown{font-weight:700}.content-container{position:relative;z-index:999;padding:100px 20px;font-size:3.5vh;text-align:center;text-shadow:1px 1px 1px #236163}.content-container a{font-weight:700;color:#fbb13c}.content-container .down-arrow{margin-top:0;margin-bottom:5%;font-size:4em}.content-container .content-section{padding:10px 0;position:relative}.content-container#cta-container{max-width:100%;margin:0}.content-container#cta-container#cta{max-width:1200px;margin:0 auto}.content-container #beadfree{color:#ff1654}.content-container .mfwa-link{white-space:nowrap}@media all and (max-width:360px){.content-container .mfwa-link{white-space:normal}}.content-container .emphasis{color:#ff1654}.content-container .magnifyer-container{text-align:left}.content-container .magnifyer-container #magnifying-glass{float:left;margin-bottom:20px;margin-right:60px;width:250px}.content-container .magnifyer-container p{margin-top:0}@-webkit-keyframes c{to{-webkit-transform:translateY(20%);transform:translateY(20%)}}@keyframes c{to{-webkit-transform:translateY(20%);transform:translateY(20%)}}@-webkit-keyframes d{to{-webkit-transform:translateY(20%) scaleX(-1);transform:translateY(20%) scaleX(-1)}}@keyframes d{to{-webkit-transform:translateY(20%) scaleX(-1);transform:translateY(20%) scaleX(-1)}}.fish-container{position:absolute;top:180px;bottom:0;left:0;right:0;opacity:.5}.fish{position:absolute;z-index:1}.fish.flip{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fish.floating{-webkit-animation:1s c linear 0s infinite alternate;animation:1s c linear 0s infinite alternate}.fish.floating.flip{-webkit-animation:1s d linear 0s infinite alternate;animation:1s d linear 0s infinite alternate}.fish#school-fish-2{left:80%;top:30%}.fish#school-fish-3{left:0;top:10%}.fish#pink-fish{left:20%;top:20%}.fish#yellow-fish{left:45%;top:50%}.fish#whale{left:65%;top:20%}.fish#puffer{left:5%;top:80%}.fish#turtle{right:5%;top:60%}.fish#shrimp{right:50%;top:10%}.coral{position:absolute;bottom:-20px}#coral-1{left:20%}@-webkit-keyframes e{to{background-position:135px 0}}@keyframes e{to{background-position:135px 0}}.waves-container{position:absolute;width:100vw;bottom:-150px}.waves-container .waves{position:relative;height:95px;background-repeat:repeat-x}.waves-container .waves.waves-1{z-index:4;background-image:url(../img/waves-1.png);-webkit-animation:e 1.5s linear 0s infinite reverse;animation:e 1.5s linear 0s infinite reverse;margin-top:-45px}.waves-container .waves.waves-2{z-index:3;background-image:url(../img/waves-2.png);-webkit-animation:e 2s linear 0s infinite;animation:e 2s linear 0s infinite;margin-top:-45px}.waves-container .waves.waves-3{z-index:2;background-image:url(../img/waves-3.png);-webkit-animation:e 2.5s linear 0s infinite reverse;animation:e 2.5s linear 0s infinite reverse;margin-top:-45px}.waves-container .waves.waves-4{z-index:1;background-image:url(../img/waves-4.png);-webkit-animation:e 3s linear 0s infinite;animation:e 3s linear 0s infinite}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}