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

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

a img {
border:none;

}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}



/**** Isotope styles ****/

/* required for containers to inherit vertical size from window */
html,
body {
  height: 100%;
}










.variable-sizes .element.width2 { width: 230px; }

.variable-sizes .element.height2 { height: 230px; }

.variable-sizes .element.width2.height2 {
  font-size: 2.0em;
}

.element.large,
.variable-sizes .element.large,
.variable-sizes .element.large.width2.height2 {
  font-size: 3.0em;
  width: 350px;
  height: 350px;
  z-index: 100;
}

.clickable .element:hover {
  cursor: pointer;
}

.clickable .element:hover h3 {
  text-shadow:
    0 0 10px white,
    0 0 10px white
  ;
}

.clickable .element:hover h2 {
  color: white;
}




/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
	
	#main-content #options {
	background: #e0dce4;
	margin: 0 0 5px;
	overflow: hidden;	
	padding: 8px 0 3px 15px;
	border: 5px solid #eaeaea;
}

	#main-content #options h3 {
	border: 0;
	color: #fff;
	float: left;
	font-size: 100%;
	margin: 0;
	padding-top: 7px;
	text-transform: uppercase;
}

		
#main-content #filters {
	background: #f5f5f5;
	margin: 0 0 5px 0px;
	overflow: hidden;
	padding: 8px 8px 8px 15px;
	border: 1px solid #ddd;
	text-align: right;
}

/*	
#main-content h3.filter {
	border: 0;
	color: #999;
	font-size: 100%;
	margin: 2px 0px 0px 4px;
	padding: 0px;
	text-transform: uppercase;
	display: block;
	position:absolute;
}
*/
	
#main-content h3.filter {
	border: 0;
	color: #999;
	font-size: 100%;
	margin: 0;
	padding: 0px;
	text-transform: uppercase;
	display: block;
	position:static;
	margin: 0;
	text-align: left;
}

	
@media only screen and (min-width: 1200px) {
#main-content #filters {
margin: 0 0 5px 0px;
padding: 0;
}
}
	
	
#filters .clearfix {
width: 98%;
}


#filters .span_1_of_3 {
text-align: left;
margin-left: 1%;
}


#filters h3 {
font-size: 15px;
margin-bottom: 5px;
margin-top: 0;
color: #333;
}




	
	
	
	
	
	
	
	
	
	
	
	

	#main-content #filters li {
		float: left;
		list-style: none;
		margin: 0 0 10px 10px;
		padding: 0;
	}
	
	
	#main-content #filters li.all {
		margin-left: -34px;
		width: 34px;
	}
	
		#main-content #filters li a {
			background: #fff;
			background: -moz-linear-gradient(top, #eee 0%, #ffffff 25%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(25%,#ffffff));
			background: -webkit-linear-gradient(top, #eee 0%,#ffffff 25%);
			background: -o-linear-gradient(top, #eee 0%,#ffffff 25%);
			background: -ms-linear-gradient(top, #eee 0%,#ffffff 25%);
			background: linear-gradient(top, #eee 0%,#ffffff 25%);
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			color: #999999;
			display: block;
			font-weight: bold;
			padding: 3px 8px 4px;
			text-align: center;
			text-decoration: none;
		}
		
		#main-content #filters li a:active,
		#main-content #filters li a:focus,
		#main-content #filters li a:hover,
		#main-content #filters li .selected {
			background: #502569;
			color: #fff;
		}
		
		#main-content #filters li .selected {
			cursor: default;
		}
		
		
		#main-content h3.selected {
		border: 0;
		color: #e0dce4;
		font-size: 28px;
		letter-spacing: -0.04em;
		line-height: 1;
		margin: 0;
		padding: 0;
		text-transform: uppercase;
		text-align: right;
		}
		
		
		#main-content-wide h2 {
		color: #545454;
		}
		
		
	#container {
	margin: 6px 0px 20px -7px;
	position: relative;
	width: auto;
}

	.filter-element {
	height: 350px;
	float: left;
	overflow: hidden;
	position: relative;
	color: #222;
	padding: 0px;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	margin-left: 6px;
	margin-bottom: 6px;
	}


@media only screen and (min-width: 1220px) {
	
	#container {
	width: 101%;
}
	
	#main-content #filters {
	margin: 0 0 5px -1px;
}

	.filter-element {
	margin-left: 7px;
	margin-bottom: 7px;
	}
}


@media only screen and (min-width: 320px) {
	
	#main-content #filters {
	margin: 0 0 5px -1px;
	}
	
}

	

@media only screen and (min-width: 769px) and (max-width: 1033px) {

	#main-content #filters {
	width: 95%;
	}
	
	.filter-element.span_1_of_3 {
	width: 48%;
	}

}




@media only screen and (min-width: 769px) and (max-width:878px) {

	#main-content #filters {
	margin-left: 9px;
	width: 94%;
	}

	#container {
	margin-left: 3px;
	}

}


@media only screen and (max-width: 768px) {
	
	#container {
		width: auto;
	}
	
	.filter-element {
	border: 0px;
	margin-right: 0px;
	}
	
	.filter-element.span_1_of_3 {
	width: 100%;
	}
}




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

/* Mobile styles */

	#main-content #filters {
		text-align: left;
		padding-right: 15px;
	}
		
	#main-content h3.filter {
		position:relative;
		margin-bottom: 4px;
	}
		
	#main-content #filters select{
		width: 100%;
	}

}
	
	
	
	
	.filter-element img {
	height: 100%;
	}
	

	
	
	
	
	
	/*	CAPTIONS / ROLLOVER BOXES  */
	
	#main-content .boxgrid,
	#main-content .boxgrid2,
	#main-content .boxgrid3,
	#main-content .boxgrid4,
	#main-content .boxgrid5,
	#main-content .boxgrid6 {
	/*float: left;
	margin: 0px;*/
	overflow: hidden;
	/*padding: 0px;
	height: 190px; */
			}
			
	
			
	#main-content .boxcaption,
	#main-content .boxcaption2,
	#main-content .boxcaption3,
	#main-content .boxcaption4,
	#main-content .boxcaption5,
	#main-content .boxcaption6 {
	/*background:#D5D5D5;
	background-color: rgba(210, 210, 210, 0.6);
	color: rgba(210, 210, 210, 0.6);*/
	background-image: url(/media/wwwlboroacuk/external/styleassets/img/content-types/case-studies/case-studies-caption-bg.png);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #000;
	padding: 20px;
	float: left;
	position: absolute;
	display: block;
	height: auto;
	width: auto;
	
}


	#main-content .boxgrid img.cs,
	#main-content .boxgrid2 img.cs,
	#main-content .boxgrid3 img.cs,
	#main-content .boxgrid4 img.cs,
	#main-content .boxgrid5 img.cs,
	#main-content .boxgrid6 img.cs {
		float: none;
		margin: 0px;
		border: 0px solid #ddd;
		width: auto;
			}
			
	#main-content .boxgrid img.cs.left,
	#main-content .boxgrid2 img.cs.left,
	#main-content .boxgrid3 img.cs.left,
	#main-content .boxgrid4 img.cs.left,
	#main-content .boxgrid5 img.cs.left,
	#main-content .boxgrid6 img.cs.left {
			}
			
	#main-content .boxgrid img.cs.center,
	#main-content .boxgrid2 img.cs.center,
	#main-content .boxgrid3 img.cs.center,
	#main-content .boxgrid4 img.cs.center,
	#main-content .boxgrid5 img.cs.center,
	#main-content .boxgrid6 img.cs.center {
		margin: 0px 0px 0px -200px;
			}
			
	#main-content .boxgrid img.cs.right,
	#main-content .boxgrid2 img.cs.right,
	#main-content .boxgrid3 img.cs.right,
	#main-content .boxgrid4 img.cs.right,
	#main-content .boxgrid5 img.cs.right,
	#main-content .boxgrid6 img.cs.right {
		margin: 0px 0px 0px -300px;
			}

	#main-content .boxcaption h3,
	#main-content .boxcaption2 h3,
	#main-content .boxcaption3 h3,
	#main-content .boxcaption4 h3,
	#main-content .boxcaption5 h3,
	#main-content .boxcaption6 h3 {
		display:block;
		width: 100%;
		position: relative;
		border-bottom-width: 0px;
		border-bottom-style: none;
		border-bottom-color: #fff;
		float: left;
		color: #eaeaea;
		text-transform: uppercase;
		text-decoration: none;
		font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
		height: auto;
		margin: 0px 0px 5px 0px;
		font-size: 12px;
	}
	
	#main-content .boxcaption h4,
	#main-content .boxcaption2 h4,
	#main-content .boxcaption3 h4,
	#main-content .boxcaption4 h4,
	#main-content .boxcaption5 h4,
	#main-content .boxcaption6 h4 {
		display:block;
		width: 100%;
		margin: 20px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
		text-align: left;
		text-transform: none;
		font-size: 22px;
		line-height: 24px;
		letter-spacing: -0.04em;
		border-bottom: 0px solid #96e709;
		font-weight: bold;
		color: #f5f5f5;
	}
	
	
	#main-content .boxcaption a,
	#main-content .boxcaption2 a,
	#main-content .boxcaption3 a,
	#main-content .boxcaption4 a,
	#main-content .boxcaption5 a,
	#main-content .boxcaption6 a {
		text-decoration:none;
	}
	
	
	
	
	#main-content .boxcaption a:hover h4,
	#main-content .boxcaption2 a:hover h4,
	#main-content .boxcaption3 a:hover h4,
	#main-content .boxcaption4 a:hover h4,
	#main-content .boxcaption5 a:hover h4,
	#main-content .boxcaption6 a:hover h4 {
		color: #888;
	}
	
	#main-content .boxcaption p,
	#main-content .boxcaption2 p,
	#main-content .boxcaption3 p,
	#main-content .boxcaption4 p,
	#main-content .boxcaption5 p,
	#main-content .boxcaption6 p {
		float: left;
		display:block;
		width: 100%;
		color: #aaa;
		line-height:16px;
		margin: 2px 0px 2px 0px;
		height: 55px;
	}
	
	#main-content .boxcaption p strong,
	#main-content .boxcaption2 p strong,
	#main-content .boxcaption3 p strong,
	#main-content .boxcaption4 p strong,
	#main-content .boxcaption5 p strong,
	#main-content .boxcaption6 p strong {
		padding-right: 20px;
	}
 
	
	#main-content .boxbutton { 
	float: left; 
	margin-bottom: 0px;
	margin-left: 8px;
	background: purple; 
	height: 20px; 
	width: 100px; 
 	}
 
 	#main-content .caption .boxcaption {
 	bottom: -80px;
 	left: 0;
 	}
	
	#main-content .boxgrid2 {
	display: none;
	}
	





	

	
	
@media only screen and (min-width: 824px) and (max-width: 879px) {
		

	#container {
		width: 100%;
	}
	
}
	
	



	
	
	
@media only screen and (max-width: 768px) {
	
	
	#main-content .boxgrid img.cs,
	#main-content .boxgrid2 img.cs,
	#main-content .boxgrid3 img.cs,
	#main-content .boxgrid4 img.cs,
	#main-content .boxgrid5 img.cs,
	#main-content .boxgrid6 img.cs {
			}
			
	#main-content .boxgrid img.cs.left,
	#main-content .boxgrid2 img.cs.left,
	#main-content .boxgrid3 img.cs.left,
	#main-content .boxgrid4 img.cs.left,
	#main-content .boxgrid5 img.cs.left,
	#main-content .boxgrid6 img.cs.left {
			}
			
	#main-content .boxgrid img.cs.center,
	#main-content .boxgrid2 img.cs.center,
	#main-content .boxgrid3 img.cs.center,
	#main-content .boxgrid4 img.cs.center,
	#main-content .boxgrid5 img.cs.center,
	#main-content .boxgrid6 img.cs.center {
		margin: 0px;
			}
			
	#main-content .boxgrid img.cs.right,
	#main-content .boxgrid2 img.cs.right,
	#main-content .boxgrid3 img.cs.right,
	#main-content .boxgrid4 img.cs.right,
	#main-content .boxgrid5 img.cs.right,
	#main-content .boxgrid6 img.cs.right {
		margin: 0px;
			}
	
	
}
	
	
	
@media only screen and (max-width: 680px) {
	

	#main-content .boxgrid img.cs,
	#main-content .boxgrid2 img.cs,
	#main-content .boxgrid3 img.cs,
	#main-content .boxgrid4 img.cs,
	#main-content .boxgrid5 img.cs,
	#main-content .boxgrid6 img.cs {
			}
			
	#main-content .boxgrid img.cs.left,
	#main-content .boxgrid2 img.cs.left,
	#main-content .boxgrid3 img.cs.left,
	#main-content .boxgrid4 img.cs.left,
	#main-content .boxgrid5 img.cs.left,
	#main-content .boxgrid6 img.cs.left {
			}
			
	#main-content .boxgrid img.cs.center,
	#main-content .boxgrid2 img.cs.center,
	#main-content .boxgrid3 img.cs.center,
	#main-content .boxgrid4 img.cs.center,
	#main-content .boxgrid5 img.cs.center,
	#main-content .boxgrid6 img.cs.center {
		margin: 0px;
			}
			
	#main-content .boxgrid img.cs.right,
	#main-content .boxgrid2 img.cs.right,
	#main-content .boxgrid3 img.cs.right,
	#main-content .boxgrid4 img.cs.right,
	#main-content .boxgrid5 img.cs.right,
	#main-content .boxgrid6 img.cs.right {
		margin: 0px;
			}
	
	
}
	
	
@media only screen and (min-width: 600px) and (max-width: 768px) {
		
		#main-content .boxcaption h4,
		#main-content .boxcaption2 h4,
		#main-content .boxcaption3 h4,
		#main-content .boxcaption4 h4,
		#main-content .boxcaption5 h4,
		#main-content .boxcaption6 h4 {
		margin-right: 400px;
	}

}
	
	
	
@media only screen and (max-width: 390px) {
	
	
	#main-content .boxgrid img.cs,
	#main-content .boxgrid2 img.cs,
	#main-content .boxgrid3 img.cs,
	#main-content .boxgrid4 img.cs,
	#main-content .boxgrid5 img.cs,
	#main-content .boxgrid6 img.cs {
			}
			
	#main-content .boxgrid img.cs.left,
	#main-content .boxgrid2 img.cs.left,
	#main-content .boxgrid3 img.cs.left,
	#main-content .boxgrid4 img.cs.left,
	#main-content .boxgrid5 img.cs.left,
	#main-content .boxgrid6 img.cs.left {
			}
			
	#main-content .boxgrid img.cs.center,
	#main-content .boxgrid2 img.cs.center,
	#main-content .boxgrid3 img.cs.center,
	#main-content .boxgrid4 img.cs.center,
	#main-content .boxgrid5 img.cs.center,
	#main-content .boxgrid6 img.cs.center {
		margin: 0px;
			}
			
	#main-content .boxgrid img.cs.right,
	#main-content .boxgrid2 img.cs.right,
	#main-content .boxgrid3 img.cs.right,
	#main-content .boxgrid4 img.cs.right,
	#main-content .boxgrid5 img.cs.right,
	#main-content .boxgrid6 img.cs.right {
		margin: 0px;
			}
	
	
}
	
	

	
@media only screen and (max-width: 480px) {
		
	#main-content .boxgrid img.cs,
	#main-content .boxgrid2 img.cs,
	#main-content .boxgrid3 img.cs,
	#main-content .boxgrid4 img.cs,
	#main-content .boxgrid5 img.cs,
	#main-content .boxgrid6 img.cs {
			}
			
	#main-content .boxgrid img.cs.left,
	#main-content .boxgrid2 img.cs.left,
	#main-content .boxgrid3 img.cs.left,
	#main-content .boxgrid4 img.cs.left,
	#main-content .boxgrid5 img.cs.left,
	#main-content .boxgrid6 img.cs.left {
			}
			
	#main-content .boxgrid img.cs.center,
	#main-content .boxgrid2 img.cs.center,
	#main-content .boxgrid3 img.cs.center,
	#main-content .boxgrid4 img.cs.center,
	#main-content .boxgrid5 img.cs.center,
	#main-content .boxgrid6 img.cs.center {
		margin: 0px 0px 0px -200px;
			}
			
	#main-content .boxgrid img.cs.right,
	#main-content .boxgrid2 img.cs.right,
	#main-content .boxgrid3 img.cs.right,
	#main-content .boxgrid4 img.cs.right,
	#main-content .boxgrid5 img.cs.right,
	#main-content .boxgrid6 img.cs.right {
		margin: 0px 0px 0px -300px;
			}

}
	
	
	
	
	
	
	
	
	
	
	
	.icon {
	background-image: url(/media/wwwlboroacuk/external/styleassets/img/content-types/case-studies/icons/research-collaboration.png);
	display:block;
	height: 27px;
	width: 25px;
	position: absolute;
	right: 10px;
	top: 10px;
	}
	
	
	.icon.research-collaboration {
	background-image: url(/media/wwwlboroacuk/external/styleassets/img/content-types/case-studies/icons/research-collaboration.png);
	}
	
	
	.icon.strategic-partnerships {
	background-image: url(/media/wwwlboroacuk/external/styleassets/img/content-types/case-studies/icons/strategic-partnerships.png);
	}
	
	.icon.work-with-us {
	background-image: url(/media/wwwlboroacuk/external/styleassets/img/content-types/case-studies/icons/work-with-us.png);
	}
	
	
	.icon.consultancy {
	background-image: url(/media/wwwlboroacuk/external/styleassets/img/content-types/case-studies/icons/consultancy.png);
	}
	
	
	.icon.graduate-and-student-recruitment {
	background-image: url(/media/wwwlboroacuk/external/styleassets/img/content-types/case-studies/icons/stud-grad-ent.png);
	}
	
	
	.icon.knowledge-transfer-partnerships {
	background-image: url(/media/wwwlboroacuk/external/styleassets/img/content-types/case-studies/icons/ktp.png);
	}
	
	
	.icon.skills-and-training {
	background-image: url(/media/wwwlboroacuk/external/styleassets/img/content-types/case-studies/icons/skills-training.png);
	}

	
	.icon.new-technologies-and-services {
	background-image: url(/media/wwwlboroacuk/external/styleassets/img/content-types/case-studies/icons/new-tech.png);
	}
	
	
	.icon.student-and-graduate-enterprise {
	background-image: url(/media/wwwlboroacuk/external/styleassets/img/content-types/case-studies/icons/stud-grad-ent-2.png);
	}

	
	
	@media only screen and (max-width: 768px) {
	
	.icon {
		display: none;
	}
	
	
	#main-content .boxcaption h4,
	#main-content .boxcaption2 h4,
	#main-content .boxcaption3 h4,
	#main-content .boxcaption4 h4,
	#main-content .boxcaption5 h4,
	#main-content .boxcaption6 h4 {
		margin-top: 0px;
	}
	
	}