@charset "utf-8";
/* CSS Document */
figure.handshake {
	text-align: center;
}
figure.handshake img {
	width: 400px;
	margin-top: 60px;
	position: relative;
}
figure.handshake figcaption {
	font-style: italic;
}
/*career pathways*/
.icons .row img {
	width: 60px;
	margin-top: 30px;
	float: left;
}
.icons .row p {
	text-align: center;
	margin-top: 33px; 
}
.darker {
	background: #006666;
}
.lighter {
	background: #2D8383;
}
.darker, 
.lighter {
	height: 245px;
	padding: 20px;
}
.darker > a,
.lighter > a {
	display: block;
	color: white;
	font-weight: 500;
	text-align: center;
}
.darker > a {
	margin-bottom: 5px;
	padding: 6px 10px;
	width: 80%;
	margin-left: 70px;
}
.lighter > a {
	height: 205px;
	padding: 70px;
	width: 77%;
}
a.ffs {
	background: #f07f00;
	margin-left: 40px;
}
a.iis { 
	background: #004651;
	margin-left: 15px;
}
a.ops{background: #E12E26;}
a.wealth{background: #8A2842;}
a.cnr{background: #6661AB;}
a.cmcf{background: #334E9E;}
a.if{background: #40AE49;}


.qBlocks .col-xs-3:last-child > a,
.qBlocks .col-xs-3:first-child > a {
	color: white;
	display: block;
	font-weight: 500;
	margin-bottom: 5px;
	padding: 6px 10px;
	text-align: center;
}
.qBlocks .arrow {
	margin-top: 50px;
}
.midBlock {
	background: #339f9f none repeat scroll 0 0;
	font-size: 16px;
	font-weight: 500;
	padding: 50px 10px;
	height: 200px;
	text-align: center;
	vertical-align: middle;
}
.midBlock > a {
	color: white;
}

.capmar {background: #334E9E;}
.if, .fib {background: #40AE49;}
.ops {background: #E12E26;}
.comp {background: #6661AB;}
.wealth {
	background: #8A2842;
	height: auto !important;
}
.ffs, .aib {background: #238C87;}

.org{background-color: #f58420;}

.container_wrapper {
    margin-bottom: 100px !important;
}


@media (max-width: 1599px) {
	.lighter > a {
		padding: 50px;	
	}
}
@media (max-width: 1199px) {
	.lighter > a {
		padding: 60px 0 0 0;
	}
}
@media (max-width: 991px) {
	.lighter > a {
		padding: 60px 3px 0 0;
	}
}
@media (max-width: 768px) {
	.lighter > a {
		padding: 100px 0 0 0;
	}
	a.ffs {
		margin: 0 auto;
	}
	a.iis {
		margin: 0 auto;
	}
	h2.cp {
		text-align: center;
		margin-bottom: 20px;
		font-weight: 400;
	}
}
@media (max-width: 560px) {
	.darker a {
		margin: 0 auto 5px auto;
	}
}
.landerText {
    height: auto !important;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px 30px 30px 30px;
    margin-bottom: 0;
    height: auto !important;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
}
.fac .container div a {
	background: #00B5D0;
	color: white;
}
.whyLogos img {
	width: 50px;
	margin-bottom: 30px;
}
a .btn-default .paths {
	margin-top: 20px;
}
.iocBlock {
	background-image: url('/cisiweb2/image/qualifications/iocheader.jpg');
	background-size: cover;
	background-position: 5% 10%;
	background-attachment: fixed;
}
.iocBlock h1,
.iocBlock h2 {
	color: #E12E26;
	margin-top: 0px !important;
}
/*revised*/
.iocText2,
.iocFact2, .cnrText2 {
	background-color: rgba(255,255,255,0.8);
	padding: 30px;
}
.iocFact2 {
	margin-bottom: 60px;
}
.iocText2, .cnrText2 {
	margin-top: 60px;
	margin-bottom: 35px;
}
.points {
	margin-bottom: 10px;
}
.points span.point {
	color: red;
	margin-bottom: 
}
.cnrBlock {
	background-image: url('/cisiweb2/image/qualifications/cfc.jpg');
	background-size: cover;
	background-position: 5% 10%;
	background-attachment: fixed;
}
.cnrText2 h1 {
	margin-top: 0px !important;
	color: #8c57c6;
}
.cnrText2 img {
	max-width: 150px;
	display: block;
	margin: 0 auto;
}

.pn {
	margin-top: 35px;
}
.pn .sfContentBlock {
	text-align: center;
}
.pn img.mem {
	height: 186px;
}
.philNac {
	text-align: center;
}
.philNac h3 {
	margin: 5px auto 0;
}
.philNac h4 {
	margin-bottom: 0;
}
.philNac h5 {
	margin-top: 0;
}

.lp img,
.training img {
	padding: 15px;
	max-height: 100px;
}
.modal-body {
	padding: 0px !important;
}
.modal-body h2 {
	margin-top: 10px;
}
.modal-body h4 {
	margin-top: 0px;
}
.modal-body .closeButton {
    background: none;
    border: none;
    position: absolute;
    top: 10px;
    right: 5px;
}
.well {
	margin-bottom: 0px !important;
}
.sponsors img {
	margin: 20px;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	display: inline-block;
	max-width: 180px;
	max-height: 120px;
}
@media (max-width: 1599px) { 
	.iocBlock {
		background-position: 5% 30%;
	}
}
@media (max-width: 1199px) {
	.iocBlock {
		background-position: 5% 30%;
	}
}
@media (max-width: 991px) {
	.iocBlock {
		background-position: center;
	}
	.whyLogos p {
		text-align: center;
	}
}
@media (max-width: 767px) {
	.iocBlock {
		background-position: center;
	}

}

/*temporary fix for title*/
.temp {
	padding-top: 170px;
}

/*box on intro block*/
.copy {
	background: none repeat scroll 0 0 rgba(0, 102, 102, 0.85);
	color: #ffffff !important;
	padding: 1px 40px 20px;
	height: auto;
}
.myButton {
	position: absolute;
}
.sfimagesList {
    list-style: none;
    text-align: center;
}
.sfimagesList li {
    display: inline;
}
.sfimagesList li a{
	cursor:inherit;
}
.quickLinks {
	margin-top:120px !important;
}	
.quickLinks .sfContentBlock {
    text-align: center;
}
.quickLinks h1 {
	margin-top:6px !important;	
}
.globalStats {
	margin-top:100px !important;
	background-image:url('/cisiweb2/image/homepage/globalstats.jpg');
    background-position: center center;
	background-attachment:fixed;
	background-size:cover;	
}
.isMobile .globalStats {
	background-attachment:scroll;
}
.globalStats .memberStat, .globalStats .examStat {
	font-size:60px;
	color:#ffffff;
	font-weight:200;	
}
.globalStats .memberStat {
	margin-top:60px;	
}
.globalStats .examStat {
	margin-top:20px;
	margin-bottom:50px;	
	text-align:right;
}
.globalStats .memberStat .member {
	display:inline-block;
	text-align:right;
}
.globalStats .examStat .exam {
	display:inline-block;
}
.map {
	margin-bottom:-83px !important;	
	position:relative;
}
.map .bookNow {
	 background:rgb(75, 174, 174);
 	background:rgba(75, 174, 174, 0.9);
    color: #ffffff;
    height: 100%;
    left: 0;
    padding: 1% 1% 2% 10%;
    position: absolute;
    top: 0;
    width: 35%;
}
.map h2, .map a {
	color:#ffffff !important;	
}
.map iframe {
	margin-bottom:-10px !important; 	
}
.map .container-fluid {
	padding:0px;
	overflow:hidden;	
}
.etImage {
	width:170px !important;
	border-radius:200px;
	height:170px;
	background-size:100% 100%;
	margin:auto;
}

.modal-body .etImage {
    float: right;
    margin-bottom: 20px;
    margin-left: 30px;
    margin-top: 40px;
}
.et {
	text-align:center;
}

.mainWrapper .et h4 {
	font-size:20px !important;
	text-align:center !important;
	margin-top:20px !important;	
}
.et h5 {
	text-align:center !important;	
}
.et div p {
	color:#ffffff;
	opacity:0;
	font-size:14px;
	width:170px;
	height:170px;
	border-radius:200px;
		background:rgb(46,158,158);
	background:rgba(46,158,158,0.9);

	transition: opacity 0.35s;
}
.et div:hover p{
	opacity:1;
}

/*.sliderContainer {
	margin-top: -20px !important;
}*/

.sliderContainer,               
.sliderContainer .bx-wrapper,   
.sliderContainer li {                    
    height: 600px;
	overflow:hidden;
}
.sliderContainer li > div {
	height:100%;	
}


.sliderContainer .bx-pager {
 /*   margin-top: 10px;*/
    width: 100%;
    text-align: center;
	position:absolute;
}
.sliderContainer .bx-pager-item {
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.sliderContainer .bx-pager-link {
    display: block;
    height: 10px;
    width: 10px;    
    margin: 0 4px;    
    background: none repeat scroll 0 0 #afafaf;
    border-radius: 6px;
    outline: 0 none;
/*    text-indent: -9999px;*/
    font-size: 0;
}
.sliderContainer .bx-pager-link.active {
    background: none repeat scroll 0 0 #449e9e;
}

.sliderContainer .bx-controls-direction .bx-prev {
    left: 0;
}
.sliderContainer .bx-controls-direction .bx-next {
    right: 0;
}

.sliderContainer .bx-controls-direction .bx-prev, .sliderContainer .bx-controls-direction .bx-next {
	position: absolute;
    top: 200px;    
    height: 140px;
    width: 80px;   
    background-image: url("/cisiweb2/image/master/bxslidercontrols.png") !important;  
	color:transparent;
}
.sliderContainer .bx-controls-direction .bx-prev  {
	background-position:0px 142px;   
}

.sliderContainer .bx-controls-direction .bx-next  {
	background-position:80px 142px;
}

.sliderContainer .bx-controls-direction .bx-prev:hover  {
	background-position:0px 0px;   
}

.sliderContainer .bx-controls-direction .bx-next:hover  {
	background-position:80px 0px;
}

#survey {
height:630px;	
}

.branchBlog {
    list-style: outside none none;
    padding: 0px;
}
.mycisiBlock.blogHeader {
    margin-bottom: 0 !important;
}
ul.branchBlog li {
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 30px;
    padding-bottom: 20px;
}
ul.branchBlog li:last-child {
	border-bottom: 0px solid #dfdfdf;
    margin-bottom: 0px;
    padding-bottom: 10px;	
}
ul.branchBlog li h2, .branchBlog h2 {
    font-size: 20px;
    margin-top: 0;
}
ul.branchBlog li h2 > a {
    font-weight: 300;
	color:#006666;
}
ul.branchBlog li .summary {
    font-size: 14px;
    margin-bottom: 10px;
}
ul.branchBlog li .authorDate {
    color: #222222;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
}
ul.branchBlog li .readMore {
    color: #222222;
    font-size: 14px;
    font-weight: 500;
    margin-left: 4px;
    padding-left: 6px;
	background:none;
}
.quickLinks .gifLogoSrilanka {
    width: 150px !important;
}






@media (min-width: 992px) {
	ul.branchBlog li h2, .branchBlog h2 {
		font-size: 24px;
	}
	ul.branchBlog li {
		margin-bottom: 40px;
		padding-bottom: 30px;
	}
}


@media (max-width : 1199px) {
	.map .bookNow {
		width: 40%;
	}
	.sliderContainer,               
	.sliderContainer .bx-wrapper,   
	.sliderContainer li {                    
		height: 400px;
	}

	.globalStats {
		margin-top:50px !important;	
	}
	.globalStats .memberStat, .globalStats .examStat {
		font-size:40px;
		color:#ffffff;
		font-weight:200;	
	}
	/*icons not behaving at this size*/
	/*.quickLinks img {
		width:50px !important;	
	}*/
	.quickLinks .sfContentBlock {
		margin-bottom:20px;	
	}
	.sliderContainer .bx-controls-direction .bx-prev, .sliderContainer .bx-controls-direction .bx-next {
		display:none;
	}
	.quickLinks .gifLogoSrilanka {
		width: 80px !important;
	}
}

@media (max-width : 991px) {
	.map .bookNow {
		width: 100%;
		height:330px;
		position:relative;
	}
	.map iframe {
		display:none;	
	}
	
	.quickLinks {
		margin-top: 50px !important;
	}
	.quickLinks p {
		font-size:14px !important;	
	}
	.globalStats .memberStat, .globalStats .examStat {
		font-size:24px;
		color:#ffffff;
		font-weight:200;	
	}
	.globalStats .memberStat .member {
		width:80px !important;	
		display:inline-block;
		text-align:right;
	}
	
	.globalStats .examStat .exam {
		display:inline-block;
		width:80px !important;	
	}
		.sliderContainer,               
	.sliderContainer .bx-wrapper,   
	.sliderContainer li {                    
		height: 500px;
	}
}

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

}

@media (max-width: 767px) {
	#survey {
height:800px !important;	
}
	.et {
		min-height:0px;	
	}
	.map .bookNow {
		width: 100%;
		height:400px;
		position:relative;
	}
}


/* CSS below to override S&IR styles */

.mainHeader {
    background: none !important;
    /*min-height: 0px !important;*/
}
.itemList .item {
    width: 50% !important;
	padding:0px 10px 10px 10px !important;
	margin-top:0px !important;
	margin-bottom:10px !important;
}
.itemList .itemBox {
    background-color: #eee;
}
.itemContent{
	padding: 15px;
}
.readMore,
.readMore:visited {
	float: right;
	padding: 4px 8px;
	color: white;
	background-color:#006666;
	font-size:11px;
	font-weight:bold;
}
.readMore:hover, 
.readMore:active {
    color: white;
	background-color:#168383;
	text-decoration: none;
}
.sliderList,
.itemList {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.sliderList li,
.itemList li {
    display: block;
}
.itemList .itemTitle {
    font-size: 16px !important;    
	margin-bottom: 10px !important;
    margin-top: 0px !important;
	font-weight:300 !important;
}
.itemList .itemBody {
    font-size: 11px !important;
	font-family:Arial, Helvetica, sans-serif;
    line-height: normal !important;
	color:#888888;
}
.itemImage {
    overflow: hidden;
	max-height:200px;
}
.itemImage img {
    width: 100%;
}

@media (max-width : 1599px) {
	.itemList .item {
		width: 50% !important;
	}
	.itemImage {
max-height:150px;
    overflow: hidden;
}
}
@media (max-width : 1199px) {
	.itemList .item {
		width: 50% !important;
	}
	.itemList .itemBody {
		display:none;
	}
	.itemImage {
		max-height: 150px;
		overflow: hidden;
	}
	.itemList .itemTitle {
    	font-size: 18px !important;
		margin-bottom: 0px !important;
	    margin-top: 0px !important;   
	}
}
@media (max-width: 767px) {
	.itemList .item {
		width: 100% !important;
	}
	.itemImage {
		max-height: 200px;
		overflow: hidden;
		margin-top:-20px;
	}	
}
/* -- */
.logos{
	text-align: center;
	margin-top: 40px;
}
.logos img{
	margin: 40px;
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    display: inline-block;
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;
    vertical-align: middle;
	max-width: 250px;
    max-height: 122px;
}