/***** CSS Reset *****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

/***** Styles *****/
html {width: 100%; -webkit-font-smoothing: antialiased;}
body {width: 100%; min-height: 100%; padding: 0; margin: 0; background: #000; text-align: center;}

p {font-size: 1.2em; line-height: 1.35em; color: #fff; padding: 0; margin: 60px 0 40px; font-family: 'helvetica neue', helvetica, arial, sans-serif; font-weight: 200;}
p strong {font-weight: 500;}

a {color: #ffcc00; text-decoration: none;}
a:hover {color: #fff; -webkit-transition:all 0.2s ease-in-out;}

ul {display: block;}
ul li {display: inline-block; margin: 0 10px;}
ul li a {background: url('../img/img-sprite.png') 0 0 no-repeat; opacity: 0.7; width: 33px; height: 33px; display: block; text-indent: -9999px;}
ul li a:hover {opacity: 1; -webkit-transition:all 0.2s ease-in-out;}
ul li.linked a {background-position: 0 0;}
ul li.email a {background-position: -33px 0;}

.logo h1 a {width: 60px; height: 79px; display: block; text-indent: -9999px; padding: 0; margin: 0 auto; border: none; text-align: center;}
.logo h1 a:hover {transform:rotate(360deg);}
.content {max-width: 480px; padding: 0 20px; display: block; margin: 15% auto 0;}

/* jquery.vegas.min.css */
.vegas-loading{border-radius:10px;background:#000;background:rgba(0,0,0,.7);background:url("../img/loading.gif") no-repeat center center;height:32px;left:20px;position:fixed;top:20px;width:32px;z-index:0}.vegas-overlay{background:transparent url("../img/overlay.png");opacity:.5;z-index:-1}.vegas-background{-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality;max-width:none!important;z-index:-2}.vegas-overlay,.vegas-background{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}


svg {
  display: block;
  height: 80%;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}

.st1 {
  fill: transparent;
  stroke: #09C;
  stroke-width: 0.5px;
  stroke-dasharray: 500;
  stroke-dashoffset: 900;
  -webkit-animation: draw 10s ease forwards; /*pulse 3s linear 6s infinite;*/
          animation: draw 10s ease forwards; /*pulse 3s linear 6s infinite;*/
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

/* PULSE ANIMATION */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    fill: #09C;
  }
  50% {
    -webkit-transform: scale(0.85, 0.85);
            transform: scale(0.85, 0.85);
    fill: transparent;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    fill: #09C;
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    fill: #09C;
  }
  50% {
    -webkit-transform: scale(0.85, 0.85);
            transform: scale(0.85, 0.85);
    fill: transparent;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    fill: #09C;
  }
}
/* DRAW STROKE ANIMATION */
@-webkit-keyframes draw {
  50% {
    stroke: #09C;
    stroke-dashoffset: 0;
    fill: transparent;
  }
  65% {
    stroke: #09C;
  }
  100% {
    stroke: #09C;
    stroke-dashoffset: 0;
    fill: #09C;
    -webkit-animation: pulse 3s linear infinite;
            animation: pulse 3s linear infinite;
  }
}
@keyframes draw {
  50% {
    stroke: #09C;
    stroke-dashoffset: 0;
    fill: transparent;
  }
  65% {
    stroke: #09C;
  }
  100% {
    stroke: #09C;
    stroke-dashoffset: 0;
    fill: #09C;
    -webkit-animation: pulse 3s linear infinite;
            animation: pulse 3s linear infinite;
  }
}