@charset "utf-8";
/* CSS Document */
#sectionA .col-sm-5 {
    width: 41.5%;
}


.introWrapper {
	background-image:url('/cisiweb2/image/education/schoolscollegesheader.jpg');
    background-position: right top;
    background-size: cover;
	background-attachment:fixed;
}
.pageTabContainer .container-fluid {
	padding-left:0px;
	padding-right:0px;	
}
.pageTabContainer .pageTabs {
	background:#efefef;	
}
.tab-content .section {
	margin-bottom:80px;
}
.ks4 {
	background:#f8a85f;
	color:#ffffff;	
	padding:20px;
	font-size:20px;	
	margin-bottom:20px;
}
.ks4:hover {
	background:#f9b16f;
	cursor:pointer;
}
.ks5Link {
	text-decoration:none !important;	
}
.ks5 {
	background:#2c8e8e;
	color:#ffffff;
	padding:20px;	
	font-size:20px;
	margin-bottom:20px;
}
.ks5 > div {
	background:#00aeef;
	padding:12px 15px;	
}
.ks5 > div:hover {
	background:#00baff;
	cursor:pointer;
}
.ks4 h3, .ks5 h3 {
	color:#ffffff !important;
	margin-top:0px !important;	
	font-weight:400 !important
}
.further {
	background:#e0f3f3;
	padding:20px;
	font-size:14px;
	margin-bottom:20px;
}
.furtherLink {
	text-decoration:none !important;	
}
.further:hover {
	background:#ecf8f8;
	cursor:pointer;
	
}
.further h3 {
	margin-top:0px !important;	
	font-weight:400 !important	
}
.orangeArrow, .greenArrow {
    font-size: 2em;
    position: absolute;
    right: -9px;
}
.orangeArrow:first-child {
    color: #f8a85f;	    
	top: 20px;	
}
.greenArrow:first-child {
    color: #2c8e8e;		
    top: 20px;
}
.greenArrow:nth-child(2) {
    color: #2c8e8e;		
    top: 164px;
}
.greenArrow:nth-child(3) {
    color: #2c8e8e;		
    top: 311px;
}

/*.moduleBlock {
   background-color: #3a9898;
    color: #ffffff;
    display: inline-block;
    padding: 20px;
    width: 30%;
	vertical-align:top;
	font-size:20px;
	text-align:center;

}
.certBlock {
   background-color: #01aef0;
    color: #ffffff;
    display: inline-block;
    padding: 20px;
    width: 30%;
	vertical-align:top;
	text-align:center;
		font-size:20px;
}
.certBlock:hover {
	background-color:#1ab6f1;
	cursor:pointer;	
}

.plus {
	display:inline-block;	
	padding:0 1%;
	color: #3a9898;
	font-size: 50px;
}*/
.block {
	background: none repeat scroll 0 0 #e0f3f3;
	margin-bottom: 30px;
	padding: 1px 40px 40px;	
}
.block h4 {
	margin-bottom:0px !important;	
}

.unitBlock > div {
    background: #2c8e8e none repeat scroll 0 0;
    color: #fff;
	font-weight:500;
	font-size:16px;
    padding: 20px 15px;
	text-align:center;
}
.pointer {
	cursor:pointer;	
}
.unitBlock.old > div {
    background: #7ca0a9 none repeat scroll 0 0;
}
.cert3Block > div {
	background:#2c8e8e;	
	padding:30px 40px;
}
.learningObjective {
    background: #efefef none repeat scroll 0 0;
    padding: 20px 30px;
}
.col-sm-3.unitBlock, .col-sm-6.unitBlock {
    padding: 0 10px;
}

.section.greyBlock {
    background: #f2f2f2 none repeat scroll 0 0;
    padding: 50px 0 80px;
}


@media (min-width : 1599px) {
	.whyImage {
		margin-top:-40px !important;
		
	}
}

@media (max-width : 1599px) {
	.embed-responsive {
		margin-top:40px;	
	}
}

@media (max-width : 1199px) {
	.whyImage {
		width:250px !important;
	}
	.greenArrow:nth-child(2) {
		top: 170px;
	}
	.greenArrow:nth-child(3) {
		top: 350px;
	}
	/*.moduleBlock {
		padding: 10px;
		font-size:18px;
		width: 28%;
	}
	.certBlock {
		padding: 10px;
				font-size:18px;
		width: 28%;
	}
	.plus {
		font-size: 38px;
	}*/
}

@media (max-width : 991px) {
	.whyImage {
		width:200px !important;
	}
	.unitBlock > div {
		margin-bottom:10px;
	}

}

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

}

/*@media (max-width: 767px) {

	.moduleBlock {
		display: block;
		padding: 10px;
		width: 100%;
		vertical-align:top;
	}
	.certBlock {
		display: block;
		padding: 10px;
		width: 100%;
		vertical-align:top;
		text-align:center;
	}
	.plus {
		display:block;	
		width:100%;
		text-align:center;
		padding:0;
		color: #3a9898;
		font-size: 38px;
	}
}*/




.moduleBlock {
   background-color: #53aeae;
    color: #ffffff;
    display: inline-block;
    padding: 20px;
    width: 30%;
	vertical-align:top;
	font-size:20px;
	text-align:center;
	/*cursor:pointer;*/
}
.moduleWrapBlock {
    background-color: #c0d4d4;
    color: #ffffff;
    display: inline-block;
    padding: 20px;
    width: 30%;
	vertical-align:top;
	text-align:center;
}
.moduleInnerBlock {
   background-color: #53aeae;
    color: #ffffff;
    display: block;
    padding: 10px;
    width: 100%;
	vertical-align:top;
	font-size:16px;
	text-align:center;
	/*cursor:pointer;*/
}

.plus {
	display:inline-block;	
	padding:0 1%;
	color: #3a9898;
	font-size: 40px;
	line-height:normal;
}

.quote {
    font-size: 20px;
    padding: 0px 30px 30px;
    text-align: center;
	background-image:url("/cisiweb2/image/education/quote.png")
}

@media (max-width : 1599px) {

}

@media (max-width : 1199px) {
	.moduleBlock {
		padding: 10px;
		font-size:18px;
		width: 28%;
	}
	.plus {
		font-size: 38px;
	}
}

@media (max-width : 991px) {
	.moduleBlock {
		display: block;
		padding: 10px;
		width: 100%;
		vertical-align:top;
	}
	.plus {
		display:block;	
		width:100%;
		text-align:center;
		padding:0;
		color: #3a9898;
		font-size: 38px;
	}
	.moduleWrapBlock {
		background-color: #bfbfbf;
		color: #ffffff;
		display: inline-block;
		padding: 20px;
		width: 100%;
		vertical-align:top;
		text-align:center;
	}
	.moduleInnerBlock {
	   background-color: #53aeae;
		color: #ffffff;
		display: block;
		padding: 10px;
		width: 100%;
		vertical-align:top;
		font-size:16px;
		text-align:center;
	}
}

.notice {
    margin-top: 0;
    font-size: initial;
    background-color: #e17c00;
    color: white;
    border-radius: 12px;
    padding: 6px 20px;
    display: inline-block;
}