@charset "utf-8";
/* CSS Document */

.introWrapper {
	background-image: url('/cisiweb2/image/membership/studentmembership.jpg');
	background-position: center top;
}

.greyWrapper {
	background: url('/cisiweb2/image/membership/applications.jpg');
	background-size: cover;
	background-attachment: fixed;
	background-position: bottom center;
}


.membershipBlock .sfContentBlock {
	background-image: url('/cisiweb2/image/membership/membershipsmall2.jpg');
	background-position: center top;
	background-size: cover;
	padding: 10px 40px 20px;
}

.qualsBlock .sfContentBlock {
	background-image: url('/cisiweb2/image/membership/qualssmall2.jpg');
	background-position: center top;
	background-size: cover;
	padding: 10px 40px 20px;
}

.membershipBlock .sfContentBlock .content,
.qualsBlock .sfContentBlock .content,
.qualsBlock .sfContentBlock .content h2,
.membershipBlock .sfContentBlock .content h2 {
	color: #ffffff !important;
}

.study {
	background: url("/cisiweb2/image/membership/courses.jpg") repeat scroll right 90% rgba(0, 0, 0, 0)
}

.study .container {
	padding: 60px 250px 100px 0;
}

img.totumPro {
	float: none;
	margin-left: 0px;
	width: 100%;
}

.limitedOffer {
	background: #186bb5;
	color: #fff;
	padding: 20px;
}

@media (min-width : 768px) {
	img.totumPro {
		float: right;
		margin-left: 20px;
		width: 200px;
	}
}

@media (min-width : 1599px) {}

@media (max-width : 1599px) {
	.study .container {
		padding: 60px 350px 100px 50px;
	}

}

@media (max-width : 1199px) {
	.introWrapper {
		box-shadow: 0 0 200px rgba(0, 0, 0, 0.9) inset, 0px 0 500px rgba(0, 0, 0, 0.9) inset, 600px 0 500px rgba(0, 0, 0, 0.6) inset;
	}
}

@media (max-width : 991px) {

	.membershipBlock .sfContentBlock {
		margin-bottom: 20px;
	}

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {}

@media (max-width: 767px) {
	.study {
		background: none
	}

	.study .container {
		padding: 15px;
	}

}