/* Colour Names */
/* Text */
/* separators */
/* sizes */
/* media queries */
/* League Tables */

table.leagueTable {
  width: 100%;
  border-left: 1px #eeeeee solid;
  border-right: 1px #eeeeee solid;
  border-collapse: collapse;
}
table.leagueTable tr.alt td,
table.leagueTable tr.alt th {
  background-color: #f6f6f6;
}
table.leagueTable thead th {
  font-weight: bold;
  color: white;
  text-align: center;
  background-color: #1f568c;
  border: 0;
  border-top: 5px #00264b solid;
}
table.leagueTable thead th a {
  text-decoration: none;
  color: white;
}
table.leagueTable thead th a:hover {
  text-decoration: underline;
}
table.leagueTable thead th.highlight {
  background-image: url(images/leagueTable_th_bg.gif);
  background-repeat: no-repeat;
  background-position: center -2px;
}
table.leagueTable thead tr.secondary th {
  border-top: 0;
  white-space: nowrap;
  background-image: none;
}
table.leagueTable th,
table.leagueTable td {
  border-bottom: 1px #dddddd solid;
  /*border-right:1px #ddd solid;*/
  padding: 4px;
}
table.hoverHighlight tr:hover td,
table.hoverHighlight tbody tr:hover th {
  /*border-top:1px #ddd solid !important;*/
  border-bottom: 1px #dddddd solid !important;
  /*padding-top:3px !important;*/
  background-color: #eeeeee !important;
}
table.leagueTable tr.selected td {
  border-bottom: 1px #dddddd solid !important;
  /*padding-top:3px !important;*/
  background-color: #ffff66 !important;
}
table.leagueTable td.highlight {
  background-color: #cce6ff;
  border-bottom: 1px #aad4ff solid;
}
table.leagueTable tr.alt td.highlight {
  /*background-color:#aad4ff;*/
  background-color: #cce6ff;
}
#midLeagueTable td,
#midLeagueTable:hover td {
  background-color: transparent !important;
  text-align: center;
  padding: 0;
  line-height: 0;
  border-bottom: none;
}
#midLeagueTable td > div > div {
  padding: 2px 0;
  border-bottom: 1px #dddddd solid;
}
table.leagueTable th span {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
table.leagueTable td {
  text-align: right;
}
table.leagueTable td.quintile {
  border-right: 0;
  width: 34px;
}
div.tableFacets {
  border: 1px #dddddd solid;
  margin-bottom: 1em;
  background-color: #f6f6f6;
}
.facetSummary {
  padding: 10px 5px;
}
div.tableFacets div.facetSummary h3 {
  margin: 0 0 5px;
}
div.tableFacets div.facetSummary .facetSummaryHeader {
  cursor: pointer;
}
div.tableFacets div.facetSummary ul {
  padding-left: 0;
  margin: 0;
  list-style: none;
  display: table;
  width: 100%;
}
div.tableFacets div.facetSummary ul li {
  padding-left: 0;
  text-indent: 0;
  margin: 0;
}
div.tableFacets div.facetSummary ul li {
  display: table-cell;
  padding: 0 5px;
}
div.tableFacets div.facetSummary li img {
  border: 1px solid #cccccc;
  vertical-align: text-bottom;
}
div.tableFacets div.facet h3 {
  font-size: 1em;
  color: #5f0018;
  margin: 0;
  min-width: 60px;
  float: left;
}
div.tableFacets div.facet {
  padding: 0.5em 10px 0.5em 10px;
  border-top: 3px #eeeeee solid;
}
div.tableFacets div.facet ul.links {
  padding-left: 0;
  margin: 0;
  list-style: none;
  margin: 0 0 0 70px;
  padding: 0;
}
div.tableFacets div.facet ul.links li {
  padding-left: 0;
  text-indent: 0;
  margin: 0;
}
div.tableFacets div.facet ul.links li {
  margin: 0 5px;
  min-height: 22px;
  display: inline-block;
}
div.tableFacets div.facet ul.links li.highlight {
  font-weight: bold;
  font-size: 1.2em;
}
/* Employment table facets */

#employmentTable .tableFacets div.links {
  margin-left: 100px;
}
#employmentTable .tableFacets div.links .value,
#employmentTable .tableFacets div.links b {
  white-space: nowrap;
  padding-right: 5px;
}
.employmentChart {
  width: 250px;
  height: 125px;
}
.facetResultCount {
  color: #777777;
}
.leagueTableInfo {
  background-color: #aad4ff;
  padding: 1px 5px;
  margin: 10px 0;
  text-align: center;
}
.tooltip {
  display: none;
  /*background:transparent url(images/tooltip_bottom_bg.png);*/
  background: transparent url(images/tooltip_inv_bottom_bg.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  font-size: 13px;
  width: 370px;
  padding-bottom: 20px;
  color: black;
  font-weight: normal;
  text-align: left;
  z-index: 100;
  white-space: normal;
}
.tooltip1 {
  background: transparent url(images/tooltip_top_bg.png);
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 20px;
}
.tooltip2 {
  background: transparent url(images/tooltip_middle_bg.png);
  background-repeat: repeat-y;
  background-position: center center;
  padding: 5px 25px 5px;
}
.tooltip p {
  margin-bottom: 0;
}
table.leagueTable th.hasHelp .tooltip a {
  color: Blue;
  text-decoration: underline;
}
/*
.tooltip.bottom {
    display:none;
    background:transparent url(images/tooltip_inv_top_bg.png);
    background-repeat:no-repeat;
    background-position:center top;
    font-size:13px;
    width:370px;
    padding-top:44px;
    padding-bottom:0;
    color:#000;
    font-weight:normal;
    text-align:left;
}

.tooltip.bottom .tooltip1 {
    background:transparent url(images/tooltip_inv_bottom_bg.png);
    background-repeat:no-repeat;
    background-position:center bottom;
    padding-top:0;
    padding-bottom:20px;
}

.tooltip.bottom .tooltip2 {
    background:transparent url(images/tooltip_middle_bg.png);
    background-repeat:repeat-y;
    background-position:center center;
    padding:5px 25px 5px;
}
*/

table.offaFees {
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
}
table.offaFees th {
  white-space: nowrap;
  text-align: right;
  padding-right: 10px;
  padding-left: 20px;
}
table.offaFees tr.alt {
  background-color: #f6f6f6;
}
.cityBullets ul {
  margin: 0;
}
.cityBullets ul li em {
  font-style: normal;
  font-weight: bold;
}
h1,
h2,
h3,
h4 {
  margin-top: 30px;
  margin-bottom: 17px;
}
p,
ol,
ul,
dl {
  margin-top: 1em;
  margin-bottom: 1em;
}
h1 {
  font-size: 22px;
}
h2 {
  font-size: 20px;
}
h3 {
  font-size: 18px;
}
h4 {
  font-size: inherit;
}
a {
  color: #1976d2;
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: underline;
  outline: none;
}
ul,
ol {
  margin-left: 0;
  padding-left: 2em;
}
ul li,
ol li {
  margin-top: 10px;
  margin-bottom: 10px;
}
dl.inline {
  margin-left: 0;
  padding-left: 0;
}
dl.inline > dt,
dl.inline > dd {
  display: inline;
  margin-left: 0;
  padding-left: 0;
}
dl.inline > dt {
  font-weight: bold;
}
dl.inline > dt:after {
  content: ': ';
}
dl.inline > dt:nth-of-type(n+2):before {
  content: '';
  display: block;
  margin-top: 10px;
}
dl.inline > dd:nth-last-of-type(n+2):after {
  content: '';
  display: block;
  margin-bottom: 10px;
}
.select2-container,
.select2-results {
  line-height: initial;
}
.select2-container li,
.select2-results li {
  margin: 0;
}
ol {
  margin-left: 0;
  padding-left: 1.5em;
}
blockquote {
  display: block;
  background-color: #eceeef;
  box-sizing: border-box;
  padding: 10px 10px 10px 15px;
  border-left: 3px #d10036 solid;
  font-size: 1.2em;
}
blockquote > :first-child,
blockquote > :first-child > :first-child,
blockquote > :first-child > :first-child > :first-child,
blockquote > :first-child > :first-child > :first-child > :first-child,
blockquote > :first-child > :first-child > :first-child > :first-child > :first-child,
blockquote > :first-child > :first-child > :first-child > :first-child > :first-child > :first-child {
  margin-top: 0;
}
blockquote > :last-child,
blockquote > :last-child > :last-child,
blockquote > :last-child > :last-child > :last-child,
blockquote > :last-child > :last-child > :last-child > :last-child,
blockquote > :last-child > :last-child > :last-child > :last-child > :last-child,
blockquote > :last-child > :last-child > :last-child > :last-child > :last-child > :last-child {
  margin-bottom: 0;
}
blockquote h4 {
  font-size: 1.15em;
  margin: 0.5em 0;
}
blockquote p {
  margin: 0.5em 0;
}
.media-wide blockquote {
  margin: 0 0 0.25em 1em;
  width: 250px;
  float: right;
}
.media-narrow blockquote {
  margin: 1.3em 0;
}
hr {
  border: none;
  height: 1px;
  background: #dadee0;
}
.clear {
  clear: both;
}
.borderless {
  border: none;
}
.nopadding {
  padding: 0 !important;
}
.media-narrow .hide-narrow {
  display: none;
}
.sticky {
  position: fixed !important;
  z-index: 100;
}
.link-new-tab {
  color: #a2acb1;
  white-space: nowrap;
}
td.right {
  text-align: right !important;
}
td.left {
  text-align: left !important;
}
.moreLink {
  font-weight: bold;
}
.moreLink:before {
  content: "» ";
  font-size: 1.2em;
  line-height: 1;
  color: #263238;
  font-weight: bold;
}
p.moreLink {
  font-weight: bold;
}
.tags {
  margin: 1em 0;
}
.tag {
  display: inline-block;
  padding: 5px;
  border-radius: 3px;
  background-color: #eceeef;
  line-height: 1;
  text-transform: uppercase;
  font-style: normal;
  font-size: 12px;
  color: #a2acb1;
}
.link-button {
  border: 0;
  padding: 0;
  margin: 0;
  background: none;
  color: #1976d2;
  text-decoration: none;
  outline: none;
}
.link-button:hover,
.link-button:focus {
  text-decoration: underline;
}
.table-expand-button {
  display: inline-block;
  height: 1.5em;
  width: 1.5em;
  line-height: 1em;
  margin: 0 0.5em 0 0;
  padding: 0;
  color: #1976d2;
  border: 1px solid #1976d2;
  background-color: #e6eff8;
  border-radius: 3px;
}
.thumb {
  margin: 4px;
}
.articleNextLink {
  font-weight: bold;
  text-align: right;
  padding-right: 20px;
}
.inline-image-box {
  float: right;
  margin: 10px 0px 10px 10px;
  text-align: left;
  border-width: 1px;
  border-color: #cccccc;
  border-style: solid;
  padding: 5px;
  text-align: center;
}
.media-narrow .inline-image-box {
  float: none;
  display: block;
  margin: 10px auto;
}
.inline-image-box .attribution {
  text-align: right;
  font-style: italic;
  font-size: 0.5em;
}
.inline-image-box .caption {
  text-align: center;
  font-weight: bold;
  font-size: 0.8em;
}
.chevron:before {
  content: "» ";
  font-size: 1.2em;
  font-weight: bold;
  line-height: normal;
  text-decoration: none;
}
.listLinks {
  padding-left: 0;
  margin: 0;
  list-style: none;
  padding-bottom: 1em;
  border-bottom: 1px solid #cccccc;
  text-align: center;
}
.listLinks li {
  padding-left: 0;
  text-indent: 0;
  margin: 0;
}
.listLinks:before {
  content: "Jump to:";
  font-weight: bold;
}
.listLinks.universityListLinks:before {
  content: "Jump to universities in:";
}
.listLinks li {
  display: inline-block;
  margin: 0 0.5em;
}
.hidden {
  display: none !important;
}
.cta-button {
  box-sizing: border-box;
  background-color: #1976d2;
  border: 1px solid #1976d2;
  border-radius: 500px;
  padding: 0.75em 1.5em !important;
  color: white;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  outline: none;
  cursor: pointer;
}
.cta-button.small {
  padding: 0.5em 1em !important;
}
.cta-button.square {
  border-radius: 0;
}
.cta-button.cta-button--priority {
  border-color: #f54b17;
  background-color: #f54b17;
}
.cta-button.secondary {
  border-color: #009688;
  background-color: #009688;
}
.cta-button.skeleton {
  color: #1976d2;
  border-color: #1976d2;
  background: none;
}
.cta-button.skeleton.secondary {
  color: #009688;
  border-color: #009688;
}
.cta-button.prospectus {
  border-color: #4caf50;
  background-color: #4caf50;
}
.cta-button.nextsteps {
  border-color: #98a4a9;
  background-color: #98a4a9;
}
.cta-button.nextstepsclose {
  color: #445963;
  border-color: white;
  background-color: white;
}
.cta-button.remove:after {
  padding-left: 1ex;
  font-family: 'FontAwesome';
  content: "\f00d";
}
.media-narrow .cta-button.narrow-skeleton {
  color: #1976d2;
  border-color: #1976d2;
  background: none;
}
.media-narrow .cta-button.narrow-skeleton.secondary {
  color: #009688;
  border-color: #009688;
}
.media-narrow .cta-button.narrow-skeleton.cta-button--priority {
  color: #f54b17;
  border-color: #f54b17;
}
.media-narrow .cta-button.narrow-small {
  padding: 0.5em 1em;
}
.cta-button:hover,
.cta-button:focus {
  color: white !important;
  border-color: #445963 !important;
  background-color: #445963 !important;
  text-decoration: none;
  transition: all 0.3s ease-out;
}
.return-to-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #445963;
  border-radius: 500px;
  box-shadow: 0 0 3px #98a4a9;
  margin: 3px;
  text-align: center;
}
.return-to-top .fa {
  line-height: 40px;
}
.return-to-top:hover {
  color: white;
  background-color: #1976d2;
  text-decoration: none;
  transition: all 0.3s ease-out;
}
.page-tabs {
  margin: 1.5em 0;
  display: table;
  width: 100%;
}
.media-narrow .page-tabs.page-tabs--vertical {
  border-top: 1px solid #dadee0;
  border-right: 1px solid #dadee0;
  border-bottom: 1px solid #dadee0;
}
.page-tab {
  color: inherit;
  font-weight: bold;
  padding: 0.3em;
  display: table-cell;
  border: none;
  background-color: transparent;
  border-bottom-style: solid;
  text-align: center;
  cursor: pointer;
}
.page-tab.page-tab--current {
  color: inherit;
  border-color: #1976d2;
  border-width: 3px;
}
.page-tab:not(.page-tab--current) {
  opacity: 0.5;
  border-color: #dadee0;
  border-width: 1px;
}
.page-tab:not(.page-tab--current):hover,
.page-tab:not(.page-tab--current):focus {
  text-decoration: none;
  opacity: 1;
  border-width: 3px;
}
.media-narrow .page-tabs--vertical .page-tab {
  display: block;
  text-align: left;
  border-bottom-style: none;
  border-left-style: solid;
  padding-left: 14px;
}
.media-narrow .page-tabs--vertical .page-tab:not(.page-tab--current):hover,
.media-narrow .page-tabs--vertical .page-tab:not(.page-tab--current):focus {
  padding-left: 12px;
}
.media-narrow .page-tabs--vertical .page-tab.page-tab--current {
  background-color: #e6eff8;
  padding-left: 12px;
}
.page-tab-content {
  display: none;
}
.page-tab-content.page-tab-content--current {
  display: block;
}
.embedded-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  margin-bottom: 2em;
}
.rsContent .embedded-video {
  height: 100%;
  padding-bottom: 0;
  position: static;
  margin-bottom: 0;
}
.embedded-video > * {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
ul.tabs {
  padding-left: 0;
  margin: 0;
  list-style: none;
  clear: both;
  padding: 0;
  margin-bottom: 20px;
  text-align: center;
}
ul.tabs li {
  padding-left: 0;
  text-indent: 0;
  margin: 0;
}
ul.tabs li {
  display: inline-block;
  margin: 0 5px 10px;
  text-align: center;
}
ul.tabs li a {
  background-color: #235a92;
  display: inline-block;
  color: White;
  font-weight: bold;
  padding: 10px 0;
  text-decoration: none;
  text-align: center;
  width: 100%;
}
ul.tabs li.current a {
  background-color: #042b54;
}
.scores {
  margin: 1.5em 0;
}
.score {
  display: inline-block;
  width: 49%;
  margin-bottom: 5px;
}
.printMe {
  padding: 7px;
  border: 1px #eeeeee solid;
  background-color: #f6f6f6;
  margin-bottom: 0.5em;
  text-align: center;
  font-size: 1.2em;
}
.printMe img {
  vertical-align: middle;
}
.contactDetails td {
  padding-bottom: 7px;
}
.contactDetails th {
  vertical-align: top;
  text-align: left;
  padding-right: 7px;
}
/* Carousel */

#homeImages {
  margin-bottom: 10px;
  position: relative;
  width: 646px;
  overflow: hidden;
  padding: 2px;
  padding-bottom: 75px;
  height: 250px;
  background-color: #042b54;
  border-radius: 5px;
  line-height: 1.3;
}
#homeImages .imgs {
  height: 250px;
  width: 646px;
  overflow: hidden;
  background-color: #eeeeee;
  border-radius: 3px;
}
#homeImages .imgs img {
  height: 250px;
}
#homeImages .headline {
  padding: 0 0.5em;
  top: auto;
  bottom: 0px;
  background-image: none;
  color: White;
}
#homeImages .headline p {
  margin: 0;
}
#homeImages .headline a.main {
  text-decoration: none;
}
#homeImages .headline a.main,
#homeImages .headline a {
  color: White;
}
#homeImages .headline h1 {
  margin: 4px 0 0 0;
}
#homeImages .bullets {
  position: absolute;
  text-align: right;
  cursor: pointer;
  bottom: 5px;
  right: 5px;
}
#homeImages .bullets .bullet {
  float: left;
  width: 17px;
  height: 17px;
  color: white;
  background-color: #235a92;
  margin-left: 6px;
  text-align: center;
  font-size: 13px;
}
#homeImages .bullets div.active {
  font-weight: bold;
  background-color: white;
  color: black;
}
.articleSidebar {
  box-sizing: border-box;
  background-color: #aad4ff;
  border: 1px solid #007eff;
  padding: 10px;
  margin: 0 0 10px 10px;
  float: right;
  width: 320px;
}
.media-narrow .articleSidebar {
  float: none;
  width: 100%;
  margin-left: 0;
}
.articleSidebar dl {
  margin: 0;
}
.articleSidebar dt {
  font-weight: bold;
}
.articleSidebar dd {
  margin-bottom: 0.5em;
}
.articleSidebar dd > ul {
  margin-top: 0;
  padding-left: 0;
}
.articleSidebar a {
  word-wrap: break-word;
}
.contactUs th {
  padding-right: 20px;
  text-align: right;
  vertical-align: top;
}
.contactUs td {
  padding-bottom: 7px;
}
.contactUs input.text,
.contactUs select,
.contactUs textarea {
  width: 400px;
  font-family: Arial, Sans-Serif;
  font-size: 13px;
}
.distanceLearningGraph {
  width: 100%;
}
.contentWithImageSidebar .distanceLearningGraph {
  width: 450px;
}
.distanceLearningGraphLegend table {
  margin-left: auto;
}
.page_nav {
  text-align: center;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px #eeeeee solid;
}
.addReviewLink {
  background-color: #aad4ff;
  padding: 7px;
  margin-bottom: 10px;
  text-align: center;
}
.reviewSubmit {
  text-align: center;
}
.reviewSubmit input {
  width: 47%;
}
.student-review-container {
  margin-bottom: 2em;
  border-bottom: 1px #eeeeee solid;
  padding-bottom: 0.5em;
}
.flagged-review {
  background-color: #ffeeee;
}
.student-review-actions {
  text-align: right;
  margin: 0.5em 0;
}
.student-institution-review p {
  margin-top: 0;
}
.student-institution-review h4 {
  margin: 0.5em 0 0.5em;
  font-size: 1em;
}
.student-institution-review th {
  padding-bottom: 0.5em;
}
.inline-table-heading {
  padding-top: 1em;
}
.student-institution-review td {
  padding-bottom: 0.4em;
}
.student-institution-review table {
  width: 49%;
  min-width: 310px;
  display: inline-block;
  vertical-align: top;
}
.reportReviewForm {
  width: 50%;
}
.reportReviewForm label {
  vertical-align: top;
  width: 20%;
  display: inline-block;
  font-weight: bold;
  text-align: right;
  padding-right: 10px;
  zoom: 1;
  _display: inline;
}
.reportReviewForm input,
.reportReviewForm textarea {
  vertical-align: top;
  width: 70%;
  display: inline-block;
  zoom: 1;
  _display: inline;
}
.facebook-login {
  text-align: center;
  font-weight: bold;
}
#facebookProfilePic {
  float: right;
  margin-left: 10px;
}
fieldset.question-set {
  border: 1px #eeeeee solid;
  margin-bottom: 1em;
}
fieldset.question-set legend {
  font-weight: bold;
}
.validationError,
.validation-error {
  color: Red;
}
.question-set select.select2 {
  max-width: 90%;
  min-width: 35%;
}
.question-set .ratingHolder {
  padding-right: 10px;
}
#questions-positive textarea,
#questions-negative textarea {
  width: 98%;
}
.question-set th,
.question-set td {
  padding: 3px;
}
.question-set th {
  font-weight: normal;
  text-align: right;
  padding-right: 10px;
  /*    vertical-align:top;*/

}
#student-institution-review-create fieldset.question-set th {
  width: 175px;
}
#questions-user th {
  width: auto;
}
#student-institution-review-create #Review_Name,
#student-institution-review-create #Review_Course {
  width: 300px;
}
#loan-questions input[type="text"],
#salary-questions input[type="text"] {
  width: 50px;
}
#loanResultFigures {
  margin-left: auto;
  margin-right: auto;
}
#loanResultFigures tbody tr {
  font-size: 1.25em;
}
#loanResultFigures tbody th {
  text-align: right;
}
#loanResultFigures tbody td {
  padding-left: 15px;
}
#loanResultFigures tbody td.comment {
  font-size: 0.8em;
}
#loan-method h4,
#loan-method p {
  margin-left: 60px;
}
#loan-method img {
  clear: both;
  float: left;
}
.comparisonChart .flot-text .flot-x-axis {
  display: none !important;
}
.rss-viewer h1 a,
.rss-viewer h2 a,
.rss-viewer h3 a,
.rss-viewer h4 a {
  color: inherit;
}
.rss-viewer .rss-timestamp {
  font-style: italic;
  text-align: right;
}
span.tracecontent table {
  background-color: white;
}
#newsletterSignup {
  text-align: center;
}
#newsletterSignup input {
  margin: 4px auto;
}
#newsletterSignup input[type=text] {
  box-sizing: border-box;
  padding: 5px 5px 5px 30px;
  background-repeat: no-repeat;
  background-position: 5px center;
  border: 1px #dddddd solid;
  width: 100%;
}
#newsletterSignup .nameInput {
  background-image: url('images/name_bg.png');
}
#newsletterSignup .emailInput {
  background-image: url('images/email_bg.png');
}
input.placeholder,
textarea.placeholder {
  color: #aaaaaa;
}
.toptenMainImage {
  position: relative;
  line-height: 0;
}
.toptenMainImage img {
  margin-bottom: 2px;
}
.toptenMainOverlay {
  position: absolute;
  background-color: #042b54;
  border-left: 2px white solid;
  border-bottom: 2px white solid;
  font-size: 60px;
  line-height: 80px;
  min-width: 80px;
  text-align: center;
  color: white;
  top: 0;
  right: 0;
}
.toptenAttribution {
  font-size: 0.7em;
  text-align: right;
  color: #777777;
}
.toptenAttribution a {
  color: inherit;
}
.toptenControls {
  position: relative;
  line-height: 0;
}
.toptenThumbs {
  text-align: center;
  margin: 0 33px 10px;
  white-space: nowrap;
  overflow: auto;
  overflow-y: hidden;
}
.toptenThumbs a {
  position: relative;
  display: inline-block;
}
.toptenThumbs a img {
  width: 94px;
  height: 56px;
  margin-left: 1px;
  margin-right: 1px;
  margin-bottom: 2px;
}
.toptenThumbOverlay {
  width: 94px;
  height: 56px;
  opacity: 0.7;
  top: 0;
  left: 1px;
  background-color: #dddddd;
  position: absolute;
}
.toptenThumbNumber {
  width: 100%;
  top: 0;
  left: 0;
  font-weight: normal;
  color: white;
  position: absolute;
  font-size: 54px;
  line-height: 56px;
}
.field {
  margin: 0.75em 0;
  padding: 0 0.5em;
  vertical-align: top;
  display: inline-block;
  box-sizing: border-box;
}
.field-heading {
  font-weight: bold;
  padding-bottom: 0.25em;
}
.field-description {
  overflow: hidden;
  display: block;
  padding-left: 0.5em;
  line-height: 1.5em;
}
fieldset.field {
  border: none;
}
.field input[type=text],
.field input[type=number],
.field input[type=email],
.field textarea,
.field select,
.field .radio-as-button {
  margin-top: 0.25em;
  padding: 1em;
  box-sizing: border-box;
  font-weight: normal;
  border: 1px solid #d7d7d7;
  background: #fbfbfb;
}
.field input[type=checkbox] {
  float: left;
}
.field select,
.field .radio-as-button {
  border-radius: 5px;
  background: white;
}
.field input[type=text],
.field input[type=number],
.field input[type=email],
.field textarea,
.field select,
.field .field-invalid {
  width: 100%;
}
.field select {
  line-height: 3.3em;
  /* for safari */

}
.field .field-invalid {
  display: none;
  color: red;
  margin-top: 0.25em;
}
.field.invalid .field-invalid {
  display: block;
}
.field textarea {
  height: 10em;
  resize: vertical;
  line-height: 1.5em;
}
.field .button-set {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 5px;
}
.field .radio-as-button {
  display: table-cell;
  text-align: center;
  cursor: pointer;
}
.field .radio-as-button:hover {
  border-color: #7c7c7c;
}
.field .radio-as-button.selected {
  background: #2c6fa3;
  border-color: #2c6fa3;
  color: white;
}
.field .radio-as-button input {
  display: none;
}
.field-full-width {
  width: 100%;
}
.field-half-width {
  width: 50%;
}
.field.field-date-of-birth input {
  box-sizing: content-box;
  text-align: center;
}
.field input.field-day,
.field input.field-month {
  width: 2em;
}
.field input.field-year {
  width: 4em;
}
.field-example {
  vertical-align: middle;
  color: #959595;
  margin-left: 1.5em;
}
.field button[type=submit] {
  width: 100%;
}
.popup {
  position: relative;
  font-weight: normal;
}
.popup-link {
  color: blue;
  cursor: pointer;
}
.popup-content {
  position: absolute;
  visibility: hidden;
  bottom: 102%;
  left: 0;
  text-align: center;
  background: #eeeeee;
  border: 2px solid #777777;
  padding: 0.25em;
  border-radius: 5px;
}
.popup:hover .popup-content {
  visibility: visible;
}
#enquiryForm h1 {
  color: black;
  margin-bottom: 0.25em;
  font-size: 1.5em;
  padding-left: 32px;
  background: url(images/email.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
}
#enquiryForm h2 {
  color: #d60033;
  margin-top: 0.25em;
  font-size: 1.5em;
}
/* START TagCloud */

.TagCloud/* Applies to the entire tag cloud */ {
  text-align: center;
  line-height: normal;
}
.TagCloud > span/* Applies to each tag of the tag cloud */ {
  margin-right: 3px;
  text-align: center;
}
.TagCloud > span.TagWeight1/* Applies to the largest tags */ {
  font-size: 40px;
}
.TagCloud > span.TagWeight2 {
  font-size: 32px;
}
.TagCloud > span.TagWeight3 {
  font-size: 25px;
}
.TagCloud > span.TagWeight4 {
  font-size: 18px;
}
.TagCloud > span.TagWeight5/* Applies to the smallest tags */ {
  font-size: 12px;
}
/* END TagCloud */

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type='number'] {
  -moz-appearance: textfield;
}
/* Print-specific */

#qrcode,
#printFooter,
.topLogoPrint {
  display: none;
}
.cug_ltb {
  display: none;
}
body {
  font-family: 'PT Sans', sans-serif;
  font-size: 14px;
  color: #445963;
  line-height: 1.3;
  min-width: 990px;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.media-narrow body {
  min-width: 320px;
}
/* Header */
.header-container {
  background-color: #dadee0;
  width: 100%;
}
.media-narrow .header-container.search-active {
  background-color: white;
}
@media print {
  .header-container {
    background: none !important;
  }
}
.header {
  width: 970px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  display: table;
  padding-top: 10px;
  padding-bottom: 10px;
}
.media-narrow .header {
  width: 100% !important;
  box-sizing: border-box !important;
  float: none;
}
.header > * {
  display: table-cell;
  vertical-align: middle;
}
.media-narrow .header {
  padding-top: 5px;
  padding-bottom: 5px;
}
@media print {
  .header {
    text-align: center;
  }
  .header:before {
    content: "The Complete University Guide";
    font-size: 30px;
    font-weight: bold;
  }
  .header:after {
    content: "";
    display: block;
    clear: both;
  }
}
.header-logo {
  text-align: left;
}
.header-logo img {
  width: 200px;
  height: 48px;
}
.media-narrow .header-container.search-active .header-logo {
  display: none;
}
@media print {
  .header-logo {
    float: right;
  }
}
.header-tools {
  text-align: right;
  width: 100%;
}
.header-tools > * {
  display: inline-block;
  vertical-align: middle;
  margin-left: 25px;
}
.media-narrow .header-tools > * {
  margin-left: 0px;
}
@media print {
  .header-tools {
    display: none;
  }
}
.header-social {
  padding-left: 0;
  margin: 0;
  list-style: none;
  font-size: 24px;
  line-height: 1em;
}
.header-social li {
  padding-left: 0;
  text-indent: 0;
  margin: 0;
}
.header-social a {
  color: #98a4a9;
}
.header-social a:hover,
.header-social a:focus {
  color: #1976d2;
}
.header-social > li {
  display: inline;
}
.media-narrow .header-social {
  display: none;
}
.header-search:hover .header-search-text,
.header-search:hover .header-search-submit {
  border-color: #1976d2;
}
.header-search:hover .header-search-submit {
  background-color: #1976d2;
}
.media-narrow .search-active .header-search {
  width: 100%;
  display: table;
  margin-left: 0;
  margin-top: 5px;
  margin-bottom: 5px;
}
.header-search-element {
  display: inline-block;
}
.media-narrow .search-active .header-search-element {
  display: table-cell;
}
.media-narrow .search-active .header-search-element:first-child {
  width: 100%;
}
.header-search-text,
.header-search-submit {
  border: 1px solid #98a4a9;
  border-radius: 500px;
  height: 42px;
  box-sizing: border-box;
  vertical-align: middle;
}
.header-search-text:focus,
.header-search-submit:focus {
  outline: none;
}
.header-search-text {
  padding: 0 10px 0 18px;
  width: 225px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.media-narrow .header-search-text {
  display: none;
}
.media-narrow .search-active .header-search-text {
  border-radius: 0;
  display: block;
  width: 100%;
  margin-right: 80px;
  border-style: none none solid;
  border-color: #aeafaf;
  padding: 0;
}
.header-search-submit {
  padding: 0 10px 0 6px;
  color: white;
  font-size: 18px;
  width: 40px;
  background-color: #98a4a9;
  border-left-style: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.media-narrow .header-search-submit {
  display: none;
}
.media-narrow .search-active .header-search-submit {
  display: inline;
  background-color: #1976d2;
  border-radius: 500px;
  border-color: #1976d2;
  border-left-style: solid;
  height: 35px;
  width: 35px;
  line-height: 35px;
  padding: 0;
  margin-left: 5px;
}
.header-search-text:focus,
.header-search-text:focus ~ .header-search-submit {
  border-color: #1976d2;
}
.header-search-submit:focus,
.header-search-text:focus ~ .header-search-submit {
  border-color: #1976d2;
  background-color: #1976d2;
}
.header-search-toggle {
  display: none;
}
.media-narrow .header-search-toggle {
  display: inline;
  box-sizing: border-box;
  border: 1px solid #02274b;
  width: 35px;
  height: 35px;
  line-height: 35px;
  color: #02274b;
  border-radius: 500px;
  background-color: transparent;
  padding: 0;
  outline: none;
  margin-left: 5px;
}
.media-narrow .header-search-toggle:after {
  content: "\f002";
  font-family: 'FontAwesome';
  font-size: 18px;
}
.media-narrow .search-active .header-search-toggle {
  border-color: transparent;
  color: #445963;
}
.media-narrow .search-active .header-search-toggle:after {
  content: "\f00d";
}
.media-narrow .header-user-desktop {
  display: none;
}
.header-user-mobile {
  display: none;
}
.header-user-mobile a,
.header-user-mobile button {
  display: inline-block;
  box-sizing: border-box;
  text-decoration: none;
  color: #02274b;
  text-align: center;
  border: 1px solid #02274b;
  border-radius: 500px;
  width: 35px;
  height: 35px;
  line-height: 35px;
}
.header-user-mobile a:after,
.header-user-mobile button:after {
  content: "\f007";
  font-family: 'FontAwesome';
  font-size: 18px;
}
.media-narrow .header-user-mobile {
  display: inline-block;
  margin-left: 5px;
}
.media-narrow .search-active .header-user-mobile {
  display: none;
}
.logged-in .header-not-logged-in,
.not-logged-in .header-logged-in {
  display: none;
}
/* Main menu */
.main-menu-container {
  width: 100%;
  background-color: #02274b;
  color: white;
  position: relative;
}
@media print {
  .main-menu-container {
    display: none;
  }
}
.main-menu {
  padding-left: 0;
  margin: 0;
  list-style: none;
  width: 970px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  display: table;
}
.main-menu li {
  padding-left: 0;
  text-indent: 0;
  margin: 0;
}
.media-narrow .main-menu {
  width: 100% !important;
  box-sizing: border-box !important;
  float: none;
}
.media-narrow .main-menu {
  display: none;
}
.media-narrow .main-menu.open {
  background-color: #445963;
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100% !important;
  padding: 0;
  z-index: 1000;
}
.main-menu-section {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  position: relative;
}
.media-wide .main-menu-section.highlighted {
  background-color: #1976d2;
}
.main-menu-section:hover,
.main-menu-section:focus {
  background-color: #445963;
  transition: background-color 0.3s ease-out;
}
.media-wide .main-menu-section:hover.highlighted,
.media-wide .main-menu-section:focus.highlighted {
  background-color: #1976d2;
}
.main-menu-section:hover .main-menu-lists,
.main-menu-section:focus .main-menu-lists {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease-out;
}
.main-menu-section.current .main-menu-section-link {
  text-decoration: underline;
}
.media-narrow .main-menu-section {
  display: block;
  position: static;
  text-align: left;
  width: 50%;
}
.media-narrow .main-menu-section:hover .main-menu-lists {
  visibility: hidden;
}
.media-narrow .main-menu-section.open {
  background-color: #263238;
  transition: none;
}
.media-narrow .main-menu-section.open .main-menu-section-link:after {
  content: "\f105";
  font-family: 'FontAwesome';
  float: right;
}
.media-narrow .main-menu-section.open .main-menu-lists {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  min-height: 100%;
  transition: none;
  visibility: visible;
  opacity: 1;
  background-color: #263238;
}
.main-menu-section-link,
.main-menu-list-link,
.main-menu-item-link,
.mobile-menu-section-link,
.mobile-menu-toggle-button {
  padding: 12px;
  margin: 0;
  color: white;
  display: block;
}
.main-menu-section-link:hover,
.main-menu-list-link:hover,
.main-menu-item-link:hover,
.mobile-menu-section-link:hover,
.mobile-menu-toggle-button:hover,
.main-menu-section-link:focus,
.main-menu-list-link:focus,
.main-menu-item-link:focus,
.mobile-menu-section-link:focus,
.mobile-menu-toggle-button:focus {
  text-decoration: none;
}
.main-menu-lists {
  padding-left: 0;
  margin: 0;
  list-style: none;
  text-align: left;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  background-color: #445963;
  left: 0;
  top: 100%;
  width: 225px;
  z-index: 1000;
}
.main-menu-lists li {
  padding-left: 0;
  text-indent: 0;
  margin: 0;
}
.main-menu-section:last-child .main-menu-lists,
.main-menu-section:nth-last-child(-n+2) .main-menu-lists {
  left: auto;
  right: 0;
}
.media-wide .main-menu-section.highlighted .main-menu-lists {
  background-color: #1976d2;
}
.main-menu-list-link {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  padding-bottom: 0;
}
.main-menu-list-link:after {
  content: "";
  display: block;
  height: 1px;
  background-color: #697a82;
  margin-top: 5px;
}
.media-wide .main-menu-section.highlighted .main-menu-list-link:after {
  background-color: #e6eff8;
}
.main-menu-items {
  padding-left: 0;
  margin: 0;
  list-style: none;
}
.main-menu-items li {
  padding-left: 0;
  text-indent: 0;
  margin: 0;
}
.main-menu-item-link:hover {
  background-color: #263238;
}
.main-menu-section.highlighted .main-menu-item-link:hover {
  background-color: #02274b;
}
.main-menu-item.current {
  text-decoration: underline;
}
.mobile-menu {
  padding-left: 0;
  margin: 0;
  list-style: none;
  display: none;
}
.mobile-menu li {
  padding-left: 0;
  text-indent: 0;
  margin: 0;
}
.media-narrow .mobile-menu {
  display: table;
  width: 100%;
}
.mobile-menu-section {
  display: inline-block;
}
.mobile-menu-section.highlighted {
  background-color: #1976d2;
}
.mobile-menu-toggle {
  display: inline-block;
  float: right;
}
.mobile-menu-toggle-button {
  border: none;
  background-color: #445963;
  outline: none;
}
.mobile-menu-toggle-button.open {
  background-color: #263238;
}
.mobile-menu-toggle-button:after {
  content: "\f0c9";
  font-family: 'FontAwesome';
  padding-left: 5px;
}
/* Survey bar */
.survey-box-container {
  border-bottom: 1px solid #dadee0;
  background-color: #ffffd3;
}
.survey-box-container .survey-box {
  width: 970px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.media-narrow .survey-box-container .survey-box {
  width: 100% !important;
  box-sizing: border-box !important;
  float: none;
}
.survey-box-container .media-narrow {
  display: none;
}
@media print {
  .survey-box-container {
    display: none;
  }
}
.survey-box {
  padding: 10px;
  text-align: center;
  font-weight: bold;
}
.content-sidebar > .survey-box {
  background-color: #ffffd3;
  border: 1px solid #dadee0;
}
/* Breadcrumbs */

.breadcrumbs {
  width: 970px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #dadee0;
}
.media-narrow .breadcrumbs {
  width: 100% !important;
  box-sizing: border-box !important;
  float: none;
}
@media print {
  .breadcrumbs {
    display: none;
  }
}
.breadcrumb-link:after {
  font-family: 'FontAwesome';
  content: "\f105";
  padding: 0 5px;
}
/* Content */

.content-container {
  width: 970px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.media-narrow .content-container {
  width: 100% !important;
  box-sizing: border-box !important;
  float: none;
}
.content-container:after {
  content: "";
  display: block;
  clear: both;
}
.content-container.narrow {
  width: 820px;
}
.content-container.narrow.no-sidebar {
  width: 500px;
}
.content-container.wide {
  width: auto;
}
.content-container.full {
  width: 100%;
  padding: 0;
  margin: 0;
}
.content-main {
  font-size: 16px;
  line-height: 1.5;
  width: 650px;
  float: left;
}
.content-main > :first-child,
.content-main > :first-child > :first-child,
.content-main > :first-child > :first-child > :first-child,
.content-main > :first-child > :first-child > :first-child > :first-child,
.content-main > :first-child > :first-child > :first-child > :first-child > :first-child,
.content-main > :first-child > :first-child > :first-child > :first-child > :first-child > :first-child {
  margin-top: 0;
}
.media-narrow .content-main {
  font-size: inherit;
}
.content-main:after {
  content: "";
  display: block;
  clear: both;
}
.content-container.no-sidebar .content-main {
  width: 970px;
}
.content-container.narrow .content-main {
  width: 500px;
}
.content-container.wide .content-main {
  width: auto;
}
.content-container.full .content-main {
  width: 100%;
}
.media-narrow .content-main {
  width: 100% !important;
  box-sizing: border-box !important;
  float: none;
}
@media print {
  .content-main {
    width: auto !important;
  }
}
.content-sidebar {
  float: left;
  width: 300px;
  padding-left: 20px;
}
.content-sidebar .advert-mpu > div > div {
  margin-bottom: 15px;
}
.media-narrow .content-sidebar {
  width: 100% !important;
  box-sizing: border-box !important;
  float: none;
}
.media-narrow .content-sidebar {
  float: none;
  padding-left: 0;
}
@media print {
  .content-sidebar {
    display: none;
  }
}
.socialLinks {
  margin: 1em 0;
  padding: 7px;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 20px;
  text-align: right;
}
@media print {
  .socialLinks {
    display: none;
  }
}
.socialLinks .socialButton {
  height: 20px;
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
/* Boxes */

.box {
  border: 1px #dadee0 solid;
  border-radius: 5px;
  margin-bottom: 15px;
}
.box:after {
  content: "";
  display: block;
  clear: both;
}
.box ul {
  padding-left: 1.2em;
}
.box li {
  margin-top: 3px;
  margin-bottom: 3px;
}
.box > .moreLink {
  padding: 10px;
  background-color: #eceeef;
  border-top: 1px solid #dadee0;
  font-weight: normal;
}
.box img {
  max-width: 100%;
}
.box-heading {
  background-color: #eceeef;
  border-bottom: 1px solid #dadee0;
  padding: 10px;
}
.box-heading h3 {
  margin: 0;
}
.content-sidebar .box-heading {
  background-color: inherit;
}
.content-sidebar .box-heading h3 {
  font-size: 16px;
}
.box.highlight .box-heading h3 {
  color: #cf0a3a;
}
.box-intro {
  margin: 0;
  margin-top: 0.25em;
  font-size: 14px;
}
.box-content {
  padding: 10px;
}
.box-content:after {
  content: "";
  display: block;
  clear: both;
}
.box-content > :first-child,
.box-content > :first-child > :first-child,
.box-content > :first-child > :first-child > :first-child,
.box-content > :first-child > :first-child > :first-child > :first-child,
.box-content > :first-child > :first-child > :first-child > :first-child > :first-child,
.box-content > :first-child > :first-child > :first-child > :first-child > :first-child > :first-child {
  margin-top: 0;
}
.box-content > :last-child,
.box-content > :last-child > :last-child,
.box-content > :last-child > :last-child > :last-child,
.box-content > :last-child > :last-child > :last-child > :last-child,
.box-content > :last-child > :last-child > :last-child > :last-child > :last-child,
.box-content > :last-child > :last-child > :last-child > :last-child > :last-child > :last-child {
  margin-bottom: 0;
}
/* Adverts */

.advert {
  line-height: 0px;
  overflow: hidden;
}
.advert-leaderboard {
  margin: 0 auto;
  width: 970px;
  text-align: center;
  padding-bottom: 10px;
}
.media-narrow .advert-leaderboard {
  display: none;
}
.advert-button {
  display: table-cell;
  padding: 10px;
}
.advert-mpu {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.advert-container {
  margin-left: auto;
  margin-right: auto;
}
.advert-120x120 {
  width: 120px;
}
.advert-container-clearing {
  text-align: center;
}
.advert-container-clearing .advert {
  display: inline-block;
  padding: 0 20px 20px;
}
/* Footer */

.footer-container {
  background-color: #263238;
  z-index: 101;
  position: relative;
}
@media print {
  .footer-container {
    background: none;
  }
}
.footer {
  width: 970px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 40px;
  padding-bottom: 40px;
  color: white;
}
.media-narrow .footer {
  width: 100% !important;
  box-sizing: border-box !important;
  float: none;
}
.footer h4 {
  text-transform: uppercase;
  font-size: 16px;
  padding-bottom: 5px;
  border-bottom: 1px solid #515b60;
  margin-top: 0;
  margin-bottom: 30px;
}
.footer a {
  color: white;
}
@media print {
  .footer a {
    color: inherit !important;
  }
}
@media print {
  .footer {
    color: inherit !important;
  }
}
.footer-text {
  display: table;
}
.media-narrow .footer-text {
  display: block;
}
.footer-section {
  display: table-cell;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 40px;
}
.footer-section ul {
  padding-left: 0;
  margin: 0;
  list-style: none;
}
.footer-section ul li {
  padding-left: 0;
  text-indent: 0;
  margin: 0;
}
.footer-section ul li {
  margin-bottom: 0.7em;
}
.footer-section:first-child {
  width: 50%;
  padding-left: 0;
  line-height: 24px;
}
.footer-section:first-child a {
  text-decoration: underline;
}
@media print {
  .footer-section:first-child a {
    text-decoration: none;
  }
}
.media-narrow .footer-section:first-child {
  display: none;
}
.footer-section:last-child {
  padding-right: 0;
}
.media-narrow .footer-section {
  display: block;
  padding-left: 0;
  padding-right: 0;
  width: 100% !important;
}
@media print {
  .footer-section {
    display: none;
  }
  .footer-section:first-child {
    display: block;
    padding-left: 0;
    padding-right: 0;
    width: 100% !important;
  }
}
.footer-copyright {
  color: #515b60;
  padding-top: 10px;
  border-top: 1px solid #515b60;
}
.hoverover {
  position: relative;
  cursor: pointer;
}
.hoverover-link {
  border-bottom: 1px dotted;
}
.hoverover-content {
  font-weight: normal;
  text-align: left;
  display: none;
  position: absolute;
  bottom: 100%;
  width: 250px;
  left: 0;
  color: #445963;
  background-color: white;
  text-transform: none;
  z-index: 1000;
  font-size: 14px;
  line-height: 1.3;
  padding: 10px;
  border: 1px solid #dadee0;
  box-shadow: 0 0 5px #697a82;
}
.media-wide .hoverover:hover .hoverover-content,
.hoverover.open .hoverover-content {
  display: block;
}
.hoverover-content-link {
  display: block;
  text-transform: uppercase;
}
.hoverover-content-heading {
  display: block;
  text-transform: uppercase;
  border-bottom: 1px solid #dadee0;
}
.data-label {
  font-weight: bold;
}
.boxed-content,
.emphasized-content,
.course-profile-snippet {
  padding: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.boxed-content > :first-child,
.emphasized-content > :first-child,
.boxed-content > :first-child > :first-child,
.emphasized-content > :first-child > :first-child,
.boxed-content > :first-child > :first-child > :first-child,
.emphasized-content > :first-child > :first-child > :first-child,
.boxed-content > :first-child > :first-child > :first-child > :first-child,
.emphasized-content > :first-child > :first-child > :first-child > :first-child,
.boxed-content > :first-child > :first-child > :first-child > :first-child > :first-child,
.emphasized-content > :first-child > :first-child > :first-child > :first-child > :first-child,
.boxed-content > :first-child > :first-child > :first-child > :first-child > :first-child > :first-child,
.emphasized-content > :first-child > :first-child > :first-child > :first-child > :first-child > :first-child,
.boxed-content > :first-child,
.course-profile-snippet > :first-child,
.boxed-content > :first-child > :first-child,
.course-profile-snippet > :first-child > :first-child,
.boxed-content > :first-child > :first-child > :first-child,
.course-profile-snippet > :first-child > :first-child > :first-child,
.boxed-content > :first-child > :first-child > :first-child > :first-child,
.course-profile-snippet > :first-child > :first-child > :first-child > :first-child,
.boxed-content > :first-child > :first-child > :first-child > :first-child > :first-child,
.course-profile-snippet > :first-child > :first-child > :first-child > :first-child > :first-child,
.boxed-content > :first-child > :first-child > :first-child > :first-child > :first-child > :first-child,
.course-profile-snippet > :first-child > :first-child > :first-child > :first-child > :first-child > :first-child {
  margin-top: 0;
}
.boxed-content > :last-child,
.emphasized-content > :last-child,
.boxed-content > :last-child > :last-child,
.emphasized-content > :last-child > :last-child,
.boxed-content > :last-child > :last-child > :last-child,
.emphasized-content > :last-child > :last-child > :last-child,
.boxed-content > :last-child > :last-child > :last-child > :last-child,
.emphasized-content > :last-child > :last-child > :last-child > :last-child,
.boxed-content > :last-child > :last-child > :last-child > :last-child > :last-child,
.emphasized-content > :last-child > :last-child > :last-child > :last-child > :last-child,
.boxed-content > :last-child > :last-child > :last-child > :last-child > :last-child > :last-child,
.emphasized-content > :last-child > :last-child > :last-child > :last-child > :last-child > :last-child,
.boxed-content > :last-child,
.course-profile-snippet > :last-child,
.boxed-content > :last-child > :last-child,
.course-profile-snippet > :last-child > :last-child,
.boxed-content > :last-child > :last-child > :last-child,
.course-profile-snippet > :last-child > :last-child > :last-child,
.boxed-content > :last-child > :last-child > :last-child > :last-child,
.course-profile-snippet > :last-child > :last-child > :last-child > :last-child,
.boxed-content > :last-child > :last-child > :last-child > :last-child > :last-child,
.course-profile-snippet > :last-child > :last-child > :last-child > :last-child > :last-child,
.boxed-content > :last-child > :last-child > :last-child > :last-child > :last-child > :last-child,
.course-profile-snippet > :last-child > :last-child > :last-child > :last-child > :last-child > :last-child {
  margin-bottom: 0;
}
.media-narrow .boxed-content,
.media-narrow .emphasized-content,
.media-narrow .boxed-content,
.media-narrow .course-profile-snippet {
  padding: 20px;
}
.boxed-content {
  border: 1px solid #dadee0;
}
.emphasized-content,
.course-profile-snippet {
  background-color: #eceeef;
}
.data-table {
  border-spacing: 0;
  margin: 15px auto;
  width: auto;
  word-wrap: normal;
  overflow-wrap: normal;
}
.data-table.full-width,
.media-narrow .data-table {
  width: 100%;
}
.data-table th,
.data-table td {
  padding: 10px 7.5px;
}
.full-width .data-table th,
.full-width .data-table td,
.media-wide .data-table th.undergraduate-employment-table-width-hack,
.media-wide .data-table td.undergraduate-employment-table-width-hack {
  width: 100px;
}
.data-table th.spanning-heading,
.data-table td.spanning-heading {
  padding-bottom: 0;
  text-align: center;
}
.data-table th.left,
.data-table td.left {
  text-align: left;
}
.data-table th.right,
.data-table td.right {
  text-align: right;
}
.data-table th.centre,
.data-table td.centre {
  text-align: center;
}
.data-table th:first-child,
.data-table td:first-child {
  padding-left: 15px;
}
.data-table th:last-child,
.data-table td:last-child {
  padding-right: 15px;
}
.data-table thead {
  background-color: #697a82;
  color: white;
  text-align: left;
  font-size: 14px;
}
.data-table thead th {
  vertical-align: bottom;
}
.data-table thead tr.data-table-secondary-heading th {
  padding-top: 0;
}
.data-table tbody th,
.data-table tbody td {
  border: 1px none #eceeef;
}
.emphasized-content .data-table tbody th,
.emphasized-content .data-table tbody td,
.course-profile-snippet .data-table tbody th,
.course-profile-snippet .data-table tbody td {
  border-color: #dadee0;
}
.data-table tbody th:first-child,
.data-table tbody td:first-child {
  border-left-style: solid;
}
.data-table tbody th:last-child,
.data-table tbody td:last-child {
  border-right-style: solid;
}
.data-table tbody tr:nth-child(even) {
  background-color: #eceeef;
}
.data-table tbody tr:nth-child(odd) {
  background-color: white;
}
.data-table tbody tr:last-child th,
.data-table tbody tr:last-child td {
  border-bottom-style: solid;
}
.plain-table {
  margin-left: auto;
  margin-right: auto;
}
.plain-table th,
.plain-table td {
  padding: 0.25em;
  font-weight: normal;
  text-align: left;
}
/* Equal columns */

.columns > .column {
  box-sizing: border-box;
  display: inline-block;
  padding: 0 7.5px;
  vertical-align: top;
}
.columns > .column > :first-child,
.columns > .column > :first-child > :first-child,
.columns > .column > :first-child > :first-child > :first-child,
.columns > .column > :first-child > :first-child > :first-child > :first-child,
.columns > .column > :first-child > :first-child > :first-child > :first-child > :first-child,
.columns > .column > :first-child > :first-child > :first-child > :first-child > :first-child > :first-child {
  margin-top: 0;
}
.columns > .column > :last-child,
.columns > .column > :last-child > :last-child,
.columns > .column > :last-child > :last-child > :last-child,
.columns > .column > :last-child > :last-child > :last-child > :last-child,
.columns > .column > :last-child > :last-child > :last-child > :last-child > :last-child,
.columns > .column > :last-child > :last-child > :last-child > :last-child > :last-child > :last-child {
  margin-bottom: 0;
}
.columns > .column.half {
  width: 50%;
}
.columns > .column.half:nth-child(odd) {
  padding-left: 0;
}
.columns > .column.half:nth-child(even) {
  padding-right: 0;
}
.columns > .column.half:nth-child(n+3) {
  padding-top: 1em;
}
.columns > .column.third {
  width: 33%;
}
.columns > .column.third:nth-child(3n+1) {
  padding-left: 0;
}
.columns > .column.third:nth-child(3n+3) {
  padding-right: 0;
}
.columns > .column.third:nth-child(n+4) {
  padding-top: 1em;
}
.media-narrow .columns > .column {
  padding: 0;
  display: block;
  width: auto;
  margin-bottom: 20px;
}
.media-narrow .columns > .column:last-child {
  margin-bottom: 0;
}
/* Columnar lists */

.columnarList {
  margin: 13px 0;
  display: table;
  width: 100%;
}
.media-narrow .columnarList {
  display: block;
}
.columnarList > .column {
  display: table-cell;
  padding: 0 7.5px;
  width: 50%;
  vertical-align: top;
}
.columnarList > .column:first-child {
  padding-left: 0;
}
.columnarList > .column:last-child {
  padding-right: 0;
}
.columnarList > .column > .columnIndex {
  margin-bottom: 10px;
  font-weight: bold;
}
.column .columnarList > .column,
.media-narrow .columnarList > .column {
  display: block;
  width: auto;
  padding: 0;
}
.column .columnarList > .column .columnIndex,
.media-narrow .columnarList > .column .columnIndex {
  display: none;
}
.column .columnarList > .column.second h4:first-child,
.media-narrow .columnarList > .column.second h4:first-child {
  margin-top: 1.3em;
}
.columnarList h4:first-child {
  margin-top: 0;
}
.columnarList ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.search-results {
  padding-left: 0;
  margin: 0;
  list-style: none;
}
.search-results li {
  padding-left: 0;
  text-indent: 0;
  margin: 0;
}
.box .search-results {
  padding-left: 0;
}
.search-result {
  margin-bottom: 1em !important;
}
.search-result:after {
  content: "";
  display: block;
  clear: both;
}
.search-result.detailed {
  padding-bottom: 1em;
  border-bottom: 1px solid #dadee0;
}
.search-result.detailed:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.search-result-title {
  font-weight: bold;
  font-size: 18px;
}
.search-result-type {
  color: #a2acb1;
}
.search-result-image {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}
.media-narrow .search-result-image {
  display: none;
}
.search-result-body ul {
  margin-top: 3px;
  margin-bottom: 3px;
  list-style-type: disc;
}
.search-result-body em {
  font-weight: bold;
}
.league-table-page {
  font-size: 14px;
}
.media-narrow .league-table-page .league-table-table .sorted.default ~ .league-table-next-steps {
  display: table-cell;
}
.media-narrow .league-table-page .league-table-rank {
  padding-right: 0;
}
.league-table-page .league-table-institution-name {
  width: 1000px;
}
.media-narrow .league-table-page .league-table-table > tbody > tr > td.sorted {
  border-right: 1px solid #dadee0;
}
.media-narrow .league-table-page .league-table-column:not(.sorted) {
  display: none;
}
.media-narrow .league-table-page .league-table-column.default {
  display: none;
}
.league-table-scores {
  padding-left: 0;
  margin: 0;
  list-style: none;
}
.league-table-scores li {
  padding-left: 0;
  text-indent: 0;
  margin: 0;
}
.league-table-score {
  display: inline-table;
  width: 50%;
  vertical-align: middle;
  margin-bottom: 1em !important;
  box-sizing: border-box;
}
.league-table-score:nth-child(odd) {
  padding-right: 7.5px;
}
.league-table-score:nth-child(even) {
  padding-left: 7.5px;
}
.league-table-score:last-child,
.media-wide .league-table-score:nth-last-child(2):nth-child(odd) {
  margin-bottom: 0 !important;
}
.columns .league-table-score:nth-last-child(2):nth-child(odd) {
  margin-bottom: 1em !important;
}
.media-narrow .league-table-score,
.column .league-table-score {
  width: 100%;
  padding: 0;
}
.league-table-score-name,
.league-table-score-value,
.league-table-score > .league-table-quintiles {
  display: table-cell;
  vertical-align: middle;
  line-height: 0;
}
.league-table-score-name {
  font-weight: bold;
  width: 100%;
}
.league-table-score-value {
  white-space: nowrap;
  width: 0;
  padding-left: 10px;
}
.league-table-score > .league-table-quintiles {
  padding-left: 10px;
}
.league-table-score-max {
  color: #a2acb1;
}
.league-table-quintiles {
  white-space: nowrap;
}
.league-table-quintile {
  display: inline-block;
  background-color: #aeafaf;
  margin-left: 1px;
  vertical-align: middle;
  height: 1.5em;
  width: 0.5em;
  box-sizing: border-box;
  overflow: hidden;
}
.league-table-quintile.active {
  background-color: #009688;
}
.league-table-quintile.empty {
  visibility: hidden;
}
.league-table-quintile:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.league-table-quintile:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
@media print {
  .league-table-quintile {
    background: none !important;
    border: 1px solid #009688;
  }
  .league-table-quintile.active {
    border: none;
    color: #009688;
  }
  .league-table-quintile.active:before {
    display: inline-block;
    font-size: 2em;
    position: relative;
    top: -0.5em;
    content: "\2588";
  }
}
.league-table-page {
  position: relative;
  font-size: 14px;
}
.league-table-links {
  position: absolute;
  top: 0;
  right: 0;
}
.league-table-links a {
  margin: 0 0.5em;
}
.media-narrow .league-table-links {
  position: static;
  margin-bottom: 20px;
}
.media-narrow .league-table-links a:first-child {
  margin-left: 0;
}
@media print {
  .league-table-links {
    display: none;
  }
}
.league-table-title {
  display: table;
  width: 100%;
  border-spacing: 0;
  margin-top: 1.5em;
}
:not(.league-table-title) + .league-table-table {
  margin-top: 1.5em;
}
.league-table-title-name {
  color: white;
  background-color: #02274b;
  display: table-cell;
  padding: 0.5em 1.5em;
  vertical-align: middle;
  white-space: nowrap;
  border-bottom: 1px solid #35526f;
}
.media-narrow .league-table-title-name {
  white-space: normal;
  width: 100%;
}
@media print {
  .league-table-title-name {
    color: inherit;
    background: none;
    border-bottom: none;
    padding-left: 0;
  }
}
.league-table-title-extra {
  display: none;
}
@media print {
  .league-table-title-extra {
    display: inline;
  }
}
.league-table-subject-link {
  font-size: 14px;
  display: table-cell;
  text-align: right;
  vertical-align: middle;
  padding: 0.5em;
  width: 100%;
}
.media-narrow .league-table-subject-link {
  display: block;
  padding: 0;
  margin: 1em 0;
  text-align: left;
}
@media print {
  .league-table-subject-link {
    display: none;
  }
}
.league-table-table {
  width: 100%;
  border-spacing: 0;
  border-bottom: 1px solid #dadee0;
}
.league-table-table table {
  width: 100%;
}
.league-table-table > thead > tr > th {
  color: white;
  background-color: #02274b;
  text-align: left;
  vertical-align: bottom;
  padding: 1em;
  line-height: 1;
  border-top: 5px solid #02274b;
  font-weight: normal;
}
@media print {
  .league-table-table > thead > tr > th {
    color: inherit;
    background-color: transparent;
  }
}
.league-table-table > thead > tr > th .league-table-sort-link {
  color: white;
}
@media print {
  .league-table-table > thead > tr > th {
    border-top: none;
    border-bottom: 1px solid #dadee0;
  }
  .league-table-table > thead > tr > th .league-table-sort-link {
    background: none !important;
    color: #445963 !important;
  }
  .league-table-table > thead > tr > th.sorted .league-table-sort-link {
    font-weight: bold;
  }
}
.league-table-table > thead > tr > th.sortable {
  padding: 0;
}
.league-table-table > thead > tr > th.sortable .league-table-sort-link {
  display: block;
  padding: 1em;
  position: relative;
}
.league-table-table > thead > tr > th.sortable .league-table-sort-link:hover {
  text-decoration: none;
}
.league-table-table > thead > tr > th.sorted .league-table-sort-link:before,
.league-table-table > thead > tr > th.sortable .league-table-sort-link:hover:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: 50%;
  margin-left: -8px;
  border-top: 8px solid #02274b;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
@media print {
  .league-table-table > thead > tr > th.sorted .league-table-sort-link:before,
  .league-table-table > thead > tr > th.sortable .league-table-sort-link:hover:before {
    content: none;
  }
}
.league-table-table > thead > tr > th.sorted .league-table-sort-link,
.league-table-table > thead > tr > th.sortable .league-table-sort-link:hover {
  background-color: #35526f;
}
.league-table-table > thead > tr > th.sortable .league-table-sort-link:hover {
  background-color: #4d6781;
  transition: background-color 0.3s ease-out;
}
.league-table-table > thead > tr > th.league-table-expand {
  border-right: 1px solid #35526f;
}
.league-table-table > thead > tr > th.league-table-expand:before {
  content: "\f078";
  font-family: 'FontAwesome';
  color: transparent;
}
.media-wide .league-table-table > tbody > tr > td.sorted {
  background-color: #d0e4f9;
}
@media print {
  .league-table-table > tbody > tr > td.sorted {
    font-weight: bold;
  }
}
.league-table-table > tbody > tr > td:first-child {
  border-left: 1px solid #dadee0;
}
.league-table-table > tbody > tr > td:last-child {
  border-right: 1px solid #dadee0;
}
@media print {
  .league-table-table > tbody > tr > td {
    background: none !important;
  }
}
.league-table-table .league-table-quintiles {
  display: block;
  text-align: center;
}
.media-narrow .league-table-table .league-table-quintiles {
  display: inline-block;
}
.league-table-table .league-table-quintile {
  width: 5px;
  height: 15px;
}
.league-table-table .league-table-quintile:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.league-table-table .league-table-quintile:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
@media print {
  .league-table-table {
    border: 1px solid #dadee0;
  }
}
.league-table-expand {
  padding-left: 10px !important;
  padding-right: 10px !important;
  text-align: center;
  cursor: pointer;
}
tbody > tr > .league-table-expand {
  background-color: #e6ebec;
}
tbody > tr.expanded .league-table-expand,
.media-wide tbody > tr.expandable:hover .league-table-expand {
  border-left-color: #697a82;
  background-color: #697a82;
  color: white;
}
.league-table-row.expandable .league-table-expand:before {
  content: "\f078";
  font-family: 'FontAwesome';
}
.league-table-row.expandable.expanded .league-table-expand:before {
  content: "\f077";
}
@media print {
  .league-table-expand {
    display: none;
  }
}
.media-narrow .league-table-advert.wide {
  display: none;
}
.league-table-advert td {
  padding: 10px 0;
  text-align: center;
  border-left: none !important;
  border-right: none !important;
}
.league-table-advert td > div {
  display: inline-block;
}
.league-table-advert:not(.hidden) td {
  border-top: 1px solid #dadee0;
}
.league-table-movement {
  font-size: 12px;
  white-space: nowrap;
  padding-left: 0 !important;
}
.league-table-movement:before {
  display: inline-block;
  width: 0.75em;
  text-align: right;
  font-family: 'FontAwesome';
}
.league-table-movement.increase:before {
  content: "\f0d8";
  color: #009688;
}
.league-table-movement.decrease:before {
  content: "\f0d7";
  color: #ff5252;
}
.league-table-movement.equal:before {
  content: "\f0da";
  color: #ffca66;
}
.media-narrow .league-table-movement {
  position: absolute;
  overflow: hidden;
  width: 0;
  padding: 0;
}
.media-narrow .league-table-movement:before {
  content: none;
}
.media-wide .league-table-column .league-table-sort-link {
  width: 2em;
}
.league-table-column.blank {
  color: transparent;
}
.league-table-column-inner {
  display: inline-block;
  text-decoration: inherit;
}
.media-wide .league-table-column-inner {
  -webkit-transform: translate(0, 100%) rotate(-90deg);
  -moz-transform: translate(0, 100%) rotate(-90deg);
  -ms-transform: translate(0, 100%) rotate(-90deg);
  -o-transform: translate(0, 100%) rotate(-90deg);
  transform: translate(0, 100%) rotate(-90deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
}
.media-wide .league-table-column-inner:before {
  content: "";
  float: left;
  margin-top: 100%;
}
.league-table-column-value {
  text-align: center;
}
.media-narrow .league-table-column-value {
  white-space: nowrap;
  text-align: right;
}
.media-narrow .league-table-column-value:not(.sorted),
.media-narrow .league-table-column-value.default {
  display: none;
}
.league-table-row.expandable {
  cursor: pointer;
}
.league-table-row.expanded,
.media-wide .league-table-row.expandable:hover {
  background-color: #eceeef;
}
.league-table-row > td {
  padding: 1em;
}
.league-table-row:not(:first-child) > td {
  border-top: 1px solid #dadee0;
}
.league-table-row.expanded .league-table-collapsed-content {
  display: none;
}
.league-table-row.collapsed .league-table-expanded-content {
  display: none;
}
.league-table-expanded-content > :first-child,
.league-table-expanded-content > :first-child > :first-child,
.league-table-expanded-content > :first-child > :first-child > :first-child,
.league-table-expanded-content > :first-child > :first-child > :first-child > :first-child,
.league-table-expanded-content > :first-child > :first-child > :first-child > :first-child > :first-child,
.league-table-expanded-content > :first-child > :first-child > :first-child > :first-child > :first-child > :first-child {
  margin-top: 0;
}
.league-table-expanded-content > :last-child,
.league-table-expanded-content > :last-child > :last-child,
.league-table-expanded-content > :last-child > :last-child > :last-child,
.league-table-expanded-content > :last-child > :last-child > :last-child > :last-child,
.league-table-expanded-content > :last-child > :last-child > :last-child > :last-child > :last-child,
.league-table-expanded-content > :last-child > :last-child > :last-child > :last-child > :last-child > :last-child {
  margin-bottom: 0;
}
.league-table-extra > td {
  padding: 15px;
  background: #eceeef;
}
.league-table-extra.collapsed > td {
  display: none;
}
.league-table-row + .league-table-extra > td:not(.league-table-expand) {
  border-top: 1px solid #dadee0;
}
.league-table-extra-content h3 {
  margin-top: 0;
  line-height: 1;
}
.media-wide .league-table-extra-content > div {
  display: table-cell;
  padding: 15px 30px;
  border-left: 1px solid #dadee0;
  vertical-align: top;
}
.media-wide .league-table-extra-content > div:first-child {
  padding-left: 15px;
  border-left: none;
}
.media-wide .league-table-extra-content > div:last-child {
  padding-right: 15px;
}
.media-narrow .league-table-extra-content > div {
  display: block;
  padding: 30px 0;
  border-bottom: 1px solid #dadee0;
}
.media-narrow .league-table-extra-content > div:last-child {
  border-bottom: none;
}
.league-table-detail.highlighted {
  color: red;
}
.league-table-extra-graph .league-table-graph {
  width: 350px;
}
.media-narrow .league-table-extra-graph .league-table-graph {
  width: 100%;
}
.league-table-graph-explanation {
  font-size: 12px;
  text-align: center;
}
.league-table-extra-info > :first-child,
.league-table-extra-info > :first-child > :first-child,
.league-table-extra-info > :first-child > :first-child > :first-child,
.league-table-extra-info > :first-child > :first-child > :first-child > :first-child,
.league-table-extra-info > :first-child > :first-child > :first-child > :first-child > :first-child,
.league-table-extra-info > :first-child > :first-child > :first-child > :first-child > :first-child > :first-child {
  margin-top: 0;
}
.league-table-extra-links .cta-button {
  display: inline-block;
}
.media-wide .league-table-extra-links {
  margin-bottom: -5px;
}
.media-wide .league-table-extra-links .cta-button {
  margin-bottom: 5px;
}
.media-narrow .league-table-extra-links {
  text-align: center;
}
.media-narrow .league-table-extra-links .cta-button {
  margin: 10px 5px 0;
}
.league-table-extra-link {
  display: table-cell;
}
.league-table-next-steps {
  white-space: nowrap;
}
.league-table-next-steps .secondary {
  margin-left: 5px;
}
.media-wide .league-table-row.collapsed:not(:hover) .league-table-next-steps .cta-button {
  background: none;
  border-color: white;
  color: #aeafaf;
}
.media-narrow .league-table-next-steps {
  display: none;
}
.media-narrow .league-table-next-steps :not(.secondary):not(.cta-button--priority) {
  display: none;
}
@media print {
  .league-table-next-steps {
    display: none;
  }
}
.table-order,
.expanding-facet-buttons {
  font-weight: bold;
}
@media print {
  .table-order,
  .expanding-facet-buttons {
    display: none;
  }
}
.table-order {
  float: right;
  z-index: 20;
  margin-bottom: 0.5em;
  margin-left: 0.5em;
}
.table-order select {
  white-space: nowrap;
}
.media-narrow .table-order {
  margin-bottom: 10px;
}
.expanding-facets {
  margin-top: 14px;
  margin-bottom: 14px;
}
.expanding-facet-buttons {
  display: inline-block;
  position: relative;
  z-index: 10;
  font-size: 14px;
}
.media-narrow .expanding-facet-buttons {
  display: block;
}
.table-order select,
.expanding-facet {
  color: inherit;
  box-sizing: border-box;
  display: inline-block;
  border: 1px solid #a2acb1;
  border-radius: 3px;
  padding: 0.75em;
  min-width: 100px;
  line-height: 1;
}
.table-order select {
  padding-top: 0;
  padding-bottom: 0;
  height: 37px;
  margin-left: 0.5em;
}
.expanding-facet {
  margin-left: 0.5em;
}
.expanding-facet:before {
  float: right;
  text-align: center;
  width: 1em;
  padding-left: 5px;
  font-family: 'FontAwesome';
  font-weight: normal;
  content: "\f107";
}
.expanding-facet:hover {
  cursor: pointer;
}
.expanding-facet.selected,
.expanding-facet:hover {
  background: #445963;
  border-color: #445963 !important;
  color: white;
  transition: background 0.3s ease-out, color 0.3s ease-out, border-color 0.3s ease-out;
}
.expanding-facet.expanded {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.media-wide .expanding-facet.expanded {
  border-bottom: 1px solid white;
  padding-bottom: 1.3em;
}
.expanding-facet.expanded:before {
  content: "\f106";
}
.media-narrow .expanding-facet {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0;
}
.media-narrow .expanding-facet.expanded {
  margin-bottom: 0;
}
.expanding-facet-values {
  border: 1px solid #a2acb1;
  border-radius: 3px;
  padding: 0.6em 1em;
  font-weight: normal;
}
.expanding-facet-values.collapsed {
  display: none;
}
.media-wide .expanding-facet-values.expanded {
  position: relative;
  top: -1px;
}
.media-wide .expanding-facet-values.expanded.half {
  width: 50%;
  box-sizing: border-box;
}
.media-narrow .expanding-facet-values.expanded {
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
@media print {
  .expanding-facet-values {
    display: none !important;
  }
}
.media-wide .expanding-facet-values-list {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}
.expanding-facet-value {
  display: block;
  padding: 0.4em 0;
  line-height: 1;
  break-inside: avoid;
  color: #1976d2;
}
.expanding-facet-value.disabled {
  color: #a2acb1;
}
.expanding-facet-value.disabled label {
  cursor: default;
}
.expanding-facet-value label {
  cursor: pointer;
}
.expanding-facet-value label span,
.expanding-facet-value label input[type=checkbox] {
  vertical-align: middle;
}
.expanding-facet-value.emphasised {
  font-weight: bold;
}
.expanding-facet-value.selected {
  font-weight: bold;
}
.expanding-facet-value.selected:before {
  font-family: 'FontAwesome';
  content: "\f105";
}
.expanding-facet-search-container {
  margin: 0.4em 0;
}
.expanding-facet-search {
  width: calc(100% - 40px);
}
.expanding-facet-search.selectize-control {
  display: inline-block;
  vertical-align: top;
}
.expanding-facet-search.selectize-control .selectize-input {
  height: 42px;
  box-sizing: border-box;
}
.media-narrow .expanding-facet-search.selectize-control .selectize-input {
  height: 39px;
}
.expanding-facet-search-button {
  box-sizing: border-box;
  height: 42px;
  width: 40px;
  padding: 0 5px 0 0;
  font-size: 18px;
  border: 1px solid #98a4a9;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  color: white;
  background-color: #98a4a9;
  text-align: center;
  vertical-align: top;
  outline: none;
}
.media-narrow .expanding-facet-search-button {
  height: 39px;
}
.expanding-facet-search-button:after {
  font-family: 'FontAwesome';
  content: "\f002";
}
.expanding-facet-search-button:hover,
.expanding-facet-search-button:focus {
  background-color: #1976d2;
  border-color: #1976d2;
}
.facet-selected-filters {
  font-weight: bold;
}
.facet-selected-filters-list {
  font-weight: normal;
  display: inline-block;
  padding-left: 0;
  margin: 0;
  list-style: none;
}
.facet-selected-filters-list li {
  padding-left: 0;
  text-indent: 0;
  margin: 0;
}
.facet-selected-filters-list-item {
  margin-left: 1ex !important;
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important;
}
.compare-tool {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 280px;
  z-index: 200;
  font-size: 16px;
  color: white;
}
.media-narrow .compare-tool {
  display: none;
}
.compare-tool.expanded .compare-tool-heading:after {
  content: "\f107";
}
.compare-tool.expanded .compare-tool-form {
  display: block;
}
@media print {
  .compare-tool {
    display: none;
  }
}
.compare-tool-heading {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 18px;
  font-weight: bold;
  background-color: #445963;
  border: none;
  border-top-left-radius: 20px;
  color: white;
  text-align: left;
  outline: none;
}
.compare-tool-heading:hover {
  background-color: #37474f;
}
.compare-tool-heading:after {
  content: "\f106";
  font-family: 'FontAwesome';
  float: right;
}
.compare-tool-selected-count {
  display: inline-block;
  text-align: center;
  font-weight: normal;
  background-color: #f54b17;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 500px;
  margin-right: 10px;
}
.compare-tool-form {
  display: none;
  padding: 0 18px 18px;
  background-color: #445963;
  font-size: 14px;
  overflow: hidden;
}
.compare-tool-form .cta-button {
  background-color: #f54b17;
  border-color: #f54b17;
  width: 100%;
}
.compare-tool-form .cta-button:hover {
  background-color: white;
  border-color: white;
  color: #f54b17;
}
@media screen and (max-height: 480px) {
  .compare-tool-form {
    padding-bottom: 10px;
  }
}
.compare-tool-institutions {
  padding-left: 0;
  margin: 0;
  list-style: none;
  display: table;
  width: 100%;
  border-top: 1px solid #6a7b83;
}
.compare-tool-institutions li {
  padding-left: 0;
  text-indent: 0;
  margin: 0;
}
.compare-tool-institution {
  display: table-row;
}
.compare-tool-institution-name {
  width: 100%;
}
.compare-tool-institution-link {
  color: white;
}
.compare-tool-institution-name,
.compare-tool-institution-remove {
  display: table-cell;
  border: none;
  border-bottom: 1px solid #6a7b83;
  vertical-align: middle;
  padding: 10px 0;
  line-height: 1.3;
}
@media screen and (max-height: 480px) {
  .compare-tool-institution-name,
  .compare-tool-institution-remove {
    padding: 7px 0;
  }
}
.compare-tool-institution-remove {
  background-color: transparent;
  padding-left: 5px;
  margin: 0;
  color: #a2acb1;
  outline: none;
}
.compare-tool-add {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  font-weight: bold;
  border: 1px solid #37474f;
  background-color: #576a73;
  border-radius: 4px;
  color: white;
  padding: 0 15px;
  margin: 18px 0;
  outline: none;
}
@media screen and (max-height: 480px) {
  .compare-tool-add {
    margin: 10px 0;
  }
}
.course-search-page h1 {
  margin-bottom: 0;
}
.course-search-page h1 + p {
  margin-top: 0;
}
.course-search-controls {
  margin: 50px 0;
}
.courseSearchCriterion {
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: top;
}
.courseSearchCriterion.fullWidth {
  width: 99%;
  margin-right: 5px;
}
.courseSearchCriterion.halfWidth {
  width: 49%;
  margin-right: 4px;
}
.courseSearchCriterion .title {
  font-weight: bold;
  padding-bottom: 4px;
}
.courseSearchCriterion select {
  width: 100%;
}
.courseSearchEntryCriterion {
  text-align: right;
  margin-top: 3px;
}
.course-result.detailed .course-result-institution:after {
  content: ":";
}
.media-narrow .course-result.detailed .course-result-type {
  display: block;
}
.course-result.no-detail .course-result-study {
  font-size: 14px;
}
.course-result.no-detail .course-result-type,
.course-result.no-detail .course-result-institution,
.course-result.no-detail .course-result-study {
  display: block;
}
.course-result-overall-rank {
  margin-top: 0.5em;
}
.course-result-subject-rankings {
  clear: right;
}
.course-result-subject-rankings .subjectScores {
  margin-top: 0.5em;
  margin-right: 15px;
  display: inline-block;
  vertical-align: top;
}
.course-result-subject-rankings .subjectScores .scores {
  padding-left: 0;
  margin: 0;
  list-style: none;
  line-height: 1.5em;
  padding-left: 20px;
}
.course-result-subject-rankings .subjectScores .scores li {
  padding-left: 0;
  text-indent: 0;
  margin: 0;
}
.course-result-subject-rankings .subjectScores .scores img {
  vertical-align: text-bottom;
}
.course-result-subject-rankings .subjectScoresName {
  margin-bottom: 0.5em;
}
/* Course detail page */

.course-detail {
  position: relative;
}
.course-detail h1 {
  margin-top: 30px;
}
.course-detail-content {
  padding-right: 245px;
  position: relative;
}
.course-detail-content > :first-child,
.course-detail-content > :first-child > :first-child,
.course-detail-content > :first-child > :first-child > :first-child,
.course-detail-content > :first-child > :first-child > :first-child > :first-child,
.course-detail-content > :first-child > :first-child > :first-child > :first-child > :first-child,
.course-detail-content > :first-child > :first-child > :first-child > :first-child > :first-child > :first-child {
  margin-top: 0;
}
.course-detail-content:after {
  content: "";
  display: block;
  clear: both;
}
.course-detail-content .return-to-top {
  float: right;
}
.media-narrow .course-detail-content {
  padding-right: 0;
}
.course-detail-content-main h3 {
  padding-top: 30px;
  border-top: 1px solid #dadee0;
}
.course-detail-content-main h3:first-of-type,
.course-detail-content-main .course-detail-entry-header,
.course-detail-content-main .course-detail-fees-header {
  padding-top: 0;
  border-top: 0;
}
.course-detail-title {
  margin-bottom: 0;
}
.course-detail-institution {
  margin-top: 0;
}
.course-detail .course-detail-key {
  font-size: 14px;
}
.course-detail .course-detail-key .columns .column h3 {
  margin-top: -0.3em !important;
}
.course-detail .course-detail-key .columns .column > :last-child,
.course-detail .course-detail-key .columns .column > :last-child > :last-child {
  margin-bottom: -0.3em !important;
}
.course-result .course-subject-score {
  font-size: 14px;
}
.course-result .course-subject-score .league-table-score {
  margin-bottom: 0.25em !important;
}
.course-result .course-subject-score .league-table-score-name {
  font-weight: normal;
}
.course-result .course-subject-score .course-subject-scores-rank {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.course-subject-scores-link {
  white-space: nowrap;
}
.course-entry-table {
  width: 100%;
}
.course-entry-table tr {
  vertical-align: top;
}
.course-entry-table-grade {
  white-space: nowrap;
}
.course-entry-table-detail {
  font-size: 14px;
}
.course-fee {
  padding-bottom: 0.5em;
}
.course-fee .data-label,
.course-fee-value,
.course-fee-notes {
  display: block;
}
.course-detail-sidebar {
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  font-size: 14px;
}
.media-narrow .course-detail-sidebar {
  position: static;
  top: unset;
  right: unset;
  width: 100%;
}
.course-detail-sidebar.sticky {
  padding-top: 15px;
}
.course-detail-sidebar .institution-action-links {
  margin: 40px 0;
}
.course-detail-sidebar .institution-action-links a,
.course-detail-sidebar .institution-action-links button {
  margin-bottom: 0.5em;
  display: block;
}
.media-narrow .course-detail-sidebar .institution-action-links a,
.media-narrow .course-detail-sidebar .institution-action-links button {
  margin-left: 10px;
}
.media-narrow .course-detail-sidebar .institution-action-links .institution-profile-link,
.media-narrow .course-detail-sidebar .institution-action-links .institution-department-link {
  display: none;
}
.course-detail-logo {
  margin-bottom: 15px;
}
.media-narrow .course-detail-logo {
  display: none;
}
.course-detail-logo img {
  width: 100%;
}
.media-narrow .course-sidebar-buttons {
  display: table;
  width: 100%;
}
.media-narrow .course-sidebar-buttons.sticky {
  padding: 1em 0;
  background-color: white;
  border-bottom: 1px solid #dadee0;
  top: 0;
}
.media-narrow .course-sidebar-button {
  display: table-cell;
  width: 100px;
  padding: 0 7.5px;
}
.media-narrow .course-sidebar-button:first-child {
  padding-left: 0;
}
.media-narrow .course-sidebar-button:last-child {
  padding-right: 0;
}
.course-sidebar-button .cta-button {
  width: 100%;
  margin-bottom: 1em;
}
.media-narrow .course-sidebar-button .cta-button {
  margin-bottom: 0;
}
.media-narrow .course-sidebar-further {
  display: none;
}
.course-sidebar-further h3 {
  border-top: 1px solid #dadee0;
  padding-top: 40px;
  margin-top: 40px;
}
.course-sidebar-further:first-child h3 {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}
.course-results-similar .boxed-content:not(:first-child) {
  margin-top: 0;
}
.course-results-similar .boxed-content:not(:last-child) {
  border-bottom: none;
  margin-bottom: 0;
}
.course-profile-snippets {
  margin-top: 30px;
}
.course-profile-snippets > :not(:first-child) {
  margin-top: 1px;
}
.course-profile-snippets > :not(:last-child) {
  margin-bottom: 1px;
}
.course-profile-snippet {
  font-size: 14px;
}
.course-profile-snippet:after {
  content: "";
  display: block;
  clear: both;
}
.course-profile-snippet.has-image .course-profile-snippet-text {
  padding-left: 220px;
}
.media-narrow .course-profile-snippet.has-image .course-profile-snippet-text {
  padding-left: 0;
}
.course-profile-snippet h3 {
  margin-top: -0.3em !important;
}
.course-profile-snippet .course-profile-snippet-more {
  margin-bottom: -0.3em !important;
}
.course-profile-snippet-image {
  float: left;
  width: 200px;
}
.media-narrow .course-profile-snippet-image {
  float: none;
  display: block;
  width: 100%;
}
.course-profile-snippet-rank {
  margin-top: 20px;
  margin-bottom: 20px;
}
.course-profile-snippet-links {
  display: table;
  width: 100%;
}
.media-narrow .course-profile-snippet-links {
  display: block;
}
.course-profile-snippet-link {
  display: table-cell;
  width: 100px;
  text-align: center;
  padding: 15px;
  background-color: #eceeef;
  border-right: 1px solid white;
}
.course-profile-snippet-link a,
.course-profile-snippet-link button {
  text-transform: uppercase;
}
.course-profile-snippet-link:last-child {
  border-right: none;
}
.media-narrow .course-profile-snippet-link {
  display: block;
  width: 100%;
  box-sizing: border-box;
  border-right: none;
  border-bottom: 1px solid white;
}
.crime-table {
  width: 100%;
  background: #eceeef;
  border-spacing: 0;
}
.crime-table thead {
  background: #dadee0;
}
.crime-table tbody th {
  text-align: left;
}
.crime-table tbody td {
  text-align: center;
}
.crime-table tbody td:last-child {
  font-weight: bold;
}
.crime-table td,
.crime-table th {
  padding: 0.15em;
}
.crime-table-institution.alternate td,
.crime-table-institution.alternate th {
  background-color: #d0e4f9;
}
.crime-table-campus {
  display: none;
  font-size: 0.9em;
}
.crime-table-campus td,
.crime-table-campus th {
  background: white;
}
/* Page Layout */

.media-narrow  .footer {
  margin-bottom: 60px;
}
.page-institution {
  font-size: 14px;
}
.institution-header {
  border-bottom: 1px solid #dadee0;
  display: table;
  width: 100%;
  background-color: white;
}
.institution-header > * {
  padding-bottom: 25px;
}
.institution-header.sticky {
  padding-top: 15px;
  top: 0;
}
.media-narrow .institution-header {
  display: block;
}
.media-narrow .institution-header > * {
  padding-bottom: 15px;
}
.media-narrow .institution-header > .sticky-placeholder {
  padding-bottom: 0;
}
.institution-header-logo {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 225px;
  padding-right: 15px;
}
.media-narrow .institution-header-logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.institution-header-main {
  display: table-cell;
  vertical-align: top;
}
.institution-header-main > :first-child,
.institution-header-main > :first-child > :first-child,
.institution-header-main > :first-child > :first-child > :first-child,
.institution-header-main > :first-child > :first-child > :first-child > :first-child,
.institution-header-main > :first-child > :first-child > :first-child > :first-child > :first-child,
.institution-header-main > :first-child > :first-child > :first-child > :first-child > :first-child > :first-child {
  margin-top: 0;
}
.institution-header-main > :last-child,
.institution-header-main > :last-child > :last-child,
.institution-header-main > :last-child > :last-child > :last-child,
.institution-header-main > :last-child > :last-child > :last-child > :last-child,
.institution-header-main > :last-child > :last-child > :last-child > :last-child > :last-child,
.institution-header-main > :last-child > :last-child > :last-child > :last-child > :last-child > :last-child {
  margin-bottom: 0;
}
.media-narrow .institution-header-main {
  display: block;
  line-height: 1;
}
.institution-header-buttons {
  display: table-cell;
  vertical-align: top;
  width: 200px;
  padding-top: 10px;
}
.institution-header-buttons.sticky {
  top: 0;
  background-color: white;
  border-bottom: 1px solid #dadee0;
}
.media-narrow .institution-header-buttons {
  padding-top: 15px;
  display: table;
  width: 100%;
}
.media-narrow .institution-header-buttons.sticky {
  top: unset;
  bottom: 0;
  border-top: 1px solid #dadee0;
}
/*.institution-header-buttonlinks{
    display: table;
    width:650px;
}*/

.institution-header-horiontal-buttonlinks {
  display: table-cell;
  padding-bottom: 10px;
}
.institution-header-horiontal-buttonlinks .sticky-placeholder {
  height: 0px;
}
.institution-header-horiontal-buttonlinks .institution-header-main {
  display: block;
  width: 100%;
  padding-bottom: 5px;
}
.institution-header-horiontal-buttonlinks .institution-header-main .institution-action-links {
  display: inline-block;
  margin-bottom: 0;
  margin-top: 0;
}
.institution-header-horiontal-buttonlinks .institution-header-main .institution-header-league-table {
  display: inline-block;
}
.institution-header-horiontal-buttonlinks .institution-header-main .league-table-latest-rank {
  margin-bottom: 0;
  margin-top: 0;
}
.institution-header-horiontal-buttonlinks .institution-header-buttons {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.media-narrow .institution-header-horiontal-buttonlinks .institution-header-buttons {
  padding-left: 5px;
}
.institution-header-horiontal-buttonlinks .institution-header-buttons .institution-header-button {
  flex-grow: 1;
  margin-right: 20px;
  margin-left: 0;
}
.media-narrow .institution-header-horiontal-buttonlinks .institution-header-buttons .institution-header-button {
  margin-right: 10px;
  margin-left: 10px;
}
.institution-header-horiontal-buttonlinks .institution-header-buttons .institution-header-button.mobile-only {
  display: none;
}
.media-wide .institution-header-horiontal-buttonlinks .institution-header-buttons .institution-header-button:nth-child(n+5) {
  display: none;
}
.institution-next-steps-button {
  flex-grow: 1;
  display: none;
  padding-left: 5px;
}
.institution-next-steps-close-button {
  flex-grow: 1;
  display: none;
  padding: 0px;
  /*padding-left:5px;*/
  padding-right: 5px;
  content: "";
  background: white;
  width: 15px;
  height: 15px;
  cursor: pointer;
  margin-left: auto;
}
.media-narrow  .institution-header-main .institution-action-links {
  display: none;
}
.media-narrow  .institution-header-buttons {
  display: flex;
  flex-direction: column;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 200;
  background-color: white;
  border-bottom: solid;
  border-bottom-color: #dadee0;
  border-bottom-width: 1px;
  border-top: unset;
  border-top: solid;
  border-top-color: #dadee0;
  border-top-width: 1px;
  padding-top: 5px;
}
.media-narrow  .institution-header-buttons.expanded .institution-next-steps-button {
  display: none;
}
.media-narrow  .institution-header-buttons.expanded .institution-next-steps-close-button {
  display: flex;
}
.media-narrow  .institution-header-buttons.expanded .institution-header-button {
  display: flex;
}
.media-narrow  .institution-header-buttons.collapsed .institution-next-steps-button {
  display: flex;
}
.media-narrow  .institution-header-buttons.collapsed .institution-next-steps-close-button {
  display: none;
}
.media-narrow  .institution-header-buttons.collapsed .institution-header-button {
  display: none;
}
.media-narrow  .institution-header-buttons.singlebutton .institution-next-steps-button {
  display: none;
}
.media-narrow  .institution-header-buttons.singlebutton .institution-next-steps-close-button {
  display: none;
}
.media-narrow  .institution-header-buttons.singlebutton .institution-header-button {
  display: flex;
}
.media-narrow  .institution-header-buttons .institution-header-button {
  /*margin-right:unset;*/
  padding-left: 5px;
  padding-right: 0.5em;
}
.media-narrow  .institution-header-buttons .institution-next-steps-close-button {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 40px;
  /*text-align:right;*/

}
.media-narrow  .institution-header-buttons .institution-next-steps-button {
  display: flex;
  flex-direction: column;
  /*padding-left:0;*/
  padding-right: 0.5em;
  margin-bottom: 5px;
}
.institution-header-button {
  margin-bottom: 10px;
  margin-left: 10px;
}
.institution-header-button.mobile-only {
  display: none;
}
.institution-header-button:last-child {
  margin-bottom: 0;
}
.institution-header-button .cta-button {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
}
.media-narrow .institution-header-button {
  padding: 0 0.5em;
}
.media-narrow .institution-header-button:first-child {
  padding-left: 0;
}
.next-steps-close-button {
  height: 40px;
  width: 40px;
  margin-left: auto;
  border: none;
  background-color: transparent;
}
.next-steps-close-button:before {
  font-family: 'FontAwesome';
  font-size: 28px;
  content: "\f00d";
  color: #445963;
}
.institution-next-steps-button {
  margin-bottom: 10px;
  margin-right: 10px;
  /*margin-left:10px;*/

}
.institution-next-steps-button .cta-button {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
}
.media-narrow .institution-next-steps-button {
  display: table-cell;
  padding: 0 0.5em;
}
.media-narrow .institution-next-steps-button:first-child {
  padding-left: 0;
}
.media-narrow .institution-next-steps-button:last-child {
  padding-right: 0;
}
/*******/

/*.institution-header-horiontal-buttonlinks
    .media-wide &{            
            institution-header-buttons{
                .institution-header-button:nth-child(n+5) {
                    display: none;
                }
            }
        
    }*/

/********/

.institution-header-league-table a {
  margin-right: 2em;
}
.institution-header .institution-action-links a,
.institution-header .institution-action-links button {
  margin-right: 0.5em;
}
.institution-action-links a,
.institution-action-links button {
  text-transform: uppercase;
  display: inline-block;
}
.institution-action-links a:before,
.institution-action-links button:before {
  font-family: 'FontAwesome';
  padding-right: 0.5em;
  display: inline-block;
  width: 1em;
}
.institution-action-links .institution-profile-link:before {
  content: "\f0f6";
}
.institution-action-links .institution-department-link:before {
  content: "\f0f7";
}
.institution-action-links .institution-request-info:before {
  content: "\f29c";
}
.institution-action-links .institution-guide:before {
  content: "\f1c1";
}
.institution-action-links .institution-visit-website:before {
  content: "\f08e";
}
.institution-sections {
  padding-left: 0;
  margin: 0;
  list-style: none;
  float: left;
  width: 225px;
  margin-top: 20px;
}
.institution-sections li {
  padding-left: 0;
  text-indent: 0;
  margin: 0;
}
.institution-sections.sticky {
  overflow: auto;
  top: 0;
  bottom: 0;
}
.media-narrow .institution-sections {
  display: none;
}
.institution-section {
  display: block;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 4px;
}
.institution-pages {
  padding-left: 0;
  margin: 0;
  list-style: none;
}
.institution-pages li {
  padding-left: 0;
  text-indent: 0;
  margin: 0;
}
.institution-sections-mobile {
  display: none;
}
.media-narrow .institution-sections-mobile {
  display: block;
  width: 100%;
  margin: 20px auto;
  border-radius: 4px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}
.institution-main-image {
  width: 100%;
  margin-bottom: 2em;
}
.institution-body {
  position: relative;
}
.institution-body:after {
  content: "";
  display: block;
  clear: both;
}
.institution-body .return-to-top {
  position: absolute;
  right: 0;
  bottom: 0;
}
.media-narrow .institution-body .return-to-top {
  position: static;
  float: right;
}
.institution-scores {
  font-size: 14px;
}
.institution-page-link {
  display: inline-block;
  box-sizing: border-box;
  border-left: 5px solid white;
  width: 100%;
  padding-left: 15px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.institution-page-link:hover,
.institution-page-link.current {
  transition: border-color 0.3s ease-out, background-color 0.3s ease-out;
}
.institution-page-link:hover {
  background-color: #dadee0;
  border-color: #697a82;
}
.institution-page-link.current {
  background-color: #e6eff8;
  border-color: #1976d2;
}
.institution-content {
  font-size: 16px;
  line-height: 1.5;
  width: 640px;
  padding-left: 240px;
}
.media-narrow .institution-content {
  font-size: inherit;
}
.media-narrow .institution-content {
  width: 100% !important;
  box-sizing: border-box !important;
  float: none;
}
.media-narrow .institution-content {
  padding-left: 0;
}
.media-wide .institution-content-full-width {
  width: 730px;
  box-sizing: border-box;
}
.institution-esol {
  display: table;
  box-sizing: border-box;
  width: 100%;
  margin: 10px 0;
}
.media-narrow .institution-esol {
  display: block;
}
.institution-esol-logo,
.institution-esol-text {
  display: table-cell;
  vertical-align: top;
}
.media-narrow .institution-esol-logo,
.media-narrow .institution-esol-text {
  display: block;
}
.media-narrow .media-narrow .institution-esol-logo,
.media-narrow .media-narrow .institution-esol-text {
  width: 100% !important;
  box-sizing: border-box !important;
  float: none;
}
.institution-esol-logo {
  padding: 0.75em 1em;
}
.institution-esol-logo img {
  max-width: 200px;
}
.media-narrow .institution-esol-logo {
  text-align: center;
  padding-top: 0;
}
.institution-esol-text {
  padding-left: 15px;
  width: 100%;
}
.institution-esol-text iframe {
  width: 100% !important;
}
.media-narrow .institution-esol-text {
  margin-top: 10px;
  padding-left: 0;
}
.institution-footer {
  border-top: 1px solid #eeeeee;
}
/* Components */

.entry-sizes {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.entry-size {
  display: table-cell;
  color: #a2acb1;
  width: 1px;
}
.media-wide .entry-size:before {
  vertical-align: middle;
  display: inline-block;
  padding-right: 10px;
}
.media-narrow .entry-size:before {
  display: block;
}
.entry-size.small:before {
  content: url('/images/institution-size/small_false.png');
}
.entry-size.small.enabled:before {
  content: url('/images/institution-size/small_true.png');
}
.entry-size.medium:before {
  content: url('/images/institution-size/medium_false.png');
}
.entry-size.medium.enabled:before {
  content: url('/images/institution-size/medium_true.png');
}
.entry-size.large:before {
  content: url('/images/institution-size/large_false.png');
}
.entry-size.large.enabled:before {
  content: url('/images/institution-size/large_true.png');
}
.entry-size.largest:before {
  content: url('/images/institution-size/largest_false.png');
}
.entry-size.largest.enabled:before {
  content: url('/images/institution-size/largest_true.png');
}
.entry-size.enabled {
  color: #009688;
}
.media-narrow .entry-size {
  text-align: center;
}
.entry-size-text {
  display: inline-block;
  line-height: 1.3;
  vertical-align: middle;
}
.entry-size-range {
  font-size: 14px;
}
.entry-charts h4 {
  margin-bottom: 0.33em;
}
.entry-chart {
  padding-left: 0;
  margin: 0;
  list-style: none;
  display: table;
  width: 100%;
}
.entry-chart li {
  padding-left: 0;
  text-indent: 0;
  margin: 0;
}
.entry-chart li {
  display: table-cell;
  color: #009688;
  border-top: 20px solid #009688;
  white-space: nowrap;
  text-align: center;
}
.entry-chart li:first-child {
  text-align: left;
}
.entry-chart li:last-child {
  text-align: right;
}
.entry-chart li:nth-child(2) {
  color: #004d40;
  border-color: #004d40;
}
.entry-chart li:nth-child(3) {
  color: #4caf50;
  border-color: #4caf50;
}
.institution-population {
  float: right;
  margin: 0 0 2em 2em;
}
.media-narrow .institution-population {
  float: none;
  margin: 1em 0;
}
.tef-award {
  overflow: hidden;
  margin-bottom: 30px;
}
.tef-award-text {
  overflow: hidden;
  margin-top: 0;
}
.media-wide .tef-award-badge {
  float: left;
  padding: 6px 15px 6px 0;
}
.media-narrow .tef-award-badge {
  display: block;
  margin: 0 auto 14px;
}
.sport-table-page {
  font-size: 14px;
}
.media-narrow .sport-table-page .league-table-row > .league-table-expand ~ :nth-child(2) {
  border-right: none;
}
.media-narrow .sport-table-page .league-table-row > .league-table-expand ~ :nth-child(3) {
  border-right: 1px solid #dadee0;
}
.media-narrow .sport-table-page .league-table-row > :nth-child(2) {
  border-right: 1px solid #dadee0;
}
.media-narrow .sport-table-page .league-table-detail-column {
  width: 1000px;
}
.media-wide .sport-table-page .league-table-detail-column {
  width: 1500px;
}
.media-wide .sport-table-page .league-table-institution-name {
  width: 500px;
}
.modal-dialog-wrapper {
  display: none;
}
.modal-dialog {
  position: relative;
  font-size: 16px;
  overflow: hidden;
}
.modal-dialog-open body {
  overflow: hidden;
  position: fixed;
  width: 100%;
}
.modal-dialog-open .modal-dialog-wrapper {
  z-index: 10000;
  display: block;
  min-height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.75);
  text-align: center;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.modal-dialog-open .modal-dialog {
  background-color: white;
  box-sizing: border-box;
  text-align: left;
}
.modal-dialog-open.media-wide .modal-dialog {
  display: inline-block;
  margin: 50px auto;
}
.modal-dialog-open.media-narrow .modal-dialog {
  min-height: 100%;
}
.modal-dialog-close--corner {
  position: absolute;
  display: inline-block;
  right: 20px;
  top: 20px;
  line-height: 1;
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
  color: inherit;
}
.modal-dialog-close--corner:before {
  font-family: 'FontAwesome';
  font-size: 28px;
  content: "\f00d";
}
.modal-dialog-header--complex {
  background-color: #009688;
  color: white;
  box-shadow: #777777 0 -10px 5px 10px;
}
.media-wide .modal-dialog-header--complex {
  padding-left: 60px;
  padding-right: 60px;
}
.media-narrow .modal-dialog-header--complex {
  padding-left: 30px;
  padding-right: 30px;
}
.modal-dialog-header--complex .page-tabs {
  margin: 0;
}
.modal-dialog-header--complex .page-tab {
  border-color: white;
  text-transform: uppercase;
}
.modal-dialog-header--complex .page-tab:not(.page-tab--current) {
  border-bottom: none;
}
.modal-dialog-header--complex-content:after {
  content: "";
  display: block;
  clear: both;
}
.media-wide .modal-dialog-header--complex-content {
  padding-top: 40px;
  padding-bottom: 40px;
}
.media-narrow .modal-dialog-header--complex-content {
  padding-top: 30px;
  padding-bottom: 30px;
}
.modal-dialog-header--simple {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.media-wide .modal-dialog-header--simple {
  padding: 40px 60px 0px;
}
.media-narrow .modal-dialog-header--simple {
  padding: 30px 30px 0px;
}
.modal-dialog-title {
  overflow: hidden;
}
.modal-dialog-title h1 {
  margin: 0;
  font-size: 30px;
}
.modal-dialog-header--simple .modal-dialog-title h1 {
  display: inline-block;
}
.modal-dialog-title h2 {
  margin: 0;
  font-size: 20px;
}
.modal-dialog-title h3 {
  margin: 0;
  font-size: 20px;
  font-style: italic;
  font-weight: normal;
  opacity: 0.5;
}
.modal-dialog-description {
  overflow: hidden;
  font-size: 16px;
  opacity: 0.8;
  margin-top: 10px;
  margin-bottom: 0;
}
.modal-dialog-image {
  width: 100px;
}
.media-wide .modal-dialog-image {
  margin-right: 30px;
  float: left;
}
.media-narrow .modal-dialog-image {
  margin-bottom: 10px;
}
.modal-dialog-header--complex .modal-dialog-signin {
  overflow: hidden;
  padding: 10px;
  margin-top: 10px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  text-align: center;
}
.modal-dialog-header--complex .modal-dialog-signin .link-button {
  color: inherit;
  text-decoration: underline;
  font-weight: bold;
}
.modal-dialog-emailoptins {
  border-bottom: 2px solid #e6ebec;
  margin-bottom: 16px;
}
.modal-dialog-emailoptins h2 {
  margin-top: 0;
  font-size: 18px;
}
.modal-dialog-emailoptins .subheading {
  font-size: 0.7em;
  font-weight: normal;
  font-style: italic;
}
.modal-dialog-body {
  padding: 40px 60px;
}
.modal-dialog-body > :first-child,
.modal-dialog-body > :first-child > :first-child,
.modal-dialog-body > :first-child > :first-child > :first-child,
.modal-dialog-body > :first-child > :first-child > :first-child > :first-child,
.modal-dialog-body > :first-child > :first-child > :first-child > :first-child > :first-child,
.modal-dialog-body > :first-child > :first-child > :first-child > :first-child > :first-child > :first-child {
  margin-top: 0;
}
.modal-dialog-body > :last-child,
.modal-dialog-body > :last-child > :last-child,
.modal-dialog-body > :last-child > :last-child > :last-child,
.modal-dialog-body > :last-child > :last-child > :last-child > :last-child,
.modal-dialog-body > :last-child > :last-child > :last-child > :last-child > :last-child,
.modal-dialog-body > :last-child > :last-child > :last-child > :last-child > :last-child > :last-child {
  margin-bottom: 0;
}
.media-narrow .modal-dialog-body {
  padding: 30px;
}
.modal-dialog-actions {
  margin-top: 30px;
  text-align: center;
}
.media-wide .modal-dialog-actions.modal-dialog-actions--multiple {
  display: flex;
  flex-direction: row-reverse;
  align-items: baseline;
  justify-content: space-between;
}
.media-narrow .modal-dialog-actions.modal-dialog-actions--multiple .cta-button {
  margin-bottom: 10px;
}
.media-narrow .modal-dialog-actions .cta-button {
  width: 100%;
}
.media-wide .modal-dialog-actions .cta-button {
  min-width: 40%;
}
/* Login/register */

.media-wide .modal-dialog--login {
  width: 640px;
}
.compact-field {
  display: block;
  box-sizing: border-box;
  margin-bottom: 12px;
  vertical-align: middle;
}
.media-wide .compact-field--half-width > .compact-field {
  display: inline-block;
  width: 50%;
}
.media-wide .compact-field--half-width > .compact-field:first-child {
  padding-right: 20px;
}
.media-wide .compact-field--half-width > .compact-field.right {
  padding-left: 20px;
}
.compact-field--text {
  position: relative;
  font-size: 16px;
  color: #a2acb1;
}
.compact-field--text input {
  color: #445963;
  box-sizing: border-box;
  width: 100%;
  padding: 16px 0 6px;
  border: none;
  border-bottom: 2px solid #a2acb1;
  border-radius: 0;
  outline: none;
  transition-duration: 0.3s;
}
.compact-field--text input[disabled] {
  border-bottom: none;
}
.compact-field--text .compact-field-label {
  position: absolute;
  top: 15px;
  transition-duration: 0.3s;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: text;
}
.compact-field--text.compact-field--filled .compact-field-label,
.compact-field--text.compact-field--active .compact-field-label {
  top: 0;
  font-size: 12px;
}
.compact-field--textarea textarea {
  color: inherit;
  font-size: 0.9em;
  background: transparent;
  margin: 0;
  padding: 10px;
  box-sizing: border-box;
  width: 100%;
  height: 120px;
  resize: none;
  border: 2px solid #a2acb1;
  border-radius: 2px;
  outline: none;
}
.compact-field--textarea .compact-field-label {
  display: block;
  margin-bottom: 2px;
  font-weight: bold;
}
.compact-field--textarea .compact-field-label .subheading {
  font-weight: normal;
  font-style: italic;
  font-size: 0.9em;
}
.compact-field--dropdown {
  position: relative;
}
.compact-field--dropdown .compact-field-label {
  display: block;
  font-size: 12px;
  color: #a2acb1;
}
.compact-field--dropdown select {
  box-sizing: border-box;
  width: 100%;
  padding: 5px 20px 5px 0;
  border: none;
  color: #a2acb1;
  border-bottom: 2px solid #a2acb1;
  outline: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.compact-field--dropdown select::-ms-expand {
  display: none;
}
.compact-field--dropdown:after {
  content: "";
  position: absolute;
  border-top: 8px solid #445963;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  right: 6px;
  top: 26px;
  pointer-events: none;
}
.compact-field--dropdown.compact-field--filled select {
  color: #445963;
}
.compact-field--dropdown option {
  color: #445963;
}
.compact-field--dropdown option[value=""] {
  color: #a2acb1;
}
.compact-field--secret input {
  padding-right: 24px;
}
.compact-field--secret input::-ms-clear,
.compact-field--secret input::-ms-reveal {
  display: none;
}
.compact-field--checkbox {
  position: relative;
  padding-left: 40px;
}
.compact-field--checkbox input {
  display: none;
}
.compact-field--checkbox .compact-field-label {
  display: block;
  font-weight: bold;
}
.compact-field--checkbox .compact-field-description {
  display: block;
}
.compact-field--checkbox .checkbox-replacement {
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  font-family: 'FontAwesome';
  font-size: 16px;
  display: block;
  line-height: 18px;
  height: 18px;
  width: 18px;
  color: #445963;
  border: 2px solid #98a4a9;
  border-radius: 2px;
}
.compact-field--checkbox.compact-field--selected .checkbox-replacement:before {
  content: "\f00c";
}
.media-narrow .compact-field--radio-content .compact-field-label {
  display: block;
  margin-bottom: 10px;
}
.media-wide .compact-field--radio-content {
  display: flex;
  align-items: baseline;
}
.compact-field--radio-items {
  display: flex;
  align-items: baseline;
  flex-grow: 1;
}
.media-wide .compact-field--radio-items {
  margin-left: 1em;
}
.compact-field--radio-item {
  box-sizing: border-box;
  background-color: transparent;
  border: 1px solid #a2acb1;
  border-radius: 500px;
  padding: 0.5em 1em !important;
  color: #a2acb1;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  outline: none;
  cursor: pointer;
  transition: color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out;
  flex-grow: 1;
  margin-right: 5px;
}
.compact-field--radio-item:last-child {
  margin-right: 0;
}
.compact-field--radio-item input {
  display: none;
}
.compact-field--radio-item:hover,
.compact-field--radio-item:focus {
  color: #445963;
  background-color: #eceeef;
  border-color: #445963;
}
.compact-field--radio-item.compact-field--selected {
  color: white;
  background-color: #445963;
  border-color: #445963;
}
.compact-form-error {
  display: block;
  color: #cf0a3a;
  margin-bottom: 16px;
}
.compact-form-error--validation {
  display: none;
  text-align: center;
}
.compact-form--submit-attempted.compact-form--invalid .compact-form-error--validation {
  display: block;
}
.compact-field-error {
  visibility: hidden;
  font-size: 13px;
  color: #cf0a3a;
}
/* Field statuses */

.compact-field--valid.compact-field--text input {
  border-color: #4caf50;
}
.compact-field--valid.compact-field--textarea textarea {
  border-color: #4caf50;
}
.compact-field--valid.compact-field--dropdown select {
  border-color: #4caf50;
}
.compact-form--submit-attempted .compact-field--invalid.compact-field--text input,
.compact-field--invalid.compact-field--filled.compact-field--text input,
.compact-field--invalid.compact-field--changed.compact-field--text input {
  border-color: #cf0a3a;
}
.compact-form--submit-attempted .compact-field--invalid.compact-field--textarea textarea,
.compact-field--invalid.compact-field--filled.compact-field--textarea textarea,
.compact-field--invalid.compact-field--changed.compact-field--textarea textarea {
  border-color: #cf0a3a;
}
.compact-form--submit-attempted .compact-field--invalid.compact-field--dropdown select,
.compact-field--invalid.compact-field--filled.compact-field--dropdown select,
.compact-field--invalid.compact-field--changed.compact-field--dropdown select {
  border-color: #cf0a3a;
}
.compact-form--submit-attempted .compact-field--invalid .compact-field--radio-item,
.compact-field--invalid.compact-field--filled .compact-field--radio-item,
.compact-field--invalid.compact-field--changed .compact-field--radio-item {
  border-color: #cf0a3a;
  color: #cf0a3a;
}
.compact-form--submit-attempted .compact-field--invalid .compact-field-error,
.compact-field--invalid.compact-field--filled .compact-field-error,
.compact-field--invalid.compact-field--changed .compact-field-error {
  visibility: visible;
}
.compact-field--optional .compact-field-label:after {
  content: " (optional)";
}
/* Controls */

.compact-field-reveal {
  border: 0;
  background: none;
  outline: none;
  color: inherit;
  padding: 0;
  position: absolute;
  top: 12px;
  right: 0;
  font-size: 20px;
}
.compact-field-reveal:before {
  content: "\f06e";
  font-family: 'FontAwesome';
}
.compact-field-reveal.compact-field-reveal--active:before {
  content: "\f070";
}
.open-day-date:before {
  font-family: 'FontAwesome';
  content: '\f073 ';
}
.open-day-time:before {
  font-family: 'FontAwesome';
  content: '\f017 ';
}
.open-day-institution {
  font-size: 20px;
  font-weight: bold;
}
.open-day-headline {
  font-style: italic;
}
.open-day-results {
  margin-top: 1.5em;
}
.open-day-result {
  border-top: 1px solid #dadee0;
}
.open-day-result:after {
  content: "";
  display: block;
  clear: both;
}
.media-wide .open-day-result {
  padding: 20px;
}
.media-narrow .open-day-result {
  padding: 20px 0;
}
.open-day-result-logo {
  width: 100px;
}
.media-wide .open-day-result-logo {
  float: left;
}
.media-narrow .open-day-result-logo {
  margin-bottom: 10px;
}
.media-wide .open-day-result-description {
  padding-left: 130px;
}
.media-wide .open-day-result-links {
  display: table;
  width: 100%;
  margin-top: 15px;
}
.media-wide .open-day-result-link-all {
  display: table-cell;
  vertical-align: middle;
}
.media-narrow .open-day-result-link-all {
  margin-top: 10px;
}
.media-wide .open-day-result-link-book {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
}
.media-narrow .open-day-result-link-book {
  margin-top: 10px;
}
.media-narrow .open-day-result-link-book a {
  width: 100%;
}
.media-wide .open-day-featured-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: stretch;
}
.open-day-featured {
  position: relative;
  box-shadow: 0 0 4px 0 #cccccc;
  box-sizing: border-box;
  padding-bottom: 42px;
  margin-bottom: 20px;
}
.media-wide .open-day-featured {
  width: 30%;
  width: calc(33% - 10px);
}
.media-wide .open-day-featured:nth-last-child(-n+3) {
  margin-bottom: 0;
}
.media-narrow .open-day-featured:last-child {
  margin-bottom: 0;
}
.open-day-featured .tags {
  margin-top: 10px;
}
.open-day-featured-image-holder {
  width: 100%;
  position: relative;
}
.open-day-featured-image-holder:after {
  content: '';
  display: block;
  padding-top: 61.9%;
}
.open-day-featured-image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.open-day-featured-description {
  padding: 20px;
}
.open-day-featured-link-all {
  margin-top: 20px;
}
.open-day-featured-link-book {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.open-day-featured-link-book a {
  width: 100%;
}
.selectize-input {
  box-shadow: none !important;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  font-size: inherit !important;
  line-height: inherit !important;
  border-color: #98a4a9 !important;
}
.selectize-dropdown [data-selectable] .highlight {
  background: none !important;
  text-decoration: underline !important;
}
.expanding-facet-values .selectize-input {
  border-radius: 0 !important;
  border-top-left-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
  border-right: none !important;
  padding-left: 15px !important;
}
.expanding-facet-values .selectize-input:after {
  content: none !important;
}
.expanding-facet-values .selectize-input.dropdown-active {
  border-bottom-left-radius: 0 !important;
}
.clearing-hero {
  background: url("../images/clearing/img/clearing_hero_image.jpg") 0 0 no-repeat;
  width: 100%;
  height: 400px;
  background-size: cover !important;
}
.media-narrow .clearing-hero {
  background: url("../images/clearing/img/clearing_hero_image_mobile.jpg") 0 0 no-repeat;
  height: 444px;
}
.clearing-head {
  width: auto !important;
  width: 970px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin: 0;
  padding: 0;
  position: relative;
  color: white;
  text-align: center;
}
.media-narrow .clearing-head {
  width: 100% !important;
  box-sizing: border-box !important;
  float: none;
}
.clearing-head:after {
  content: "";
  display: block;
  clear: both;
}
.clearing-head.narrow {
  width: 820px;
}
.clearing-head.narrow.no-sidebar {
  width: 500px;
}
.clearing-head.wide {
  width: auto;
}
.clearing-head.full {
  width: 100%;
  padding: 0;
  margin: 0;
}
.clearing-head h1 {
  font-size: 40px;
  margin-bottom: 5px;
}
.media-narrow .clearing-head h1 {
  font-size: 30px;
  line-height: 34px;
  margin-bottom: 40px;
  padding: 0 20px;
}
.clearing-head p {
  margin: 0 0 26px;
  font-size: 16px;
}
.media-narrow .clearing-head p {
  padding: 0 10px;
}
.clearing-head .cta-button {
  background: white;
  color: #1976d2;
  border: 1px solid white;
  width: 160px;
  transition: all 0.2s linear;
}
.clearing-head .cta-button:hover {
  background: #f54b17 !important;
  border-color: #f54b17 !important;
}
.media-narrow .clearing-head {
  width: 100% !important;
}
.clearing-head-content {
  position: absolute;
  top: calc(50% - 105px);
  left: calc(50% - 490px);
  width: 970px;
}
.media-narrow .clearing-head-content {
  width: calc(100% - 40px);
  left: 20px;
  top: calc(50% - 178px);
}
.ourguide-content h2 {
  font-size: 28px;
  margin: 0;
}
.our-guide {
  margin: 25px 0 15px !important;
}
.our-guide:after {
  content: "";
  display: block;
  clear: both;
}
.our-guide .ourguide-logo {
  float: left;
  width: 113px;
  padding-right: 23px;
}
.media-narrow .our-guide .ourguide-logo {
  width: 100%;
  float: none;
  text-align: center;
  padding: 0;
}
.media-narrow .our-guide {
  padding-top: 8px;
}
.ourguide-content {
  float: left;
  width: calc(100% - 136px);
}
.ourguide-content h2 {
  line-height: 29px;
}
.media-narrow .ourguide-content h2 {
  font-size: 24px;
  box-sizing: border-box;
  padding: 20px 40px 10px;
}
.ourguide-content p {
  margin: 6px 0 0;
  line-height: 22px;
  font-size: 14px;
}
.media-narrow .ourguide-content {
  float: none;
  width: 100%;
  box-sizing: border-box;
  padding: 0 10px 15px;
  text-align: center;
}
.clearing-mid {
  width: auto;
  background: #f5f7f6;
  box-sizing: border-box;
}
.featured-provider {
  padding-top: 60px;
  width: 970px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.media-narrow .featured-provider {
  width: 100% !important;
  box-sizing: border-box !important;
  float: none;
}
.featured-provider:after {
  content: "";
  display: block;
  clear: both;
}
.featured-provider.narrow {
  width: 820px;
}
.featured-provider.narrow.no-sidebar {
  width: 500px;
}
.featured-provider.wide {
  width: auto;
}
.featured-provider.full {
  width: 100%;
  padding: 0;
  margin: 0;
}
.featured-provider h2 {
  padding-top: 10px;
  border-top: 1px solid #d5d7d6;
  margin-top: 0 !important;
  font-size: 30px;
}
.media-narrow .featured-provider h2 {
  font-size: 22px;
  text-align: center;
  padding-top: 35px;
  margin-bottom: 20px;
}
.featured-provider .featured-tile-wrap {
  display: flex;
  flex-wrap: wrap;
  padding-top: 15px;
  padding-bottom: 5px;
}
.featured-provider .featured-tile-wrap:after {
  content: "";
  display: block;
  clear: both;
}
.featured-provider .featured-tile-wrap :nth-child(4n) {
  margin-right: 0;
}
.media-narrow .featured-provider .featured-tile-wrap {
  padding-bottom: 0;
}
.media-narrow .featured-provider {
  width: 100%;
  box-sizing: border-box;
  padding: 40px 20px 0 20px;
}
.featured-tile {
  width: 232px;
  float: left;
  margin-right: 14px;
  margin-bottom: 20px;
  box-shadow: 0 2px 4px 0 rgba(160, 157, 157, 0.1);
  background: white;
  transition: all 0.4s linear;
}
.featured-tile a {
  text-decoration: none !important;
  float: left;
}
.media-narrow .featured-tile a {
  width: 100%;
}
.featured-tile a:hover {
  text-decoration: none;
}
.featured-tile img {
  display: block;
  width: 100%;
  transition: all 0.4s linear;
}
.featured-tile:hover {
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
}
.featured-tile:hover img {
  transform: scale(1.1);
  transition: all 0.4s linear;
}
.media-narrow .featured-tile .free-txt {
  padding: 10px 0 17px !important;
}
.media-narrow .featured-tile {
  width: 100%;
  margin-bottom: 15px;
  margin-right: 0;
}
.feature-uni-logo {
  overflow: hidden;
}
.featured-uni-name {
  min-height: 74px;
  padding: 14px 15px 20px;
}
.featured-uni-name h3 {
  font-size: 20px;
  color: #445963;
  margin: 0;
}
.media-narrow .featured-uni-name h3 {
  font-size: 16px;
}
.media-narrow .featured-uni-name {
  min-height: 40px;
}
.clearing-artile-mid:after {
  content: "";
  display: block;
  clear: both;
}
.clearing-article {
  padding-top: 60px;
  width: 970px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-bottom: 0;
  padding-bottom: 15px;
  padding-top: 0;
}
.media-narrow .clearing-article {
  width: 100% !important;
  box-sizing: border-box !important;
  float: none;
}
.clearing-article:after {
  content: "";
  display: block;
  clear: both;
}
.clearing-article.narrow {
  width: 820px;
}
.clearing-article.narrow.no-sidebar {
  width: 500px;
}
.clearing-article.wide {
  width: auto;
}
.clearing-article.full {
  width: 100%;
  padding: 0;
  margin: 0;
}
.clearing-article h2 {
  padding-top: 10px;
  border-top: 1px solid #d5d7d6;
  margin-top: 0 !important;
  font-size: 30px;
}
.media-narrow .clearing-article h2 {
  font-size: 22px;
  text-align: center;
  padding-top: 35px;
  margin-bottom: 20px;
}
.clearing-article .featured-tile-wrap {
  display: flex;
  flex-wrap: wrap;
  padding-top: 15px;
  padding-bottom: 5px;
}
.clearing-article .featured-tile-wrap:after {
  content: "";
  display: block;
  clear: both;
}
.clearing-article .featured-tile-wrap :nth-child(4n) {
  margin-right: 0;
}
.media-narrow .clearing-article .featured-tile-wrap {
  padding-bottom: 0;
}
.media-narrow .clearing-article {
  width: 100%;
  box-sizing: border-box;
  padding: 40px 20px 0 20px;
}
.clearing-article h2 {
  padding-bottom: 18px;
}
.media-narrow .clearing-article h2 {
  padding-bottom: 0;
  margin-bottom: 17px;
}
.clearing-article .clearing-article-head {
  position: relative;
}
.media-narrow .clearing-article {
  padding-top: 10px;
}
.clearing-article-tab {
  position: absolute;
  top: 3px;
  right: 0;
  width: 390px;
}
.clearing-article-tab .page-tab--current {
  color: #1976d2 !important;
  border-bottom-color: #1976d2 !important;
}
.clearing-article-tab .clearing-active {
  color: #1976d2 !important;
  border-bottom-color: #1976d2 !important;
}
.media-narrow .clearing-article-tab {
  width: 100%;
  position: relative;
}
.clearing-tabs {
  width: 182px;
  float: left;
  font-size: 16px;
  padding: 15px 5px 5px 0 !important;
  margin-right: 24px;
  background: transparent;
  text-align: left;
  outline: 0;
  border: 0;
  border-bottom: 2px solid #dddddd;
  color: #b1b8bc;
  font-weight: normal !important;
  border-width: 2px !important;
  opacity: 1 !important;
  cursor: pointer;
}
.clearing-tabs:last-child {
  margin: 0 !important;
}
.clearing-tabs:hover {
  color: #556d78;
  border-color: #556d78;
}
.media-narrow .clearing-tabs {
  width: 46.43%;
  margin: 0 20px 25px 0;
}
.artilce-tile {
  margin-bottom: 15px;
  background: white;
  transition: all 0.4s linear;
  box-shadow: 0 2px 4px 0 rgba(160, 157, 157, 0.1);
}
.artilce-tile a {
  text-decoration: none !important;
}
.artilce-tile img {
  display: block;
  width: 100%;
  transition: all 0.4s linear;
}
.artilce-tile:hover {
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
}
.artilce-tile:hover img {
  transform: scale(1.1);
  transition: all 0.4s linear;
}
.tile-mixed:after {
  content: "";
  display: block;
  clear: both;
}
.clearing-tile-image {
  overflow: hidden;
}
.tile-big:after {
  content: "";
  display: block;
  clear: both;
}
.tile-big .clearing-tile-image {
  float: right;
  width: 656px;
}
.media-narrow .tile-big .clearing-tile-image {
  width: 100%;
}
.tile-big .clearing-tile-content {
  float: left;
  width: 314px;
  padding: 17px;
  box-sizing: border-box;
  min-height: 417px;
  box-shadow: none !important;
}
.media-narrow .tile-big .clearing-tile-content {
  width: 100%;
  min-height: 227px !important;
  background: white;
}
.media-narrow .tile-big {
  background: transparent;
}
.clearing-tile-content {
  padding: 16px 17px;
  color: #445a65;
}
.clearing-tile-content h3 {
  margin: 0;
  font-size: 22px;
  line-height: 24px;
}
.media-narrow .clearing-tile-content h3 {
  font-size: 20px;
}
.clearing-tile-content p {
  font-size: 16px;
  opacity: 0.5;
  margin-top: 8px;
  margin-bottom: 5px;
}
.tile-medium {
  width: 477px;
  float: left;
}
.media-narrow .tile-medium {
  width: 100%;
}
.tile-medium .clearing-tile-content {
  min-height: 69px;
}
.tile-medium .clearing-tile-content h3 {
  margin: 0;
}
.tile-medium .clearing-tile-content p {
  display: none;
}
.media-narrow .tile-medium .clearing-tile-content p {
  display: block;
}
.media-narrow .tile-medium .clearing-tile-content {
  min-height: 194px;
}
.tile-small {
  width: 231px;
  float: left;
  margin-left: 15px;
}
.media-narrow .tile-small {
  width: 100%;
  margin-left: 0;
}
.tile-small h3 {
  font-size: 20px;
}
.tile-small .clearing-tile-content {
  min-height: 227px;
}
.media-narrow .tile-small .clearing-tile-content {
  min-height: 194px;
}
.tile-noimage {
  float: left;
  width: 231px;
  margin-left: 15px;
}
.tile-noimage h3 {
  font-size: 20px;
}
.tile-noimage .clearing-tile-content {
  min-height: 163px;
}
.media-narrow .tile-noimage .clearing-tile-content {
  min-height: 100px;
}
.media-narrow .tile-noimage {
  width: 100%;
  margin-left: 0;
}
.three-tile-wrap {
  display: flex;
  flex-wrap: wrap;
}
.three-tile-wrap:after {
  content: "";
  display: block;
  clear: both;
}
.three-tile-wrap .artilce-tile:last-child {
  margin-right: 0;
}
.media-narrow .three-tile-wrap .artilce-tile {
  margin-bottom: 15px;
}
.clearing-three-tile {
  float: left;
  width: 314px;
  margin-right: 14px;
}
.clearing-three-tile .clearing-tile-content {
  min-height: 205px;
  border: 0;
  box-shadow: none !important;
}
.media-narrow .clearing-three-tile .clearing-tile-content {
  min-height: 100px;
}
.clearing-three-tile h3 {
  font-size: 20px;
}
.clearing-three-tile p {
  margin: 10px 0 10px 0;
}
.media-narrow .clearing-three-tile img {
  display: none;
}
.media-narrow .clearing-three-tile {
  width: 100%;
  margin-right: 0;
}
.four-tile-wrap {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 30px;
}
.four-tile-wrap:after {
  content: "";
  display: block;
  clear: both;
}
.four-tile-wrap .artilce-tile:last-child {
  margin-right: 0;
}
.media-narrow .four-tile-wrap .artilce-tile {
  margin-bottom: 15px;
}
.media-narrow .four-tile-wrap {
  padding-bottom: 40px;
}
.clearing-four-tile {
  float: left;
  width: 231px;
  margin-right: 15px;
}
.clearing-four-tile .clearing-tile-content {
  min-height: 226px;
  box-shadow: none !important;
  border: 0;
}
.media-narrow .clearing-four-tile .clearing-tile-content {
  min-height: 100px;
}
.clearing-four-tile h3 {
  font-size: 20px;
}
.clearing-four-tile p {
  margin: 10px 0 10px 0 !important;
}
.media-narrow .clearing-four-tile img {
  display: none;
}
.media-narrow .clearing-four-tile {
  width: 100%;
  margin-right: 0;
}
.media-narrow .clearing-four-tile:last-child {
  margin-bottom: 0;
}
.featured-tile {
  cursor: pointer;
}
.featured-uni-name {
  position: relative;
}
.btn-pod {
  position: absolute;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 15px;
}
.btn-pod .free-call {
  background: #f54b17;
  color: white;
  border: 0;
  width: 100%;
  padding: 11px 10px 13px !important;
  font-weight: bold;
  font-size: 16px;
}
.btn-pod .free-call em {
  vertical-align: middle;
  padding-right: 6px;
  font-size: 16px;
}
.btn-pod .free-txt {
  width: 100%;
  float: left;
  margin: 0;
}
.btn-pod .cta-button {
  width: 100%;
}
.media-narrow .btn-pod {
  width: 100%;
  padding: 0 15px;
}
.featured-uni-name {
  min-height: 160px;
}
.media-narrow .featured-uni-name {
  min-height: 125px;
}
.free-txt {
  display: block;
  text-align: center;
  position: relative;
  float: left;
  width: 100%;
  padding: 10px 0 18px;
}
.free-txt i {
  border-bottom: 1px dotted;
  cursor: pointer;
}
.media-narrow .free-txt {
  padding: 0 0 25px;
  font-size: 16px;
  margin: 0;
}
.free-txt .tip-pop {
  padding: 15px;
  position: absolute;
  top: 40px;
  text-align: left;
  color: white;
  background: #445a65;
  border-radius: 2px;
  width: 212px;
  box-sizing: border-box;
  display: none;
  z-index: 1;
}
.free-txt .tip-pop:hover {
  display: block;
}
.free-txt .tip-pop .fa {
  position: absolute;
  top: -21px;
  font-size: 32px;
  left: calc(100% - 120px);
  color: #445a65;
}
.media-narrow .free-txt .tip-pop .fa {
  left: calc(100% - 135px);
}
.free-txt .tip-pop p {
  margin: 0;
}
.media-narrow .free-txt .tip-pop {
  width: 100%;
}
.media-narrow .free-txt {
  padding: 10px 0 17px;
  font-size: 14px;
}
.free-txt i:hover + .tip-pop {
  display: block;
}
.clear-srhd {
  background: #00395f;
  border-radius: 8px;
  padding: 8px 0;
  margin-top: 18px;
  width: 970px;
}
.clear-srhd:after {
  content: "";
  display: block;
  clear: both;
}
.clear-srhd .search-tabs {
  padding: 15px 0 8px 24px;
  float: left;
}
.media-narrow .clear-srhd .search-tabs :last-child {
  float: right;
  margin-right: 16px;
}
.clear-srhd .search-tabs .page-tab--current {
  opacity: 1;
  border-width: 2px;
}
.media-narrow .clear-srhd .search-tabs {
  padding: 13px 25px 20px;
  width: 100%;
  box-sizing: border-box;
}
.clear-srhd .page-tab {
  float: left;
  opacity: 1;
  padding: 0;
  outline: 0;
  margin-right: 24px;
  font-size: 16px;
  opacity: 0.5;
  border-width: 0;
  padding-bottom: 4px;
  background: transparent !important;
  border-radius: 0;
  border-color: white;
}
.media-narrow .clear-srhd .page-tab {
  width: 49%;
  margin-right: 0 !important;
}
.clear-srhd .page-tab:not(.page-tab--current):hover,
.clear-srhd .page-tab:not(.page-tab--current):focus {
  border-width: 2px !important;
}
.clear-srhd .search-field {
  float: left;
  width: calc(100% - 240px);
  position: relative;
}
.clear-srhd .search-field input {
  float: left;
  padding: 15px;
  width: 680px;
  background: white;
  border-radius: 4px 0 0 4px;
  box-sizing: border-box;
  border: 0;
  outline: 0;
  font-size: 16px;
  color: #445a65;
}
.media-narrow .clear-srhd .search-field input {
  width: 100%;
  border-radius: 4px;
  padding: 15px;
}
.media-narrow .clear-srhd .search-field {
  width: 100%;
  padding: 0 16px;
  box-sizing: border-box;
}
.clear-srhd .search-field button {
  background: #d10036;
  padding: 14px 14px 8px;
  margin: 0;
  border: 0;
  outline: 0;
  width: 50px;
  color: white;
  font-weight: bold;
  border-radius: 0 4px 4px 0;
  font-size: 16px;
}
.clear-srhd .search-field button:hover {
  background: #098ade;
}
.media-narrow .clear-srhd .search-field button {
  margin: 16px 0 15px;
  border-radius: 24px;
  width: 100%;
  padding: 8px;
}
.media-narrow .clear-srhd {
  width: 100%;
  padding-bottom: 16px;
}
.clr-sricon {
  background: url("../images/clearing/img/clearing_search.svg") 0 0 no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}
.media-narrow .clr-sricon {
  vertical-align: middle;
  margin-left: 9px;
  float: left;
}
.srtxt {
  display: none;
}
.media-narrow .srtxt {
  display: inline-block;
  margin: 1px 0 0 -38px;
}
.featured-tile {
  position: relative;
}
.more-clearing {
  font-size: 16px;
  padding-bottom: 20px;
}
.more-clearing a {
  float: left;
  padding-bottom: 20px;
}
.media-narrow .more-clearing a {
  float: none;
  padding: 0;
}
.more-clearing .arrow-forward {
  background: url(../images/clearing/img/arrow-forward.svg) 7px 2px no-repeat;
  width: 28px;
  height: 20px;
  float: left;
  vertical-align: middle;
}
.media-narrow .more-clearing {
  padding: 10px 0 15px;
  text-align: center;
  display: flex;
  justify-content: center;
}
.clear-srhd ::-webkit-input-placeholder,
.clear-srhd ::-moz-placeholder,
.clear-srhd :-ms-input-placeholder {
  color: #a1acb2;
}
.landing-ajax {
  position: absolute;
  top: 50px;
  left: 0;
  width: 680px;
  text-align: left;
  box-sizing: border-box;
  background: white;
  overflow-y: none;
  max-height: none;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.3);
  color: #445963;
  -webkit-overflow-scrolling: touch;
}
.landing-ajax .optionDiv,
.landing-ajax .landing-ajax-no-results,
.landing-ajax .optionSug,
.landing-ajax .optionKey {
  padding: 11px 16px;
}
.landing-ajax .optionDiv,
.landing-ajax .optionKey {
  cursor: pointer;
}
.landing-ajax .optionDiv.ajax-chosen,
.landing-ajax .optionKey.ajax-chosen {
  background: #e6f1fa;
  color: #445a65;
}
.media-narrow .landing-ajax {
  width: calc(100% - 32px);
  margin: 0 16px;
}
.sun_nam {
  margin-right: 10px;
  width: 10%;
  text-align: center;
  background: #445963;
  font-size: 12px;
  padding: 3px !important;
  color: white;
  box-sizing: border-box;
  display: inline-block;
}
.ajx_txt {
  max-width: 74%;
  padding: 0;
  padding-top: 4px;
}
.ajax-highlight-text {
  display: inline;
  padding: 0;
  font-weight: bold;
}
.optionKey {
  color: #445963;
  font-size: 14px;
  border-bottom: 1px dotted rgba(68, 90, 101, 0.1);
  display: block;
  padding: 0 0 18px;
  color: #445a65;
}
.optionKey:hover {
  text-decoration: none;
}
.optionKey .ajax-highlight-text {
  color: #1976d2;
}
.optionKey .ajax-highlight-text:before {
  content: open-quote;
}
.optionKey .ajax-highlight-text:after {
  content: close-quote;
}
.ajxFulltxt {
  display: none;
}
.landing-ajax-child::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 4px;
}
.landing-ajax-child::-webkit-scrollbar-thumb {
  background: #d0d6d8;
  border-radius: 4px;
}
.optionSug {
  font-weight: bold;
}
.landing-ajax-child {
  max-height: 280px;
  overflow-y: auto;
  margin: 0 6px 0 0;
}
.sr-pod-wrap {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 15px;
  background: white;
  transition: all 0.1s linear;
}
.sr-pod-wrap:after {
  content: "";
  display: block;
  clear: both;
}
.sr-pod-wrap:hover {
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2);
}
.sr-pod-clear {
  padding: 25px 25px 0;
  border: 1px solid #f7f7f7;
  border-bottom: 0;
}
.sr-pod-clear:after {
  content: "";
  display: block;
  clear: both;
}
.sr-pod-clear h3,
.sr-pod-clear p {
  padding: 0;
  margin: 0;
}
.media-narrow .sr-pod-clear {
  padding: 18px 16px 0;
}
.sr-tile-left {
  float: left;
  width: 705px;
}
.media-narrow .sr-tile-left {
  width: 100%;
}
.sr-tile-img {
  width: 70px;
  padding-right: 17px;
  float: left;
}
.sr-tile-img a {
  overflow: hidden;
  display: block;
  border: 1px solid #eceff0;
  border-radius: 4px;
  height: 68px;
}
.sr-tile-img img {
  display: block;
  width: 100%;
  animation: fadeInLoad 1s;
}
.sr-tile-title {
  float: left;
  width: calc(100% - 100px);
}
.sr-tile-title h3 {
  font-size: 20px;
}
.sr-tile-title p {
  font-size: 16px;
  margin-top: 4px;
}
.media-narrow .sr-tile-title {
  width: 100%;
  padding-top: 15px;
}
.sr-tile-cont {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 25px 30px 28px 0;
}
.sr-tile-cont p {
  font-size: 30px;
}
.media-narrow .sr-tile-cont {
  padding: 15px 0 13px;
}
.sr-stile-sub {
  width: 205px;
  padding-right: 20px;
  float: left;
  color: #445a65;
}
.media-narrow .sr-stile-sub {
  width: 100%;
}
.des-level {
  width: 170px;
}
.des-table {
  width: 180px;
}
.sr-tile-right {
  float: left;
  width: 212px;
  margin-top: 20px;
}
.sr-tile-right .cta-button {
  width: 100%;
  padding: 10px 10px 12px !important;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 16px;
  transition: all 0.2s linear;
}
.sr-tile-right .cta-button span {
  vertical-align: middle;
}
.sr-tile-right .visit-web {
  margin-bottom: 7px;
}
.media-narrow .sr-tile-right .visit-web {
  border: none;
  border-radius: 0;
  font-weight: normal;
  background: transparent;
  color: #1976d2 !important;
  margin-bottom: 4px;
}
.media-narrow .sr-tile-right .visit-web:hover {
  background: transparent !important;
  border-top: 1px solid #d5d7d6 !important;
}
.media-narrow .sr-tile-right .visit-web .chain-icon {
  background: url(/images/clearingsr/img/chain-blue.svg) 0 0 no-repeat;
}
.sr-tile-right .free-call em {
  display: inline-block;
  vertical-align: middle;
  padding: 0 8px 0 10px;
  font-size: 16px;
}
.media-narrow .sr-tile-right {
  width: 100%;
  margin-top: 2px;
  border-top: 1px solid #d5d7d6;
}
.free-txt {
  display: block;
  text-align: center;
  position: relative;
  margin-bottom: 25px;
}
.free-txt i {
  border-bottom: 1px dotted;
  cursor: pointer;
}
.media-narrow .free-txt {
  padding: 0 0 25px;
  font-size: 16px;
  margin: 0;
}
.free-txt .tip-pop {
  padding: 15px;
  position: absolute;
  top: 39px;
  text-align: left;
  color: white;
  background: #445a65;
  border-radius: 2px;
  width: 212px;
  box-sizing: border-box;
  display: none;
}
.free-txt .tip-pop:hover {
  display: block;
}
.free-txt .tip-pop .fa {
  position: absolute;
  top: -21px;
  font-size: 32px;
  left: calc(100% - 120px);
  color: #445a65;
}
.media-narrow .free-txt .tip-pop .fa {
  left: calc(100% - 135px);
}
.media-narrow .free-txt .tip-pop {
  width: 100%;
}
.free-txt i:hover + .tip-pop {
  display: block;
}
.chain-icon {
  background: url(/images/clearingsr/img/chain.svg) 0 0 no-repeat;
  width: 20px;
  height: 19px;
  margin-right: 6px;
  display: inline-block;
  vertical-align: middle;
}
.view-course {
  float: left;
  width: 100%;
  transition: all 0.3s linear;
  background: #e4eef8;
  border: 1px solid #d4dde4;
  border-width: 1px 0 1px 0;
}
.view-course a {
  float: right;
  font-weight: bold;
  padding: 12px 25px 10px;
  width: 100%;
  box-sizing: border-box;
  text-align: right;
}
.view-course a:hover {
  text-decoration: none;
}
.media-narrow .view-course a {
  padding: 16px 25px 14px;
}
.view-course:hover {
  background: #1976d2;
}
.view-course:hover .arrow-forward {
  background: url("/images/clearingsr/img/arrow-forward-white.svg") 1px -1px no-repeat;
}
.view-course:hover a {
  color: white;
}
.arrow-forward {
  background: url("/images/clearingsr/img/arrow-forward.svg") 1px -1px no-repeat;
  width: 20px;
  height: 20px;
  float: right;
}
.clearing-sr-head {
  width: 100%;
  background: #f5f7f6;
  padding-bottom: 15px;
  font-size: 14px;
  line-height: 1.3;
}
.clearing-sr-head .breadcrumbs {
  border: none;
  padding-top: 15px;
}
.media-narrow .clearing-sr-head {
  padding-bottom: 1px;
}
.result-head {
  width: 970px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-bottom: 0;
  margin-top: 0;
}
.media-narrow .result-head {
  width: 100% !important;
  box-sizing: border-box !important;
  float: none;
}
.result-head:after {
  content: "";
  display: block;
  clear: both;
}
.result-head.narrow {
  width: 820px;
}
.result-head.narrow.no-sidebar {
  width: 500px;
}
.result-head.wide {
  width: auto;
}
.result-head.full {
  width: 100%;
  padding: 0;
  margin: 0;
}
.result-head h1,
.result-head h3,
.result-head p {
  margin: 0;
  padding: 0;
}
.result-head h1 {
  font-size: 24px;
  margin: 10px 0 3px;
}
.media-narrow .result-head {
  padding: 0 20px;
}
.result-title {
  float: left;
  width: 550px;
  padding-right: 20px;
  margin-top: 5px;
}
.result-title p {
  color: #a1acb1;
  font-size: 16px;
  margin-bottom: 10px;
}
.media-narrow .result-title {
  width: 100%;
  padding: 0;
}
.result-img {
  float: left;
  width: 400px;
  padding: 8px;
  box-sizing: border-box;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  background: white;
  border-radius: 4px;
  margin-bottom: 10px;
}
.media-narrow .result-img {
  width: 100%;
  margin: 15px 0 0;
  padding: 15px;
}
.uni-head-img {
  float: left;
  width: 70px;
  padding-right: 15px;
}
.uni-head-img a {
  overflow: hidden;
  display: block;
  border: 1px solid #eceff0;
  border-radius: 4px;
}
.uni-head-img img {
  display: block;
  width: 100%;
}
.sub-spons-title {
  float: left;
  width: calc(100% - 85px);
}
.sub-spons-title p {
  padding-top: 15px;
}
.media-narrow .sub-spons-title p {
  padding: 0;
}
.sub-spons-title h3 {
  font-size: 16px;
}
.media-narrow .sub-spons-title h3 {
  font-size: 14px;
  font-weight: normal;
}
.sr-filter-cta {
  width: 100%;
  float: left;
  padding: 6px 0 10px;
}
.sr-filter-cta .cta-button {
  border: 2px solid #1976d2;
  background: #f5f7f6;
  color: #1976d2;
  font-weight: bold;
  width: 200px;
  padding: 10px 10px 9px !important;
  font-size: 14px;
}
.sr-filter-cta .cta-button .fa {
  font-size: 18px;
  margin-left: 10px;
}
.media-narrow .sr-filter-cta .cta-button {
  margin: 20px auto 0;
  display: block;
  width: 100%;
}
.media-narrow .sr-filter-cta {
  padding: 4px 0 20px;
  box-sizing: border-box;
}
.clear-filter-wrap {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  margin: 20px 0 0;
  background: white;
}
.media-narrow .clear-filter-wrap {
  margin: 25px 0 25px;
}
.filter-result:after {
  content: "";
  display: block;
  clear: both;
}
.filter-list {
  width: 970px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin: 0 auto;
}
.media-narrow .filter-list {
  width: 100% !important;
  box-sizing: border-box !important;
  float: none;
}
.filter-list:after {
  content: "";
  display: block;
  clear: both;
}
.filter-list.narrow {
  width: 820px;
}
.filter-list.narrow.no-sidebar {
  width: 500px;
}
.filter-list.wide {
  width: auto;
}
.filter-list.full {
  width: 100%;
  padding: 0;
  margin: 0;
}
.filter-list:after {
  content: "";
  display: block;
  clear: both;
}
.media-narrow .filter-list {
  padding: 10px 20px;
  margin-top: 0;
}
.filter_drop,
.filter-value {
  float: left;
}
.media-narrow .filter_drop,
.media-narrow .filter-value {
  width: 100%;
}
.grade-title {
  padding-top: 25px;
  font-size: 20px;
  margin: 0 0 22px;
}
.media-narrow .grade-title {
  margin-top: 0;
}
.fil-close {
  background: url("/images/clearingsr/img/fil_close.svg") 0 0 no-repeat;
  width: 14px;
  height: 14px;
  display: block;
  float: right;
  cursor: pointer;
  margin-top: -5px;
}
.media-narrow .fil-close {
  margin: 0;
}
.cls-pad {
  padding: 10px;
  margin: -10px;
  float: right;
  cursor: pointer;
}
.media-narrow .cls-pad {
  margin: -35px -20px -20px;
  padding: 20px;
}
.filter-label {
  margin: 0;
}
.filter-wrap {
  width: 226px;
  border-bottom: 2px solid #445a65;
  float: left;
  margin-bottom: 10px;
  position: relative;
  cursor: pointer;
}
.filter-wrap span {
  font-size: 30px;
}
.filter-wrap .fa {
  float: right;
  margin-top: 9px;
  font-size: 18px;
}
.media-narrow .filter-wrap {
  width: 100%;
  margin-bottom: 20px;
}
.filter-wrap .drop-list li {
  text-transform: initial;
}
.drop-value {
  cursor: pointer;
  padding-bottom: 1px;
}
.drop-value span {
  font-size: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  white-space: nowrap;
  width: 95%;
  display: inline-block;
}
.drop-list {
  display: none;
  position: absolute;
  top: 23px;
  margin: 0;
  background: white;
  width: 100%;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.drop-list li {
  padding: 18px 16px;
  margin: 0;
  font-size: 16px;
  text-transform: uppercase;
}
.drop-list li:hover {
  background: #e6f1fa;
  cursor: pointer;
}
.filter-value {
  width: calc(100% - 252px);
  padding-left: 26px;
}
.media-narrow .filter-value {
  width: 100%;
  padding: 0;
}
.grade-select {
  float: left;
  text-align: center;
  margin-right: 26px;
  border-bottom: 2px solid #445a65;
  padding-bottom: 5px;
}
.grade-select:last-child {
  margin: 0;
}
.plus {
  background: url("/images/clearingsr/img/plus.svg") 0 5px no-repeat;
  width: 19px;
  height: 25px;
  float: right;
  cursor: pointer;
}
.plus:hover {
  background: url("/images/clearingsr/img/plus-hover.svg") 0 5px no-repeat;
}
.minus {
  background: url("/images/clearingsr/img/minus.svg") 0 5px no-repeat;
  width: 19px;
  height: 25px;
  float: left;
  cursor: pointer;
}
.minus:hover {
  background: url("/images/clearingsr/img/minus-hover.svg") 0 5px no-repeat;
}
.blu_box {
  font-size: 24px;
  color: #a2adb3;
}
.grade-name {
  margin: 0;
}
.four-click .grade-select {
  width: 160px;
}
.media-narrow .four-click .grade-select {
  width: 45.3%;
  margin-bottom: 25px;
}
.four-click .d_grade,
.four-click .pBTEC {
  margin-right: 0;
}
.media-narrow .four-click .b_grade {
  margin-right: 0;
}
.media-narrow .four-click .dBTEC {
  margin-right: 0;
}
.media-narrow .four-click .b_grade,
.media-narrow .four-click .c_grade,
.media-narrow .four-click .e_grade {
  margin-right: 0;
}
.media-narrow .four-click .c_grade {
  margin-right: 25px;
}
.media-narrow .four-click .toggle .blu_box {
  margin-left: 25px !important;
}
.media-narrow .four-click .toggle .plus {
  margin: 0 0 0 25px;
}
.media-narrow .four-click .toggle .c_grade {
  margin-right: 0 !important;
}
.three-click .grade-select {
  width: 98px;
}
.media-narrow .three-click .grade-select {
  width: 45.3%;
  margin-bottom: 25px;
}
.three-click .e_grade {
  margin-right: 0;
}
.media-narrow .three-click .a_grade,
.media-narrow .three-click .c_grade,
.media-narrow .three-click .e_grade {
  margin-right: 0;
}
.filter-input-single {
  position: relative;
}
.filter-input-single input {
  font-size: 24px;
  color: #445963;
  box-sizing: border-box;
  width: 100%;
  padding: 18px 0 5px;
  border: none;
  border-bottom: 2px solid #445a65;
  outline: none;
  transition: all 0.3s;
}
.filter-input-single .input-field-label {
  position: absolute;
  top: 18px;
  left: 0;
  font-size: 24px;
  transition: all 0.3s;
}
.media-narrow .filter-input-single .input-field-label {
  left: 0;
}
.media-narrow .filter-input-single {
  margin-bottom: 25px;
}
.input-text:focus + .input-field-label {
  top: 0;
  font-size: 14px;
}
.filter-result .top_fix {
  top: 0;
  font-size: 14px;
}
.input-act .tariff-points {
  border-bottom: 2px solid #009688 !important;
}
.input-act .top_fix {
  color: #009688 !important;
}
.filter-cta {
  padding: 15px 0 25px;
  float: left;
  width: 100%;
  text-align: right;
}
.filter-cta .cta-button {
  width: 145px;
  margin-right: 5px;
  font-weight: bold;
  padding: 11px 10px 11px !important;
}
.filter-cta .cta-button:last-child {
  margin: 0 !important;
}
.media-narrow .filter-cta .cta-button {
  width: 46%;
  margin-right: 18px;
}
.filter-cta .update-filter {
  border-width: 2px;
}
.media-narrow .filter-cta {
  padding: 0 0 15px;
}
.reset-filter {
  border: 2px solid #1976d2;
  background-color: white;
  color: #1976d2;
  transition: all 0.2s linear;
}
.reset-filter:hover,
.reset-filter:focus {
  background-color: #1976d2 !important;
  border: 2px solid #1976d2 !important;
  color: white;
}
.filter-loc {
  width: 970px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin: 0 auto;
}
.media-narrow .filter-loc {
  width: 100% !important;
  box-sizing: border-box !important;
  float: none;
}
.filter-loc:after {
  content: "";
  display: block;
  clear: both;
}
.filter-loc.narrow {
  width: 820px;
}
.filter-loc.narrow.no-sidebar {
  width: 500px;
}
.filter-loc.wide {
  width: auto;
}
.filter-loc.full {
  width: 100%;
  padding: 0;
  margin: 0;
}
.filter-loc:after {
  content: "";
  display: block;
  clear: both;
}
.media-narrow .filter-loc {
  width: 100% !important;
  padding: 0;
}
.loc-list {
  width: 750px;
  float: left;
}
.loc-list ul {
  margin: 0;
  padding: 0;
}
.loc-list li {
  list-style: none;
  display: inline-block;
  margin: 0;
}
.loc-list a {
  text-decoration: none;
  display: inline-block;
  padding: 19px;
  text-align: center;
  font-size: 16px;
  color: #445963;
  border-bottom: 2px solid white;
}
.loc-list a:hover {
  color: #1976d2;
  border-bottom: 2px solid #1976d2;
}
.media-narrow .loc-list {
  width: 630px;
}
.loc-list .tab-act a {
  color: #1976d2;
  border-bottom: 2px solid #1976d2;
}
.loc-wrap {
  width: 100%;
  border-top: 1px solid #d5d7d6;
}
.loc-wrap .loc-drop {
  width: 295px;
  float: right !important;
  padding-left: 0;
}
.loc-wrap .loc-drop span {
  text-transform: uppercase;
  text-align: right;
  width: 93%;
  display: inline-block;
}
.loc-wrap .info-filter {
  width: 225px !important;
}
.loc-drop {
  width: 140px;
  float: right;
  position: relative;
  padding: 20px;
  box-sizing: border-box;
}
.media-narrow .loc-drop {
  float: left;
}
.media-narrow .course-title {
  display: none;
}
.media-narrow .des-table,
.media-narrow .des-rank {
  display: none;
}
.info-filter {
  padding-right: 0;
  width: 200px;
  cursor: pointer;
  float: right;
  position: relative;
}
.info-filter span {
  font-size: 16px;
}
.info-filter .fa {
  font-size: 18px;
  position: absolute;
  top: 22px;
  right: 10px;
}
.info-filter .drop-list {
  top: 60px;
  right: 0;
}
.media-narrow .info-filter {
  width: 150px;
}
.sr-page-nav {
  text-align: center;
  margin-bottom: 30px;
  width: 100%;
  float: left;
}
.sr-page-nav li {
  list-style: none;
  display: inline-block;
  margin: 0;
}
.sr-page-nav li a {
  padding: 10px;
  display: inline-block;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
}
.sr-page-nav li a .fa {
  font-size: 18px;
}
.sr-page-nav li a:hover {
  border-radius: 50% !important;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.2);
  text-decoration: none;
  background: white;
}
.media-narrow .sr-page-nav li {
  display: none !important;
}
.sr-page-nav ul {
  padding: 0;
}
.page-act {
  color: white;
  background: #1976d2 !important;
  border-radius: 50%;
}
.sr-page-nav .prev span {
  display: none;
}
.media-narrow .sr-page-nav .prev span {
  display: block;
}
.media-narrow .sr-page-nav .prev a {
  width: 100px;
  color: #1976d2;
  background: #f5f7f6;
  border-radius: 4px !important;
  border: 1px solid #1976d2;
}
.media-narrow .sr-page-nav .prev .fa {
  display: none;
}
.media-narrow .sr-page-nav .prev {
  width: 100px;
  display: block !important;
  float: left;
}
.sr-page-nav .nxt span {
  display: none;
}
.media-narrow .sr-page-nav .nxt span {
  display: block !important;
}
.media-narrow .sr-page-nav .nxt a {
  width: 100px;
  color: #1976d2;
  background: #f5f7f6;
  border-radius: 4px !important;
  border: 1px solid #1976d2;
}
.media-narrow .sr-page-nav .nxt .fa {
  display: none;
}
.media-narrow .sr-page-nav .nxt {
  width: 100px;
  display: block !important;
  float: right;
}
.clear-sr-cont {
  margin-top: 0;
  background: #f5f7f6;
  padding: 0;
  line-height: 1.3;
  font-size: 14px;
}
.clear-sr-cont .content-container {
  margin: 0 auto;
  padding-bottom: 15px;
  min-height: 850px;
}
.media-narrow .clear-sr-cont .content-container {
  padding: 0;
  min-height: 2300px;
}
.media-narrow .clear-sr-cont {
  padding: 0 20px;
}
.ucas-link {
  float: left;
  font-size: 16px;
  margin-top: 12px;
}
.media-narrow .ucas-link {
  margin: -2px 0 24px;
  width: 100%;
  text-align: left;
}
.clear-bg-fix body {
  background: #f5f7f6;
}
.clear-bg-fix .breadcrumbs {
  border: 0;
  padding-top: 15px;
}
.pr-pod-wrap .sr-tile-cont {
  padding-top: 17px;
}
.pr-pod-wrap .sr-tile-right {
  margin-top: 0;
}
.media-narrow .pr-pod-wrap .sr-tile-right {
  margin-top: 3px;
}
.media-narrow .pr-pod-wrap .sr-tile-title {
  padding: 0;
}
.pr-result-head {
  margin-top: 18px;
}
.pr-result-head:after {
  content: "";
  display: block;
  clear: both;
}
.pr-head-img {
  float: left;
  width: 70px;
  padding-right: 17px;
}
.pr-head-img a {
  overflow: hidden;
  display: block;
  border: 1px solid #eceff0;
  border-radius: 4px;
}
.pr-head-img img {
  display: block;
  width: 100%;
}
.pr-head-cont {
  float: left;
  width: calc(100% - 87px);
}
.pr-head-cont h3 {
  font-size: 24px;
  margin-bottom: 4px;
}
.pr-head-cont p {
  font-size: 16px;
}
.media-narrow .pr-head-cont {
  width: 100%;
  padding-top: 15px;
}
.pr-crlink {
  color: #445a65;
}
.media-narrow .pr-crlink {
  display: none;
}
.pr-tile-cont {
  margin: 23px 0 0;
  position: relative;
}
.pr-tile-cont:after {
  content: "";
  display: block;
  clear: both;
}
.pr-tile-cont .sr-stile-sub {
  width: 224px;
  float: left;
}
.pr-tile-cont .sr-stile-sub p {
  font-size: 30px;
}
.media-narrow .pr-tile-cont .sr-stile-sub {
  width: 100%;
  display: block;
  padding: 0;
}
.media-narrow .pr-tile-cont {
  margin: 25px 0 0;
}
.media-narrow .pr-tile-cont .des-level {
  padding-bottom: 18px;
}
.select-sub-pod {
  float: right;
}
.select-sub-pod .cta-button {
  width: 212px;
  margin-right: 25px !important;
  border: 2px solid #445a65;
  background: #f5f7f6;
  color: #445a65;
  font-weight: bold;
  padding: 10px 10px 11px !important;
}
.media-narrow .select-sub-pod .cta-button {
  width: 100%;
  margin: 0 !important;
}
.select-sub-pod .fa {
  font-size: 18px;
  margin-left: 10px;
}
.media-narrow .select-sub-pod {
  width: 100%;
  padding: 20px 0 0;
  position: relative;
}
.sub-list-fix {
  width: 970px;
  position: absolute;
  background: white;
  top: 45px;
  left: -87px;
  padding: 20px;
  box-sizing: border-box;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2);
  z-index: 2;
  display: none;
}
.sub-list-fix .colmn-sub1 {
  width: 293px;
  float: left;
  padding-right: 25px;
}
.sub-list-fix .colmn-sub1:last-child {
  padding-right: 0;
}
.media-narrow .sub-list-fix .colmn-sub1 {
  width: 100%;
  padding: 0;
}
.sub-list-fix a {
  display: block;
  padding: 3px 0 18px;
}
.sub-list-fix a:last-child {
  padding-bottom: 10px;
}
.media-narrow .sub-list-fix {
  width: 100%;
  left: 0;
  top: 64px;
}
.sub-cta-act {
  border-radius: 22px 22px 0 0;
  padding-bottom: 15px !important;
  background: #445a65 !important;
  color: white !important;
}
.pr-result-head + .sr-filter-cta {
  padding-top: 16px;
}
.media-narrow .pr-result-head + .sr-filter-cta {
  padding-top: 5px;
  border-top: 1px solid #d5d7d6;
  margin-top: 25px;
}
.clear-loader {
  background: url("/images/clearingsr/img/clear-spinner.svg") 0 0 no-repeat;
  width: 60px;
  height: 60px;
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
}
.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 290;
  background: rgba(255, 255, 255, 0.6);
}
.grade-active {
  border-bottom: 2px solid #009688;
}
.grade-active .grade-name {
  color: #009688;
}
.no-result-div {
  min-height: 800px;
  float: left;
  width: 100%;
  background: white;
}
.no-result-div h3 {
  padding: 0 20px;
  text-align: center;
  font-size: 24px;
}
.des-rank {
  width: 225px;
  padding-right: 0;
}
.noresult-txt {
  padding: 0 20px;
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  margin: 10px 0 0;
}
.noresult-link {
  margin-top: 10px;
  font-size: 16px;
}
.no-result-img {
  margin-top: 20px;
}
.media-narrow .clear-filter-wrap {
  display: none;
}
.sr-filter-cta {
  display: none;
}
.media-narrow .sr-filter-cta {
  display: block;
}
.content-container.full {
  width: 100%;
  padding: 0;
  margin: 0;
}
.content-container.full .content-main {
  width: 100%;
}
.clear-cd-fix .breadcrumbs {
  border: 0;
  padding-top: 15px;
}
.chain-icon {
  background: url(/images/clearingsr/img/chain.svg) 0 0 no-repeat;
}
.clear-course-deat {
  margin: 0 auto;
  width: 970px;
}
.cd-header {
  margin-bottom: 0 !important;
  width: 970px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-top: 10px !important;
}
.media-narrow .cd-header {
  width: 100% !important;
  box-sizing: border-box !important;
  float: none;
}
.cd-header:after {
  content: "";
  display: block;
  clear: both;
}
.cd-header.narrow {
  width: 820px;
}
.cd-header.narrow.no-sidebar {
  width: 500px;
}
.cd-header.wide {
  width: auto;
}
.cd-header.full {
  width: 100%;
  padding: 0;
  margin: 0;
}
.hdr-img {
  width: 70px;
  padding: 0 20px 10px 0;
  float: left;
}
.hdr-img a {
  overflow: hidden;
  display: block;
  border: 1px solid #eceff0;
  border-radius: 4px;
  height: 68px;
}
.hdr-img a img {
  display: block;
  width: 100%;
}
.media-narrow .hdr-img {
  text-align: center;
  margin: 0 auto;
  float: none;
  padding: 0;
}
.hdr-title {
  float: left;
  width: calc(100% - 328px);
  padding-right: 10px;
}
.hdr-title h1 {
  font-size: 24px;
  letter-spacing: -0.58px;
  margin: 0;
}
.hdr-title h2 {
  font-size: 20px;
  margin-top: 3px;
  letter-spacing: -0.48px;
}
.media-narrow .hdr-title {
  width: 100%;
  text-align: center;
  padding: 20px 0 0;
}
.hrd-btns {
  margin: 0;
  width: 228px;
}
.hrd-btns .cta-button {
  font-size: 14px;
  padding: 11px 10px 11px !important;
}
.hrd-btns .free-txt {
  margin-bottom: 20px;
  z-index: 1;
}
.hrd-btns .free-txt .tip-pop {
  padding: 10px;
}
.hrd-btns .free-txt p {
  margin: 0;
  font-size: 14px;
}
.media-narrow .hrd-btns .free-txt {
  padding: 0;
}
.media-narrow .hrd-btns .visit-web {
  padding: 21px 0 17px !important;
}
.hrd-btns .free-call em {
  padding: 0 7px 0 10px;
}
.cd-header-full {
  width: 100%;
  float: left;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.cd-header-full:after {
  content: "";
  display: block;
  clear: both;
}
.media-narrow .cd-header-full {
  padding: 0 10px;
  box-sizing: border-box;
}
.clear-midcd {
  clear: both;
  background: #f5f7f6;
  padding-top: 53px;
}
.clear-midcd .content-container {
  position: relative;
  margin: 0 auto;
}
.media-narrow .clear-midcd {
  padding: 43px 10px 0;
}
.midcd-left {
  width: 235px;
  padding-right: 12px;
  float: left;
}
.media-narrow .midcd-left {
  display: none;
}
.midcd-right {
  width: 723px;
  float: right;
  color: #37474f;
  font-size: 16px;
}
.midcd-right h2,
.midcd-right h3,
.midcd-right p,
.midcd-right ul,
.midcd-right li {
  padding: 0;
  margin: 0;
}
.midcd-right .loc-drop {
  background: white;
  border: 1px solid #9ca8ae;
  border-radius: 2px;
  width: 100%;
  padding: 10px 16px 5px;
  letter-spacing: -0.43px;
  cursor: pointer;
  font-size: 18px;
}
.midcd-right .loc-drop .fa {
  float: right;
  margin-top: 5px;
}
.midcd-right .loc-drop span {
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  white-space: nowrap;
  width: 97%;
  display: inline-block;
}
.media-narrow .midcd-right .loc-drop span {
  width: 95%;
}
.media-narrow .midcd-right {
  width: 100%;
}
.cd-skip-link {
  padding: 0;
  margin: 0;
}
.cd-skip-link li {
  list-style: none;
  margin-bottom: 0;
}
.cd-skip-link a {
  letter-spacing: -0.39px;
  line-height: 24px;
  font-size: 16px;
  padding-bottom: 14px;
  display: inline-block;
}
.key-info:after {
  content: "";
  display: block;
  clear: both;
}
.key-info h2 {
  float: left;
  width: 90%;
  letter-spacing: -0.48px;
  line-height: 30px;
  margin-top: 7px;
}
.key-info .question-tip {
  float: right;
  position: relative;
}
.key-info .question-tip .tip-pop {
  position: absolute;
  width: 145px;
  right: 0;
  background: #445a65;
  border-radius: 2px;
  padding: 6px 10px 7px;
  box-sizing: border-box;
  text-align: left;
  z-index: 1;
  display: none;
}
.key-info .question-tip .tip-pop .fa {
  position: absolute;
  right: 5px;
  top: -13px;
  margin: 0;
}
.key-info .question-tip .tip-pop p {
  margin: 0;
  color: white;
  font-size: 13px;
}
.key-info .question-tip .tip-pop a {
  color: white;
  text-decoration: underline;
}
.key-info .question-tip .fa {
  font-size: 20px;
  margin: 15px 3px 5px 0;
  cursor: pointer;
}
.key-info .question-tip:hover .fa-question-circle-o {
  color: #1976d2;
}
.key-info .question-tip:hover .tip-pop {
  display: block;
}
.ucas-det-table {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0 !important;
}
.ucas-det-table:after {
  content: "";
  display: block;
  clear: both;
}
.ucas-det-table li {
  list-style: none;
  width: 48%;
  float: left;
  margin: 0 25px 9px 0;
  position: relative;
}
.media-narrow .ucas-det-table li {
  width: 100%;
  margin-right: 0;
}
.ucas-det-table li h3 {
  margin-top: 12px;
  font-size: 16px;
  letter-spacing: -0.39px;
  line-height: 18px;
  display: inline-block;
}
.ucas-det-table li p {
  letter-spacing: -0.58px;
  font-size: 24px;
  line-height: 34px;
  float: left;
}
.ucas-det-table li:nth-child(2n) {
  margin-right: 0;
}
.ucas-det-table li .hoverover-content p {
  font-size: 14px;
  line-height: 18px;
  margin: 14px 0;
}
.ucas-det-table .list1 {
  order: 1;
}
.ucas-det-table .list2 {
  order: 2;
}
.ucas-det-table .list3 {
  order: 3;
}
.ucas-det-table .list4 {
  order: 4;
}
.media-narrow .ucas-det-table .list4 {
  order: 5;
}
.ucas-det-table .list5 {
  order: 5;
}
.media-narrow .ucas-det-table .list5 {
  order: 4;
}
.media-narrow .ucas-det-table .list5 .rank-grey {
  width: 100%;
  margin: -8px 0 0;
}
.ucas-det-table .list6 {
  order: 6;
}
.ucas-det-table .list7 {
  order: 7;
}
.media-narrow .ucas-det-table .list7 {
  order: 8;
}
.ucas-det-table .list8 {
  order: 8;
}
.media-narrow .ucas-det-table .list8 {
  order: 7;
}
.ucas-det-table .list9 {
  order: 9;
}
.ucas-det-table .list10 {
  order: 10;
}
.rank-numb {
  font-size: 14px;
  vertical-align: middle;
  margin-top: 8px;
  display: inline-block;
}
.rank-numb + .rank-grey {
  margin: 7px 0 0 5px;
}
.rank-up {
  color: #4caf50;
}
.ranking-up {
  vertical-align: middle;
  margin: 9px 0 0 5px;
}
.lt-width {
  min-width: 102px;
  display: inline-block !important;
}
.ucas-points .league-table-quintiles {
  margin-top: 3px;
  display: inline-block;
}
.ucas-points .league-table-quintiles .league-table-quintile {
  float: left;
  width: 7px;
}
.ucas-points .league-table-quintiles .league-table-quintile:first-child {
  border-radius: 2px 0 0 2px;
}
.ucas-points .league-table-quintiles .league-table-quintile:last-child {
  border-radius: 0 2px 2px 0;
}
.ranking-down {
  color: #f44336;
  vertical-align: middle;
  margin: 9px 0 0 5px;
}
.rank-down {
  color: #f44336;
}
.rank-grey {
  margin-left: 7px;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: -0.39px;
  color: #707b80;
}
.backslash {
  color: #707b80;
  font-size: 20px;
}
.apply-readmore {
  font-weight: bold;
  font-size: 16px !important;
  margin-top: 4px !important;
  letter-spacing: -0.39px !important;
  width: 100%;
}
.apply-readmore a {
  font-weight: normal;
  letter-spacing: -0.39px;
  margin-left: 5px;
}
.cd-section {
  border-bottom: 1px solid #d5d7d6;
  padding-bottom: 40px;
}
.cd-section:after {
  content: "";
  display: block;
  clear: both;
}
.cd-section ul {
  padding-left: 20px;
}
.cd-section table {
  border: 1px solid #9ca8ae;
  margin-bottom: 30px;
  border-collapse: collapse;
  line-height: 24px;
  table-layout: fixed;
  word-break: break-word;
  width: 100%;
}
.cd-section table th,
.cd-section table td {
  border: 1px solid #9ca8ae;
  padding: 10px;
  vertical-align: top;
}
.cd-summary .key-info {
  margin: 34px 0 15px;
}
.cd-summary p {
  letter-spacing: -0.39px;
  margin-bottom: 25px;
}
.cd-summary p:last-child {
  margin-bottom: 4px;
}
.media-narrow .cd-summary p {
  margin-bottom: 22px;
}
.media-narrow .cd-summary p:last-child {
  margin-bottom: 0;
}
.chose-qual {
  vertical-align: middle;
  letter-spacing: -0.39px;
  margin: 23px 0 10px !important;
  font-size: 16px;
}
.chose-qual img {
  vertical-align: middle;
  margin-right: 15px;
}
.cd-filter-drop {
  position: relative;
}
.cd-filter-drop:after {
  content: "";
  display: block;
  clear: both;
}
.cd-filter-drop .drop-list {
  top: 51px;
  padding-left: 0;
  max-height: 300px;
  overflow-y: auto;
}
.cd-filter-drop li {
  padding: 16px 15px;
  font-size: 16px;
  letter-spacing: -0.18px;
  text-transform: none;
}
.cd-entry .key-info {
  margin: 34px 0 15px;
}
.cd-entry .summary_deat {
  margin-top: 20px;
}
.entry-sub {
  margin-bottom: 20px;
  float: left;
  width: 100%;
}
.entry-sub:last-child {
  margin: 0;
}
.entry-sub h3 {
  font-size: 16px;
  letter-spacing: -0.39px;
}
.entry-sub p {
  font-size: 24px;
  letter-spacing: -0.58px;
  margin-top: -3px;
}
.entry-deat {
  margin-bottom: 6px;
}
.entry-deat p {
  font-size: 16px;
  letter-spacing: -0.39px;
  margin-top: 6px;
}
.read-more {
  letter-spacing: -0.39px;
  float: left;
  width: 100%;
}
.country-tabs {
  float: left;
  width: 100%;
  margin-top: 8px !important;
  padding-left: 0 !important;
}
.country-tabs li {
  list-style: none;
  float: left;
  letter-spacing: -0.39px;
  text-transform: uppercase;
  margin-right: 23px;
}
.country-tabs li:last-child {
  margin: 0;
}
.country-tabs li a {
  color: #37474f;
  text-decoration: none;
}
.country-tabs li a:hover {
  color: #1976d2 !important;
}
.media-narrow .country-tabs li:first-child {
  margin-left: 20px;
}
.media-narrow .country-tabs {
  width: 750px;
}
.cd-tut-fees .key-info {
  margin: 34px 0 15px;
}
.cd-tut-fees .entry-deat p {
  margin: 0;
}
.tab-act {
  color: #1976d2 !important;
  border-bottom: 2px solid #1976d2;
}
.fees-info {
  float: left;
  width: 100%;
  margin: 25px 0 16px;
}
.fee-amount {
  width: 51%;
  float: left;
}
.fee-amount p {
  font-size: 24px;
  letter-spacing: -0.58px;
}
.fee-amount span {
  color: #445a65;
  letter-spacing: -0.21px;
  font-size: 16px;
}
.student-from {
  float: left;
  width: 49%;
  margin-top: 5px;
  position: relative;
}
.media-narrow .student-from {
  width: 100%;
  margin: 17px 0 7px;
}
.student-from img {
  vertical-align: middle;
}
.student-from p {
  margin: 14px 0;
  line-height: 18px;
}
.country-tip {
  display: inline-block;
  margin: 4px 0 0 10px;
  vertical-align: middle;
  letter-spacing: -0.39px;
}
.media-narrow .country-tip {
  margin-top: 0;
}
.uni-img {
  width: 50px;
  height: 50px;
  float: left;
  border: 1px solid #eceff0;
  border-radius: 4px;
  overflow: hidden;
}
.uni-img img {
  width: 100%;
}
.uni-rank-left {
  float: left;
  width: 400px;
}
.media-narrow .uni-rank-left {
  width: 100%;
}
.cd-uni-info .key-info {
  margin: 34px 0 15px;
}
.cd-uni-info .entry-sub {
  margin-top: 10px;
}
.rank-uni-name {
  padding: 3px 13px 13px;
  font-size: 18px;
  letter-spacing: -0.43px;
  font-weight: bold;
  display: inline-block;
}
.uni-rank-info {
  margin-top: 8px;
  float: left;
  width: 100%;
}
.uni-rank-info .uni-rank {
  float: right;
  margin-top: 5px;
}
.media-narrow .uni-rank-info .uni-rank {
  float: left;
  width: 100%;
  margin: 15px 0 15px;
}
.uni-rank-info .uni-rank h3 {
  font-size: 16px;
  font-weight: normal;
  letter-spacing: -0.39px;
}
.uni-rank-info .uni-rank p {
  font-size: 24px;
  letter-spacing: -0.58px;
}
.map-div {
  margin-top: 20px;
  float: left;
  width: 100%;
}
.map-adr {
  margin-top: 25px;
}
.map-adr h3 {
  letter-spacing: -0.39px;
  font-size: 16px;
}
.map-adr p {
  margin-top: 7px;
  letter-spacing: -0.39px;
  line-height: 18px;
}
.rank-uni-unclick {
  font-size: 16px;
  margin: 12px 14px 10px !important;
  float: left;
  letter-spacing: -0.39px;
  font-weight: bold;
}
.clear-cd-stikcy {
  position: fixed;
  top: 0;
  background: white;
  z-index: 2;
}
.clear-cd-stikcy h1 {
  letter-spacing: -0.39px;
  font-size: 16px;
}
.clear-cd-stikcy h2,
.clear-cd-stikcy .free-txt {
  display: none;
}
.clear-cd-stikcy .hdr-title {
  width: calc(100% - 561px);
  padding: 10px 0;
}
.clear-cd-stikcy .hrd-btns {
  width: 464px;
  float: right;
}
.clear-cd-stikcy .hrd-btns .visit-web {
  margin-right: 3px;
}
.clear-cd-stikcy .hrd-btns .cta-button {
  width: 228px;
  transition: none;
}
.clear-cd-stikcy .hdr-img {
  width: 43px;
}
.clear-cd-stikcy .hdr-img a {
  height: 41px;
}
.clear-cd-skip {
  position: fixed;
  top: 120px;
}
.cd-choose-study {
  border-left: 4px solid #1976d2;
  background: white;
  padding: 15px 22px 27px;
  margin: 6px 0 30px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.cd-choose-study h3 {
  font-size: 20px;
  letter-spacing: -0.48px;
  margin: 10px 0 0;
}
.cd-choose-study h3 img {
  margin: -4px 10px 0 0;
  vertical-align: middle;
}
.cd-choose-study p {
  margin-bottom: 20px;
  letter-spacing: -0.39px;
}
.media-narrow .cd-choose-study {
  padding: 14px 22px 25px;
}
.media-narrow .tab-scroll {
  overflow-y: scroll;
  width: 111.5%;
  position: relative;
  left: -19px;
}
.media-narrow .clear-cd-mob {
  position: fixed;
  left: 0;
  bottom: 0;
  background: white;
  z-index: 102;
  transition: all 0.2s linear;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
}
.media-narrow .clear-cd-mob .visit-web,
.media-narrow .clear-cd-mob .free-txt {
  display: none;
}
.media-narrow .clear-cd-mob .free-call {
  margin: 10px 20px 10px !important;
  width:  calc(100% - 40px);
  transition: none;
}
.mix-points {
  min-width: 103px;
  float: left;
}
.back-top {
  position: fixed;
  bottom: 170px;
  right: 30px;
  background: #1976d2 url('/images/clearingsr/img/arrow_up.svg') center no-repeat;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  z-index: 102;
  cursor: pointer;
  display: none;
}
.media-narrow .back-top {
  right: 20px;
}
.btmst {
  position: absolute;
  bottom: 20px;
  top: auto;
  transition: 0.3s all;
}
.map-pod img {
  width: 100%;
}