/*================================================================================================================ */
/*Default orange general styles */

/**
 * CONTENTS
 *
 * #UTILITIES...........
 * Fonts................Bold, underline etc
 * Colours
 * Layout
 * LAYOUT:GRID..........Grid system facilitating tablet styling (In progress)
 * Lists
 *
 * #SIDEBAR
 *   boxout
 *
 * SECTIONS
 * NEWS (ds)
 * ABOUT (ds)
 *   SCHOOLS & DEPARTMENTS
 *   AWARDS
 *   CAROUSEL
 *   REGION
 *
 * ACCOMMODATION(ds)
 *
 * SCHOOL PAGESTYLES (cm)
 *   Events details page
 *   Events page
 *   home page quote carousel
 *   home page fact
 *   home page fact(static)
 *   Map
 *   staff profiles
 *   student view profiles
 *   homepage features
 *
 * STYLE GUIDE
 *	Toggle Button
 *
 *
 * #SRM (DS)
 * #ORDER A PROSPECTUS FORM (DS)
 * #COURSE_SEARCH (DS)
 */


/*================================================================================================================ */


/*Global styles for custom tags etc*/

.imggallerypage {
  position: relative;
  float: left;
  padding: 5px 5px 5px 5px;
}


/*-------------------------------------------------------*\
	#UTILITIES: FONTS
\*-------------------------------------------------------*/

.bold { font-weight: bold; }

.italic { font-style: italic; }

.underline { text-decoration: underline; }

.text-center { text-align: center !important; }

.text-left { text-align: left !important; }

.text-right { text-align: right !important; }

.text-enlarged { font-size: 20px; }





/*-------------------------------------------------------*\
	#UTILITIES: COLOURS
\*-------------------------------------------------------*/


 /*------------------ Colours: ------------------*/
 
/* Font colours*/
.text-orange a {  color: #f57e20; } 

.text-orange {  color: #f57e20; } 

.text-red { color: #a40534; } 

.text-dark { color:#333; }

.text-soh {color: #ca0083;}

.text-soh-light { color:#ede8eb; }

.text-soh-dark { color:#32272e; }

.text-scm { color:#6c2787; }

.text-sse { color:#00aaad; }

.text-dca { color:#98ae39; }

.text-sam { color:#c0d004; }

.text-ssbl { color:#008cd2; }

.text-tubs { color:#08213d; }

.text-res { color:#8d941e; }

.text-white { color:#fff!important; }

.text-l_grey { color:#ebebeb;}

.text-darkest { color: #444; }






/*--------------------- Standard colours -----------------*/

.orange { background: #f57e20; }

.red { background: #a40534; }

.l_grey { background:#ebebeb;}

.v_l_grey { background:#f9f9f9; }

.dark { background:#333; }

.white { background: #fff; }




/*--------------------- Schools colours ------------------*/
.scm { background: #6c2787; }

.sam { background: #c0d004; }

.sse { background: #00aaad; }

.ssbl { background: #008cd2; }

.tubs { background: #08213d; }

.white_background { background: #fff; }

.res { background:#8d941e; }

/*---------------- DCA specific--------------------------*/

.dca { background: #b5d334; }

.dca2 { background: #98ae39 ; }

.dca-light { background:#f9f9f9; }

.dca-dark { background:#333333; }

.dcaGradient{
    background: #b5d334; /* Old browsers */
	background: -moz-linear-gradient(left,  #b5d334 0%, #98ae39 100%, #98ae39  100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #b5d334 0%,#98ae39 100%,#98ae39  100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #b5d334 0%,#98ae39 100%,#98ae39  100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5d334', endColorstr='##98ae39 ',GradientType=1 ); /* IE6-9 */
	color:#e2dadf;	 
}



/*---------------- SOH specific--------------------------*/

.soh { background: #ca0083; }

.soh2 { background: #ca0064; }

.soh3 { background: #ca00c8; }

.soh-light { background:#ede8eb; }

.soh-dark { background:#32272e; }

.SohGradient{
	background: #ca0083; /* Old browsers */
	background: -moz-linear-gradient(left,  #ca0083 0%, #ca00c8 100%, #ca0064 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #ca0083 0%,#ca00c8 100%,#ca0064 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #ca0083 0%,#ca00c8 100%,#ca0064 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca0083', endColorstr='#ca0064',GradientType=1 ); /* IE6-9 */
	color: #fff; 
}




/*------------------SSE specific ------------------------*/

.sse { background:#00aaad; }

.sse2 { background:#53d8d1; }

.sse3 { background:#2d9fa0; }

.sse-light { background:#f5f5f5; }

.sse-light2 { background:#e7ebeb; }

.sse-dark { background:#323737; }

.SseGradient {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00aaad+0,53d8d1+69 */
	background: rgb(0,170,173); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWFhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY5JSIgc3RvcC1jb2xvcj0iIzUzZDhkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(left, rgba(0,170,173,1) 0%, rgba(83,216,209,1) 69%);
    background: -webkit-linear-gradient(left, rgba(0,170,173,1) 0%, rgba(83,216,209,1) 69%);
    background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0,170,173,1)), color-stop(0.69, rgba(83,216,209,1)));
    background: -o-linear-gradient(left, rgba(0,170,173,1) 0%, rgba(83,216,209,1) 69%);
    background: linear-gradient(left, rgba(0,170,173,1) 0%, rgba(83,216,209,1) 69%); /* FF3.6-15 */
    /* Chrome4-9,Safari4-5 */
    /* Chrome10-25,Safari5.1-6 */
    /* Opera 11.10-11.50 */
    /* IE10 preview */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aaad', endColorstr='#53d8d1',GradientType=1 ); /* IE6-8 */	
}






/*-------------------------------------------------------*\
	#UTILITIES: LAYOUT
\*-------------------------------------------------------*/
.dispBlock{
	display: block;
}
.border-none { border: none; }

.border-left{ border:1px solid #fff; }

.border{
	width:100%;
	height:5px;
	
}

.border-orange-top { border-top:5px solid #f57e20; }

.border-orange-bottom { border-bottom:5px solid #f57e20; }

.text-left{ text-align:left; }

.text-right{ text-align:right; }

.clear-background{ background:none; }

.background-cover{
	background-image: url("../../../../images/development/factbanner.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.centerBlock { 
	float:none; 
	margin:0 auto; 
}

.circle { border-radius:100%; }

.gradient-circle {
    text-align: center;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    color: #fff;
    line-height: 80px;
    font-size: 40px;
    margin: 10px auto;
    border: 3px solid #e3e3e3;
    background-image: radial-gradient(circle, #f4a36b, #f57f20);
}

.blank{ opacity:0.0; }

.image-respond{ width:100%; }

.hidden { display: none; }

.no-margin { margin: 0; }

.no-margin-bottom { margin-bottom: 0; }

.no_margin-left { margin-left: 0; }

.margin-left-10 { margin-left: 10px; }

.margin-left-20 { margin-left: 20px!important; }

.margin-right-20 { margin-right: 20px!important; }

.margin-bottom { margin-bottom: 20px!important; }

.margin-bottom-20 { margin-bottom: 20px; }

.margin-bottom-40 { margin-bottom: 40px; }

.margin-top { margin-top: 20px; }

.margin-top-20 { margin-top: 20px; }

.margin-top-40 { margin-top: 40px; }

.padding-40{ padding:40px; }

.padding-20{ padding:20px; }

.padding-sides-20{ 
	padding-right:20px;
	padding-left:20px; 
}

.float-left { float: left; }

.float-right { float: right; }

@media (max-width: 768px) { 
	
    .float-left,
    .float-right { float: none; }

}

.break-large { margin-bottom: 40px; }

a.bulletexpand {background: none; margin-left: -5px;}

.padding-vertical-40 { padding: 40px 0; }


/*-------------------------------------------------------*\
	#UTILITIES: LAYOUT:GRID
\*-------------------------------------------------------*/

.container-full { 
    max-width: 1240px;
    margin: 0 auto;
}

@media (max-width: 992px) { 
        
    .columns-md-sixteen { width: 100%; }
    
}

@media (min-width: 768px) {
    
    .columns-md-eight { 
        width: 50%;
        float: left; 
        margin: 0; 
    }

}

@media (min-width: 992px) {
    
    .columns-lg-eight { 
        width: 50%;
        float: left; 
        margin: 0; 
    }

}

@media (max-width: 992px) {
    
  .columns-md-12 { width: 100%; }
  
}

   		
/*Used on the accommodation area*/
.factBar { background: #f57e20; }

@media (min-width: 768px) and (max-width: 992px) {

    .columns-md-16 { 
        width: 80%!important;
        padding: 0 10%; 
    }
}

@media (max-width: 992px) { 

    .no-margin-md { margin-top: 20px; }

    .hidden-md { display: none; } 

}



/*-------------------------------------------------------*\
	#UTILITIES: LISTS
\*-------------------------------------------------------*/

.numbered_list  {  
	list-style-type: none; 
	list-style-type: decimal!ie; /*IE 7- hack*/ 
	margin: 0 0 40px 42px; 
	padding: 0; 
	counter-reset: li-counter;
}

.numbered_list li { 
	position: relative; 
	margin-bottom: 15px; 
	padding: 0 0 0 20px;
}

.numbered_list li:before { 
	position: absolute; 
	top: 0; 
	left: -1em; 
	width: 0.94em; 
	height: 0.94em; 
	padding:5px; 
	font-size: 3em; 
	font-weight: bold; 
	line-height: 0.94; 
	text-align: center; 
	color: #666; 
	background-color: #ebebeb; 
	content: counter(li-counter); 
	counter-increment: li-counter;
}

.numbered_list li a { 
    color:#666; 
    display:block;
}

.underlined_list { margin-bottom: 0; }

.underlined_list li,
.underlined_list li a { 
    line-height: 20px;
    margin: 10px 0;
    padding-bottom: 10px;
    padding-left: 10px;
    color: #444;
}

.underlined_list li {
    border-bottom: 1px solid  #ccc; 
}

.underlined_list li:first-child { margin-top: 0; }

.underlined_list li:last-child { 
    border-bottom: none; 
    padding: 0 0 0 10px;
}






/*-------------------------------------------------------*\
	#UTILITIES: BUTTONS
\*-------------------------------------------------------*/



 a.button { background: #f57e20; }
  a.btn-wo { 
    padding: 10px 20px;
    border: 3px solid #fff;
    color: #fff;
    display: block;
    width: 140px;
    text-align: center;
    margin-top: 20px; 
}
 .btn-wo { 
    padding: 10px 20px;
    border: 3px solid #fff;
    color: #fff;
    display: block;
    width: 140px;
    text-align: center;
    margin-top: 20px; 
}

.btn-wo:hover { 
    text-decoration: none;
    color: #fff; 
}

.btn-wo-orange {
    background: #fff!important;
    border: 1px solid #f57e20!important;
}

.btn-wo-orange a {  color: #f57e20!important; }

.btn-l_blue { background: #008cd2!important; }







/*-------------------------------------------------------*\
	#UTILITIES: DIVIDES
\*-------------------------------------------------------*/

.divide-30 { margin: 30px 0; }





/*-------------------------------------------------------*\
	#SIDEBAR: BOXOUT
\*-------------------------------------------------------*/

.sidebar .boxout { 
    width: 100%;
    padding-bottom: 20px;
    
}

.boxout-no_margin_bottom { margin-bottom: 0; }

.sidebar .boxout ul { 
	padding: 0 20px 0 20px; 
	margin-bottom: 0;
}

.sidebar .arrow  li { margin-left: 0; }

.sidebar .arrow  li:last-child { margin: 0; }

/*********************** Adjustments on 'study-layout.css' ******************************/

.recruitment { 
	background-color: #fff; 
	background-image: none; 
}

@media screen and (min-width: 45em) {
	.four { width: 22.9166667%; } 
	/**.column, .columns {  float: left; margin:0 1.04166667%;  }**/
	.omega { margin-right: 0;} 
}

/*********************** Text/tab styles ******************************/
.tabs {
max-height: 48px;
z-index: 10; 
}

.tabs ul	{
width:100%;	
}

.tabs ul li.active:after	{
content: none;
}

.carousel .tabContentText {
  background: #f57e20;
  border-left: 10px solid #b55e12;
  color: #fff;
}

.carousel .tabContentText p, .carousel .tabContentText h2 {
  color: #fff;
}

.carousel .tabContentText .cta p a {
  color: #b55e12;
  background: #fff;
  font-weight: bold;
  padding: 8px 10px 5px 10px;
  margin: 0;
 }
 

h3.intro-ch	{
margin-bottom: 1em;
font-size: 21px;
font-size: 2.1rem;
line-height: 1.3;
}
p.intro-ch	{
font-size: 1.4rem;
line-height: 1.5em;
}

li.arrow	{
  background: url('/images/sections/fulltime/template/arrow.png') no-repeat 0 5px;
  color: #444;
  padding-left: 15px;
  margin-left: 15px;
}


.textintro	{
  border:none;	
}

.textintro h2 {
  color:#f57e20; 
  border:none;	  
}

.textintro p {
  color: #000000;
  font-weight: none;
  margin-bottom: 10px;
  font-size: 110%;
}  

ul.clearing-thumbs {
  list-style-type: none;
  padding-left: 0px;
}

.ch-detail-align	{
 max-width: 700px;
 left: 20px;
 margin-left: 40px;
}

hr.divider	{
 margin-bottom: 45px;	
}


hr.divider_dark	{ border-bottom: 1px solid #444; }

.margindrop	{ margin-top: -2em;}
.marginincrease	{ margin-top: 2em;}
h2.black	{color: #000;}


/*********************** Content boxes on front page and sidebar ******************************/
.minheight	{min-height: 220px;}

.postbox-ch { position:relative;  margin-bottom:30px; }
.postboxcontent-ch {padding:5px 10px; background:#f57e20;}

.postbox-ch h3 { background:#b55e12; color:#fff; display:inline-block; padding:5px 10px; margin-bottom:5px;}
.postbox-ch p { color:#fff;}

.postbox-ch .imgleft { float:left;}
.postbox-ch a {color:#fff;}
.postbox-ch p { margin-bottom:8px;}
.postbox-ch p a { color:#b55e12; background:#fff; font-weight:bold; padding:8px 10px 5px 10px; margin: 0;}
.postbox-ch p a:after {
 color:#8e7b25;
 content:"\f054";
 font-family:"FontAwesome"; padding-left:10px; padding-top:2px; } 
 
.postbox-ch .cta	{position: absolute; bottom: 10px; background-color: #666;}
.postbox-ch .cta p a {color:#b55e12; background:#fff; font-weight:bold; padding:8px 10px 5px 10px; margin: 0;}
.postbox-ch .cta p a:after {color:#8e7b25; content:"\f054"; font-family:"FontAwesome"; padding-left:10px; padding-top:2px; }

/* removes curved corners from postbox class*/
.notebottom:before {
    content: none;
}

.notebottom:after {
    content: none;
}

/***************************************************************************************************/

/****************************** CH date/investment boxes (old) ******************************
.datecompletion {
  position: relative;
  margin-top:10px;
  margin-left:2px;
  margin-bottom:-20px;
  margin-right:2px;
  background: #f57e20;
  border:none;
  padding: 20px 30px 25px 30px;
  max-width: 95%;
  height: 120px;
}

.datecompletion h2 {
 color: #fff;
 font-size: 95%;
}

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

  .datecompletion {
  position: inline;
  margin-left:0px;
  margin-bottom: -15px;
  padding-top:-5px;
  padding-bottom: 5px;
  max-width: 95%;
  height: 115px;
  }

}

.col	{
display: block;
float:left;
padding: 5px 5px 5px 5px;
text-align: left;
}

.iconcol	{
width: 10%;
font-size: 25px;
}

.field {
width: 20%;
}

.value {
width: 40%;
}

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

  .iconcol	{
  margin-left: -10px;
  padding-right: 5px;
  width: 20px;
  font-size: 20px;
  }
	
  .field {
  width: 80px;
  padding-right: 10px;
  }
  
  .value {
  width: 85px;
  }
  
}
*/

/****************************** CH date/investment boxes v2 *******************************/
.datecompletion_v2 {
  position: relative;
  margin-top:10px;
  margin-left:2px;
  margin-bottom:-20px;
  margin-right:2px;
  background: #f57e20;
  padding: 20px 30px 25px 30px;
  max-width: 95%;
  height: 119px;
}

	@media only screen and (max-device-width: 330px){
	
	  .datecompletion_v2 {
	  margin-left:0px;
	  margin-right:0px;
	  background: #f57e20;
	  padding: 15px 5px 5px 5px;
	  max-width: 97%;
	  height: 130px;
	  }
	
	}

.col_v2	{
display: block;
float:left;
padding: 5px 5px 5px 1px;
text-align: left;
color: #fff;
font-size: 95%;
padding-right: 1em;
white-space:nowrap;
line-height: 2.1em;
}

/*.col_v2 span	{
  word-spacing: 1em;	
}
*/

.fa_white	{
color: #fff;
padding-right: 0.8em;
}


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

	.col_v2	{
	padding: 5px 5px 5px 1px;
	font-size: 90%;
	padding-right: 1em;
	}
	
	/*.col_v2 span	{
	  word-spacing: 1em;	
	}
	*/
	
	.fa_white	{
	padding-left: 0.4em;
	padding-right: 0.2em;
	}
  
}


/****************************** CH date/investment boxes v3 (without orange background) *******************************/
.datecompletion_v3 {
  position: relative;
  margin-top:3px;
  margin-left:0px;
  margin-bottom:-25px;
  margin-right:2px;
  background: #fff;
  
  padding: 10px 0px 2px 5px;
  max-width: 95%;
  height: 120px;
}

	@media only screen and (max-device-width: 330px){
	
	  .datecompletion_v3 {
	  margin-top: -5px;
	  margin-left:-25px;
	  margin-right:0px;
	  margin-bottom:-30px;
	  padding: 5px 0px 0px 5px;
	  max-width: 97%;
	  height: 130px;
	  }
	
	}

.col_v3	{
display: block;
float:left;
padding: 5px 5px 5px 1px;
text-align: left;
color: #000;
font-size: 95%;
padding-right: 1em;
white-space:nowrap;
line-height: 2.1em;
}

.col_v3 span	{
  /*word-spacing: 1em;*/
  color: #000;
}


.fa_orange	{
color: #f57e20;
padding-right: 0.8em;
}


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

	.col_v3	{
	display: block;
	float:left;
	padding: 5px 5px 5px 5px;
	text-align: left;
	font-size: 90%;
	padding-right: 1em;
	white-space:nowrap;
	line-height: 2.1em;
	}
	
	.fa_orange	{
	padding-left: 1em;
	padding-right: 0.2em;
	}
  
}

/*-------------------------------------------------------*\
	#INTERNATIONAL
\*-------------------------------------------------------*/

.wrapper {
  overflow:hidden;
  /*border : 2px solid #000; */
}

.wrapper div {
   min-height: 150px;
   padding: 0;
}

#one {
  width: 65.625%;
  height: 625px;
  box-sizing: border-box;
  float:left; 
  margin-right:20px;
  background: url(../images/sections/international/template_responsive/banner/2016.jpg);
  background-repeat: no-repeat; 
  background-position: top center;
  background-attachment: scroll;       
  webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;      
  /*border-right:2px solid #000;*/
  overflow: hidden;
}

#one h2.welcome	{
  width: 63.9%;
  height: 40px;
  position: absolute;
  margin-bottom: 80px;
  padding: 0.5em 0.5em 0.5em 0.5em;
  color: #fff;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.6);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

#two { 
  width: 28.125%;
  background-color: white;
  overflow:hidden;
  margin: 0;
}

#two .cta	{
 	width: 100%;
 	margin-bottom: 0.5em;
 	min-height: 200px;
	max-height: 400px;
 	float: left;
	background-color: #eee;
	overflow: hidden;
}

#two .cta p, .cta h3, select {
	margin: 0.5em 0.5em 0.5em 0.5em;
}

.image-wrapper {
	position: relative;
    display: block;
    height: 9.8em;
    height: 9.8rem;
    overflow: hidden;
    margin:0 auto;
    object-fit: contain;
}

@media screen and (max-width: 45em) {
   #one { 
    float: none;
	box-sizing: border-box;
	background-color: black;
	max-height:100px;
    width:100%;
    border:0;
	margin: 0;
	padding: 0;
  }
  
  #two { 
    float: none;
    margin-right:0;
    width:auto;
    border:0;   
  }
  
  #two .cta	{
	min-height: 10px;
	max-height: 60px;
  }
  
  #two h3 a {
	position: relative; 
	top: -94px;
	left: 5px;
  }

  #two .cta img {
	 display:none;
  }
  
  #two .cta p {
	 display:none;
  }

}

.green_border { border-left: 7px solid #a0ba5d;}
.peach_border { border-left: 7px solid #faae5d; }
.turquoise_border { border-left: 7px solid #72b1c8; }
.teal_border { border-left: 7px solid #627d83; }

.no_bg	{border: none; background: none;}

 @media only screen and (min-width:40em)	{
	.postboximage img	{
		padding: 8px 8px;
	}
 }

h3.no_bg	{
    padding: 0px 0px 0px 0px;
    background:none;
}

.hpaudience a.button.int  {
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
}

.hpaudience a.button.int:hover  {
	background-color: rgba(245, 135, 59, 0.9);
	color: rgba(0, 0, 0, 0.7);
}

.hpaudience img.int {
    opacity: 0.8;
}

.hpaudience img.int:hover {
    opacity: 1;
}

#chat {   border-radius: 10px 10px 0 0;
    position: fixed;
    right: 10px;
    bottom: 0;
    margin: 0;
    padding: 6px 15px;
    background-color: #f57f20; box-shadow: 1px -1px 5px 0px #ccc;
	z-index:1000;
}


#chat a { color:#fff; font-weight:bold;}
#chat a:after {content:"\f077"; font-family:"FontAwesome"; float:right; padding-left:50px; padding-right:5px; display:block;}


/**********************************************************************************************/

/*-------------------------------------------------------*\
	#EVENTS
\*-------------------------------------------------------*/

.eventslist li { border-color: #eee; }

/*
.easy-autocomplete input {
	margin-left:.5em;
	width:30em;
	height:2.5em;
	margin-top:0.5em;	
	background: #ccc;
}

	@media only screen and (max-device-width: 568px)	{
	
		.easy-autocomplete input {
		margin-left:.5em;
		width:18em;
		height:2.5em;
		margin-top:0.5em;	
		}
	
	
	}
*/


/*-------------------------------------------------------*\
	#GENERIC GREY BOXES
\*-------------------------------------------------------*/


/*List into grey boxes to create the flowchart stages DS*/
.flowchart { padding: 0; }

.flowchart a { color: #444; }

.flowchart a:hover, .block-grey a:hover  { 
    color: #f57e20; 
	text-decoration: none; 
}

.flowchart li { 
    padding: 20px 10px;
	background:  #efefef;
	text-align: center;
	font-size: 22px;
	margin-left: 0;
	line-height: 1.6em;
}

/*Blocks*/
.block-grey { 
    background: #efefef; 
	padding: 30px 0;
	text-align: center;
	margin-bottom: 20px;
	float: left;
	width: 24%;
	padding: 3%;
}

.block-grey a { color: #444; }

.block-grey--midldle { margin: 0  4.5%; }

@media screen and (max-width: 45em) {
/*Blocks*/
.block-grey { width: 94%; }

.block-grey--midldle { margin: 0px 0px 20px 0px; }
}

.coursesearch {
	    margin-top: 30px;
}

select {
    background: #FFF url('/images/commonimages/icons/downarrow.gif') no-repeat 90%;
    font-size: 90%;
    padding: 10px 50px 10px 10px;
    border: 1px solid #ccc;
    color: #333;
}

.tertiary	{
 margin-left: 25px;
 max-width: 1140px;	
}

.notebottom:before {
    width: 0;
}

.note:before {
}

.postbox-ch p.news_stories {
    padding: 0px 0px 0px 0px;
    font-weight: none;
}

.postbox-ch p.news_stories a:after {
    color: #fff;
    content: none;
    font-weight: none;
}

.postbox-ch p.news_stories a {
 color: #fff;
 font-weight: 200;
 background: none;
 padding: 0px 0px 0px 0px;
}


/**********************************************************************************************/


/*-------------------------------------------------------*\
	#SECTION: NEWS
\*-------------------------------------------------------*/

.image-news-landscape { 
    float:right;
    margin-left: 15px;
}

@media (max-width: 768px) {
    .image-news-landscape { display: block; }
}





/*-------------------------------------------------------*\
	#SECTION: ABOUT
\*-------------------------------------------------------*/

.numbered_list-about { margin-top: 15px; }

.numbered_list-about li { 
	line-height: 50px; 
	padding-left: 40px; 
}

@media (max-width: 768px) { 
	
	.numbered_list-about li { line-height: 20px;  }
	
}

.numbered_list-about li:before { width: 1.2em; }

/*Mission statement*/
.mainfact-about { 
	margin-top: 60px; 
	margin-bottom: 60px; 
}

.mainfact p { color:#333; }

/*Main images with quotes*/
.img-container {
	height: 600px;
	background-size: cover;  
	margin-top:-35px;
	border-bottom:10px solid #f57f20;
}

@media (max-width: 768px) { 
	
	.img-container  { margin-top: -10px; }
	
}

.aboutcarousel { margin-top:-35px; }

@media (min-width: 768px) and (max-width: 1200px) { 

    .img-container { height: 400px; }

}

@media (max-width: 768px) { 
	
    .img-container { height: 300px; }
	
}

.img-container-1 { background-image: url('/images/sections/About/main_images/quote1.jpg') }
.img-container-2 { background-image: url('/images/sections/About/main_images/quote2.jpg') }
.img-container-3 { background-image: url('/images/sections/About/main_images/quote3.jpg') }
.img-container-4 { background-image: url('/images/sections/About/main_images/quote4.jpg') }
.img-container-5 { background-image: url('/images/sections/About/main_images/quote5.jpg') }
/*2560x1100*/
.img-container-grad { background-image: url('/images/sections/alumni/graduation/grad_a.jpg') } 
.img-container-grad-archive { background-image: url('/images/sections/alumni/graduation/grad_archive_a.jpg') } 
/*2560x1100*/
.img-container-sc { background-image: url('/images/sections/schoolscolleges/template_responsive/banner/Img233518_OD_a.jpg') } 
}

@media (min-width: 768px) and (max-width: 1200px) { 

    .img-container-1 { background-image: url('/images/sections/About/main_images/quote1-md.jpg') }
    .img-container-2 { background-image: url('/images/sections/About/main_images/quote2-md.jpg') }
    .img-container-3 { background-image: url('/images/sections/About/main_images/quote3-md.jpg') }
    .img-container-4 { background-image: url('/images/sections/About/main_images/quote4-md.jpg') }
    .img-container-5 { background-image: url('/images/sections/About/main_images/quote5-md.jpg') }
	/*1240x550*/
	.img-container-grad { background-image: url('/images/sections/alumni/graduation/grad_b.jpg') } 
	.img-container-grad-archive { background-image: url('/images/sections/alumni/graduation/grad_archive_b.jpg') }
	
	.img-container-sc { background-image: url('/images/sections/schoolscolleges/template_responsive/banner/Img233518_OD_b.jpg') } 
}

@media (max-width: 768px) { 
	.aboutcarousel {margin-top:0px;}
    .img-container-1 { background-image: url('/images/sections/About/main_images/quote1-sm.jpg') }
    .img-container-2 { background-image: url('/images/sections/About/main_images/quote2-sm.jpg') }
    .img-container-3 { background-image: url('/images/sections/About/main_images/quote3-sm.jpg') }
    .img-container-4 { background-image: url('/images/sections/About/main_images/quote4-sm.jpg') }
    .img-container-5 { background-image: url('/images/sections/About/main_images/quote5-sm.jpg') }
	/*768x459*/
	.img-container-grad { background-image: url('/images/sections/alumni/graduation/grad_c.jpg') }
	.img-container-grad-archive { background-image: url('/images/sections/alumni/graduation/grad_archive_c.jpg') }
	
	.img-container-sc { background-image: url('/images/sections/schoolscolleges/template_responsive/banner/Img233518_OD_c.jpg') }
	
}

@media (max-width: 400px) { 
	/*350x355*/
	.img-container-grad { background-image: url('/images/sections/alumni/graduation/grad_d.jpg') }
	.img-container-grad-archive { background-image: url('/images/sections/alumni/graduation/grad_archive_c.jpg') }
	
	.img-container-sc { background-image: url('/images/sections/schoolscolleges/template_responsive/banner/Img233518_OD_d.jpg') }
	
}

.main_img-quote_container { 
	max-width: 1000px;
    margin: auto;
    text-align: center;
    height: 100%;    
    color: #fff;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
	padding: 0 20px;	
	line-height: 60px;	
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
}

.main_img_quote { 
    margin: auto;
    text-align: center;  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;   
    color: #fff;
}

.img-fact-heading { 
	font-size: 42px; 
	width: 100%; 	
}

.grad_heading {
	font-size: 54px;
}

.img-fact-body { 
	width: 100%; 
	display: block;
	font-size: 24px;  
	margin-top: 10px;
	line-height: 1.6em;
}

@media (max-width: 768px) { 

    .img-fact-heading {
	    font-size: 24px;
	    line-height: 30px;
	}
	
	.img-fact-body { font-size: 14px; }
	
}




/*Images with text below which form a grid*/
.img-text-below {  
	background: #f57f20; 
	height: 40px;
}

.img-text-below:after {
    color: #fff;
    content: "\f054";
    font-family: "FontAwesome";
    float: right;
    padding-top: 10px;
	padding-right: 10px;
}

.img-text-below span { 
	margin-left: 10px; 
	line-height: 40px;  
	color: #fff; 
	font-weight:bold;
}
/*end of text below*/

/*Images with text below which form a grid*/
.img-text-below-card {  
	background: #fff; 
	padding:100px;
	height: 40px;
}

.img-text-below-card:after {
    color: #fff;
    content: "\f054";
    font-family: "FontAwesome";
    float: right;
    padding-top: 10px;
	padding-right: 10px;
}

.img-text-below-card span { 
	margin-left: 10px; 
	line-height: 40px;  
	color: #fff; 
	font-weight:bold;
}
/*end of text below*/



/*Images with text below which form a grid*/
.img-text-below-schools {  
	
	height: 40px;
}

.img-text-below-schools:after {
    color: #fff;
    content: "\f054";
    font-family: "FontAwesome";
    float: right;
    padding-top: 10px;
	padding-right: 10px;
}

.img-text-below-schools span { 
	margin-left: 10px; 
	line-height: 40px;  
	color: #fff; 
	font-weight:bold;
}
/*end of text below*/

.section-link:hover { text-decoration: none; }

.sections-about-governance { margin-bottom: 10px; }

@media (max-width: 992px) {
	
    .main_sections-about .columns { 
	    box-sizing: border-box; 
	    margin-bottom: 20px; 
	    padding: 0 20px; 

    }

}

@media (min-width: 600px) and (max-width: 992px) {

	.sections-about-university { 
		margin-left: 0!important; 
		padding-right: 0!important; 
	    width: 48%!important;  
	    margin-right: 4%;  
	    float: left;
	}
	
	.sections-about-visiting { 
		margin-left: 0!important; 
		padding-left: 0!important; 
		width: 48%!important;  
		float: left;
	}		
	
	.section-about-right { 
		width: 100%!important; 
		margin: 0;
	}
	
	.sections-about-public_information { 
		width: 48%!important;  
		float: left;
	}
	
	.sections-about-governance { 
		width: 48%!important;  
		margin-right: 4%; 
		float: left;
	}

}

/*Popular links section*/
.popular_links { margin: 60px auto; }

@media (max-width: 768px) { 
	
	.popular_links { margin: 30px auto; }
	
}

@media (min-width: 1200px) {
	
    .popular_links ul { padding: 0 100px; } 

}

@media (max-width: 768px) { 
	
	.popular_links ul { padding: 0; }
	
}

.popular_links li { 
	border-bottom: 1px solid #ebebeb; 
	width: 30%; 
	float: left;
    padding: 10px 0;
	font-size: 18px;	
}

@media (max-width: 768px){
	
	.popular_links li { width: 100%;}
	
}

.popular_links li a { color: #333; }

.popular_links li:after {
    color: #333;
    content: "\f054";
    font-family: "FontAwesome";
    float: right;
    padding-left: 10px;
}

.popular_links ul li:nth-child(2), 
.popular_links ul li:nth-child(5), 
.popular_links ul li:nth-child(8) { 
	margin-left: 5%;  
	margin-right: 5%; 
}

.list-item-middle { 
	margin-left: 5%;  
	margin-right: 5%;
}

@media (max-width: 768px) { 
	
	.list-item-middle,
	.popular_links ul li:nth-child(2), 
	.popular_links ul li:nth-child(5), 
	.popular_links ul li:nth-child(8) { margin-left: 0; margin-right: 0; }
	
}


/*-------------------------------------------------------*\
	#ABOUT: AWARDS
\*-------------------------------------------------------*/

.block_award { 
	border-bottom: 1px solid #ebebeb; 
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 10px;
	margin-bottom: 20px;
	display: block;
	min-height: 150px;
}

.block_award-last { border-bottom: none; }

.block_award-body { 
	float: left;
	width: 70%; 
}

.block_award-logo { 
	width: 30%;
	float: right; 
}

.block_award-logo img { 
	float: right; 
	height: 150px; 
}

@media (max-width: 768px) {
	
	.block_award { overflow: hidden; }
	
	.block_award-last { 
		margin-bottom: 0; 
		padding-bottom: 0; 
	}
	
	.block_award-body { width: 100%; }
	
	.block_award-logo { width: 100%; } 

    .block_award-logo img { 
	    display: block; 
	    float: none; 
	    margin: auto; 
	}
    
}

/*-------------------------------------------------------*\
	#ABOUT: SCHOOLS & DEPARTMENTS
\*-------------------------------------------------------*/

.block_schools_departments { 
	width: 32%; 
	float: left; 
	margin-bottom: 20px;
}

@media (min-width: 768px) and (max-width: 992px) { 
	
	.block_schools_departments { 
    	width: 48%; 
    	margin: 0 1% 20px 1%; 
    }
		
}

@media (max-width: 768px) { 
	
	.block_schools_departments { 
    	width: 100%;  
    	margin-bottom: 20px; 
    }
		
}

.block_schools_departments-middle { 
	margin-left: 2%; 
	margin-right: 2%;
}

@media (min-width: 768px) and (max-width: 992px) { 
	
    .block_schools_departments-middle { margin: 0 1% 20px 1%; }
    
}

@media (max-width: 768px) { 
	
	.block_schools_departments-middle { margin: 0 0 20px 0; }
	
}

.block_schools_departments img { 
	margin-bottom: 20px; 
	width: 100%; 
	height: auto; 
}

.block_schools_departments {  text-align: center; }

.block_schools_departments a { 
	font-weight: bold;
	color: #fff;  
	text-align: center;
}




/*-------------------------------------------------------*\
	#ABOUT: CAROUSEL
\*-------------------------------------------------------*/

.carousel_title_and_controls { margin: 20px 0; }

.carousel_title_and_controls h2 { 
	float: left; 
	margin-bottom: 0; 
}

@media (max-width: 768px) {
	
    .carousel_title_and_controls h2 { 
	    text-align: center; 
	    float: none; 
	}
    
}

.customNavigation{
    text-align: right;
    font-weight: bold;
}

@media (max-width: 768px) {
	
    .customNavigation{
        text-align: center;
        margin: 10px 0;
        display: block;
        clear: both;
    }

}

@media (min-width: 780px) {
	
    .gradcontrols {
        display:none;
    }
    
}


.customNavigation a {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: #444;
}

.customNavigation span { margin: 0 5px;  }

.customNavigation i { color: #444;  }

.owl-about,
.owl-about .owl-wrapper,
.owl-about .owl-item  { 
	display: flex!important; 
	display: -webkit-box;     /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;        /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;      /* NEW - Chrome */
}

.owl-about .item {
    background: #ebebeb;
    color: #666;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    margin:  0 5px;    
    display: flex;
}

.item img { 
    width: 100%;
	margin-bottom: 10px;
}

.item-body { 
	 display: flex; 
	 flex-direction: column; 
	 width: 100%;
	 padding-bottom: 20px;
	 
	 
}

.item-body p { 
	 flex: 1 0 auto;
	 padding: 0 20px;
}

.item-body-cta { 
	font-weight: bold;
	text-decoration: none;
	background: #f57e20;
    padding: 10px 8px;
    color: #fff!important;
    width: 150px;
    margin: 0 auto;
}

.item-body-cta:hover { text-decoration: none; }



/*-------------------------------------------------------*\
	#ABOUT: CAROUSEL-INDEX-AWARDS
\*-------------------------------------------------------*/

.owl-about-index { margin-bottom: 20px;}

.owl-about-index .item { background: #fff; }

@media (max-width: 768px) {
	
    .owl-about-index .item { margin: auto; }
    
}

.about_index-awards { margin-bottom: 60px; }





/*-------------------------------------------------------*\
	#ABOUT: REGION
\*-------------------------------------------------------*/

/*Spotlight feature is an accented block with an image to the left and accompanying text to the right.*/
.spotlight { 
	width: 100%;
	margin: 20px 0; 
	color: #fff; 
	height: auto;
	display: flex;
}

.spotlight-left { 
	width: 55%; 
	float: left;
}

.spotlight-right { 
	width: 35%; 
	float: left; 
	padding: 40px 5%; 
    background: #f96e0d;
    height: auto;
}

@media (max-width: 992px) {
	
	.spotlight { display: block }
	
    .spotlight-left { 
	    display: block; 
	    width: 100%;
	}
	
	.spotlight-right { 
	    display: block; 
	    width: 90%;
	    padding: 5%;
	    
	}

}

.spotlight h3 { 
	color: #fff; 
	margin: 0 0 0 0;
}



.spotlight p { font-size: 18px; }

@media (max-width: 768px) {
	
	.spotlight { 
		width: 100%; 
		padding: 0; 
	}
	
}

.heading-enlarged { 
	font-size: 200%!important; 
	display: block;
}


@media (max-width: 768px) {
	
    .logo_fairtrade { float: none; }
    
}


/*-------------------------------------------------------*\
	#ABOUT: REGION
\*-------------------------------------------------------*/

.travel_tabs li  a { color: #fff; }

.travel_tabs li { display: inline;  }

.travel_tabs-active { 
	background: orange; 
	-webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 10px 10px; 
    color: #fff; 
}

.basic .tabContentText { background: #ebebeb; }


.block-pay { 
	background: #ebebeb; 
	padding: 20px;  
	box-sizing: border-box; 
	margin-top: 20px;
	margin-bottom: 20px; 
}

.list-numbered  {  
	list-style-type: none; 
	margin: 30px 0 0 0;	
	padding: 0; 
}

.list-numbered li { 
	margin-bottom: 10px; 
	padding: 0 0 10px 0;
	min-height: 50px;
	border-bottom: 1px solid #ebebeb;
}

@media (min-width: 992px) {
	
    .list-numbered li {line-height: 50px; }

}

.list-numbered li:last-child {  border: none; }

.number {
	 width: 50px; 
	 height: 50px; 
	 background: #ccc;
	 text-align: center;
	 float: left;
	 line-height: 50px;
	 margin-right: 10px;
	 font-weight: bold;
	 font-size: 30px;
	 color:#666;
}

.list-numbered1 { 
	 margin: 40px 0;
	 padding: 0; 
	 width: 50%; 
}

@media (max-width: 768px) {
    
     .list-numbered1 { 
         width: 100%;  
        
    }
    
    .list-right {  margin-top: 0; }
    
    .list-left { margin-bottom: 0; }
     
}

.list-numbered1 li { 
	line-height: 20px; 
	min-height: 50px; 
	display: block;
}

.number { 
	max-width:50px; 
	width: 20%; 
	background: #ccc;
}

.list-numbered1 li span { 
	width: 80%; 
	display: inline-block; 
}





/*-------------------------------------------------------*\
	#ACCOMMODATION
	#ACCOMMODATION:INDEX
	#ACCOMMODATION:CAROUSEL
	#ACCOMMODATION:CAROUSEL-OVERLAY
\*-------------------------------------------------------*/

/*-------------------------------------------------------*\
	#ACCOMMODATION:INDEX
\*-------------------------------------------------------*/

.item__overlay-index { 
    background: #000;
    background: rgba(0,0,0,0.8);
    text-align: left;
    position: absolute;
    padding: 20px;
    bottom: 0;
    z-index: 500; 
}

.item__overlay-index_heading { 
    margin-bottom: 0;
    color: #fff;
}

.col-md-6 { 
    width: 50%; 
    float: left;
    position: relative;
}

.col-md-4 { 
    width:33.33333333%; 
    float: left;
    position: relative;
}

@media (max-width: 992px) {
    
.col-md-4 { 
    width:50%; 
    float: left;
    position: relative;
}

}

@media (max-width: 768px) {
    
.col-md-4 { 
    width:100%; 
    float: left;
    position: relative;
}

}





/*-------------------------------------------------------*\
	#ACCOMMODATION:WHY_TEESSIDE
\*-------------------------------------------------------*/

.panel-included { 
    padding: 20px 0; 
    text-align: center; 
    background: #ebebeb;
}

.panel-included i { 
    font-size: 40px;
    display: block;
    margin-bottom: 10px;
}

.panel-included img { 
    display: block; 
    margin: 0 auto 10px auto;
}





/*-------------------------------------------------------*\
	#ACCOMMODATION:CAROUSEL
\*-------------------------------------------------------*/

.owl-accommodation { margin-top: 20px; }

@media (max-width: 768px) {
    
    .owl-accommodation { margin-top: 0; }
    
}

.owl-accommodation .owl-controls {  
     background: #000;
     background: rgba(0,0,0,0.8); 
     text-align: center;
     padding: 20px 20px;
     display: block;
     position: absolute;
     right: 0;
     bottom: 10px;
     z-index: 1000;
     font-weight: bold;
     color: #fff;
     width: 120px;
}  

@media (max-width: 768px ) {
    
     .owl-accommodation .owl-controls { width: 20px; }
     
}
     
.owl-accommodation .owl-buttons { font-size: 14px; }
     
.owl-accommodation .owl-prev { 
     float: left;
     margin-right: 20px;
     line-height: 1.5em;
}

@media (max-width: 768px ) {
    
    .owl-accommodation .owl-prev,
    .owl-accommodation .owl-next { display: none; }

}
 
.owl-accommodation .numbers { 
    float: left; 
    margin-right: 20px;
    margin-bottom: 0;
    font-size: 14px; 
}
     
.owl-accommodation .owl-next { 
    float: left;
    line-height: 1.5em;
}

@media (max-width: 768px ) {
    
    .owl-accommodation .owl-controls { 
        padding: 10px; 
        line-height: 1.2em;
    }
    
}
 
.owl-accommodation .owl-pagination .owl-page { 
     text-align: center; 
     float: left; 
}





/*-------------------------------------------------------*\
	#ACCOMMODATION:CAROUSEL-OVERLAY
\*-------------------------------------------------------*/

.item__overlay { 
    background: #000;
    background: rgba(0,0,0,0.8);
    text-align: left;
    position: absolute;
    padding: 30px;
    bottom: 10px;
    width: 30%;
    z-index: 500;
}

@media (max-width: 768px) {
    
    .item__overlay { 
        padding: 10px;
        width: auto;
    }
    
    .item__overlay h1 { 
        font-size: 14px;
        margin-bottom: 0;
        line-height: 1.5em;
    }
    
    .item__overlay ul { display: none; }
    
}

/*******************Used after the first image within the carousel*****************/
.item__overlay-small { 
    background: #000;
    background: rgba(0,0,0,0.8);
    text-align: left;
    position: absolute;
    padding: 20px;
    bottom: 10px; 
}

.item__overlay-small_heading { 
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.5em;
    margin: 0;
}

@media (max-width: 768px) {

    .item__overlay-small { padding: 10px; }

}

/*******************Used after the first image within the carousel*****************/

.accommodation-features { padding: 0; }

.accommodation-features li { 
    float: left;
    width: 25%; 
    margin-bottom: 20px;
}

.accommodation-features li:nth-child(5), .accommodation-features  li:nth-child(6), .accommodation-features li:nth-child(7) {
    margin-bottom: 0;
}

.item__overlay-umh { width: 40%; }

.accommodation_overlay_facts { 
    color: #fff; 
    margin-bottom: 0;
}
 
.accommodation_overlay_facts li { 
	 font-size: 20px; 
	 border-bottom: 1px dashed #fff; 
	 padding: 20px 0;
	 margin-bottom: 0;
}

.accommodation_overlay_facts li:last-child { border: none; }

.accommodation_overlay_facts li:first-child { padding-top: 0; }

@media (max-width: 768px) {
    
    .accommodation_facts ul { margin-bottom: 0; }
    
    .accommodation_facts ul li { 
        width: 100%;  
        border-right: none; 
        border-bottom: 1px dashed #fff; 
        padding: 10px 0;
        font-size: 16px; 
    }
    
}

.accommodation_lower_level .columns {
    padding: 0 20px;
    box-sizing: border-box;
}

.content_container-about { 
    order: 2; 
    margin: 60px 0;
}

.sidebar-accommodation { 
    padding-left: 0; 
    padding-right: 0; 
    margin-left: 0; 
    margin-right: 0;
}

/*Delete this when launching the new buildings template*/
@media (max-width: 768px) {
	
    .flex {  
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; 
  
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
    }
  
    .sidebar-accommodation { 
	    order: 1; 
	    flex: 1 100%; 
	    margin-top: 0;
	}
    
    .content_container-about { 
        order: 2; 
        margin: 30px 0;
    }
  
}
/*Delete this when launching the new buildings template*/

    
    



/*Key facts found in the sidebar*/
.accommodation-key-table { border-left: 1px solid #ccc; }


 
@media (max-width:768px) {
   
   .flex-accommodation { padding: 0 20px; }

}

.btn-payment { 
    display: block;
    padding: 30px 0 0 0;
    background: #f57e20; 
    color: #fff!important;
    text-align: center;
    margin-bottom: 20px;
    font-size: 25px;
    font-weight: bold;
}

.btn-payment span { 
    background: #be651f; 
    display: block;
    margin-top: 30px;
    font-size: 14px;
    padding: 10px 0; 
}

.btn-payment:hover { text-decoration: none; }


.list-eight { 
    padding: 0; 
    margin: 0;
}

.list-eight li { 
    width: 40%;
    margin: 0 5%;
    float: left;
    line-height: 2em;
}



/*-------------------------------------------------------*\
	#ACCOMMODATION: SIDEBAR
\*-------------------------------------------------------*/

.boxout-contact ul li i { margin-right: 10px; }

.boxout-contact ul li a { 
    color: #444;
    text-decoration: underline;
}





/*-------------------------------------------------------*\
	#ACCOMMODATION: APPLY
\*-------------------------------------------------------*/

@media (max-width: 768px) {
    
    .no-margin-sml { margin: 0; padding: 0; }
    
    .full-width { 
        width: 100%;
        box-sizing: border-box;
    }

}
 
.application-stg-1 {
  -webkit-animation-duration: 3s;
  -webkit-animation-delay: 2s;
  -webkit-animation-iteration-count: 1;
  
  -ms-animation-duration: 3s;
  -ms-animation-delay: 2s;
  -ms-animation-iteration-count: 1;
}

.application-stg-2 {
  -webkit-animation-duration: 3s;
  -webkit-animation-delay: 3s;
  -webkit-animation-iteration-count: 1;
  
  -ms-animation-duration: 3s;
  -ms-animation-delay: 3s;
  -ms-animation-iteration-count: 1;
}

.application-stg-3 {
  -webkit-animation-duration: 3s;
  -webkit-animation-delay: 4s;
  -webkit-animation-iteration-count: 1;
}

.accommodation-apply-block { 
    height: 350px; 
    padding: 20px; 
    box-sizing: border-box;
    margin-top: 20px;
}

.accommodation-apply-block .btn-wo { margin: 40px auto 20px auto; }

@media (max-width: 768px){
    
    .accommodation-apply-block { 
    height: 450px; 
    padding: 20px; 
    box-sizing: border-box;
    margin-top: 0;
    }
    
}

.accommodation-apply-block-faq,
.accommodation-apply-block-faq h3, 
.accommodation-apply-block-faq a { color: #fff!important; }

.accommodation-apply-block-faq .trigger { 
    background: #f57e20; 
    border-bottom: 1px solid #fff;
}

.accommodation-apply-block-faq .trigger:after { color: #fff; }

.accommodation-apply-block-faq .toggle_container {
    padding: 10px 0;
    border: none;
}

@media (max-width: 992px) {
    
    .accommodation-apply-block-contact { margin-top: 0; }

}

@media (min-width: 768px) and (max-width: 992px) {
    
    .accommodation-apply-block-contact { 
        height: 300px!important; 
    }
    
}





/*-------------------------------------------------------*\
	#ACCOMMODATION: FAQS
\*-------------------------------------------------------*/

.accommodation-faqs-left { padding-right: 20px;  }

.accommodation-faqs-right { padding-left: 20px; }

@media (max-width: 992px) { 
    
    .accommodation-faqs-left { padding-right: 0; }

    .accommodation-faqs-right { padding-left: 0; }

}

.accommodation-faqs-left,
.accommodation-faqs-right { 
    box-sizing: border-box;
    margin-top: 30px;
    margin-bottom: 30px; 
}

.trigger_expand { 
    margin-top: 20px;
    background: #fff; 
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px 0;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 0;
}

.trigger_expand a,
.trigger_expand a:hover {  
    text-decoration: none;
    color: #444;
}

.trigger_expand a { 
    width: 90%;
    float: left;
    font-weight: bold;
}

.trigger_expand::after { 
    text-align: right;
    float: right;
    width: 5%;
    line-height: 1.7em;    
    color: #333;
    content: "";
    font-family: "FontAwesome";
    float: right;
}

.trigger_expand:hover:after { content: "\f078"; }

.accommodation-faqs .toggle_container { 
    border: none; 
    padding-left: 0;
    padding-right: 0;
}





/*-------------------------------------------------------*\
	#GRADUATION
\*-------------------------------------------------------*/

/*Welcome heading only*/
h1.grad_homepage_header	{
	margin-top: 1em;
	font-size: 2.5em;
}

	@media screen and (max-width: 768px) {
	
		h1.grad_homepage_header, h2.grad_homepage_header, p.grad_homepage_header	{
			margin-left: 0.5rem;
		}	
	}


/*Homepage block headings*/
h1.grad_homepage	{
	font-size: 2.5em;
}

h2.grad_homepage	{
	text-align: left;
	color: #000;
}

.grad_homepage_margin_left	{
	margin-left: 0.6em;
}

.grad_homepage_margin_top	{
	margin-top: 1.7em;
}

.grad_homepage_margin_bottom_reduce	{
	margin-bottom: -1em;
}

h3.grad_homepage	{
	text-align: left;
	margin-left: 1em;
	margin-bottom: -10px;	
}
	
p.grad_homepage	{
	text-align: left;
	margin-bottom: 1em;
}

.gradbuttonlink	{
	margin-top:17px; 
	margin-bottom:11px;
}

img.grad__notlive {   			
   opacity: 0.3;
   filter: alpha(opacity=30);
   zoom: 1;  /* needed to trigger "hasLayout" in IE if no width or height is set */ 
}

.grad_day_live	{
	background: #f57e20;
	text-shadow:none !important;
	border:none !important;
	box-shadow:none !important;
	text-decoration:none;
}

.grad_day_notlive	{
	background: #ccc;
	text-shadow:none !important;
	border:none !important;
	box-shadow:none !important;
	text-decoration:none;
}

.stream_button	{
	width: 200px;
}

@media screen and (min-width: 992px) {
	
	.stream_link_mobile	{
	display:none;
	}	
}

@media screen and (max-width: 768px) {
	
	.stream_link_desktop	{
	display:none;
	}	
}


.dashboardboxgrey {
	background-color: #eee;
}

.graduation_sm_icons	{
	float: right;
}

ul.graduation_sm_icons {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

ul.graduation_sm_icons li {
	display: inline;
	margin-bottom: 20px;
}

.grad_item	{
	width: 150px;	
	margin-right: -30px;
}

.hpgrad_no_margin {
  padding: 40px 20px;
  margin-bottom: 0;
}

.hpgrad {
    background: #eee;
    margin: -10px 0;
    color: #666;
}

	@media (max-device-width: 480px) {
		margin-bottom: 50px;
		height: 100%;
	}


.hpgrad h3 {
    color: #666;
	font-size: 120%;
}

.hpgrad p {
    color: #000;
	line-height: 1.6em;
}

.hpgrad p.container {
    color: #000;
	line-height: 1.8em;
}

.hpgrad p a img {
    float: none;
}

.videos img {
  width:100%;
  height:auto;
}

a.video	{
  position: relative;
}

.float_right	{
 float: right;	
}

.float_left	{
 float: left;	
}

a.video span {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("../images/sections/alumni/graduation/play-image.png") no-repeat;
  background-position: 50% 50%;
  background-size: 25%;
}
	@media screen and (max-width: 480px) {
  	a.video span {
    background-size: 30%;
  	}
  
}


.dashboardbox h2.grad :after {
    color: #ccc;
    font-weight: normal;
    float: right;
    padding-left: 20px;
}

	
@media (max-device-width: 480px) {
	.gradinfo	{
	margin-top: 10px;	
	}
}

.pagecontentgrad	{
	margin-top: 65px;
}

@media (max-device-width: 480px) {
	.pagecontentgrad	{
	margin-top: 35px;
	}
}


.grad_homepage_owl	{
	margin-top: 2em;	
}

.grad_homepage_owl_controls	{
	color: #fff;	
}

.grad_homepage_owl_controls i	{
	color: #fff;	
}

@media screen and (max-width: 780px) {
	
	.gradhomepage_owl_item	{
		min-height: 400px; 	
	}
	
}
	
.grad_homepage_block {
    background: #fff;
    padding: 40px 20px;
    margin:0;
}

.grad_homepage_block_no_bottom_margin	{
	margin-bottom: -30px;
	padding-bottom: 0;
}
	
.grad_homepage_block_grey {
    background: #ebebeb;
}

.grad_homepage_block_dark {
    background: #333333 url(../../../images/sections/Alumni/graduation/grad_content_block_img223626.jpg) no-repeat 0 0;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../images/sections/alumni/graduation/grad_content_block_img159285.jpg', sizingMethod='scale')";
    /* */
}


.grad_homepage_block_white	{
	background: #ffffff;
}

a.gradheadline	{
	position: inherit;
	z-index: 100 !important;
}

.grad_menu	{
	background: #fff;
	padding-top: 0;
	padding-bottom:0;
	margin-bottom: 1em;
}

	@media (max-device-width: 480px) {
		.grad_menu	{
			padding-top: 0;
			padding-bottom: 0;

		}
	}

.grad_menu_item	{
	background: #eee;
    margin: 0;
    padding-top: .7em;
    padding-right: 0;
    padding-bottom: .7em;
    padding-left: 0;
    overflow: hidden;
    text-align: center;
    border: 4px solid #fff;
    width: 18.2em;	
}

	@media (max-device-width: 480px) {
		.grad_menu_item	{
			width: 17.5em;
			/*background: red;	*/
		}
	}
	
	@media (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
		.grad_menu_item	{
			width: 10.7em;
			/*background: green;*/	
		}
	}
	
	@media (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 
		.grad_menu_item	{
			width: 14.5em;	
			/*background: blue;*/
		}
	}
	
	@media (min-device-width : 1024px) and (max-device-width : 1440px) { 
		.grad_menu_item	{
			width: 17.8em;	
			/*background: #f57e20;*/
		}
	}
	

.grad_menu_item	a {
 color: #000;
 font-size: 110%;
 font-weight: 600;	
}

.grad_menu_item_white	{
 background: #fff;
 border: 1px solid #eee;
}

ul.grad_menu_item_quickmenu {
	background: #eee;
    margin: 0;
    padding-top: .7em;
    padding-right: 0;
    padding-bottom: .7em;
    padding-left: 0;
    overflow: hidden;
    text-align: center;
    /*border: 4px solid #fff;*/
    width: 100%;	
}

@media (min-device-width : 1024px) {
		ul.grad_menu_item_quickmenu	{
			display: none;	
		}
}

ul.grad_menu_item_quickmenu_homepage {
    padding-top: .7em;
    padding-right: 0;
    padding-bottom: .7em;
    padding-left: 0;
    overflow: hidden;
    text-align: center;
    width: 100%;	
}

ul.grad_menu_item_quickmenu li {
	list-style: none;
	display: inline;
    margin-left: .5em;
    margin-right: .5em;
    padding-top: 0;
    padding-right: 1em;
    padding-bottom: 0em;
    padding-left: 1em;
    overflow: hidden;
    text-align: center;
    width: 15%;
}

ul.grad_menu_item_quickmenu_homepage li {
	background: #fff;
    margin: 0;
    margin-bottom: .5em;
    padding-top: .9em;
    padding-right: 0;
    padding-bottom: .9em;
    padding-left: 0;
    overflow: hidden;
    text-align: center;
    width: 100%;
    font-size: 130%;
    font-weight: 500;
}

ul.grad_menu_item_quickmenu_homepage li a {
    color: #000;	
}

.grad_grey {
	 background: #ebebeb;
}

.grad_trans {
	 background: none;
	 border: none;
}

.grad_grey_border {
	 border: 4px solid #eee;
}


	@media (max-device-width: 480px) {
		
		ul.grad_menu_item_quickmenu li {
			width: 25%;
			text-overflow: ellipsis;
			white-space: nowrap;
			padding-top: 1em;
			padding-right: 1em;
			padding-bottom: 1em;
			padding-left: 1em;
		}
		
	}


ul.grad_menu_item_quickmenu li a {
	color: #000;	
}

ul.grad_menu_item_quickmenu li a.current_quicklist_menu, .current_quicklist_menu {
	color: #999;	
}

.grad_menu_sep	{
	width: .1em;
}

.grad_menu_sep_end	{
	width: 1em;
}

	@media (max-device-width: 480px) {
		.grad_menu_sep {
			width: 1px;
		}
		.grad_menu_sep_end	{
			width: 0;
		}
	}


.grad_menu_top	{
  background: #eee;
  margin-bottom: .2em;
}

.grad_menu_bottom	{
  margin-bottom: .2em;
  background: #eee;
}

.grad_content_block	{
 max-width: 1200px;
 background: #eee;
 margin: 0;
 padding-top: .7em;
 padding-right: 0;
 padding-bottom: .7em;
 padding-left: 0;
 overflow: hidden;
 border: 4px solid #fff;
}

.grad_content_block	h2 {
 padding-top: .5em;
 padding-left: .5em;
 padding-bottom: 1em;
}

.grad_content_block	p {
 padding-right: 1em;
 padding-left: 1em;
 font-size: 105%;
}

.grad_content_block_half	{
 max-width: 600px;
 width: 49.2%;
 background: #eee;
 margin: 0;
 padding-top: .7em;
 padding-right: 0;
 padding-bottom: .7em;
 padding-left: 0;
 overflow: hidden;
 border: 4px solid #fff;
 float: left;
}

.grad_content_block_half h2 {
 padding-top: .5em;
 padding-left: .5em;
 padding-bottom: 1em;
}

.grad_content_block_half p {
 padding-right: 1em;
 padding-left: 1em;
 font-size: 105%;
}

a.link_disabled	{
  cursor: pointer;
  background: #f57e20;
  border: none;
  margin-top: 0;
  margin-right: 1em;
  margin-bottom: 0;
  margin-left: 3em;
  padding: 11px 30px;
  color: #fff;
  border-radius: 3px;
  cursor: pointer;
  margin: 5px;
  text-decoration: none;
  font-size: 100%;
  font-weight: bold;
  width: 60%;
  text-align: center;
}


.grad_content_toggle	{
 width: 100%;
 border: none;
 padding: 0;
}

p.grad_content_toggle_text	{
 margin-top: 0.5em;
 margin-right: 0;
 margin-left: 0;
 margin-bottom: 0.5em;
 padding: 0;
 font-size: 105%;
}

.fa_grad	{
 padding-left: .2em;
 padding-right: .5em;
}

.grad_content	{
 background: #eee;
}


ul.grad_gown_qual_list	{
   margin-top: -20px;
   margin-left: 1.4em;
   margin-bottom: 0;
   overflow: hidden;
   width: 100%;	
   /*display:list-item;*/
   display: inline-block;
}

ul.grad_gown_qual_list li {
	/*list-style-type: disc;
    list-style-position: inside;*/
    list-style-type: none;
    margin-top: .5em;
    margin-left: 0;
    margin-bottom: .5em;
    margin-right: 0;
    line-height: 120%;
    overflow: hidden;
    /*font-size: 100%;*/
    font-size: 110%;
}

ul.grad_gown_qual_list li:before {
  content: "\f19d"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
}

ul.grad_gown_qual_list li span { 
	position: relative; 
	left: 3px; 
}

	@media (max-device-width: 1024px) {
		ul.grad_gown_qual_list li span { 
			position: relative; 
			left: 5px; 
		}
	}
	
	
ul.grad_ceremony_table_list	{
   margin: 0;
   overflow: hidden;
   width: 100%;	
   display: inline-block;
}

ul.grad_ceremony_table_list li {
    list-style-type: none;
    line-height: 120%;
    overflow: hidden;
    font-size: 110%;
}

ul.grad_ceremony_table_list li:before {
  content: "\f017"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  color: #f57e20;
  font-size: 120%;
}

ul.grad_ceremony_table_list li span { 
	position: relative; 
	left: 5px;
	margin-right: 10px; 
}

	@media (max-device-width: 1024px) {
		ul.grad_ceremony_table_list li span { 
			position: relative; 
			left: 10px; 
			margin-right: 15px; 
		}
	}

.grad_table	{
	border: 2px solid #fff;	
}

.grad_table_col_a	{
	width: 40%;
	border: 2px solid #fff;	
}

.grad_table_col_a h3	{
	margin: 0;
}

.grad_table_col_b	{
	width: 60%;
	border: 2px solid #fff;	
}

.grad_table_col_b span	{
	/*color: #f57e20;*/
	font-weight: 600;
	padding-right: 10px;
}

.grad_table_col_a_highlight	{
	background: #fff;
	border: 2px solid #eee;		
}


/*show or hide 'Show all images' button div for mobile*/
.img_gall_grad_show_1, .img_gall_grad_show_2, .img_gall_grad_show_3, .img_gall_grad_show_4, .img_gall_grad_show_5, .img_gall_grad_show_6 {
  display: none;
}

.img_gall_grad_full_1, .img_gall_grad_full_2, .img_gall_grad_full_3, .img_gall_grad_full_4, .img_gall_grad_full_5, .img_gall_grad_full_6 {
  display: block;
}

a.button_grad	{
	background: #eee;
    border: none;
    padding: 11px 30px;
    color: #000;
    border-radius: 3px;
    cursor: pointer;
    margin: 5px;
    text-decoration: none;
    font-size: 100%;
}



@media (max-device-width: 480px) {
	
	.grad_day_container	{
	 margin-left: -10px;
	 padding-left: -10px;
	 background: #eee;	
	 margin-bottom: 20px; 
	 display: block;
	}
	
	.img_gall_grad	{
	 margin-left: -15px;	
	}

	.grad_gall_img	{
		padding-left: 1.5px;
		padding-right: 1.5px;
	}
	
	.img_gall_grad_initial	{
		margin-left: -15px;	
	}
	
	.img_gall_grad_full_1, .img_gall_grad_full_2, .img_gall_grad_full_3, .img_gall_grad_full_4, .img_gall_grad_full_5, .img_gall_grad_full_6 {
		display: none;
		margin-left: -15px;
	}
	
	.img_gall_grad_show_1, .img_gall_grad_show_2, .img_gall_grad_show_3, .img_gall_grad_show_4, .img_gall_grad_show_5, .img_gall_grad_show_6 {
		display: block;
	}
	

}

.grad_headline	{
	margin-top:-10px;
}


 /*-------------------------------------------------------*\
	School page styles: 
\*-------------------------------------------------------*/


 .mainfact-about-school {
	border:none;
	
}

/*-------------------------------------------------------*\
	EVENTS
\*-------------------------------------------------------*/

 
.imageHighlight{
	 background:url(../../../../images/CommonImages/event/event.jpg);
	 background-repeat: no-repeat;
	 background-position:left;
	 background-size: cover;
	 color:#fff;
	 width:100%;
	 height:auto;
	 min-height:360px;
	 max-height:450px;
	 
 }

 .imageHighlight li{
	 list-style:none;
	 width:90%;
	 margin-bottom:20px;	 
 }

 .imageHighlight-details{ 
	padding:5%;
	width: 100%;
 }
  
 .imageHighlight-bar {
	 padding-left:4%;
	 padding-right:4%;
	 padding-top:1%;	 
 }
 
.caption-highlight span.alertHighlight{
	 font-size:1em;
	 margin-right:5%; 
 }

.pagecontent .imageHighlight  h2{
	 margin-bottom:7%;
	 color:#fff; 
 }
 
.imageHighlight li{ color:#fff; }



.eventdetailsWrapper .a-to-z-profile{
	margin-top:0px;
	padding-top:0px;

	
	
}
.eventdetailsWrapper .a-to-z-profile h2{
	margin-top:0px;
	padding-top:20px;
	padding-bottom:20px;
	
	
}
.eventdetailsWrapper .a-to-z-profile li{
	padding-top:20px;
	padding-bottom:20px;
	background:#eee;
	border-top:1px solid #fff;
	
	
	
}
.eventdetailsWrapper  .events_button_group{

	padding:20px;
	padding-left:15px;
	background:#eee;
	border:1px solid #ebebeb;
	
	
}



.eventdetailsWrapper  .circleIconSmall i{
margin-top:7px;
font-size:20px;	
	
}

.eventdetailsWrapper  .circleIconSmall{
height:30px;
width:30px;
margin-top:-5px;

	
}

.eventdetailsWrapper  .a-to-z-list .circleIconSmall i{
font-size:12px;
color:#999;

	
}
.eventdetailsWrapper  .a-to-z-list .circleIconSmall {
background:#f9f9f9;

	
}
.mobile_hide{
	
display:block;
	
}
.mobile_show{
	
display:none;
	
}

@media (max-width: 1024px) {
	
	.mobile_show{
		display:block;
	}
	
	.mobile_hide{
		display:none;
	}

}


li.highlight_info{
	font-size:1.2em;
	width:50%;
	min-width:200px;
	font-weight:800;
	background-color: rgba(245, 126, 32, 0.5);
	padding:20px;
	margin-right:40px;

}

li.highlight_info2{
	width:70%;
	min-width:200px;
	border:1px solid #fff;
	padding:20px;
	margin-right:40px;
	
	
}

li.highlight_info3{
	width:70%;
	min-width:200px;
	padding:10px;
	padding-left:20px;
	margin-right:40px;
	
	
}


a.white_link	{
	color: #fff;	
}


p.headlineEvent{
 	border:1px solid #ebebeb;
 	margin-top:3%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:3%;
	padding-right:5%;
	background:#f9f9f9;	 
 }
 
.eventslist ul { margin-top: -10px;}
.eventslist li { border-left: 5px solid #f57f20; padding-bottom: 0px;}
.eventslist a { color:#f57f20;}

.eventslist li.links  { margin-left: 25px; border:none; list-style: disc; padding-bottom: 0px; line-height: 12px;}
.eventslist li.links a { }
 
 p.headlineEvent:before{
	margin-right:10px;
	content: "\f133";
    font-family: "FontAwesome";
	font-size:2em;	 
 }

.eventDate{ margin-left:1%; }

.eventslist .eventTable th{ padding:5%; }

.eventslist .eventTable tbody tr:hover td, .eventslist .eventTable table tbody tr:hover th { background-color: #f9f9f9;}
	
.eventslist .eventTable {
	background: #fff;
	border:1px solid #ebebeb;	
	margin-top:5%;
}
 .eventslist .eventTable td{
	padding:2%;
	padding-left:4%;
	padding-right:5%;
	border:none;
	border-bottom:1px solid #ebebeb;
}
.eventslist .eventTable td{ background: #f9f9f9; }

.eventslist .eventTable td:before{
	content: "\f133";
    font-family: "FontAwesome";
    display: block;
    float: left;
    padding-right: 10px;
}

.eventslist .eventTable td.date:before{ content: ""; }
 
.eventtags { 
	width: 98%; 
	min-height: 30px; 
	position:relative; 
	background:#ebebeb; 
	padding:8px 10px 3px 10px; 
	margin-top:0px; 
	margin-bottom: 10px;
}

.eventtagscompact	{
	width: 66%;	
}

@media only screen and (max-width: 568px) {
	
	.eventtagscompact	{
	width: 95%;	
	}
	
}



a.tag { font-size: 80%; background: #f57e20; color: #fff !important; padding: 5px 3px; font-weight: bold; vertical-align: middle; margin-left: 10px;}

.eventtagheader	{
	max-width: 100%;
	display: inline-block;
	margin-bottom: 20px;
}

img.imgeventtagheader	{
	max-width: 100%;
	height: auto;
}


/*----------------- home page quote carousel ---------------------- */

 .homequote .quote blockquote:before{
   
display:none;


}
.homequote p{ color:#fff; }

.homequote i{ color:#fff; }

.homequote .owl-pagination{ display:none; }

 .homequote .owl-theme .owl-controls .owl-buttons div {
    display: inline-block;
    zoom: 1;
    margin: 5px;
    padding: 5px 20px;
    font-size: 1.4rem;
	font-family: Arial, sans-serif;
    border-radius: 3px;
    filter: Alpha(Opacity=100);
    opacity: 1;
	background:#fff;
	color:#333;
	border-radius:0px;
}
 .homequote .owl-theme .owl-controls .owl-buttons div:hover {
    opacity: 0.7;	
}
 
 /*----------------- home page fact ---------------------- */

.Fact-carousel {
	background:none;
	position:relative; 
	margin-top:-35px;
	
}

.Fact-carousel .img-container-2{ height:500px; }
 
.Fact-carousel .img-container{
	background-image:none;
	height:500px;

	
}

.Fact-carousel .item { 

	display: block;  
	max-width:3000px; 
	width:100%; 
	margin:0 auto; 
	border-bottom:none;
}

.Fact-carousel h1 {
	color:#000000;
	
}

 .Fact-carousel .img-container  h1 {
	border-bottom:2px solid #ede8eb;
	/*border-radius:100px;*/
	font-weight:600;
	color:#ede8eb;
	font-size:90%;
	width:95%;
	padding:2.5%;
	margin-bottom: 20px;
	margin-top:40px;
	min-width:200px;
	text-align:center;
	float:none;
}

 .Fact-carousel .img-container span.img-fact-body {
	min-width:200px;
	text-align:center;
	width:100%;
	margin:0 auto;
	display:block;
}


 /*----------------- home page fact (static) ---------------------- */
 
.Fact-carousel-static{
	 margin-top:-35px;
}

.Fact-carousel-static .img-container-2{ 
	height:500px; 
}

 
.Fact-carousel-static .img-container{
	background-image:none;
}

.Fact-carousel-static .item { 

	max-width:3000px; 
	width:100%; 
	margin:0 auto; 
	border-bottom:none;
}

.Fact-carousel-static .main_img_quote h1 {
	border:none;
	font-weight:600;
	padding:2.5%;
	color:#ede8eb;
	font-size:2.2em;
	width:95%;
	margin-top:50px;
	min-width:200px;
	text-align:center;
	
}

 .Fact-carousel-static .img-container span.img-fact-body {
	border-top:2px solid #ede8eb;
	font-size:0.7em;
	font-weight:200;
	padding-top:20px;
	min-width:200px;
	text-align:center;
	width:100%;
	margin-top:20px;
	display:block;
}



/* -------------------- Map ---------------------- */
#map {
  	opacity:1;
  	cursor:pointer;

}
select.map_input {
	
	width:30%;
	float:left;
	
}

#directionsPanel{
		background:#fff;
		font-family: Arial, sans-serif;
		
	
	
}
table.adp-placemark{
	background:#ebebeb;
	colour:#fff;
	font-family: Arial, sans-serif;
	border:none;
	padding:0px;
		
	
}


table .adp-text {
    font-family: Arial, sans-serif;
    color: #444;
	padding:20px;
}

.mapstyleNew .adp-summary {
    font-family: Arial, sans-serif;
	font-size:1em;
    color: #fff;
	margin-bottom:30px;
	padding: 20px 20px 20px 20px;
	border:none;
	background:#f57e20;
}
.mapstyleNew .adp-summary:before {
   color: #fff;
    content: "\f0a9";
    font-family: "FontAwesome";
    padding-top: 2px;
	padding-right: 10px;
}

.adp-summary span{
	border:none;
	width:100%;
	padding-top:20px;
	padding-bottom:20px;	
}
table .adp-substep{
	border-bottom:1px solid #ebebeb;
	border-top:none;
}
/*#map:not(.no-hover):hover { opacity:0.6; } */









/* ----------------------- staff profiles ------------------------------------- */

.a-to-z-profile-holder { width:100%;	 }


.a-to-z-index {
	
	padding:10px;
	margin-bottom:70px;
	margin-top:60px;
	color:#fff;
	font-size:1em;
	font-weight:bold;
	
}

.a-to-z-profile-pic{ 
	float:right;
	width:20%;
	position:relative;
	top:-105px;
	right:0px;
	border:5px solid #ebebeb;
	min-width:80px;
	min-height:80px;
	max-width:200px;
	max-height:200px;
}

.a-to-z-profile{
	margin-top:40px;
	padding-top:1%;
	border-top:1px solid #ebebeb;
	border-left:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
	width:100%;
	margin-bottom:20px;
}


.a-to-z-profile .details{
	padding-left:5%;
	padding-right:5%;
	padding-top:1%;

}
.a-to-z-profile .details p{
	width:65%;
}

.a-to-z-profile .details a{
	width:100%;
	margin-right:0px;
	padding-right:0px;
}

.a-to-z-profile .details ul{
	margin:0px;
	padding:none;
	list-style:none;	
}

 ul.a-to-z-list{
	 padding:0px;
	 margin:0px;		
}
 .a-to-z-list li{
	padding:5%;	
	padding-top:2%;
	padding-bottom:3%;
	background:#f9f9f9;
	margin:0px;
	border-bottom:1px solid #ebebeb;	
}








/* ---------------------------- student view profiles ------------------------------------------*/


.quoteStyle-Container{
	display: flex!important; 
	display: -webkit-box;     /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;        /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;      /* NEW - Chrome */
	flex-wrap:wrap;
	margin-bottom:20px;
}
.quoteStyle{
	border:1px solid #ebebeb;
	background:#f9f9f9;
	margin-top:20px;
}

.quoteStyle h3{
	background:#fff;
	margin:0px;
	min-height:72px;
	padding:5%;
	padding-right:7%;
}
.quoteStyle h3 span{
	font-size:0.8em;
	font-weight:400;
}
.quoteStyle p{
	padding-left:5%;
	margin:5%;
	font-size:1em;
	font-style:oblique;
}

.quoteStyle-bar{
	font-size:12px;
	padding-top:2%;
	padding-bottom:2%;
	padding-left:4%;
	border-top:1px solid #e0e0e0;
}
.quoteStyle-bar a{
	float:right;
	padding-right:5%;
	padding-bottom:2%;
}

.image-frame{
	width:100px;
	float:right;
	border: 5px solid #e0e0e0;
	margin-left:3%;
	margin-bottom:5%;
}

.student-view-profile{
	margin-right:3%;
	background:#f9f9f9;
	border:1px solid #ebebeb;	
}

.student-view-profile h3{
	padding-left:5%;
	padding-right:5%;
	padding-bottom:7%;
	border-bottom:1px solid #ebebeb;	
}

.student-view-profile p{
	padding-left:5%;
	padding-top:5%;
	margin-left:5%;
	padding-right:10%;
	padding-bottom:5%;
	font-style:oblique;
	border-left:5px solid #ebebeb;
	font-size:1.1em;
	line-height:1.3;
}






/* ---------- homepage features (example: SOH/index.cfm - EPAS and SIE section blocks ------------------*/


.feature-container{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	max-width:100% !important;
	height:auto !important;
	
}
.feature-item{
	margin:10px;
	padding:50px;
	border: solid 1px #fff; 
	height:auto !important;
	 -ms-flex: 1; /* IE fix for FLEXBOX */
}




/* ------------ Instead of 'boxout' on school pages --------------- */

.caption-highlight{ 
	background:#ebebeb; 
	position:relative;
	
	
}
.caption-highlight img{ 
	z-index:1;
	
	
}
.tagTop{
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	Padding:20px;

	
	
	
	
}
.tagTop h1{

	font-size:18px;
	font-weight:bold;
	color:#fff;
	border:none;
	margin:0px;
	padding:0px;
	display:inline;
	
	
	
	
}

.caption-highlight .videoWrapper{ margin-bottom:10px;}

.caption-highlight p{
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:20px;
	padding-left:20px;
	padding-right:20px;	
}

.caption-highlight span{
	font-weight:bold;
	font-size:2rem;	
}





/*--------------- Homepage video box style----------------------------------- */

.whiteVideo { 
	background:#fff; 
	border:1px solid #e2dadf; 
	margin-left:0px;
	display:flex;
}

iframe {
	width:100%;
	
}

.whiteVideo a{ 
	background:#fff; 
	background: #ca0083; /* Old browsers */
    background: -moz-linear-gradient(left,  #ca0083 0%, #ca00c8 100%, #ca0064 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ca0083 0%,#ca00c8 100%,#ca0064 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ca0083 0%,#ca00c8 100%,#ca0064 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca0083', endColorstr='#ca0064',GradientType=1 ); /* IE6-9 */
}

.whiteVideo a:hover{
	background:#32272e; 
	color:#e2dadf; 
}

.whiteVideo p{ 
	margin-top:20px; 
	text-align:left; 
	font-weight:200; 
	padding:20px;
}
 
.whiteVideo h3{ 
	color:#32272e; 
	padding-left:20px;
	padding-right:20px;
	padding-top: 20px;
}


.vidClick{
	margin-top:-16px;
	width:100%;
}



.image-animate:hover{
	opacity:0.6;
	cursor:pointer;
	
	
}

/* ----------- card --------------------------------- */

.card-holder{ 
	
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	

 }

.card{ 

   
	background:#fff;   
	/* iphone fix for flexbox */
	min-width: 200px; min-height: 300px;
	position:relative;
	           

}

.card p { 
	padding-left:20px; 
	padding-right:20px; 
	padding-bottom:20px; 
	text-align: left; 
	
}



.card-button-box {
	
	width:100%;
	position:absolute;
	bottom:0;
}
	

.card h2 { 
	margin:20px 20px 20px 20px; 
	text-align: left; 
	
}

.card h2:hover { 
	color:#333; 
	text-decoration:none;
}


.card h2:after {
    content: " ";
   /*  border: solid 1px #333; */
    display: block;
    width: 100%;
	margin-top:10px;
}



.card a:hover { 
	text-decoration:none;	
}


/* -------- home page staff management team ----------------------------------- */

.customNavigation2{
	margin-top:40px;
  text-align: center;
 
}
 
 .customNavigation2 a{
  padding:5px;
  font-size:14px;
  cursor:pointer;
  font-weight:300;

}

.customNavigation2 a:hover{
    opacity:0.7;
}

.customNavigation2 a i{
  font-size:25px;
  cursor:pointer;
  font-weight:bold;
  border-radius: 5px;
}

.customNavigation2 a i:hover{
  opacity:0.7;

}


.customNavigation2 a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


.profiles .item {
    
    text-align: center;
    margin:  0 5px;    
    display: flex!important; 
	display: -webkit-box;     /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;        /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;      /* NEW - Chrome */
	background:none;
	
	

}

.profiles  .item img { 
	margin:10px auto;
	width:60%;
	max-height:174px;
	max-width:174px;
	min-height:174px;
	min-width:174px;
}

.profiles .item { width:100%; }

.profiles .item-body { 
	 display: flex!important; 
	display: -webkit-box;     /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;        /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;      /* NEW - Chrome */
	 flex-direction: column; 
	 padding: 0px;	 

}

.profiles .item-body p { 
	 flex: 1 0 auto;
}

.staffprofileCurved {
	border:none;
}






	
/*------------------------ factstyles-------------------------------*/

.factBar {
	
	padding:20px;
	
	
}

.factBar p .titlefact{

	color:#fff;
	font-size:2rem;
	text-align:left;
	font-weight:800;
	padding-bottom:10px;
	border-bottom: 1px solid #fff;
	margin-bottom:10px;
}

.factBar .img-fact-heading span{
	color:#fff;
	font-size:1.8rem;
	flex:none;
	text-align:left;
	min-width:100%;	
}

.factBar .img-fact-heading i{ font-size:1.6rem; }



/*------------- school Specific media queries ----------------------------*/

@media only screen and (max-width: 992px) {
	
	.Fact-carousel {
	background:none;
	position:relative; 
	margin-top:0px;
	
}

.Fact-carousel .img-container{
	height:350px;
}

.Fact-carousel .img-container h1{
	font-size: 1.5em;
	
}


.card-holder{ flex-wrap: wrap;}

.card {
	margin: 0 auto;
	margin-bottom:40px;
	width:45%;	
}

.card p{
	padding-bottom:40px;
	

}
.hpsection .SOHwhy .quote blockquote{
	
	
	border-bottom:none;
	
	
}

.hpsection .SOHwhy .quote{
	
	margin-right:10%;
	width:100%;
	display:block;
	border-top:none;
	
	
	
}
.hpsection .SOHwhy .quote p.author{
	border-bottom:none;
	
}
.hpsection .SOHwhy .quote blockquote{
	content: inherit;
}


.main_img-quote_containerSOH {
	padding-top:17%;

}
.soh-light-style .postbox p a {
	display:inline;
	
}
.feature-item{

	max-width:50%;
}

}

 @media only screen and (max-width: 531px) {
	 
.card-holder{ flex-wrap: wrap;}

.card {
	margin: 0 auto;
	margin-bottom:40px;
	width:100%;	
}


.a-to-z-profile .details h2{
	font-size:14px;
	
}
.a-to-z-profile .details p{
	font-size:12px;
	
}

.a-to-z-profile li{
	
	padding:3%;
	padding-bottom:5%;
	font-size:12px;
	
	
}




}

 @media only screen and (max-width: 762px) {
	 
.feature-container{
	display:block; 
}

.feature-item{
	margin:0 auto;
	margin-top:20px;
	max-width:70%;	
}

 .img-fact-body{
	font-size: 80%;
}


.a-to-z-profile .details h2{
	font-size:1em;
	
}
.a-to-z-profile .details p{
	font-size:0.8em;
	
}
.hpnewsevents h3{
	margin-top:20px;

	
}

.hpnewsevents h3 a{
	padding-left:10px;

	
}

 }
 
 
 
 /*-------------------------------------------------------*\
	SCHOOLS AND COLLEGES (RECRUITMENT PAGES)
\*-------------------------------------------------------*/

.hpsection .SCfeature	{
  	background: #ebebeb;
    background-repeat: repeat;
    border-bottom: 1px solid #e2dadf;
    border-top: 1px solid #e2dadf;
}

p.disclaimersignup	{
	text-align: center;
	font-size: 80%;
}

/* Smaller signup form on home page [start]*/
.signupfield + .signupfield {
  margin-top: 0.75em;
}

.signupfield {
  position: relative;
  border: none;
}

label .signup {
  font-size: 0.75em;
  color: #000;
}

button:focus, input:focus {
  position: relative;
  outline: none;
}
/* Smaller signup form on home page [end]*/ 

.cardSC {
   background: #eee;
   border-top: 5px solid #f57e20;
}

.margin_top_reduction	{
	margin-top: -2.5em;	
}

.margin_bottom	{
	margin-bottom: 1.5em;	
}

p.margin_drop	{
	margin-bottom: -10px;	
}

.cardSCform	{
   margin-left: 10px;	
}

.cardSCform	select {
   width: 90%;
}

.SCformFilter	{
	margin-left: 20px;
	padding-left: 20px;
}


li.SCeventslist {
    position: relative;
    margin-left: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    line-height: 18px;
    display: list-item;
    text-align: -webkit-match-parent;
    border-bottom: 1px solid #fff;
    font-weight: normal; 
    list-style-type: none;
}
 
li.SCeventslist:before {
    content: "\f133";
    font-family: "FontAwesome";
    display: block;
    float: left;
    color: #666;
    padding-right: 10px;
}

li.SCeventslist a {
    display: inline;
    color: #f57e20;
    font-weight: bold;
    display: block;
}

li.SCeventslist .eventtitle {
    color: #666;
    font-weight: normal;
    padding-left: 25px;
    display: list-item;
}

.sidebar .postboxcontent li {
    margin-bottom: 3px;
    font-size: 85%;
}


.sidebar .postboxcontent li span {
    color:#f57e20;
}

.sidebar .postboxcontent li .eventtitle {
    color: #666;
    font-weight: normal;
    padding-left: 25px;
    display: list-item;
}

.sidebar .postboxcontent h3.margin_bottom	{
  margin-bottom: 1em;	
}

.staffprofile dl { margin-bottom:10px; background: #eee; width: 100%;}
.staffprofile dt.small { width:10px; border:1px solid #fff;}
.staffprofile dt { width:130px; border:1px solid #fff;}
.staffprofile dd.small {width:195px; border:1px solid #fff;}
.staffprofile dd {width:300px;  border:1px solid #fff;}
.staffprofile h2 { padding-bottom:3px; border-bottom:1px solid #ebebeb;}
.staffprofileimage {float:right; width:250px; margin: 0 0 5px 10px;}

.staffprofilelist {position:relative; border:1px solid #e3e3e3; margin:10px 0; padding:8px 10px 0px 10px; background:#fff url("../images/sections/common/template/container_gradient_bg.gif") repeat-x 0 bottom; width:670px;}
.staffprofilelist h2 { padding-bottom:3px; border-bottom:1px solid #ebebeb; margin-bottom:5px;}
.staffprofilelist .leftcol {float:left; width:260px;}
.staffprofilelist .rightcol {float:left; width:380px;}

.staffprofileimage p {background:#f39600; padding:10px; margin:3px 0; color:#fff;}
.staffprofileimage a, .staffprofileimage a:visited, .staffprofileimage a:hover {color:#fff;}

 /*-------------------------------------------------------*\
	style guide styles: 
\*-------------------------------------------------------*/

.show {
	position:fixed;
	top:30;
	right:0;
	
}
.show:active{
	background:#f57e20;
	color:#ffffff;
	
}
.show:focus{
	background:#f57e20;
	color:#ffffff;
	
}

 /*-------------------------------------------------------*\
	SRM STUDENT RECRUITMENT AND MARKETING SECTION: 
\*-------------------------------------------------------*/

.block-srm { 
    padding: 30px 0px;
    width: 30%;
    float: left;
}

.block-srm a { text-decoration: none; }

.block-srm i { 
    font-size: 100px;
    display: block;
}

.block-srm p { 
    margin: 20px 0 0 0;
    font-size: 22px;
}

.block-srm-middle { margin: 0 5%; }


 /*-------------------------------------------------------*\
	BOXOUT-ORANGE-DEPTS-SRM POSITION HIGHER
\*-------------------------------------------------------*/


.l-grey-block { 
    padding: 20px 0;
    background: #ececec;
    display: block;
}

.l-grey-block .columns { 
    border-right: 1px dashed #666;
    border-bottom: 0px none;
}

@media (max-width: 768px) {
    
    .l-grey-block .columns { 
        border-right: none;
        border-bottom: 1px dashed #666;
    }

}

.l-grey-block .columns:last-child {
    border: none;
}

@media (max-width: 768px) {
    
.l-grey-block .columns:last-child p {
    margin-bottom: 0;
}
}

.l-grey-block a, .l-grey-block p { 
    text-align: center;
    font-size: 18px;
    color: #666;
}

.l-grey-block .columns p {
    padding-top: 15px;
}


.box-orange { 
    background: #f57e20;
    padding: 20px;
    margin-top: 30px;
    float: right; 
    color: #fff;
}

.box-orange a { color: #fff; }

.popular_links-white li a,
.popular_links-white li::after { color: #fff; }


 /*-------------------------------------------------------*\
	MBE STYLES
\*-------------------------------------------------------*/

.portfolio_item { background: #ebebeb; }

.portfolio_item p { margin-top: 20px; margin-left: 20px; }





 /*-------------------------------------------------------*\
	Comms STYLES
\*-------------------------------------------------------*/

.portfolio_item { background: #ebebeb; }

.portfolio_item p { margin-top: 20px; margin-left: 20px; }



	
	/**********************************************************************************************/
	
	
	
	
	
/*-------------------------------------------------------*\
	#ORDER A PROSPECTUS FORM
\*-------------------------------------------------------*/


.margin-top-40 { margin-top: 40px; }


/*-------------------------------------------------------*\
	#COURSE_SEARCH DS
\*-------------------------------------------------------*/

.course_search_header { 
    height: 50px;
    padding: 50px 0px;
}

@media (max-width: 992px) { 
    
    .course_search_header { 
        height: 150px;
        padding: 20px; 
    }

}

.course_search_form_container { width: 80%; margin: 0 auto;  }

@media (max-width: 992px) {
    
    .course_search_form_container { width: 100%;  }
    
}

.course_search_form_container h1 { margin-bottom: 10px; margin-right: 20px; }

@media (max-width: 992px) { 
    
    .course_search_form_container h1 { 
        width: 100%;
        
    }
    
}

.course_search_form_container input[type="submit"]{ background: #008CD2; }

@media (max-width: 768px) {
    
    .course_search_form_container input[type="submit"]{ 
        float: right; 
        margin-top: 10px;
    }

}

.course_search_form_container input[type="text"] { width: 500px; }

@media (max-width: 992px) { 
    
    .course_search_form_container input[type="text"] { 
        width: 100%;
        margin-top: 0; 
    }

}

.course_search_header p { 
    color: #fff; 
    text-decoration: underline;
    line-height: 47px;
}

/*-------------------------------------------------------*\
	#COURSE_SEARCH_FILTERS DS
\*-------------------------------------------------------*/

.course_search_filter_container { height: 55px; }

@media (max-width: 768px) { 
    
    .course_search_filter_container { height: 300px;}
    
}

.course_search_filter_container p { 
    font-size: 18px;
    line-height: 55px;
}

.course_filter { width: 25%; }

@media (max-width: 768px) {
    
    .course_filter { width: 100%; }

}

.course_search_filters { 

    color: #fff; 
}

@media (max-width: 768px) {
    
.course_search_filters { 
    margin-left: 0; 
    margin-right: 0;
}
}

.btn_clear_filters { 
    float: right;
    text-decoration: underline;
    font-size: 18px;
    line-height: 55px;
    color: #fff; 
}

.course_search_results { 
    background: #008CD2; 
    color: #fff;
    float: right;
}

.loading { 
    width: 200px;
    text-align: center;
    margin: 150px auto 0 auto;
    font-size: 24px;
}

.loading p { font-size: 24px; }

/*-------------------------------------------------------*\
	#COURSE_SEARCH_RESULTS DS
\*-------------------------------------------------------*/

.course_container { 
    background: #fff;
    border-top: 5px solid #f57e20;
    margin-bottom: 20px;
}

.course_container_left { 
     width: 60%; 
    float: left;
     box-sizing: border-box;
     padding: 40px;
}

.course_container_right { 
    width: 40%; 
    height: auto;
    float: left;
    background: #d8d8d8;
    box-sizing: border-box;
    padding: 40px;
}

@media (max-width: 768px) {
    
    .course_container_left,
    .course_container_right { 
        float: none;
        width: 100%; 
    }
    
}

.course_container_left .course_title a { 
    font-size: 16px; 
    color: #008cd2!important;     
}

.course_container_right li { 
    padding-bottom: 12px;
    border-bottom: 1px solid black; 
}

.course_keyfacts a { color: #008cd2!important; }