<!DOCTYPE html> <html>
<head> <title>Loading content...</title> <meta http-equiv="refresh" content="7"> <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet" type="text/css"> <link href="http://fonts.googleapis.com/css?family=Merriweather:300,400,700,300italic,400italic" rel="stylesheet" type="text/css"> <style> @-webkit-keyframes loader-inner { 0% { top: 45px; left: 75px; } 100% { top: 0px; left: 0px; } } @keyframes loader-inner { 0% { top: 45px; left: 75px; } 100% { top: 0px; left: 0px; } } body, html { height: 100%; } body { background-color: #fff; text-align: center; font-size: 22px; font-weight: 300; font-family: freight-text-pro, Merriweather, Georgia, Cambria, 'Times New Roman', Times, serif; color: rgba(0, 0, 0, 0.8); } a { color: rgb(77, 204, 75); text-decoration: none; transition: color 0.5s; } a:hover { color: rgb(119, 63, 60); text-decoration: underline; } h1 { font-family: jaf-bernino-sans, 'Open Sans' 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif; font-weight: 700; margin: 1.66em 0 0.83em; font-size: 36px; line-height: 42px; letter-spacing: -0.72px; } p { line-height: 33px; max-width: 40em; margin: 0 auto; } .loader { border: 5px white; overflow: hidden; } .loader-inner { display: inline-block; width: 100%; height: 100%; background-color: #9d2d8e; top: 0px; left: 0px; position: relative; -webkit-transform: rotate(315deg); /* Chrome, Safari, Opera */ -webkit-transform: skew(58deg, -32deg); -moz-transform: skew(58deg, -32deg); -ms-transform: skew(58deg, -32deg); -o-transform: skew(58deg, -32deg); transform: skew(58deg, -32deg); transform: rotate(315deg); -webkit-animation: loader-inner 5s ease-in; animation: loader-inner 5s ease-in; }
.logo-nestadrop-large {
background-color: #fff; width: 300px; height: 300px; position: relative; overflow: hidden; margin: 0 auto; -webkit-border-radius: 150px; -moz-border-radius: 150px; -ms-border-radius: 150px; -o-border-radius: 150px; border-radius: 150px; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;
} .logo-nestadrop-large div {
position: absolute; background-color: #d15fc2;
} .logo-nestadrop-large div {
background-color: #fff;
} .logo-nestadrop-large .base-left {
-webkit-transform: skew(0, 31deg); -moz-transform: skew(0, 31deg); -ms-transform: skew(0, 31deg); -o-transform: skew(0, 31deg); transform: skew(0, 31deg); width: 61px; height: 79px; left: 90px; top: 153px;
} .logo-nestadrop-large .base-right {
-webkit-transform: skew(0, -31deg); -moz-transform: skew(0, -31deg); -ms-transform: skew(0, -31deg); -o-transform: skew(0, -31deg); transform: skew(0, -31deg); width: 61px; height: 79px; left: 151px; top: 153px;
} .logo-nestadrop-large .base-middle {
-webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; width: 8px; height: 76px; left: 147px; top: 171px;
} .logo-nestadrop-large .cover-left-none {
-webkit-transform: skew(-50deg, 34deg); -moz-transform: skew(-50deg, 34deg); -ms-transform: skew(-50deg, 34deg); -o-transform: skew(-50deg, 34deg); transform: skew(-50deg, 34deg); width: 62px; height: 40px; left: 70px; top: 152px;
} .logo-nestadrop-large .cover-right-none {
-webkit-transform: skew(50deg, -34deg); -moz-transform: skew(50deg, -34deg); -ms-transform: skew(50deg, -34deg); -o-transform: skew(50deg, -34deg); transform: skew(50deg, -34deg); width: 62px; height: 40px; left: 170px; top: 152px;
} .logo-nestadrop-large .cover-top {
-webkit-transform: skew(51deg, -33deg); -moz-transform: skew(51deg, -33deg); -ms-transform: skew(51deg, -33deg); -o-transform: skew(51deg, -33deg); transform: skew(51deg, -33deg); width: 60px; height: 37px; left: 71px; top: 79px;
} .logo-nestadrop-large .cover-bottom {
-webkit-transform: skew(51deg, -33deg); -moz-transform: skew(51deg, -33deg); -ms-transform: skew(51deg, -33deg); -o-transform: skew(51deg, -33deg); transform: skew(51deg, -33deg); width: 60px; height: 37px; left: 171px; top: 148px;
} .logo-nestadrop-large .cover-right {
-webkit-transform: skew(-51deg, 33deg); -moz-transform: skew(-51deg, 33deg); -ms-transform: skew(-51deg, 33deg); -o-transform: skew(-51deg, 33deg); transform: skew(-51deg, 33deg); width: 60px; height: 37px; left: 171px; top: 79px;
} .logo-nestadrop-large .cover-left {
-webkit-transform: skew(-51deg, 33deg); -moz-transform: skew(-51deg, 33deg); -ms-transform: skew(-51deg, 33deg); -o-transform: skew(-51deg, 33deg); transform: skew(-51deg, 33deg); width: 60px; height: 37px; left: 71px; top: 148px;
} .logo-nestadrop-large .box-none {
-webkit-transform: skew(-58deg, 32deg); -moz-transform: skew(-58deg, 32deg); -ms-transform: skew(-58deg, 32deg); -o-transform: skew(-58deg, 32deg); transform: skew(-58deg, 32deg); width: 60px; height: 38px; left: 121px; top: 113px;
}
</style> </head> <body> <h1>Just a moment…</h1> <div class="logo-nestadrop-large"> <div class="base-left loader"></div> <div class="base-right loader"></div> <div class="base-middle"></div> <div class="cover-left-none"></div> <div class="cover-right-none"></div> <div class="cover-top"></div> <div class="cover-right"></div> <div class="cover-bottom"></div> <div class="cover-left"></div> <div class="box-none loader"><span class="loader-inner"></span></div> </div> <p>This site uses <a href="https://nestadrop.io">nestadrop.io</a> to make managing its content easier. We're downloading the latest changes now, it will only take a second or two. </p> </body>
</html>