﻿

#main_div {
    frameborder: 0px;
    position:relative;
    margin:0 auto;
    left:0;
    right:0;
	border:0px;
	z-index:-200;
	top:-10px;
    min-height:50px;
}
#thanks-text {
	position:relative;
	background-color: rgba(0, 0, 0, 0.6);	display:inline-block;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	width: 98%;
	top:145px;
	min-width:0px;
	padding:10px;
	left:0px;
	right:0;
				
}

#splat {
	position:relative;
	z-index:1505;
	display:inline;
	cursor: pointer;
}

.splat-default {
	opacity:.8;	
	cursor: pointer;
	top:3px;
	left:3px;
				-webkit-transition-property:all;
				-webkit-transition-duration:2s;
				-webkit-transition-timing-function:ease-in-out;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:2s;
				transition-timing-function:ease-in-out;
				transition-delay:0s;
}
.splat-target {
	opacity:1;	
	top:0px;
	width:80px;
	left:3px;
}
#splat-text {
	top:600px;
	position:relative;
	z-index:156;
}

.splat-text-default {
	top:490px;
	left:50px;
	opacity:1;
				-webkit-transition-property:all;
				-webkit-transition-duration:2s;
				-webkit-transition-timing-function:ease-out;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:2s;
				transition-timing-function:ease-out;
				transition-delay:0s;
}
.splat-text-target {
				opacity:1;
	top:460px;
	left:50%;
	width:120px;
	height:auto;
	opacity:.95;

		    transform:rotate(360deg);
		    -webkit-transform:rotate(360deg);
		    -ms-transform:rotate(360deg);
}
#track {
    position:relative;
    background-color:white;
	right: 0;
	left:0;
    padding:0;
    padding-top:0px;
    padding-bottom:70px;
	top: 120px;
	margin:0 auto;
}

.track {
	font-family: Arial, Helvetica, sans-serif;
	width:95%;
	min-height:0;
	min-width:0;
	text-align: center;
}
.track-active {
	font-family: Arial, Helvetica, sans-serif;
	width:95%;
	font-weight:100;
	min-height:0;
	min-width:0;
	text-align: center;
}
#track-head-text {
				padding:0px;
				position:relative;
				top:-55px;
				text-align:center;
				padding-left:80px;
				color:white;
				font-weight:600;
				font-size:1.2em;
}











.promotion-default {
	top:40px;
	left:-5px;
	width:100px;
				-webkit-transition-property:all;
				-webkit-transition-duration:2s;
				-webkit-transition-timing-function:ease-in-out;
				-webkit-transition-delay:.2s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:2s;
				transition-timing-function:ease-in-out;
				transition-delay:.2s;
}



#promotion_text {
				background-image:url('../Images/Transit-banner.jpg');
				position:relative;
				height:345px;
				width:100%;
				min-width:0;
}

.promotion-default {
	top:-30px;
	left:5px;
	width:100px;
				-webkit-transition-property:all;
				-webkit-transition-duration:2s;
				-webkit-transition-timing-function:ease-in-out;
				-webkit-transition-delay:.2s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:2s;
				transition-timing-function:ease-in-out;
				transition-delay:.2s;
}

.promotion-text-default {
				top:10px;
				background-image:url('../Images/Transit-banner.jpg');
				opacity:1;
				margin:0 auto;
				padding:0px;
				padding-top:1px;
				padding-left:0px;
				-webkit-transition-property:all;
				-webkit-transition-duration:1s;
				-webkit-transition-timing-function:ease-in-out;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:1s;
				transition-timing-function:ease-in-out;
				transition-delay:0s;
				min-width:0;
				
}

.promotion-normal {
		background-position:center;
				-webkit-transition-property:all;
				-webkit-transition-duration:4s;
				-webkit-transition-timing-function:ease-in-out;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:4s;
				transition-timing-function:ease-in-out;
				transition-delay:0s;
}

.promotion-banner {
				top:-90px;
				position: relative;
				padding: 0px;
				left:0px;
				right:0;
				width:100%;
				height:250px;
				margin:0px auto;
				background-color: rgb(221, 251, 241);
				border-width: 0px;
				border-radius: 0px;
				max-width:900px;
				min-width:0;
}


















.refer-default {
	top:-40px;
	left:-5px;
	width:100px;
				-webkit-transition-property:all;
				-webkit-transition-duration:2s;
				-webkit-transition-timing-function:ease-in-out;
				-webkit-transition-delay:.2s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:2s;
				transition-timing-function:ease-in-out;
				transition-delay:.2s;
}

#refer_text {
				background-image:url('../Images/Cropped.png');
				position:relative;
				height:480px;
				width:100%;
				min-width:0;
}

.refer_text-default {
				top:130px;
				opacity:1;
				margin:0 auto;
				padding:0px;
				padding-top:1px;
				padding-left:0px;
				-webkit-transition-property:all;
				-webkit-transition-duration:1s;
				-webkit-transition-timing-function:ease-in-out;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:1s;
				transition-timing-function:ease-in-out;
				transition-delay:0s;
				min-width:0;
				
}

.refer-normal {
		background-position:center;
				-webkit-transition-property:all;
				-webkit-transition-duration:4s;
				-webkit-transition-timing-function:ease-in-out;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:4s;
				transition-timing-function:ease-in-out;
				transition-delay:0s;
}

.refer-scroll {
		background-position:bottom ;
				-webkit-transition-property:all;
				-webkit-transition-duration:6s;
				-webkit-transition-timing-function:ease-in-out;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:6s;
				transition-timing-function:ease-in-out;
				transition-delay:0;
}


.refer-container {
				padding:0px;
				padding-left:0px;
				width:100%;
				opacity:.9;
				top:0px;
				left:0px;
				border-radius: 0px;
				position:relative;
				min-width:0;
}

.refer_title {

				text-align: center;
				font-family: Ubuntu, sans-serif;
				font-weight: 700;
				color: rgb(0, 0, 0);
				font-size: 1.6em;
				left:0px;
				margin:0 auto;
				right:0;
				top:-10px;
				width:100%;
				line-height: 36px;
				padding: 5px;
				padding-left:0px;
				padding-right:0px;
				border: 0px;
				letter-spacing: -1px;
				min-width:0;
}

.refer-banner {
				position: relative;
				padding: 0px;
				left:0px;
				right:0;
				width:100%;
				height:400px;
				margin:0px auto;
				background-color: rgb(221, 244, 251);
				border-width: 0px;
				border-radius: 0px;
				max-width:900px;
				min-width:0;
}
.refer-content-header {
				font-family:Helvetica, Arial, sans-serif;
				padding:10px;
				font-size: 2em;
				font-weight: 600;
				text-align: center;
				color: rgb(0, 0, 0);
				letter-spacing: -1px;				
}
.refer-content {
				font-family: Ubuntu, sans-serif;
				font-size: 1em;
				padding: 1%;
				padding-left:15px;
				border: 0px;
				letter-spacing: 0px;

}
.refer-footer {
				text-align: center;
				font-family: Ubuntu, sans-serif;
				font-size: 1em;
				left:0px;
				margin:0 auto;
				right:0;
				top:0px;
				width:100%;
				min-width:0;
}

