@import url('fonts.css');

body,html{
	padding: 0;
	margin: 0;
	background-color: #223468;
	
}


a.text-wrap {
	font-family: 'Myriad-Pro-Regular';
	color: #afafaf;
	font-size: 1em;
	text-decoration: none;
}
a.text-wrap:hover {
	font-family: 'Myriad-Pro-Regular';
	color: #afafaf;
	font-size: 1em;
	text-decoration: underline;
}

.circle{
	background-color: #223468;
	vertical-align: middle;
	width: 500;
	height: 500;
	margin: 0 auto;
	border-radius: 50%;
	margin-top: -0px;
	
}

.circle img{
	height: 120px;
	margin: 51% 0 0 0;
	margin-left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}

.circle span{
	display: block;
	text-align: center;
	font-family: 'Gotham-Light';
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    color: #75b9ff;
    font-size: 3em;
    margin-top: 35px;
}

.text-wrap{
	text-align: left;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

.text-wrap p{
	margin: 0;
	padding: 0;
	line-height: 2;
}

.text-wrap .content{
	font-family: 'Myriad-Pro-Regular';
	color: #81bdce;
	font-size: 0.95em;
	line-height: 2;
	text-align: left;
}

.text-wrap .title{
	font-size: 1em;	
	font-family: 'MyriadPro-Bold';
	color: #81bdce;
	margin: 0 0 8px 0;
}

.text-wrap .semibold{
	font-family: 'MyriadPro-Semibold';
}

.data-field{
	width: 100%;
	height: 160px;
}

.data-wrap{
	position: relative;
	display: inline-block;
	height: 100%;
	left: 80%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}

.data-field .year{
	position: relative;
	font-family: 'Gotham-Medium';
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	margin: 0 30px 0 0;
	color: #161f3b;
	font-size: 2em;
	line-height: 150px;
	display: inline-block;
}

.time-wrap{
	position: relative;
	display: inline-block;
	vertical-align: top;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	width: 245px;
	height: 101px;
}

.time-wrap .percentage{
	width: 100%;
	height: 90%;
}

.time-wrap .date{
	margin: 6px 0 0 0;
	float: right;
	font-family: 'Myriad-italic';
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

.percentage .number{
	position: relative;
	background-color: #586fb3;
	height: 100%;
	width: 22.75%;
	float: left;
	border-radius: 6px;
}

.number.second-number{
	margin: 0 3% 0 3%;
}

.number.third-number{
	margin: 0 3% 0 0;
}

.number .gradient{
	position: absolute;
	top: 0;
	opacity: 0.4;
	width: 100%;
	height: 52%;
	border-radius: 6px 6px 0 0;
	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(19,19,19,0.61) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(19,19,19,0.61)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(19,19,19,0.61) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(19,19,19,0.61) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(19,19,19,0.61) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(19,19,19,0.61) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#131313', GradientType=0 );
}

.number p{
	position: relative;
	margin: 0;
	top:52%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	font-family: 'Myriad-cond';
	font-size: 3.8em;
	color: #ecf1ff;
	text-align: center;
}

.percentage-number p{
	font-size: 2.2em;
}

.course-text{
	font-family: 'Myriad-Pro-Regular';
	font-size: 1em;
	text-align: left;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    margin-top: 15px;
}

.legal-text{
	width: 530px;
	margin: 0 auto;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    margin-top: 57px;
}

.legal-text .title{
	font-family: 'MyriadPro-Bold';
	color: #1b3a7a;
	font-size: 0.8em;
}

.legal-text .content{
	font-family: 'Myriad-Pro-Regular';
	color: #afafaf;
	font-size: 0.8em;
}

a.login {
	font-size: 1em;	
	font-family: 'MyriadPro-Bold';
	color: #1b3a7a;
	margin: 0 0 8px 0;
	text-decoration: underline;
}
a.course {
	font-size: 1em;
	font-family: 'MyriadPro-Regular';
	color: #171e3b;
	text-decoration: none;
}