* {
    cursor: pointer;
    margin: 0;
    padding: 0;
}

a img {
    border: none;
}

ul {
    list-style-type: none; 
    margin: 0; 
    padding: 0;
}

a:active, a:focus {
    outline: none;
}

#ad {
}

.animation-container {
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#frame-1 {
	position: absolute;
	z-index: 4;
	width: 100%;
	height: 100%;
	-webkit-animation: fade-out 1s ease 3.75s 1 both;
	animation: fade-out 1s ease 3.75s 1 both;
}

@-webkit-keyframes fade-out {
	0%{opacity:1;}
	100%{opacity:0;}
}
@keyframes fade-out {
	0%{opacity:1;}
	100%{opacity:0;}
}

#copy {
	position: inherit;
	z-index: 2;
	top: 90px;
	left: 10px;
	-webkit-animation: drop-in-fade 1.5s ease 1 .5s both;
	animation: drop-in-fade 1.5s ease 1 .5s both;
}

@-webkit-keyframes drop-in-fade {
	0%{-webkit-transform:translateY(-20px);opacity:0;transform:translateY(-20px);opacity:0;}
	100%{-webkit-transform:translateY(0px);opacity:1;transform:translateY(0px);opacity:1;}
}
@keyframes drop-in-fade {
	0%{-webkit-transform:translateY(-20px);opacity:0;transform:translateY(-20px);opacity:0;}
	100%{-webkit-transform:translateY(0px);opacity:1;transform:translateY(0px);opacity:1;}
}

#logo {
	position: inherit;
	z-index: 2;
	bottom: 41px;
	right: 43px;
	-webkit-animation: fade-in .75s ease 1 1.75s both;
	animation: fade-in .75s ease 1 1.75s both;
}

@-webkit-keyframes fade-in {
	0%{opacity:0;}
	100%{opacity:1;}
}
@keyframes fade-in {
	0%{opacity:0;}
	100%{opacity:1;}
}

#frame-2 {
	position: absolute;
	z-index: 3;
}

#frame-3-1 {
	position: absolute;
	z-index: 6;
	top: 0px;
	left: 0px;
	-webkit-animation: slide-left .75s ease 1 7.5s both;
	animation: slide-left .75s ease 1 7.5s both;
}

@-webkit-keyframes slide-left {
	0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);}
	100%{-webkit-transform:translateX(0%);transform:translateX(0%);}
}
@keyframes slide-left {
	0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);}
	100%{-webkit-transform:translateX(0%);transform:translateX(0%);}
}

#frame-3-2 {
	position: absolute;
	z-index: 6;
	top: 300px;
	left: 0px;
	-webkit-animation: slide-right .75s ease 1 8.25s both;
	animation: slide-right .75s ease 1 8.25s both;
}

@-webkit-keyframes slide-right {
	0%{-webkit-transform:translateX(100%);transform:translateX(100%);}
	100%{-webkit-transform:translateX(0%);transform:translateX(0%);}
}
@keyframes slide-right {
	0%{-webkit-transform:translateX(100%);transform:translateX(100%);}
	100%{-webkit-transform:translateX(0%);transform:translateX(0%);}
}

#frame-4 {
	position: absolute;
	z-index: 7;
	-webkit-animation: fade-in 1s ease 1 11s both;
	animation: fade-in 1s ease 1 11s both;
}

#frame-5 {
	position: absolute;
	z-index: 10;
    width: 160px;
    height: 600px;
    background: url(images/5.png) center center;
  	background-size: cover;
  	-webkit-animation: circle 1.5s ease 1 14.25s both;
  	animation: circle 1.5s ease 1 14.25s both;
}

@-webkit-keyframes circle {
	0% {-webkit-clip-path: circle(0px at center);clip-path: circle(0px at center);}
	100% {-webkit-clip-path: circle(400px at center);clip-path: circle(400px at center);}
}
@keyframes circle {
	0% {-webkit-clip-path: circle(0px at center);clip-path: circle(0px at center);}
	100% {-webkit-clip-path: circle(400px at center);clip-path: circle(400px at center);}
}