/* Generic styles */
.homeButton {
	border-radius: 50%;
	background: #fff;
	text-align: center;
	position: absolute;
	top: 25px;
	left: 25px;
	color: #000;
	width: 85px;
	height: 85px;
	z-index: 10;
	text-decoration: none;
}

	.homeButton img {
		display: block;
		margin: 25px 27px;
	}

.scrapBook {
	border-radius: 50%;
	background: #e50b6a;
	text-align: center;
	position: absolute;
	top: 25px;
	right: 25px;
	color: #000;
	width: 100px;
	height: 100px;
	z-index: 10;
}

a.scrapBook{
	text-decoration: none;
}

	.scrapBook .scrabookIco {
		background: url('../images/general/scrapbook_icon.png') no-repeat;
		width: 36px;
		height: 52px;
		display: block;
		margin: 15px 28px;
		padding: 15px 10px 0 0px;
		font-size: 1.6em;
		font-weight: bold;
		color: #e50b6a;
	}

.resourceButton {
	position: absolute;
	top: 45%;
	right: 0;
	width: 100px;
	height: 100px;
	overflow: hidden;
	cursor: pointer;
}

	.resCircle {
		border-radius: 50%;
		background: #fff;
		text-align: center;
		position: absolute;
		top: 0;
		left: 35px;
		color: #000;
		width: 100px;
		height:	100px;
		z-index: 10;
		display: block;
	}
	
		.resCircle .resourcesIco {
			background: url('../images/general/resources_icon.png') no-repeat;
			width: 36px;
			height: 50px;
			display: block;
			margin: 15px;
			padding: 17px 10px 0 0px;
			font-size: 1.4em;
			font-weight: bold;
			color: #fff;
		}
	
	.resRect {
		width: 10px;
		height: 100px;
		background: #fff;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 10;
		display: block;
	}

.zoomWrap {
	width: 100%;
	height: 100%;
	position: fixed;
}

.zoomWrap:after {	
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}

.zoomBlur {
	width: 100%;
	height: 100%;
	position: fixed;
	display: none;
}

.zoomBlur:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -2;
}
		
.zoomOuter {
	width: 100%;
	height: 100%;
	position: fixed;
	display: none;
}

.zoomOuter:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -3;
}

.resources {
	height: 100%;
	width: 50%;
	position: fixed;
	right: -50%;
	top: 0;
	background: #fff;
	z-index: 5;
}

.resourceWrap {
	overflow-y: auto;
	height: -webkit-calc(100% - 130px);
	height: -moz-calc(100% - 130px);
	height: -ms-calc(100% - 130px);
	height: -o-calc(100% - 130px);
	height: calc(100% - 130px);
}

.grid {
	width: 100%;
	padding: 5px 0 0 5px;
	background: #fff;
	overflow: hidden;
	box-sizing: border-box;
}

	.grid .span4 {
		width: 32.3333%;
		background: #fff;
		margin: 0 1% 0 0;
		float: left;
		box-sizing: border-box;
		position: relative;
		cursor: pointer;
	}

		.grid .span4 img {
			max-width: 100%;
			max-height: 100%;
		}

.grid .addResource {
	position: absolute;
	bottom: 4px;
	left: 0;
	width: 100%;
	height: 20%;
	background: rgba(0,0,0,0.8);
	cursor: pointer;
	display: none;
}

	.grid .addResource span {
		color: #fff;
		text-transform: uppercase;
		font-size: 0.7em;
		margin: 7% 0 0 7px;
		display: block;
		font-weight: bold;
	}
	
	.grid .addResource img {
		position: absolute;
		right: 7px;
		top: 10%;
		max-width: 80%;
		max-height: 80%;
	}

.info {
	position: absolute;
}
	
.infoBubble {
	border-radius: 50%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}

	.infoBubble h2 {
		margin: 50px auto 15px;
		width: 75%;
		font-size: 2em;
		text-transform: uppercase;
	}
	
	.infoBubble p {
		margin: 10px auto;
		text-align: center;
		width: 70%;
		font-size: 0.78em;
	}
	
		.infoBubble p.quotation {
			font-weight: bold;
		}
	
	.infoBubble a.moreInfo {
		color: #000;
		text-decoration: none;
		font-weight: bold;
		font-size: 0.8em;
	}
		
		.infoBubble a.moreInfo:hover {
			text-decoration: underline;
		}
	
	.nextBubble {
		text-align: center;
	}
	
	.nextBubble img {
		width: auto;
		height: auto;
		vertical-align: middle;
		max-width: 80%;
		max-height: 80%;
		border: 0;
		-ms-interpolation-mode: bicubic;
		position: absolute;
		top: 12px;
		left: 10px;
		z-index: 4;
	}

	.nextBg {
		border-radius: 50%;
		text-align: center;
		position: relative;
		width: 100px;
		height: 100px;
		color: #fff;
		opacity: 0.7;
	}
	
	
	

/* Welcome page styles */
.welcomeWrap {
	background: url(../images/resources/welcome/welcome.jpg) center center fixed no-repeat;
	background-size: cover;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.welcomeBlur {
	background: url(../images/resources/welcome/welcome_blur.jpg) center center fixed no-repeat;
	background-size: cover;
}

.welcomeOuter {
	background: url(../images/resources/welcome/welcome_zoom.jpg) center center fixed no-repeat;
	background-size: cover;
}
	
.welcomeBub {
	top: 15%;
	left: 3%;
	width: 500px;
	height: 500px;
}

	.welcomeBub .infoBubble {
		background: #e50b6a;
		width: 500px;
		height: 500px;
		color: #fff;
	}
	
		.welcomeBub .infoBubble h2 {
			margin-top: 125px;
			width: 75%;
		}
		
		.welcomeBub .infoBubble p {
			width: 85%;
		}
		
		.welcomeBub .infoBubble a.moreInfo {
			margin: 0 auto;
			width: 65%;
			display: block;
		}
	
	.welcomeBub .connectingLine_next {
		padding: 0px;
		margin: 0px;
		height: 3px;
		background-color: #53c343;
		line-height: 1px;
		position: absolute;
		left: 445px;
		top: 420px;
		width: 85px;
		-moz-transform: rotate(-142.005944274815883deg);
		-webkit-transform: rotate(-142.005944274815883deg);
		-o-transform: rotate(-142.005944274815883deg);
		-ms-transform: rotate(-142.005944274815883deg);
		transform: rotate(-142.005944274815883deg);
	}
		
	.welcomeBub .connectingLine_style {
		padding: 0px;
		margin: 0px;
		height: 3px;
		background-color: #e50b6a;
		line-height: 1px;
		position: absolute;
		left: 475px;
		top: 140px;
		width: 50px;
		-moz-transform: rotate(-30.005944274815883deg);
		-webkit-transform: rotate(-30.005944274815883deg);
		-o-transform: rotate(-30.005944274815883deg);
		-ms-transform: rotate(-30.005944274815883deg);
		transform: rotate(-30.005944274815883deg);
	}
	
	.welcomeBub .nextBubble {
		border-radius: 50%;
		background: #53c343;
		border: 3px solid #53c343;
		text-align: center;
		position: absolute;
		top: 410px;
		left: 510px;
		color: #fff;
		width: 125px;
		height: 125px;
		cursor: pointer;
	}
	
	.welcomeBub .styleBubble {
		border-radius: 50%;
		background: url('../images/resources/welcome/welcomestyle.jpg');
		background-size: cover;
		border: 3px solid #e50b6a;
		text-align: center;
		position: absolute;
		top: -30px;
		left: 511px;
		color: #fff;
		width: 220px;
		height: 220px;
	}



/* Accommodation page styles */
.accommodationWrap {
	background: url(../images/resources/accommodation/accommodation.jpg) center center fixed no-repeat;
	background-size: cover;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.accommodationBlur {
	background: url(../images/resources/accommodation/accommodation_blur.jpg) center center fixed no-repeat;
	background-size: cover;
}

.accommodationOuter {
	background: url(../images/resources/accommodation/accommodation_zoom.jpg) center center fixed no-repeat;
	background-size: cover;
}
	
.accommodationBub {
	top: 15%;
	left: 3%;
	width: 500px;
	height: 500px;
}

	.accommodationBub .infoBubble {
		background: #52c343;
		width: 500px;
		height: 500px;
		color: #fff;
	}
	
		.accommodationBub .infoBubble h2 {
			margin-top: 125px;
			width: 75%;
		}
		
		.accommodationBub .infoBubble p {
			width: 80%;
		}
		
		.accommodationBub .infoBubble a.moreInfo {
			margin: 0 auto;
			width: 65%;
			display: block;
		}
		
	.accommodationBub .connectingLine_next {
		padding: 0px;
		margin: 0px;
		height: 3px;
		background-color: #df9116;
		line-height: 1px;
		position: absolute;
		left: 445px;
		top: 420px;
		width: 85px;
		-moz-transform: rotate(-142.005944274815883deg);
		-webkit-transform: rotate(-142.005944274815883deg);
		-o-transform: rotate(-142.005944274815883deg);
		-ms-transform: rotate(-142.005944274815883deg);
		transform: rotate(-142.005944274815883deg);
	}
		
	.accommodationBub .connectingLine_style {
		padding: 0px;
		margin: 0px;
		height: 3px;
		background-color: #52c343;
		line-height: 1px;
		position: absolute;
		left: 452px;
		top: 90px;
		width: 72px;
		-moz-transform: rotate(-30.005944274815883deg);
		-webkit-transform: rotate(-30.005944274815883deg);
		-o-transform: rotate(-30.005944274815883deg);
		-ms-transform: rotate(-30.005944274815883deg);
		transform: rotate(-30.005944274815883deg);
	}
	
	.accommodationBub .nextBubble {
		border-radius: 50%;
		background: #df9116;
		border: 3px solid #df9116;
		text-align: center;
		position: absolute;
		top: 410px;
		left: 510px;
		color: #fff;
		width: 125px;
		height: 125px;
		cursor: pointer;
	}
	
	.accommodationBub .styleBubble {
		border-radius: 50%;
		background: url('../images/resources/accommodation/accommodationstyle.jpg');
		background-size: cover;
		border: 3px solid #52c343;
		text-align: center;
		position: absolute;
		top: -100px;
		left: 500px;
		color: #fff;
		width: 220px;
		height: 220px;
	}
	
	

/* Campus page styles */
.campusWrap {
	background: url(../images/resources/campus/campus.jpg) center center fixed no-repeat;
	background-size: cover;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.campusBlur {
	background: url(../images/resources/campus/campus_blur.jpg) center center fixed no-repeat;
	background-size: cover;
}
	
.campusOuter {
	background: url(../images/resources/campus/campus_zoom.jpg) center center fixed no-repeat;
	background-size: cover;
}

.campusBub {
	top: 15%;
	right: 3%;
	width: 500px;
	height: 500px;
}

	.campusBub .infoBubble {
		background: #df9116;
		width: 500px;
		height: 500px;
		color: #fff;
	}
	
		.campusBub .infoBubble h2 {
			margin-top: 125px;
			width: 75%;
		}
		
		.campusBub .infoBubble p {
			width: 80%;
		}
		
		.campusBub .infoBubble a.moreInfo {
			margin: 0 auto;
			width: 65%;
			display: block;
		}
	
	.campusBub .connectingLine_next {
		padding: 0px;
		margin: 0px;
		height: 3px;
		background-color: #2486cb;
		line-height: 1px;
		position: absolute;
		left: 90px;
		top: 30px;
		width: 26px;
		-moz-transform: rotate(-130.005944274815883deg);
		-webkit-transform: rotate(-130.005944274815883deg);
		-o-transform: rotate(-130.005944274815883deg);
		-ms-transform: rotate(-130.005944274815883deg);
		transform: rotate(-130.005944274815883deg);
	}
		
	.campusBub .connectingLine_style {
		padding: 0px;
		margin: 0px;
		height: 3px;
		background-color: #df9116;
		line-height: 1px;
		position: absolute;
		left: -50px;
		top: 350px;
		width: 75px;
		-moz-transform: rotate(-25.005944274815883deg);
		-webkit-transform: rotate(-25.005944274815883deg);
		-o-transform: rotate(-25.005944274815883deg);
		-ms-transform: rotate(-25.005944274815883deg);
		transform: rotate(-25.005944274815883deg);
	}
	
	.campusBub .nextBubble {
		border-radius: 50%;
		background: #2486cb;
		border: 3px solid #2486cb;
		text-align: center;
		position: absolute;
		top: -100px;
		left: 0;
		color: #fff;
		width: 125px;
		height: 125px;
		cursor: pointer;
	}
	
	.campusBub .nextBubble img {
		left: 25px
	}
	
	.campusBub .styleBubble {
		border-radius: 50%;
		background: url('../images/resources/campus/campusstyle.jpg');
		background-size: cover;
		border: 3px solid #df9116;
		text-align: center;
		position: absolute;
		top: 300px;
		left: -262px;
		color: #fff;
		width: 220px;
		height: 220px;
	}
	


/* Support page styles */
.supportWrap {
	background: url(../images/resources/support/support.jpg) center center fixed no-repeat;
	background-size: cover;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.supportBlur {
	background: url(../images/resources/support/support_blur.jpg) center center fixed no-repeat;
	background-size: cover;
}

.supportOuter {
	background: url(../images/resources/support/support_zoom.jpg) center center fixed no-repeat;
	background-size: cover;
}
	
.supportBub {
	top: 20%;
	left: 7%;
	width: 500px;
	height: 500px;
}

	.supportBub .infoBubble {
		background: #2486cb;
		width: 500px;
		height: 500px;
		color: #fff;
	}
	
		.supportBub .infoBubble h2 {
			margin-top: 100px;
			width: 75%;
		}
		
		.supportBub .infoBubble p {
			width: 80%;
		}
		
		.supportBub .infoBubble a.moreInfo {
			margin: 0 auto;
			width: 65%;
			display: block;
		}
		
	.supportBub .connectingLine_next {
		padding: 0px;
		margin: 0px;
		height: 3px;
		background-color: #e50b6a;
		line-height: 1px;
		position: absolute;
		left: 410px;
		top: 35px;
		width: 97px;
		-moz-transform: rotate(-40.005944274815883deg);
		-webkit-transform: rotate(-40.005944274815883deg);
		-o-transform: rotate(-40.005944274815883deg);
		-ms-transform: rotate(-40.005944274815883deg);
		transform: rotate(-40.005944274815883deg);
	}
	
	.supportBub .nextBubble {
		border-radius: 50%;
		background: #e50b6a;
		border: 3px solid #e50b6a;
		text-align: center;
		position: absolute;
		top: -100px;
		left: 475px;
		color: #fff;
		width: 125px;
		height: 125px;
		cursor: pointer;
	}
	
		.supportBub .nextBubble img {
			margin-top: 15px;
			max-width: 90%;
		}
	


/* Students page styles */
.studentsWrap {
	background: url(../images/resources/students/students.jpg) center center fixed no-repeat;
	background-size: cover;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.studentsBlur {
	background: url(../images/resources/students/students_blur.jpg) center center fixed no-repeat;
	background-size: cover;
}
	
.studentsOuter {
	background: url(../images/resources/students/students_zoom.jpg) center center fixed no-repeat;
	background-size: cover;
}

.studentsBub {
	top: 15%;
	right: 3%;
	width: 500px;
	height: 500px;
}

	.studentsBub .infoBubble {
		background: #e50b6a;
		width: 500px;
		height: 500px;
		color: #fff;
	}
	
		.studentsBub .infoBubble h2 {
			margin-top: 50px;
			width: 75%;
		}
		
		.studentsBub .infoBubble p {
			width: 75%;
		}
		
		.studentsBub .infoBubble a.moreInfo {
			margin: 0 auto;
			width: 65%;
			display: block;
		}
	
	.studentsBub .connectingLine_next {
		padding: 0px;
		margin: 0px;
		height: 3px;
		background-color: #52c343;
		line-height: 1px;
		position: absolute;
		left: 90px;
		top: 30px;
		width: 27px;
		-moz-transform: rotate(-130.005944274815883deg);
		-webkit-transform: rotate(-130.005944274815883deg);
		-o-transform: rotate(-130.005944274815883deg);
		-ms-transform: rotate(-130.005944274815883deg);
		transform: rotate(-130.005944274815883deg);
	}
	
	.studentsBub .connectingLine_style {
		padding: 0px;
		margin: 0px;
		height: 3px;
		background-color: #e50b6a;
		line-height: 1px;
		position: absolute;
		left: -262px;
		top: 120px;
		width: 290px;
		-moz-transform: rotate(-160.005944274815883deg);
		-webkit-transform: rotate(-160.005944274815883deg);
		-o-transform: rotate(-160.005944274815883deg);
		-ms-transform: rotate(-160.005944274815883deg);
		transform: rotate(-160.005944274815883deg);
	}
	
	.studentsBub .nextBubble {
		border-radius: 50%;
		background: #52c343;
		border: 3px solid #52c343;
		text-align: center;
		position: absolute;
		top: -100px;
		left: 0;
		color: #fff;
		width: 125px;
		height: 125px;
		cursor: pointer;
	}
	
	.studentsBub .styleBubble {
		border-radius: 50%;
		background: url('../images/resources/students/studentsstyle.jpg');
		background-size: cover;
		border: 3px solid #e50b6a;
		text-align: center;
		position: absolute;
		top: -100px;
		left: -462px;
		color: #fff;
		width: 220px;
		height: 220px;
	}	
	
	.studentsBub .nextBubble img {
		margin-left: 10px;
	}



/* Students Union page styles */
.unionWrap {
	background: url(../images/resources/studentunion/studentunion.jpg) center center fixed no-repeat;
	background-size: cover;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.unionBlur {
	background: url(../images/resources/studentunion/studentunion_blur.jpg) center center fixed no-repeat;
	background-size: cover;
}
	
.unionOuter {
	background: url(../images/resources/studentunion/studentunion_zoom.jpg) center center fixed no-repeat;
	background-size: cover;
}

.unionBub {
	top: 15%;
	right: 3%;
	width: 500px;
	height: 500px;
}

	.unionBub .infoBubble {
		background: #e50b6a;
		width: 500px;
		height: 500px;
		color: #fff;
	}
	
		.unionBub .infoBubble h2 {
			margin-top: 65px;
			width: 75%;
		}
		
		.unionBub .infoBubble p {
			width: 75%;
		}
		
		.unionBub .infoBubble a.moreInfo {
			margin: 0 auto;
			width: 65%;
			display: block;
		}
	
	.unionBub .connectingLine_next {
		padding: 0px;
		margin: 0px;
		height: 3px;
		background-color: #52c343;
		line-height: 1px;
		position: absolute;
		left: 90px;
		top: 30px;
		width: 26px;
		-moz-transform: rotate(-130.005944274815883deg);
		-webkit-transform: rotate(-130.005944274815883deg);
		-o-transform: rotate(-130.005944274815883deg);
		-ms-transform: rotate(-130.005944274815883deg);
		transform: rotate(-130.005944274815883deg);
	}
	
	.unionBub .nextBubble {
		border-radius: 50%;
		background: #52c343;
		border: 3px solid #52c343;
		text-align: center;
		position: absolute;
		top: -100px;
		left: 0;
		color: #fff;
		width: 125px;
		height: 125px;
		cursor: pointer;
	}



/* London Life page styles */
.londonWrap {
	background: url(../images/resources/selondon/selondon.jpg) center center fixed no-repeat;
	background-size: cover;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.londonBlur {
	background: url(../images/resources/selondon/selondon_blur.jpg) center center fixed no-repeat;
	background-size: cover;
}
	
.londonOuter {
	background: url(../images/resources/selondon/selondon_zoom.jpg) center center fixed no-repeat;
	background-size: cover;
}

.londonBub {
	top: 20%;
	right: 3%;
	width: 500px;
	height: 500px;
}

	.londonBub .infoBubble {
		background: #df9116;
		width: 500px;
		height: 500px;
		color: #fff;
	}
	
		.londonBub .infoBubble h2 {
			margin-top: 125px;
			width: 75%;
		}
		
		.londonBub .infoBubble p {
			width: 75%;
		}
		
		.londonBub .infoBubble a.moreInfo {
			margin: 0 auto;
			width: 70%;
			display: block;
		}
	
	.londonBub .connectingLine_next {
		padding: 0px;
		margin: 0px;
		height: 3px;
		background-color: #2486cb;
		line-height: 1px;
		position: absolute;
		left: 90px;
		top: 30px;
		width: 26px;
		-moz-transform: rotate(-130.005944274815883deg);
		-webkit-transform: rotate(-130.005944274815883deg);
		-o-transform: rotate(-130.005944274815883deg);
		-ms-transform: rotate(-130.005944274815883deg);
		transform: rotate(-130.005944274815883deg);
	}
	
	.londonBub .nextBubble {
		border-radius: 50%;
		background: #2486cb;
		border: 3px solid #2486cb;
		text-align: center;
		position: absolute;
		top: -100px;
		left: 0;
		color: #fff;
		width: 125px;
		height: 125px;
		cursor: pointer;
	}
	
	

/* Academic Life page styles */
.academicWrap {
	background: url(../images/resources/academic/academic.jpg) center center fixed no-repeat;
	background-size: cover;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.academicBlur {
	background: url(../images/resources/academic/academic_blur.jpg) center center fixed no-repeat;
	background-size: cover;
}

.academicOuter {
	background: url(../images/resources/academic/academic_zoom.jpg) center center fixed no-repeat;
	background-size: cover;
}
	
.academicBub {
	top: 15%;
	left: 3%;
	width: 500px;
	height: 500px;
}

	.academicBub .infoBubble {
		background: #52c343;
		width: 500px;
		height: 500px;
		color: #fff;
	}
	
		.academicBub .infoBubble h2 {
			margin-top: 65px;
			width: 75%;
		}
		
		.academicBub .infoBubble p {
			width: 80%;
		}
		
		.academicBub .infoBubble a.moreInfo {
			margin: 0 auto;
			width: 80%;
			display: block;
		}
		
	.academicBub .connectingLine_next {
		padding: 0px;
		margin: 0px;
		height: 3px;
		background-color: #df9116;
		line-height: 1px;
		position: absolute;
		left: 485px;
		top: 345px;
		width: 120px;
		-moz-transform: rotate(-160.005944274815883deg);
		-webkit-transform: rotate(-160.005944274815883deg);
		-o-transform: rotate(-160.005944274815883deg);
		-ms-transform: rotate(-160.005944274815883deg);
		transform: rotate(-160.005944274815883deg);
	}
		
	.academicBub .connectingLine_style {
		padding: 0px;
		margin: 0px;
		height: 3px;
		background-color: #52c343;
		line-height: 1px;
		position: absolute;
		left: 447px;
		top: 90px;
		width: 32px;
		-moz-transform: rotate(-30.005944274815883deg);
		-webkit-transform: rotate(-30.005944274815883deg);
		-o-transform: rotate(-30.005944274815883deg);
		-ms-transform: rotate(-30.005944274815883deg);
		transform: rotate(-30.005944274815883deg);
	}
	
	.academicBub .nextBubble {
		border-radius: 50%;
		background: #df9116;
		border: 3px solid #df9116;
		text-align: center;
		position: absolute;
		top: 300px;
		left: 600px;
		color: #fff;
		width: 125px;
		height: 125px;
		cursor: pointer;
	}
	
		.academicBub .nextBubble img {
			margin: 7px 0 0 7px;
			max-width: 75%;
			max-height: 75%;
		}
	
	.academicBub .styleBubble {
		border-radius: 50%;
		background: url('../images/resources/academic/academicstyle.jpg');
		background-size: cover;
		border: 3px solid #52c343;
		text-align: center;
		position: absolute;
		top: -100px;
		left: 450px;
		color: #fff;
		width: 220px;
		height: 220px;
	}
	

	
/* Events page styles */
.eventsWrap {
	background: url(../images/resources/events/events.jpg) center center fixed no-repeat;
	background-size: cover;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.eventsBlur {
	background: url(../images/resources/events/events_blur.jpg) center center fixed no-repeat;
	background-size: cover;
}

.eventsOuter {
	background: url(../images/resources/events/events_zoom.jpg) center center fixed no-repeat;
	background-size: cover;
}
	
.eventsBub {
	top: 15%;
	left: 3%;
	width: 500px;
	height: 500px;
}

	.eventsBub .infoBubble {
		background: #e50b6a;
		width: 500px;
		height: 500px;
		color: #fff;
	}
	
		.eventsBub .infoBubble h2 {
			margin-top: 155px;
			width: 75%;
		}
		
		.eventsBub .infoBubble p {
			width: 80%;
		}
		
		.eventsBub .infoBubble a.moreInfo {
			margin: 0 auto;
			width: 90%;
			display: block;
		}
		
	.eventsBub .connectingLine_style {
		padding: 0px;
		margin: 0px;
		height: 3px;
		background-color: #e50b6a;
		line-height: 1px;
		position: absolute;
		left: 485px;
		top: 345px;
		width: 129px;
		-moz-transform: rotate(-160.005944274815883deg);
		-webkit-transform: rotate(-160.005944274815883deg);
		-o-transform: rotate(-160.005944274815883deg);
		-ms-transform: rotate(-160.005944274815883deg);
		transform: rotate(-160.005944274815883deg);
	}
		
	.eventsBub .connectingLine_next {
		padding: 0px;
		margin: 0px;
		height: 3px;
		background-color: #52c343; 
		line-height: 1px;
		position: absolute;
		left: 377px;
		top: 27px;
		width: 23px;
		-moz-transform: rotate(-43.005944274815883deg);
		-webkit-transform: rotate(-43.005944274815883deg);
		-o-transform: rotate(-43.005944274815883deg);
		-ms-transform: rotate(-43.005944274815883deg);
		transform: rotate(-43.005944274815883deg);
	}
	
	.eventsBub .nextBubble {
		border-radius: 50%;
		background: #52c343;
		border: 3px solid #52c343;
		text-align: center;
		position: absolute;
		top: -100px;
		left: 365px;
		color: #fff;
		width: 125px;
		height: 125px;
		cursor: pointer;
	}
	
		.eventsBub .nextBubble img {
			margin: 7px 0 0 10px;
		}
	
	.eventsBub .styleBubble {
		border-radius: 50%;
		background: url('../images/resources/events/eventsstyle.jpg');
		background-size: cover;
		border: 3px solid #e50b6a;
		text-align: center;
		position: absolute;
		top: 300px; 
		left: 600px; 
		color: #fff;
		width: 220px;
		height: 220px;
	}
	


/* International page styles */
.internationalWrap {
	background: url(../images/resources/international/international.jpg) center center fixed no-repeat;
	background-size: cover;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.internationalBlur {
	background: url(../images/resources/international/international_blur.jpg) center center fixed no-repeat;
	background-size: cover;
}

.internationalOuter {
	background: url(../images/resources/international/international_zoom.jpg) center center fixed no-repeat;
	background-size: cover;
}
	
.internationalBub {
	top: 15%;
	left: 3%;
	width: 500px;
	height: 500px;
}

	.internationalBub .infoBubble {
		background: #2486cb;
		width: 500px;
		height: 500px;
		color: #fff;
	}
	
		.internationalBub .infoBubble h2 {
			margin-top: 75px;
			width: 75%;
		}
		
		.internationalBub .infoBubble p {
			width: 80%;
		}
		
		.internationalBub .infoBubble a.moreInfo {
			margin: 0 auto;
			width: 90%;
			display: block;
		}
		
	.internationalBub .connectingLine_next {
		padding: 0px;
		margin: 0px;
		height: 3px;
		background-color: #e50b6a;
		line-height: 1px;
		position: absolute;
		left: 500px;
		top: 250px;
		width: 85px;
		-moz-transform: rotate(-0deg);
		-webkit-transform: rotate(-0deg);
		-o-transform: rotate(-0deg);
		-ms-transform: rotate(-0deg);
		transform: rotate(-0deg);
	}
	
	.internationalBub .nextBubble {
		border-radius: 50%;
		background: #e50b6a;
		border: 3px solid #e50b6a;
		text-align: center;
		position: absolute;
		top: 175px;
		left: 575px;
		color: #fff;
		width: 125px;
		height: 125px;
		cursor: pointer;
	}
	
	
	
/* Careers page styles */
.careersWrap {
	background: url(../images/resources/careers/careers.jpg) center center fixed no-repeat;
	background-size: cover;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.careersBlur {
	background: url(../images/resources/careers/careers_blur.jpg) center center fixed no-repeat;
	background-size: cover;
}

.careersOuter {
	background: url(../images/resources/careers/careers_zoom.jpg) center center fixed no-repeat;
	background-size: cover;
}
	
.careersBub {
	top: 15%;
	left: 3%;
	width: 500px;
	height: 500px;
}

	.careersBub .infoBubble {
		background: #df9116;  
		width: 500px;
		height: 500px;
		color: #fff;
	}
	
		.careersBub .infoBubble h2 {
			margin-top: 75px;
			width: 75%;
		}
		
		.careersBub .infoBubble p {
			width: 80%;
		}
		
		.careersBub .infoBubble a.moreInfo {
			margin: 0 auto;
			width: 90%;
			display: block;
		}
		
	.careersBub .connectingLine_next {
		padding: 0px;
		margin: 0px;
		height: 3px;
		background-color: #2486cb;
		line-height: 1px;
		position: absolute;
		left: 461px;
		top: 82px;
		width: 255px;
		-moz-transform: rotate(-20.005944274815883deg);
		-webkit-transform: rotate(-20.005944274815883deg);
		-o-transform: rotate(-20.005944274815883deg);
		-ms-transform: rotate(-20.005944274815883deg);
		transform: rotate(-20.005944274815883deg);
	}
	
	.careersBub .nextBubble {
		border-radius: 50%;
		background: #2486cb;
		border: 3px solid #2486cb;
		text-align: center;
		position: absolute;
		top: -50px;
		left: 700px;
		color: #fff;
		width: 125px;
		height: 125px;
		cursor: pointer;
	}
	
		.careersBub .nextBubble img {
			margin: 5px 0 0 5px;
		}
		
	@media only screen
	and (min-width : 768px)
	and (max-width : 1024px)
	{
	
		.careersBub .connectingLine_next {
		padding: 0px;
		margin: 0px;
		height: 3px;
		background-color: #2486cb;
		line-height: 1px;
		position: absolute;
		left: 452px;
		top: 82px;
		width: 140px;
		-moz-transform: rotate(-20.005944274815883deg);
		-webkit-transform: rotate(-20.005944274815883deg);
		-o-transform: rotate(-20.005944274815883deg);
		-ms-transform: rotate(-20.005944274815883deg);
		transform: rotate(-20.005944274815883deg);
	}
	
		.careersBub .nextBubble {
			border-radius: 50%;
			background: #2486cb;
			border: 3px solid #2486cb;
			text-align: center;
			position: absolute;
			top: -50px;
			left: 570px;
			color: #fff;
			width: 125px;
			height: 125px;
			cursor: pointer;
		}
	
	}
	
	

/* Industry page styles */
.industryWrap {
	background: url(../images/resources/workplacements/workplacements.jpg) center center fixed no-repeat;
	background-size: cover;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.industryBlur {
	background: url(../images/resources/workplacements/workplacements_blur.jpg) center center fixed no-repeat;
	background-size: cover;
}
	
.industryOuter {
	background: url(../images/resources/workplacements/workplacements_zoom.jpg) center center fixed no-repeat;
	background-size: cover;
}

.industryBub {
	top: 15%;
	right: 3%;
	width: 500px;
	height: 500px;
}

	.industryBub .infoBubble {
		background: #e50b6a;
		width: 500px;
		height: 500px;
		color: #fff;
	}
	
		.industryBub .infoBubble h2 {
			margin-top: 75px;
			width: 75%;
		}
		
		.industryBub .infoBubble p {
			width: 75%;
		}
		
		.industryBub .infoBubble a.moreInfo {
			margin: 0 auto;
			width: 65%;
			display: block;
		}
	
	.industryBub .connectingLine_next {
		padding: 0px;
		margin: 0px;
		height: 3px;
		background-color: #52c343;
		line-height: 1px;
		position: absolute;
		left: 90px;
		top: 30px;
		width: 26px;
		-moz-transform: rotate(-130.005944274815883deg);
		-webkit-transform: rotate(-130.005944274815883deg);
		-o-transform: rotate(-130.005944274815883deg);
		-ms-transform: rotate(-130.005944274815883deg);
		transform: rotate(-130.005944274815883deg);
	}
	
	.industryBub .nextBubble {
		border-radius: 50%;
		background: #52c343;
		border: 3px solid #52c343;
		text-align: center;
		position: absolute;
		top: -100px;
		left: 0;
		color: #fff;
		width: 125px;
		height: 125px;
		cursor: pointer;
	}
	.industryBub .nextBubble img {
		margin: 10px 0 0;
	}
	
	
	
/* Alumni page styles */
.alumniWrap {
	background: url(../images/resources/alumni/alumni.jpg) center center fixed no-repeat;
	background-size: cover;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.alumniBlur {
	background: url(../images/resources/alumni/alumni_blur.jpg) center center fixed no-repeat;
	background-size: cover;
}

.alumniOuter {
	background: url(../images/resources/alumni/alumni_zoom.jpg) center center fixed no-repeat;
	background-size: cover;
}
	
.alumniBub {
	top: 15%;
	left: 3%;
	width: 500px;
	height: 500px;
}

	.alumniBub .infoBubble {
		background: #e50b6a;
		width: 500px;
		height: 500px;
		color: #fff;
	}
	
		.alumniBub .infoBubble h2 {
			margin-top: 125px;
			width: 75%;
		}
		
		.alumniBub .infoBubble p {
			width: 80%;
		}
		
		.alumniBub .infoBubble a.moreInfo {
			margin: 0 auto;
			width: 90%;
			display: block;
		}
		
	.alumniBub .connectingLine_next {
		padding: 0px;
		margin: 0px;
		height: 3px;
		background-color: #fff;
		line-height: 1px;
		position: absolute;
		left: 500px;
		top: 250px;
		width: 102px;
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	
	.alumniBub .nextBubble {
		border-radius: 50%;
		background: #fff;
		border: 3px solid #fff;
		text-align: center;
		position: absolute;
		top: 175px;
		left: 600px;
		color: #fff;
		width: 125px;
		height: 125px;
		cursor: pointer;
	}
	
		.alumniBub .nextBubble img {
			margin: 10px 0 0 35px;
		}
		
		.alumniBub .nextBubble span {
			position: absolute;
			top: 55px;
			left: 0px;
			text-transform: uppercase;
			font-size: 0.8em;
			color: #000;
			font-weight: bold;
		}
	
	
	
/* Graduates page styles */
.graduatesWrap {
	background: url(../images/resources/graduates/graduates.jpg) center center fixed no-repeat;
	background-size: cover;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.graduatesBlur {
	background: url(../images/resources/graduates/graduates_blur.jpg) center center fixed no-repeat;
	background-size: cover;
}

.graduatesOuter {
	background: url(../images/resources/graduates/graduates_zoom.jpg) center center fixed no-repeat;
	background-size: cover;
}
	
.graduatesBub {
	top: 15%;
	left: 3%;
	width: 500px;
	height: 500px;
}

	.graduatesBub .infoBubble {
		background: #2486cb;
		width: 500px;
		height: 500px;
		color: #fff;
	}
	
		.graduatesBub .infoBubble h2 {
			margin-top: 125px;
			width: 75%;
		}
		
		.graduatesBub .infoBubble p {
			width: 80%;
		}
		
		.graduatesBub .infoBubble a.moreInfo {
			margin: 0 auto;
			width: 65%;
			display: block;
		}
		
	.graduatesBub .connectingLine_next {
		padding: 0px;
		margin: 0px;
		height: 3px;
		background-color: #e50b6a;
		line-height: 1px;
		position: absolute;
		left: 410px;
		top: 35px;
		width: 97px;
		-moz-transform: rotate(-40.005944274815883deg);
		-webkit-transform: rotate(-40.005944274815883deg);
		-o-transform: rotate(-40.005944274815883deg);
		-ms-transform: rotate(-40.005944274815883deg);
		transform: rotate(-40.005944274815883deg);
	}
	
	.graduatesBub .nextBubble {
		border-radius: 50%;
		background: #e50b6a;
		border: 3px solid #e50b6a;
		text-align: center;
		position: absolute;
		top: -100px;
		left: 475px;
		color: #fff;
		width: 125px;
		height: 125px;
		cursor: pointer;
	}
	
		.graduatesBub .nextBubble img {
			margin: 0 0 0 5px;
		}
	
	
	
/* Graduation page styles */
.graduationWrap {
	background: url(../images/resources/graduation/graduation.jpg) center center fixed no-repeat;
	background-size: cover;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.graduationBlur {
	background: url(../images/resources/graduation/graduation_blur.jpg) center center fixed no-repeat;
	background-size: cover;
}

.graduationOuter {
	background: url(../images/resources/graduation/graduation_zoom.jpg) center center fixed no-repeat;
	background-size: cover;
}
	
.graduationBub {
	top: 15%;
	left: 3%;
	width: 500px;
	height: 500px;
}

	.graduationBub .infoBubble {
		background: #df9116;
		width: 500px;
		height: 500px;
		color: #fff;
	}
	
		.graduationBub .infoBubble h2 {
			margin-top: 105px;
			width: 75%;
		}
		
		.graduationBub .infoBubble p {
			width: 80%;
		}
		
		.graduationBub .infoBubble a.moreInfo {
			margin: 0 auto;
			width: 90%;
			display: block;
		}
		
	.graduationBub .connectingLine_next {
		padding: 0px;
		margin: 0px;
		height: 3px;
		background-color: #2486cb;
		line-height: 1px;
		position: absolute;
		left: 500px;
		top: 250px;
		width: 85px;
		-moz-transform: rotate(-0deg);
		-webkit-transform: rotate(-0deg);
		-o-transform: rotate(-0deg);
		-ms-transform: rotate(-0deg);
		transform: rotate(-0deg);
	}
	
	.graduationBub .nextBubble {
		border-radius: 50%;
		background: #2486cb;
		border: 3px solid #2486cb;
		text-align: center;
		position: absolute;
		top: 175px;
		left: 575px;
		color: #fff;
		width: 125px;
		height: 125px;
		cursor: pointer;
	}
	
		.graduationBub .nextBubble img {
			margin: 0 0 0 10px
		}
	
	
	
/* Degrees page styles */
.degreesWrap {
	background: url(../images/resources/degrees/degrees.jpg) center center fixed no-repeat;
	background-size: cover;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.degreesBlur {
	background: url(../images/resources/degrees/degrees_blur.jpg) center center fixed no-repeat;
	background-size: cover;
}

.degreesOuter {
	background: url(../images/resources/degrees/degrees_zoom.jpg) center center fixed no-repeat;
	background-size: cover;
}
	
.degreesBub {
	top: 15%;
	right: 3%;
	width: 500px;
	height: 500px;
}

	.degreesBub .infoBubble {
		background: #52c343;
		width: 500px;
		height: 500px;
		color: #fff;
	}
	
		.degreesBub .infoBubble h2 {
			margin-top: 150px;
			width: 75%;
		}
		
		.degreesBub .infoBubble p {
			width: 75%;
		}
		
		.degreesBub .infoBubble a.moreInfo {
			margin: 0 auto;
			width: 70%;
			display: block;
		}
	
	.degreesBub .connectingLine_next {
		padding: 0px;
		margin: 0px;
		height: 3px;
		background-color: #df9116;
		line-height: 1px;
		position: absolute;
		left: -35px;
		top: 420px;
		width: 90px;
		-moz-transform: rotate(-35.005944274815883deg);
		-webkit-transform: rotate(-35.005944274815883deg);
		-o-transform: rotate(-35.005944274815883deg);
		-ms-transform: rotate(-35.005944274815883deg);
		transform: rotate(-35.005944274815883deg);
	}
	
	.degreesBub .nextBubble {
		border-radius: 50%;
		background: #df9116;
		border: 3px solid #df9116;
		text-align: center;
		position: absolute;
		top: 410px;
		left: -150px;
		color: #fff;
		width: 125px;
		height: 125px;
		cursor: pointer;
	}
	
		.degreesBub .nextBubble img {
			margin: 20px 0 0 5px;
		}
	

	
/* Societies page styles */
.societiesWrap {
	background: url(../images/resources/societies/societies.jpg) center center fixed no-repeat;
	background-size: cover;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.societiesBlur {
	background: url(../images/resources/societies/societies_blur.jpg) center center fixed no-repeat;
	background-size: cover;
}

.societiesOuter {
	background: url(../images/resources/societies/societies_zoom.jpg) center center fixed no-repeat;
	background-size: cover;
}
	
.societiesBub {
	top: 15%;
	right: 3%;
	width: 500px;
	height: 500px;
}

	.societiesBub .infoBubble {
		background: #52c343;
		width: 500px;
		height: 500px;
		color: #fff;
	}
	
		.societiesBub .infoBubble h2 {
			margin-top: 75px;
			width: 75%;
		}
		
		.societiesBub .infoBubble p {
			width: 75%;
		}
		
		.societiesBub .infoBubble a.moreInfo {
			margin: 0 auto;
			width: 70%;
			display: block;
		}
	
	.societiesBub .connectingLine_next {
		padding: 0px;
		margin: 0px;
		height: 3px;
		background-color: #df9116;
		line-height: 1px;
		position: absolute;
		left: -45px;
		top: 40px;
		width: 126px;
		-moz-transform: rotate(-145.005944274815883deg);
		-webkit-transform: rotate(-145.005944274815883deg);
		-o-transform: rotate(-145.005944274815883deg);
		-ms-transform: rotate(-145.005944274815883deg);
		transform: rotate(-145.005944274815883deg);
	}
	
	.societiesBub .nextBubble {
		border-radius: 50%;
		background: #df9116;
		border: 3px solid #df9116;
		text-align: center;
		position: absolute;
		top: -100px;
		left: -150px;
		color: #fff;
		width: 125px;
		height: 125px;
		cursor: pointer;
	}
	
		.societiesBub .nextBubble img {
			left: 17px;
			top: 20px;
		}