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

.introWrapper {
	background-image:url('/cisiweb2/image/qualifications/studywithusheader.jpg');
	background-position:center center;
}
.qualSections .sf_cols {
	width: 100% !important;
}
.eqf {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	width:50%;	
}
#examListGroup {
	margin: -15px !important;
	padding: 0 !important;
}
#exam .cisiFieldWrapper.selectWrapper {
    margin-top: 20px;
    padding: 0;
}
#exam .waiting {
    position: absolute;
    top: 50px;
}
#exam {
	position: relative;
}
.qualsIntro {
	margin-bottom:0px !important;	
}

.qualSections .container-fluid {
	padding:0px;	
	margin:15px !important; 
}
.qualSections .sfContentBlock {
	margin-bottom:0px !important;
	padding: 0px 10px;	
}
.foundation2 a.btn.btn-default {
    padding: 8px 14px;
}
.operationsBlock, .wealthBlock, .riskBlock, .capitalBlock, .islamicBlock, .schoolsBlock, .fpBlock, .foundation2Block, .greenBlock {
	height:300px;
	box-sizing:border-box;
	padding:0px;
	background-size:cover;
	background-position:center center;
	text-align:center;	
	cursor:pointer;
	overflow:hidden;
}
.foundationBlock {
	height:180px;
	box-sizing:border-box;
	padding:0px;
	background-size:cover;
	background-position:center center;
	text-align:center;	
	cursor:pointer;
	overflow:hidden;
	margin-bottom: 0 !important;
    margin-left: -15px !important;
    margin-right: -15px !important;	
}
.operationsBlock h2, .wealthBlock h2, .riskBlock h2, .islamicBlock h2, .fpBlock h2, .foundation2Block h2 {
	font-size:30px !important;
	font-weight:400 !important;
	color:#ffffff !important;	
	/*transform: translate3d(0,170%,0);*/
	transition: transform 0.35s;
}
.greenBlock h2 {
	font-size:30px !important;
	font-weight:400 !important;
	color:#ffffff !important;	
	/*transform: translate3d(0,90%,0);*/
	transition: transform 0.35s;
}
.foundationBlock h2 {
	font-size:30px !important;
	font-weight:400 !important;
	color:#ffffff !important;	
	/*transform: translate3d(0,20%,0);*/
	transition: transform 0.35s;
}
.schoolsBlock h2, .capitalBlock h2 {
	font-size:30px !important;
	font-weight:400 !important;
	color:#ffffff !important;	
	/* transform: translate3d(0,60%,0);
	transition: transform 0.35s; */
}
.operationsBlock p, .wealthBlock p, .riskBlock p, .islamicBlock p, .fpBlock p, .foundation2Block p, .greenBlock p {
	color:#ffffff;
	/*opacity:0;*/
	padding:0 5%;
	font-size:14px;
	/* margin-top:40px; */
	/* transform: translate3d(0,0%,0); */
	transition: transform 0.35s;
	transition: opacity 0.35s;
}
.foundationBlock p {
	color:#ffffff;
	/* opacity:0; */
	padding:0 10%;
	font-size:14px;
	/* margin-top:10px; */
	/* transform: translate3d(0,-20%,0); */
	transition: transform 0.35s;
	transition: opacity 0.35s;
}
.schoolsBlock p, .capitalBlock p {
	color:#ffffff;
	/* opacity:0; */
	padding:0 10%;
	font-size:14px;
	/* margin-top:40px; */
	/* transform: translate3d(0,30%,0); */
	transition: transform 0.35s;
	transition: opacity 0.35s;	
}
.foundationBlock {background-image:url('/cisiweb2/image/qualifications/foundationblock.jpg');}
.foundation2Block {background-image:url('/cisiweb2/image/qualifications/foundationblock.jpg');}
.operationsBlock {background-image:url('/cisiweb2/image/qualifications/operationsblock.jpg');}
.wealthBlock {background-image:url('/cisiweb2/image/qualifications/wealthblock.jpg');}
.riskBlock {background-image:url('/cisiweb2/image/qualifications/riskblock.jpg');}
.capitalBlock {background-image:url('/cisiweb2/image/qualifications/capitalmarketsblock.jpg');}
.islamicBlock {background-image:url('/cisiweb2/image/qualifications/islamicfinanceblock.jpg');}
.schoolsBlock {background-image:url('/cisiweb2/image/qualifications/schoolsblock.jpg');}
.fpBlock {background-image:url('/cisiweb2/image/qualifications/fpBlock3.jpg');}
.greenBlock {background-image:url('/cisiweb2/image/qualifications/greenblock.jpg');}
.operations, .wealth, .risk, .capital, .islamic, .schools, .fp, .foundation2 {
	height:356px;	
}
/* 
.operationsBlock:hover h2, .wealthBlock:hover h2, .riskBlock:hover h2, .islamicBlock:hover h2, .fpBlock:hover h2 {
	transform: translate3d(0,50%,0);	
}
.greenBlock:hover h2 {
	transform: translate3d(0,-10%,0);
}
.foundation2Block:hover h2 {
	transform: translate3d(0,0%,0);
}
.foundationBlock:hover h2 {
	transform: translate3d(0,-50%,0);	
}
.schoolsBlock:hover h2, .capitalBlock:hover h2 {
	transform: translate3d(0,0%,0);	
}
.operationsBlock:hover p, .wealthBlock:hover p, .riskBlock:hover p, .islamicBlock:hover p, .fpBlock:hover p {
	transform: translate3d(0,0%,0);	
	opacity:1;
}
.greenBlock:hover p {
	transform: translate3d(0,-20%,0);	
	opacity:1;
}
.foundation2Block:hover p {
	transform: translate3d(0,-15%,0);	
	opacity:1;
}
.foundationBlock:hover p {
	transform: translate3d(0,-20%,0);	
	opacity:1;
}
.schoolsBlock:hover p, .capitalBlock:hover p {
	transform: translate3d(0,-30%,0);	
	opacity:1;
}
.operationsBlock:hover, .wealthBlock:hover, .riskBlock:hover, .capitalBlock:hover, .islamicBlock:hover, .schoolsBlock:hover, .fpBlock:hover, .foundation2Block:hover, .greenBlock:hover {
	transition:all 0.35s ease-in-out;
}
.foundationBlock:hover {
	transition:all 0.35s ease-in-out;
} */

.factContainer {
	text-align:center;	
	margin-top:40px;
}

.fact {
	display:inline-block;
	zoom: 1;
    *display: inline;
	text-align:center;	
	font-size:25px;
	font-weight:200;
	margin-left:25px;
	margin-right:25px;
	margin-bottom:50px;
}

.fact img {
	margin-bottom:15px;	
}


#exam .btn-group {
    /*margin-top: -70px;*/
	width:100% !important;
}
#exam .select {
    width: 50% !important;
}
#exam #examListButton {
    width: 600px !important;
}
#exam #examListList {
    width: 100% !important;
}

@media (max-width : 1599px) {

.operationsBlock h2, .wealthBlock h2, .riskBlock h2, .capitalBlock h2, .islamicBlock h2, .schoolsBlock h2, .fpBlock h2, .foundation2Block h2, .greenBlock h2 {
	font-size:30px !important;
}

}

@media (max-width : 1199px) {
#exam .btn-group {
    margin-top: -20px;
}

.operationsBlock, .wealthBlock, .riskBlock, .capitalBlock, .islamicBlock, .schoolsBlock, .fpBlock, .foundation2Block, .greenBlock {
	height:auto;
	min-height:330px;
}
.foundationBlock {
	height:auto;
	min-height:200px;
	
}

.operationsBlock h2, .wealthBlock h2, .riskBlock h2, .capitalBlock h2, .islamicBlock h2, .schoolsBlock h2, .fpBlock h2, .foundationBlock h2, .foundation2Block h2, .greenBlock h2 {
	font-size:24px !important;
	transform: none;
}

.operationsBlock p, .wealthBlock p, .riskBlock p, .capitalBlock p, .islamicBlock p, .schoolsBlock p, .fpBlock p, .foundationBlock p, .foundation2Block p, .greenBlock p {
	opacity:1;
	padding:0 5%;
	font-size:14px;
	line-height:normal;
	margin-top:20px;
	transform: none;
}

.operations, .wealth, .risk, .capital, .islamic, .schools, .fp, .foundation2, .green {
	height:auto;	
	min-height:250px;
}

.operationsBlock:hover h2, .wealthBlock:hover h2, .riskBlock:hover h2, .capitalBlock:hover h2, .islamicBlock:hover h2, .fpBlock:hover h2, .foundationBlock:hover h2, .foundation2Block:hover h2, .greenBlock:hover h2 {
	transform: none;	
}
.schoolsBlock:hover h2 {
	transform: none;	
}

.operationsBlock:hover p, .wealthBlock:hover p, .riskBlock:hover p, .capitalBlock:hover p, .islamicBlock:hover p, .fpBlock:hover p, .foundationBlock:hover p, .foundation2Block:hover p, .greenBlock:hover p {
	transform: none;	
	opacity:1;
}
.schoolsBlock:hover p {
	transform: none;	
	opacity:1;
}


}

@media (max-width : 991px) {
	.operationsBlock, .wealthBlock, .riskBlock, .capitalBlock, .islamicBlock, .schoolsBlock, .fpBlock, .foundation2Block, .greenBlock {
		height:auto;
		min-height:0px;
	}
	
	.operations, .wealth, .risk, .capital, .islamic, .schools, .fp, .foundation2, .green {
		height:auto;	
		min-height:0px;
	}
	#examListGroup .selectButton, #examListGroup .dropdown-menu {
		width: 100% !important;
	}

	#examDetails {
		margin-top:20px;	
	}
	.eqf {
	width:100%;	
}
	#exam #examListButton {
        width: 400px !important;
    }
    .wrsa .col-lg-3 {
        margin-bottom: 40px;
    }
}




.allQuals {
    background: url('/cisiweb2/image/qualifications/quals1.jpg');
}
.qualsNav {
    background: url('/cisiweb2/image/qualifications/quals2.jpg');
}
.allQuals,
.qualsNav {
    padding: 20px 20px;
    min-height: 200px;
    background-size: cover;
    background-position: center center;
    color: #fff;
    font-size: 20px;
    margin: 0px 0px 40px 0px;
    box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
    transition: all 0.3s;
    line-height: 1.3;
}

.allQuals:hover,
.qualsNav:hover {
    box-shadow: 0px 5px 20px rgba(0,0,0,0.4);
}
.wrsa {
    text-align: center;
}

.wrsa span.fas {
    font-size: 65px;
    color: #22c0c0;
}
.showAll,
.showNav,
.gifLink {
    cursor:pointer;
}

@media (min-width : 768px) {
    .allQuals,
    .qualsNav {
        padding: 25px 25px;
        min-height: 250px;
        font-size: 22px;
    }

}
@media (min-width : 992px) {
    .allQuals,
    .qualsNav {
        padding: 25px 25px;
        min-height: 250px;
        font-size: 22px;
    }

}
@media (min-width : 1200px) {
    .allQuals,
    .qualsNav {
        padding: 30px 30px;
        min-height: 300px;
        font-size: 30px;
    }

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


}