/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 19 November 2018 09:54:22
*/


@charset "UTF-8";
@-ms-viewport {
  width: device-width; }

@-o-viewport {
  width: device-width; }

.home .visuallyhidden, .home .sr-only,
header[role=banner] .visuallyhidden, header[role=banner] .sr-only,
.search-bar .visuallyhidden, .search-bar .sr-only,
nav[aria-label=main-navigation] .visuallyhidden, nav[aria-label=main-navigation] .sr-only,
footer .visuallyhidden, footer .sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.home .visuallyhidden.focusable:active, .home .focusable.sr-only:active,
.home .visuallyhidden.focusable:focus, .home .focusable.sr-only:focus,
header[role=banner] .visuallyhidden.focusable:active, header[role=banner] .focusable.sr-only:active,
header[role=banner] .visuallyhidden.focusable:focus, header[role=banner] .focusable.sr-only:focus,
.search-bar .visuallyhidden.focusable:active, .search-bar .focusable.sr-only:active,
.search-bar .visuallyhidden.focusable:focus, .search-bar .focusable.sr-only:focus,
nav[aria-label=main-navigation] .visuallyhidden.focusable:active, nav[aria-label=main-navigation] .focusable.sr-only:active,
nav[aria-label=main-navigation] .visuallyhidden.focusable:focus, nav[aria-label=main-navigation] .focusable.sr-only:focus,
footer .visuallyhidden.focusable:active, footer .focusable.sr-only:active,
footer .visuallyhidden.focusable:focus, footer .focusable.sr-only:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.header-bar-nav, .badge-icons, .home .clearfix,
header[role=banner] .clearfix,
.search-bar .clearfix,
nav[aria-label=main-navigation] .clearfix,
footer .clearfix {
  *zoom: 1; }
  .header-bar-nav:before, .badge-icons:before, .home .clearfix:before,
  header[role=banner] .clearfix:before,
  .search-bar .clearfix:before,
  nav[aria-label=main-navigation] .clearfix:before,
  footer .clearfix:before, .header-bar-nav:after, .badge-icons:after, .home .clearfix:after,
  header[role=banner] .clearfix:after,
  .search-bar .clearfix:after,
  nav[aria-label=main-navigation] .clearfix:after,
  footer .clearfix:after {
    content: '';
    display: table;
    line-height: 0; }
  .header-bar-nav:after, .badge-icons:after, .home .clearfix:after,
  header[role=banner] .clearfix:after,
  .search-bar .clearfix:after,
  nav[aria-label=main-navigation] .clearfix:after,
  footer .clearfix:after {
    clear: both; }

@font-face {
  font-family: 'ClarendonLightRegular';
  src: url("/__data/assets/file/0009/360/ps_14513-webfont.eot");
  src: url("/__data/assets/file/0009/360/ps_14513-webfont.eot?#iefix") format("embedded-opentype"), url("/__data/assets/file/0015/366/ps_14513-webfont.woff") format("woff"), url("/__data/assets/file/0013/364/ps_14513-webfont.ttf") format("truetype"), url("/__data/assets/file/0009/423/ps_14513-webfont.svg#ClarendonLightRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ClarendonPSRegular';
  src: url("/__data/assets/file/0017/368/ps_10269-webfont.eot");
  src: url("/__data/assets/file/0017/368/ps_10269-webfont.eot?#iefix") format("embedded-opentype"), url("/__data/assets/file/0013/373/ps_10269-webfont.woff") format("woff"), url("/__data/assets/file/0011/371/ps_10269-webfont.ttf") format("truetype"), url("/__data/assets/file/0007/403/ps_10269-webfont.svg#ClarendonPSRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ClarendonPSBold';
  src: url("/__data/assets/file/0014/374/ps_12968-webfont.eot");
  src: url("/__data/assets/file/0014/374/ps_12968-webfont.eot?#iefix") format("embedded-opentype"), url("/__data/assets/file/0009/432/ps_12968-webfont.woff") format("woff"), url("/__data/assets/file/0018/378/ps_12968-webfont.ttf") format("truetype"), url("/__data/assets/file/0009/405/ps_12968-webfont.svg#ClarendonPSBold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'UniversMedium';
  src: url("/__data/assets/file/0014/383/unvr55w-webfont.eot");
  src: url("/__data/assets/file/0014/383/unvr55w-webfont.eot?#iefix") format("embedded-opentype"), url("/__data/assets/file/0019/388/unvr55w-webfont.woff") format("woff"), url("/__data/assets/file/0016/385/unvr55w-webfont.ttf") format("truetype"), url("/__data/assets/file/0007/430/unvr55w-webfont.svg#UniversMedium") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'UniversMediumItalic';
  src: url("/__data/assets/file/0015/393/unvr56w-webfont.eot");
  src: url("/__data/assets/file/0015/393/unvr56w-webfont.eot?#iefix") format("embedded-opentype"), url("/__data/assets/file/0019/397/unvr56w-webfont.woff") format("woff"), url("/__data/assets/file/0018/396/unvr56w-webfont.ttf") format("truetype"), url("/__data/assets/file/0010/433/unvr56w-webfont.svg#UniversMediumItalic") format("svg");
  font-weight: normal;
  font-style: normal; }

.home h5,
header[role=banner] h5,
.search-bar h5,
nav[aria-label=main-navigation] h5,
footer h5 {
  font-size: 1.1em; }

.home p,
header[role=banner] p,
.search-bar p,
nav[aria-label=main-navigation] p,
footer p {
  font-size: 1em; }

.home a,
header[role=banner] a,
.search-bar a,
nav[aria-label=main-navigation] a,
footer a {
  color: #fff;
  text-decoration: none;
  -webkit-transition: border 0.5s ease-out;
  -moz-transition: border 0.5s ease-out;
  -ms-transition: border 0.5s ease-out;
  -o-transition: border 0.5s ease-out;
  transition: border 0.5s ease-out; }
  .home a:hover, .home a:active, .home a:focus,
  header[role=banner] a:hover,
  header[role=banner] a:active,
  header[role=banner] a:focus,
  .search-bar a:hover,
  .search-bar a:active,
  .search-bar a:focus,
  nav[aria-label=main-navigation] a:hover,
  nav[aria-label=main-navigation] a:active,
  nav[aria-label=main-navigation] a:focus,
  footer a:hover,
  footer a:active,
  footer a:focus {
    text-decoration: underline; }

.home .fb-btn,
.home a.fb-btn,
header[role=banner] .fb-btn,
header[role=banner] a.fb-btn,
.search-bar .fb-btn,
.search-bar a.fb-btn,
nav[aria-label=main-navigation] .fb-btn,
nav[aria-label=main-navigation] a.fb-btn,
footer .fb-btn,
footer a.fb-btn {
  display: inline-block;
  padding: 6px 10px;
  font-size: 1em;
  text-decoration: none;
  border: 1px solid #e00732;
  background: #e00732;
  color: #fff;
  cursor: pointer;
  -webkit-transition: border 0.5s ease-out;
  -moz-transition: border 0.5s ease-out;
  -ms-transition: border 0.5s ease-out;
  -o-transition: border 0.5s ease-out;
  transition: border 0.5s ease-out;
  -webkit-transition: background 0.2s ease-in-out;
  -moz-transition: background 0.2s ease-in-out;
  -ms-transition: background 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out; }
  .home .fb-btn:hover, .home .fb-btn:active, .home .fb-btn:focus,
  .home a.fb-btn:hover,
  .home a.fb-btn:active,
  .home a.fb-btn:focus,
  header[role=banner] .fb-btn:hover,
  header[role=banner] .fb-btn:active,
  header[role=banner] .fb-btn:focus,
  header[role=banner] a.fb-btn:hover,
  header[role=banner] a.fb-btn:active,
  header[role=banner] a.fb-btn:focus,
  .search-bar .fb-btn:hover,
  .search-bar .fb-btn:active,
  .search-bar .fb-btn:focus,
  .search-bar a.fb-btn:hover,
  .search-bar a.fb-btn:active,
  .search-bar a.fb-btn:focus,
  nav[aria-label=main-navigation] .fb-btn:hover,
  nav[aria-label=main-navigation] .fb-btn:active,
  nav[aria-label=main-navigation] .fb-btn:focus,
  nav[aria-label=main-navigation] a.fb-btn:hover,
  nav[aria-label=main-navigation] a.fb-btn:active,
  nav[aria-label=main-navigation] a.fb-btn:focus,
  footer .fb-btn:hover,
  footer .fb-btn:active,
  footer .fb-btn:focus,
  footer a.fb-btn:hover,
  footer a.fb-btn:active,
  footer a.fb-btn:focus {
    background: #c7062c;
    color: #fff; }
  .home .fb-btn.fb-btn--primary,
  .home a.fb-btn.fb-btn--primary,
  header[role=banner] .fb-btn.fb-btn--primary,
  header[role=banner] a.fb-btn.fb-btn--primary,
  .search-bar .fb-btn.fb-btn--primary,
  .search-bar a.fb-btn.fb-btn--primary,
  nav[aria-label=main-navigation] .fb-btn.fb-btn--primary,
  nav[aria-label=main-navigation] a.fb-btn.fb-btn--primary,
  footer .fb-btn.fb-btn--primary,
  footer a.fb-btn.fb-btn--primary {
    border: 1px solid #f70938;
    background: #fff;
    color: #f70938; }
    .home .fb-btn.fb-btn--primary:hover, .home .fb-btn.fb-btn--primary:active, .home .fb-btn.fb-btn--primary:focus, .home .fb-btn.fb-btn--primary.active,
    .home a.fb-btn.fb-btn--primary:hover,
    .home a.fb-btn.fb-btn--primary:active,
    .home a.fb-btn.fb-btn--primary:focus,
    .home a.fb-btn.fb-btn--primary.active,
    header[role=banner] .fb-btn.fb-btn--primary:hover,
    header[role=banner] .fb-btn.fb-btn--primary:active,
    header[role=banner] .fb-btn.fb-btn--primary:focus,
    header[role=banner] .fb-btn.fb-btn--primary.active,
    header[role=banner] a.fb-btn.fb-btn--primary:hover,
    header[role=banner] a.fb-btn.fb-btn--primary:active,
    header[role=banner] a.fb-btn.fb-btn--primary:focus,
    header[role=banner] a.fb-btn.fb-btn--primary.active,
    .search-bar .fb-btn.fb-btn--primary:hover,
    .search-bar .fb-btn.fb-btn--primary:active,
    .search-bar .fb-btn.fb-btn--primary:focus,
    .search-bar .fb-btn.fb-btn--primary.active,
    .search-bar a.fb-btn.fb-btn--primary:hover,
    .search-bar a.fb-btn.fb-btn--primary:active,
    .search-bar a.fb-btn.fb-btn--primary:focus,
    .search-bar a.fb-btn.fb-btn--primary.active,
    nav[aria-label=main-navigation] .fb-btn.fb-btn--primary:hover,
    nav[aria-label=main-navigation] .fb-btn.fb-btn--primary:active,
    nav[aria-label=main-navigation] .fb-btn.fb-btn--primary:focus,
    nav[aria-label=main-navigation] .fb-btn.fb-btn--primary.active,
    nav[aria-label=main-navigation] a.fb-btn.fb-btn--primary:hover,
    nav[aria-label=main-navigation] a.fb-btn.fb-btn--primary:active,
    nav[aria-label=main-navigation] a.fb-btn.fb-btn--primary:focus,
    nav[aria-label=main-navigation] a.fb-btn.fb-btn--primary.active,
    footer .fb-btn.fb-btn--primary:hover,
    footer .fb-btn.fb-btn--primary:active,
    footer .fb-btn.fb-btn--primary:focus,
    footer .fb-btn.fb-btn--primary.active,
    footer a.fb-btn.fb-btn--primary:hover,
    footer a.fb-btn.fb-btn--primary:active,
    footer a.fb-btn.fb-btn--primary:focus,
    footer a.fb-btn.fb-btn--primary.active {
      background: #f70938;
      color: #fff; }
  .home .fb-btn--remove,
  .home a.fb-btn--remove,
  header[role=banner] .fb-btn--remove,
  header[role=banner] a.fb-btn--remove,
  .search-bar .fb-btn--remove,
  .search-bar a.fb-btn--remove,
  nav[aria-label=main-navigation] .fb-btn--remove,
  nav[aria-label=main-navigation] a.fb-btn--remove,
  footer .fb-btn--remove,
  footer a.fb-btn--remove {
    padding-right: 30px;
    position: relative; }
    .home .fb-btn--remove:before,
    .home a.fb-btn--remove:before,
    header[role=banner] .fb-btn--remove:before,
    header[role=banner] a.fb-btn--remove:before,
    .search-bar .fb-btn--remove:before,
    .search-bar a.fb-btn--remove:before,
    nav[aria-label=main-navigation] .fb-btn--remove:before,
    nav[aria-label=main-navigation] a.fb-btn--remove:before,
    footer .fb-btn--remove:before,
    footer a.fb-btn--remove:before {
      content: "";
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit; }
    .home .fb-btn--remove:before,
    .home a.fb-btn--remove:before,
    header[role=banner] .fb-btn--remove:before,
    header[role=banner] a.fb-btn--remove:before,
    .search-bar .fb-btn--remove:before,
    .search-bar a.fb-btn--remove:before,
    nav[aria-label=main-navigation] .fb-btn--remove:before,
    nav[aria-label=main-navigation] a.fb-btn--remove:before,
    footer .fb-btn--remove:before,
    footer a.fb-btn--remove:before {
      right: 10px;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%); }
  .home .fb-btn--block,
  .home a.fb-btn--block,
  header[role=banner] .fb-btn--block,
  header[role=banner] a.fb-btn--block,
  .search-bar .fb-btn--block,
  .search-bar a.fb-btn--block,
  nav[aria-label=main-navigation] .fb-btn--block,
  nav[aria-label=main-navigation] a.fb-btn--block,
  footer .fb-btn--block,
  footer a.fb-btn--block {
    display: block;
    width: 100%; }

.home .fb-btn--shortlist,
header[role=banner] .fb-btn--shortlist,
.search-bar .fb-btn--shortlist,
nav[aria-label=main-navigation] .fb-btn--shortlist,
footer .fb-btn--shortlist {
  position: relative; }
  .home .fb-btn--shortlist:before,
  header[role=banner] .fb-btn--shortlist:before,
  .search-bar .fb-btn--shortlist:before,
  nav[aria-label=main-navigation] .fb-btn--shortlist:before,
  footer .fb-btn--shortlist:before {
    content: "";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit; }
  .home .fb-btn--shortlist:before,
  header[role=banner] .fb-btn--shortlist:before,
  .search-bar .fb-btn--shortlist:before,
  nav[aria-label=main-navigation] .fb-btn--shortlist:before,
  footer .fb-btn--shortlist:before {
    padding-right: 0.5em; }

.home .badge,
header[role=banner] .badge,
.search-bar .badge,
nav[aria-label=main-navigation] .badge,
footer .badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  background-color: #eee;
  color: #e00732;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 10px; }

header[role="banner"] {
  display: block;
  background: #404040;
  color: #fff; }

.home [id="cookieBar"] {
  position: fixed;
  background: #e00732;
  color: #fff;
  bottom: 0;
  text-align: center;
  padding: 0.5em;
  width: 100%;
  z-index: 2; }
  .home [id="cookieBar"] a {
    font-weight: bold; }

.header-bar {
  background: #fff;
  color: #404040;
  overflow: hidden;
  display: table;
  width: 100%; }
  .header-bar > h1 {
    visibility: hidden;
    height: 0;
    margin: 0; }
  .header-bar > img {
    margin: 0; }
  .header-bar .site-logo {
    display: block;
    margin: 15px 0 0 15px; }
  .header-bar-top {
    text-align: right; }
    .header-bar-top ul {
      padding-left: 0;
      margin: 0;
      margin: 0 1em 0 0;
      padding: 0.7em 0;
      font-size: 1em; }
      .header-bar-top ul > li {
        display: inline-block;
        float: left;
        list-style: none; }
      .header-bar-top ul > li {
        float: none;
        padding: 0.5em 0; }
        .header-bar-top ul > li:after {
          content: "|"; }
        .header-bar-top ul > li:last-of-type::after {
          content: ""; }
        .header-bar-top ul > li a {
          padding: 0 0.5em;
          font-size: 16px; }
  .header-bar-nav {
    position: relative;
    background: #e00732;
    text-align: right;
    display: block;
    width: 100%; }
    .header-bar-nav .nav-toggle {
      border: 0 none;
      display: inline-block;
      float: right;
      text-align: center;
      padding: 1em 2em;
      background: #404040;
      color: #fff;
      font-size: 16px;
      position: relative; }
      .header-bar-nav .nav-toggle:hover, .header-bar-nav .nav-toggle:active, .header-bar-nav .nav-toggle:focus {
        cursor: pointer;
        background: rgba(64, 64, 64, 0.8);
        outline: 0 none; }
      .header-bar-nav .nav-toggle:before {
        content: "";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit; }
      .header-bar-nav .nav-toggle:before {
        padding-right: 0.5em; }
    .header-bar-nav .search-toggle {
      border: 0 none;
      color: #fff;
      padding: 1em;
      font-size: 16px;
      background: #e00732;
      display: inline-block;
      float: right;
      position: relative;
      display: inline-block; }
      .header-bar-nav .search-toggle:hover, .header-bar-nav .search-toggle:active, .header-bar-nav .search-toggle:focus {
        cursor: pointer;
        background: rgba(255, 255, 255, 0.2);
        outline: 0 none; }
      .header-bar-nav .search-toggle:before {
        content: "";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit; }
      .header-bar-nav .search-toggle:before {
        padding-right: 0.5em; }
      @media (max-width: 790px) {
        .header-bar-nav .search-toggle {
          display: block; } }
    .home .header-bar-nav .search-toggle {
      display: block; }
      @media (max-width: 790px) {
        .home .header-bar-nav .search-toggle {
          display: block; } }

.badge-icons {
  padding-left: 0;
  margin: 0;
  text-align: right;
  vertical-align: middle;
  padding: 0 20px 0 0;
  text-align: right;
  display: table-cell; }
  .badge-icons > li {
    display: inline-block;
    float: left;
    list-style: none; }
  @media (max-width: 790px) {
    .badge-icons {
      display: block;
      text-align: center; } }
  .badge-icons > li {
    float: none; }
    .badge-icons > li a.badge--order {
      width: 80px;
      background-position: 0 0; }
    .badge-icons > li a.badge--call {
      width: 80px;
      background-position: -83px 0; }
    .badge-icons > li a.badge--callback {
      width: 80px;
      background-position: -167px 0; }
    .badge-icons > li a.badge--message {
      width: 80px;
      background-position: -249px 0; }

footer[role="contentinfo"] {
  display: block;
  width: 100%;
  float: left;
  overflow: hidden;
  margin-top: 50px;
  padding: 30px;
  font-size: 1.3em;
  background: #1f1f1f;
  color: #404040;
  line-height: 1.5em;
  text-align: right; }
  footer[role="contentinfo"] img {
    margin-left: 25px;
    margin-right: 25px; }
  footer[role="contentinfo"] .wrapper {
    margin-bottom: 2em;
    text-align: left; }

@media screen and (max-width: 790px) {
  footer[role="contentinfo"] img {
    display: block;
    margin: 1.5em auto; } }

div.wrapper, div.content-wrapper {
  max-width: 970px;
  width: 100%;
  margin: 0 auto;
  height: 100%;
  position: relative; }

div#utilitybar-main {
  margin-top: 2em;
  width: 100%;
  height: 49px;
  background: url(https://ubeds2-dev.squiz.co.uk/_designs/beds/css/inner_main_research.css/footer-util-bg.jpg) repeat-x #e0e0e0;
  margin-bottom: 1px;
  float: left; }

div#utilitybar-main img {
  float: left;
  margin-top: 12px; }

#utilitybar-main .page-lineage {
  color: #1F1F1F;
  float: left;
  font-size: 15px;
  margin: 0;
  padding: 14px 17px; }
  #utilitybar-main .page-lineage a {
    text-decoration: none;
    color: #cf022a; }
  #utilitybar-main .page-lineage a:hover {
    text-decoration: underline; }

#utilitybar-main .page-lineage span {
  color: #8c8c8c;
  padding: 0 12px; }

/* @end Main Layout */
/* @end General Import */
div#utilitybar-main .breadcrumbs {
  padding: 6px 0 0 17px;
  float: left;
  color: #8c8c8c; }

div#utilitybar-main .breadcrumbs a {
  font-size: 1.071em;
  color: #cf022a; }

div#utilitybar-main .breadcrumbs a:hover, section#utilitybar-main .breadcrumbs a.active, section#utilitybar-main .breadcrumbs a:active {
  color: #1f1f1f;
  text-decoration: none; }

#footer {
  width: 100%;
  background-color: #1f1f1f;
  padding-top: 22px;
  float: left;
  padding-bottom: 40px; }
  .home #footer {
    font-size: 1.5em; }

#footer h3 {
  color: #e31937;
  margin-bottom: 10px; }

#footer ul {
  margin: 0;
  padding: 0; }

#footer ul li {
  list-style: none;
  text-align: left; }

#footer li a {
  font-size: 14px;
  color: #FFF;
  line-height: 1.56; }

#footer .column {
  width: 15%;
  height: 100%;
  float: left;
  margin-right: 2%; }

#footer .column-last {
  width: 15%;
  height: 100%;
  float: left; }

#footer .footer-responsive {
  display: none;
  text-align: left; }

#footer .footer-responsive a {
  font-size: 1.286em;
  color: #E31937;
  display: block;
  padding-bottom: 8px;
  padding-left: 6px; }

#footer .footer-responsive div {
  background: #fff;
  width: 100%;
  float: left; }

#footer .footer-responsive div a.full {
  font-size: 14px;
  float: left;
  width: 60%;
  display: block;
  padding: 10px 8px; }

#footer .footer-responsive div a {
  float: right;
  margin: 10px 5px 0 0;
  padding: 0; }

@media only screen and (max-width: 595px) {
  div#coursebar-main, div.rhs .container-three, div#utilitybar-main img,
  div.rhs .container-five ul, #footer .column, #footer .column-last, #course-more {
    display: none; }
  div#content-area {
    background: #fff; }
  div#content-area .container {
    width: 99%; }
  div#content-area div.rhs, #left-sidebar, div#content-area.col-3 #lr-left {
    display: none; }
  div.rhs .container-four {
    width: 95%;
    float: left; }
  div.rhs .container-four div.box {
    float: left;
    width: 100%; }
  div.rhs .container-four div.box img {
    width: 220px; }
  div#utilitybar-main {
    background: #fff; }
  div#utilitybar-main div.rhs {
    width: 100%; }
  div#utilitybar-main div.responsive {
    display: block; }
  div#utilitybar-main div.responsive a {
    display: block;
    margin-right: 10px;
    float: left; }
  div#utilitybar-main div.responsive img {
    display: block;
    float: none;
    margin: 0; }
  div.rhs .container-five {
    width: 94.4%;
    text-align: center; }
  div.rhs .container-five a.top {
    float: none; }
  #footer .footer-responsive {
    display: block; }
  #footer {
    height: auto; }
  div#content-area.col-3 .container .article {
    width: 100%; }
  div#menu-main ul li {
    background: url(https://ubeds2-dev.squiz.co.uk/__data/assets/image/0013/643/mob-nav.jpg?v=0.2.1) repeat-x 0 0;
    float: none;
    height: 41px;
    margin-right: 0; }
  .sportbeds div#menu-main ul li {
    background: url(https://ubeds2-dev.squiz.co.uk/__data/assets/image/0016/221056/menu-sportbeds-green2.jpg?v=0.1.4) repeat-x 0 0;
    float: none;
    height: 41px;
    margin-right: 0; }
  div#menu-main ul li a {
    width: 99%;
    height: auto;
    background: url(https://ubeds2-dev.squiz.co.uk/__data/assets/image/0019/946/mob-arrow.jpg?v=0.2.1) no-repeat right 16px; }
  div#menu-main ul li a:hover {
    text-decoration: none;
    background: url(https://ubeds2-dev.squiz.co.uk/__data/assets/image/0019/946/mob-arrow.jpg?v=0.2.1) no-repeat right 16px; }
  .sportbeds div#menu-main ul li a, .sportbeds div#menu-main ul li a:hover {
    background: none; }
  div#menu-main ul li:hover .main-nav-level2-container, div#menu-main ul li:hover a span.arrow, div#menu-main ul li.selected a span.arrow {
    display: none; }
  .putteridge div#content-area.col-2 .container .article {
    width: 100%; }
  .putteridge div#menu-main {
    background: url(https://ubeds2-dev.squiz.co.uk/__data/assets/image/0014/2831/bg-menu.jpg?v=0.2.1) repeat-x; }
  .putteridge div#menu-main li {
    background: none; }
  .putteridge #header {
    margin-bottom: 45px; }
  .landing-nav div.column {
    width: 100%; }
  div#content-area.col-2.new_course .container .article {
    width: 100%; }
  #map {
    width: 99%; }
  div#content-area .container #az_listing ul li {
    width: 10%; }
  div#content-area .container #az_listing ul li a {
    width: 100%; } }

@media only screen and (max-width: 480px) {
  .new_course #inner-course-content {
    width: 62%; }
  div#content-area .container #az_listing ul li {
    width: 10%; }
  div#content-area .container #az_listing ul li a {
    width: 100%; } }

/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 320px) and (max-width: 950px) {
  #footer .f-logos,
  div#utilitybar-main {
    display: none; } }

div.rhs {
  float: left;
  height: 100%;
  right: 0;
  margin-left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  /*width: 25.98%;*/
  width: 250px;
  z-index: 0; }
  div.rhs .responsive {
    display: none; }

div#content-area div.rhs {
  position: static;
  float: right;
  background: #f2f2f2;
  padding: 11px 15px 20px;
  /*width:22.89%;*/
  width: 220px; }

div.rhs .container-one {
  margin: 0 0 0 1px;
  height: 183px;
  width: 0px;
  background-color: #000; }

div.rhs .container-two {
  margin-left: 1px;
  width: 220px;
  height: 255px;
  padding: 15px 15px 0;
  background: url(https://ubeds2-dev.squiz.co.uk/_designs/beds/css/inner_main_research.css/slideshow-rhs-bg.jpg) repeat-x #e8e8e8; }

div.rhs .container-five {
  width: 218px;
  height: 23px;
  position: absolute;
  padding: 14px 15px 13px;
  bottom: 0;
  background: url(https://ubeds2-dev.squiz.co.uk/_designs/beds/css/inner_main_research.css/footer-util-rhs-bg.jpg) repeat-x #e0e0e0;
  border-right: 1px solid #FFF;
  border-left: 1px solid #FFF;
  box-sizing: content-box; }

div.rhs .container-five ul {
  height: 100%;
  float: left;
  display: block;
  padding-left: 0; }

div.rhs .container-five ul li {
  height: 100%;
  background: url(https://ubeds2-dev.squiz.co.uk/_designs/beds/css/inner_main_research.css/footer-util-icons.jpg) no-repeat transparent;
  float: left;
  position: relative;
  overflow: hidden;
  margin-right: 10px;
  cursor: pointer; }

div.rhs .container-five ul li.print {
  width: 21px;
  background-position: 0 0; }

div.rhs .container-five ul li.email {
  width: 22px;
  background-position: -31px 0; }

div.rhs .container-five ul li.fb {
  width: 19px;
  background-position: -63px 0; }

div.rhs .container-five ul li.tweet {
  width: 19px;
  background-position: -92px 0;
  margin-right: 0; }

div.rhs .container-five a.top {
  color: #cf022a;
  padding-right: 20px;
  font-size: 20px;
  background: url(https://ubeds2-dev.squiz.co.uk/_designs/beds/css/inner_main_research.css/footer-util-arrow.jpg) no-repeat right 5px;
  float: right; }

.social {
  display: block;
  height: 25px;
  text-indent: -9999px; }

#footer .f-logos {
  width: 100%;
  float: left;
  margin-top: 20px; }

#footer .f-logos img {
  float: right;
  margin-left: 25px; }

#footer .f-logos img.investors {
  margin-left: 13px; }

/*/ Layout grid /*/
[class^='fb-grid--'],
[class*=' fb-grid--'] {
  display: inline-block;
  float: left;
  padding-left: 10px;
  padding-right: 10px; }

.fb-grid {
  width: 100%; }

.fb-grid--100 {
  width: 100%; }

.fb-grid--75 {
  width: 100%; }
  @media (min-width: 740px) {
    .fb-grid--75 {
      width: 75%; } }

.fb-grid--30 {
  width: 100%; }
  @media (min-width: 740px) {
    .fb-grid--30 {
      width: 30%; } }

.fb-grid--25 {
  width: 100%; }
  @media (min-width: 740px) {
    .fb-grid--25 {
      width: 25%; } }

html {
  overflow-x: hidden; }

.home,
header[role=banner],
.search-bar,
nav[aria-label=main-navigation],
footer {
  line-height: 1.4;
  margin: 0;
  font-family: Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
  font-size: 62.5%; }

.wrapper {
  max-width: 1000px;
  margin: auto;
  font-size: 1.4em; }

main {
  font-size: 1.6em; }

.home .hidden,
header[role=banner] .hidden,
.search-bar .hidden,
nav[aria-label=main-navigation] .hidden,
footer .hidden {
  display: none !important;
  visibility: hidden; }

.home .fb-small--hide,
header[role=banner] .fb-small--hide,
.search-bar .fb-small--hide,
nav[aria-label=main-navigation] .fb-small--hide,
footer .fb-small--hide {
  display: none; }
  @media (min-width: 401px) {
    .home .fb-small--hide,
    header[role=banner] .fb-small--hide,
    .search-bar .fb-small--hide,
    nav[aria-label=main-navigation] .fb-small--hide,
    footer .fb-small--hide {
      display: block; } }

.home .fb-small--show,
header[role=banner] .fb-small--show,
.search-bar .fb-small--show,
nav[aria-label=main-navigation] .fb-small--show,
footer .fb-small--show {
  display: block; }
  @media (min-width: 401px) {
    .home .fb-small--show,
    header[role=banner] .fb-small--show,
    .search-bar .fb-small--show,
    nav[aria-label=main-navigation] .fb-small--show,
    footer .fb-small--show {
      display: none; } }

.home .fb-medium--hide,
header[role=banner] .fb-medium--hide,
.search-bar .fb-medium--hide,
nav[aria-label=main-navigation] .fb-medium--hide,
footer .fb-medium--hide {
  display: none; }
  @media (min-width: 740px) {
    .home .fb-medium--hide,
    header[role=banner] .fb-medium--hide,
    .search-bar .fb-medium--hide,
    nav[aria-label=main-navigation] .fb-medium--hide,
    footer .fb-medium--hide {
      display: block; } }

.home .fb-medium--show,
header[role=banner] .fb-medium--show,
.search-bar .fb-medium--show,
nav[aria-label=main-navigation] .fb-medium--show,
footer .fb-medium--show {
  display: block; }
  @media (min-width: 740px) {
    .home .fb-medium--show,
    header[role=banner] .fb-medium--show,
    .search-bar .fb-medium--show,
    nav[aria-label=main-navigation] .fb-medium--show,
    footer .fb-medium--show {
      display: none; } }

.home mark,
header[role=banner] mark,
.search-bar mark,
nav[aria-label=main-navigation] mark,
footer mark {
  color: inherit;
  background: transparent;
  font-weight: bold; }

.home h1,
.home h2,
.home h3,
.home h4,
.home h5,
header[role=banner] h1,
header[role=banner] h2,
header[role=banner] h3,
header[role=banner] h4,
header[role=banner] h5,
.search-bar h1,
.search-bar h2,
.search-bar h3,
.search-bar h4,
.search-bar h5,
nav[aria-label=main-navigation] h1,
nav[aria-label=main-navigation] h2,
nav[aria-label=main-navigation] h3,
nav[aria-label=main-navigation] h4,
nav[aria-label=main-navigation] h5,
footer h1,
footer h2,
footer h3,
footer h4,
footer h5 {
  font-weight: 400; }

.home *,
header[role=banner] *,
.search-bar *,
nav[aria-label=main-navigation] *,
footer * {
  box-sizing: border-box; }

#sidebarg > div {
  top: 214px;
  margin-top: 30px; }

.homepage--banner {
  text-align: center;
  position: relative;
  overflow: hidden;
  padding-bottom: 475px;
  height: 0;
  color: #fff; 
      width:105%;
}
   .homepage--banner-2 {
  text-align: center;
  position: relative;
  overflow: hidden;
  padding-bottom: 525px;
  height: 0;
  color: #fff; 
  background-color:#e1dede; 
  }
  .homepage--banner--wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 1;
    max-width: 1000px; }
  @media screen and (max-width: 1280px) {
    .homepage--banner {
      padding-bottom: 37.16%; } }
              @media screen and (max-width: 1280px) {
    .homepage--banner-2 {
      padding-bottom: 37.16%; } }

.video-wrapper {
  background: #000;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  overflow: hidden; }
  @media screen and (max-width: 768px) {
    .video-wrapper {
      background-size: contain; } }

.video-wrapper iframe {
  opacity: 0.6;
  position: absolute;
  top: -20%;
  left: 0;
  width: 100%;
  height: 100%; }

.personalised-banner {
  font-size: 0; }
  .personalised-banner:before {
    content: "";
    background: #000;
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.homepage--banner.banner-video > .wistia-video {
  display: none; }

.homepage--banner.banner-video > .homepage--bannerimg {
  display: block; }

.homepage--banner .search-area button {
  right: 8px; }

@media (min-width: 37.5em) {
  .homepage--banner.banner-video > .wistia-video {
    display: block; }
  .homepage--banner.banner-video > .homepage--bannerimg {
    display: none; } }

.homepage--bannertext {
  font-size: 1.5em;
  font-weight: 700;
  margin-left: auto;
  margin-right: auto;
  max-width: 80%;
  font-family: UniversMedium, Arial, Helvetica, "Helvetica Neue", sans-serif; }
  @media screen and (max-width: 401px) {
    .homepage--bannertext {
      max-width: 100%; } }

.homepage--bannerimg {
  max-width: 100%;
  margin: 0 -50%; }

@media (min-width: 37.5em) {
  .homepage--bannertext {
    font-size: 3em; }
  .homepage--bannerimg {
    margin: auto;
    max-width: 100%;
    width: 100%; } }

@media (max-width: 1245px) {
  .homepage--bannertext {
    font-size: 2em; } }

@media (max-width: 790px) {
  .homepage--bannertext {
    font-size: 1.2em;
    line-height: 1.1; } }

.welcome-message.temp-hide {
  opacity: 0; }

.fb-homepage-search {
  display: none;
  margin-top: 50px; }

@media (min-width: 789px) {
  .fb-homepage-search {
    display: block;
    width: 90%;
    margin: 1em auto; } }

.fb-homepage-search.homepage-search-focus {
  margin-top: -150px;
  z-index: 10; }

.fb-homepage-search.homepage-search-focus .homepage-search-overlay {
  content: '';
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  transition: 0.4s all cubic-bezier(0.25, 0.1, 0.25, 1); }

.fb-homepage-search .btn--right::before, .homepage .fb-homepage-search a.btn--right::before, .homepage .fb-homepage-search input.btn--right::before {
  right: 11px;
  margin-top: 0;
  font-size: 15px; }

.fb-homepage-search-input {
  width: 100%;
  font-size: 1.2em; }

.search-area {
  position: relative; }
  .search-area form {
    position: relative;
    background: #fff;
    z-index: 9999; }
  .search-area:after {
    content: "";
    background: #e00732;
    position: absolute;
    z-index: -1;
    top: 4px;
    left: 4px;
    right: -4px;
    bottom: -4px; }

.search-area button,
.search-area input[type=submit] {
  content: '';
  background: url(/__data/assets/image/0013/530041/icon-search.png) center no-repeat transparent;
  width: 35px;
  height: 35px;
  background-size: 80%;
  padding: 10px;
  text-indent: -9999px;
  border: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%); }

.search-area input:hover, .search-area input:active, .search-area input:focus,
.search-area button:hover,
.search-area button:active,
.search-area button:focus {
  outline: 0 none; }

.search-area input {
  position: relative; }
  .search-area input:hover, .search-area input:active, .search-area input:focus {
    border: 1px solid #e00732; }
  .search-area input::-webkit-input-placeholder {
    font-style: italic;
    opacity: 0.6; }
  .search-area input:-moz-placeholder {
    /* Firefox 18- */
    font-style: italic;
    opacity: 0.6; }
  .search-area input::-moz-placeholder {
    /* Firefox 19+ */
    font-style: italic;
    opacity: 0.6; }
  .search-area input:-ms-input-placeholder {
    font-style: italic;
    opacity: 0.6; }

.search-area button {
  opacity: 0.5; }
  .search-area button:hover, .search-area button:active, .search-area button:focus {
    opacity: 1;
    cursor: pointer; }

.fb-homepage-search input[type=color],
.fb-homepage-search input[type=date],
.fb-homepage-search input[type=datetime-local],
.fb-homepage-search input[type=datetime],
.fb-homepage-search input[type=email],
.fb-homepage-search input[type=month],
.fb-homepage-search input[type=number],
.fb-homepage-search input[type=password],
.fb-homepage-search input[type=search],
.fb-homepage-search input[type=tel],
.fb-homepage-search input[type=text],
.fb-homepage-search input[type=time],
.fb-homepage-search input[type=url],
.fb-homepage-search input[type=week],
.fb-homepage-search select,
.fb-homepage-search textarea {
  padding: 1em;
  display: inline-block;
  border: 1px solid transparent;
  border-radius: 0;
  vertical-align: middle;
  box-shadow: none;
  box-sizing: border-box; }

.search-bar {
  /* Initially we don't want any height, and we want the contents to be hidden */
  max-height: 0;
  overflow: hidden;
  /* Set our transitions up. */
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.8s;
  transition: max-height 0.8s; }
  .search-bar .search-area button,
  .search-bar .search-area input[type=submit] {
    right: 20px; }
  .search-bar .fb-homepage-search-input {
    font-size: 16px; }
  .search-bar .search-area,
  .search-bar .search-area form {
    position: relative;
    padding: 10px;
    background: #404040; }
  .search-bar .fb-homepage-search {
    margin: 0;
    display: block;
    width: 100%; }
  .search-bar.active {
    max-height: 100px; }

.see-more {
  background: #404040;
  color: #fff;
  text-align: center;
  padding: 0.5em;
  width: 100%;
  display: block; }
  .see-more span {
    position: relative;
    padding-right: 1em; }
    .see-more span:before {
      content: "";
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit; }
    .see-more span:before {
      position: absolute;
      right: 0; }

.home main {
  text-align: center; }

.blocks-wrapper {
  max-width: 1185px;
  margin: 0 auto;
  font-family: UniversMedium, Arial, Helvetica, "Helvetica Neue", sans-serif; }

.blocks {
  width: 100%;
  margin-top: 10px;
  display: block;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .lt-ie10 .blocks {
    display: block; }

.block {
  display: inline-block;
  float: left;
  padding: 10px;
  text-align: left;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  flex: 1 0 auto;
  /* We have to add a basis for IE10/11 */
  flex-direction: column; }
  .block--100 {
    width: 100%;
    flex: 1 0 100%;
    min-width: 100%;
    max-width: 100%; }
  .block--75 {
    width: 75%;
    flex: 1 0 75%;
    min-width: 75%;
    max-width: 75%; }
    @media (max-width: 580px) {
      .block--75 {
        width: 100%;
        flex: 1 0 100%;
        min-width: 100%;
        max-width: 100%; } }
  .block--50 {
    width: 50%;
    flex: 1 0 50%;
    min-width: 50%;
    max-width: 50%; }
    @media (max-width: 580px) {
      .block--50 {
        width: 100%;
        flex: 1 0 100%;
        min-width: 100%;
        max-width: 100%; } }
  .block--25 {
    width: 25%;
    flex: 1 0 25%;
    min-width: 25%;
    max-width: 25%; }
    @media (max-width: 580px) {
      .block--25 {
        width: 100%;
        flex: 1 0 100%;
        min-width: 100%;
        max-width: 100%; } }
  .block__inner {
    font-size: 0.85em;
    padding: 10px;
    width: 100%;
    border: 1px solid #d7d7d7;
    border-bottom: 3px solid #eaeaea;
    position: relative;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .block__inner:after {
      content: "";
      height: 10px;
      background: #d7d7d7;
      bottom: -10px;
      position: absolute;
      left: -1px;
      right: -1px; }
  .block__link {
    padding: 10px;
    display: block;
    width: 100%;
    font-size: 1.5em;
    font-weight: 600;
    position: relative; }
    .block__link:before {
      content: "";
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit; }
    .block__link:before {
      position: absolute;
      right: 10px;
      bottom: 10px;
      color: #999; }
    .block__link:link, .block__link:visited {
      color: #404040; }
    .block__link:hover, .block__link:active, .block__link:focus {
      outline: 0 none; }
      .block__link:hover:before, .block__link:active:before, .block__link:focus:before {
        text-decoration: none;
        color: #404040; }
  .block figure {
    padding: 0;
    margin: -10px -10px 0 -10px; }
    .block figure img {
      width: 100%;
      height: auto; }
  .block figcaption {
    padding: 10px;
    margin: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto; }
    .block figcaption > h2 {
      font-size: 1.35em; }

.block--theme1, .block--theme2, .block--theme3, .block--theme4, .block--theme5, .block--theme6, .block--theme7 {
  background-color: #0ab696;
  color: #fff; }
  .block--theme1 .block__link:before, .block--theme2 .block__link:before, .block--theme3 .block__link:before, .block--theme4 .block__link:before, .block--theme5 .block__link:before, .block--theme6 .block__link:before, .block--theme7 .block__link:before {
    color: #fff; }
  .block--theme1 .block__link:link, .block--theme1 .block__link:visited, .block--theme2 .block__link:link, .block--theme2 .block__link:visited, .block--theme3 .block__link:link, .block--theme3 .block__link:visited, .block--theme4 .block__link:link, .block--theme4 .block__link:visited, .block--theme5 .block__link:link, .block--theme5 .block__link:visited, .block--theme6 .block__link:link, .block--theme6 .block__link:visited, .block--theme7 .block__link:link, .block--theme7 .block__link:visited {
    color: #fff; }
  .block--theme1 .block__link:hover:before, .block--theme1 .block__link:active:before, .block--theme1 .block__link:focus:before, .block--theme2 .block__link:hover:before, .block--theme2 .block__link:active:before, .block--theme2 .block__link:focus:before, .block--theme3 .block__link:hover:before, .block--theme3 .block__link:active:before, .block--theme3 .block__link:focus:before, .block--theme4 .block__link:hover:before, .block--theme4 .block__link:active:before, .block--theme4 .block__link:focus:before, .block--theme5 .block__link:hover:before, .block--theme5 .block__link:active:before, .block--theme5 .block__link:focus:before, .block--theme6 .block__link:hover:before, .block--theme6 .block__link:active:before, .block--theme6 .block__link:focus:before, .block--theme7 .block__link:hover:before, .block--theme7 .block__link:active:before, .block--theme7 .block__link:focus:before {
    color: #fff; }

.block--theme1 {
  background-color: #0ab696;
  color: #fff; }

.block--theme2 {
  background-color: #e63093;
  color: #fff; }

.block--theme3 {
  background-color: #f16533;
  color: #fff; }

.block--theme4 {
  background-color: #89c75c;
  color: #fff; }

.block--theme5 {
  background-color: #6a3493;
  color: #fff; }

.block--theme6 {
  background-color: #f16533;
  color: #fff; }

.section-blocks {
  width: 100%;
  margin-top: 10px;
  display: block;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .lt-ie10 .section-blocks {
    display: block; }

.section-block {
  display: inline-block;
  float: left;
  padding: 10px;
  text-align: left; }
  @media (min-width: 580px) {
    .section-block {
      min-height: 400px;
      height: 400px; } }
  @media (max-width: 580px) {
    .section-block {
      min-height: 0px; } }
  .flexbox .section-block {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex: 1 0 auto;
    /* We have to add a basis for IE10/11 */
    flex-direction: column;
    display: block; }
  .section-block--100 {
    width: 100%;
    flex: 1 0 100%;
    min-width: 100%;
    max-width: 100%; }
  .section-block--75 {
    width: 75%;
    flex: 1 0 75%;
    min-width: 75%;
    max-width: 75%; }
    @media (max-width: 580px) {
      .section-block--75 {
        width: 100%;
        flex: 1 0 100%;
        min-width: 100%;
        max-width: 100%; } }
  .section-block__link {
    padding: 10px;
    align-self: flex-end;
    width: 100%;
    font-size: 1.9em;
    position: relative; }
    @media (min-width: 580px) {
      .section-block__link {
        font-size: 1.2em; } }
    @media (min-width: 1000px) {
      .section-block__link {
        font-size: 1.9em; } }
    .section-block__link:before {
      content: "";
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit; }
    .section-block__link:before {
      right: 10px;
      color: #fff;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%); }
    .section-block__link:link, .section-block__link:visited {
      color: #fff; }
    .section-block__link:hover, .section-block__link:active, .section-block__link:focus {
      outline: 0 none; }
      .section-block__link:hover:before, .section-block__link:active:before, .section-block__link:focus:before {
        text-decoration: none; }
    .section-block__link div:first-of-type {
      font-weight: 600; }
  .section-block__inner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    width: 100%;
    border: 1px solid #d7d7d7;
    border-bottom: 3px solid #eaeaea;
    position: relative;
    margin-top: 1.5em; }
    @media (max-width: 580px) {
      .section-block__inner {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto; } }
    @media (min-width: 580px) {
      .section-block__inner {
        min-height: 178px;
        height: 178px;
        display: block;
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto; }
        .section-block.block--25 .section-block__inner {
          min-height: 380px;
          height: 380px; } }
    .section-block__inner:after {
      content: "";
      height: 10px;
      background: #d7d7d7;
      bottom: -10px;
      position: absolute;
      left: -1px;
      right: -1px; }
    .section-block__inner:first-of-type {
      margin-top: 0; }
    .section-block__inner:before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: rgba(64, 64, 64, 0.5); }

.theme--undergraduate {
  background-image: url("http://lorempicsum.com/up/520/150/2"); }
  .theme--undergraduate:before {
    background-color: rgba(202, 2, 31, 0.5); }

.theme--postgraduate {
  background-image: url("http://lorempicsum.com/up/520/150/3"); }
  .theme--postgraduate:before {
    background-color: rgba(19, 63, 107, 0.5); }

.theme--international {
  background-image: url("http://lorempicsum.com/up/520/150/1"); }
  .theme--international:before {
    background-color: rgba(14, 128, 129, 0.5); }

nav[aria-label="main-navigation"],
.home nav[aria-label="main-navigation"] {
  /* Initially we don't want any height, and we want the contents to be hidden */
  max-height: 0;
  overflow: hidden;
  /* Set our transitions up. */
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.8s;
  transition: max-height 0.8s;
  background: #404040;
  color: #fff;
  font-size: 17px;
  z-index: 99;
  position: relative; }
  nav[aria-label="main-navigation"] ul,
  .home nav[aria-label="main-navigation"] ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%; }
    @media (min-width: 790px) {
      nav[aria-label="main-navigation"] ul,
      .home nav[aria-label="main-navigation"] ul {
        display: table;
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        flex-wrap: wrap; } }
    nav[aria-label="main-navigation"] ul li,
    .home nav[aria-label="main-navigation"] ul li {
      padding: 0;
      margin: 0; }
      @media (min-width: 790px) {
        nav[aria-label="main-navigation"] ul li,
        .home nav[aria-label="main-navigation"] ul li {
          display: block;
          padding: 0; } }
      nav[aria-label=main-navigation] ul li.has-sub div a,
      .home  nav[aria-label=main-navigation] ul li.has-sub div a{
          width: 98%
      }    
      nav[aria-label="main-navigation"] ul li.has-sub div > span,
      .home nav[aria-label="main-navigation"] ul li.has-sub > a {
        position: relative; }
        nav[aria-label="main-navigation"] ul li.has-sub div > span:before,
        .home nav[aria-label="main-navigation"] ul li.has-sub div > span:before {
          content: "";
          font-family: FontAwesome;
          font-style: normal;
          font-weight: normal;
          text-decoration: inherit; }
        nav[aria-label="main-navigation"] ul li.has-sub div > span:before,
        .home nav[aria-label="main-navigation"] ul li.has-sub div> span:before {
          position: absolute;
          top: 50%;
          -webkit-transform: translate(0, -50%);
          -moz-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          -o-transform: translate(0, -50%);
          right: 15px; }
          @media (min-width: 790px) {
            nav[aria-label="main-navigation"] ul li.has-sub div> span:before,
            .home nav[aria-label="main-navigation"] ul li.has-sub div> span:before {
              content: ""; } }
        @media (min-width: 790px) {
          nav[aria-label="main-navigation"] ul li.has-sub div> a,
          .home nav[aria-label="main-navigation"] ul li.has-sub div> a {
            color: #e00732; } }
      @media (min-width: 790px) {
        nav[aria-label="main-navigation"] ul li.has-sub div,
        .home nav[aria-label="main-navigation"] ul li.has-sub div{
          display: block; }
          nav[aria-label="main-navigation"] ul li.has-sub div + .subnav,
          .home nav[aria-label="main-navigation"] ul li.has-sub div + .subnav {
            display: block; } }
      nav[aria-label="main-navigation"] ul li.has-sub div.active > span,
      .home nav[aria-label="main-navigation"] ul li.has-sub div.active > span {
        position: relative;
        border-bottom: 1px solid #656565; }
        nav[aria-label="main-navigation"] ul li.has-sub div.active > span:before,
        .home nav[aria-label="main-navigation"] ul li.has-sub div.active > span:before {
          content: "";
          font-family: FontAwesome;
          font-style: normal;
          font-weight: normal;
          text-decoration: inherit; }
        @media (min-width: 790px) {
          nav[aria-label="main-navigation"] ul li.has-sub.active > a,
          .home nav[aria-label="main-navigation"] ul li.has-sub.active > a {
            border-color: transparent; }
            nav[aria-label="main-navigation"] ul li.has-sub.active > a:before,
            .home nav[aria-label="main-navigation"] ul li.has-sub.active > a:before {
              display: none; } }
      nav[aria-label="main-navigation"] ul li.active,
      .home nav[aria-label="main-navigation"] ul li.active {
        background: #535353; }
        @media (min-width: 790px) {
          nav[aria-label="main-navigation"] ul li.active,
          .home nav[aria-label="main-navigation"] ul li.active {
            background: #404040; } }
        nav[aria-label="main-navigation"] ul li.active .subnav,
        .home nav[aria-label="main-navigation"] ul li.active .subnav {
          max-height: 500px; }
    nav[aria-label="main-navigation"] ul.subnav,
    .home nav[aria-label="main-navigation"] ul.subnav {
      /* Initially we don't want any height, and we want the contents to be hidden */
      max-height: 0;
      overflow: hidden;
      /* Set our transitions up. */
      -webkit-transition: max-height 1s;
      -moz-transition: max-height 1s;
      transition: max-height 1s; }
      @media (min-width: 790px) {
        nav[aria-label="main-navigation"] ul.subnav,
        .home nav[aria-label="main-navigation"] ul.subnav {
          font-size: 0.85em;
          margin-bottom: 10px;
          max-height: 100%;
          display: block; } }
      nav[aria-label="main-navigation"] ul.subnav li a,
      .home nav[aria-label="main-navigation"] ul.subnav li a {
        display: block;
        border-bottom: 1px solid #656565;
        background: #535353;
        padding: 10px 15px 10px 35px; }
        nav[aria-label="main-navigation"] ul.subnav li a.active,
        .home nav[aria-label="main-navigation"] ul.subnav li a.active {
          background: #606060; }
      @media (min-width: 790px) {
        nav[aria-label="main-navigation"] ul.subnav li a,
        .home nav[aria-label="main-navigation"] ul.subnav li a {
          border-bottom: 1px solid transparent;
          background: #404040;
          padding: 0 15px 5px 15px; }
          nav[aria-label="main-navigation"] ul.subnav li a.active,
          .home nav[aria-label="main-navigation"] ul.subnav li a.active {
            background: #404040;
            border-color: transparent; }
          nav[aria-label="main-navigation"] ul.subnav li a:hover, nav[aria-label="main-navigation"] ul.subnav li a:active, nav[aria-label="main-navigation"] ul.subnav li a:focus,
          .home nav[aria-label="main-navigation"] ul.subnav li a:hover,
          .home nav[aria-label="main-navigation"] ul.subnav li a:active,
          .home nav[aria-label="main-navigation"] ul.subnav li a:focus {
            text-decoration: underline; } }
  @media (min-width: 790px) {
    nav[aria-label="main-navigation"] > ul,
    .home nav[aria-label="main-navigation"] > ul {
      padding-right: 70px; } }
  @media (min-width: 790px) {
    nav[aria-label="main-navigation"] > ul > li,
    .home nav[aria-label="main-navigation"] > ul > li {
      display: table-cell;
      flex: 1 0 25%;
      min-width: 25%;
      max-width: 25%; }
      nav[aria-label="main-navigation"] > ul > li > a,
      .home nav[aria-label="main-navigation"] > ul > li > a {
        color: #e00732; } }
  .nav-open nav[aria-label="main-navigation"], .nav-open
  .home nav[aria-label="main-navigation"] {
    max-height: 5000px; }
    nav[aria-label=main-navigation] div,
    .home nav[aria-label=main-navigation] div {
    border-bottom: 1px solid #535353
    }

    @media (min-width:790px) {
        nav[aria-label=main-navigation] div,
        .home nav[aria-label=main-navigation] div {
            border-bottom: 1px solid transparent
        }
    }
  nav[aria-label="main-navigation"] a,
  .home nav[aria-label="main-navigation"] a {
    border-bottom: 1px solid #535353;
    display: inline-block;
    margin: 0;
    padding: 10px 15px; }
    nav[aria-label="main-navigation"] a:link, nav[aria-label="main-navigation"] a:visited,
    .home nav[aria-label="main-navigation"] a:link,
    .home nav[aria-label="main-navigation"] a:visited {
      text-decoration: none; }
    nav[aria-label="main-navigation"] a.active,
    .home nav[aria-label="main-navigation"] a.active {
      color: #e00732; }
    @media (min-width: 790px) {
      nav[aria-label="main-navigation"] a,
      .home nav[aria-label="main-navigation"] a {
        border-bottom: 1px solid transparent; } }
  nav[aria-label="main-navigation"] a.js_close-nav,
  .home nav[aria-label="main-navigation"] a.js_close-nav {
    display: none; }
    @media (min-width: 790px) {
      nav[aria-label="main-navigation"] a.js_close-nav,
      .home nav[aria-label="main-navigation"] a.js_close-nav {
        display: block;
        color: #e00732;
        font-size: 3em;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        right: 15px; } }

.no-flexbox nav[aria-label="main-navigation"] > ul,
.no-flexbox .home nav[aria-label="main-navigation"] > ul {
  width: 100%; }
  @media (min-width: 790px) {
    .no-flexbox nav[aria-label="main-navigation"] > ul,
    .no-flexbox .home nav[aria-label="main-navigation"] > ul {
      display: table; } }
  .no-flexbox nav[aria-label="main-navigation"] > ul > li,
  .no-flexbox .home nav[aria-label="main-navigation"] > ul > li {
    display: table-cell; }

#at4-share {
  top: 213px; }
  
  .blocks-wrapper-2 { 
     max-width: 1600px;
margin: auto;} 


     @media (max-width: 1160px) {
    .blocks-wrapper-2 { display:none;}} 
    
    .personalised-banner-2 { display:none;}

 @media (max-width: 1160px) {
    .personalised-banner-2 { display:block;}}
    
    /* New Accordion */

button.accordion-1 {
    background-color: #d62038;
    color: #fff;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 20px;
    transition: 0.4s;
    margin-bottom: 10px;
     transition: 0.4s;
}

button.accordion-1.active, button.accordion-1:hover {
    background-color: #000;
color: #fff;

}

div.panel {
    padding: 0 18px
    background-color: white;
   max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.accordion-1 img {
    
    vertical-align: middle;
max-height: 30px;
max-width: 160px;
float: right;

    
}


button.accordion-1:after {
    speak: none;
    font-size: 30px;
    line-height: 20px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
             content: "\f055"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin: 5px;
  color: #fff;
  float:right;
}

button.accordion-1.active:after {
    speak: none;
    font-size:30px;
    line-height: 20px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
             content: "\f056"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin: 5px;
  color: #fff;
  float:right;
}

/* Clearing widget */

.reveal {
    opacity: .85;
    display: block;
    pointer-events: auto;
    visibility: visible;
}

.hamburger-shell {
margin: 0;
position: fixed;
overflow: hidden;
width: 70px;
height: 100px;
overflow: auto;
left: calc(100% - 100px);
bottom: 10px;
z-index: 2;
}

.top2, .middle{
    position: absolute;
    width: 62px;
    height: 10px;
    background-color: #fff;
    transition: all 350ms ease-in-out;
    top: 20px;
    z-index: 1;
}

.middle {
    top: 40px;
}

#menu2 {
    position: fixed;
    color: black;
    display: none;
    margin: 10px -70px;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-weight: 100;
    font-size: 20px;
    text-transform: uppercase;
    color: #333;
    padding: 24px;
    width: 300px;
    text-align: right;
    z-index: 2;
background: #fff;
left: calc(100% - 230px);
bottom: -10px;
border: 3px solid #e00732;
}



@media screen and (max-width: 479px) {
#menu2 {
 margin: 0px -70px;
}
}

#menu2 a li {
    text-decoration: none!important;
    list-style: none;
    color: #555;
    transition: all 150ms ease;
}

@media screen and (max-width: 479px) {
#menu2 a li {
 padding-bottom: 2px;
}
}

#menu2 a li:hover {
    color: #00abff;
    padding-right: 3px;
}

#menu2 a li:hover:after {
}



#menu2 a {
    text-decoration: none;
}

.rotate {
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    top: 30px;
    background-color: #e00732;
    height: 2px;
}

.rotate-back {
    transform: rotate(-225deg);
    -webkit-transform: rotate(-225deg);
    top: 30px;
    background-color: #e00732;
    height: 2px;
}

.top2 {
-webkit-animation-delay: 100ms;
}

.middle {
-webkit-animation-delay: 250ms;
}

.bottom {
    -webkit-animation-delay: 400ms;
}

.menu-name {
    font-family: Verdana;
    font-weight: 900;
    color: #fff;
    font-size: 19.5px;
    text-decoration: none;
    position: absolute;
    top: 64px;
    left: -1px;
    transition: all 350ms;
    z-index: 1;
}

.clearing-name {
    font-family: Verdana;
    font-weight: 900;
    color: #fff;
    font-size: 11px;
    text-decoration: none;
    position: absolute;
    top: 55px;
    left: -1px;
    transition: all 350ms;
    z-index: 1;
}


.bump {
    top: 64px;
    color: red;
}

.responsive-box {
    background-color: #ddd;
    margin: 2%;
    float: left;
}

.box-1 {
    width: 96%;
    height: 300px;
}

.box-2, .box-3, .box-4 {
    width: 29.333%;
    height: 140px;
}

.box-5 {
    width: 62.666%;
    height: 492px;
}

.header {
position: fixed;
bottom: 0;
display: block;
width: 140px;
background: #e00732;
z-index: 2;
left: calc(100% - 140px);
height: 120px;
border: 4px solid #e00732;
}

.par-1, .par-2, .par-3 {
    width: 70%;
    margin: 1% 2%;
    background-color: #888;
    height: 16px;
    float: left;
}

.par-2 {
    width: 56%;
}

.par-3 {
    width: 64%;
}



.container1 {
    z-index: -1;
}


.anchor {

   position: absolute;

   top: -170px;

}

.block-text-menu h1 { 
    background-color:#e00732;
    overflow:hidden;
    display:inline-block; 
    padding:10px; 
    font-weight:bold;
    font-family:arial;
    color:#fff;
    margin: 0px;
} 

.block-text-menu span { 
   background: #fff;
    background-clip: border-box;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
display: block;
font-size: 13px;
}

.block-text-section h1 { 
    background-color:#fff;
    overflow:hidden;
    display:inline-block; 
    padding:10px; 
    font-weight:bold;
    font-family:arial;
    color:#fff;
    margin: 0px;
} 

.block-text-section span { 
   background: #e00732;
    background-clip: border-box;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
display: block;
font-size: 13px;
}

 .top span { 
   background: url(https://media.giphy.com/media/Wk0f3Mri3iSVW/giphy.gif) -100px -100px repeat;
    background-clip: border-box;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
display: block;
}


 .block-para {
    
padding: 30px;
margin-top: 20px;

}

.blue {
        background: #2D4F73;
}

.grey {
        background: #ababab;
}

.dark-grey {
        background: #404040;
}

.light-blue {
    
   background: #5c89b8
}

   .block-para h1 {
    
color:#fff;
font-weight: 900;
margin: 10px 20px 10px 20px;

}


   .block-para p {
    
color:#fff;
text-align: center;
font-size: 20px;

}

   .block-para h3 {
    
color:#fff;
text-align: center;
font-size:1.5em;
margin: 0px;
}

 .block-para hr {
    display: block;
    height: 2px;
    border: 0;
    border-top: 1px solid #fff;
    margin: 1em 0;
    padding: 0;
}


.top h1 {
    
  font-size:2em;
}

#menuexit {

font-family: FontAwesome;
position: absolute;
bottom: 4%;
left: 10%;
color: #fff;
border-width: 5px;
cursor: pointer;
color: #000;
font-size: 2em;
z-index: 3;
}

.vodsubmit {
-webkit-appearance: none;
-webkit-border-radius: 10;
-moz-border-radius: 10;
font-family: Arial;
color: #fff;
font-size: 23px;
background: #e00732;
padding: 10px 20px 10px 20px;
border: solid #e00732;
text-decoration: none;
width: auto;
margin-left: 35px;
margin-right: 35px;
margin-bottom: 15px;
border-radius: 5px;
margin:auto;
text-align: center;
}


.vodsubmit:hover {
  background: #000000;
  text-decoration: none;
  border: solid #000000; 4px;
  color:#fff;
}

.vodsubmit a {

  color:#c04;
  text-decoration:none;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#myInput {
    background-image: url('https://www.beds.ac.uk/__data/assets/image/0013/530041/icon-search.png');
    background-position: 10px 12px;
    background-repeat: no-repeat;
    width: 75%;
    font-size: 16px;
    border: 3px solid #ababab;
    padding: 12px 20px 12px 40px;
    margin-bottom: 12px;
    background-size: 20px;
}


.vodsubmit {
-webkit-appearance: none;
-webkit-border-radius: 10;
-moz-border-radius: 10;
font-family: Arial;
color: #fff;
font-size: 23px;
background: #e00732;
padding: 10px 20px 10px 20px;
border: solid #e00732;
text-decoration: none;
width: auto;
margin-left: 35px;
margin-right: 35px;
margin-bottom: 15px;
border-radius: 5px;
margin:auto;
width:100%;
text-align: center;
}

.vodsubmit-bottom {
margin-top: 50px;
float: right;
text-align: left;
width: auto;
border: solid #e00732;
-webkit-appearance: none;
-webkit-border-radius: 10;
-moz-border-radius: 10;
font-family: Arial;
color: #c04;
font-size: 23px;
background: #fff;
padding: 10px 20px 10px 20px;
text-decoration: none;
margin-left: 35px;
margin-right: -32px;
margin-bottom: 15px;
border-radius: 5px;
}

.vodsubmit-course {
margin:auto;
text-align: left;
padding-bottom:15px;
-webkit-appearance: none;
-webkit-border-radius: 10;
-moz-border-radius: 10;
font-family: Arial;
color: #c04;
font-size: 23px;
background: #fff;
padding: 10px 20px 10px 20px;
text-decoration: none;
margin-bottom: 15px;
border-radius: 5px;
width:100%;
}

 @media (max-width: 790px) {
     .vodsubmit-course {
         width:80%;
     }}

.vodsubmit-bottom:hover {
  background: #000000;
  text-decoration: none;
  border: solid #000000; 4px;
  color:#fff;
}

.vodsubmit-course:hover {
  background: #000000;
   text-decoration: none !important;
  color:#fff;
}




.vodsubmit:hover {
  background: #000000;
  text-decoration: none;
  border: solid #000000; 4px;
  color:#fff;
}

.vodsubmit a {

  color:#c04;
  text-decoration:none;
}