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

/* Welcome tile */
.sliderContainer li .welcome.uk {
	background-image:url('/cisiweb2/image/aboutus/aboutus2.jpg');
	background-position:center center;
	color:#ffffff !important;
	background-size:cover;
}
.sliderContainer li .welcome.singapore {
	background-image:url('/cisiweb2/image/homepage/singapore2.jpg');
	background-position:center 30%;
}
.sliderContainer li .welcome.srilanka {
	background-image:url('/cisiweb2/image/homepage/srilanka2.jpg');
	background-position:center 30%;
}
.sliderContainer li .welcome.india {
	background-image:url('/cisiweb2/image/homepage/india.jpg');
	background-position:center 30%;
}
.sliderContainer li .welcome.ireland {
	background-image:url('/cisiweb2/image/homepage/ireland2.jpg');
	background-position:center 30%;
}
.sliderContainer li .welcome.hongkong {
	background-image:url('/cisiweb2/image/homepage/hongkong.jpg');
	background-position:center 30%;
}

.sliderContainer li .christmas {
	background-image:url('/cisiweb2/image/homepage/christmas.jpg');
	background-position:center 30%;
}


.ireland .copy {
background: none repeat scroll 0 0 rgba(0, 102, 102, 0.85);
    color: #ffffff !important;
    padding: 1px 40px 20px;
	height:auto;	
}
.ireland .copy h1, .ireland .copy h5 {
color:#ffffff !important;	
}

.hongkong .container h1 {
    margin-top: 0;
}

.sliderContainer li .welcome .container {
	padding-right:44%;
	padding-left:0%;
	padding-top:4%;
}
.sliderContainer li .christmas .container {
	padding-right:25%;
	padding-left:0%;
	padding-top:8%;
}
.sliderContainer li .welcome.uk .container {
	padding-right:44% !important;
	padding-left:0%;
	padding-top:3%;
}
.sliderContainer li .welcome h1 {
	font-size:60px !important;	
}
.sliderContainer li .welcome.christmas h1 {
	font-size:50px !important;	
	color:#cd0000;
}
.sliderContainer li .welcome h5 {
	font-size:34px !important;
	font-weight:200;
	color:#444444;
	margin-bottom:20px;
}	
.sliderContainer li .welcome.christmas h5 {
	font-size:30px !important;
	font-weight:200;
	color:#222222;
	margin-bottom:20px;
}	
.sliderContainer li .welcome.uk h1 {
	color:#ffffff !important;
}
.sliderContainer li .welcome.uk h5 {
	color:#c4dddd !important;
}
.sliderContainer li .welcome .ifp {
	font-size: 28px !important;	
}
@media (max-width : 1599px) {
	.sliderContainer li .welcome h1 {
		font-size:50px !important;	
	}
	.sliderContainer li .welcome h5 {
		font-size:30px !important;
	}
	.sliderContainer li .welcome .container {
	padding-right:50%;
	padding-left:4% !important;
	padding-top:4%;
}	
.sliderContainer li .christmas .container {
	padding-right:20%;
	padding-left:0%;
	padding-top:10%;
}
	.sliderContainer li .welcome.uk .container {
		padding-right:50% !important;
		padding-left:4% !important;
	}
	.sliderContainer li .welcome .ifp {
	font-size: 24px !important;	
}
}

@media (max-width : 1199px) {
	.sliderContainer li .welcome {background-size:160%;}
	.sliderContainer li .welcome h1 {
		font-size:40px !important;	
	}
	.sliderContainer li .welcome h5 {
		font-size:20px !important;
	}	
	.sliderContainer li .welcome .ifp {
	font-size: 18px !important;	
}
	.sliderContainer li .welcome p {
		font-size:14px !important;	
	}
	.sliderContainer li .welcome {
		background-size:160%;
	}
	.sliderContainer li .welcome.uk .container {
	padding-right:40%;
	padding-left:0%;
	padding-top:0%;
}
.sliderContainer li .welcome.uk .container .btn {
	padding:5px 10px !important;	
}
.sliderContainer li .christmas .container {
	padding-right:20%;
	padding-left:0%;
	padding-top:5%;
}
.sliderContainer li .welcome.christmas h5 {
	font-size:24px !important;
	font-weight:200;
	color:#222222;
	margin-bottom:20px;
}
.sliderContainer li .welcome.christmas h1 {
	font-size:40px !important;	
	color:#900;
}
}
@media (max-width : 991px) {
	.sliderContainer li .welcome .container {
		padding-right:5% !important;
		padding-left:5% !important;
		padding-top:5% !important;
		padding-bottom:5% !important;
			 	background: none repeat scroll 0 0 rgb(255, 255, 255);
	 	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
		width:100%;
	}
	.sliderContainer li .welcome {background-size:cover !important;}
	.sliderContainer li .welcome h1 {
		font-size:30px !important;	
	}
	.sliderContainer li .welcome h5 {
		font-size:20px !important;
	}	
	.sliderContainer li .welcome p {
		font-size:16px !important;	
	}
	.sliderContainer li .welcome.uk .container {
		padding-right:5% !important;
		color:#444444 !important;
	}
	.sliderContainer li .welcome.uk h1 {
		color:#006666 !important;
	}
	.sliderContainer li .welcome.uk h5 {
		color:#444444 !important;
	}
	.sliderContainer li .welcome.christmas h5 {
	font-size:18px !important;
	font-weight:200;
	color:#222222;
	margin-bottom:20px;
}
.sliderContainer li .welcome.christmas h1 {
	font-size:30px !important;	
}

}
@media (max-width: 767px) {
	.sliderContainer li .welcome p {
		font-size:14px !important;	
	}
	.sliderContainer li .christmas {
	background-image:url('/cisiweb2/image/homepage/christmas.jpg');
	background-position:right 30%;
}
}
/* --- */

/* AC 2015 tile */
@import url(http://fonts.googleapis.com/css?family=Cinzel);

.sliderContainer li .ac2015 {
	background-image:url('/cisiweb2/image/homepage/ac2015.jpg');
	background-position:center center;
	background-size:cover;
}
.sliderContainer li .ac2015 .container div {
    bottom: 15%;
    height: auto;
    position: absolute;
}
.sliderContainer li .ac2015 .container div h5 {
	color: #888888 !important;
	margin: 0 !important;
	font-family:'cinzel' !important;
	font-weight:normal !important;
	font-size:30px !important;
}
.sliderContainer li .ac2015 .container div h1 {
	color: #222222 !important;
	font-size:70px !important;
	font-weight:normal !important;
	margin: 30px 0px !important;
	font-family:'cinzel' !important;
}
@media (max-width : 1599px) {
	.sliderContainer li .ac2015 .container div h1 {
		font-size:60px !important;
	}
}
@media (max-width : 1199px) {
	.sliderContainer li .ac2015 .container div h1 {
		font-size:45px !important;
	}
	.sliderContainer li .ac2015 .container div h5 {
		font-size:20px !important;
	}
	.sliderContainer li .ac2015 .container div {
		left:7%;
	}
}
@media (max-width: 767px) {
.sliderContainer li .ac2015 {
	background-image:url('/cisiweb2/image/homepage/ac2015.jpg');
	background-position:center center;
}
	.sliderContainer li .ac2015 .container div h1 {
		font-size:40px !important;
			margin: 20px 0px !important;
			line-height:40px;
	}
	.sliderContainer li .ac2015 .container div h5 {
		font-size:18px !important;
	}
}

/* --- */


/* Congrats achievers tile */
.sliderContainer li .resultsDay {
	background-image:url('/cisiweb2/image/homepage/results.jpg');
	background-size:cover;
	background-position:center center;
}

.sliderContainer li .resultsDay .container div {
	top:10%;
	left:10%;
    height: auto;
    margin: 40px 0 0;
    padding: 30px;
    position: absolute;
    width: 40%;	
}
.sliderContainer li .resultsDay .container div h1 {
	color: #00377e !important;
	font-size: 60px !important;
	font-weight: 200 !important;
	margin-top: 0 !important;
}
.sliderContainer li .resultsDay .container div h5 {
	color: #454c55 !important;
	font-size: 30px !important;
	margin-top:30px !important;
	margin-bottom:20px !important;
	line-height:40px !important;
}

@media (max-width : 1599px) {
	.sliderContainer li .resultsDay .container div h1 {
		font-size: 60px !important;
	}
	.sliderContainer li .resultsDay .container div h5 {
		font-size: 26px !important;
			margin-top:20px !important;
			line-height:30px !important;
	}
}
@media (max-width : 1199px) {
	.sliderContainer li .resultsDay .container div h1 {
		font-size: 34px !important;
	}
	.sliderContainer li .resultsDay .container div h5{
		font-size: 20px !important;
	}
	.sliderContainer li .resultsDay .container div {
		padding: 20px;
		width: 40%;	
		top:5%;
	}
}
@media (max-width : 991px) {

	.sliderContainer li .resultsDay .container div h1{
		font-size: 40px !important;
	}
	.sliderContainer li .resultsDay .container div h5{
		font-size: 20px !important;
	}
	.sliderContainer li .resultsDay .container div {
		background: none repeat scroll 0 0 rgb(255, 255, 255);
		background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
		bottom:0%;
		top:0%;
		left:0%;
		height: auto;
		margin:0;
		padding: 50px 30px;
		position: absolute;
		width: 100%;		
	}
}


/* --- */


/* Knowledge, Skills, Behaviour tile */

.sliderContainer li .knowledge {
	background-image:url('/cisiweb2/image/homepage/knowledge.jpg');
	background-size:cover;
	background-position:center center;
}
.sliderContainer li .skills{
	background-image:url('/cisiweb2/image/homepage/skills.jpg');
	background-size:cover;
	background-position:center center;
}
.sliderContainer li .behaviour {
	background-image:url('/cisiweb2/image/homepage/behaviour.jpg');
	background-size:cover;
	background-position:center center;
}
.sliderContainer li .knowledge .container div, 
.sliderContainer li .skills .container div, 
.sliderContainer li .behaviour .container div {
		background: none repeat scroll 0 0 rgb(0, 102, 102);
	background: none repeat scroll 0 0 rgba(0, 102, 102, 0.8);
    bottom:10%;
	left:10%;
    height: auto;
    margin: 40px 0 0;
    padding: 30px;
    position: absolute;
    width: 50%;	
}
.sliderContainer li .knowledge .container div h1,
.sliderContainer li .skills .container div h1,
.sliderContainer li .behaviour .container div h1 {
	color: #ffffff !important;
	font-size: 80px !important;
	font-weight: 300 !important;
	margin-top: 0 !important;
}
.sliderContainer li .knowledge .container div h5,
.sliderContainer li .skills .container div h5,
.sliderContainer li .behaviour .container div h5 {
	color: #ffffff !important;
	font-size: 20px !important;
}
.sliderContainer li .knowledge .container div .professionalism,
.sliderContainer li .skills .container div .professionalism,
.sliderContainer li .behaviour .container div .professionalism {
    color: #ffffff !important;
    font-weight: 400 !important;
    margin-bottom: 0;
    text-align: right;
}
@media (max-width : 1599px) {
	.sliderContainer li .knowledge .container div h1,
	.sliderContainer li .skills .container div h1,
	.sliderContainer li .behaviour .container div h1 {
		font-size: 70px !important;
	}
	.sliderContainer li .knowledge .container div h5,
	.sliderContainer li .skills .container div h5,
	.sliderContainer li .behaviour .container div h5 {
		font-size: 20px !important;
	}
}
@media (max-width : 1199px) {
	.sliderContainer li .knowledge .container div h1,
	.sliderContainer li .skills .container div h1,
	.sliderContainer li .behaviour .container div h1 {
		font-size: 40px !important;
	}
	.sliderContainer li .knowledge .container div h5,
	.sliderContainer li .skills .container div h5,
	.sliderContainer li .behaviour .container div h5 {
		font-size: 15px !important;
	}
	.sliderContainer li .knowledge .container div, 
	.sliderContainer li .skills .container div, 
	.sliderContainer li .behaviour .container div {
		padding: 20px;
		width: 60%;	
	}
}
@media (max-width : 991px) {
	.sliderContainer li .knowledge .container div h1,
	.sliderContainer li .skills .container div h1,
	.sliderContainer li .behaviour .container div h1 {
		font-size: 40px !important;
	}
	.sliderContainer li .knowledge .container div h5,
	.sliderContainer li .skills .container div h5,
	.sliderContainer li .behaviour .container div h5 {
		font-size: 15px !important;
	}
	.sliderContainer li .knowledge .container div, 
	.sliderContainer li .skills .container div, 
	.sliderContainer li .behaviour .container div {
				background: none repeat scroll 0 0 rgb(0, 102, 102);
		background: none repeat scroll 0 0 rgba(0, 102, 102, 0.8);
		bottom:0%;
		left:0%;
		height: auto;
		margin:0;
		padding: 20px;
		position: absolute;
		width: 100%;		
	}
}
/* --- */





/* Alan Yarrow */

.sliderContainer li .alanYarrow {
	background-image:url('/cisiweb2/image/homepage/alanyarrow.jpg');
	background-size:cover;
	background-position:center center;
}
.sliderContainer li .alanYarrow .container div {
	background: none repeat scroll 0 0 rgb(255, 255, 255);
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    bottom:20%;
	left:10%;
    height: auto;
    margin: 40px 0 0;
    padding: 1px 85px 30px 40px;
    position: absolute;
    width: 35%;	
}
.sliderContainer li .alanYarrow .container div h1 {
	color: #2d8383 !important;
	font-size: 60px !important;
}
.sliderContainer li .alanYarrow .container div h5 {
	color: #444444 !important;
	font-size: 24px !important;
	line-height:normal;
	font-weight:200 !important;
}
@media (max-width : 1599px) {
	.sliderContainer li .alanYarrow .container div h1 {
		font-size: 50px !important;
	}
	.sliderContainer li .alanYarrow .container div h5 {
		font-size: 20px !important;
	}
	.sliderContainer li .alanYarrow .container div {
		padding: 1px 40px 30px 40px;
	}
}
@media (max-width : 1199px) {
	.sliderContainer li .alanYarrow .container div h1 {
		font-size: 30px !important;
	}
	.sliderContainer li .alanYarrow .container div h5 {
		font-size: 18px !important;
	}
	.sliderContainer li .alanYarrow .container div {
		padding: 1px 20px 20px;
		width: 40%;	
		left:5%;
	}
}
@media (max-width : 991px) {
	.sliderContainer li .alanYarrow .container div h1 {
		font-size: 30px !important;
	}
	.sliderContainer li .alanYarrow .container div h5 {
		font-size: 18px !important;
	}
	.sliderContainer li .alanYarrow .container div {
		background: none repeat scroll 0 0 rgb(255, 255, 255);
		background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
		bottom:0%;
		left:0%;
		height: auto;
		margin:0;
		padding: 20px;
		position: absolute;
		width: 100%;		
	}
	.sliderContainer li .alanYarrow {
		background-image:url('/cisiweb2/image/homepage/alanyarrow.jpg');
		background-size:cover;
		background-position:70%;
	}
}
/* --- */