.preloader {
	position:relative;
}

.triangle {
	position:absolute;
	z-index:5;
	left:60px;
	top:87px;
	width: 0;
	height: 0;
	border-top: 14px solid transparent;
	border-left: 42px solid white;
	border-bottom: 14px solid transparent;
}

.circle-one {
	position:absolute;
	z-index:4;
	left:80px;
	top:80px;
	width:40px;
	height:40px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	background-color:#152e4e;
}

.circle-two {
	position:absolute;
	z-index:3;
	left:60px;
	top:60px;
	width:80px;
	height:80px;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	border-radius:40px;
	background-color:#ffca05;
}

.circle-three {
	position:absolute;
	z-index:2;
	left:40px;
	top:40px;
	width:120px;
	height:120px;
	-moz-border-radius:60px;
	-webkit-border-radius:60px;
	border-radius:60px;
	background-color:#fff;
}

.circle-four {
	position:absolute;
	z-index:1;
	width:200px;
	height:200px;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	border-radius:100px;
	background-color:#1194f6;
}

.preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    margin:-60px 0 0 -60px;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
.internal-spin {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin:-60px 0 0 -60px;
    -webkit-animation:spin 1.5s linear infinite;
    -moz-animation:spin 1.5s linear infinite;
    animation:spin 1.5s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }