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

.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:10px;	
	text-align:right;
}

.globalStats .memberStat .member {
	width:180px !important;	
	display:inline-block;
	text-align:right;
}

.globalStats .examStat .exam {
	display:inline-block;
	width:180px !important;	
}

.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;
}

@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;	
	}
	.quickLinks img {
		width:50px !important;	
	}
	.quickLinks .sfContentBlock {
		margin-bottom:20px;	
	}
	.sliderContainer .bx-controls-direction .bx-prev, .sliderContainer .bx-controls-direction .bx-next {
display:none;
}
}

@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;
	}	
}
/* -- */