/* Course Quick Search */

#ciQuickCourseSearch2023Form {
	background-color: #333333;
	/* border: 1px solid #000000; */
}

/*
#ciQuickCourseSearch2023Form:empty {
	background-color: transparent;
	border-color: transparent;
	display: none;
}
*/


.ciQuickCourseSearch2023FieldContainer {
	background-color: #333333;
	border: 1px solid #000000;
}



#ciQuickCourseSearch2023Form label,
#ciQuickCourseSearch2023Form input {
	font-size: 20px;
	line-height: 35px;
}


#ciQuickCourseSearch2023Form label {
	display: block;
	width: 100%;
	color: #FFFFFF;
	/* border-top: 1px solid #FFFFFF;*/
	padding: 0 10px;
	font-weight: bold;
}

#ciQuickCourseSearch2023Form input,
#ciQuickCourseSearch2023Form select {
	display: block;
	width: 100%;
	border: 0px solid #000000;
	/* background-color: #FFFFFF; */
	color: #000000;
	padding: 10px;
	margin: 0;
}

@media only screen and (min-width: 1081px) {
	#ciQuickCourseSearch2023Form label {
		display: inline-block;
		width: 25%;
	}
	
	#ciQuickCourseSearch2023Form input,
	#ciQuickCourseSearch2023Form select {
		display: inline-block;
		width: 75%;
	}
}


#ciQuickCourseSearch2023Form input.ciQuickCourseSearchBox2023 {
	background-color: #DAFBFB;
	display: block;
	width: 100%;
}

#ciQuickCourseSearch2023Form select {
	/* font-weight: bold; */
}

#ciQuickCourseSearch2023Form select option:disabled {
	display:none;
}

#ciQuickCourseSearch2023Form select option {
	font-weight: bold;
	color: #000000;
}

#ciQuickCourseSearch2023Form select option.not-found {
	font-weight: normal;
	/* color: #7F7E7E; */
}

#ciQuickCourseSearch2023Form select option.not-found:checked {
	color: #FF0000;
}

#ciQuickCourseSearch2023Form select option.not-found:not(:checked) {
	/* display: none; */
}


#ciQuickCourseSearchText2023 {
	
}

ul#ciQuickCourseSearchResults2023 {
	list-style: none;
	padding: 0;
	margin: 0 auto;
}

ul#ciQuickCourseSearchResults2023 li {
	margin: 10px auto;
	padding: 0;
	
	border: 1px #333333 solid;
}

ul#ciQuickCourseSearchResults2023 li div.title a,
ul#ciQuickCourseSearchResults2023 li div.findoutmore a {
	display: block;
	padding: 10px;
	
	background-color: #333333;
	font-weight: bold;
	color: #FFFFFF;
}

ul#ciQuickCourseSearchResults2023 li div.findoutmore a {
	text-align: right;
}

ul#ciQuickCourseSearchResults2023 li div.courseinfo > div.dscription {
	padding: 10px;
}


@media only screen and (min-width: 1081px) {
	ul#ciQuickCourseSearchResults2023 li div.courseinfo {
		display: flex;
		width: 100%;
	}

	ul#ciQuickCourseSearchResults2023 li div.courseinfo > div {
	  flex: 1;
	}
	
	ul#ciQuickCourseSearchResults2023 li div.courseinfo > div.dscription {
		flex: 30%;
	}
	
	ul#ciQuickCourseSearchResults2023 li div.courseinfo > div.coursetable {
		flex: 70%;
		background-color: #212C75;
	}
}


ul#ciQuickCourseSearchResults2023 li div.courseinfo > div.coursetable th {
	width: 30%;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	
	background-color: #212C75;
	color: #FFFFFF;
	
	border-color: #FFFFFF;

}

ul#ciQuickCourseSearchResults2023 li div.courseinfo > div.coursetable td {
	width: 70%;
	text-align: left;
	
	background-color: #F5F6FD;
	color: #000000;
	
	border-color: #FFFFFF;
}

ul#ciQuickCourseSearchResults2023 li div.courseinfo > div.coursetable th,
ul#ciQuickCourseSearchResults2023 li div.courseinfo > div.coursetable td  {
	padding: 10px;
}


/* UCC */

ul#ciQuickCourseSearchResults2023 li.he div.courseinfo > div.coursetable th {
	background-color: #00A7AA;
	color: #FFFFFF;
}

ul#ciQuickCourseSearchResults2023 li.he div.courseinfo > div.coursetable td {
	background-color: #00A7AA;
	color: #FFFFFF;
}

ul#ciQuickCourseSearchResults2023 li.he div.courseinfo > div.coursetable a {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
}

ul#ciQuickCourseSearchResults2023 li.he div.courseinfo > div.coursetable a:hover {
	color: #F7F700;
	text-decoration: underline;
	font-weight: normal;
}


/* APPRENTICESHIPS */

ul#ciQuickCourseSearchResults2023 li.apprenticeship div.courseinfo > div.coursetable th {
	background-color: #04625E;
	color: #FFFFFF;
}

ul#ciQuickCourseSearchResults2023 li.apprenticeship div.courseinfo > div.coursetable td {
	background-color: #D2F2F1;
	color: #333333;
}

ul#ciQuickCourseSearchResults2023 li.apprenticeship div.courseinfo > div.coursetable a {
	color: #525DA1;
	text-decoration: none;
	font-weight: normal;

}

ul#ciQuickCourseSearchResults2023 li.apprenticeship div.courseinfo > div.coursetable a:hover {
	color: #457C93;
  text-decoration: underline;
  font-weight: normal;
}


/* CIFE  */
ul#ciQuickCourseSearchResults2023 li.fe div.courseinfo > div.coursetable th {
	background-color: #E6007C;
	color: #FFFFFF;
}

ul#ciQuickCourseSearchResults2023 li.fe div.courseinfo > div.coursetable td {
	background-color: #FACCE4;
	color: #333333;
}

ul#ciQuickCourseSearchResults2023 li.fe div.courseinfo > div.coursetable a {
	color: #525DA1;
	text-decoration: none;
	font-weight: normal;
}

ul#ciQuickCourseSearchResults2023 li.fe div.courseinfo > div.coursetable a:hover {
	color: #457C93;
  text-decoration: underline;
  font-weight: normal;
}


/* professional */

ul#ciQuickCourseSearchResults2023 li.professional div.courseinfo > div.coursetable th {
}

ul#ciQuickCourseSearchResults2023 li.professional div.courseinfo > div.coursetable td {
}

/*

ul#ciQuickCourseSearchResults2023 li.professional div.courseinfo > div.coursetable a {
	color: #525DA1;
	text-decoration: none;
	font-weight: normal;
}

ul#ciQuickCourseSearchResults2023 li.professional div.courseinfo > div.coursetable a:hover {
	color: #457C93;
  text-decoration: underline;
  font-weight: normal;

}
*/

/* leisure-shortcourse */

ul#ciQuickCourseSearchResults2023 li.leisure-shortcourse div.courseinfo > div.coursetable th {
}

ul#ciQuickCourseSearchResults2023 li.leisure-shortcourse div.courseinfo > div.coursetable td {
}

/*
ul#ciQuickCourseSearchResults2023 li.leisure-shortcourse div.courseinfo > div.coursetable a {
	color: #525DA1;
	text-decoration: none;
	font-weight: normal;
}

ul#ciQuickCourseSearchResults2023 li.leisure-shortcourse div.courseinfo > div.coursetable a:hover {
	color: #457C93;
  text-decoration: underline;
  font-weight: normal;
}
*/



/* cibs */

ul#ciQuickCourseSearchResults2023 li.cibs div.courseinfo > div.coursetable th {
	background-color: #1B2B45;
	color: #FFFFFF;
}

ul#ciQuickCourseSearchResults2023 li.cibs div.courseinfo > div.coursetable td {
	background-color: #F1F2F3;
	color: #333333;
}

ul#ciQuickCourseSearchResults2023 li.cibs div.courseinfo > div.coursetable a {
	color: #525DA1;
	text-decoration: none;
	font-weight: normal;

}

ul#ciQuickCourseSearchResults2023 li.cibs div.courseinfo > div.coursetable a:hover {
	color: #457C93;
  text-decoration: underline;
  font-weight: normal;

}


/* adult-learner */

ul#ciQuickCourseSearchResults2023 li.adult-learner div.courseinfo > div.coursetable th {
	background-color: #4B2463;
	color: #FFFFFF;
}

ul#ciQuickCourseSearchResults2023 li.adult-learner div.courseinfo > div.coursetable td {
	background-color: #DBD3DF;
	color: #333333;
}

ul#ciQuickCourseSearchResults2023 li.adult-learner  div.courseinfo > div.coursetable a {
	color: #525DA1;
	text-decoration: none;
	font-weight: normal;

}

ul#ciQuickCourseSearchResults2023 li.adult-learner  div.courseinfo > div.coursetable a:hover {
	color: #457C93;
  text-decoration: underline;
  font-weight: normal;

}


/* cpd */

ul#ciQuickCourseSearchResults2023 li.cpd div.courseinfo > div.coursetable th {
}

ul#ciQuickCourseSearchResults2023 li.cpd div.courseinfo > div.coursetable td {
}

/*
ul#ciQuickCourseSearchResults2023 li.cpd  div.courseinfo > div.coursetable a {
	color: #525DA1;
	text-decoration: none;
	font-weight: normal;

}

ul#ciQuickCourseSearchResults2023 li.cpd  div.courseinfo > div.coursetable a:hover {
	color: #457C93;
  text-decoration: underline;
  font-weight: normal;

}
*/



/* Quick Searchs */

input.quicksearchbox {
	display: none; /* Only show if javascript is enabled*/
	font-size: 20px;
	line-height: 35px;
	border: 1px solid #006666;
	margin-bottom: 12px;
	width: 100%;
	padding: 5px 2% 5px 2%;
	margin: 0 auto 0 auto;
	
	background-color: #DAFBFB;
}

/*
input.quicksearchbox:after {
    content: '\1F50D';
}
*/


div.ciquicksearchresults ul.searchlist,
div.ciquicksearch ul.searchlist {
	list-style-type: none;
	padding: 0;
	margin: 10px 0 0 0;
}

div.ciquicksearchresults ul.searchlist > li > a,
div.ciquicksearch ul.searchlist > li > a {
	background-color: #C1C8D8;
	color: #000000;

	text-decoration: none;
	display: block;
	width: 100%;
	padding: 5px 2% 5px 2%;
	line-height: 30px;
	
	margin-bottom: 10px;
}


div.ciquicksearchresults ul.searchlist > li > a span.title,
div.ciquicksearch ul.searchlist > li > a span.title {
	display: block;
	font-size: 20px;
	font-weight: bold;
}

div.ciquicksearchresults ul.searchlist > li > a span.excerpt,
div.ciquicksearch ul.searchlist > li > a span.excerpt {
	display: block;
	font-size: 16px;
}

div.ciquicksearchresults ul.searchlist > li:hover > a,
div.ciquicksearchresults ul.searchlist > li:active > a ,
div.ciquicksearchresults ul.searchlist > li > a:hover,
div.ciquicksearchresults ul.searchlist > li > a:active,
div.ciquicksearch ul.searchlist > li:hover > a,
div.ciquicksearch ul.searchlist > li:active > a ,
div.ciquicksearch ul.searchlist > li > a:hover,
div.ciquicksearch ul.searchlist > li > a:active { 
	background-color: #E9EBF1;
	color: #000000;
}



input#uccSearchCoursesBox {
	width: 100%;
	background-color: #FFFFFF;
}


ul#uccQuickSearchCoursesList {
	list-style: none inside none;
}

ul#uccQuickSearchCoursesList li {
	list-style: none inside none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

ul#uccQuickSearchCoursesList li a {
	background-color: #25B1B1;
	border-radius: 5px 5px 5px 5px;
	margin: 5px auto 5px auto;
	padding: 10px 10px 10px 10px;
	color: #FFFFFF;
}


ul#uccQuickSearchCoursesList li a:hover,
ul#uccQuickSearchCoursesList li a:active {
	background-color: #4AC0C0;	
	color: #FFFFFF;
}

input#SearchCoursesBox {
	width: 100%;
	background-color: #FFFFFF;
}


ul#QuickSearchCoursesList {
	list-style: none inside none;
}

ul#QuickSearchCoursesList li {
	list-style: none inside none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

ul#QuickSearchCoursesList li a {
	background-color: #525DA1;
	border-radius: 5px 5px 5px 5px;
	margin: 5px auto 5px auto;
	padding: 10px 10px 10px 10px;
	color: #FFFFFF;
}


ul#QuickSearchCoursesList li a:hover,
ul#QuickSearchCoursesList li a:active {
	background-color: #7982BD;	
	color: #FFFFFF;
}






input#ciAdultLearnerSearchCoursesBox {
	width: 100%;
	background-color: #FFFFFF;
}


ul#ciAdultLearnerQuickSearchCoursesList {
	list-style: none inside none;
}

ul#ciAdultLearnerQuickSearchCoursesList li {
	list-style: none inside none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

ul#ciAdultLearnerQuickSearchCoursesList li a {
	background-color: #4B2463;
	border-radius: 5px 5px 5px 5px;
	margin: 5px auto 5px auto;
	padding: 10px 10px 10px 10px;
	color: #FFFFFF;
}


ul#ciAdultLearnerQuickSearchCoursesList li a:hover,
ul#ciAdultLearnerQuickSearchCoursesList li a:active {
	background-color: #603978;	
	color: #FFFFFF;
}



/* Home page */
div#ciHomesearch input.quicksearchbox {
	display: none; /* Only show if javascript is enabled*/
	font-size: 20px;
	line-height: 35px;
	border: 1px solid #006666;
	margin-bottom: 12px;
	width: 100%;
	padding: 5px 2% 5px 2%;
	margin: 0 auto 0 auto;
	color: #000000;
	background-color: #FFFFFF;
}

/*
input.quicksearchbox:after {
    content: '\1F50D';
}
*/


div#ciHomesearch div.ciquicksearchresults ul.searchlist{
	list-style-type: none;
	padding: 0;
	margin: 10px 0 0 0;
}

div#ciHomesearch  ul.searchlist > li > a{
	background-color: #525DA1;
	color: #FFFFFF;

	text-decoration: none;
	display: block;
	width: 100%;
	padding: 10px 2% 10px 2%;
	line-height: 30px;
	
	margin-bottom: 10px;
	
	border-radius: 10px;
}


div#ciHomesearch  ul.searchlist > li > a span.title {
	display: block;
	font-size: 20px;
	font-weight: bold;
}

div#ciHomesearch  ul.searchlist > li > a span.excerpt {
	display: block;
	font-size: 16px;
}

div#ciHomesearch  ul.searchlist > li:hover > a,
div#ciHomesearch  ul.searchlist > li:active > a { 
	background-color: #7982BD;
	color: #FFFFFF;
}

div#ciHomesearch  ul.searchlist > li > a div.timely {
	color: #FFFFFF;
}

/*
div#ciHomesearch  ul.searchlist > li > a.type-course { 
	background-color: #525DA1;
	color: #FFFFFF;
}

div#ciHomesearch  ul.searchlist > li:hover > a.type-course,
div#ciHomesearch  ul.searchlist > li:active > a.type-course { 
	background-color: #7982BD;
	color: #FFFFFF;
}
*/


/* Updated Quick Search */

#ciQuickSearch2022 {
	
}

#ciQuickSearch2022Form {
	
}

#ciQuickSearch2022Form input.quicksearchbox2022 {
	/* display: none; */ /* Only show if javascript is enabled*/
	font-size: 20px;
	line-height: 35px;
	border: 1px solid #006666;
	margin-bottom: 12px;
	width: 100%;
	padding: 5px 2% 5px 2%;
	margin: 0 auto 0 auto;
	color: #000000;
	background-color: #FFFFFF;
}


#ciQuickSearch2022List {
	
}

#ciQuickSearch2022List {
	list-style-type: none;
	padding: 0;
	margin: 10px 0 0 0;
}

#ciQuickSearch2022List > li > a{
	background-color: #525DA1;
	color: #FFFFFF;

	text-decoration: none;
	display: block;
	width: 100%;
	padding: 10px 2% 10px 2%;
	line-height: 30px;
	
	margin-bottom: 10px;
	
	border-radius: 10px;
	
	font-weight: bold;
}


#ciQuickSearch2022List  > li > a span.title {
	display: block;
	font-size: 20px;
	font-weight: bold;
}

#ciQuickSearch2022List  > li > a span.excerpt {
	display: block;
	font-size: 16px;
}

#ciQuickSearch2022List  > li:hover > a,
#ciQuickSearch2022List  > li:active > a { 
	background-color: #7982BD;
	color: #FFFFFF;
}


#ciQuickSearch2022List.ucc > li > a{
	background-color: #25B1B1;
	color: #FFFFFF;
}


#ciQuickSearch2022List.ucc  > li:hover > a,
#ciQuickSearch2022List.ucc  > li:active > a { 
	background-color: #4AC0C0;	
	color: #FFFFFF;
}




/****
*	SHORT CODES
*/


.ci-display {
	
}

@media only screen and (min-width: 981px) {
	.ci-display.hide-computer,
	.ci-display.hide-computer * {
		display: none !important;
	}
}

@media only screen and (max-width: 980px) {
	.ci-display.hide-mobile,
	.ci-display.hide-mobile * {
		display: none !important;
	}
}

/*

Blog List

*/

.ci_blog_list_fancy {
	background-color: #FFFFFF;
	color: #000000;
}

.ci_blog_list_fancy .ci_blog_list_box {
	display: block;
	/* padding: 20px 0 20px 0; */
	padding: 10px 10px 10px 10px;
}

.ci_blog_list_fancy .ci_blog_list_boximg {
	background: none left top transparent no-repeat;
	background-size: 130px auto;
	padding-left: 140px;
	/* margin-left: 10px; */
	min-height: 75px;
}

.ci_blog_list_fancy .ci_blog_list_box span {
	display: block;
}

.ci_blog_list_fancy .ci_blog_list_box h3 {
	border-bottom: 0;
	margin: 0 0 0 0;
}


.ci_blog_list_fancy .ci_blog_list_box {
	background-color: #FFFFFF;
	color: #000000;
}

.ci_blog_list_fancy .ci_blog_list_box:nth-child(EVEN) {
	background: #EFEFEF;
	color: #000000;
}

.ci_blog_list_fancy .ci_blog_list_box .readmorelink {
	text-align: right;
}



.ci_blog_list_home {
	margin-bottom: 10px;
}

.ci_blog_list_home .ci_blog_list_box {
	display: inline-block;
	width: 33%;
	float: left;
	min-height: 300px;
}


.ci_blog_list_home .ci_blog_list_box  span {
	display: block;
}

.ci_blog_list_home .ci_blog_list_box img {
	border-radius: 10px 10px 10px 10px;
}

.ci_blog_list_home .ci_blog_list_box h3 {
	border-bottom: 0;
}

.ci_blog_list_home .ci_blog_list_box:nth-child(ODD) {
	background: #EFEFEF;
}



/*
===================================================
	CI BOX
===================================================
*/

.ci_box{
	position: relative;
	width: 100%;
	text-align: left;
	border: 1px solid transparent;
}

.ci_box:before {
	content: "";
	display: block;
}

.ci_box .ci_box_link {
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.ci_box .ci_box_content {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.ci_box .ci_box_img {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 0;

}

.ci_box .ci_box_img img {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 0;
	width: 100%;
	height: auto;
}

.ci_box .ci_box_link a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.ci_box .ci_box_link a:hover,
.ci_box .ci_box_link a:active {
	background-color: rgba(255, 255, 255, 0.1);
}

.ci_box .ci_box_name {
	/* background-color: #0962C8; */
	/* background-color: #0C2C80; */
	background-color: #333333;
	color: #FFFFFF;
	padding: 10px 10px 10px 10px;
	
	line-height: 30px;
	font-size: 18px;
	font-weight: 500;
}

.ci_box .ci_box_name:after {
	display: inline-block;
	content: "\203A";
	text-align: right;
	float: right;
	font-size: 60px;
	font-weight: 600;
	padding: 0 0 0 0;
	line-height: 25px;
}

/*
===================================================
	UCC Contact Buttons
===================================================
*/



.ucc-contact-btn {
	/* background-color: #00A7AA; */
	background-color: #929EB8;
	margin: 10px 0 10px auto;
	position: relative;
	width: 350px;
	text-transform: uppercase;
}


.ucc-contact-btn-enquiries {
	border-top-left-radius: 25% 100%;
}

.ucc-contact-btn-faq {
	border-bottom-left-radius: 25% 100%;
}

.ucc-contact-btn .pad {
	/* padding: 25px 10px 25px 10px; */
	padding: 25px 15px 25px 15px;
}

.ucc-contact-btn .ucc-contact-icon {
	display: inline-block;
	vertical-align: top;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 30%;
	text-align: right;
}

.ucc-contact-btn .ucc-contact-icon img {
	width: auto;
	height: 64px;
}

.ucc-contact-btn .ucc-contact-text {
	display: inline-block;
	vertical-align: top;
	width: 63%;
	padding: 0 0 0 0;
	margin: 0 0 0 5%;
}

.ucc-contact-btn .ucc-contact-text .line {
	display: block;
	width: 100%;
	
	font-size: 18px;
	line-height: 32px;
	
	color: #FFFFFF;
}

.ucc-contact-btn .ucc-contact-link {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
}

.ucc-contact-btn .ucc-contact-link:hover {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-color: rgba(255,255,255,0.2);
	cursor: pointer;
}


section#course .ucc-contact-btns {
	padding: 25px 0 25px 0;
}

.ucc-contact-btns .ucc-contact-btn-enquiries, 
section#course .ucc-contact-btn-enquiries {
	background-color: #929EB8;
	text-transform: uppercase;
}


.ucc-contact-btns  .ucc-contact-btn-faq, 
section#course .ucc-contact-btn-faq {
	background-color: #868CA2;
	text-transform: uppercase;
}

@media only screen and (max-width: 980px) {	

	.ucc-contact-btn {
		width: 100%;
	}
	
	.ucc-contact-btn .pad {
		padding: 10px 10px 10px 10px;
	}
	
	.ucc-contact-btn-enquiries {
		border-top-left-radius: 0 0;
	}
	
	.ucc-contact-btn-faq {
		border-bottom-left-radius: 0 0;
	}

}



/*
===================================================
	UCC MENU Buttons
===================================================
*/

.ucc-menu-btns {
	margin: 1% auto 1% auto;
}

.ucc-menu-btns-top .ucc-menu-btn-1 {
	border-top-left-radius: 25% 100%;
}

.ucc-menu-btns-bottom .ucc-menu-btn-1 {
	border-bottom-left-radius: 25% 100%;
}

.ucc-menu-btns .ucc-menu-btn-2 {
	margin: 0 1% 0 1%;
}


.ucc-menu-btns .ucc-menu-btn {
	width: 32.6%;
	/* min-width: 320px; */
	display: inline-block;
	float: left;
	position: relative;
	background-color: #929EB8;
	
	height: 150px;
	overflow: hidden;
}


.ucc-menu-btns-top .ucc-menu-btn {
	background-color: #929EB8;
}

.ucc-menu-btns-bottom .ucc-menu-btn {
	background-color: #868CA2;
}


.ucc-menu-btn .pad {
	/* padding: 25px 10px 25px 10px; */
	padding: 40px 15px 40px 15px;
}

.ucc-menu-btn .ucc-menu-icon {
	display: inline-block;
	vertical-align: top;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 33%;
	text-align: right;
	float: left;
}

.ucc-menu-btn .ucc-menu-icon img {
	width: auto;
	height: 64px;
}

.ucc-menu-btn .ucc-menu-img {
	text-align: center;
}

.ucc-menu-btn .ucc-menu-img img {
	width: auto;
	height: 64px;
}

.ucc-menu-btn .ucc-menu-text {
	display: inline-block;
	vertical-align: top;
	width: 61%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: left;
	text-transform: uppercase;
	float: right;
}

.ucc-menu-btn .ucc-menu-text .line {
	display: block;
	width: 100%;
	font-size: 26px;
	line-height: 32px;
	color: #FFFFFF;
}

.ucc-menu-btn .ucc-menu-text .line2 {
	color: #424346;
	font-weight: bold;
	line-height: 32px;
}

.ucc-menu-btn .ucc-menu-link {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
}

.ucc-menu-btn .ucc-menu-link:hover {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-color: rgba(255,255,255,0.2);
	cursor: pointer;
}

.ucc-menu-btns-bottom div.ucc-menu-btn-3 div.ucc-menu-btn-container div.pad div.ucc-menu-text span.line1 {
	font-size: 20px;
}

.ucc-menu-btns-bottom div.ucc-menu-btn-3 div.ucc-menu-btn-container div.pad div.ucc-menu-text span.line2 {
	font-size: 20px;
}




@media only screen and (max-width: 980px) {
	.ucc-menu-btns {
		margin: 0 auto 0 auto;
	}
	
	.ucc-menu-btn .pad {
		padding: 10px 10px 10px 10px;
	}

	
	.ucc-menu-btns .ucc-menu-btn-2,
	.ucc-menu-btns .ucc-menu-btn {
		width: 100%;
		min-width: 300px;
		display: block;
		float: right;
		clear: right;
		margin: 1% auto 1% auto;
		height: auto;
		max-height: none;
	}
	
	.ucc-menu-btns .ucc-menu-btn,
	.ucc-menu-btns-top .ucc-menu-btn-1,
	.ucc-menu-btns-bottom .ucc-menu-btn-1 {
		border-top-left-radius: 0 0;
		border-bottom-left-radius: 0 0;
	}
	
	.ucc-menu-btn .ucc-menu-img img.tef {
		width: auto;
		height: 44px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

}


@media print {
	.ucc-menu-btns {
		display: none;
	}
}



/*
=====================================================
	Page Boxes
=====================================================
*/

div.pagebox {
	display: inline-block;
	vertical-align: top;
	width: 32%;
	margin: 10px 0.6% 10px 0.6%;
}


div.pageboxfw {
	width: 100% !important;
	margin: 10px 0% 10px 0%;
}

div.pagebox div.pageboxinside {
	position: relative;
	min-height: 275px;
	background-color: #D4DEF7;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}


div.pagebox div.pageboxtitle {
	background-color: #212C75;
	color: #FFFFFF;
	min-height: 60px;
}

div.pageboxfw div.pageboxtitle {
	min-height: 0;
}


div.ciTemplate-UCC div.pageboxtitle {
	background-color: #333333;
	color: #FFFFFF;
}

div.pagebox div.pageboxtitle div.pad {
	padding: 5px 5px 5px 5px;
}

div.pageboxfw div.pageboxtitle div.pad {
	padding: 10px 10px 10px 10px;
}


div.pagebox div.pageboxtitle span.title {
	font-weight: bold;
	display: block;
}

div.pageboxfw div.pageboxtitle span.title {
	font-size: 20px;
}

div.pagebox div.pageboxtitle span.subtitle {
	font-weight: normal;
	display: block;
}


div.pagebox div.pageboxinside a.boxlink {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
}

div.pagebox div.pageboxinside a.boxlink:hover {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-color: rgba(255,255,255,0.2);
	cursor: pointer;

}

div.pagebox div.pagebox-findoutmore {
	display: block;
	padding-top: 10px;
	text-align: right;
}

div.pagebox a.findoutmorelink {
	display: block;
	background-color: #212C75;
	color: #FFFFFF;
	padding: 10px 10px 10px 10px;
	font-weight: bold;
	width: 60%;
	margin: 0 0 0 auto;
}

div.pageboxfw a.findoutmorelink {
	width: 100% !important;
}


div.pagebox a.findoutmorelink:after {
	content: '\25ba';
	padding-left: 0.5em;
}


div.pagebox a.findoutmorelink:hover,
div.pagebox a.findoutmorelink:active {
	cursor: pointer;
	text-decoration: none;
	background-color: #525DA1;
	color: #FFFFFF;
}

div.ciTemplate-UCC div.pagebox a.findoutmorelink {
	background-color: #00A7AA;
	color: #FFFFFF;
}

div.ciTemplate-UCC  div.pagebox a.findoutmorelink:hover,
div.ciTemplate-UCC  div.pagebox a.findoutmorelink:active {
	background-color: #4AC0C0;
	color: #FFFFFF;
}

@media only screen and (max-width: 980px) {
	div.pagebox {
		display: block;
		vertical-align: top;
		width: 325px;
		margin: 10px auto 10px auto;
	}
	
	div.pageboxfw {
		display: block;
		vertical-align: top;
		width: 100% !important;
		margin: 10px 0% 10px 0%;
	}
	
	div.pagebox a.findoutmorelink,
	div.pageboxfw a.findoutmorelink {
		width: 100% !important;
	}
}




/*
===================================================
	CI FE MENU Buttons
===================================================
*/

.ci-fe-menu-btns {
	margin: 1% auto 1% auto;
}

.ci-fe-menu-btns-top .ci-fe-menu-btn-1 {
	border-top-left-radius: 25% 100%;
}

.ci-fe-menu-btns-bottom .ci-fe-menu-btn-1 {
	border-bottom-left-radius: 25% 100%;
}

.ci-fe-menu-btns .ci-fe-menu-btn-2 {
	margin: 0 1% 0 1%;
}


.ci-fe-menu-btns .ci-fe-menu-btn {
	width: 32.6%;
	/* min-width: 320px; */
	display: inline-block;
	float: left;
	position: relative;
	background-color: #9ec815;
	
	height: 150px;
	overflow: hidden;
}

.ci-fe-menu-btn .pad {
	/* padding: 25px 10px 25px 10px; */
	/* padding: 40px 15px 40px 15px; */
	padding: 50px 15px 50px 15px;
}

.ci-fe-menu-btn .ci-fe-menu-icon {
	display: inline-block;
	vertical-align: top;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 33%;
	text-align: right;
	float: left;
}

.ci-fe-menu-btn .ci-fe-menu-icon img {
	width: auto;
	height: 64px;
}

.ci-fe-menu-btn .ci-fe-menu-img {
	text-align: center;
}

.ci-fe-menu-btn .ci-fe-menu-img img {
	width: auto;
	height: 75px;
}

.ci-fe-menu-btn .ci-fe-menu-text {
	display: inline-block;
	vertical-align: top;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: center;
	/* text-transform: uppercase; */
	float: right;
	width: 100%;
}

.ci-fe-menu-btn .ci-fe-menu-img + .ci-fe-menu-text {
	width: 61%;
	text-align: left;
}



.ci-fe-menu-btn .ci-fe-menu-text .line,
.ci-fe-menu-btn .ci-fe-menu-text .line2 {
	display: block;
	width: 100%;
	font-size: 30px;
	line-height: 40px;
	color: #FFFFFF;
	font-weight: bold;
	vertical-align: central;
}

.ci-fe-menu-btn .ci-fe-menu-link {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
}

.ci-fe-menu-btn .ci-fe-menu-link:hover {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-color: rgba(255,255,255,0.2);
	cursor: pointer;
}

.ci-fe-menu-btns-bottom div.ci-fe-menu-btn-3 div.ci-fe-menu-btn-container div.pad div.ci-fe-menu-text span.line1 {
	font-size: 20px;
}

.ci-fe-menu-btns-bottom div.ci-fe-menu-btn-3 div.ci-fe-menu-btn-container div.pad div.ci-fe-menu-text span.line2 {
	font-size: 20px;
}


.ci-fe-menu-btns-top div.ci-fe-menu-btn-1 {
	background-color: #9DA3BE;

}

.ci-fe-menu-btns-top div.ci-fe-menu-btn-2 {
	background-color: #fab313;
}

.ci-fe-menu-btns-top div.ci-fe-menu-btn-3 {
	background-color: #e6007c;
}



.ci-fe-menu-btns-bottom div.ci-fe-menu-btn-1 {
	background-color: #9ec815;
}

.ci-fe-menu-btns-bottom div.ci-fe-menu-btn-2 {
	background-color: #00a8ab;
}

.ci-fe-menu-btns-bottom div.ci-fe-menu-btn-3 {
	background-color: #4b2463;
}



.ci-fe-menu-btns-bottom .ci-fe-menu-btn.ci-fe-menu-btn-3 .pad {
	padding: 25px 25px 25px 25px;
}

.ci-fe-menu-btn .ci-fe-menu-img img.ofsted  {
	height: 100px;
	width: auto;
}


@media only screen and (max-width: 980px) {
	.ci-fe-menu-btns {
		margin: 0 auto 0 auto;
	}
	
	.ci-fe-menu-btn .pad {
		padding: 10px 10px 10px 10px;
	}

	
	.ci-fe-menu-btns .ci-fe-menu-btn-2,
	.ci-fe-menu-btns .ci-fe-menu-btn {
		width: 100%;
		min-width: 300px;
		display: block;
		float: right;
		clear: right;
		margin: 1% auto 1% auto;
		height: auto;
		max-height: none;
	}
	
	.ci-fe-menu-btns .ci-fe-menu-btn,
	.ci-fe-menu-btns-top .ci-fe-menu-btn-1,
	.ci-fe-menu-btns-bottom .ci-fe-menu-btn-1 {
		border-top-left-radius: 0 0;
		border-bottom-left-radius: 0 0;
	}
	
	/*
	.ci-fe-menu-btn .ci-fe-menu-img img.ofsted {
		width: auto;
		height: 80px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	*/

	*/

}


@media print {
	.ci-fe-menu-btns {
		display: none;
	}
}








/* ci 3box grid */

div.ci-3box-grid-container {
	display: table; 
	width: 100%;
	border-collapse: separate;
	border-spacing: 0.5em;
	vertical-align: middle;
}

div.ci-3box-grid-container div.ci-3box-grid-box {
	display: table-cell;
	position: relative;
	background-color: #929eb8;
	vertical-align: middle;
	border-collapse: collapse;
	
	width: 33.3%;	
	height: 130px;
}

div.ci-3box-grid-container div.ci-3box-grid-box.topleft {
	border-top-left-radius: 30% 100%;
}

div.ci-3box-grid-container div.ci-3box-grid-box.bottomleft {
	border-bottom-left-radius: 30% 100%;
}

div.ci-3box-grid-container div.ci-3box-grid-box div.ci-3box-grid-box-container {
	display: table;
	border-collapse: separate;
	border-spacing: 1.25em;
	width: 100%;
	padding: 0.1em 0.75em 0.1em 0.75em;
}

div.ci-3box-grid-container div.ci-3box-grid-box div.ci-3box-grid-box-container  div.ci-3box-grid-min {
	display: block;
	min-height: 100px;
	vertical-align: central;
}


div.ci-3box-grid-container div.ci-3box-grid-box div.ci-3box-grid-box-container div.ci-3box-grid-box-image,
div.ci-3box-grid-container div.ci-3box-grid-box div.ci-3box-grid-box-container div.ci-3box-grid-box-faicon {
	display: table-cell;
	width: 33%;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}



div.ci-3box-grid-container div.ci-3box-grid-box div.ci-3box-grid-box-container div.ci-3box-grid-box-faicon {
	font-size: 2em;
}


div.ci-3box-grid-container div.ci-3box-grid-box div.ci-3box-grid-box-container div.ci-3box-grid-box-text {
	display: block;
	width: 100%;
}


div.ci-3box-grid-container div.ci-3box-grid-box div.ci-3box-grid-box-container div.ci-3box-grid-box-text span {
	display: block;
	text-transform: uppercase;
	
	font-size: 1.25em;
	line-height: 1.25em;
}

div.ci-3box-grid-container div.ci-3box-grid-box div.ci-3box-grid-box-container div.ci-3box-grid-box-text span.line0,
div.ci-3box-grid-container div.ci-3box-grid-box div.ci-3box-grid-box-container div.ci-3box-grid-box-text span.line1 {
	color: #FFFFFF;
	font-weight: bold;
}

div.ci-3box-grid-container div.ci-3box-grid-box div.ci-3box-grid-box-container div.ci-3box-grid-box-text span.line2,
div.ci-3box-grid-container div.ci-3box-grid-box div.ci-3box-grid-box-container div.ci-3box-grid-box-text span.line3  {
	color: #424346;
	font-weight: bold;
}


div.ci-3box-grid-container div.ci-3box-grid-box div.ci-3box-grid-box-container div.ci-3box-grid-box-image +  div.ci-3box-grid-box-text,
div.ci-3box-grid-container div.ci-3box-grid-box div.ci-3box-grid-box-container div.ci-3box-grid-box-faicon +  div.ci-3box-grid-box-text {
	display: table-cell;
	width: 66%;
}

div.ci-3box-grid-container div.ci-3box-grid-box div.ci-3box-grid-box-container div.ci-3box-grid-box-fullimage {
	width: 100%;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	min-height: 50px;
}


div.ci-3box-grid-container div.ci-3box-grid-box a.ci-3box-grid-box-link {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
}

div.ci-3box-grid-container.ci-fe-aos div.ci-3box-grid-box-text,
div.ci-3box-grid-container.ci-fe-aos-top div.ci-3box-grid-box-text,
div.ci-3box-grid-container.ci-fe-aos-bottom div.ci-3box-grid-box-text{
	text-align: center;
}

div.ci-3box-grid-container + div.ci-3box-grid-container {
	margin-top: -0.5em;
}



div.ci-3box-grid-container div.ci-3box-grid-box a.ci-3box-grid-box-link:hover,
div.ci-3box-grid-container div.ci-3box-grid-box a.ci-3box-grid-box-link:active {
	background-color: rgba(255,255,255,0.25);
}

div.ci-3box-grid-container.ucc-top div.ci-3box-grid-box {
	background-color: #929eb8;
}
div.ci-3box-grid-container.ucc-bottom div.ci-3box-grid-box {
	background-color: #868ca2;
}

div.ci-3box-grid-container div.ci-3box-grid-box.full-time {
	background-color: #9da3be;
}

div.ci-3box-grid-container div.ci-3box-grid-box.apprenticeships {
	background-color: #fab313;
}


div.ci-3box-grid-container div.ci-3box-grid-box.part-time {
	background-color: #e6007c;
}


div.ci-3box-grid-container div.ci-3box-grid-box.prospectus {
	background-color: #9ec815;
}

div.ci-3box-grid-container div.ci-3box-grid-box.openevent {
	background-color: #00a8ab;
}

div.ci-3box-grid-container div.ci-3box-grid-box.ofsted,
div.ci-3box-grid-container div.ci-3box-grid-box.fenews,
div.ci-3box-grid-container div.ci-3box-grid-box.news {
	background-color: #4b2463;
}


div.ci-3box-grid-container div.ci-3box-grid-box.stem {
	background-color: #98c21d;
}



div.ci-3box-grid-container div.ci-3box-grid-box.ofsted div.ci-3box-grid-box-fullimage {
	height: 75px;
}


/* ci Blue */

div.ci-3box-grid-container div.ci-3box-grid-box.ci-blue a {
	background-color: rgb(47,16,124);
}

div.ci-3box-grid-container div.ci-3box-grid-box.ci-blue a:hover,
div.ci-3box-grid-container div.ci-3box-grid-box.ci-blue a:active {
	background-color: rgb(47,16,124);
}


/* ci-red */

div.ci-3box-grid-container div.ci-3box-grid-box.ci-red a {
	background-color: rgb(198,49,57);
}

div.ci-3box-grid-container div.ci-3box-grid-box.ci-red a:hover,
div.ci-3box-grid-container div.ci-3box-grid-box.ci-red a:active {
	background-color: rgb(198,49,57);
}

/* ci-teal */

div.ci-3box-grid-container div.ci-3box-grid-box.ci-teal a {
	background-color: rgb(0,168,171);
}

div.ci-3box-grid-container div.ci-3box-grid-box.ci-teal a:hover,
div.ci-3box-grid-container div.ci-3box-grid-box.ci-teal a:active {
	background-color: rgb(0,168,171);
}

/* ci-lilac */

div.ci-3box-grid-container div.ci-3box-grid-box.ci-lilac a {
	background-color: rgb(157,136,190);
}

div.ci-3box-grid-container div.ci-3box-grid-box.ci-lilac a:hover,
div.ci-3box-grid-container div.ci-3box-grid-box.ci-lilac a:active {
	background-color: rgb(157,136,190);
}

/* ci-orange*/

div.ci-3box-grid-container div.ci-3box-grid-box.ci-orange a {
	background-color: rgb(241,153,107);
}

div.ci-3box-grid-container div.ci-3box-grid-box.ci-orange a:hover,
div.ci-3box-grid-container div.ci-3box-grid-box.ci-orange a:active {
	background-color: rgb(241,153,107);
}

/* ci-red */

div.ci-3box-grid-container div.ci-3box-grid-box.ci-lightcyan a {
	background-color: rgb(145,208,213);
}

div.ci-3box-grid-container div.ci-3box-grid-box.ci-lightcyan a:hover,
div.ci-3box-grid-container div.ci-3box-grid-box.ci-lightcyan a:active {
	background-color: rgb(145,208,213);
}

/* ci-darkgreen */

div.ci-3box-grid-container div.ci-3box-grid-box.ci-darkgreen a {
	background-color: rgb(71,103,44);
}

div.ci-3box-grid-container div.ci-3box-grid-box.ci-darkgreen a:hover,
div.ci-3box-grid-container div.ci-3box-grid-box.ci-darkgreen a:active {
	background-color: rgb(71,103,44);
}

/* ci-cyan2 */

div.ci-3box-grid-container div.ci-3box-grid-box.ci-cyan2 a {
	background-color: rgb(133,182,208);
}

div.ci-3box-grid-container div.ci-3box-grid-box.ci-cyan2 a:hover,
div.ci-3box-grid-container div.ci-3box-grid-box.ci-cyan2 a:active {
	background-color: rgb(133,182,208);
}

/* ci-lightred */

div.ci-3box-grid-container div.ci-3box-grid-box.ci-lightred a {
	background-color: rgb(225,93,93);
}

div.ci-3box-grid-container div.ci-3box-grid-box.ci-lightred a:hover,
div.ci-3box-grid-container div.ci-3box-grid-box.ci-lightred a:active {
	background-color: rgb(225,93,93);
}

/* ci-darkpurple */

div.ci-3box-grid-container div.ci-3box-grid-box.ci-darkpurple a {
	background-color: rgb(112,36,60);
}

div.ci-3box-grid-container div.ci-3box-grid-box.ci-darkpurple a:hover,
div.ci-3box-grid-container div.ci-3box-grid-box.ci-darkpurple a:active {
	background-color: rgb(112,36,60);
}

/* ci-red */

div.ci-3box-grid-container div.ci-3box-grid-box.ci-cyan a {
	background-color: rgb(0,169,232);
}

div.ci-3box-grid-container div.ci-3box-grid-box.ci-cyan a:hover,
div.ci-3box-grid-container div.ci-3box-grid-box.ci-cyan a:active {
	background-color: rgb(0,169,232);
}

/* ci-navyblue */

div.ci-3box-grid-container div.ci-3box-grid-box.ci-navyblue a {
	background-color: rgb(35,44,87);
}

div.ci-3box-grid-container div.ci-3box-grid-box.ci-navyblue a:hover,
div.ci-3box-grid-container div.ci-3box-grid-box.ci-navyblue a:active {
	background-color: rgb(35,44,87);
}

/* ci-pink */

div.ci-3box-grid-container div.ci-3box-grid-box.ci-pink a {
	background-color: rgb(230,0,124);
}

div.ci-3box-grid-container div.ci-3box-grid-box.ci-pink a:hover,
div.ci-3box-grid-container div.ci-3box-grid-box.ci-pink a:active {
	background-color: rgb(230,0,124);
}

/* ci-green */

div.ci-3box-grid-container div.ci-3box-grid-box.ci-green a {
	background-color: rgb(5,119,114);
}

div.ci-3box-grid-container div.ci-3box-grid-box.ci-green a:hover,
div.ci-3box-grid-container div.ci-3box-grid-box.ci-green a:active {
	background-color: rgb(5,119,114);
}

/* ci-lightgeen */

div.ci-3box-grid-container div.ci-3box-grid-box.ci-lightgeen a,
div.ci-3box-grid-container div.ci-3box-grid-box.ci-lightgreen a {
	background-color: rgb(152,194,29);
}

div.ci-3box-grid-container div.ci-3box-grid-box.ci-lightgeen a:hover,
div.ci-3box-grid-container div.ci-3box-grid-box.ci-lightgeen a:active,
div.ci-3box-grid-container div.ci-3box-grid-box.ci-lightgreen a:hover,
div.ci-3box-grid-container div.ci-3box-grid-box.ci-lightgreen a:active {
	background-color: rgb(152,194,29);
}

/* ci-darkcyan */

div.ci-3box-grid-container div.ci-3box-grid-box.ci-darkcyan a {
	background-color: rgb(55,122,190);
}

div.ci-3box-grid-container div.ci-3box-grid-box.ci-darkcyan a:hover,
div.ci-3box-grid-container div.ci-3box-grid-box.ci-darkcyan a:active {
	background-color: rgb(55,122,190);
}

/* ci-darkorange */

div.ci-3box-grid-container div.ci-3box-grid-box.ci-darkorange a {
	background-color: rgb(234,84,39);
}

div.ci-3box-grid-container div.ci-3box-grid-box.ci-darkorange a:hover,
div.ci-3box-grid-container div.ci-3box-grid-box.ci-darkorange a:active {
	background-color: rgb(234,84,39);
}

/* ci-orange */

div.ci-3box-grid-container div.ci-3box-grid-box.ci-orange2 a {
	background-color: rgb(250,179,19);
}

div.ci-3box-grid-container div.ci-3box-grid-box.ci-orange2 a:hover,
div.ci-3box-grid-container div.ci-3box-grid-box.ci-orange2 a:active {
	background-color: rgb(250,179,19);
}

/* ci-purple */

div.ci-3box-grid-container div.ci-3box-grid-box.ci-purple a {
	background-color: rgb(75,36,99);
}

div.ci-3box-grid-container div.ci-3box-grid-box.ci-purple a:hover,
div.ci-3box-grid-container div.ci-3box-grid-box.ci-purple a:active {
	background-color: rgb(75,36,99);
}

/* ci-lightpurple */

div.ci-3box-grid-container div.ci-3box-grid-box.ci-lightpurple a {
	background-color: rgb(211,148,190);
}

div.ci-3box-grid-container div.ci-3box-grid-box.ci-lightpurple a:hover,
div.ci-3box-grid-container div.ci-3box-grid-box.ci-lightpurple a:active {
	background-color: rgb(211,148,190);
}

/* ci-black */

div.ci-3box-grid-container div.ci-3box-grid-box.ci-black a {
	background-color: rgb(0,0,0);
}

div.ci-3box-grid-container div.ci-3box-grid-box.ci-black a:hover,
div.ci-3box-grid-container div.ci-3box-grid-box.ci-black a:active {
	background-color: rgb(0,0,0);
}

/* ci-white */

div.ci-3box-grid-container div.ci-3box-grid-box.ci-white a {
	color: #333333;
	background-color: rgb(255,255,255);
}

div.ci-3box-grid-container div.ci-3box-grid-box.ci-white a:hover,
div.ci-3box-grid-container div.ci-3box-grid-box.ci-white a:active {
	background-color: rgb(255,255,255);
}




@media only screen and (max-width: 1080px) {
    div.ci-3box-grid-container div.ci-3box-grid-box {
        display: block;
        width: 100%;
        margin-bottom: 1.25em;
       	height: auto;
    }
    
    div.ci-3box-grid-container div.ci-3box-grid-box:last-child {
		margin-bottom: 0;
	}
    
	div.ci-3box-grid-container div.ci-3box-grid-box.topleft {
		border-top-left-radius: 0;
	}
	
	div.ci-3box-grid-container div.ci-3box-grid-box.bottomleft {
		border-bottom-left-radius: 0;
	}
}

@media only screen and (max-width: 600px) {
	div.ci-3box-grid-container div.ci-3box-grid-box div.ci-3box-grid-box-container div.ci-3box-grid-box-image,
	div.ci-3box-grid-container div.ci-3box-grid-box div.ci-3box-grid-box-container div.ci-3box-grid-box-faicon {
		width: 50%;
	}
}


@media only screen and (max-width: 420px) {
	div.ci-3box-grid-container div.ci-3box-grid-box div.ci-3box-grid-box-container div.ci-3box-grid-box-image,
	div.ci-3box-grid-container div.ci-3box-grid-box div.ci-3box-grid-box-container div.ci-3box-grid-box-faicon {
		display: none;
		width: 0;
	}
}




/* ci 2box grid */

div.ci-2box-grid-container {
	display: table; 
	width: 100%;
	border-collapse: separate;
	border-spacing: 0.5em;
	vertical-align: middle;
}

div.ci-2box-grid-container div.ci-2box-grid-box {
	display: table-cell;
	position: relative;
	background-color: #929eb8;
	vertical-align: middle;
	border-collapse: collapse;
	
	width: 50%;
	
	height: 130px;
}

div.ci-2box-grid-container div.ci-2box-grid-box.topleft {
	border-top-left-radius: 30% 100%;
}

div.ci-2box-grid-container div.ci-2box-grid-box.bottomleft {
	border-bottom-left-radius: 30% 100%;
}

div.ci-2box-grid-container div.ci-2box-grid-box div.ci-2box-grid-box-container {
	display: table;
	border-collapse: separate;
	border-spacing: 1.25em;
	width: 100%;
	padding: 0.5em 1.5em 0.5em 1.5em;
}

div.ci-2box-grid-container div.ci-2box-grid-box div.ci-2box-grid-box-container  div.ci-2box-grid-min {
	display: block;
	min-height: 100px;
	vertical-align: central;
}


div.ci-2box-grid-container div.ci-2box-grid-box div.ci-2box-grid-box-container div.ci-2box-grid-box-image {
	display: table-cell;
	width: 25%;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

div.ci-2box-grid-container div.ci-2box-grid-box div.ci-2box-grid-box-container div.ci-2box-grid-box-text {
	display: block;
	width: 100%;
}


div.ci-2box-grid-container div.ci-2box-grid-box div.ci-2box-grid-box-container div.ci-2box-grid-box-text span {
	display: block;
	text-transform: uppercase;
	
	font-size: 1.1em;
	line-height: 1.25em;
}

div.ci-2box-grid-container div.ci-2box-grid-box div.ci-2box-grid-box-container div.ci-2box-grid-box-text span.line0,
div.ci-2box-grid-container div.ci-2box-grid-box div.ci-2box-grid-box-container div.ci-2box-grid-box-text span.line1 {
	color: #FFFFFF;
}

div.ci-2box-grid-container div.ci-2box-grid-box div.ci-2box-grid-box-container div.ci-2box-grid-box-text span.line2,
div.ci-2box-grid-container div.ci-2box-grid-box div.ci-2box-grid-box-container div.ci-2box-grid-box-text span.line3  {
	color: #424346;
	font-weight: bold;
}


div.ci-2box-grid-container div.ci-2box-grid-box div.ci-2box-grid-box-container div.ci-2box-grid-box-image +  div.ci-2box-grid-box-text {
	display: table-cell;
}

div.ci-2box-grid-container div.ci-2box-grid-box div.ci-2box-grid-box-container div.ci-2box-grid-box-fullimage {
	width: 100%;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	min-height: 50px;
}


div.ci-2box-grid-container div.ci-2box-grid-box a.ci-2box-grid-box-link {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
}


div.ci-2box-grid-container div.ci-2box-grid-box a.ci-2box-grid-box-link:hover,
div.ci-2box-grid-container div.ci-2box-grid-box a.ci-2box-grid-box-link:active {
	background-color: rgba(255,255,255,0.25);
}

div.ci-2box-grid-container.ucc-top div.ci-2box-grid-box {
	background-color: #929eb8;
}
div.ci-2box-grid-container.ucc-bottom div.ci-2box-grid-box {
	background-color: #868ca2;
}

div.ci-2box-grid-container.ci-fe-aos div.ci-2box-grid-box-text,
div.ci-2box-grid-container.ci-fe-aos-top div.ci-2box-grid-box-text,
div.ci-2box-grid-container.ci-fe-aos-bottom div.ci-2box-grid-box-text{
	text-align: center;
}

div.ci-2box-grid-container + div.ci-2box-grid-container {
	margin-top: -0.5em;
}

div.ci-2box-grid-container div.ci-2box-grid-box.full-time {
	background-color: #9da3be;
}

div.ci-2box-grid-container div.ci-2box-grid-box.apprenticeships {
	background-color: #fab313;
}


div.ci-2box-grid-container div.ci-2box-grid-box.part-time {
	background-color: #e6007c;
}


div.ci-2box-grid-container div.ci-2box-grid-box.prospectus {
	background-color: #9ec815;
}

div.ci-2box-grid-container div.ci-2box-grid-box.openevent {
	background-color: #00a8ab;
}

div.ci-2box-grid-container div.ci-2box-grid-box.ofsted {
	background-color: #4b2463;
}



div.ci-2box-grid-container div.ci-2box-grid-box.ofsted div.ci-2box-grid-box-fullimage {
	height: 75px;
}


@media only screen and (max-width: 1080px) {
    div.ci-2box-grid-container div.ci-2box-grid-box {
        display: block;
        width: 100%;
        margin-bottom: 1.25em;
       	height: auto;
    }
    
    div.ci-2box-grid-container div.ci-2box-grid-box:last-child {
		margin-bottom: 0;
	}
    
	div.ci-2box-grid-container div.ci-2box-grid-box.topleft {
		border-top-left-radius: 0;
	}
	
	div.ci-2box-grid-container div.ci-2box-grid-box.bottomleft {
		border-bottom-left-radius: 0;
	}
}

@media only screen and (max-width: 600px) {
	div.ci-2box-grid-container div.ci-2box-grid-box div.ci-2box-grid-box-container div.ci-2box-grid-box-image {
		width: 50%;
	}
}


@media only screen and (max-width: 420px) {
	div.ci-2box-grid-container div.ci-2box-grid-box div.ci-2box-grid-box-container div.ci-2box-grid-box-image {
		display: none;
		width: 0;
	}
}






/* CI BOX 2019 */

div.ci-box-2019 {
	position: relative;
	width: 100%;
	text-align: left;
	border: 1px solid transparent;
	overflow: hidden;
	margin-bottom: 10px;
}

div.ci-box-2019:before {
	content: "";
	display: block;
	padding-bottom: 100%;
}

div.ci-box-2019.top-left {
	border-top-left-radius: 25% 100%;
}

div.ci-box-2019.bottom-left {
	border-bottom-left-radius: 25% 100%;
}

@media only screen and (max-width: 980px) {
	div.ci-box-2019.top-left {
		border-top-left-radius: 0 0;
	}
	
	div.ci-box-2019.bottom-left {
		border-bottom-left-radius: 0 0;
	}

}


div.ci-box-2019.third:before {
	padding-bottom: 33%;
}


div.ci-box-2019.half:before {
	padding-bottom: 50%;
}



div.ci-box-2019.ucc-btn-menu:before,
div.ci-box-2019.ci-fe-btn-menu:before {
	padding-bottom: 33%;
}

@media only screen and (max-width: 980px) {
	div.ci-box-2019.ucc-btn-menu:before,
	div.ci-box-2019.ci-fe-btn-menu:before {
		padding-bottom: 22%;
	}
}


div.ci-box-2019 div.ci-box-2019-bg, 
div.ci-box-2019 div.ci-box-2019-txtarea, 
div.ci-box-2019 div.ci-box-2019-hovertxt, 
div.ci-box-2019 div.ci-box-2019-link {
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;  
	transition: all 2s ease;
	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
	-o-transition: all 2s ease;
	-webkit-transition: all 2s ease;
}

div.ci-box-2019 div.ci-box-2019-bg {
	background-size: cover;
	background-position: center center;
	transition: all 2s ease;
	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
	-o-transition: all 2s ease;
	-webkit-transition: all 2s ease;
}

div.ci-box-2019:hover div.ci-box-2019-bg {
	top: -75px;
	left: -75px;
	bottom: -75px;
	right: -75px;
}


div.ci-box-2019 div.ci-box-2019-link a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border: 5px solid transparent;
	transition: all 2s ease;
	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
	-o-transition: all 2s ease;
	-webkit-transition: all 2s ease;
}

div.ci-box-2019 div.ci-box-2019-link a:hover,
div.ci-box-2019 div.ci-box-2019-link a:active {
	cursor: pointer;
}


div.ci-box-2019 {
	/* border-color: #333333; */
	border-color: transparent;
}

/* Center Text Layout */


div.ci-box-2019 div.ci-box-2019-centerlayout {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}


div.ci-box-2019 div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text {
	position: absolute;	
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
}


div.ci-box-2019 div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text div.ci-box-2019-centerlayout-text-content {
	padding: 2.5% 2.5% 2.5% 2.5%;
	font-size: 20px;
	text-align: center;
}


div.ci-box-2019 div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-top,
div.ci-box-2019 div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-middle,
div.ci-box-2019 div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-bottom {
	display: block;
	font-size: 1.2em;
	line-height: 1.2em;
}

div.ci-box-2019 div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-top,
div.ci-box-2019 div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-middle {
	color: #FFFFFF;
}

div.ci-box-2019.ci-darktext div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-top,
div.ci-box-2019.ci-darktext div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-middle {
	color: #000000;
}



div.ci-box-2019 div.ci-box-2019-centerlayout + div.ci-box-2019-link a:hover,
div.ci-box-2019 div.ci-box-2019-centerlayout + div.ci-box-2019-link a:active {
	background-color: rgba(255,255,255,0.3);
}



div.ci-box-2019 div.ci-box-2019-full-width-iconlayout {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

div.ci-box-2019 div.ci-box-2019-full-width-iconlayout div.ci-box-2019-full-width-icon-image {
	position: absolute;
	top: 1%;
	bottom: 1%;
	left: 10%;
	width: 80%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

div.ci-box-2019 div.ci-box-2019-full-width-iconlayout div.ci-box-2019-full-width-faicon {
	position: absolute;	
	top: 50%;
	left: 10%;
	transform: translateY(-50%);
	width: 80%;
	font-size: 64px;
}

div.ci-box-2019 div.ci-box-2019-full-width-iconlayout div.ci-box-2019-full-width-faicon span {
	width: 100%;
	text-align: center;
}


/* Icon Layout */

div.ci-box-2019 div.ci-box-2019-iconlayout {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}


div.ci-box-2019 div.ci-box-2019-iconlayout div.ci-box-2019-icon-image {
	position: absolute;
	top: 1%;
	bottom: 1%;
	left: 13%;
	width: 18%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

div.ci-box-2019 div.ci-box-2019-iconlayout div.ci-box-2019-faicon {
	position: absolute;	
	top: 50%;
	left: 10%;
	width: 18%;
	transform: translateY(-50%);
	font-size: 60px;
}

div.ci-box-2019 div.ci-box-2019-iconlayout div.ci-box-2019-faicon span {
	width: 100%;
	text-align: center;
}

div.ci-box-2019 div.ci-box-2019-iconlayout div.ci-box-2019-icon-text {
	position: absolute;	
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 66%;
}


div.ci-box-2019.ucc-btn-menu,
div.ci-box-2019.ci-fe-btn-menu {
	font-weight: bold;
	text-transform: uppercase;
}



div.ci-box-2019 div.ci-box-2019-iconlayout div.ci-box-2019-icon-text div.ci-box-2019-icon-text-content {
	padding: 2.5% 2.5% 2.5% 2.5%;
	font-size: 16px; /* 18 */
}


div.ci-box-2019 div.ci-box-2019-iconlayout div.ci-box-2019-icon-text span.ci-box-2019-icon-txt-top,
div.ci-box-2019 div.ci-box-2019-iconlayout div.ci-box-2019-icon-text span.ci-box-2019-icon-txt-middle,
div.ci-box-2019 div.ci-box-2019-iconlayout div.ci-box-2019-icon-text span.ci-box-2019-icon-txt-bottom {
	display: block;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bold;
}

div.ci-box-2019 div.ci-box-2019-iconlayout div.ci-box-2019-icon-text span.ci-box-2019-icon-txt-top,
div.ci-box-2019 div.ci-box-2019-iconlayout div.ci-box-2019-icon-text span.ci-box-2019-icon-txt-middle {
	color: #FFFFFF;
}

div.ci-box-2019 div.ci-box-2019-iconlayout + div.ci-box-2019-link a:hover,
div.ci-box-2019 div.ci-box-2019-iconlayout + div.ci-box-2019-link a:active {
	background-color: rgba(255,255,255,0.3);
}

/* Default */

div.ci-box-2019 div.ci-box-2019-txtarea {
	opacity: 1;
}

div.ci-box-2019:hover div.ci-box-2019-txtarea {
	opacity: 0;
}


div.ci-box-2019 div.ci-box-2019-txtarea div.ci-box-2019-txtarea-topbar,
div.ci-box-2019 div.ci-box-2019-txtarea div.ci-box-2019-txtarea-bottombar {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
}


div.ci-box-2019 div.ci-box-2019-txtarea div.ci-box-2019-txtarea-topbar {
	position:  absolute;
	top: 0;
	left: 0;
	right: 0;
}

div.ci-box-2019 div.ci-box-2019-txtarea div.ci-box-2019-txtarea-bottombar {
	position:  absolute;
	bottom: 0;
	left: 0;
	right: 0;
}


div.ci-box-2019 div.ci-box-2019-txtarea div.ci-box-2019-txtbar {
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
	padding: 5px 5px 5px 5px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
}


div.ci-box-2019 div.ci-box-2019-hovertxt {
	opacity: 0;
}

div.ci-box-2019:hover div.ci-box-2019-hovertxt {
	opacity: 1;
}

div.ci-box-2019-hovertxt-container {
	display: table;
	width: 100%; height: 100%;
}

div.ci-box-2019-hovertxt-txt {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 1.2em;
	font-weight: bold;
	
	padding: 10px;
}


div.ci-box-2019 div.ci-box-2019-txtarea div.ci-box-2019-txtarea-topbar,
div.ci-box-2019 div.ci-box-2019-txtarea div.ci-box-2019-txtarea-bottombar,
div.ci-box-2019 div.ci-box-2019-hovertxt {
	background-color: #333333;
	background-color: rgba(52, 52, 52, 0.75);
}





div.ci-box-2019.ucc-tab-section-btn div.ci-box-2019-iconlayout div.ci-box-2019-icon-text span.ci-box-2019-icon-txt-top,
div.ci-box-2019.ucc-tab-section-btn div.ci-box-2019-iconlayout div.ci-box-2019-icon-text span.ci-box-2019-icon-txt-middle,
div.ci-box-2019.ucc-tab-section-btn div.ci-box-2019-iconlayout div.ci-box-2019-icon-text span.ci-box-2019-icon-txt-bottom {
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 1.6em;
}

div.ci-box-2019.ucc-tab-section-btn div.ci-box-2019-iconlayout div.ci-box-2019-icon-text span.ci-box-2019-icon-txt-top {
	font-weight: normal;
}

div.ci-box-2019.ucc-tab-section-btn div.ci-box-2019-iconlayout div.ci-box-2019-icon-text span.ci-box-2019-icon-txt-middle,
div.ci-box-2019.ucc-tab-section-btn div.ci-box-2019-iconlayout div.ci-box-2019-icon-text span.ci-box-2019-icon-txt-bottom {
	font-weight: bold;
}




/* CI BOX 2019 Mobile Size Fix */

@media only screen and (max-width: 420px) {

	div.ci-box-2019 div.ci-box-2019-iconlayout div.ci-box-2019-icon-image {
		left: 5%;
	}
	
	div.ci-box-2019 div.ci-box-2019-iconlayout div.ci-box-2019-faicon {
		left: 5%;
	}

	div.ci-box-2019 div.ci-box-2019-iconlayout div.ci-box-2019-icon-text div.ci-box-2019-icon-text-content, 
	div.ci-box-2019 div.ci-box-2019-iconlayout div.ci-box-2019-icon-text span.ci-box-2019-icon-txt-top,
	div.ci-box-2019 div.ci-box-2019-iconlayout div.ci-box-2019-icon-text span.ci-box-2019-icon-txt-middle,
	div.ci-box-2019 div.ci-box-2019-iconlayout div.ci-box-2019-icon-text span.ci-box-2019-icon-txt-bottom,
	div.ci-box-2019 div.ci-box-2019-txtarea div.ci-box-2019-txtbar,
	div.ci-box-2019-hovertxt-txt {
		font-size: 14px;
	}

}


/* Custom CI BOX 2019 COLORS */

div.ci-box-2019.ucc-btn-menu,
div.ci-box-2019.ucc-btn-menu.top-row {
	/* background-color: #929eb8; */
	background-color: #868ca2;
	border-color: #929eb8;
}

div.ci-box-2019.ucc-btn-menu.bottom-row {
	background-color: #868ca2;
	border-color: #868ca2;
}



div.ci-box-2019.ci-fe-btn-menu {
	/* background-color: #929eb8; */
	background-color: #868ca2;
	/* border-color: #929eb8; */
	border-color: transparent;
}


/*
div.ci-box-2019.ci-fe-btn-menu.fulltime {
	background-color: #929eb8;
	border-color: #929eb8;
}

div.ci-box-2019.ci-fe-btn-menu.apprenticeships {
	background-color: #fab313;
	border-color: #fab313;
}


div.ci-box-2019.ci-fe-btn-menu.parttime {
	background-color: #e6007c;
	border-color: #e6007c;
}

div.ci-box-2019.ci-fe-btn-menu.prospectusrequest {
	background-color: #9ec815;
	border-color: #9ec815;
}

div.ci-box-2019.ci-fe-btn-menu.openevents {
	background-color: #00a8ab;
	border-color: #00a8ab;
}


div.ci-box-2019.ci-fe-btn-menu.news {
	background-color: #4b2463;
	border-color: #4b2463;
}
*/

/* Full Time */
div.ci-box-2019.ci-fe-btn-menu.fulltime {
	background-color: rgb(250,179,19);
	border-color: rgb(250,179,19);
}

div.ci-box-2019.ci-fe-btn-menu.fulltime div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-top,
div.ci-box-2019.ci-fe-btn-menu.fulltime div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-middle {
	color: #000000;
}


/* Part Time */

div.ci-box-2019.ci-fe-btn-menu.parttime {
	background-color: #e6007c;
	border-color: #e6007c;
}

/* apprenticeships */

div.ci-box-2019.ci-fe-btn-menu.apprenticeships {
	background-color: rgb(234,84,39);
	border-color: rgb(234,84,39);
}

div.ci-box-2019.ci-fe-btn-menu.apprenticeships div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-top,
div.ci-box-2019.ci-fe-btn-menu.apprenticeships div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-middle {
	color: #000000;
}


/* Prospectus Request */
div.ci-box-2019.ci-fe-btn-menu.prospectusrequest {
	background-color: rgb(35,44,87);
	border-color: rgb(35,44,87);
}


/* Open Events */
div.ci-box-2019.ci-fe-btn-menu.openevents {
	background-color: rgb(152,194,29);
	border-color: rgb(152,194,29);
}

div.ci-box-2019.ci-fe-btn-menu.openevents div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-top,
div.ci-box-2019.ci-fe-btn-menu.openevents div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-middle {
	color: #000000;
}


/* News */
div.ci-box-2019.ci-fe-btn-menu.news {
	background-color: rgb(75,36,99);
	border-color: rgb(75,36,99);
}



/* Custom CI BOX 2019 COLORS */


div.ci-box-2019.ci-blue:hover {
	border-color: rgb(47, 46, 124);
}

div.ci-box-2019.ci-blue div.ci-box-2019-hovertxt {
	background-color: rgb(47, 46, 124);
	background-color: rgba(47, 46, 124, 0.75);
}


div.ci-box-2019.ci-red:hover {
	border-color: rgb(198, 49, 57);
}

div.ci-box-2019.ci-red div.ci-box-2019-hovertxt {
	background-color: rgb(198, 49, 57);
	background-color: rgba(198, 49, 57, 0.75);
}

div.ci-box-2019.ci-fe div.ci-box-2019-txtarea div.ci-box-2019-txtbar {
	border-color: #FFFFFF;
}


/* *** */

div.ci-box-2019.homepage-find-a-course:hover {
	border-color: rgb(47, 46, 124);
}

div.ci-box-2019.homepage-find-a-course div.ci-box-2019-hovertxt {
	background-color: rgb(47, 46, 124);
	background-color: rgba(47, 46, 124, 0.75);
}


div.ci-box-2019.homepage-open-days:hover {
	border-color: rgb(198, 49, 57);
}

div.ci-box-2019.homepage-open-days div.ci-box-2019-hovertxt {
	background-color: rgb(198, 49, 57);
	background-color: rgba(198, 49, 57, 0.75);
}


div.ci-box-2019.homepage-news:hover {
	border-color: rgb(152, 194, 29);
}

div.ci-box-2019.homepage-news div.ci-box-2019-hovertxt {
	background-color: rgb(152, 194, 29);
	background-color: rgba(152, 194, 29, 0.75);
}






div.ci-box-2019.homepage-school-leavers:hover {
	border-color: #e6007c;
}


div.ci-box-2019.homepage-school-leavers div.ci-box-2019-hovertxt {
	background-color: #e6007c;
	background-color: rgba(234, 46, 148, 0.75);
}


div.ci-box-2019.homepage-adult-learners:hover {
	border-color: #4b2463;
}

div.ci-box-2019.homepage-adult-learners div.ci-box-2019-hovertxt {
	background-color: #4b2463;
	background-color: rgba(75, 36, 99, 0.75);
}

div.ci-box-2019.homepage-apprenticeships:hover {
	border-color: #f15e33;
}
div.ci-box-2019.homepage-apprenticeships div.ci-box-2019-hovertxt {
	background-color: #f15e33;
	background-color: rgba(241, 94, 51, 0.75);
}


div.ci-box-2019.homepage-ucc:hover {
	border-color: #00a7aa;
}

div.ci-box-2019.homepage-ucc div.ci-box-2019-hovertxt {
	background-color: #00a7aa;
	background-color: rgba(0, 167, 170, 0.75);
}



div.ci-box-2019.homepage-term-dates:hover {
	background-color: rgb(55, 122, 190);
}
div.ci-box-2019.homepage-term-dates div.ci-box-2019-hovertxt {
	background-color: rgb(55, 122, 190);
	background-color: rgba(55, 122, 190, 0.75);
}


div.ci-box-2019.homepage-absence-reporting:hover {
	border-color: rgb(71,103,44);
}

div.ci-box-2019.homepage-absence-reporting div.ci-box-2019-hovertxt {
	background-color: rgba(71,103,44);
	background-color: rgba(71,103,44, 0.75);
}


div.ci-box-2019 {
	background-color: rgb(51, 51, 51);
}

div.ci-box-2019.ci-darkgrey {
	background-color: rgb(51, 51, 51);
}


div.ci-box-2019.ci-blue {
	background-color: rgb(47,16,124);
}

div.ci-box-2019.ci-red {
	background-color: rgb(198,49,57);
}

div.ci-box-2019.ci-teal {
	background-color: rgb(0,168,171);
}

div.ci-box-2019.ci-lilac {
	background-color: rgb(157,136,190);
}

div.ci-box-2019.ci-orange {
	background-color: rgb(241,153,107);
}

div.ci-box-2019.ci-lightcyan {
	background-color: rgb(145,208,213);
}

div.ci-box-2019.ci-darkgreen {
	background-color: rgb(71,103,44);
}

div.ci-box-2019.ci-cyan2 {
	background-color: rgb(133,182,208);
}

div.ci-box-2019.ci-lightred {
	background-color: rgb(225,93,93);
}

div.ci-box-2019.ci-darkpurple {
	background-color: rgb(112,36,60);
}

div.ci-box-2019.ci-cyan {
	background-color: rgb(0,169,232);
}

div.ci-box-2019.ci-navyblue {
	background-color: rgb(35,44,87);
}

div.ci-box-2019.ci-pink {
	background-color: rgb(230,0,124);
}

div.ci-box-2019.ci-green {
	/* background-color: rgb(5,119,114); */
	background-color: #04625E;
}

div.ci-box-2019.ci-lightgeen,
div.ci-box-2019.ci-lightgreen {
	background-color: rgb(152,194,29);
}

div.ci-box-2019.ci-darkcyan {
	background-color: rgb(55,122,190);
}

div.ci-box-2019.ci-darkorange {
	background-color: rgb(234,84,39);
}

div.ci-box-2019.ci-orange2 {
	background-color: rgb(250,179,19);
}

div.ci-box-2019.ci-purple {
	background-color: rgb(75,36,99);
}

div.ci-box-2019.ci-lightpurple {
	background-color: rgb(211,148,190);
}

div.ci-box-2019.ci-black {
	background-color: rgb(0,0,0);
}

div.ci-box-2019.ci-white {
	color: #333333;
	background-color: rgb(255,255,255);
}

div.ci-box-2019.ci-white div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-top,
div.ci-box-2019.ci-white div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-middle {
	color: #333333;
}


div.ci-box-2019.ci-fegray {
	background-color: rgb(51, 51, 51);
}



/* CI LINK */

div.ci-link-2019 {
	margin-bottom: 10px;
}







div.ci-link-2019 a {
	background-color: #333333;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	width: 100%;	
	font-size: 24px;
}

div.ci-link-2019 a:hover,
div.ci-link-2019 a:active {
	background-color: #000000;
	color: #FFFFFF;
}


div.ci-link-2019 a.arrowlink {	
	padding: 10px 10px 10px 10px;
}

div.ci-link-2019 a.arrowlink:after {
    display: inline-block;
    content: "\203A";
    text-align: right;
    float: right;
    font-size: 60px;
    font-weight: 600;
    padding: 0;
    line-height: 25px;
    margin-top: -5px;
}

div.ci-link-2019 a img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


/* CI Dark Grey */


div.ci-link-2019.ci-darkgrey a {
	background-color: rgb(51, 51, 51);
}

div.ci-link-2019.ci-darkgrey a:hover,
div.ci-link-2019.ci-darkgrey a:active {
	background-color: rgb(41, 41, 41);
}



/* ci-blue 2F107C 230964 */

div.ci-link-2019.ci-blue a {
	background-color: rgb(47,16,124);
}

div.ci-link-2019.ci-blue a:hover,
div.ci-link-2019.ci-blue a:active {
	background-color: rgb(35, 9, 100);
}


/* ci-red  C63139  C63139*/

div.ci-link-2019.ci-red a {
	background-color: rgb(198,49,57);
}

div.ci-link-2019.ci-red a:hover,
div.ci-link-2019.ci-red a:active {
	background-color: rgb(162,24,31);
}

/* ci-teal 00A8AB */

div.ci-link-2019.ci-teal a {
	background-color: rgb(0,168,171);
}

div.ci-link-2019.ci-teal a:hover,
div.ci-link-2019.ci-teal a:active {
	background-color: rgb(0, 130, 130);
}

/* ci-lilac 9D88BE */

div.ci-link-2019.ci-lilac a {
	background-color: rgb(157,136,190);
}

div.ci-link-2019.ci-lilac a:hover,
div.ci-link-2019.ci-lilac a:active {
	background-color: rgb(119, 93, 160);
}

/* ci-orange #F1996B*/

div.ci-link-2019.ci-orange a {
	background-color: rgb(241,153,107);
}

div.ci-link-2019.ci-orange a:hover,
div.ci-link-2019.ci-orange a:active {
	background-color: rgb(208, 116, 66);
}

/* ci-lightcyan #91D0D5*/

div.ci-link-2019.ci-lightcyan a {
	background-color: rgb(145,208,213);
}

div.ci-link-2019.ci-lightcyan a:hover,
div.ci-link-2019.ci-lightcyan a:active {
	background-color: rgb(98, 173, 180);
}

/* ci-darkgreen #47672C */

div.ci-link-2019.ci-darkgreen a {
	background-color: rgb(71,103,44);
}

div.ci-link-2019.ci-darkgreen a:hover,
div.ci-link-2019.ci-darkgreen a:active {
	background-color: rgb(51, 83, 24);
}

/* ci-cyan2 #85B6D0 */

div.ci-link-2019.ci-cyan2 a {
	background-color: rgb(133,182,208);
}

div.ci-link-2019.ci-cyan2 a:hover,
div.ci-link-2019.ci-cyan2 a:active {
	background-color: rgb(89, 146, 176);
}

/* ci-lightred #E15D5D */

div.ci-link-2019.ci-lightred a {
	background-color: rgb(225,93,93);
}

div.ci-link-2019.ci-lightred a:hover,
div.ci-link-2019.ci-lightred a:active {
	background-color: rgb(194, 56, 56);
}

/* ci-darkpurple #70243C */

div.ci-link-2019.ci-darkpurple a {
	background-color: rgb(112,36,60);
}

div.ci-link-2019.ci-darkpurple a:hover,
div.ci-link-2019.ci-darkpurple a:active {
	background-color: rgb(82, 15, 36);
}

/* ci-cyan #00A9E8 */

div.ci-link-2019.ci-cyan a {
	background-color: rgb(0,169,232);
}

div.ci-link-2019.ci-cyan a:hover,
div.ci-link-2019.ci-cyan a:active {
	background-color: rgb(0, 117, 161);
}

/* ci-navyblue #232C57 */

div.ci-link-2019.ci-navyblue a {
	background-color: rgb(35,44,87);
}

div.ci-link-2019.ci-navyblue a:hover,
div.ci-link-2019.ci-navyblue a:active {
	background-color: rgb(18, 26, 63);
}

/* ci-pink #E6007C */

div.ci-link-2019.ci-pink a {
	background-color: rgb(230,0,124);
}

div.ci-link-2019.ci-pink a:hover,
div.ci-link-2019.ci-pink a:active {
	background-color: rgb(209, 0, 114);
}

/* ci-green #057772 */

div.ci-link-2019.ci-green a {
	background-color: rgb(5,119,114);
}

div.ci-link-2019.ci-green a:hover,
div.ci-link-2019.ci-green a:active {
	background-color: rgb(0, 98, 94);
}

/* ci-lightgeen #98C21D */

div.ci-link-2019.ci-lightgeen a,
div.ci-link-2019.ci-lightgreen a {
	background-color: rgb(152,194,29);
}

div.ci-link-2019.ci-lightgeen a:hover,
div.ci-link-2019.ci-lightgeen a:active,
div.ci-link-2019.ci-lightgreen a:hover,
div.ci-link-2019.ci-lightgreen a:active {
	background-color: rgb(120, 157, 12);
}

/* ci-darkcyan #377ABE */

div.ci-link-2019.ci-darkcyan a {
	background-color: rgb(55,122,190);
}

div.ci-link-2019.ci-darkcyan a:hover,
div.ci-link-2019.ci-darkcyan a:active {
	background-color: rgb(23, 99, 177);
}

/* ci-darkorange #EA5427 */

div.ci-link-2019.ci-darkorange a {
	background-color: rgb(234,84,39);
}

div.ci-link-2019.ci-darkorange a:hover,
div.ci-link-2019.ci-darkorange a:active {
	background-color: rgb(192, 53, 13);
}

/* ci-orange #FAB313 */

div.ci-link-2019.ci-orange2 a {
	background-color: rgb(250,179,19);
}

div.ci-link-2019.ci-orange2 a:hover,
div.ci-link-2019.ci-orange2 a:active {
	background-color: rgb(201, 140, 1);
}

/* ci-purple #4B2463 */

div.ci-link-2019.ci-purple a {
	background-color: rgb(75,36,99);
}

div.ci-link-2019.ci-purple a:hover,
div.ci-link-2019.ci-purple a:active {
	background-color: rgb(51, 17, 73);
}

/* ci-lightpurple #D394BE */

div.ci-link-2019.ci-lightpurple a {
	background-color: rgb(211,148,190);
}

div.ci-link-2019.ci-lightpurple a:hover,
div.ci-link-2019.ci-lightpurple a:active {
	background-color: rgb(185, 103, 158);
}

/* ci-black */

div.ci-link-2019.ci-black a {
	background-color: rgb(0,0,0);
}

div.ci-link-2019.ci-black a:hover,
div.ci-link-2019.ci-black a:active {
	background-color: rgb(70, 70, 70);
}

/* ci-white */

div.ci-link-2019.ci-white a {
	color: #333333;
	background-color: rgb(255,255,255);
}

div.ci-link-2019.ci-white a:hover,
div.ci-link-2019.ci-white a:active {
	background-color: rgb(206, 206, 206);
}


/* ci-navyblue-inverted #232C57 */

div.ci-link-2019.ci-navyblue-inverted a {
	color: #232C5;
	background-color: rgb(255,255,255);
}

div.ci-link-2019.ci-navyblue-inverted a:hover,
div.ci-link-2019.ci-navyblue-inverted a:active {
	background-color: rgb(206, 206, 206);
}




/* SUP */



/* ciBlogBoxes */

.ciBlogBoxes {
	
}


.ciBlogBoxes .pageLinks {

}

.ciBlogBoxes .pageLinks a {
	display: inline-block;
	margin: 5px 0;
	padding: 10px 20px;
	background-color: #333333;
	color: #FFFFFF;
	font-size: 16px;
	width: 100%;
	line-height: 28px;
}

.ciBlogBoxes .pageLinks a:hover,
.ciBlogBoxes .pageLinks a:active {
	background-color: #666666;
}

.ciBlogBoxes .pageLinks .newer {
	float: left;
	text-align: left;
}

.ciBlogBoxes .pageLinks .older {
	float: right;
	text-align: left;
}


.ciBlogBoxes .box {
    display: inline-block;
    vertical-align: top;
    width: 32.3%;
    margin: 10px .5%;
}

@media only screen and (max-width: 1080px) {
	.ciBlogBoxes .box {
	    width: 49%;
	    margin: 10px .5%;
	}
}


@media only screen and (max-width: 600px) {
	.ciBlogBoxes .box {
	    width: 99%;
	    margin: 10px .5%;
	}
}


.ciBlogBoxes .box .box-inside  {
    width: 100%;
    padding-top: 100%;
    position: relative;
    background-color: #212C75;
    overflow: hidden;
}

.ciBlogBoxes .box .box-bg {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-position: center center;
	transition: all 2s ease;
	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
	-o-transition: all 2s ease;
	-webkit-transition: all 2s ease;
}

.ciBlogBoxes .box .pad {
	padding: 10px;
}

.ciBlogBoxes .box .title {
	visibility: visible;
	opacity: 1;
	transition: visibility 0s linear 0ms, opacity 750ms;
}

.ciBlogBoxes .box .title .date-text {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #333333;
	background-color: rgba(0,0,0,0.75);
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
}

.ciBlogBoxes .box .title .title-text {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	background-color: #333333;
	background-color: rgba(0,0,0,0.75);
	text-align: center;
	color: #FFFFFF;
	text-transform: capitalize;
	font-weight: bold;
}

.ciBlogBoxes .box .excerpt {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s linear 0ms, opacity 750ms;
	background-color: #333333;
	background-color: rgba(0,0,0,0.75);
}

.ciBlogBoxes .box .excerpt .excerpt-container {
	display: table;
	width: 100%;
	height: 100%;
}

.ciBlogBoxes .box .excerpt .excerpt-text {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 24px;
}

.ciBlogBoxes .box .link a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
}


.ciBlogBoxes .box:hover .excerpt,
.ciBlogBoxes .box:active .excerpt {
	visibility: visible;
	opacity: 1;
	transition: visibility 0s linear 0ms, opacity 750ms;
}

.ciBlogBoxes .box:hover .title,
.ciBlogBoxes .box:active .title {
	visibility: visible;
	opacity: 0;
	transition: visibility 0s linear 0ms, opacity 750ms;
}


.ciBlogBoxes .box:hover .box-bg,
.ciBlogBoxes .box:active .box-bg {
    top: -75px;
    left: -75px;
    bottom: -75px;
    right: -75px;
}


/*
.ciBlogBoxes .box:hover .box-bg,
.ciBlogBoxes .box:active .box-bg {
    background-size: 125% auto;
}
*/






.ci-apprenticeship-list-csv ul {
	list-style: none outside none;
	padding: 0 0 0 0;
	margin: 10px 10px;
}

.ci-apprenticeship-list-csv ul li {
	background-color: #fff;
	border-bottom: 1px #ccc solid;
	padding: 10px 10px 10px 10px;
	margin: 0 0 0 0;
}

.ci-apprenticeship-list-csv ul li:nth-child(2n) {
    background-color: #f2f9ff;
}

.ci-apprenticeship-list-csv ul li a span.company-name {
	text-transform: uppercase;
}

.ci-apprenticeship-list-csv ul li  p.vacancy-title {
	font-weight: bold;
}

.ci-apprenticeship-list-csv ul li  p.meta span.meta-title {
	font-weight: bold;
}



.ci-apprenticeship-list-csv ul li table.meta-table {
	background-color: transparent;
	border: 0;
}

.ci-apprenticeship-list-csv ul li table.meta-table tr {
	border: 0;
}

.ci-apprenticeship-list-csv ul li table.meta-table tr th {
	background-color: transparent;
	width: 25%;
	font-weight: bold;
	text-align: left;
	border: 0;
	padding: 0.1em;
}

.ci-apprenticeship-list-csv ul li table.meta-table tr td {
	background-color: transparent;
	width: 75%;
	border: 0;
	padding: 0.1em;
}



/* GOV */

.ci-apprenticeship-list-gov ul {
	list-style: none outside none;
	padding: 0 0 0 0;
	margin: 10px 10px;
}

.ci-apprenticeship-list-gov ul li {
	background-color: #fff;
	border-bottom: 1px #ccc solid;
	padding: 10px 10px 10px 10px;
	margin: 0 0 0 0;
}

.ci-apprenticeship-list-gov ul li:nth-child(2n) {
    background-color: #f2f9ff;
}

.ci-apprenticeship-list-gov ul li a span.company-name {
	text-transform: uppercase;
}

.ci-apprenticeship-list-gov ul li  p.vacancy-title {
	font-weight: bold;
}

.ci-apprenticeship-list-gov ul li  p.meta span.meta-title {
	font-weight: bold;
}



.ci-apprenticeship-list-gov ul li table.meta-table {
	background-color: transparent;
	border: 0;
}

.ci-apprenticeship-list-gov ul li table.meta-table tr {
	border: 0;
}

.ci-apprenticeship-list-gov ul li table.meta-table tr th {
	background-color: transparent;
	width: 25%;
	font-weight: bold;
	text-align: left;
	border: 0;
	padding: 0.1em;
}

.ci-apprenticeship-list-gov ul li table.meta-table tr td {
	background-color: transparent;
	width: 75%;
	border: 0;
	padding: 0.1em;
}


/* Tabs Return To Top */

.ci-show-children-pages-tabs-return-to-top {
	display: none;
	margin-top: 20px;
}

@media only screen and (max-width: 1080px) {
    .ci-show-children-pages-tabs-return-to-top  {
        display: block;
    }
}


div.ciTemplate-UCC div.ci-show-children-pages-tabs-return-to-top div.ci-link-2019 a {
	color: #FFFFFF;
}

div.ciTemplate-UCC div.ci-show-children-pages-tabs-return-to-top div.ci-link-2019 a:hover,
div.ciTemplate-UCC div.ci-show-children-pages-tabs-return-to-top div.ci-link-2019 a:active {
	color: #FFFFFF;
}


/* CI 2023 Boxes */

.ci-2023-box-2-grid {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	list-style: none;
	text-align: center;
	grid-gap: 10px;
	gap: 10px;
	
	margin: 25px auto;
}

.ci-2023-box-2-grid .ci-2023-box {
	flex: 0 0 49%;
}

@media only screen and (max-width: 1080px) {
	.ci-2023-box-2-grid .ci-2023-box {
		flex: 0 0 100%;
	}
}

.ci-2023-box-3-grid {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	list-style: none;
	text-align: center;
	grid-gap: 10px;
	gap: 10px;
	
	margin: 25px auto;
}

.ci-2023-box-3-grid .ci-2023-box {
	flex: 0 0 32%;
}

@media only screen and (max-width: 1080px) {
	.ci-2023-box-3-grid .ci-2023-box {
		flex: 0 0 100%;
	}
}

.ci-2023-box-4-grid {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	list-style: none;
	text-align: center;
	grid-gap: 10px;
	gap: 10px;
	
	margin: 25px auto;
}

.ci-2023-box-4-grid .ci-2023-box {
	flex: 0 0 24%;
}

@media only screen and (max-width: 1080px) {
	.ci-2023-box-4-grid .ci-2023-box {
		flex: 0 0 100%;
	}
}




.ci-2023-box {	
	overflow: hidden;
}

.ci-2023-box .ci-2023-box-container {
	position: relative;
}

.ci-2023-box .ci-2023-box-size-3-1 {
	aspect-ratio: 3 / 1; 
}

.ci-2023-box .ci-2023-box-size-2-1 {
	aspect-ratio: 2 / 1; 
}

.ci-2023-box .ci-2023-box-size-1-1 {
	aspect-ratio: 1 / 1; 
}

.ci-2023-box p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


.ci-2023-box .ci-2023-box-bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}



.ci-2023-box.is-3d-btn {
	border-radius: 25px;
}

.ci-2023-box-3dbtn {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	
	border: 1px transparent solid;
	background-color: transparent;
}


.ci-2023-box-3dbtn.light {
	/* border-color: rgba(255,255,255,0.5); */
	background: linear-gradient(transparent 0%, transparent 94%, rgba(255,255,255,0.5) 94%, rgba(255,255,255,0.5) 100%);
}

.ci-2023-box:hover .ci-2023-box-3dbtn.light {
	background: linear-gradient(transparent 0%, transparent 95%, rgba(255,255,255,0.5) 95%, rgba(255,255,255,0.5) 100%);
}


.ci-2023-box-3dbtn.dark {
	/* border-color: rgba(0,0,0,0.5);  */
	background: linear-gradient(transparent 0%, transparent 94%, rgba(0,0,0,0.5) 94%, rgba(0,0,0,0.5) 100%);
}

.ci-2023-box:hover .ci-2023-box-3dbtn.dark {
	background: linear-gradient(transparent 0%, transparent 95%, rgba(0,0,0,0.5) 95%, rgba(0,0,0,0.5) 100%);
}



.ci-2023-box .ci-2023-box-txt.txt-center {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 10px 10%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	
	grid-gap: 25px;
	gap: 25px;
}


.ci-2023-box .ci-2023-box-txt .icon-container {
	display: flex;
	justify-content: center;
	align-items: stretch;
	font-size: 2em;	
	flex-basis: 25%;
}

.ci-2023-box .ci-2023-box-icon {
	background-position: center center;
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: contain;
	aspect-ratio: 1 / 1;
	width: 100%;
	/*
	aspect-ratio: 1 / 1;
	min-width: 42px;
	min-height: 42px;
	*/
}

.ci-2023-box .ci-2023-box-txt .icon-container + .txt-container {
	text-align: left;
	flex-basis: 75%;
}

.ci-2023-box .ci-2023-box-txt .toptxt,
.ci-2023-box .ci-2023-box-txt .bottxt {
	font-size: 1em;
	display: block;
	width: 100%;
}

.ci-2023-box .ci-2023-box-txt .toptxt {
	color: #FFFFFF;
}

.ci-2023-box .ci-2023-box-txt .bottxt {
	color: #222222;
}

.ci-2023-box .ci-2023-box-top-bar-txt {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	padding: 10px 5px;
	border-bottom: 1px #333333 solid;
	
	text-transform: uppercase;
}


.ci-2023-box .ci-2023-box-bottom-bar-txt {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	padding: 10px 5px;
	border-top: 1px #333333 solid;
	
	text-transform: uppercase;
}

.ci-2023-box .ci-2023-box-top-bar-txt,
.ci-2023-box .ci-2023-box-bottom-bar-txt {
	background-color: rgb(51, 51, 51);
	background-color: rgb(51, 51, 51, 0.75);
	color: #FFFFFF;
	font-weight: bold;
}

.ci-2023-box .ci-2023-box-hover-txt {
	opacity: 0;
	
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 5%;
	overflow: hidden;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
}


.ci-2023-box .ci-2023-box-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	
	transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
}

.ci-2023-box .ci-2023-box-link:hover {
	background-color: transparent;
	border: 5px rgb(255,255,255) solid;
	border: 5px rgb(255,255,255,0.5) solid;
}


.ci-2023-box {
	background-color: rgb(51, 51, 51);
	color: #FFFFFF;
}

.ci-2023-box .ci-2023-box-hover-txt {
	background-color: rgb(51, 51, 51);
	background-color: rgb(51, 51, 51, 0.75);
	color: #FFFFFF;
}

.ci-2023-box.ci-ucc {
	background-color: rgb(134, 140, 162);
	color: #FFFFFF;
}

.ci-2023-box.ci-ucc .ci-2023-box-hover-txt {
	background-color: rgb(134, 140, 162);
	background-color: rgb(134, 140, 162, 0.75);
	color: #FFFFFF;
}


.ci-2023-box.ci-darkgrey {
	background-color: rgb(51, 51, 51);
	color: #FFFFFF;
}

.ci-2023-box.ci-darkgrey .ci-2023-box-hover-txt {
	background-color: rgb(51, 51, 51);
	background-color: rgb(51, 51, 51, 0.75);
	color: #FFFFFF;
}


.ci-2023-box.ci-blue {
	background-color: rgb(47,16,124);
}

.ci-2023-box.ci-blue .ci-2023-box-hover-txt {
	background-color: rgb(47,16,124);
	background-color: rgb(47,16,124,0.75);
}


.ci-2023-box.ci-red {
	background-color: rgb(198,49,57);
}

.ci-2023-box.ci-red .ci-2023-box-hover-txt {
	background-color: rgb(198,49,57);
	background-color: rgb(198,49,57,0.75);

}


.ci-2023-box.ci-teal {
	background-color: rgb(0,168,171);
	color: #333333;
}

.ci-2023-box.ci-teal .ci-2023-box-hover-txt {
	background-color: rgb(0,168,171);
	background-color: rgb(0,168,171,0.75);
	color: #FFFFFF;
}


.ci-2023-box.ci-lilac {
	background-color: rgb(157,136,190);
	color: #333333;
}

.ci-2023-box.ci-lilac .ci-2023-box-hover-txt {
	background-color: rgb(157,136,190);
	background-color: rgb(157,136,190,0.75);
	color: #333333;
}


.ci-2023-box.ci-orange {
	background-color: rgb(241,153,107);
	color: #333333;
}

.ci-2023-box.ci-orange .ci-2023-box-hover-txt {
	background-color: rgb(241,153,107);
	background-color: rgb(241,153,107, 0.75);
	color: #333333;
}


.ci-2023-box.ci-lightcyan {
	background-color: rgb(145,208,213);
	color: #333333;
}

.ci-2023-box.ci-lightcyan .ci-2023-box-hover-txt {
	background-color: rgb(145,208,213);
	background-color: rgb(145,208,213,0.75);
	color: #333333;
}


.ci-2023-box.ci-darkgreen {
	background-color: rgb(71,103,44);
}

.ci-2023-box.ci-darkgreen .ci-2023-box-hover-txt {
	background-color: rgb(71,103,44);
	background-color: rgb(71,103,44,0.75);

}


.ci-2023-box.ci-cyan2 {
	background-color: rgb(133,182,208);
	color: #333333;
}

.ci-2023-box.ci-cyan2 .ci-2023-box-hover-txt {
	background-color: rgb(133,182,208);
	background-color: rgb(133,182,208,0.75);
	color: #333333;
}


.ci-2023-box.ci-lightred {
	background-color: rgb(225,93,93);
}

.ci-2023-box.ci-lightred .ci-2023-box-hover-txt {
	background-color: rgb(225,93,93);
	background-color: rgb(225,93,93,0.75);
}


.ci-2023-box.ci-darkpurple {
	background-color: rgb(112,36,60);
}

.ci-2023-box.ci-darkpurple .ci-2023-box-hover-txt {
	background-color: rgb(112,36,60);
	background-color: rgb(112,36,60,0.75);
}


.ci-2023-box.ci-cyan {
	background-color: rgb(0,169,232);
	color: #333333;
}

.ci-2023-box.ci-cyan .ci-2023-box-hover-txt {
	background-color: rgb(0,169,232);
	background-color: rgb(0,169,232,0.75);
	color: #333333;
}


.ci-2023-box.ci-navyblue {
	/* background-color: rgb(35,44,87); */
	background-color: rgb(27,43,69);
}

.ci-2023-box.ci-navyblue .ci-2023-box-hover-txt {
	/* background-color: rgb(35,44,87); */
	/* background-color: rgb(35,44,87,0.75); */
	background-color: rgb(27,43,69);
	background-color: rgb(27,43,69,0.75);
}


.ci-2023-box.ci-pink {
	background-color: rgb(230,0,124);
}

.ci-2023-box.ci-pink .ci-2023-box-hover-txt {
	background-color: rgb(230,0,124);
	background-color: rgb(230,0,124,0.75);
}


.ci-2023-box.ci-green {
	background-color: rgb(4, 98, 94);
}

.ci-2023-box.ci-green  .ci-2023-box-hover-txt {
	background-color: rgb(4, 98, 94);
	background-color: rgb(4, 98, 94, 0.75);
}


.ci-2023-box.ci-lightgreen {
	background-color: rgb(152,194,29);
	color: #333333;
}

.ci-2023-box.ci-lightgreen  .ci-2023-box-hover-txt  {
	background-color: rgb(152,194,29);
	background-color: rgb(152,194,29,0.75);
	color: #333333;
}


.ci-2023-box.ci-darkcyan {
	background-color: rgb(55,122,190);
}

.ci-2023-box.ci-darkcyan   .ci-2023-box-hover-txt {
	background-color: rgb(55,122,190);
	background-color: rgb(55,122,190,0.75);

}


.ci-2023-box.ci-darkorange {
	background-color: rgb(234,84,39);
	color: #000000;
}


.ci-2023-box.ci-darkorange .ci-2023-box-hover-txt {
	background-color: rgb(234,84,39);
	background-color: rgb(234,84,39,0.75);
}


.ci-2023-box.ci-orange2 {
	background-color: rgb(250,179,19);
	color: #333333;
}

.ci-2023-box.ci-orange2  .ci-2023-box-hover-txt {
	background-color: rgb(250,179,19);
	background-color: rgb(250,179,19, 0.75);
	color: #333333;
}


.ci-2023-box.ci-purple {
	background-color: rgb(75,36,99);
}

.ci-2023-box.ci-purple  .ci-2023-box-hover-txt {
	background-color: rgb(75,36,99);
	background-color: rgb(75,36,99,0.75);
}


.ci-2023-box.ci-lightpurple {
	background-color: rgb(211,148,190);
	color: #333333;
}


.ci-2023-box.ci-lightpurple .ci-2023-box-hover-txt {
	background-color: rgb(211,148,190);
	background-color: rgb(211,148,190, 0.75);
	color: #333333;
}


.ci-2023-box.ci-black {
	background-color: rgb(0,0,0);
}

.ci-2023-box.ci-black  .ci-2023-box-hover-txt{
	background-color: rgb(0,0,0);
	background-color: rgb(0,0,0,0.75);
}


.ci-2023-box.ci-white {
	background-color: rgb(255,255,255);
	color: #333333;
}

.ci-2023-box.ci-white  .ci-2023-box-hover-txt {
	background-color: rgb(255,255,255);
	background-color: rgb(255,255,255, 0.75);
	color: #333333;
}

.ci-2023-box.ci-navyblue-inverted {
	background-color: rgb(255,255,255);
	color: rgb(35,44,87);
}

.ci-2023-box.ci-navyblue-inverted .ci-2023-box-hover-txt {
	background-color: rgb(255,255,255);
	background-color: rgb(255,255,255, 0.75);
	color: rgb(35,44,87);
}


.ci-2023-box.txt-uppercase {
	text-transform: uppercase;
}


/* Hover Stuff */

.ci-2023-box .ci-2023-box-bg,
.ci-2023-box .hide-on-hover,
.ci-2023-box .ci-2023-box-hover-txt {
	transition: all 2s ease;
	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
	-o-transition: all 2s ease;
	-webkit-transition: all 2s ease;
}

.ci-2023-box:hover .ci-2023-box-bg {
	top: -75px;
	left: -75px;
	bottom: -75px;
	right: -75px;
}

.ci-2023-box:hover .hide-on-hover {
	opacity: 0;
}

.ci-2023-box:hover .ci-2023-box-hover-txt {
	opacity: 1;
}


/* .ci-2023-box */

@media only screen and (min-width: 1080px) {
	.ci-2023-box.top-left-curve {
		 border-top-left-radius: 25% 75%;
	}
	
	.ci-2023-box.bottom-left-curve {
		 border-bottom-left-radius: 25% 75%;
	}
	
	.ci-2023-box.top-right-curve {
		 border-top-right-radius: 25% 75%;
	}
	
	.ci-2023-box.bottom-right-curve {
		 border-bottom-right-radius: 25% 75%;
	}
}