.intro {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  background: #FFF;
}
.intro-logo {
  position: absolute;
  width: 140px;
  height: 140px;
  top: 50%;
  left: 50%;
  margin: -70px 0 0 -70px;
}
.intro-logo-text1 {
  position: absolute;
  top: 52px;
  opacity: 0;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.show .intro-logo-text1 {
  opacity: 1;
}
.intro-logo-text2 {
  position: absolute;
  top: 85px;
  opacity: 0;
  -moz-transition: opacity 0.6s 4s;
  -o-transition: opacity 0.6s 4s;
  -webkit-transition: opacity 0.6s;
  -webkit-transition-delay: 4s;
  transition: opacity 0.6s 4s;
}
.show .intro-logo-text2 {
  opacity: 1;
}
.intro-logo-line {
  position: absolute;
  left: 60px;
  height: 140px;
  opacity: 0;
  -moz-transition: opacity 0.6s 4.2s;
  -o-transition: opacity 0.6s 4.2s;
  -webkit-transition: opacity 0.6s;
  -webkit-transition-delay: 4.2s;
  transition: opacity 0.6s 4.2s;
}
.show .intro-logo-line {
  opacity: 1;
}
.intro-logo-diamond {
  opacity: 0;
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -moz-transition: -moz-transform 2s 4.2s, opacity 2s 4.2s;
  -o-transition: -o-transform 2s 4.2s, opacity 2s 4.2s;
  -webkit-transition: -webkit-transform 2s, opacity 2s;
  -webkit-transition-delay: 4.2s, 4.2s;
  transition: transform 2s 4.2s, opacity 2s 4.2s;
}
.show .intro-logo-diamond {
  opacity: 1;
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

.show #intro-logo-text1 path, .show #intro-logo-text1 line {
  stroke-dashoffset: 0px;
}

.path1 {
  stroke-dasharray: 85px;
  stroke-dashoffset: 85px;
  -moz-transition: stroke-dashoffset 0.85s linear;
  -o-transition: stroke-dashoffset 0.85s linear;
  -webkit-transition: stroke-dashoffset 0.85s linear;
  transition: stroke-dashoffset 0.85s linear;
}

.path2 {
  stroke-dasharray: 25px;
  stroke-dashoffset: 25px;
  -moz-transition: stroke-dashoffset 0.25s linear 0.85s;
  -o-transition: stroke-dashoffset 0.25s linear 0.85s;
  -webkit-transition: stroke-dashoffset 0.25s linear;
  -webkit-transition-delay: 0.85s;
  transition: stroke-dashoffset 0.25s linear 0.85s;
}

.path3 {
  stroke-dasharray: 15px;
  stroke-dashoffset: 15px;
  -moz-transition: stroke-dashoffset 0.15s linear 1.1s;
  -o-transition: stroke-dashoffset 0.15s linear 1.1s;
  -webkit-transition: stroke-dashoffset 0.15s linear;
  -webkit-transition-delay: 1.1s;
  transition: stroke-dashoffset 0.15s linear 1.1s;
}

.path4 {
  stroke-dasharray: 90px;
  stroke-dashoffset: 90px;
  -moz-transition: stroke-dashoffset 0.9s linear 1.25s;
  -o-transition: stroke-dashoffset 0.9s linear 1.25s;
  -webkit-transition: stroke-dashoffset 0.9s linear;
  -webkit-transition-delay: 1.25s;
  transition: stroke-dashoffset 0.9s linear 1.25s;
}

.path5 {
  stroke-dasharray: 5px;
  stroke-dashoffset: 5px;
  -moz-transition: stroke-dashoffset 0.05s linear 2.15s;
  -o-transition: stroke-dashoffset 0.05s linear 2.15s;
  -webkit-transition: stroke-dashoffset 0.05s linear;
  -webkit-transition-delay: 2.15s;
  transition: stroke-dashoffset 0.05s linear 2.15s;
}

.path6 {
  stroke-dasharray: 10px;
  stroke-dashoffset: 10px;
  -moz-transition: stroke-dashoffset 0.1s linear 2.2s;
  -o-transition: stroke-dashoffset 0.1s linear 2.2s;
  -webkit-transition: stroke-dashoffset 0.1s linear;
  -webkit-transition-delay: 2.2s;
  transition: stroke-dashoffset 0.1s linear 2.2s;
}

.path7 {
  stroke-dasharray: 45px;
  stroke-dashoffset: 45px;
  -moz-transition: stroke-dashoffset 0.45s linear 2.3s;
  -o-transition: stroke-dashoffset 0.45s linear 2.3s;
  -webkit-transition: stroke-dashoffset 0.45s linear;
  -webkit-transition-delay: 2.3s;
  transition: stroke-dashoffset 0.45s linear 2.3s;
}

.path8 {
  stroke-dasharray: 20px;
  stroke-dashoffset: 20px;
  -moz-transition: stroke-dashoffset 0.2s linear 2.75s;
  -o-transition: stroke-dashoffset 0.2s linear 2.75s;
  -webkit-transition: stroke-dashoffset 0.2s linear;
  -webkit-transition-delay: 2.75s;
  transition: stroke-dashoffset 0.2s linear 2.75s;
}

.path9 {
  stroke-dasharray: 30px;
  stroke-dashoffset: 30px;
  -moz-transition: stroke-dashoffset 0.3s linear 2.95s;
  -o-transition: stroke-dashoffset 0.3s linear 2.95s;
  -webkit-transition: stroke-dashoffset 0.3s linear;
  -webkit-transition-delay: 2.95s;
  transition: stroke-dashoffset 0.3s linear 2.95s;
}

.path10 {
  stroke-dasharray: 15px;
  stroke-dashoffset: 15px;
  -moz-transition: stroke-dashoffset 0.15s linear 3.25s;
  -o-transition: stroke-dashoffset 0.15s linear 3.25s;
  -webkit-transition: stroke-dashoffset 0.15s linear;
  -webkit-transition-delay: 3.25s;
  transition: stroke-dashoffset 0.15s linear 3.25s;
}

.path11 {
  stroke-dasharray: 15px;
  stroke-dashoffset: 15px;
  -moz-transition: stroke-dashoffset 0.15s linear 3.4s;
  -o-transition: stroke-dashoffset 0.15s linear 3.4s;
  -webkit-transition: stroke-dashoffset 0.15s linear;
  -webkit-transition-delay: 3.4s;
  transition: stroke-dashoffset 0.15s linear 3.4s;
}

.path12 {
  stroke-dasharray: 25px;
  stroke-dashoffset: 25px;
  -moz-transition: stroke-dashoffset 0.25s linear 3.55s;
  -o-transition: stroke-dashoffset 0.25s linear 3.55s;
  -webkit-transition: stroke-dashoffset 0.25s linear;
  -webkit-transition-delay: 3.55s;
  transition: stroke-dashoffset 0.25s linear 3.55s;
}