/*
  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: 06 November 2017 16:27:00
*/


.homepage header {
    padding: 0px;
}

.homepage .site-logo {
    padding: 1.6em 0 0;
}

/*.homepage*/ .topbar-search form {
    width: 45% !important;
}

body /*.homepage */ .topbar-search{
    float: right;
    right: 20px;
}

.topbar-search {
   background: #2e2e2e;
}

.topbar-search .arrow {
    border-left: 2.4em solid #2e2e2e;
}

.content-container .homepage-mobile.block-site-search {
        display: none;
    }

@media screen and (min-width: 991px) {
     .strip-visitUs__header {
       padding-bottom: 25px;
    }

  /*  
  .homepage .saved-elements {
    transform: rotate(270deg);
  }
  */
  .homepage .sticky-buttons-2:hover {
    right: 263px;
    transition: 1s,all;
  }

  /*
  .homepage .saved-pages {
    background: #ffffff;
    height: 35px;
    margin: 0;
    float: none;
}


.homepage .saved-elements {
    top: -57px;
    margin-top: -202px;
    height: 161px;
    right: -63px;
    overflow-y: scroll;
    text-align: left;
    
    display: block;
}


.homepage .saved-pages span {
    width: 127px;
}

*/

.homepage .sticky-buttons-2 {
    position: fixed;
    top: 280px;
    right: -58px;
    text-align: right;
    z-index: 10;
    transition: 1s,all;
}


.homepage .sticky-buttons {
    /* top: 390px; */
}
}

.block-links-list li {
    background: #eb212e;
    -webkit-box-shadow: 0px 5px 8px 0px rgba(30, 30, 30, 0.75);
    -moz-box-shadow:    0px 5px 8px 0px rgba(30, 30, 30, 0.75);
    box-shadow:         0px 5px 8px 0px rgba(30, 30, 30, 0.75);
}

.block-links-list a {
    font-family: 'dax-medium', arial, sans-serif;
}

.mdx-schools ul li {
    float: none;
    width: auto;
    height: auto;
    background: #2e2e2e;
}

.mdx-schools ul li a {
    font-size: 1rem;
    height: auto;
    font-family: 'dax-regular', 'sans-serif';
    padding: 15px;
    background-position: 96% center;
}

.mdx-schools ul li a:hover {
    background-position: 100% center;
}

.mdx-schools ul li a span {
    position: inherit;
    margin: 0;
    padding-right: 0;
}

.events-list .event-date {
    background: #bdbdbd;
}

.map-header {
    position: relative;
    font-family: 'dax-regular', arial, sans-serif;
    padding-top: 15px;
    left: 0;
}
.map-header h2 {
    font-family: 'dax-regular', arial, sans-serif;
    text-align: left;
}

.footer-address__container {
    float: left;
    width: 60%;
    text-align: left;
}

.footer-address {
    float: left;
    text-align: center;
    display: inline-block; 
    width: 50%;
    color: #fff;
    font-size: 1.063rem;
    font-family: 'dax-regular', arial, sans-serif;
    padding: 0px;
}

.footer-address__container .footer-address{
    text-align: left;
    width: 100%;
}

.social-icon__wrapper {
    margin-left: -0.5em;
    float: left;
    width: 25%;
}

.social-icon-list {
    float: left;
    width: 25%;
}


.social-icon__wrapper .social-icon-list{
    width: 100%;
    margin-left:0;
}
.awards-icon__wrapper {
    float: right;
    margin-right: -0.5em;
}
.awards-icon__wrapper .awards-icon-list {
    margin-right: 0;
}

.awards-icon__wrapper .awards-icon-list li:first-child {
    padding: 0;
}

.icon-social.icon-email {
    background: url("http://www.mdx.ac.uk/__data/assets/image/0022/131269/email4.png") center center;
    background-size: 100% auto;
    width: 27px;
}

.homepage header.menu_fixed nav {
   padding-top: 5px;
}

.mdx-schools.white > h2 {
    font-family: 'dax-regular', 'sans-serif';
    padding-left: 0px;
}

/* GALLERY */
  
  .campaign-carousel-container .carousel-content, .campaign-carousel-container .carousel-content li{
    background: #fff;
  }

  
  .campaign-carousel-container .carousel-content .slides {
    max-height: 533px;
    overflow: hidden;
  }
  
  .campaign-carousel-container .slides li img {
    width: 100%;
  }
  
  .strip-carousel__nav .flex-control-paging li a {
    width: 19px;
    height: 19px;
    background: none;
    border: 1px solid #a8a8a8;
    box-shadow: none;
    -webkit-box-shadow: none;
  }
  
  .strip-carousel__nav .flex-control-paging li a.flex-active {
    background: #6e6e6e;
    border-color: #6e6e6e;
  }
  
  .content-container .content > div:not(.component):not(.listing):not(.listing-white-box).strip-carousel__wrapper {
    padding-bottom: 54px;
    padding-top: 54px;
  }
  
  .strip-carousel__header {
    font-family: 'dax-medium', arial, sans-serif;
    font-size: 1.667em;
    color: #6e6e6e;
    text-align: left;
    margin-bottom: 45px;
  }
  
  
  
  .strip-carousel__nav .flex-control-nav {
    position: relative;
    top: -6px;
    bottom: auto;
    width: auto;
  }
  
  .strip-carousel__nav .flex-control-nav li{
      display: inline-block;
          margin: 0 10px;
  }
  
  .strip-carousel__nav .flex-prev {
     text-align: right;
     padding-right: 10px;
  }
  
  .strip-carousel__nav .flex-prev img, .strip-carousel__nav .flex-next img {
    height: 21px;
    width: 15px;
  }
  
  .strip-carousel__nav .flex-next {
     text-align: left;
     padding-left:10px;
  }
  
  .strip-carousel__nav > * {
      display: inline-block;
      position: static;
  }
   
  .strip-carousel__nav {
      width: auto;
      display: table;
      margin-left: auto;
      margin-right: auto;
      padding-top: 41px;
  }
  
  .campaign-carousel-container .flex-viewport{
    max-height: 533px;
  }
  
  .strip-carousel__caption {
      position: absolute;
      box-sizing: border-box;
      background: rgba(0,0,0,0.38);
      bottom: 45px;
      left: 0;
      z-index:2;
      padding:35px 40px;
      width: 50%;
  }

  
  
  .strip-carousel__caption p {
      color: #fff;
      font-family: 'dax-medium', arial, sans-serif;
      font-size: 1.267em;      
  }
  .strip-carousel__caption p:not(.strip-carousel__read-more) {
      line-height: 1.4em;
  }

  .homepage .strip-carousel__header {
      margin: 0px;
  }

  .homepage .strip-carousel__nav {
      padding-top: 20px;
  }
  
  .homepage .strip-carousel__caption {
    width: 80%;
    bottom: 20px;
    padding: 15px;
  }

  .homepage .strip-carousel__wrapper {
    overflow: hidden;
  }

  .homepage .strip-carousel__caption p {
    font-family: 'dax-regular', arial, sans-serif;
    font-size: 1.933em; 
  }
  .homepage .strip-carousel__caption .strip-carousel__subdescription { 
     font-size: 1.375em; 
     font-family: 'dax-regular', arial, sans-serif;
  }
  .homepage .strip-carousel__caption p:not(.strip-carousel__read-more) {
    margin: 0px;
  }
  @media (min-width: 300px) and (max-width: 410px){
    .homepage .strip-carousel__caption .strip-carousel__subdescription{
      font-size: 1em;
    }
    .homepage .strip-carousel__caption p{
      font-size: 1.5em;
    }
  }

  .homepage .strip-carousel__read-more a{
    font-size: 1.133rem;
    font-family: 'dax-regular', arial, sans-serif;
    color: #fff;
  }

  .homepage .strip-carousel__wrapper {
    margin-bottom: 20px;
  }

  .homepage .strip-carousel__wrapper .wrap {
    padding: 0px;
  }

  .homepage .strip-carousel__nav .flex-control-paging li a {
    border-color: #fff;
  }

  .homepage .strip-carousel__nav .flex-control-paging li a.flex-active {
    background: #fff;
    border-color: #fff;
  }

/* CONTACT US */
  
  .content-container .content > div:not(.component):not(.listing):not(.listing-white-box).strip-contactUs__wrapper {
    padding-top: 75px;
    padding-bottom 75px;
  }
  
  .strip-contactUs__item {
    background: #ff0000;
    background-size: cover;
    padding: 12px 30px 12px 30px;
    text-align: left;
    position: relative;
    display: flex;
  }
  
  .strip-contactUs__wrapper a:hover .strip-contactUs__item {
    background: #dc0f0f;
  }
  
  
  .strip-contactUs__item-wrapper {
    width: 100%;
    display: block;
    box-sizing: border-box;
    flex: 1;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  
  .strip-contactUs__item-wrapper:first-child {
    padding-top: 0px;
  }
  
  .strip-contactUs__item-wrapper:last-child {
    padding-bottom: 0px;
  }
  
  
  .strip-contactUs__h1 {
    font-family: 'dax-medium', arial, sans-serif;
    font-size: 1.267em;
    display: inline-block;
    color: #fff;
      line-height: 1.7em;
  }
  
  p.strip-contactUs__header {
    font-family: 'dax-medium', arial, sans-serif;
    font-size: 1.667em;  
    color: #6e6e6e;
    text-align: left;
    margin-bottom: 45px;
  }
  
  .strip-contactUs__icon img {
    max-width: 30px;
  }
  
  .strip-contactUs__icon {
    width: 15%;
    display: inline-block;
  }
  
  .strip-contactUs__wrapper a {
    color: #000;
  }
  .strip-contactUs__wrapper a:focus, .strip-contactUs__wrapper a:hover, .strip-contactUs__wrapper a:active {
    color: #000;
    text-decoration: none;
  }

  .homepage .strip-contactUs__item {
    background: #2e2e2e;
  }

  .homepage .strip-contactUs__h1 {
    font-family: 'dax-light', arial, sans-serif;
  }

  .homepage .strip-contactUs__header, .homepage .homepage-header {
    font-size: 1.400rem;
    color: #fff;
    font-family: 'dax-regular', arial, sans-serif;
  }

  footer .homepage-header{
    padding-bottom: 20px;
  }

  .homepage .strip-contactUs__wrapper .wrap{
    padding: 10px 0px;
  }
  .homepage .strip-contactUs__wrapper a:hover .strip-contactUs__item {
    background: #383838;
  }
  .homepage .strip-contactUs__wrapper .businesss-and-knowledge-f:first-child {
    width: 61%;    
  }

  .homepage .strip-contactUs__wrapper .businesss-and-knowledge-f:last-child {
    width: 37%;    
  }
 
  .strip-contactUs__map {
    width: 100%;
  }

  .homepage .strip-contactUs__item {
    padding: 12px 20px;
  }

  .homepage p.strip-contactUs__header {
    margin-bottom: 5px;
  }

    /* VISIT US */

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

    .strip-visitUs__background {
      background: rgba(0,0,0,0.6);
      position: absolute;
      width: 100%;
      height: 70%;
      bottom: 0;
      left: 0;
      z-index: 2;
    }

    .strip-visitUs__box {
      width: 32%;
      float: left;
      position: relative;
      background: transparent;
      padding: 10px 10px 40px 10px;
      box-sizing: border-box;
      font-family: 'dax-medium', arial, sans-serif;
      height: 183px;
      display: table;
      overflow: hidden;
    }
    .strip-visitUs__grey {
      background: #ebebeb;
    }
    .strip-visitUs__black {
      background: #2e2e2e;
    }
    .strip-visitUs__photo {
      background: url('mysource_files/visitUs-box__picture.jpg');
      background-size: cover;
      background-repeat: no-repeat;
    }
    .strip-visitUs__picture {
      position: absolute;
      object-fit: cover;
      width: 100%;
      height: 100%;
      top: 0;
      right:0;
    }
    .strip-visitUs__triangle {
      width: 0;
      position: absolute;
      bottom: 0;
      right: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0 190px 185px;
      z-index:1;
    }
    .strip-visitUs__grey .strip-visitUs__triangle {
      border-color: transparent transparent #bdbdbd transparent;
    }
    .strip-visitUs__black .strip-visitUs__triangle {
      border-color: transparent transparent #252525 transparent;
    }
    .strip-visitUs__button, .strip-carousel__read-more {
      box-sizing: border-box;
      color: #fff;
      display: inline-block;
      background: #eb212e url("http://www.mdx.ac.uk/__data/assets/image/0026/7748/bg-mdx-schools-link.png?v=0.1.10") no-repeat 90% center;
      z-index:2;
    }
    .strip-visitUs__button {
      left: 10px;
      padding: 13px;
      width: 90%;
      text-align: left;
      bottom: 10px;
      position: absolute;
      text-decoration: none;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      -webkit-user-select: text;
      -moz-user-select: text;
      user-select: text;
    }
    .strip-carousel__read-more {
      padding: 13px 75px 13px 13px;
      line-height: 1;
      margin-top: 5px;
      font-family:"dax-medium",arial,sans-serif;
    }
    .strip-visitUs__header {
      display: table-cell;
      vertical-align: bottom;
      font-family: 'dax-medium', arial, sans-serif;
      color: #fff;
      font-size: 1.223rem;
      line-height: 25px;
      z-index:2;
      position: relative;
    }
    .strip-visitUs__grey .strip-visitUs__header {
      color: #eb212e;
    }
    .strip-visitUs__header span {
      //font-family: 'dax-medium', arial, sans-serif;
      //font-size: 1.200rem;
      display: block;
    }
    .strip-visitUs__button:hover, .strip-carousel__read-more:hover {
      text-decoration: none;
      background-position: 93% center;
    }




@media (min-width: 1200px) { 
    body.homepage  .topbar-search{
      width: 50%;
      float: right;
    }

    body:not(.course) .inner-search:not(.topbar-search) form {
        width: 50%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .topbar-search {
        width: 65%;
    }
}
@media (min-width: 991px) {
    .strip-visitUs__box:nth-child(2) {
      margin: 0px 1% 0px 0px;
    }
    .strip-visitUs__box:nth-child(4) {
      margin: 0px 0px 0px 1%;
    }
    .strip-visitUs__box:nth-child(3) {
      margin: 0px 1%;
    }
}
@media (max-width: 991px) {
    .homepage .sticky-buttons-2 {
      display: none;
    }
    .strip-visitUs__box {
      width: 100%;
      padding-bottom: 60px;
      min-height: initial;
    }
    .strip-visitUs__button {
      width: auto;
      padding: 13px 50px 13px 13px;
    }
    .strip-visitUs__box:nth-child(3) {
      margin: 15px 0px;
    }
}
@media (min-width: 801px) {
   .homepage header.menu_fixed {
       padding: 0px 0px 10px 0px;
       height: 80px;
   }
   .homepage .saved-pages {
    transform: rotate(90deg);
   }
   .homepage .saved-pages span {
    transform: scale(-1,-1);
   }
   .homepage .saved-pages .arrow {
    transform: scaleY(-1);
   }
   .homepage .saved-pages .saved-pages-number {
    transform: scale(-1,-1);
   }
}
@media (max-width: 800px) {
    .homepage header,
    .with-topbar-search header {
        padding: 1.6em 0 0;
    }
    .homepage header.menu_fixed {
        padding: 10px 0;
    }
}

@media (max-width: 800px) {
    .home-layout .search-and-saved-wrapper, .home-layout .topbar-search {
        display: none;
    }
    .homepage .site-logo {
        padding-top: 0px;
        padding-bottom: 1em;
    }
    .content-container > .block-site-search { 
        display: block;
    }
    .block-site-search h2, .site-search h2 {
        display: block;
    }
    .homepage .sidebar-right .small-map-campuses,
    .homepage .sidebar-right .responsive-map-campuses {
        -webkit-box-ordinal-group: 4;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 4;
        -webkit-order: 4;
        order: 4;
    }
}
@media (max-width: 767px) {
    .sticky-buttons-2 {
       display: none;
    }
    .footer-cookies {
        margin-bottom: 120px;
    }
    .homepage .mobile-nav-buttons {
        display: none;
    }
}
@media (max-width: 700px) {
    .search-aside {
        display: table-footer-group;
    }
    .search-container {
        display: table-header-group;
    }
    .search-page {
        display: table;
    }
}

@media (min-width: 600px) {
.social-icon__wrapper .social-icon-list li:nth-child(4){
    clear: both;
    zoom: 1;
}
.social-icon__wrapper .social-icon-list li:nth-child(4):after{
    clear: both;
}
.social-icon__wrapper .social-icon-list li:nth-child(4):after, .social-icon__wrapper .social-icon-list li:nth-child(4):before{
    content: "";
    display: table;
}
}
@media (max-width: 600px) {
    .social-icon__wrapper, .footer-address__container, .awards-icon__wrapper {
       width: 100%;
       margin: 0px 0px 20px 0px;
    }

    footer .homepage-header {
        padding-bottom: 5px;
    }

    .awards-icon__wrapper .awards-icon-list {
       float: left;
    }
}