@charset "UTF-8";
/*!
	Theme Name: BMet 2017
	Version: 1
	Theme URI: http://www.fifteendesign.co.uk/
	Description: Wordpress Theme created by Fifteen Design
	Author: Al & Pav @ Fifteen Design
	Author URI: http://www.fifteendesign.co.uk/
*/
/*------------------------------------*\
	Layouts
\*------------------------------------*/
/*------------------------------------*\
	FONTS
\*------------------------------------*/
/*------------------------------------*\
	Colours
\*------------------------------------*/
@-webkit-keyframes mouse-wheel {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: 5px;
  }
}
@keyframes mouse-wheel {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: 5px;
  }
}

/*----------------------------------
    MEDIA QUERY:
    1.Generic
    2. iPhone
        2.1. iPhone 5, 5S, 5C and 5SE
        2.2. iPhone 6, 6S, 7 and 8 
        2.3. iPhone X
    3. iPad
        3.1. iPad 1, 2, Mini and Air
        3.2. iPad Pro 12.9"
    4. Samsung, Pixel, Nexus 
----------------------------------*/
/*----------------------------------
    1. Generic
----------------------------------*/
/*----------------------------------
    2. Iphone
----------------------------------*/
/*----------------------------------
    2.1. iPhone 5, 5S, 5C and 5SE
----------------------------------*/
/*----------------------------------
    2.2. iPhone 6, 6S, 7 and 8
----------------------------------*/
/*----------------------------------
    2.3. iPhone X
----------------------------------*/
/*----------------------------------
    3. Ipad
----------------------------------*/
/*----------------------------------
    3.1. iPad 1, 2, Mini and Air
----------------------------------*/
/*----------------------------------
    3.2. iPad Pro 12.9"
----------------------------------*/
/*----------------------------------
    4. Samsung, Pixel, Nexus
----------------------------------*/
/*
    Mixins
*/
.matthew-boulton .college-property--background-color, .matthew-boulton .page-template-our-locations-college .banner__college__overlay__content__background, .page-template-our-locations-college .matthew-boulton .banner__college__overlay__content__background, .matthew-boulton .page-template-our-locations-college .our-locations-featured-pages__col, .page-template-our-locations-college .matthew-boulton .our-locations-featured-pages__col {
  background-color: #008894;
}

.matthew-boulton .college-property--border, .matthew-boulton blockquote {
  border-color: #008894;
}

.matthew-boulton .college-property--color {
  color: #008894;
}

.sutton-coldfield .college-property--background-color, .sutton-coldfield .page-template-our-locations-college .banner__college__overlay__content__background, .page-template-our-locations-college .sutton-coldfield .banner__college__overlay__content__background, .sutton-coldfield .page-template-our-locations-college .our-locations-featured-pages__col, .page-template-our-locations-college .sutton-coldfield .our-locations-featured-pages__col {
  background-color: #863995;
}

.sutton-coldfield .college-property--border, .sutton-coldfield blockquote {
  border-color: #863995;
}

.sutton-coldfield .college-property--color {
  color: #863995;
}

.james-watt .college-property--background-color, .james-watt .page-template-our-locations-college .banner__college__overlay__content__background, .page-template-our-locations-college .james-watt .banner__college__overlay__content__background, .james-watt .page-template-our-locations-college .our-locations-featured-pages__col, .page-template-our-locations-college .james-watt .our-locations-featured-pages__col {
  background-color: #8dc854;
}

.james-watt .college-property--border, .james-watt blockquote {
  border-color: #8dc854;
}

.james-watt .college-property--color {
  color: #8dc854;
}

.stourbridge .college-property--background-color, .stourbridge .page-template-our-locations-college .banner__college__overlay__content__background, .page-template-our-locations-college .stourbridge .banner__college__overlay__content__background, .stourbridge .page-template-our-locations-college .our-locations-featured-pages__col, .page-template-our-locations-college .stourbridge .our-locations-featured-pages__col {
  background-color: #0272ba;
}

.stourbridge .college-property--border, .stourbridge blockquote {
  border-color: #0272ba;
}

.stourbridge .college-property--color {
  color: #0272ba;
}

.kidderminster .college-property--background-color, .kidderminster .page-template-our-locations-college .banner__college__overlay__content__background, .page-template-our-locations-college .kidderminster .banner__college__overlay__content__background, .kidderminster .page-template-our-locations-college .our-locations-featured-pages__col, .page-template-our-locations-college .kidderminster .our-locations-featured-pages__col {
  background-color: #6bcef3;
}

.kidderminster .college-property--border, .kidderminster blockquote {
  border-color: #6bcef3;
}

.kidderminster .college-property--color {
  color: #6bcef3;
}

/*
    Miscellaneous
*/
/*
    Iframes
*/
.embed-container {
  display: none;
  z-index: 599;
  position: fixed;
  width: 80%;
  padding-bottom: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.embed-container.active {
  display: block;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
    Keyframes
*/
@-webkit-keyframes scale {
  0% {
    transform: scale(1) translateX(0);
    transform-origin: center bottom 0;
  }
  100% {
    transform: scale(1.05) translateX(0);
    transform-origin: center top 0;
  }
}
@keyframes scale {
  0% {
    transform: scale(1) translateX(0);
    transform-origin: center bottom 0;
  }
  100% {
    transform: scale(1.05) translateX(0);
    transform-origin: center top 0;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

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

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

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

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}

.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  opacity: .75;
}

.close:not(:disabled):not(.disabled) {
  cursor: pointer;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -25%);
}

.modal.show .modal-dialog {
  transform: translate(0, 0);
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2));
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.ml-0 {
  margin-left: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0 !important;
  opacity: 0 !important;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
  position: relative !important;
  visibility: visible !important;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 4rem 10%;
}

.modal-body h3 {
  text-align: center;
  font-size: 30px;
  line-height: 32px;
  margin-bottom: 3rem;
  color: #000 !important;
}

.modal-body a {
  color: #000 !important;
}

.modal-body a:hover {
  color: #e72435 !important;
}

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef;
}

.modal-footer > :not(:first-child) {
  margin-left: .25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: .25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    max-width: 992px;
  }
}

.pl-4 {
  padding-left: 1.5rem;
}

.modal-dialog {
  max-width: 65%;
  margin: 0 auto;
}

@media (max-width: 818px) and (min-width: 0px) {
  .modal-dialog {
    max-width: 90%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .modal-dialog {
    max-width: 90%;
  }
}

.modal-header {
  border: none;
  position: relative;
  top: 0%;
  right: 0%;
  z-index: 2;
  padding: 0;
}

.modal-header button {
  font-size: 4rem;
  font-weight: 100;
  visibility: visible !important;
  opacity: 1;
  color: #000 !important;
  font-size: 18px !important;
}

.btn-dark {
  margin-top: 3rem;
}

.modal-content {
  padding: 3rem 1rem;
  border-radius: 10px;
}

.modal-body p {
  font-size: 18px;
  line-height: 22px;
  color: #000;
}

.bottom {
  margin-top: 5rem;
}

.bottom img {
  width: auto;
  height: 65px;
}

.modal-dialog,
.modal-content {
  height: 100%;
}

.modal-body {
  overflow-y: scroll;
}

/*
    MAIN
*/
/* global box-sizing */
*,
*:after,
*:before {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  outline: 0 !important;
}

html {
  /* html element 62.5% font-size for REM use */
  font-size: 62.5%;
  margin: 0;
  height: 100%;
}

body {
  font: 16px "Open Sans", Arial, sans-serif;
  color: #252525;
  margin: 0;
  height: 100%;
  min-width: 305px;
}

/* clear */
.clear:before,
.clear:after {
  content: ' ';
  display: table;
}

.clear:after {
  clear: both;
}

.clear {
  *zoom: 1;
}

.clear--left {
  clear: left;
}

.clear--right {
  clear: right;
}

.clear--both {
  clear: both;
}

.clearfix:after, .form-message:after, .p-message .p-message-item:after, form.login_form:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

img {
  max-width: 100%;
  vertical-align: bottom;
  width: auto;
  height: auto;
}

a {
  color: #252525;
  text-decoration: none;
  transition: all 0.2s ease-in-out 0s;
}

a:hover {
  color: #e72435;
}

a:focus {
  outline: 0;
}

a:hover,
a:active {
  outline: 0;
}

.post-edit-link {
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: #c2c2c2;
  color: #fff;
  padding: 1em 1.5em;
  z-index: 99;
}

.post-edit-link:hover {
  background-color: #0272ba;
  color: #fff;
}

.scroll-to-top {
  position: fixed;
  bottom: -10%;
  right: 3%;
  z-index: 8;
  transition: all, 0.5s, ease;
}

.scroll-to-top .fa-stack {
  line-height: 1.7em;
}

.scroll-to-top.active {
  bottom: 3%;
}

.blackout {
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-in-out 0s;
}

.blackout.active {
  opacity: 0.8;
  visibility: visible;
}

::-moz-selection {
  background: #0272ba;
  color: white;
  text-shadow: none;
}

::selection {
  background: #0272ba;
  color: white;
  text-shadow: none;
}

::-webkit-selection {
  background: #0272ba;
  color: white;
  text-shadow: none;
}

::-moz-selection {
  background: #0272ba;
  color: white;
  text-shadow: none;
}

.lightbox-video {
  cursor: pointer;
}

.mouse-wrap {
  bottom: 1em;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 110px;
  height: 33px;
  z-index: 2;
  transition: all 0.8s ease-in-out 0s;
  cursor: pointer;
}

.mouse-wrap img {
  width: 21px;
  position: absolute;
  top: 0;
  left: 0;
}

.mouse-wrap img:nth-of-type(2) {
  -webkit-animation: mouse-wheel 1.4s linear infinite;
          animation: mouse-wheel 1.4s linear infinite;
}

.mouse-wrap p {
  color: #000;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.75em;
  text-align: right;
  margin: 0;
  margin-top: 5px;
}

/*
    PRINT
*/
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}

/*
    TYPOGRAPHY
*/
h1 {
  font-size: 2.25em;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 24.8px;
}

h4 {
  font-size: 21.6px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 18.4px;
}

h1, h2, h3, h4, h5, h6 {
  color: #252525;
  margin: 0 0 0.5em;
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-weight: 300;
}

h1 {
  margin-top: 0;
}

p, ol, ul, li {
  font-size: 16px;
  line-height: 150%;
}

p {
  line-height: 160%;
  margin-top: 0;
}

p a {
  color: #e72435;
}

p a:hover {
  color: #252525;
}

.content a {
  text-decoration: none;
  font-weight: 600;
}

.content p {
  line-height: 180%;
}

.content h2, .content h3, .content h4, .content h5 {
  color: #e72435;
  margin-top: 1.5em;
  margin-bottom: 1em;
}

.content .btn {
  margin-top: 2em;
  font-weight: 400;
}

blockquote {
  border-left: 5px solid #e72435;
  margin: 2em 0;
  padding: 1em 2em;
  font-size: 1.0625em;
  line-height: 160%;
}

hr {
  height: 1px;
  background-color: #d7d7d7;
  border: none;
  margin: 2em 0;
}

/*
    WORDPRESS CORE
*/
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #FFF;
  border: 1px solid #F0F0F0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/*
    Structure
*/
/*------------------------------------*\
    Section
\*------------------------------------*/
.section-wrap {
  padding: 4em 0;
}

.section-wrap--red {
  background-color: #e72435;
}

.section-wrap--yellow {
  background-color: #fddb33;
}

/*------------------------------------*\
    Wrapper
\*------------------------------------*/
.wrapper {
  width: 1200px;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

@media (max-width: 1200px) {
  .wrapper {
    width: 95%;
  }
}

@media (max-width: 818px) and (min-width: 0px) {
  .wrapper {
    width: 85%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .wrapper {
    width: 85%;
  }
}

.wrapper.inner,
.wrapper > .inner {
  padding: 30px 0px;
}

/*------------------------------------*\
    Grid system
\*------------------------------------*/
.grid-4-col__item {
  width: 24.2%;
  float: left;
  margin-right: 2%;
  margin-bottom: 1em;
}

.grid-4-col__item:nth-of-type(4n) {
  margin-right: 0;
}

@media (max-width: 1024px) {
  .grid-4-col__item {
    width: 32.6%;
    margin-bottom: 1em;
  }
  .grid-4-col__item:nth-of-type(4n) {
    margin-right: 2%;
  }
  .grid-4-col__item:nth-of-type(3n) {
    margin-right: 0;
  }
}

@media (max-width: 768px) {
  .grid-4-col__item {
    width: 48%;
    margin-bottom: 1em;
  }
  .grid-4-col__item:nth-of-type(3n) {
    margin-right: 2%;
  }
  .grid-4-col__item:nth-of-type(2n) {
    margin-right: 0;
  }
}

@media (max-width: 600px) {
  .grid-4-col__item {
    width: 100%;
    margin-right: 0;
  }
}

.grid-3-col__item {
  width: 32%;
  float: left;
  margin-right: 2%;
}

.grid-3-col__item:nth-of-type(3n) {
  margin-right: 0;
}

.grid-3-col__item:nth-of-type(3n+1) {
  clear: left;
}

@media (max-width: 768px) {
  .grid-3-col__item {
    width: 48%;
    margin-bottom: 1em;
  }
  .grid-3-col__item:nth-of-type(3n) {
    margin-right: 2%;
  }
  .grid-3-col__item:nth-of-type(2n) {
    margin-right: 0;
  }
  .grid-3-col__item:nth-of-type(3n+1) {
    clear: none;
  }
  .grid-3-col__item:nth-of-type(2n+1) {
    clear: left;
  }
}

@media (max-width: 600px) {
  .grid-3-col__item {
    width: 100%;
    margin-right: 0;
  }
  .grid-3-col__item:nth-of-type(2n+1) {
    clear: none;
  }
}

.grid-2-col__item {
  width: 49%;
  float: left;
  margin-right: 2%;
}

.grid-2-col__item:nth-of-type(2n) {
  margin-right: 0;
}

@media (max-width: 1024px) {
  .grid-2-col__item {
    width: 100%;
    margin-bottom: 1em;
    margin-right: 0;
  }
}

/*
    Header
*/
.spacer {
  visibility: hidden;
  height: 0;
  padding-bottom: 143px;
}

.scroll-to-top {
  position: fixed;
  bottom: -10%;
  right: 3%;
  z-index: 8;
  transition: all 0.5s ease-in-out 0s;
}

.scroll-to-top.active {
  bottom: 3%;
}

.logo {
  /*width: 15%;
    float: left;*/
}

@media (max-width: 1024px) {
  .logo {
    width: auto;
  }
}

.logo .logo_img {
  height: auto;
  min-width: 250px;
  max-width: 100%;
  width: 100%;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .logo .logo_img {
    width: 100%;
    min-width: 100%;
  }
}

@media (max-width: 818px) and (min-width: 0px) {
  .logo .logo_img {
    width: 100%;
    min-width: 100%;
  }
}

.header {
  top: 0;
  left: 0;
  width: 100%;
  background-color: #f8f7f3;
  z-index: 9;
  padding: 2rem 0;
}

@media (max-width: 1024px) {
  .header {
    padding: 0 0;
  }
  .header > .wrapper {
    padding: 1em 0;
  }
}

.main-nav li {
  float: left;
}

.main-nav li:last-child a:after {
  display: none !important;
}

.main-nav a:after {
  content: "";
  background: #3E3E3E;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 1.5px;
}

body.disable-sticky .header {
  position: relative !important;
}

body.disable-sticky > .spacer {
  display: none;
}

.header__top {
  width: 85%;
  float: right;
  text-align: right;
}

@media (max-width: 1024px) {
  .header__top {
    margin-bottom: 0;
    width: calc(100% - 174px);
  }
}

.header__top__search {
  width: 30%;
  display: inline-block;
  vertical-align: middle;
  padding-left: 20px;
}

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

@media (max-width: 1024px) {
  .header__top .header__btn {
    display: none;
  }
}

.header__btn {
  text-transform: uppercase;
  font-family: "Roboto Condensed", Arial, sans-serif;
  padding: 0px;
  margin: 10px 7px;
  display: inline-block;
  vertical-align: middle;
}

.header__btn:hover {
  color: #252525;
}

.header__btn__icon {
  padding: 1em;
  border: 1px solid;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  display: inline-block;
  line-height: 100%;
  position: relative;
  vertical-align: middle;
  margin-right: 5px;
}

.header__btn__icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.header__btn__text {
  display: inline-block;
  vertical-align: middle;
}

.header__btn--courses {
  color: #ed6d2e;
}

.header__btn--events {
  color: #8dc854;
}

.header__btn--details {
  color: #008894;
}

.header__btn--login {
  color: #e72435;
}

.header__btn--logout {
  color: #e72435;
}

.header__btn--accessibility {
  color: #ed6d2e;
}

.mobile-menu-wrap {
  display: none;
  float: right;
  padding: 0.9em 1em;
  line-height: 100%;
  font-size: 1.125em;
  cursor: pointer;
  text-transform: uppercase;
}

.mobile-menu-wrap .fa {
  margin-left: 0.2em;
}

.mobile-menu-wrap:hover {
  background-color: #fddb33;
}

@media (max-width: 1024px) {
  .mobile-menu-wrap {
    display: block;
  }
}

.unite-downtime-sitewide {
  background-color: #888888;
}

.unite-downtime-sitewide__inner {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}

.unite-downtime-sitewide__inner > * {
  display: inline-block;
  vertical-align: middle;
}

.unite-downtime-sitewide__icon {
  margin-right: 10px;
}

.unite-downtime-sitewide__icon i.fa {
  color: #fddb33;
}

.unite-downtime-sitewide__message {
  color: #fff;
  font-size: 1em;
}

.unite-downtime-sitewide__message .button, .unite-downtime-sitewide__message .p-form fieldset.form-fieldset.address-suggestion .form-note, .p-form fieldset.form-fieldset.address-suggestion .unite-downtime-sitewide__message .form-note {
  padding: 0px 15px !important;
  font-size: 1em;
  margin-left: 10px;
}

@media (max-width: 768px) {
  .unite-downtime-sitewide {
    display: none;
  }
}

.top_header {
  background: #3E3E3E;
  padding: 1.5rem 0rem;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .top_header .text-right {
    text-align: center !important;
  }
}

.top_header a {
  font-size: 16px;
  color: #fff;
  text-transform: capitalize;
  margin: 1rem 2rem;
  transition: color 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s;
}

@media (max-width: 818px) and (min-width: 0px) {
  .top_header a {
    margin: 1rem 0;
    display: block;
    width: 50%;
    text-align: center;
    float: left;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .top_header a {
    margin: 1rem;
    display: contents;
    width: auto;
    text-align: center;
    float: left;
  }
}

.top_header a:hover {
  color: #e72435;
}

/*----------------------------------
    Sticky after scroll
----------------------------------*/
.logo {
  transition: all .5s ease-out 0s;
}

.sticky {
  position: fixed;
  padding: 1rem 0;
  top: 0;
  width: 100%;
  z-index: 999;
  box-shadow: 0 4px 6px -8px #222;
  -webkit-animation: smoothScroll 1s forwards;
          animation: smoothScroll 1s forwards;
}

.sticky header {
  background: 300;
}

.sticky .main-nav {
  font-size: 16px;
}

.sticky .logo {
  width: 100%;
  height: 50px;
}

.sticky .logo a {
  display: block;
  height: 100%;
  width: 100%;
}

.sticky .logo a img {
  height: 100%;
  min-width: auto;
  width: auto;
}

.sticky .arrow_under {
  color: #000 !important;
}

@media (max-width: 818px) and (min-width: 0px) {
  .sticky {
    position: relative;
    box-shadow: none;
    -webkit-animation: none;
            animation: none;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .sticky {
    position: relative;
    box-shadow: none;
    -webkit-animation: none;
            animation: none;
  }
}

@-webkit-keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}

@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}

.sticky + .container-fluid {
  padding-top: 102px;
}

.sticky + .container {
  padding-top: 102px;
}

@media (max-width: 818px) and (min-width: 0px) {
  .responsive-menu__inner__bottom a {
    margin-right: 1rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .responsive-menu__inner__bottom a {
    margin-right: 1rem;
  }
}

/*
    Navigation
*/
.main-nav {
  position: relative;
  z-index: 100;
  font-family: "Roboto Condensed", Arial, sans-serif;
}

@media (max-width: 1024px) {
  .main-nav {
    display: none;
  }
}

.main-nav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  justify-content: space-around;
}

.main-nav ul li:hover > a {
  color: #e72435;
}

.main-nav ul li:hover > .sub-menu {
  display: block;
}

.main-nav ul li:hover > .sub-menu li:hover > .sub-menu {
  display: block;
}

.main-nav a {
  padding: 0 1.5rem;
  float: left;
  position: relative;
  color: #000;
  font-size: 1.0625em;
  width: 100%;
  transition: color 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s;
}

.main-nav a:hover {
  color: #e72435;
}

@media (max-width: 1024px) {
  .main-nav a {
    padding: 1em 0.5em;
  }
}

.main-nav > ul > li {
  float: left;
  position: relative;
}

.main-nav .sub-menu {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 100%;
  display: none;
  background-color: #ebe9e3;
}

.main-nav .sub-menu a {
  padding: 0.8em 1em;
}

.main-nav .sub-menu li {
  width: 20em;
}

.main-nav .sub-menu li > a:hover {
  background-color: #f6f5f2;
}

.main-nav .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  width: 100%;
  min-height: 100%;
  background-color: #e72435;
}

.main-nav .sub-menu .sub-menu li {
  width: 100%;
}

.main-nav .sub-menu .sub-menu a {
  color: #fff;
}

.main-nav .sub-menu .sub-menu a:hover {
  background-color: #ec525f;
}

.main-nav .sub-menu .menu-item-has-children > a::after {
  content: "\F105";
  font-family: "FontAwesome";
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translate(0, -50%);
  transition: transform 0.2s ease-in-out 0s;
  width: auto;
  height: auto;
  bottom: auto;
  background: none;
}

.main-nav .sub-menu .menu-item-has-children:hover > a {
  color: #e72435;
  background-color: #f6f5f2;
}

.main-nav .sub-menu .menu-item-has-children:hover > a::after {
  transform: translate(0.5em, -50%);
}

.responsive-menu {
  background-color: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  overflow-y: scroll;
  transform: translateX(-100%);
  left: 0;
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.responsive-menu.active {
  transform: translateX(0);
}

.responsive-menu__inner__top {
  position: relative;
  padding: 1em;
  background-color: #f8f7f3;
  border-bottom: 1px solid #CCC;
}

.responsive-menu__inner__top .fa-times {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  padding: 18px;
  cursor: pointer;
  font-size: 1.75em;
  line-height: 100%;
}

.responsive-menu__inner__bottom {
  padding: 1em;
}

.responsive-menu__inner__bottom .header__btn {
  padding: 10px 10px;
  margin: 0px 0px;
}

.responsive-menu__logo {
  width: 150px;
}

.responsive-menu .search_form {
  padding: 1em;
}

.responsive-menu .responsive-nav {
  margin: 0;
  background-color: #f8f7f3;
  font-family: "Roboto Condensed", Arial, sans-serif;
}

.responsive-menu .responsive-nav > ul {
  border-top: 1px solid #CCC;
}

.responsive-menu .responsive-nav > ul > li a {
  border-bottom: 1px solid #CCC;
}

.responsive-menu .responsive-nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.responsive-menu .responsive-nav ul li.menu-item-has-children > a::after {
  content: "\F067";
  font-family: "FontAwesome";
  position: absolute;
  right: 1em;
  transition: transform 0.2s ease-in-out 0s;
}

.responsive-menu .responsive-nav ul li.menu-item-has-children:hover > a::after, .responsive-menu .responsive-nav ul li.menu-item-has-children.active > a::after {
  content: "\F068";
  font-family: "FontAwesome";
  position: absolute;
  right: 1em;
  transition: transform 0.2s ease-in-out 0s;
}

.responsive-menu .responsive-nav ul li a {
  display: block;
  padding: 0.6em 1em;
  line-height: 100%;
}

.responsive-menu .responsive-nav .sub-menu {
  background-color: #ece9e4;
  display: none;
}

.responsive-menu .responsive-nav .sub-menu.active {
  display: block;
}

.responsive-menu .responsive-nav .sub-menu > li a {
  border-bottom: 1px solid #CCC;
}

.responsive-menu .responsive-nav .sub-menu .sub-menu {
  background-color: #e72435;
}

.responsive-menu .responsive-nav .sub-menu .sub-menu a {
  border-bottom: none;
  color: #fff;
}

body.bmet-responsive-menu {
  overflow: hidden;
}

/*
	Footer
*/
.footer {
  padding: 3rem 0;
}

.footer__newsletter {
  background-color: #e1e1e1;
  border-left: 1px solid #c2c2c2;
  border-right: 1px solid #c2c2c2;
  padding: 2em;
}

.footer__newsletter input {
  margin: 1rem 0px;
}

.footer__newsletter h5, .footer__newsletter .ti {
  font-size: 1.1875em;
  margin: 0 0 1em;
  font-family: "Roboto Condensed", Arial, sans-serif;
}

.footer__newsletter .btn {
  background: #e72435;
  margin-top: 1rem;
}

.footer__newsletter form .frm_form_field {
  margin-bottom: 5px;
}

.footer__notice {
  background-color: rgba(0, 0, 0, 0.89);
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  color: white;
  padding: 1em;
  text-align: center;
}

.footer__notice .close {
  font-size: 1em;
  padding: 0.8em 1.5em;
  float: right;
}

.footer__notice--message {
  float: left;
  width: calc(100% - 150px);
}

@media (max-width: 600px) {
  .footer__notice--message {
    font-size: .5rem;
    width: 100%;
  }
}

@media (max-width: 400px) {
  .footer__notice--message {
    display: none;
  }
}

.footer__notice--button {
  float: left;
  width: 150px;
}

@media (max-width: 600px) {
  .footer__notice--button {
    display: none;
  }
}

@media (max-width: 600px) {
  .footer__notice {
    padding: .5em;
    font-size: .1rem;
  }
}

.footer .logo_img {
  width: 190px;
}

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

.footer__col {
  float: left;
}

.footer__col__inner {
  float: left;
  margin: 0 0 1em;
}

.footer__col__inner--about {
  width: 40%;
}

@media (max-width: 600px) {
  .footer__col__inner--about {
    width: 100%;
  }
}

.footer__col__inner--menu {
  width: 30%;
}

@media (max-width: 600px) {
  .footer__col__inner--menu {
    width: 50%;
  }
}

@media (max-width: 320px) {
  .footer__col__inner--menu {
    width: 100%;
  }
}

.footer__col__inner__menu__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-weight: 400;
}

.footer__col__inner__menu__list li {
  margin-bottom: 0.25em;
}

.footer__col__inner__contact {
  list-style-type: none;
  margin: 1em 0;
  padding: 0;
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-size: 1.0625em;
}

.footer__col__inner__contact .fa {
  margin-right: 1em;
  color: #e72435;
  width: 1em;
}

.footer__col__inner__social_links .fa {
  width: 1em;
  margin-right: 0.3em;
}

.footer__col--links {
  width: 60%;
  float: left;
  padding: 2em 0 0;
}

@media (max-width: 768px) {
  .footer__col--links {
    width: 100%;
    padding: 2em;
  }
}

.footer__sub_footer--accreditations {
  padding: 2em 0;
  text-align: center;
}

.footer__sub_footer--accreditations ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

@media (max-width: 818px) and (min-width: 0px) {
  .footer__sub_footer--accreditations ul li {
    margin-bottom: 1rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .footer__sub_footer--accreditations ul li {
    margin-bottom: 1rem !important;
  }
}

.footer-call-charge {
  font-size: 0.75em;
  margin: 0;
  color: #252525;
}

.copyright {
  font-size: 0.75em;
  margin: 0 0 1em;
  color: #252525;
}

.footer-cta {
  padding: 5em 0;
  background-size: cover;
  background-position: center;
}

.footer-cta__content {
  padding: 2em;
  background: rgba(0, 0, 0, 0.8);
  width: 50%;
  min-width: 500px;
}

@media (max-width: 768px) {
  .footer-cta__content {
    width: 100%;
    min-width: inherit;
  }
}

.footer-cta__content h2 {
  color: #fff;
  margin-top: 0;
  font-size: 2.375em;
}

.footer-cta__content p {
  color: #fff;
  font-size: 1.125em;
  font-family: "Roboto Condensed", Arial, sans-serif;
}

.footer-cta__content .btn {
  margin-top: 1em;
}

.foot_spacer {
  background: #e72435;
  height: 5vh;
}

.m-0 {
  margin: 0;
}

.mt-3 {
  margin-top: 1.5rem;
}

.mb-3 {
  margin-bottom: 1.5rem;
}

.mt-4 {
  margin-top: 2rem;
}

.mb-4 {
  margin-bottom: 2rem;
}

.p-0 {
  padding: 0 !important;
}

/*
    Sidebar
*/
.sidebar__title {
  font-size: 1.125em;
  color: #252525;
  margin: 0 0 0.5em;
}

.sidebar ul {
  list-style-type: none;
  margin: 1em 0;
  padding: 0;
}

.sidebar ul li {
  margin-bottom: 0.25em;
  border-left: 0px solid #e72435;
  transition: all 0.2s ease-in-out 0s;
}

.sidebar ul li.current_page_parent, .sidebar ul li.current-page-parent, .sidebar ul li.current_page_item {
  border: 1px solid #e1e1e1;
  border-left: 4px solid #e72435;
}

.sidebar ul li.current_page_parent > a, .sidebar ul li.current-page-parent > a, .sidebar ul li.current_page_item > a {
  color: #e72435;
  font-weight: 400;
  border: none;
}

.sidebar ul li:hover {
  border-left: 4px solid #e72435;
}

.sidebar ul li a {
  background-color: #f4f4f4;
  border: 1px solid #e1e1e1;
  padding: 0.3em 1em;
  display: block;
  font-size: 0.9375em;
  font-family: "Roboto Condensed", Arial, sans-serif;
}

.sidebar ul li.current_page_item a, .sidebar ul li.current-menu-item.menu-item-has-children a {
  border: none;
}

.sidebar ul .children,
.sidebar ul .sub-menu {
  display: none;
  margin: 0;
  padding-bottom: 0.3em;
  background-color: #f4f4f4;
}

.sidebar ul .children li,
.sidebar ul .sub-menu li {
  margin-bottom: 0;
}

.sidebar ul .children li:hover, .sidebar ul .children li.current_page_item,
.sidebar ul .sub-menu li:hover,
.sidebar ul .sub-menu li.current_page_item {
  border: none;
}

.sidebar ul .children li:hover a, .sidebar ul .children li.current_page_item a,
.sidebar ul .sub-menu li:hover a,
.sidebar ul .sub-menu li.current_page_item a {
  color: #e72435;
}

.sidebar ul .children li:hover a::before, .sidebar ul .children li.current_page_item a::before,
.sidebar ul .sub-menu li:hover a::before,
.sidebar ul .sub-menu li.current_page_item a::before {
  left: 1.6em;
}

.sidebar ul .children li a,
.sidebar ul .sub-menu li a {
  border: none;
  color: #252525;
  padding: 0.2em 0 0.2em 2.3em;
  position: relative;
}

.sidebar ul .children li a::before,
.sidebar ul .sub-menu li a::before {
  content: "\F105";
  font-family: "FontAwesome";
  position: absolute;
  left: 1.4em;
  transition: all 0.2s ease-in-out 0s;
}

.sidebar ul li.current_page_item .children,
.sidebar ul li.current_page_item .sub-menu,
.sidebar ul li.current_page_parent .children,
.sidebar ul li.current_page_parent .sub-menu,
.sidebar ul li.current-page-parent .children,
.sidebar ul li.current-page-parent .sub-menu,
.sidebar ul li.current-menu-item .children,
.sidebar ul li.current-menu-item .sub-menu {
  display: block;
}

.matthew-boulton .sidebar ul li {
  border-left-color: #008894;
}

.matthew-boulton .sidebar ul li.current_page_parent > a, .matthew-boulton .sidebar ul li.current-page-parent > a, .matthew-boulton .sidebar ul li.current_page_item > a {
  color: #008894;
  border-top: none;
  border-bottom: none;
  border-right: none;
}

.matthew-boulton .sidebar ul li a:hover {
  color: #008894;
}

.sutton-coldfield .sidebar ul li {
  border-left-color: #863995;
}

.sutton-coldfield .sidebar ul li.current_page_parent > a, .sutton-coldfield .sidebar ul li.current-page-parent > a, .sutton-coldfield .sidebar ul li.current_page_item > a {
  color: #863995;
  border-top: none;
  border-bottom: none;
  border-right: none;
}

.sutton-coldfield .sidebar ul li a:hover {
  color: #863995;
}

.james-watt .sidebar ul li {
  border-left-color: #8dc854;
}

.james-watt .sidebar ul li.current_page_parent > a, .james-watt .sidebar ul li.current-page-parent > a, .james-watt .sidebar ul li.current_page_item > a {
  color: #8dc854;
  border-top: none;
  border-bottom: none;
  border-right: none;
}

.james-watt .sidebar ul li a:hover {
  color: #8dc854;
}

.stourbridge .sidebar ul li {
  border-left-color: #0272ba;
}

.stourbridge .sidebar ul li.current_page_parent > a, .stourbridge .sidebar ul li.current-page-parent > a, .stourbridge .sidebar ul li.current_page_item > a {
  color: #0272ba;
  border-top: none;
  border-bottom: none;
  border-right: none;
}

.stourbridge .sidebar ul li a:hover {
  color: #0272ba;
}

.kidderminster .sidebar ul li {
  border-left-color: #6bcef3;
}

.kidderminster .sidebar ul li.current_page_parent > a, .kidderminster .sidebar ul li.current-page-parent > a, .kidderminster .sidebar ul li.current_page_item > a {
  color: #6bcef3;
  border-top: none;
  border-bottom: none;
  border-right: none;
}

.kidderminster .sidebar ul li a:hover {
  color: #6bcef3;
}

/*
    Banner
*/
.banner {
  background-size: cover;
  background-position: top;
  padding-bottom: 30%;
  min-height: 400px;
  border-top: 1px solid #CCC;
  position: relative;
}

/*
    Forms
*/
/*------------------------------------*\
	GENERAL
\*------------------------------------*/
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="search"],
textarea,
button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

::-webkit-input-placeholder {
  color: #c2c2c2;
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-weight: 300;
  opacity: 1;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #c2c2c2;
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-weight: 300;
  opacity: 1;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #c2c2c2;
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-weight: 300;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #c2c2c2;
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-weight: 300;
  opacity: 1;
}

legend {
  display: none;
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

input {
  font-family: "Open Sans", Arial, sans-serif;
}

.label--hide label {
  display: none;
}

span.required {
  color: #ed6d2e;
}

span.required--protected {
  position: relative;
  top: -0.3em;
  font-size: 80%;
}

.frm_message {
  color: #39b54a;
  font-weight: 600;
}

.frm_error,
.form-error {
  font-size: 0.75em;
  color: #e72435;
  margin-top: 0.5em;
}

.frm_error a,
.form-error a {
  color: #e72435;
  text-decoration: underline;
}

.frm_ajax_loading {
  display: none;
}

select,
textarea,
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"] {
  border: 1px solid #c2c2c2;
  padding: 10px 10px;
  width: 100%;
  margin: 0px;
  font-family: "Roboto Condensed", Arial, sans-serif;
  opacity: 1;
}

/*------------------------------------*\
	Form messages
\*------------------------------------*/
.form-message > .inner, .p-message .p-message-item > .inner {
  float: left;
  border-radius: 5px;
  border: 1px solid;
  padding: 15px;
  font-style: italic;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4em;
}

.form-message > .inner a, .p-message .p-message-item > .inner a {
  text-decoration: underline;
  color: inherit;
}

.form-message--positive > .inner, .p-message .p-message-item.success > .inner, .form-message--success > .inner {
  background-color: #eafad1;
  color: #39b54a;
}

.form-message--negative > .inner, .p-message .p-message-item.error > .inner, .form-message--error > .inner {
  background-color: #f1a6ac;
  color: #e72435;
}

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

.p-message .p-message-item {
  margin: 0px 0px 30px 0px;
}

.p-message .p-message-item:last-of-type {
  margin-bottom: 0px;
}

.p-message .p-message-item .p-table {
  font-style: normal;
  color: #888888;
}

/*------------------------------------*\
	PortAll Generated Form
\*------------------------------------*/
.p-form {
  /*
	SPECIFIC FIELD TYPES
	*/
}

.p-form input[type="text"],
.p-form input[type="email"],
.p-form input[type="tel"],
.p-form input[type="number"],
.p-form input[type="password"],
.p-form input[type="search"],
.p-form textarea,
.p-form button {
  margin: 0px;
}

.p-form h4.form-field--header {
  font-size: 19.2px;
  color: #e72435;
  margin-bottom: 20px;
}

.p-form .form-fieldset,
.p-form .pseudo-fieldset {
  display: block;
  border: 0px none;
  padding: 0px;
  margin: 0px 0px 15px 0px;
  /*
		FIELDSET STYLES
		*/
}

.p-form .form-fieldset > label,
.p-form .pseudo-fieldset > label {
  display: block;
  font-size: 16px;
  line-height: 19.2px;
  font-weight: 400;
  padding-bottom: 5px;
  cursor: pointer;
}

.p-form .form-fieldset > .form-error,
.p-form .form-fieldset > .form-note,
.p-form .form-fieldset > .form-count,
.p-form .pseudo-fieldset > .form-error,
.p-form .pseudo-fieldset > .form-note,
.p-form .pseudo-fieldset > .form-count {
  font-size: 12px;
  margin-top: 5px;
}

.p-form .form-fieldset > .form-count,
.p-form .pseudo-fieldset > .form-count {
  font-weight: 600;
}

.p-form .form-fieldset > .form-count--over-max, .p-form .form-fieldset > .form-count--under-min,
.p-form .pseudo-fieldset > .form-count--over-max,
.p-form .pseudo-fieldset > .form-count--under-min {
  color: #e72435;
}

.p-form .form-fieldset--has-error > .form-note,
.p-form .pseudo-fieldset--has-error > .form-note {
  display: none;
}

.p-form .form-fieldset .form-field-contain > input[type="text"],
.p-form .form-fieldset .form-field-contain > input[type="email"],
.p-form .form-fieldset .form-field-contain > input[type="password"],
.p-form .form-fieldset .form-field-contain > textarea,
.p-form .form-fieldset .form-field-contain > select,
.p-form .pseudo-fieldset .form-field-contain > input[type="text"],
.p-form .pseudo-fieldset .form-field-contain > input[type="email"],
.p-form .pseudo-fieldset .form-field-contain > input[type="password"],
.p-form .pseudo-fieldset .form-field-contain > textarea,
.p-form .pseudo-fieldset .form-field-contain > select {
  display: block;
  width: 100%;
}

.p-form .form-fieldset .form-field-contain > input[type="text"],
.p-form .form-fieldset .form-field-contain > input[type="email"],
.p-form .form-fieldset .form-field-contain > input[type="password"],
.p-form .form-fieldset .form-field-contain > input[type="date"],
.p-form .form-fieldset .form-field-contain > textarea,
.p-form .pseudo-fieldset .form-field-contain > input[type="text"],
.p-form .pseudo-fieldset .form-field-contain > input[type="email"],
.p-form .pseudo-fieldset .form-field-contain > input[type="password"],
.p-form .pseudo-fieldset .form-field-contain > input[type="date"],
.p-form .pseudo-fieldset .form-field-contain > textarea {
  padding: 10px 10px;
  font-size: 16px;
  line-height: 24px;
}

.p-form .form-fieldset.fieldset--hidden,
.p-form .pseudo-fieldset.fieldset--hidden {
  display: none;
}

.p-form .form-fieldset.fieldset--inline, .p-form .form-fieldset.fieldset--half, .p-form .form-fieldset.fieldset--third,
.p-form .pseudo-fieldset.fieldset--inline,
.p-form .pseudo-fieldset.fieldset--half,
.p-form .pseudo-fieldset.fieldset--third {
  display: inline-block;
  vertical-align: top;
  padding: 0px 15px;
}

.p-form .form-fieldset.fieldset--half,
.p-form .pseudo-fieldset.fieldset--half {
  width: 50%;
}

@media (max-width: 600px) {
  .p-form .form-fieldset.fieldset--half,
  .p-form .pseudo-fieldset.fieldset--half {
    width: 100%;
    padding: 0px 0px;
  }
}

.p-form .form-fieldset.fieldset--third,
.p-form .pseudo-fieldset.fieldset--third {
  width: 33.33%;
}

@media (max-width: 1024px) {
  .p-form .form-fieldset.fieldset--third,
  .p-form .pseudo-fieldset.fieldset--third {
    width: 50%;
  }
}

@media (max-width: 600px) {
  .p-form .form-fieldset.fieldset--third,
  .p-form .pseudo-fieldset.fieldset--third {
    width: 100%;
    padding: 0px 0px;
  }
}

.p-form .form-fieldset.fieldset--label-inline > label,
.p-form .pseudo-fieldset.fieldset--label-inline > label {
  float: left;
  width: 185px;
  padding-top: 12px;
  padding-bottom: 0px;
}

@media (max-width: 480px) {
  .p-form .form-fieldset.fieldset--label-inline > label,
  .p-form .pseudo-fieldset.fieldset--label-inline > label {
    float: none;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 5px;
  }
}

.p-form .form-fieldset.fieldset--label-inline > .form-field-contain,
.p-form .pseudo-fieldset.fieldset--label-inline > .form-field-contain {
  padding-left: 200px;
}

@media (max-width: 480px) {
  .p-form .form-fieldset.fieldset--label-inline > .form-field-contain,
  .p-form .pseudo-fieldset.fieldset--label-inline > .form-field-contain {
    padding-left: 0px;
  }
}

.p-form .form-fieldset.fieldset--label-inline > .form-error,
.p-form .form-fieldset.fieldset--label-inline > .form-note,
.p-form .form-fieldset.fieldset--label-inline > .form-count,
.p-form .pseudo-fieldset.fieldset--label-inline > .form-error,
.p-form .pseudo-fieldset.fieldset--label-inline > .form-note,
.p-form .pseudo-fieldset.fieldset--label-inline > .form-count {
  margin-left: 200px;
}

@media (max-width: 480px) {
  .p-form .form-fieldset.fieldset--label-inline > .form-error,
  .p-form .form-fieldset.fieldset--label-inline > .form-note,
  .p-form .form-fieldset.fieldset--label-inline > .form-count,
  .p-form .pseudo-fieldset.fieldset--label-inline > .form-error,
  .p-form .pseudo-fieldset.fieldset--label-inline > .form-note,
  .p-form .pseudo-fieldset.fieldset--label-inline > .form-count {
    margin-left: 0px;
  }
}

.p-form .form-fieldset.fieldset--label-upper > label,
.p-form .pseudo-fieldset.fieldset--label-upper > label {
  font-family: "Roboto Condensed", Arial, sans-serif;
  text-transform: uppercase;
}

.p-form .form-fieldset.fieldset--label-small > label,
.p-form .pseudo-fieldset.fieldset--label-small > label {
  text-transform: unset;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 12px;
}

.p-form .form_submit {
  padding-top: 30px;
}

.p-form hr.form-field--element {
  height: 1px;
  background-color: #e1e1e1;
  border: 0px none;
  margin: 30px auto;
}

.p-form .form-fieldset--textarea textarea {
  height: 142px;
  resize: none;
}

.p-form .form-fieldset--checkbox > label {
  cursor: default;
}

.p-form .form-fieldset--checkbox .form-checkbox-option-contain {
  padding-top: 5px;
  margin-bottom: 5px;
}

.p-form .form-fieldset--checkbox .form-checkbox-option-contain:last-of-type {
  margin-bottom: 0px;
}

.p-form .form-fieldset--checkbox .form-checkbox-option-contain > .inner {
  position: relative;
}

.p-form .form-fieldset--checkbox .form-checkbox-option-contain > .inner > * {
  cursor: pointer;
}

.p-form .form-fieldset--checkbox .form-checkbox-option-contain > .inner input {
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
}

.p-form .form-fieldset--checkbox .form-checkbox-option-contain > .inner label {
  display: inline-block;
  padding-left: 25px;
  font-size: 14.4px;
}

.p-form .form-fieldset.fieldset--options-inline .form-checkbox-option-contain,
.p-form .form-fieldset.fieldset--options-inline .form-radio-option-contain {
  display: inline-block;
  vertical-align: middle;
  width: 25%;
  padding-right: 15px;
}

@media (max-width: 600px) {
  .p-form .form-fieldset.fieldset--options-inline .form-checkbox-option-contain,
  .p-form .form-fieldset.fieldset--options-inline .form-radio-option-contain {
    width: 50%;
  }
}

@media (max-width: 480px) {
  .p-form .form-fieldset.fieldset--options-inline .form-checkbox-option-contain,
  .p-form .form-fieldset.fieldset--options-inline .form-radio-option-contain {
    width: 100%;
    padding-right: 0px;
  }
}

.p-form .form-fieldset--radio > label {
  cursor: default;
}

.p-form .form-fieldset--radio .form-radio-option-contain {
  padding-top: 5px;
  margin-bottom: 5px;
}

.p-form .form-fieldset--radio .form-radio-option-contain:last-of-type {
  margin-bottom: 0px;
}

.p-form .form-fieldset--radio .form-radio-option-contain > .inner {
  position: relative;
}

.p-form .form-fieldset--radio .form-radio-option-contain > .inner > * {
  cursor: pointer;
}

.p-form .form-fieldset--radio .form-radio-option-contain > .inner input {
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
}

.p-form .form-fieldset--radio .form-radio-option-contain > .inner label {
  display: inline-block;
  padding-left: 25px;
  font-size: 14.4px;
}

.p-form .form-fieldset--select.fieldset--label-inline > label {
  padding-top: 10px;
}

.p-form .form-fieldset--select--sumo > label {
  cursor: default !important;
}

.p-form .form-fieldset--select--sumo .form-field-contain > .SumoSelect {
  width: 100%;
}

.p-form .form-fieldset--select--sumo .form-field-contain > .SumoSelect * {
  font-size: 12px;
  line-height: 18px;
}

.p-form .form-fieldset--select--sumo .form-field-contain > .SumoSelect > p.CaptionCont {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #c2c2c2 !important;
  background-color: #f4f4f4;
  cursor: pointer;
}

.p-form .form-fieldset--select--sumo .form-field-contain > .SumoSelect > p.CaptionCont > * {
  cursor: pointer;
}

.p-form .form-fieldset--select--sumo .form-field-contain > .SumoSelect > p.CaptionCont.search input[type="text"] {
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: text;
}

.p-form .form-fieldset--select--sumo .form-field-contain > .SumoSelect > p.CaptionCont > span {
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-size: 16px;
  white-space: normal;
}

.p-form .form-fieldset--select--sumo .form-field-contain > .SumoSelect > p.CaptionCont > label > i {
  background-image: none !important;
  font-style: normal;
}

.p-form .form-fieldset--select--sumo .form-field-contain > .SumoSelect > p.CaptionCont > label > i:after {
  font-family: FontAwesome;
  content: "\F078";
}

.p-form .form-fieldset--select--sumo .form-field-contain > .SumoSelect:focus > .CaptionCont,
.p-form .form-fieldset--select--sumo .form-field-contain > .SumoSelect:hover > .CaptionCont,
.p-form .form-fieldset--select--sumo .form-field-contain > .SumoSelect.open > .CaptionCont {
  box-shadow: none !important;
}

.p-form .form-fieldset--select--sumo .form-field-contain > .SumoSelect .optWrapper {
  top: 38px;
}

.p-form .form-fieldset--select--sumo .form-field-contain > .SumoSelect .optWrapper p.select-all {
  display: block;
  margin: 0px !important;
  padding: 0px 0px 0px 35px;
  height: auto;
}

.p-form .form-fieldset--select--sumo .form-field-contain > .SumoSelect .optWrapper p.select-all label {
  display: inline-block;
  float: none;
  padding: 6px 0px 6px 0px;
}

.p-form .form-fieldset--select--sumo .form-field-contain > .SumoSelect .optWrapper p.select-all.selected i {
  background-color: #a9d37f !important;
}

.p-form .form-fieldset--select--sumo .form-field-contain > .SumoSelect .optWrapper ul.options li.opt.selected i {
  background-color: #8dc854 !important;
}

.p-form .form-fieldset--date-select > label {
  cursor: default;
}

.p-form .form-fieldset--date-select .form-field-contain div.date-select > div {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.p-form .form-fieldset--date-select .form-field-contain div.date-select > div:last-of-type {
  margin-right: 0px;
}

.p-form .form-fieldset--date-select .form-field-contain div.date-select > div.date-select__day .SumoSelect {
  width: 70px;
}

.p-form .form-fieldset--date-select .form-field-contain div.date-select > div.date-select__month .SumoSelect {
  width: 140px;
}

.p-form .form-fieldset--date-select .form-field-contain div.date-select > div.date-select__year .SumoSelect {
  width: 90px;
}

.p-form .form-fieldset--file .form-field-contain input {
  font-size: 12px;
}

.p-form fieldset.form-fieldset.address-suggestion {
  display: none;
}

.p-form fieldset.form-fieldset.address-suggestion__postcode.fieldset--half {
  padding-right: 0px;
}

.p-form fieldset.form-fieldset.address-suggestion__house_number.fieldset--half {
  padding-left: 0px;
}

.p-form fieldset.form-fieldset.address-suggestion__target {
  display: none;
}

.p-form fieldset.form-fieldset.address-suggestion label {
  font-style: italic;
}

.p-form fieldset.form-fieldset.address-suggestion .form-field-contain input {
  padding: 5px 10px;
  background-color: #f4f4f4;
  font-style: italic;
}

.p-form fieldset.form-fieldset.address-suggestion .form-note {
  padding: 5px 15px !important;
}

.p-form fieldset.form-fieldset.address-suggestion .form-note .inner {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px !important;
}

.p-form fieldset.form-fieldset.address-suggestion .form-note:after {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  content: "\F01A";
  font-family: FontAwesome;
  font-size: 16px;
  line-height: 16px;
}

.p-form fieldset.form-fieldset.address-suggestion.loading {
  display: block;
  background-image: url("assets/img/loading--white.gif");
  background-position: center center;
  background-repeat: no-repeat;
}

.p-form fieldset.form-fieldset.address-suggestion.loading * {
  visibility: hidden;
}

/*
    Buttons
*/
.button, .p-form fieldset.form-fieldset.address-suggestion .form-note,
.btn {
  display: inline-block;
  max-width: 100%;
  font-size: 1.125em;
  padding: 0.8em 2em;
  border: none;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  top: 0;
  background-color: #e72435;
  color: #fff;
  font-family: "Roboto Condensed", Arial, sans-serif;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  white-space: normal;
  transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s;
}

.button *, .p-form fieldset.form-fieldset.address-suggestion .form-note *,
.btn * {
  cursor: pointer;
}

.button:hover, .p-form fieldset.form-fieldset.address-suggestion .form-note:hover,
.btn:hover {
  color: #252525;
  background-color: #fddb33;
  border-color: #e1bc02;
}

.button:active, .p-form fieldset.form-fieldset.address-suggestion .form-note:active,
.btn:active {
  top: 0.25em;
  border-bottom-width: 0;
  margin-bottom: 0.25em;
}

.button--small,
.btn--small {
  font-size: 0.75em;
  padding: 0.8em 1em;
  line-height: 100%;
}

.button--full,
.btn--full {
  width: 100%;
  padding-left: 0.3125em;
  padding-right: 0.3125em;
}

.button--arrow,
.btn--arrow {
  padding: 0.8em 1.5em;
}

.button--arrow::after,
.btn--arrow::after {
  content: "\F101";
  font-family: "FontAwesome";
  position: relative;
  margin-left: 0.7em;
  left: 0;
  transition: left 0.2s ease-in-out 0s;
}

.button--arrow:hover::after,
.btn--arrow:hover::after {
  left: 0.2em;
}

.button--register::before,
.btn--register::before {
  content: "\F046";
  font-family: "FontAwesome";
  position: relative;
  margin-right: 0.7em;
  left: 0;
  transition: all 0.2s ease-in-out 0s;
}

.button--ink,
.btn--ink {
  color: #fff;
  background-color: #252525;
}

.button--grey,
.btn--grey {
  background-color: #888888;
  border-color: #626262;
}

.button--red,
.btn--red {
  color: #fff;
  background-color: #e72435;
}

.button--orange,
.btn--orange {
  color: #fff;
  background-color: #ed6d2e;
  border-color: #be4a10;
}

.button--yellow,
.btn--yellow {
  color: #e72435;
  background-color: #fddb33;
  border-color: #e1bc02;
}

.button--white,
.btn--white {
  color: #e72435;
  background-color: #fff;
  border-color: #dedede;
}

.button--green,
.btn--green {
  color: #fff;
  background-color: #39b54a;
  border-color: #32973a;
}

.button--matthew-boulton,
.btn--matthew-boulton {
  background-color: #008894;
  border-color: #005961;
}

.button--sutton-coldfield,
.btn--sutton-coldfield {
  background-color: #863995;
  border-color: #652b70;
}

.button--james-watt,
.btn--james-watt {
  background-color: #8dc854;
  border-color: #73b039;
}

.button--stourbridge,
.btn--stourbridge {
  background-color: #0272ba;
  border-color: #015388;
}

.button--kidderminster,
.btn--kidderminster {
  background-color: #6bcef3;
  border-color: #3cbeef;
}

.button__form,
.btn__form {
  border-radius: 0;
  width: 100%;
  border-bottom: none;
  font-size: 1em;
}

/*------------------------------------*\
    ACCESSIBILITY
\*------------------------------------*/
.accessibility {
  background-color: #EEE;
  right: -16em;
  color: #fff;
  position: fixed;
  top: 12em;
  width: 15em;
  z-index: 600;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.accessibility.active {
  right: 16px;
}

.accessibility h3 {
  margin: 0;
  padding: 0.5em 0;
  width: 100%;
  color: #000;
  font-size: 1.25em;
}

.accessibility ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.accessibility ul li {
  float: left;
  margin-right: 0.5em;
}

.accessibility .colour-schemes {
  padding: 0.5em 1.0em;
}

.accessibility .colour-schemes img {
  cursor: pointer;
}

.accessibility .font-size {
  padding: 0.5em 1em;
}

.accessibility .font-size li {
  font-size: 1.5em;
  cursor: pointer;
  color: #000;
}

.accessibility .reset {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #e72435;
  cursor: pointer;
  font-size: 0.875em;
  margin: 0.5em 0;
  display: block;
}

.accessibility .accessibility-trigger {
  cursor: pointer;
  width: 100%;
  padding: 0.5em 1em;
  background-color: #fddb33;
  text-align: right;
  left: 0;
  top: 0;
  color: #000;
}

/*
    Pagination
*/
.pagination {
  text-align: right;
  background-color: #e72435;
  position: relative;
  padding: 3em 0;
}

.pagination--archive {
  padding: 0 0 3em;
  margin-top: -2em;
}

.pagination--archive::before {
  content: " ";
  background-color: #e72435;
  width: 100%;
  height: 10em;
  top: -10em;
  display: block;
  position: absolute;
  left: 0;
}

.page-numbers .btn {
  padding: 1em;
}

.page-numbers.dots {
  padding: 0.5em;
}

.page-numbers.current .btn {
  background-color: #EEE;
}

.page-numbers.current .btn:hover {
  border-color: #dedede;
}

.color-facebook {
  color: #365397;
}

.color-twitter {
  color: #00a9f1;
}

.color-linkedin {
  color: #006db3;
}

.color-apple {
  color: #737373;
}

.color-google {
  color: #4285f4;
}

.color-google_plus {
  color: #e0452c;
}

.color-youtube {
  color: #ff3333;
}

.color-vimeo {
  color: #48b6ed;
}

.color-pinterest {
  color: #ce1a19;
}

.color-yelp {
  color: #c30f00;
}

.color-dribbble {
  color: #ed4584;
}

.color-amazon {
  color: #ff9700;
}

.color-ebay {
  color: #083790;
}

.color-skype {
  color: #00acf4;
}

.color-instagram {
  color: #396d9a;
}

.color-dropbox {
  color: #0d84de;
}

.color-flickr {
  color: #ea0066;
}

.color-github {
  color: #2f2f2f;
}

.color-basecamp {
  color: #6bbd6d;
}

.color-tumblr {
  color: #304c68;
}

.color-foursquare {
  color: #207dc5;
}

.color-box {
  color: #1277bc;
}

/*
    Search
*/
.search_form__input[type="text"] {
  border: 1px solid #c2c2c2;
  padding: 0.7em 1em;
  width: calc(100% - 4em);
  float: left;
  border-radius: 5px 0 0 5px;
  font-family: "Roboto Condensed", Arial, sans-serif;
  transition: all 0.2s ease-in-out 0s;
}

.search_form__input[type="text"] ::-webkit-input-placeholder {
  color: #DDD;
}

.search_form__input[type="text"] :-moz-placeholder {
  /* Firefox 18- */
  color: #DDD;
}

.search_form__input[type="text"] ::-moz-placeholder {
  /* Firefox 19+ */
  color: #DDD;
}

.search_form__input[type="text"] :-ms-input-placeholder {
  color: #DDD;
}

.search_form__btn {
  background-color: #c2c2c2;
  color: #fff;
  padding: 0.7em 1em;
  border: 1px solid #c2c2c2;
  font-family: "Roboto Condensed", Arial, sans-serif;
  width: 4em;
  float: left;
  border-radius: 0 5px 5px 0;
  transition: all 0.2s ease-in-out 0s;
}

.search_form__btn:hover {
  background-color: #e72435;
  border-color: #e72435;
}

/*-----------------*\
    Course Search
\*-----------------*/
body.page-template-page-template-course-search .header__top__search {
  display: none;
}

body.page-template-page-template-course-search .header__top .header__btn:last-of-type {
  margin-right: 0px;
}

/*
COURSE SEARCH INTERFACE
*/
.course-search-interface .course-search-interface__form form.course-search-form {
  display: block;
}

.course-search-interface .course-search-interface__form form.course-search-form .form-fieldset,
.course-search-interface .course-search-interface__form form.course-search-form .pseudo-fieldset {
  margin-bottom: 20px;
}

.course-search-interface .course-search-interface__form form.course-search-form .form-fieldset.course-search-filter > label,
.course-search-interface .course-search-interface__form form.course-search-form .pseudo-fieldset.course-search-filter > label {
  font-weight: 600;
  text-transform: uppercase;
}

.course-search-interface .course-search-interface__form form.course-search-form .form-fieldset.course-search-filter .form-field-contain input[type='text'],
.course-search-interface .course-search-interface__form form.course-search-form .pseudo-fieldset.course-search-filter .form-field-contain input[type='text'] {
  line-height: 18px;
}

.course-search-interface .course-search-interface__form form.course-search-form #course_search_instruction {
  position: relative;
}

.course-search-interface .course-search-interface__form form.course-search-form #course_search_instruction .inner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.course-search-interface .course-search-interface__form form.course-search-form #course_search_term__fieldset {
  position: relative;
}

.course-search-interface .course-search-interface__form form.course-search-form #course_search_term__fieldset .form-field-contain {
  padding-right: 60px;
}

.course-search-interface .course-search-interface__form form.course-search-form #course_search_term__fieldset .form-field-contain input[type="text"] {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 5px;
  padding: 15px;
  height: 56px;
}

.course-search-interface .course-search-interface__form form.course-search-form #course_search_term__fieldset .form-note {
  position: absolute;
  top: 0px;
  right: 15px;
  margin: 0px;
  padding: 0px;
  width: 60px;
  height: 56px;
  line-height: 56px;
  background-color: #e72435;
  color: #fff;
  text-align: center;
  cursor: pointer;
  font-size: 20px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0px;
}

@media (max-width: 600px) {
  .course-search-interface .course-search-interface__form form.course-search-form #course_search_term__fieldset .form-note {
    right: 0px;
  }
}

.course-search-interface .course-search-interface__form form.course-search-form #course_search_clear_filters {
  margin-bottom: 0px;
}

.course-search-interface .course-search-interface__form form.course-search-form #course_search_clear_filters .button, .course-search-interface .course-search-interface__form form.course-search-form #course_search_clear_filters .p-form fieldset.form-fieldset.address-suggestion .form-note, .p-form fieldset.form-fieldset.address-suggestion .course-search-interface .course-search-interface__form form.course-search-form #course_search_clear_filters .form-note {
  top: 0px !important;
  margin: 0px !important;
  padding: 10px 15px 10px 15px;
  height: 40px;
  line-height: 20px;
  font-size: 16px;
  border: 0px none;
  border-radius: 0px;
}

.course-search-interface .course-search-interface__form form.course-search-form #course_search_clear_filters .button:hover, .course-search-interface .course-search-interface__form form.course-search-form #course_search_clear_filters .p-form fieldset.form-fieldset.address-suggestion .form-note:hover, .p-form fieldset.form-fieldset.address-suggestion .course-search-interface .course-search-interface__form form.course-search-form #course_search_clear_filters .form-note:hover {
  color: #fff;
  background-color: #252525;
}

.course-search-interface .course-search-interface__form form.course-search-form.is-loading #course_search_term__fieldset .form-note,
.course-search-interface .course-search-interface__form form.course-search-form.is-loading #course_search_clear_filters .button,
.course-search-interface .course-search-interface__form form.course-search-form.is-loading #course_search_clear_filters .p-form fieldset.form-fieldset.address-suggestion .form-note,
.p-form fieldset.form-fieldset.address-suggestion .course-search-interface .course-search-interface__form form.course-search-form.is-loading #course_search_clear_filters .form-note {
  background-repeat: no-repeat;
  background-position: center center;
  color: transparent;
}

.course-search-interface .course-search-interface__form form.course-search-form.is-loading #course_search_term__fieldset .form-note *,
.course-search-interface .course-search-interface__form form.course-search-form.is-loading #course_search_clear_filters .button *,
.course-search-interface .course-search-interface__form form.course-search-form.is-loading #course_search_clear_filters .p-form fieldset.form-fieldset.address-suggestion .form-note *,
.p-form fieldset.form-fieldset.address-suggestion .course-search-interface .course-search-interface__form form.course-search-form.is-loading #course_search_clear_filters .form-note * {
  visibility: hidden;
}

.course-search-interface .course-search-interface__form form.course-search-form.is-loading #course_search_term__fieldset .form-note {
  background-size: 30px 30px;
  background-image: url("assets/img/loading--red.gif");
}


.course-search-interface .course-search-interface__form form.course-search-form.is-loading #course_search_clear_filters .button,
.course-search-interface .course-search-interface__form form.course-search-form.is-loading #course_search_clear_filters .p-form fieldset.form-fieldset.address-suggestion .form-note,
.p-form fieldset.form-fieldset.address-suggestion .course-search-interface .course-search-interface__form form.course-search-form.is-loading #course_search_clear_filters .form-note {
  background-size: 30px 30px;
  background-image: url("assets/img/loading--ink.gif");
}

.course-search-interface .course-search-interface__form.is-loading {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("assets/img/loading--white.gif");
}

.course-search-interface .course-search-interface__form.is-loading form.course-search-form {
  visibility: hidden;
}

/* TYPEAHEAD */
.twitter-typeahead {
  width: 100%;
}

.tt-menu {
  margin: 0px 0px;
  padding: 0px 10px;
  width: 100%;
}

.tt-menu .tt-dataset {
  background: #ffffff;
  border: 1px solid #c2c2c2;
  border-top: 0px none;
  max-height: 170px;
  overflow-y: hidden;
  text-align: left;
}

.tt-menu .tt-dataset .tt-suggestion {
  padding: 5px 5px;
  margin: 0px;
  font-size: 12px;
  cursor: pointer;
}

.tt-menu .tt-dataset .tt-suggestion:hover {
  background-color: #f8f7f3;
}

.tt-menu .tt-dataset .tt-suggestion.tt-cursor {
  background-color: #fddb33;
}

/*
COURSE SEARCH RESULTS
*/
.course-search-results .course-search-results__top {
  border-top: #e3c11c 8px solid;
  background-color: #f3cd15;
}

.course-search-results .course-search-results__top > .inner .course-search-results__top__count h3 {
  margin-bottom: 10px;
  display: none;
}

.course-search-results .course-search-results__top > .inner .course-search-results__top__count.is-loading {
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  background-image: url("assets/img/loading--yellow.gif");
}

.course-search-results .course-search-results__top > .inner .course-search-results__top__count.is-loading * {
  visibility: hidden;
}

.course-search-results--default-search .course-search-results__top__count h3.default-results {
  display: block !important;
}

.course-search-results--has-results .course-search-results__top__count h3.has-results {
  display: block !important;
}

.course-search-results--has-results .course-search-results__top__count .course-search-results-count-term {
  display: none;
}

.course-search-results--no-results .course-search-results__top__count h3.no-results {
  display: block !important;
}

.course-search-results--has-term .course-search-results__top__count .course-search-results-count-term {
  display: inline;
}

.course-search-results .course-search-results__main {
  background-color: #fddb33;
  min-height: 393px;
}

.course-search-results .course-search-results__main__loop_contain .course-search-result {
  width: 25%;
}

@media (max-width: 1024px) {
  .course-search-results .course-search-results__main__loop_contain .course-search-result {
    width: 33.33%;
  }
}

@media (max-width: 768px) {
  .course-search-results .course-search-results__main__loop_contain .course-search-result {
    width: 50%;
  }
}

@media (max-width: 480px) {
  .course-search-results .course-search-results__main__loop_contain .course-search-result {
    width: 100%;
  }
}

.course-search-results .course-search-results__main__loop_contain.is-loading {
  min-height: 85px;
  background-repeat: no-repeat;
  background-position: 15px 15px;
  background-image: url("assets/img/loading--yellow.gif");
}

.course-search-results .course-search-results__main__loop_contain.is-loading * {
  visibility: hidden;
}

.course-search-results--default-search .course-search-results__main, .course-search-results--has-results .course-search-results__main {
  display: block;
}

.course-search-filter-tag {
  position: relative;
  opacity: 0;
  display: inline-block;
  margin: 10px 10px 0px 0px;
}

.course-search-filter-tag.is-visible {
  opacity: 1;
}

.course-search-filter-tag.animate {
  transition: opacity 0.25s ease;
}

.course-search-filter-tag.animate .inner {
  transition: left 0.25s linear, top 0.25s linear;
}

.course-search-filter-tag > .inner {
  position: relative;
  top: 0px;
  left: 0px;
  background-color: #fff;
  border: 1px solid #c2c2c2;
  padding: 10px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.course-search-filter-tag > .inner .contents {
  position: relative;
  padding-right: 20px;
}

.course-search-filter-tag > .inner .contents .course-search-filter-tag__name {
  font-weight: 600;
  font-size: 12px;
  line-height: 17px;
}

.course-search-filter-tag > .inner .contents .course-search-filter-tag__remove {
  position: absolute;
  top: -5px;
  right: -5px;
  padding: 5px;
  color: #e72435;
  cursor: pointer;
  font-size: 15px;
  line-height: 15px;
}

.course-search-result {
  display: inline-block;
  vertical-align: top;
  margin: 0px;
  padding: 15px;
}

.course-search-result__inner {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #c2c2c2;
  border-radius: 5px;
  padding: 15px;
}

.course-search-result__inner .course-search-result__content > .inner {
  padding-bottom: 104px;
}

.course-search-result__inner .course-search-result__content > .inner .course-search-result__content__course_level {
  margin-bottom: 5px;
  color: #000;
}

.course-search-result__inner .course-search-result__content > .inner .course-search-result__content__course_locations {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #c2c2c2;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 15px;
}

.course-search-result__inner .course-search-result__content > .inner .course-search-result__content__course_locations .course-location-term {
  text-transform: uppercase;
  font-weight: 600;
  white-space: nowrap;
}

.course-search-result__inner .course-search-result__content > .inner .course-search-result__content__course_locations .course-location-term--james-watt {
  color: #8dc854;
}

.course-search-result__inner .course-search-result__content > .inner .course-search-result__content__course_locations .course-location-term--matthew-boulton {
  color: #008894;
}

.course-search-result__inner .course-search-result__content > .inner .course-search-result__content__course_locations .course-location-term--stourbridge {
  color: #0272ba;
}

.course-search-result__inner .course-search-result__content > .inner .course-search-result__content__course_locations .course-location-term--sutton-coldfield {
  color: #863995;
}

.course-search-result__inner .course-search-result__content > .inner .course-search-result__content__course_title {
  font-size: 24px;
}

.course-search-result__inner .course-search-result__button {
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: inherit;
}

.course-search-result__inner .course-search-result__button .button, .course-search-result__inner .course-search-result__button .p-form fieldset.form-fieldset.address-suggestion .form-note, .p-form fieldset.form-fieldset.address-suggestion .course-search-result__inner .course-search-result__button .form-note {
  font-size: 16px;
  line-height: 20px;
  padding: 10px 15px;
}

/*
Module Block (as seen on course page)
*/
.module-block {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #e72435;
  padding-left: 10px;
}

.module-block__main {
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 5px 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 5px 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 5px 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0px;
  border: 1px solid #c2c2c2;
  border-left: 0px none;
  background-color: #fff;
  padding: 15px 15px;
}

.module-block__main__pre-title {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0px;
}

.module-block__main__title {
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  color: #e72435;
  margin-bottom: 15px;
}

.module-block__main__table {
  margin-bottom: 10px;
}

.module-block__main__buttons .module-block-button {
  font-size: 16px;
  padding: 0.8em 0.8em;
  width: 40%;
  margin-right: 15px;
}

.module-block__main__buttons .module-block-button:last-of-type {
  margin-right: 0px;
}

.module-block__main__button-note {
  padding-top: 5px;
  font-size: 13px;
}

.module-block__main__applications-closed, .module-block__main__already-in-cart {
  padding-top: 15px;
  font-size: 16px;
}

.module-block__main__applications-closed a, .module-block__main__already-in-cart a {
  font-weight: 600;
  color: #e72435;
}

.module-block__main__applications-closed a:hover, .module-block__main__already-in-cart a:hover {
  color: #c10011;
}

.module-block__main__applications-closed {
  font-weight: bold;
}

.module-block__main .module-block-fees {
  padding-top: 15px;
}

.module-block__main .module-block-fees__button a {
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

.module-block__main .module-block-fees__table {
  display: none;
  padding-top: 15px;
}

.module-block__main .module-block-fees__table table td {
  font-size: 13px;
  padding: 5px;
}

.module-block__main .module-block-fees__table table td:last-of-type {
  font-weight: 600;
}

.module-block--james-watt {
  background-color: #8dc854;
}

.module-block--james-watt .module-block__main__title {
  color: #8dc854;
}

.module-block--matthew-boulton {
  background-color: #008894;
}

.module-block--matthew-boulton .module-block__main__title {
  color: #008894;
}

.module-block--stourbridge {
  background-color: #0272ba;
}

.module-block--stourbridge .module-block__main__title {
  color: #0272ba;
}

.module-block--sutton-coldfield {
  background-color: #863995;
}

.module-block--sutton-coldfield .module-block__main__title {
  color: #863995;
}

.module-block--W .module-block-button {
  width: 80%;
}

.module-block-table {
  width: 100%;
  border-collapse: collapse;
}

.module-block-table tr td {
  vertical-align: middle;
  text-align: left;
  border: 0px none;
  padding: 0px 0px 5px 0px;
  font-size: 12px;
}

.module-block-table tr td:nth-of-type(1) {
  width: 40%;
  padding-right: 15px;
}

.module-block-table tr td:nth-of-type(2) {
  width: 60%;
  font-weight: 700;
}

/*
    Tile
*/
.tile {
  position: relative;
  margin-bottom: 2em;
}

.tile:hover::before,
.tile:hover .tile__content {
  box-shadow: 0 0 5px rgba(51, 51, 51, 0.3);
}

.tile:hover .tile__image__inner {
  transform: scale(1.05);
}

.tile::before {
  background: white none repeat scroll 0 0;
  content: " ";
  height: 2em;
  left: 2.5%;
  position: absolute;
  top: 0;
  width: 95%;
  z-index: 1;
  transition: all 0.2s ease-in-out 0s;
  border: 1px solid #ebebeb;
}

.tile__image {
  box-shadow: 0 0 4px #5f6566;
  position: relative;
  z-index: 2;
  margin-top: 2em;
  display: block;
  padding-bottom: 52%;
  transform: translateY(0);
  overflow: hidden;
  transition: all 0.2s ease-in-out 0s;
}

.tile__image__inner {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  transition: all 0.2s ease-in-out 0s;
}

.tile__content {
  background-color: #fff;
  text-align: center;
  padding: 2em;
  width: 95%;
  margin: 0 2.5%;
  border: 1px solid #ebebeb;
  transition: all 0.2s ease-in-out 0s;
}

.tile__content h3 {
  font-size: 2.125em;
}

.tile__content h3 a {
  color: #e72435;
}

.tile__content h3 a:hover {
  color: #000;
}

.tile__content .btn {
  margin-top: 1em;
}

.news-tile {
  position: relative;
  margin-bottom: 2.5em;
}

.news-tile:hover .news-tile__content {
  transform: translate(-10%, -50%);
}

@media (max-width: 600px) {
  .news-tile:hover .news-tile__content {
    transform: none;
  }
}

.news-tile__img {
  background-size: cover;
  padding-bottom: 33.33%;
  width: 40%;
  background-position: center;
  display: block;
  transition: all 0.2s ease-in-out 0s;
}

@media (max-width: 600px) {
  .news-tile__img {
    width: 100%;
  }
}

.news-tile__img:hover {
  opacity: 0.8;
}

.news-tile__content {
  padding: 1em;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 59%;
  background-color: #fff;
  transition: all 0.2s ease-in-out 0s;
}

@media (max-width: 600px) {
  .news-tile__content {
    width: 100%;
    top: auto;
    transform: none;
    right: auto;
    position: relative;
  }
}

.news-tile__content__title {
  margin: 0;
  font-size: 1.5625em;
}

.news-tile__content__title a {
  color: #e72435;
}

.news-tile__content__title a:hover {
  color: #252525;
}

.news-tile__content p {
  font-size: 0.875em;
  margin-bottom: 0;
}

.news-tile__content p a {
  font-weight: 600;
}

.tile-wrap {
  background-color: #e72435;
  padding: 4em 0;
}

.tile-wrap--yellow {
  background-color: #fddb33;
}

/*
	Tabs
 */
.tabs {
  margin: 3em 0;
}

.tabs__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-bottom: 1px solid #CCC;
}

.tabs__list__item {
  float: left;
  cursor: pointer;
  padding: 0.5em 1em;
  font-family: "Roboto Condensed", Arial, sans-serif;
  transition: all 0.2s ease-in-out 0s;
  color: #8b8b8b;
  position: relative;
}

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

.tabs__list__item::after {
  height: 2px;
  background-color: #e72435;
  position: absolute;
  bottom: -1px;
  content: " ";
  width: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.2s ease-in-out 0s;
}

.tabs__list__item:hover {
  color: #e72435;
}

.tabs__list__item.active {
  color: #e72435;
}

.tabs__list__item.active::after {
  width: 100%;
}

.tabs__content {
  padding: 2em 0;
  display: none;
}

.tabs__content.active {
  display: block;
}

/*
	Map
 */
.map {
  height: 0;
  padding-bottom: 30%;
  width: 100%;
}

.map__tooltip h3 {
  font-size: 1.5em;
  margin: 0 0 0.3em;
}

.map__address {
  font-size: 1em;
  margin-bottom: 0.5em;
}

.map__directions {
  margin-bottom: 0;
  font-size: 1em;
}

/*
	
	//-----------------------------------//

				Icon box
	
	//-----------------------------------//


	Usage: 

		Used to display partners and employers


	Markup:

		<div class="icon-box">

			<div class="icon-box__image">
				<img src="http://bmet.dev:8888/wp-content/uploads/2017/01/national-express.png" alt="National Express">
			</div>
			
			<div class="icon-box__content">
				
				<h3><a href="#" aria-label="National Express">National Express</a></h3>
				
				<p>Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
				
				<a class="icon-box__content__link" target="_blank" href="#" aria-label="">Visit Website</a>

			</div>

		</div>

 */
.icon-box {
  margin-bottom: 4em;
}

.icon-box__image {
  margin-bottom: 1em;
}

.icon-box__content h3 {
  margin-bottom: 1em;
}

.icon-box__content a {
  color: #e72435;
}

.icon-box__content a:hover {
  color: #252525;
}

.icon-box__content__link {
  font-size: 0.875em;
  font-weight: 600;
}

.icon-box__content__link:hover {
  color: #252525;
}

/*
	Card

	Used on the contact - find us page

	<div class="card">
		<h3 class="college-property--color">Matthew Boulton</h3>
		<p>Jennens Road,<br>
			Birmingham<br>
			B4 7PS</p>
							
		<div class="card__inner clear">
			
			<p class="card__inner__left">
				Phone: 0845 155 0101 <br>
				<a class="get-directions" target="_blank" href="https://www.google.com/maps/dir/Current+Location/52.48322942261962,-1.8888142704963684"><strong>Get Directions</strong></a>
			</p>

			<a href="http://bmet.dev:8888/our-locations/matthew-boulton/" class="btn btn--small">Learn More</a>

		</div>
	</div>

*/
.card {
  padding: 1.5em;
  border: 1px solid #CCC;
  border-radius: 5px;
  margin-bottom: 1.5em;
  position: relative;
  border-left: 14px solid #e72435;
}

.card.matthew-boulton {
  border-left-color: #008894;
}

.card.sutton-coldfield {
  border-left-color: #863995;
}

.card.james-watt {
  border-left-color: #8dc854;
}

.card.stourbridge {
  border-left-color: #0272ba;
}

.card.kidderminster {
  border-left-color: #6bcef3;
}

.card h3 {
  font-size: 1.25em;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0.2em;
  color: #e72435;
  line-height: 100%;
}

.card__inner {
  position: relative;
}

.card__inner__left {
  width: calc(100% - 150px);
  margin: 0;
  float: left;
}

.card__inner .btn {
  float: right;
  padding: 0.8em 1em;
}

/*
	Table
 */
table {
  width: 100%;
}

table td {
  border: 1px solid #CCC;
  padding: 1em;
}

table.auto-width {
  width: auto;
}

/*
	Accordion
 */
.bmet-accordion__open-all-wrap {
  text-align: right;
}

.bmet-accordion__open-all-wrap .btn {
  margin-top: 0;
}

.bmet-accordion__row {
  margin-bottom: 1em;
  border: 1px solid #e1e1e1;
  background-color: #f4f4f4;
  position: relative;
}

.bmet-accordion__row.show .bmet-accordion__row__arrow .fa {
  transform: rotate(-180deg);
}

.bmet-accordion__row__title {
  cursor: pointer;
  padding: 1em 1.5em;
  transition: all 0.2s ease-in-out 0s;
}

.bmet-accordion__row__title:hover {
  background-color: #e1e1e1;
}

.bmet-accordion__row h2 {
  color: #e72435;
  font-size: 1.5em;
  line-height: calc(100% - 1px);
  margin-bottom: 0;
  padding-right: 1em;
}

.bmet-accordion__row__content {
  display: none;
}

.bmet-accordion__row__content__inner {
  padding: 1em 1.5em 1em;
}

.bmet-accordion__row__file {
  color: #e72435;
  margin-bottom: 0.5em;
  display: block;
}

.bmet-accordion__row__file:hover {
  text-decoration: underline;
}

.bmet-accordion__row__file .fa {
  margin-right: 0.5em;
}

.bmet-accordion__row__arrow {
  position: absolute;
  right: 1.5em;
  top: 0.8em;
}

.bmet-accordion__row__arrow .fa {
  font-size: 1.875em;
  color: #252525;
  transition: all 0.2s ease-in-out 0s;
}

/*
	Breadcrumbs
*/
.breadcrumbs {
  font-family: "Roboto Condensed", Arial, sans-serif;
  text-transform: uppercase;
  margin-bottom: 1.5em;
  font-size: 0.6875em;
  letter-spacing: 0.0625em;
}

.breadcrumbs .current-item {
  color: #e72435;
  font-weight: 600;
}

/*-----------------------*\
	Course Cart Display
\*-----------------------*/
/*
COURSE CART
*/
.course-cart__title {
  position: relative;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  padding: 15px 15px 15px 55px;
  background-color: #ed6d2e;
}

.course-cart__title > *,
.course-cart__title a {
  color: #fff;
}

.course-cart__title > * > *,
.course-cart__title a > * {
  display: inline-block;
  vertical-align: middle;
  color: inherit;
}

.course-cart__title__star, .interview-booking__details .interview-booking-details__title__arrow {
  position: absolute;
  top: 17px;
  left: 15px;
  width: 30px;
  height: 30px;
  border: 2px solid #fff;
  border-radius: 15px;
}

.course-cart__title__star i.fa, .interview-booking__details .interview-booking-details__title__arrow i.fa {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 17px;
  line-height: 1em;
}

.course-cart__title h3 {
  font-weight: 600;
  text-transform: uppercase;
  margin: 0px;
}

.course-cart__body {
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  background-color: #f4f4f4;
  padding: 30px 15px;
}

.course-cart__body__instructions {
  padding-bottom: 15px;
}

.course-cart__body__instructions p {
  font-size: 17px;
}

.course-cart__body__instructions p:last-of-type {
  font-size: 12px;
}

.course-cart__body__removed {
  color: #e72435;
}

.course-cart__body__removed__intro {
  font-style: italic;
  margin-bottom: 10px;
}

.course-cart__body__removed ul {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 25px 30px;
}

.course-cart__body__removed ul li {
  margin: 0px 0px 5px 0px;
}

.course-cart__body__removed ul li a {
  color: #e72435;
}

.course-cart__footer {
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #f4f4f4;
  padding: 30px;
  padding: 1.5em 1em;
  color: #252525;
  font-family: "Roboto Condensed", Arial, sans-serif;
}

.course-cart__footer__note {
  font-size: 18px;
  color: #252525;
  font-weight: 400;
}

.course-cart__footer__note a i {
  margin-right: 0.5em;
}

.course-cart__footer__note__add-course--another {
  font-style: italic;
  color: #39b54a;
  margin: 1em 0 0;
}

.course-cart__footer__note__add-course--none {
  color: #252525;
  margin: 0 0 1em;
}

.course-cart-item {
  position: relative;
  margin-bottom: 30px;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  border: 0px none;
  border-radius: 5px;
}

.course-cart-item:last-of-type {
  margin-bottom: 0px;
}

.course-cart-item:first-of-type .course-cart-item__left__preference {
  display: inline-block;
}

.course-cart-item--loading::after {
  content: " ";
  position: absolute;
  z-index: 10;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background-color: #fff;
  background-image: url("assets/img/loading--white.gif");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 25px;
  opacity: 0.75;
}

.course-cart-item__left {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 30px;
  height: 100%;
  background-color: #c2c2c2;
  border-radius: 5px 0px 0px 5px;
}

.course-cart-item__left__preference {
  display: none;
  position: absolute;
  top: 10px;
  width: 100%;
  text-align: center;
  color: #fddb33;
  font-size: 15px;
  line-height: 1em;
}

.course-cart-item__left__position {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 15px;
}

.course-cart-item__left__arrows {
  visibility: hidden;
  position: absolute;
  bottom: 10px;
  width: 100%;
  text-align: center;
  color: #575757;
  font-size: 15px;
  line-height: 1em;
}

.course-cart-item__main {
  padding: 15px 30px 15px 45px;
}

.course-cart-item__main__course-title {
  margin-bottom: 5px;
}

.course-cart-item__main__course-title * {
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-size: 20px;
}

.course-cart-item__main__location {
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.course-cart-item__main__location > * {
  display: inline-block;
  vertical-align: middle;
}

.course-cart-item__main__location__name {
  font-weight: bold;
}

.course-cart-item__main__location--james-watt .course-cart-item__main__location__name {
  color: #8dc854;
}

.course-cart-item__main__location--matthew-boulton .course-cart-item__main__location__name {
  color: #008894;
}

.course-cart-item__main__location--stourbridge .course-cart-item__main__location__name {
  color: #0272ba;
}

.course-cart-item__main__location--sutton-coldfield .course-cart-item__main__location__name {
  color: #863995;
}

.course-cart-item__main__module-table .module-block-table {
  width: 250px;
  max-width: 100%;
}

.course-cart-item__main__module-table .module-block-table tr td {
  padding: 0px 0px 0px 0px;
}

.course-cart-item__remove {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  line-heigt: 20px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.course-cart-item__remove i.fa {
  color: #888888;
  font-size: 16px;
}

.course-cart--allow-reorder .course-cart-item {
  cursor: move;
}

.course-cart--allow-reorder .course-cart-item:hover .course-cart-item__left__arrows {
  visibility: visible;
}

/*
	Panel
 */
.panel__item {
  position: relative;
  background-color: #000;
  display: block;
  padding-bottom: 20%;
  margin-bottom: 1.5em;
}

@media (max-width: 600px) {
  .panel__item {
    padding-bottom: 30%;
  }
}

@media (max-width: 400px) {
  .panel__item {
    padding-bottom: 40%;
  }
}

.panel__item:hover .panel__item__image {
  opacity: 0.6;
}

.panel__item__image {
  background-size: cover;
  background-position: center;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  transition: all 0.2s ease-in-out 0s;
}

.panel__item__content {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 80%;
  transform: translate(-50%, -50%);
}

.panel__item__content h3 {
  color: #fff;
  text-align: center;
  font-weight: 500;
  margin: 0;
}

/*---------------------------*\
    Qualifications Repeater
\*---------------------------*/
fieldset.qualifications-repeater > label.form-label {
  margin-bottom: 30px;
  padding-bottom: 0px;
}

fieldset.qualifications-repeater .repeater-field-rows {
  margin-bottom: 5px;
}

fieldset.qualifications-repeater .repeater-field-rows .repeater-field-row {
  position: relative;
  padding: 10px 30px 0px 0px;
  border-bottom: 1px solid #e1e1e1;
}

fieldset.qualifications-repeater .repeater-field-rows .repeater-field-row .repeater-field-row__number {
  display: none;
}

fieldset.qualifications-repeater .repeater-field-rows .repeater-field-row .repeater-field-row__fields fieldset.form-fieldset {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 10px;
}

fieldset.qualifications-repeater .repeater-field-rows .repeater-field-row .repeater-field-row__fields fieldset.form-fieldset:nth-of-type(1), fieldset.qualifications-repeater .repeater-field-rows .repeater-field-row .repeater-field-row__fields fieldset.form-fieldset:nth-of-type(2) {
  width: 160px;
}

fieldset.qualifications-repeater .repeater-field-rows .repeater-field-row .repeater-field-row__fields fieldset.form-fieldset:nth-of-type(3) {
  width: 80px;
}

fieldset.qualifications-repeater .repeater-field-rows .repeater-field-row .repeater-field-row__fields fieldset.form-fieldset:nth-of-type(4) {
  width: 60px;
}

fieldset.qualifications-repeater .repeater-field-rows .repeater-field-row .repeater-field-row__fields fieldset.form-fieldset:nth-of-type(5) {
  width: 110px;
}

fieldset.qualifications-repeater .repeater-field-rows .repeater-field-row .repeater-field-row__fields fieldset.form-fieldset label.form-label {
  display: none;
  font-family: "Roboto Condensed", Arial, sans-serif;
  text-transform: uppercase;
  padding-left: 5px;
}

fieldset.qualifications-repeater .repeater-field-rows .repeater-field-row .repeater-field-row__fields fieldset.form-fieldset.form-fieldset--text input {
  padding: 7px 10px;
}

fieldset.qualifications-repeater .repeater-field-rows .repeater-field-row .repeater-field-row__controls {
  position: absolute;
  top: 20px;
  right: 0px;
}

fieldset.qualifications-repeater .repeater-field-rows .repeater-field-row .repeater-field-row__controls .repeater-field-row__controls__control--delete {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #575757;
}

fieldset.qualifications-repeater .repeater-field-rows .repeater-field-row:first-of-type {
  padding-top: 0px;
}

fieldset.qualifications-repeater .repeater-field-rows .repeater-field-row:first-of-type .repeater-field-row__controls {
  margin-top: 14px;
}

fieldset.qualifications-repeater .repeater-field-rows .repeater-field-row:last-of-type {
  border-bottom: 0px none;
}

fieldset.qualifications-repeater .repeater-field-rows .repeater-field-row:first-of-type .repeater-field-row__fields fieldset.form-fieldset label.form-label {
  display: block;
}

fieldset.qualifications-repeater .repeater-field__add-row .button, fieldset.qualifications-repeater .repeater-field__add-row .p-form fieldset.form-fieldset.address-suggestion .form-note, .p-form fieldset.form-fieldset.address-suggestion fieldset.qualifications-repeater .repeater-field__add-row .form-note {
  padding: 10px 15px;
}

section.covid-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.7);
}

section.covid-modal .covid-modal--inner {
  border-radius: 10px;
  width: 60%;
  height: auto;
  background: #fff;
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  z-index: 999999;
  padding: 3% 0;
  margin: 0;
}

@media (max-width: 818px) and (min-width: 0px) {
  section.covid-modal .covid-modal--inner {
    width: 90%;
    height: 60vh;
    overflow-x: scroll;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  section.covid-modal .covid-modal--inner {
    width: 90%;
    height: 60vh;
    overflow-x: scroll;
  }
}

@media screen and (max-width: 1200px) {
  section.covid-modal .covid-modal--inner > img {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
    max-width: 90%;
  }
  section.covid-modal .covid-modal--inner div {
    float: none !important;
    width: 90% !important;
    margin: 0 auto;
  }
}

section.covid-modal .covid-modal--inner .btn {
  font-size: 1.5rem;
}

section.covid-modal .covid-modal--inner .image_side img {
  margin-left: -15%;
  width: 115%;
  max-width: 115%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

@media (max-width: 818px) and (min-width: 0px) {
  section.covid-modal .covid-modal--inner .image_side img {
    margin-left: 0%;
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    height: 25vh;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  section.covid-modal .covid-modal--inner .image_side img {
    margin-left: 0%;
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    height: 25vh;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
}

section.covid-modal .covid-modal--inner > img {
  float: left;
  margin-left: -100px;
  margin-top: 60px;
}

section.covid-modal .covid-modal--inner div {
  /*float: left;
            width: calc(100% - 610px);
            height: 490px;
            margin-top: 50px;
            padding-top: 15px;
            padding-left: 50px;*/
}

section.covid-modal .covid-modal--inner div h3 {
  color: #E72435;
  font-weight: bold;
  text-transform: uppercase;
}

section.covid-modal .covid-modal--inner div article {
  margin-bottom: 30px;
}

section.covid-modal .covid-modal--inner div article:last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 818px) and (min-width: 0px) {
  section.covid-modal .covid-modal--inner div article:last-child {
    margin-bottom: 30px !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  section.covid-modal .covid-modal--inner div article:last-child {
    margin-bottom: 30px !important;
  }
}

section.covid-modal .covid-modal--inner img.close-modal {
  position: absolute;
  top: -40px;
  right: 10px;
  cursor: pointer;
}

/*
    Front-page

	* Search Bar
    * Slider
    * Video
    * Study Options
    *
    *
    * 

*/
/*---------------------
  Search Bar
----------------------*/
.search_bar {
  padding: 2rem 0rem;
}

@media (max-width: 818px) and (min-width: 0px) {
  .search_bar .col-12 {
    text-align: center;
    padding-bottom: 1.5rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .search_bar .col-12 {
    text-align: center;
    padding-bottom: 1.5rem;
  }
}

.search_bar p, .search_bar h5 {
  font-size: 23px;
  text-transform: uppercase;
  color: #e72435;
  margin: 0;
  font-weight: bold;
  font-family: "Roboto Condensed", Arial, sans-serif;
}

.search_bar p span, .search_bar h5 span {
  color: #000;
  text-transform: none !important;
}

.search_bar .btn-dark {
  border: solid 1px #000 !important;
  color: #fff !important;
  background: #000 !important;
  padding: 1rem;
}

.search_bar .btn-dark:hover {
  color: #000 !important;
  background: #fff !important;
  border: solid 1px #fff !important;
}

.search_bar .btn {
  border: solid 1px #fff;
  color: #fff;
  background: #e72435;
  padding: 1rem;
}

.search_bar .btn:hover {
  color: #e72435;
  background: #fff;
}

.search_bar form {
  display: flex;
}

.search_bar form .search_form__btn {
  width: 30%;
  border-radius: 0;
  text-transform: uppercase;
  padding: 0.7em 1em;
  min-height: 100%;
  background-color: #3E3E3E;
  border: 1px solid #3E3E3E;
  transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s;
}

.search_bar form .search_form__btn:hover {
  color: #fff;
  background: #e72435;
  border: 1px solid #e72435;
}

.search_bar form input {
  border-radius: 0 !important;
  border: solid 1px #3E3E3E;
  font-size: 20px;
  width: 70% !important;
}

.search_bar .src_btn {
  background: #e72435;
  height: 100%;
  padding: 1rem 1rem 1rem 1rem;
  position: relative;
  padding-left: 15%;
  text-transform: uppercase;
  color: #fff;
  border: solid 2px #fff;
  display: inline-block;
  transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s;
}

@media (max-width: 818px) and (min-width: 0px) {
  .search_bar .src_btn {
    padding-left: 15%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .search_bar .src_btn {
    padding-left: 10%;
  }
}

.search_bar .src_btn:hover {
  color: #fff;
  background: #3E3E3E;
}

.search_bar .src_btn img {
  width: 30px;
  height: 30px;
  position: absolute !important;
  top: 50% !important;
  left: 14%;
  transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
}

.yellow_theme {
  background: #fddb33;
}

.red_theme {
  background: #e72435;
}

.red_theme h5 {
  color: #fddb33;
}

.grey_theme {
  background: #c2c2c2;
}

.fp-slider-wrap {
  position: relative;
  height: calc(100% - 45vh);
}

@media (max-width: 818px) and (min-width: 0px) {
  .fp-slider-wrap {
    height: 75vh;
    overflow: hidden;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .fp-slider-wrap {
    height: 75vh;
    overflow: hidden;
  }
}

@media (max-width: 1500px) {
  .fp-slider-wrap {
    height: 50vh;
  }
}

#bounce {
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: bounce-3;
          animation-name: bounce-3;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}

@media (max-width: 818px) and (min-width: 0px) {
  #bounce {
    -webkit-animation-name: bounce-4;
            animation-name: bounce-4;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #bounce {
    -webkit-animation-name: bounce-4;
            animation-name: bounce-4;
  }
}

@-webkit-keyframes bounce-3 {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(30px);
  }
  50% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes bounce-3 {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(30px);
  }
  50% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}

@-webkit-keyframes bounce-4 {
  0% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(30px);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes bounce-4 {
  0% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(30px);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes wiggle {
  0% {
    transform: translateX(0);
  }
  80% {
    transform: translateX(0);
  }
  85% {
    transform: translateX(10px);
  }
  95% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes wiggle {
  0% {
    transform: translateX(0);
  }
  80% {
    transform: translateX(0);
  }
  85% {
    transform: translateX(10px);
  }
  95% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}

.side_hang_active {
  width: 100% !important;
  -webkit-animation: none !important;
          animation: none !important;
  adding: 0 !important;
  left: 0% !important;
  background: #d81936 !important;
}

@media (max-width: 818px) and (min-width: 0px) {
  .side_hang_active {
    height: 110% !important;
    padding-bottom: 10% !important;
    padding-top: 10% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .side_hang_active {
    height: 110% !important;
    padding-bottom: 10% !important;
    padding-top: 10% !important;
  }
}

@media (max-width: 818px) and (min-width: 0px) {
  .side_hang_active:after {
    bottom: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .side_hang_active:after {
    bottom: 0 !important;
  }
}

.side_hang_active:before {
  left: -35%;
}

.side_hang_active .is-active {
  visibility: visible;
  opacity: 1;
  z-index: 11;
  height: 80%;
  overflow: auto;
}

.side_hang_active .is-active img {
  height: 120px;
}

@media (max-width: 818px) and (min-width: 0px) {
  .side_hang_active .is-active img {
    height: 170px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    margin-bottom: 2rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .side_hang_active .is-active img {
    height: 170px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    margin-bottom: 2rem !important;
  }
}

.side_hang_active .is-active a {
  text-decoration: none !important;
}

.side_hang_active .shw {
  visibility: visible;
  opacity: 0;
}

.side_hang_active h3 {
  color: #fff;
}

.close {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s,opacity .5s linear;
  z-index: 9999;
}

.hide_ {
  visibility: hidden;
  opacity: 0;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  color: #fff;
  transition: visibility 0s,opacity .5s linear;
}

@media (max-width: 818px) and (min-width: 0px) {
  .hide_ {
    width: 90%;
    overflow: auto;
    height: 45vh;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .hide_ {
    width: 90%;
    overflow: auto;
    height: 45vh;
  }
}

@media (max-width: 818px) and (min-width: 0px) {
  .hide_ img {
    width: auto;
    height: 25vh;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .hide_ img {
    width: auto;
    height: 25vh;
  }
}

.side_hang {
  position: absolute;
  z-index: 9;
  width: 12%;
  padding-left: 6%;
  left: -7%;
  text-align: center;
  height: 100%;
  background: #a52e2e00 url("../bmt-theme-2017/assets/img/hang_shape.svg") no-repeat;
  transition: width 1s ease-in-out;
  background-position: right;
  background-size: cover;
}

@media (min-width: 2000px) and (-webkit-min-device-pixel-ratio: 1) {
  .side_hang {
    width: 12%;
    padding-left: 6%;
    left: -7%;
  }
}

@media (max-width: 1500px) {
  .side_hang {
    width: 15%;
  }
}

@media (max-width: 1100px) {
  .side_hang {
    width: 20%;
  }
}

@media (max-width: 818px) and (min-width: 0px) {
  .side_hang {
    width: 100%;
    height: 15%;
    transition: height 1s ease-in-out;
    background: #d81936 !important;
    padding-left: 0%;
    left: 0%;
    top: -5%;
    padding-top: 15%;
    padding-bottom: 0%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .side_hang {
    width: 100%;
    height: 15%;
    transition: height 1s ease-in-out;
    background: #d81936 !important;
    padding-left: 0%;
    left: 0%;
    top: -5%;
    padding-top: 10%;
    padding-bottom: 5%;
  }
}

@media (max-width: 818px) and (min-width: 0px) {
  .side_hang:after {
    content: "";
    position: absolute;
    bottom: -35%;
    width: 100%;
    height: 10vh;
    background: #a52e2e00 url(../bmt-theme-2017/assets/img/hang_shape_bottom.svg) no-repeat;
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
    z-index: 1;
    left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .side_hang:after {
    content: "";
    position: absolute;
    bottom: -35%;
    width: 100%;
    height: 10vh;
    background: #a52e2e00 url(../bmt-theme-2017/assets/img/hang_shape_bottom.svg) no-repeat;
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
    z-index: 1;
    left: 0;
  }
}

@media (max-width: 818px) and (min-width: 0px) {
  .side_hang h3 {
    font-size: 25px;
    line-height: 31px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .side_hang h3 {
    font-size: 17px;
    line-height: 22px;
  }
}

@media (max-width: 818px) and (min-width: 0px) {
  .side_hang p, .side_hang a {
    font-size: 16px;
    line-height: 20px;
    width: 100%;
    padding: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .side_hang p, .side_hang a {
    font-size: 16px;
    line-height: 20px;
    width: 100%;
    padding: 0;
  }
}

.side_hang .shw {
  position: absolute !important;
  top: 47% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  font-size: 17px;
  font-weight: bold;
  color: #fff;
  word-break: break-word;
  z-index: 10;
  transition: visibility 0s,opacity .5s linear;
  margin: 0;
  cursor: pointer;
}

.rel {
  position: relative;
  height: 100%;
}

.fp-slider {
  list-style-type: none;
  margin: 0;
  padding: 0;
  height: 100%;
  display: block;
  position: relative;
  z-index: 2;
}

.fp-slider .close {
  position: absolute;
  right: 2%;
  top: 5%;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .fp-slider .close {
    right: 4%;
  }
}

@media (max-width: 818px) and (min-width: 0px) {
  .fp-slider .close {
    right: 4%;
  }
}

.fp-slider .close:hover {
  cursor: pointer;
  opacity: .5;
}

.fp-slider .close img {
  width: auto;
  height: 40px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .fp-slider .close img {
    height: 25px;
  }
}

@media (max-width: 818px) and (min-width: 0px) {
  .fp-slider .close img {
    height: 25px;
  }
}

.fp-slider__item {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
  overflow: hidden;
}

.fp-slider__item .wrapper {
  height: 100%;
  position: initial;
  width: 70%;
  /*height: 100%;
            right: 0%;
            position: absolute;
            width: 100%;
            padding-right: 15%;*/
}

@media (max-width: 818px) and (min-width: 0px) {
  .fp-slider__item .wrapper {
    max-width: 100%;
    padding: 5%;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .fp-slider__item .wrapper {
    max-width: 100%;
    padding: 5%;
    width: 100%;
  }
}

@media (max-width: 1500px) {
  .fp-slider__item .wrapper {
    max-width: 80%;
    width: 80%;
  }
}

.fp-slider__item .wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 70%;
  height: 100%;
  background: #a52e2e00 url("../bmt-theme-2017/assets/img/slide_shape.svg") no-repeat;
  background-position: right;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: .6;
  z-index: 1;
}

@media (max-width: 818px) and (min-width: 0px) {
  .fp-slider__item .wrapper:before {
    width: 300% !important;
    left: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .fp-slider__item .wrapper:before {
    width: 300% !important;
    left: auto !important;
  }
}

@media (max-width: 1500px) {
  .fp-slider__item .wrapper:before {
    width: 100%;
    left: 10%;
  }
}

@media (min-width: 2000px) {
  .fp-slider__item .wrapper:before {
    width: 80%;
  }
}

.fp-slider__item.show .fp-slider__item__content {
  opacity: 1;
}

.fp-slider__item__content {
  z-index: 2;
  transition: all 0.5s ease-in-out 0s;
  /* width: 30%; 
            position: absolute;
            top: 50%;
            transform: translateY(-48%);
            padding: 2em;
            color: $white;
            right: 20%;
            opacity: 0;
            transition: all 0.5s ease-in-out 0s;
            min-width: 476px;*/
}

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

@media (max-height: 800px) {
  .fp-slider__item__content {
    width: 60%;
  }
}

.fp-slider__item__content h2 {
  color: #fff;
  font-weight: 400;
  font-size: 2.375em;
  margin-bottom: 0.2em;
  margin-top: 0;
}

@media (max-width: 600px) {
  .fp-slider__item__content h2 {
    font-size: 1.75em;
  }
}

.fp-slider__item__content p {
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-size: 1.125em;
  font-weight: 300;
  color: #fff;
}

.fp-slider__item__content .btn {
  margin-top: 0;
}

.fp-slider__image {
  background-size: cover;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
}

.fp-video {
  height: calc(100% - 50vh);
  overflow: hidden;
  position: relative;
  width: 100%;
}

.fp-video video {
  height: auto;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  z-index: -100;
}

.fp-video .wrapper {
  height: 100%;
  right: 0%;
  position: absolute;
  width: 100%;
  padding-right: 15%;
}

.fp-video .wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #a52e2e00 url("../bmt-theme-2017/assets/img/slide_shape.svg") no-repeat;
  background-position: right;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: .8;
  z-index: 1;
}

.fp-video .fp-slider__item__content {
  opacity: 1;
}

.study-options {
  background-color: #fddb33;
  padding: 0;
  text-align: center;
  position: relative;
  z-index: 2;
}

@media (max-width: 768px) {
  .study-options {
    display: none;
  }
}

.study-options__col {
  width: 32.9%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  padding: 3em;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: all 0.2s ease-in-out 0s;
}

@media (max-height: 900px) {
  .study-options__col {
    padding: 1.5em 3em;
  }
}

@media (max-width: 1024px) {
  .study-options__col {
    padding: 3em 1em;
  }
}

.study-options__col.inactive span,
.study-options__col.inactive h3 {
  color: #e3c11c;
}

.study-options__col.inactive .fa {
  border-color: #e3c11c;
  color: #e3c11c;
}

.study-options__col.inactive svg path {
  fill: #e3c11c;
}

.study-options__col.active span {
  color: #e72435;
}

.study-options__col.active h3 {
  color: #252525;
}

.study-options__col.active .fa {
  color: #fff;
  background-color: #e72435;
  border-color: #e72435;
  transform: rotate(180deg);
}

.study-options__col.active svg path {
  fill: #e72435;
}

.study-options__col::after {
  background-color: #e6c52d;
  content: " ";
  display: block;
  height: 80%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}

.study-options__col:last-of-type::after {
  display: none;
}

.study-options__col__icon {
  display: block;
  margin-bottom: 0.8em;
}

@media (max-height: 900px) {
  .study-options__col__icon {
    display: none;
  }
}

.study-options__col svg path {
  fill: #e72435;
  transition: all 0.2s ease-in-out 0s;
}

.study-options__col span {
  color: #e72435;
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-size: 1.125em;
  transition: all 0.2s ease-in-out 0s;
}

.study-options__col h3 {
  color: #252525;
  font-size: 1.875em;
  margin: 0.2em 0 0.5em;
  transition: all 0.2s ease-in-out 0s;
}

.study-options__col .fa {
  border-radius: 50%;
  padding: 0.25em;
  height: 1.5em;
  width: 1.5em;
  background-color: #fddb33;
  color: #e72435;
  border: 1px solid #e72435;
  transition: all 0.2s ease-in-out 0s;
}

.study-options__bar {
  width: 100%;
  background-color: #e3c11c;
  display: block;
  position: absolute;
  top: 100%;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  height: 0;
}

.study-options__bar.show {
  height: 8px;
}

.study-options .wrapper:hover .study-options__col span,
.study-options .wrapper:hover .study-options__col h3 {
  color: #e3c11c;
}

.study-options .wrapper:hover .study-options__col .fa {
  border-color: #e3c11c;
  color: #e3c11c;
  background-color: #fddb33;
}

.study-options .wrapper:hover .study-options__col svg path {
  fill: #e3c11c;
}

.study-options .wrapper:hover .study-options__col:hover span {
  color: #e72435;
}

.study-options .wrapper:hover .study-options__col:hover h3 {
  color: #252525;
}

.study-options .wrapper:hover .study-options__col:hover .fa {
  color: #fff;
  background-color: #e72435;
  border-color: #e72435;
}

.study-options .wrapper:hover .study-options__col:hover svg path {
  fill: #e72435;
}

.study-options__results {
  background-color: #f3cd15;
  text-align: center;
  position: relative;
}

@media (max-width: 768px) {
  .study-options__results {
    display: none;
  }
}

.study-options__results h3 {
  font-weight: 600;
  margin-bottom: 1em;
}

.study-options__results__want .study-options__results__form__select__outer {
  width: 48%;
  margin-right: 4%;
  float: left;
}

.study-options__results__want .study-options__results__form__select__outer:last-of-type {
  margin-right: 0;
}

.study-options__results__where .study-options__results__form__select__outer {
  width: 48%;
  margin-right: 4%;
  float: left;
}

.study-options__results__where .study-options__results__form__select__outer:last-of-type {
  margin-right: 0;
}

.study-options__results__career .study-options__results__form__input__outer {
  width: 80%;
  max-width: 500px;
  display: block;
  margin: 0 auto;
}

.study-options__results .btn {
  margin-top: 2em;
}

.study-options__results__col {
  padding: 4em 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  display: none;
  margin-top: -352px;
}

.study-options__results__col.show {
  display: block;
}

.study-options__results__col.active {
  opacity: 1;
  visibility: visible;
  margin-top: 0 !important;
}

.study-options__results__form {
  width: 80%;
  margin: 0 auto;
}

.study-options__results__form__select__outer {
  position: relative;
}

@media (max-width: 768px) {
  .study-options__results__form__select__outer {
    margin-bottom: 1em;
  }
}

.study-options__results__form__select__outer .SumoSelect {
  width: 100%;
  text-align: left;
  font-size: 12px;
  line-height: 18px;
}

.study-options__results__form__input__outer input[type="text"] {
  border-color: #e6c52d;
  padding: 1em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-weight: 400;
}

.study-options-mobile {
  background-color: #fddb33;
  padding: 0;
  text-align: center;
  position: relative;
  z-index: 2;
  display: none;
}

@media (max-width: 768px) {
  .study-options-mobile {
    display: block;
  }
}

.study-options-mobile__col {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  padding: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: all 0.2s ease-in-out 0s;
}

.study-options-mobile__col::after {
  background-color: #e6c52d;
  content: " ";
  display: block;
  width: 80%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
}

.study-options-mobile__col .study-options__results__form {
  padding: 1em 0;
  max-width: 550px;
}

.study-options-mobile__col .study-options__results__form .btn {
  margin-top: 1em;
  font-size: 1em;
}

.study-options-mobile__col__result {
  height: 0;
  overflow: hidden;
}

.study-options-mobile__col.active .fa {
  color: #fff;
  background-color: #e72435;
  border-color: #e72435;
  transform: rotate(180deg);
}

.study-options-mobile__col.active .study-options-mobile__col__result {
  height: auto;
}

.study-options-mobile svg path {
  fill: #e72435;
  transition: all 0.2s ease-in-out 0s;
}

.study-options-mobile h3 {
  position: relative;
  color: #252525;
  font-size: 1.5em;
  margin: 0;
  padding: 1em;
  transition: all 0.2s ease-in-out 0s;
}

.study-options-mobile .fa {
  position: absolute;
  right: 1em;
  top: 40%;
  border-radius: 50%;
  padding: 0.25em;
  height: 1.5em;
  width: 1.5em;
  font-size: 12px;
  background-color: #fddb33;
  color: #e72435;
  border: 1px solid #e72435;
  transition: all 0.2s ease-in-out 0s;
}

.our-locations-wrap__col__content {
  visibility: visible !important;
  opacity: 1 !important;
}

.fp-our-locations {
  padding: 3em 0;
  background: linear-gradient(0deg, #fddb33 0, #fddb33 70%, #000 0, #fff 0, #fff);
}

.fp-our-locations__intro h2 {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 1em;
}

.fp-our-locations__intro p {
  float: right;
  margin: 1em 0 0;
}

@media (max-width: 900px) {
  .fp-our-locations__intro p {
    float: none;
    margin: 0 0 1em;
  }
}

.fp-looking-for {
  position: relative;
  overflow: hidden;
  padding: 6em 0;
}

.fp-looking-for__title {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30%;
  z-index: 2;
}

@media (max-width: 768px) {
  .fp-looking-for__title {
    position: relative;
    text-align: center;
    width: 100%;
    transform: none;
    margin-bottom: 2em;
  }
}

.fp-looking-for__title h2 {
  color: #fff;
  font-weight: 400;
}

.fp-looking-for__items {
  width: 60%;
  position: relative;
  z-index: 2;
  float: right;
}

@media (max-width: 1024px) {
  .fp-looking-for__items {
    width: 70%;
  }
}

@media (max-width: 768px) {
  .fp-looking-for__items {
    float: none;
    width: 100%;
  }
}

.fp-looking-for__item {
  padding: 1.5em;
  margin: 2%;
  display: block;
  float: left;
  width: 46%;
  color: #fff;
  transition: all 0.2s ease-in-out 0s;
}

@media (max-width: 768px) {
  .fp-looking-for__item {
    margin: 0;
    width: 50%;
    padding: 2%;
    text-align: center;
    margin-bottom: 1em;
  }
}

@media (max-width: 600px) {
  .fp-looking-for__item {
    width: 100%;
  }
}

.fp-looking-for__item:nth-of-type(3) {
  clear: left;
}

.fp-looking-for__item span {
  color: #fddb33;
  font-weight: 400;
  font-family: "Roboto Condensed", Arial, sans-serif;
  text-transform: uppercase;
  font-size: 1.25em;
}

.fp-looking-for__item h4 {
  margin: 0.3em 0 0;
  color: #fff;
  font-weight: 300;
  font-size: 1.625em;
}

.fp-looking-for__item h4 strong {
  font-weight: 500;
}

.fp-looking-for__item.active, .fp-looking-for__item:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

.fp-looking-for__backgrounds {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #000;
}

.fp-looking-for__backgrounds__image {
  background-size: cover;
  background-position: center;
  width: 100%;
  position: absolute;
  height: 100%;
  opacity: 0;
  transition: all 0.2s ease-in-out 0.1s;
}

.fp-looking-for__backgrounds__image.active {
  transition: all 0.2s ease-in-out 0s;
  opacity: 1;
}

.fp-social {
  padding: 4em 0;
}

.fp-social__intro h2 {
  display: inline-block;
  margin: 0 0 1em;
}

.fp-social__intro p {
  float: right;
  margin: 1em 0 0;
}

.fp-social__intro p .fa {
  margin: 0 4px;
}

@media (max-width: 600px) {
  .fp-social__intro p {
    float: none;
    margin: 0 0 1em;
  }
}

.social-wall__item {
  height: 0;
  margin-right: 1%;
  margin-bottom: 0.5em;
  padding-bottom: 24%;
  background-size: cover;
  background-position: center;
  position: relative;
  color: #fff;
}

@media (max-width: 1024px) {
  .social-wall__item {
    padding-bottom: 32.5%;
  }
  .social-wall__item:nth-of-type(4n) {
    margin-right: 1%;
  }
  .social-wall__item:nth-of-type(8), .social-wall__item:nth-of-type(7) {
    display: none;
  }
}

@media (max-width: 768px) {
  .social-wall__item {
    padding-bottom: 48%;
    width: 49.5%;
  }
  .social-wall__item:nth-of-type(4n) {
    margin-right: 0;
  }
  .social-wall__item:nth-of-type(3n) {
    margin-right: 1%;
  }
  .social-wall__item:nth-of-type(6), .social-wall__item:nth-of-type(5) {
    display: none;
  }
}

@media (max-width: 600px) {
  .social-wall__item {
    width: 100%;
    margin-right: 0;
    padding-bottom: 100%;
  }
  .social-wall__item:nth-of-type(4), .social-wall__item:nth-of-type(3) {
    display: none;
  }
}

.social-wall__item:hover {
  color: #fff;
}

.social-wall__item:hover .overlay {
  opacity: 1;
}

.social-wall__item:hover .fa-instagram,
.social-wall__item:hover .social-wall__item__info__comments,
.social-wall__item:hover .social-wall__item__info__likes {
  transition: all 0.2s ease-in-out 0.3s;
  bottom: 0;
  opacity: 1;
}

.social-wall__item:hover .social-wall__item__info__comments {
  transition: all 0.2s ease-in-out 0.35s;
}

.social-wall__item:hover .fa-instagram {
  transition: all 0.2s ease-in-out 0.55s;
}

.social-wall__item:hover .social-wall__item__content__inner {
  transform: translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s ease-in-out 0.1s;
}

.social-wall__item__content {
  width: 90%;
  position: absolute;
  height: 80%;
  text-align: center;
}

.social-wall__item__content__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -46%);
  font-size: 0.875em;
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
}

.social-wall__item__info {
  position: absolute;
  bottom: 5%;
  width: 90%;
  font-size: 0.875em;
}

.social-wall__item__info span {
  margin-right: 0.5em;
  position: relative;
  bottom: -5px;
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
}

.social-wall__item__info .fa-instagram {
  position: absolute;
  bottom: -5px;
  opacity: 0;
  right: 0;
  font-size: 20px;
  transition: all 0.2s ease-in-out 0s;
}

.social-wall__item .overlay {
  padding: 5%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
}

@media (max-width: 768px) {
  .social-wall__item {
    color: #fff;
  }
  .social-wall__item .overlay {
    opacity: 1;
  }
  .social-wall__item .fa-instagram,
  .social-wall__item .social-wall__item__info__comments,
  .social-wall__item .social-wall__item__info__likes {
    transition: all 0.2s ease-in-out 0.3s;
    bottom: 0;
    opacity: 1;
  }
  .social-wall__item .social-wall__item__info__comments {
    transition: all 0.2s ease-in-out 0.35s;
  }
  .social-wall__item .fa-instagram {
    transition: all 0.2s ease-in-out 0.55s;
  }
  .social-wall__item .social-wall__item__content__inner {
    transform: translate(-50%, -50%);
    opacity: 1;
    transition: all 0.2s ease-in-out 0.1s;
  }
}

.fp-news {
  padding: 4rem 0;
  background: #e1e1e1;
}

.fp-news a:hover {
  color: #e72435;
}

.fp-news a:hover h3 {
  color: #e72435;
}

.fp-news h3 {
  transition: all 0.2s ease-in-out 0s;
}

.fp-news .cont-hld {
  text-align: center;
}

.fp-news .cont-hld h3 {
  font-weight: 600;
  font-size: 20px;
}

.fp-news .cont-hld .exc {
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 1rem;
}

.fp-news .cont-hld .add {
  margin-bottom: 0;
}

.fp-news .img_nws {
  height: 25vh;
  margin-bottom: 2rem;
  display: block;
}

@media (max-width: 818px) and (min-width: 0px) {
  .fp-news .img_nws {
    height: 25vh;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .fp-news .img_nws {
    height: 30vh;
  }
}

@media (min-width: 2000px) and (-webkit-min-device-pixel-ratio: 1) {
  .fp-news .img_nws {
    height: 20vh;
  }
}

.fp-news .img_nws img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.fp-news__col {
  width: 48%;
  margin-right: 4%;
  float: left;
}

.fp-news__col:nth-of-type(2n) {
  margin-right: 0;
}

@media (max-width: 768px) {
  .fp-news__col {
    width: 100%;
    margin-right: 0;
    float: none;
    margin-bottom: 2em;
  }
}

.fp-news__col h2 {
  margin: 0 0 1em;
}

.fp-news__col .btn {
  margin-top: 1em;
}

.cate_sel {
  position: relative;
  /* the slides */
  /* the parent */
}

.cate_sel .slick-slide {
  margin: 0 27px;
}

.cate_sel .slick-list {
  margin: 0 -27px;
}

@media (max-width: 818px) and (min-width: 0px) {
  .cate_sel {
    display: flex !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cate_sel {
    display: flex !important;
  }
}

.cate_sel .slick-next, .cate_sel .slick-prev {
  z-index: 99;
  height: auto;
}

.cate_sel .slick-next:before, .cate_sel .slick-prev:before {
  background-size: 50px;
  display: inline-block;
  width: 50px;
  height: 50px;
  content: "";
  background-repeat: no-repeat;
  text-align: center;
  opacity: 1;
}

.cate_sel .slick-next {
  position: absolute;
  right: -8%;
  width: auto;
}

@media (max-width: 818px) and (min-width: 0px) {
  .cate_sel .slick-next {
    right: 0%;
    width: 50%;
    display: inline-block;
    order: 3;
    position: relative;
    margin-top: 4rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cate_sel .slick-next {
    right: 0%;
    width: 50%;
    display: inline-block;
    order: 3;
    position: relative;
    margin-top: 4rem;
  }
}

.cate_sel .slick-next:before {
  background-image: url("../bmt-theme-2017/assets/img/next-arrow.svg");
}

.cate_sel .slick-prev {
  position: absolute;
  left: -8%;
  width: auto;
}

@media (max-width: 818px) and (min-width: 0px) {
  .cate_sel .slick-prev {
    order: 2;
    left: 0%;
    width: 50%;
    display: inline-block;
    margin-top: 4rem;
    position: relative;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cate_sel .slick-prev {
    order: 2;
    left: 0%;
    width: 50%;
    display: inline-block;
    margin-top: 4rem;
    position: relative;
  }
}

.cate_sel .slick-prev:before {
  background-image: url("../bmt-theme-2017/assets/img/back-arrow.svg");
}

.slick-hide {
  opacity: 0;
  display: none;
}

.slick-initialized {
  display: flex !important;
  opacity: 1 !important;
  -webkit-animation: fadein 2s ease-in;
  animation: fadein 2s ease-in;
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fp-home-tiles {
  padding-bottom: 3rem;
}

.fp-home-tiles .row .col-12:nth-child(even) .fil_hld {
  background: linear-gradient(0deg, #e72435 0, #e72435 60%, #000 0, #fff 0, #fff) !important;
}

.fp-home-tiles .fil_hld {
  background: linear-gradient(0deg, #fddb33 0, #fddb33 60%, #000 0, #fff 0, #fff);
}

.fp-home-tiles .fil_hld img {
  height: 25vh;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom;
     object-position: bottom;
  width: 100%;
}

.fp-home-tiles .button, .fp-home-tiles .p-form fieldset.form-fieldset.address-suggestion .form-note, .p-form fieldset.form-fieldset.address-suggestion .fp-home-tiles .form-note {
  background: #e1e1e1;
  border: none;
  width: 100%;
  border-radius: 0;
  text-transform: none;
  color: black;
  font-weight: bold;
  font-size: 20px;
  transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s;
  margin: 2rem 0;
}

.fp-home-tiles .button:hover, .fp-home-tiles .p-form fieldset.form-fieldset.address-suggestion .form-note:hover, .p-form fieldset.form-fieldset.address-suggestion .fp-home-tiles .form-note:hover {
  cursor: pointer;
  background: #e72435;
  color: #fff;
}

.fp-link-bar {
  background: #fddb33;
  padding: 3rem 0;
}

.fp-link-bar a {
  color: #3E3E3E;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  display: block;
  width: 100%;
  padding: 3rem 1rem;
  position: relative;
}

@media (max-width: 818px) and (min-width: 0px) {
  .fp-link-bar a {
    font-size: 17px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .fp-link-bar a {
    font-size: 17px;
  }
}

.fp-link-bar a:hover {
  cursor: pointer;
  color: #e72435;
}

.fp-link-bar .active {
  background: #e72435;
  color: #fff;
  transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s;
  padding-left: 5%;
}

.fp-link-bar .active:hover {
  background: #e1e1e1;
  color: #e72435;
}

.fp-link-bar .active img {
  width: 30px;
  height: 30px;
  position: absolute !important;
  top: 50% !important;
  left: 5%;
  transform: translate(0%, -50%) !important;
  -webkit-transform: translate(0%, -50%) !important;
  -moz-transform: translate(0%, -50%) !important;
  -o-transform: translate(0%, -50%) !important;
  -ms-transform: translate(0%, -50%) !important;
}

.fp-link-bar .row .col-12:last-child {
  border-right: none !important;
}

.fp-link-bar .col-12 {
  border-right: solid 1px #3E3E3E;
}

@media (max-width: 818px) and (min-width: 0px) {
  .fp-link-bar .col-12 {
    border-right: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .fp-link-bar .col-12 {
    border-right: none !important;
  }
}

.fp-home-event {
  height: 50vh;
  position: relative;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.fp-home-event .wrapper {
  height: 100%;
  width: 70%;
  position: initial;
}

@media (max-width: 818px) and (min-width: 0px) {
  .fp-home-event .wrapper {
    max-width: 100%;
    width: 100%;
    padding: 5%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .fp-home-event .wrapper {
    max-width: 100%;
    width: 100%;
    padding: 5%;
  }
}

.fp-home-event .wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 70%;
  height: 100%;
  background: #a52e2e00 url("../bmt-theme-2017/assets/img/slide_shape.svg") no-repeat;
  background-position: right;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: .6;
  z-index: 1;
}

@media (max-width: 818px) and (min-width: 0px) {
  .fp-home-event .wrapper:before {
    width: 300% !important;
    left: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .fp-home-event .wrapper:before {
    width: 300% !important;
    left: auto !important;
  }
}

@media (max-width: 1500px) {
  .fp-home-event .wrapper:before {
    width: 100%;
    left: 10%;
  }
}

@media (min-width: 2000px) {
  .fp-home-event .wrapper:before {
    width: 80%;
  }
}

.fp-home-event .wrapper .row {
  z-index: 99;
  position: relative;
}

@media (max-width: 818px) and (min-width: 0px) {
  .fp-home-event .wrapper .row {
    z-index: 99;
    position: relative;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .fp-home-event .wrapper .row {
    z-index: 99;
    position: relative;
  }
}

@media (max-width: 818px) and (min-width: 0px) {
  .fp-home-event .wrapper .col-12 {
    border-right: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .fp-home-event .wrapper .col-12 {
    border-right: none !important;
  }
}

.fp-home-event .wrapper .col-12 h3 {
  color: #fff;
  font-size: 45px;
  line-height: 52px;
  margin-bottom: 1rem;
  font-weight: 500;
}

@media (max-width: 818px) and (min-width: 0px) {
  .fp-home-event .wrapper .col-12 h3 {
    font-size: 30px;
    line-height: 35px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .fp-home-event .wrapper .col-12 h3 {
    font-size: 30px;
    line-height: 35px;
  }
}

@media (max-width: 1500px) {
  .fp-home-event .wrapper .col-12 h3 {
    font-size: 40px;
    line-height: 45px;
  }
}

.fp-home-event .wrapper .col-12 p {
  color: #fff;
  font-size: 18px;
}

.fp-home-event-open {
  background: #fddb33;
  padding: 3rem 0;
}

.fp-home-event-open a, .fp-home-event-open p {
  font-size: 25px;
  line-height: 30px;
  font-weight: 700;
  display: inline-block;
}

@media (max-width: 818px) and (min-width: 0px) {
  .fp-home-event-open a, .fp-home-event-open p {
    font-size: 18px;
    line-height: 22px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .fp-home-event-open a, .fp-home-event-open p {
    font-size: 18px;
    line-height: 22px;
  }
}

.h-100 {
  height: 100%;
}

.tape {
  -webkit-animation: showup 7s infinite;
          animation: showup 7s infinite;
  display: inline-block;
}

.tape_2 {
  width: 0px;
  -webkit-animation: reveal 7s infinite;
          animation: reveal 7s infinite;
  display: inline-block;
}

.tape_2 a {
  margin-left: -1000px;
  -webkit-animation: slidein 7s infinite;
          animation: slidein 7s infinite;
}

@-webkit-keyframes showup {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes showup {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes slidein {
  0% {
    margin-left: -1900px;
  }
  20% {
    margin-left: -1900px;
  }
  35% {
    margin-left: 0px;
  }
  100% {
    margin-left: 0px;
  }
}

@keyframes slidein {
  0% {
    margin-left: -1900px;
  }
  20% {
    margin-left: -1900px;
  }
  35% {
    margin-left: 0px;
  }
  100% {
    margin-left: 0px;
  }
}

@-webkit-keyframes reveal {
  0% {
    opacity: 0;
    width: 0px;
  }
  20% {
    opacity: 1;
    width: 0px;
  }
  30% {
    width: 100%;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    width: 100%;
  }
}

@keyframes reveal {
  0% {
    opacity: 0;
    width: 0px;
  }
  20% {
    opacity: 1;
    width: 0px;
  }
  30% {
    width: 100%;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    width: 100%;
  }
}

.slick-hide {
  opacity: 0;
  display: none;
}

.slick-initialized {
  display: block !important;
  opacity: 1 !important;
  -webkit-animation: fadein 2s ease-in;
  animation: fadein 2s ease-in;
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/*
    Index
*/
/*
    Archive
*/
/*
    Single
*/
/*
	Archive
*/
.archive-template {
  padding: 3em 0;
  position: relative;
  z-index: 2;
}

.archive-template__intro, .archive-template__empty {
  margin-bottom: 2em;
}

.archive-template__item {
  width: 48.5%;
  margin-right: 3%;
  float: left;
  margin-bottom: 3em;
  position: relative;
  z-index: 2;
}

.archive-template__item:nth-of-type(2n) {
  margin-right: 0;
}

.archive-template__item:nth-of-type(2n+1) {
  clear: left;
}

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

.archive-template__item__image {
  padding-bottom: 50%;
  width: 100%;
  background-size: cover;
  background-position: center;
  display: block;
}

.archive-template__item__content {
  border: 1px solid #CCC;
  border-top: none;
  padding: 2em;
  background-color: #fff;
}

.archive-template__item__content h2 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 1.625em;
}

.archive-template__item__content h2 a {
  color: #e72435;
}

.archive-template__item__content__sub-title {
  margin-bottom: 1em;
}

.archive-template__item__content__sub-title a {
  font-weight: 600;
}

.archive-template__item__content .btn {
  margin-top: 1em;
}

.loop-no-items {
  margin-bottom: 10em;
}

/*
	Default Template
*/
.default-content, .course-single {
  margin: 4em auto;
}

.default-content__content, .course-single__main, .course-single__meta {
  width: 70%;
  float: left;
}

@media (max-width: 1024px) {
  .default-content__content, .course-single__main, .course-single__meta {
    width: 100%;
    float: none;
  }
}

.default-content__content h2:first-of-type, .course-single__main h2:first-of-type, .course-single__meta h2:first-of-type,
.default-content__content h3:first-of-type,
.course-single__main h3:first-of-type,
.course-single__meta h3:first-of-type,
.default-content__content h4:first-of-type,
.course-single__main h4:first-of-type,
.course-single__meta h4:first-of-type {
  margin-top: 0;
}

.default-content__sidebar, .course-single__sidebar {
  width: 25%;
  float: right;
  margin-top: 1.4em;
}

@media (max-width: 1024px) {
  .default-content__sidebar, .course-single__sidebar {
    width: 100%;
    float: none;
  }
}

/*
    Our Locations
*/
.our-locations-accordion {
  margin: 4em 0;
}

.our-locations-wrap {
  position: relative;
  overflow: hidden;
  padding-bottom: 0%;
}

@media (max-width: 900px) {
  .our-locations-wrap {
    padding-bottom: 0;
    height: auto;
  }
}

.our-locations-wrap__inner {
  width: 100%;
}

@media (max-width: 900px) {
  .our-locations-wrap__inner {
    width: 100%;
  }
}

.our-locations-wrap__col {
  height: 40vh;
  position: relative;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

@media (max-width: 818px) and (min-width: 0px) {
  .our-locations-wrap__col {
    height: auto;
    min-height: auto !important;
    padding: 8% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .our-locations-wrap__col {
    height: auto;
    min-height: auto !important;
    padding: 8% !important;
  }
}

@media (max-width: 900px) {
  .our-locations-wrap__col {
    width: 100%;
    padding-bottom: 0;
    float: none;
    margin-bottom: 1em;
    min-height: 15em;
  }
}

.our-locations-wrap__col:last-of-type {
  margin-right: 0;
}

.our-locations-wrap__col:last-of-type::before {
  display: none;
}

.our-locations-wrap__col__content {
  z-index: 2;
  width: 70%;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  padding: 0;
  text-align: center;
  transition: width 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s, top 0.2s ease-in-out 0s;
}

@media (max-width: 818px) and (min-width: 0px) {
  .our-locations-wrap__col__content {
    position: relative !important;
    transform: none !important;
    left: auto !important;
    top: auto !important;
    margin: 0 auto;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .our-locations-wrap__col__content {
    position: relative !important;
    transform: none !important;
    left: auto !important;
    top: auto !important;
    margin: 0 auto;
    width: 100%;
  }
}

.our-locations-wrap__col__content a {
  color: #fff;
  margin: 1rem 0;
}

.our-locations-wrap__col__content h3 {
  color: #fff;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 70px;
  line-height: 70px;
  word-break: break-word;
}

@media (max-width: 818px) and (min-width: 0px) {
  .our-locations-wrap__col__content h3 {
    font-size: 50px;
    line-height: 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .our-locations-wrap__col__content h3 {
    font-size: 50px;
    line-height: 50px;
  }
}

@media (max-width: 1500px) {
  .our-locations-wrap__col__content h3 {
    font-size: 50px;
    line-height: 50px;
  }
}

@media (max-width: 1100px) {
  .our-locations-wrap__col__content h3 {
    font-size: 50px;
    line-height: 50px;
  }
}

.our-locations-wrap__col__content h3 span {
  display: block;
  font-weight: 400;
  font-size: 22px;
  line-height: 25px;
}

@media (max-width: 818px) and (min-width: 0px) {
  .our-locations-wrap__col__content h3 span {
    font-size: 18px;
    line-height: 21px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .our-locations-wrap__col__content h3 span {
    font-size: 18px;
    line-height: 21px;
  }
}

.our-locations-wrap__col__content ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.our-locations-wrap__col__content ul li {
  margin-bottom: 1em;
  color: #fff;
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-weight: 300;
  font-size: 22px;
  margin: 1rem 0;
  display: block;
  line-height: 25px;
}

@media (max-width: 818px) and (min-width: 0px) {
  .our-locations-wrap__col__content ul li {
    font-size: 18px;
    line-height: 21px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .our-locations-wrap__col__content ul li {
    font-size: 18px;
    line-height: 21px;
  }
}

.our-locations-wrap__col__content .btn--arrow:hover {
  color: #e72435;
}

.our-locations-wrap__col__content__desc {
  color: #fff;
  position: relative;
  opacity: 1;
  transition: all 0.2s ease-in-out 0s;
}

.our-locations-wrap__col__content__desc p {
  font-size: 0.875em;
  margin: 0;
}

.our-locations-wrap__col--matthew-boulton {
  background-color: #008894;
}

.our-locations-wrap__col--sutton-coldfield {
  background-color: #863995;
}

.our-locations-wrap__col--james-watt {
  background-color: #8dc854;
}

.our-locations-wrap__col--stourbridge {
  background-color: #0272ba;
}

.our-locations-wrap__col--kidderminster {
  background-color: #6bcef3;
}

.page-template-our-locations .our-locations-wrap {
  margin: 0 0 4em;
}

.page-template-our-locations-college .banner__college {
  padding-bottom: 50%;
  min-height: 400px;
  border-top: 1px solid #CCC;
  position: relative;
  background-color: #000;
}

.page-template-our-locations-college .banner__college__overlay__content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  padding: 3em;
  text-align: center;
  z-index: 2;
}

@media (max-width: 600px) {
  .page-template-our-locations-college .banner__college__overlay__content {
    padding: 3em 1em;
  }
}

.page-template-our-locations-college .banner__college__overlay__content h2,
.page-template-our-locations-college .banner__college__overlay__content h3,
.page-template-our-locations-college .banner__college__overlay__content h5 {
  color: #fff;
  margin: 0;
}

.page-template-our-locations-college .banner__college__overlay__content h2 {
  font-size: 4.25em;
}

@media (max-width: 768px) {
  .page-template-our-locations-college .banner__college__overlay__content h2 {
    font-size: 2.5em;
  }
}

@media (max-width: 600px) {
  .page-template-our-locations-college .banner__college__overlay__content h2 {
    font-size: 1.875em;
  }
}

.page-template-our-locations-college .banner__college__overlay__content h3 {
  font-size: 2.375em;
}

@media (max-width: 768px) {
  .page-template-our-locations-college .banner__college__overlay__content h3 {
    font-size: 1.875em;
  }
}

@media (max-width: 600px) {
  .page-template-our-locations-college .banner__college__overlay__content h3 {
    font-size: 1.25em;
  }
}

.page-template-our-locations-college .banner__college__overlay__content h5 {
  font-size: 1.125em;
  text-transform: uppercase;
  font-weight: 600;
}

.page-template-our-locations-college .banner__college__overlay__content__background {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0.6;
}

.page-template-our-locations-college .banner__college__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  z-index: 1;
  opacity: 1;
}

.page-template-our-locations-college .our-locations-featured-pages__col {
  color: #fff;
  position: relative;
  margin: 4em 0;
}

@media (max-width: 900px) {
  .page-template-our-locations-college .our-locations-featured-pages__col {
    padding: 2em 0;
  }
}

.page-template-our-locations-college .our-locations-featured-pages__col::before, .page-template-our-locations-college .our-locations-featured-pages__col::after {
  content: " ";
  display: block;
  width: 100%;
  height: 0.5em;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #fff;
}

@media (max-width: 900px) {
  .page-template-our-locations-college .our-locations-featured-pages__col::before, .page-template-our-locations-college .our-locations-featured-pages__col::after {
    background: none;
  }
}

.page-template-our-locations-college .our-locations-featured-pages__col::after {
  top: auto;
  bottom: 0;
}

.page-template-our-locations-college .our-locations-featured-pages__col__content {
  width: 42%;
  z-index: 2;
  display: inline-block;
  vertical-align: middle;
}

@media (max-width: 768px) {
  .page-template-our-locations-college .our-locations-featured-pages__col__content {
    width: 100%;
  }
}

.page-template-our-locations-college .our-locations-featured-pages__col__content h2 {
  font-size: 1.625em;
}

.page-template-our-locations-college .our-locations-featured-pages__col__content h2 a {
  color: #fff;
}

.page-template-our-locations-college .our-locations-featured-pages__col__content .btn {
  margin-top: 1em;
}

.page-template-our-locations-college .our-locations-featured-pages__col__image {
  box-shadow: 0 0 4px #5f6566;
  display: inline-block;
  vertical-align: middle;
  width: 51%;
  padding-bottom: 50%;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.page-template-our-locations-college .our-locations-featured-pages__col__image__inner {
  background-size: cover;
  background-position: center;
  transition: all 0.2s ease-in-out 0s;
  position: absolute;
  height: 100%;
  width: 100%;
  transform: scale(1);
}

.page-template-our-locations-college .our-locations-featured-pages__col__image__inner:hover {
  transform: scale(1.05);
}

@media (max-width: 768px) {
  .page-template-our-locations-college .our-locations-featured-pages__col__image {
    width: 100%;
    margin-bottom: 1em;
  }
  .page-template-our-locations-college .our-locations-featured-pages__col__image:nth-of-type(1) {
    display: block;
  }
  .page-template-our-locations-college .our-locations-featured-pages__col__image:last-of-type {
    display: none;
  }
}

.page-template-our-locations-college .our-locations-featured-pages__col:nth-of-type(2n+1) .our-locations-featured-pages__col__content {
  margin-right: 6%;
}

@media (max-width: 768px) {
  .page-template-our-locations-college .our-locations-featured-pages__col:nth-of-type(2n+1) .our-locations-featured-pages__col__content {
    margin-right: 0;
  }
}

.page-template-our-locations-college .our-locations-featured-pages__col:nth-of-type(2n+1) .our-locations-featured-pages__col__image--first {
  display: none;
}

@media (max-width: 768px) {
  .page-template-our-locations-college .our-locations-featured-pages__col:nth-of-type(2n+1) .our-locations-featured-pages__col__image--first {
    display: block;
  }
}

.page-template-our-locations-college .our-locations-featured-pages__col:nth-of-type(2n) .our-locations-featured-pages__col__content {
  margin-left: 6%;
}

@media (max-width: 768px) {
  .page-template-our-locations-college .our-locations-featured-pages__col:nth-of-type(2n) .our-locations-featured-pages__col__content {
    margin-left: 0;
  }
}

.page-template-our-locations-college .our-locations-featured-pages__col:nth-of-type(2n) .our-locations-featured-pages__col__image--second {
  display: none;
}

.page-template-our-locations-college .our-locations-featured-pages__col:nth-of-type(2n) .our-locations-featured-pages__col__image:hover {
  background-position: 45% center;
}

.our-locations-facilities-details {
  margin-bottom: 3em;
}

.our-locations-facilities-details__col {
  margin-bottom: 3em;
}

.our-locations-facilities-details__col__content {
  float: left;
  margin-left: 5%;
  width: 65%;
}

@media (max-width: 768px) {
  .our-locations-facilities-details__col__content {
    width: 100%;
    margin-left: 0;
  }
}

.our-locations-facilities-details__col__content h3 {
  color: #e72435;
}

.our-locations-facilities-details__col__image {
  background-size: cover;
  background-position: center;
  width: 30%;
  padding-bottom: 30%;
  float: left;
}

@media (max-width: 768px) {
  .our-locations-facilities-details__col__image {
    float: none;
    width: 100%;
    margin-bottom: 1em;
  }
}

.our-locations-find-us-methods {
  margin: 4em 0;
}

.our-locations-find-us-methods__col {
  margin-bottom: 2em;
}

.our-locations-find-us-methods__col h4 {
  color: #e72435;
}

.our-locations-find-us-methods__col h4 .fa {
  margin-right: 0.2em;
}

.our-locations-find-us-map p {
  margin: 1em 0;
}

.our-locations-find-us-map .get-directions {
  color: #e72435;
}

.bmet-google-map {
  width: 100%;
  padding-bottom: 50%;
  height: auto;
}

.our-locations-testimonials {
  margin: 3em 0;
}

@media (max-width: 768px) {
  .our-locations-testimonials {
    margin-top: 0;
  }
}

.our-locations-testimonials .grid-3-col__item {
  margin-bottom: 2em;
  margin-top: 2em;
}

.our-locations-testimonials__image {
  padding-bottom: 60%;
  background-size: cover;
  background-position: center;
  display: block;
  position: relative;
}

.our-locations-testimonials__image--video {
  padding-bottom: 30%;
}

.our-locations-testimonials__image--video .fa {
  position: absolute;
  bottom: 5%;
  right: 5%;
  z-index: 2;
  font-size: 3.125em;
  color: #fff;
  opacity: 0.5;
  transition: all 0.2s ease-in-out 0s;
}

.our-locations-testimonials__quote {
  font-style: italic;
  font-weight: 600;
}

.our-locations-testimonials__author {
  margin-top: 1em;
  font-weight: 600;
  color: #e72435;
}

.our-locations-testimonials__video {
  margin-bottom: 3em;
}

.our-locations-testimonials__video .lightbox-video {
  transition: all 0.2s ease-in-out 0s;
  opacity: 1;
}

.our-locations-testimonials__video .lightbox-video:hover {
  opacity: 0.8;
}

.our-locations-testimonials__video .lightbox-video:hover .fa {
  opacity: 1;
}

/*
    Prospectuses
*/
.about-bmet-prospectuses {
  padding: 5em 0;
  background-color: #e72435;
}

.about-bmet-prospectuses__col {
  margin: 3em auto;
  position: relative;
}

.about-bmet-prospectuses__col:first-of-type {
  margin-top: 0;
}

.about-bmet-prospectuses__col:last-of-type {
  margin-bottom: 0;
}

.about-bmet-prospectuses__col__image {
  height: 400px;
  width: 288px;
  box-shadow: 0 0 4px #5f6566;
  background-size: cover;
  background-position: center;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 3%;
}

@media (max-width: 768px) {
  .about-bmet-prospectuses__col__image {
    width: 100%;
    height: 0;
    padding-bottom: 30%;
    position: relative;
    left: auto;
    min-height: 200px;
  }
}

.about-bmet-prospectuses__col__content {
  padding: 4em 3em;
  background-color: #fff;
  min-height: 400px;
  overflow: hidden;
}

@media (max-width: 768px) {
  .about-bmet-prospectuses__col__content {
    padding: 3em 10%;
  }
}

.about-bmet-prospectuses__col__content h3 {
  margin-top: 0;
}

.about-bmet-prospectuses__col__content h3 a {
  color: #e72435;
}

.about-bmet-prospectuses__col__content .btn {
  margin-top: 1em;
}

.about-bmet-prospectuses__col__content::before {
  background: #e72435;
  content: " ";
  height: 1em;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.about-bmet-prospectuses__col__content::after {
  background: #e72435;
  content: " ";
  height: 1em;
  left: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1;
}

.about-bmet-prospectuses__col__content__inner {
  width: calc(100% - 288px - 3%);
  float: right;
}

@media (max-width: 768px) {
  .about-bmet-prospectuses__col__content__inner {
    float: none;
    width: 100%;
  }
}

/*
    About BMet
*/
.about-bmet-tile-wrap {
  padding: 4em 0;
}

.about-bmet-tile-wrap .tile {
  margin-bottom: 3em;
  width: 49%;
  margin-right: 2%;
}

.about-bmet-tile-wrap .tile:nth-of-type(2n) {
  margin-right: 0;
}

@media (max-width: 768px) {
  .about-bmet-tile-wrap .tile {
    width: 100%;
    margin-right: 0;
  }
}

.about-bmet-tile-wrap .tile h3 {
  margin-top: 0;
}

.about-bmet-tile-wrap .tile:hover::before,
.about-bmet-tile-wrap .tile:hover .tile__content {
  box-shadow: 0 0 5px #c10011;
}

.about-bmet-template-welcome {
  background-color: #fddb33;
  padding: 4em 0;
}

.about-bmet-template-welcome__content {
  width: 75%;
  float: right;
}

.about-bmet-template-welcome__content h3 {
  color: #e72435;
  margin: 0;
}

@media (max-width: 768px) {
  .about-bmet-template-welcome__content {
    float: none;
    width: 100%;
  }
}

.about-bmet-template-welcome__image {
  background-size: cover;
  background-position: center;
  padding-bottom: 20%;
  width: 20%;
  float: left;
}

@media (max-width: 768px) {
  .about-bmet-template-welcome__image {
    float: none;
    margin-bottom: 1em;
    padding-bottom: 200px;
    width: 200px;
  }
}

/*
	Contact
 */
.contact-template .tabs__content__opening-times {
  margin: 2em 0;
  width: 100%;
  max-width: 500px;
}

.contact-template__general-enquiry {
  margin-top: 4em;
  border-top: 1px solid #CCC;
  padding-top: 2em;
}

.contact-template__general-enquiry h2 {
  color: #e72435;
  font-size: 1.625em;
  margin-bottom: 2em;
}

.form-general-enquiry {
  margin: 2em 0;
  max-width: 850px;
  font-family: "Roboto Condensed", Arial, sans-serif;
}

.form-general-enquiry .field-date-of-birth {
  width: 8em;
  margin-right: 0.5em;
  display: inline-block;
  vertical-align: middle;
}

.form-general-enquiry .field-date-of-birth.frm_form_field {
  margin-bottom: 0;
}

.form-general-enquiry .field-date-of-birth__select {
  position: relative;
}

.form-general-enquiry .field-date-of-birth__select::after {
  content: "\F078";
  font-family: "FontAwesome";
  position: absolute;
  right: 1em;
  font-size: 0.75em;
  top: 50%;
  color: #a9a9a9;
  transform: translateY(-50%);
}

.form-general-enquiry .field-date-of-birth label {
  display: none;
}

.form-general-enquiry .field-date-of-birth input {
  width: 100%;
  margin: 0;
}

.form-general-enquiry .field-date-of-birth select {
  margin: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 40px;
}

.form-general-enquiry .frm_form_field {
  margin-bottom: 0.8em;
}

.form-general-enquiry label {
  width: 12em;
  display: inline-block;
}

@media (max-width: 768px) {
  .form-general-enquiry label {
    width: 100%;
    margin-bottom: 0.5em;
  }
}

.form-general-enquiry input,
.form-general-enquiry select,
.form-general-enquiry textarea {
  width: calc(100% - 13em);
  display: inline-block;
  vertical-align: middle;
}

@media (max-width: 768px) {
  .form-general-enquiry input,
  .form-general-enquiry select,
  .form-general-enquiry textarea {
    width: 100%;
  }
}

.form-general-enquiry .btn {
  position: relative;
  left: 11em;
  margin-top: 1em;
  width: auto;
}

@media (max-width: 768px) {
  .form-general-enquiry .btn {
    left: 0;
  }
}

/*
	404
 */
body.error404 ul {
  padding: 0 0 0 1em;
}

body.error404 .search-404-wrap {
  margin: 4em 0 2em;
}

body.error404 #post-404 .btn {
  margin-left: 1em;
}

/*
	How to find us
 */
.cards__how-to-find-us {
  margin: 3em 0;
}

/*
	How to Apply
 */
.how-to-apply-steps {
  padding: 1em 0;
}

.how-to-apply-steps__step {
  margin-bottom: 4em;
}

.how-to-apply-steps__step:last-of-type {
  margin-bottom: 0;
}

.how-to-apply-steps__step__image {
  width: 12em;
  float: left;
  text-align: center;
}

@media (max-width: 600px) {
  .how-to-apply-steps__step__image {
    width: auto;
    float: none;
    margin-bottom: 1em;
  }
}

.how-to-apply-steps__step__content {
  width: calc(100% - 12em);
  float: right;
}

@media (max-width: 600px) {
  .how-to-apply-steps__step__content {
    float: none;
    width: 100%;
  }
}

.how-to-apply-steps__step__content h3 {
  margin-top: 0;
}

/*
	Open Events
*/
.jobs-template {
  margin-bottom: 6em;
}

.jobs-template h2 {
  font-size: 1.75em;
  margin-bottom: 1em;
  margin-top: 0;
}

.jobs-template h2 a {
  color: #e72435;
}

.jobs-template__job {
  border-top: 1px solid #CCC;
  padding: 3em 0;
}

.jobs-template__job:last-of-type {
  border-bottom: 1px solid #CCC;
}

.jobs-template__job h3 {
  color: #e72435;
  margin-top: 0;
  font-size: 1.5em;
  margin-bottom: 1em;
}

.jobs-template__job h3 a {
  color: #e72435;
}

.jobs-template__job h3 a:hover {
  color: #252525;
}

.jobs-template__job__details {
  width: 70%;
  float: left;
}

@media (max-width: 900px) {
  .jobs-template__job__details {
    width: 100%;
    float: none;
  }
}

.jobs-template__job__details .grid-2-col__item {
  margin-bottom: 0.5em;
  font-size: 0.875em;
}

@media (max-width: 1024px) {
  .jobs-template__job__details .grid-2-col__item {
    width: 49%;
  }
}

@media (max-width: 768px) {
  .jobs-template__job__details .grid-2-col__item {
    width: 100%;
  }
}

.jobs-template__job__details span {
  width: 7em;
  display: inline-block;
}

.jobs-template__job__details strong {
  font-weight: 600;
}

.jobs-template__job__apply {
  width: 30%;
  float: right;
  text-align: right;
}

@media (max-width: 900px) {
  .jobs-template__job__apply {
    float: none;
    width: 100%;
    text-align: left;
    margin-top: 2em;
  }
}

/*
	Search
 */
body.search .search-wrap {
  padding: 4em 0;
}

body.search .search-results-wrap {
  min-height: 800px;
}

body.search .archive-template__item__content {
  border-top: 1px solid #CCC;
}

/*
    What's On
*/
.whats-on-single aside {
  font-family: "Roboto Condensed", Arial, sans-serif;
}

.whats-on-single aside p {
  margin-bottom: 1.5em;
}

.whats-on-single aside p strong {
  font-size: 1.125em;
}

/*
SINGLE OPEN EVENT
*/
.single-bmet_event .banner {
  padding-bottom: 0px;
  min-height: 0px;
}

.single-bmet_event section.event-single h1 {
  margin-bottom: 45px;
}

.single-bmet_event section.event-single .event-single-description {
  border-left: 5px solid #e72435;
  padding-left: 25px;
  margin-bottom: 45px;
}

.single-bmet_event section.event-single .event-single-register {
  padding-bottom: 15px;
  margin-bottom: 45px;
}

.single-bmet_event section.event-single .event-single-register__title {
  color: #e72435;
  margin-bottom: 30px;
}

.single-bmet_event section.event-single .event-single-register__children__child {
  display: block;
  margin-bottom: 1em;
  vertical-align: top;
}

.single-bmet_event section.event-single .event-single-register__children__child .button, .single-bmet_event section.event-single .event-single-register__children__child .p-form fieldset.form-fieldset.address-suggestion .form-note, .p-form fieldset.form-fieldset.address-suggestion .single-bmet_event section.event-single .event-single-register__children__child .form-note {
  position: relative;
  top: 0px !important;
  margin: 0px !important;
  display: block;
  width: 100%;
  border: 0px none;
  padding: 1em 1em 1em 3em;
  text-align: left;
  font-size: 14px;
  max-width: 400px;
}

.single-bmet_event section.event-single .event-single-register__children__child .button i.fa, .single-bmet_event section.event-single .event-single-register__children__child .p-form fieldset.form-fieldset.address-suggestion .form-note i.fa, .p-form fieldset.form-fieldset.address-suggestion .single-bmet_event section.event-single .event-single-register__children__child .form-note i.fa {
  position: absolute;
  top: 50%;
  left: 15px;
  font-size: 20px;
  line-height: 20px;
  margin-top: -10px;
}

.single-bmet_event section.event-single .event-single-details__detail {
  font-family: "Roboto Condensed", Arial, sans-serif;
  margin-bottom: 30px;
}

.single-bmet_event section.event-single .event-single-details__detail__label {
  margin-bottom: 5px;
}

.single-bmet_event section.event-single .event-single-details__detail__value {
  font-weight: 600;
}

/*
	Our Partners
 */
.our-partners-list {
  padding: 2em 0 4em;
}

/*
	Enrolment
 */
/*
	Courses - For School Leavers
 */
.study-options-list {
  padding: 4em 0;
}

.study-options-list h2 {
  margin-bottom: 1.5em;
  font-size: 2.25em;
}

/*

	Apprenticeship Vacancies

 */
.apprenticeships-current-vacancies {
  padding: 0 0 4em 0;
}

.apprenticeships-current-vacancies h2 {
  font-size: 1.5em;
}

.apprenticeships-current-vacancies .jobs-template__job__details p {
  font-size: 0.875em;
}

.apprenticeships-current-vacancies__intro {
  margin-bottom: 1em;
}

.apprenticeships-current-vacancies__intro h2 {
  float: left;
}

@media (max-width: 600px) {
  .apprenticeships-current-vacancies__intro h2 {
    float: none;
  }
}

.apprenticeships-current-vacancies__search {
  float: right;
}

@media (max-width: 600px) {
  .apprenticeships-current-vacancies__search {
    float: none;
    margin-top: 2em;
  }
}

.apprentice-vacancies-single__information {
  padding: 4em 0;
}

.apprentice-vacancies-single__information h2 {
  color: #e72435;
}

.apprentice-vacancies-single__article {
  width: 62%;
}

@media (max-width: 1024px) {
  .apprentice-vacancies-single__article {
    width: 100%;
  }
}

.apprentice-vacancies-single__sidebar {
  width: 30%;
}

@media (max-width: 1024px) {
  .apprentice-vacancies-single__sidebar {
    width: 100%;
    max-width: 400px;
    margin-top: 4em;
  }
}

.apprentice-vacancies-single__sidebar__sub-title {
  text-transform: uppercase;
  font-size: 0.75em;
}

.apprentice-vacancies-single__sidebar .btn {
  margin-top: 1em;
}

.apprentice-vacancies-single__sidebar__open-applications .apprentice-vacancies-single__sidebar__title {
  color: #e72435;
}

.apprentice-vacancies-single__sidebar__pathway {
  margin-top: 3em;
}

.apprentice-vacancies-single__sidebar__pathway .apprentice-vacancies-single__sidebar__title {
  color: #ed6d2e;
}

.apprentice-vacancies-single__sidebar__pathway .card {
  border-left-color: #ed6d2e;
}

.apprentice-vacancies-single__sidebar__pathway__role {
  color: #ed6d2e;
  font-weight: 400;
}

.position-filled {
  background: #e72435;
  color: white;
  font-size: 0.75em;
  margin-bottom: 2em;
  padding: 1em;
}

/*
	Single Pages / Loop etc
 */
.single-interested-in {
  margin-bottom: 2em;
}

.single-interested-in h4 {
  margin-bottom: 1.5em;
  color: #e72435;
}

/*
COURSE SINGLE
*/
.course-single__title {
  margin-bottom: 60px;
}

.course-single__description {
  border-left: 5px solid #e72435;
  padding-left: 30px;
  margin-bottom: 60px;
}

.course-single__course-info {
  margin-bottom: 60px;
}

.course-single__course-info__title {
  background-color: #e72435;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  padding: 15px;
}

.course-single__course-info__title h3 {
  margin: 0px;
  color: #fff;
  font-weight: 400;
}

.course-single__course-info__fields {
  border: 1px solid #c2c2c2;
  border-top: 0px none;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 15px;
}

.course-single__course-info__fields .course-info-field {
  float: left;
  width: 33.333%;
  margin: 0px;
  padding: 15px;
}

.course-single__course-info__fields .course-info-field__label {
  font-family: "Roboto Condensed", Arial, sans-serif;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.course-single__course-info__fields .course-info-field__value {
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-weight: 600;
}

.course-single--have-modules .course-single__applications__title {
  color: #e72435;
  margin-bottom: 45px;
}

.course-single--have-modules .course-single__applications__modules__module {
  margin-bottom: 30px;
}

@media (max-width: 1024px) {
  .course-single--have-modules .course-single__applications__modules__module {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0px 15px 0px 0px;
  }
  .course-single--have-modules .course-single__applications__modules__module:nth-of-type(2n) {
    padding: 0px 0px 0px 15px;
  }
}

@media (max-width: 600px) {
  .course-single--have-modules .course-single__applications__modules__module {
    width: 100%;
    padding: 0px 0px 0px 0px !important;
  }
}

.course-single--no-modules .course-single__applications__title {
  color: #e72435;
  font-size: 26px;
  margin-bottom: 45px;
}

.course-single .course-programme-specs-link a {
  display: inline-block;
  color: red;
  padding: 15px 15px;
  background-color: #f4f4f4;
}

.course-single .course-qaa {
  padding: 30px 0px;
}

.course-single .course-qaa__title {
  margin-bottom: 15px;
}

.course-single .course-qaa__logo img {
  display: inline-block;
  margin: 0px;
}

.course-single .course-qaa__message {
  padding-top: 15px;
  font-size: 15px;
}

.course-single .course-qaa__message a {
  font-weight: 600;
}

.course-single__meta {
  margin-bottom: 30px;
}

.course-single__meta__col {
  display: inline-block;
  vertical-align: top;
  width: 33.333%;
  padding-right: 30px;
  margin-bottom: 30px;
}

@media (max-width: 1024px) {
  .course-single__meta__col {
    width: 50%;
  }
}

@media (max-width: 600px) {
  .course-single__meta__col {
    width: 100%;
  }
}

.course-single__meta__col .course-icon-box__image {
  font-size: 80px;
  height: 1em;
  line-height: 1em;
  margin-bottom: 30px;
}

.course-single__meta__col .course-icon-box__image img {
  display: inline-block;
  vertical-align: middle;
  margin: 0px;
}

@media (max-width: 600px) {
  .course-single__meta__col .course-icon-box__image {
    margin-bottom: 15px;
  }
}

.course-single__meta__col .course-icon-box__title {
  color: #e72435;
  margin-bottom: 30px;
}

@media (max-width: 600px) {
  .course-single__meta__col .course-icon-box__title {
    margin-bottom: 15px;
  }
}

.course-single__meta__col .course-icon-box__text {
  font-size: 14.4px;
}

.course-single__meta__col .course-icon-box__list ul {
  list-style-type: disc;
  margin: 0px;
  padding-left: 20px;
}

.course-single__meta__col .course-icon-box__list ul li {
  margin: 0px;
  padding-left: 15px;
}

.course-single__meta__col .course-leader__label {
  font-size: 15px;
  margin-bottom: 5px;
}

.course-single__meta__col .course-leader__name {
  font-size: 17px;
  font-weight: 600;
}

.course-single__meta__col .course-leader__title {
  font-size: 13px;
}

.course-single .course-progression {
  clear: both;
}

.course-single .course-progression h3 {
  color: #e72435;
}

.course-single .course-progression__courses .course-search-result {
  width: 25%;
}

@media screen and (max-width: 659px) {
  .course-single .course-unistats-widget {
    display: none;
  }
}

/*
    Page
*/
.course-sub-pages-wrap {
  text-align: center;
}

.course-sub-pages-wrap h2 {
  color: #e72435;
  text-align: left;
  font-weight: 500;
}

/*--------------------------------*\
	Application Interface & Form
\*--------------------------------*/
/*
APPLICATION INTERFACE
*/
.interface-application-start__title h1 {
  margin-bottom: 45px;
}

.interface-application-start__body__options {
  padding-bottom: 30px;
}

.interface-application-start__welcome {
  margin-bottom: 30px;
}

/*
APPLICATION START INTERFACE
*/
.start-options .start-option {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0px 30px 15px 0px;
  padding: 3px 0px 0px 36px;
  cursor: pointer;
}

.start-options .start-option__circle {
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 13px;
  border: 1px solid #e72435;
  margin-right: 5px;
}

.start-options .start-option__circle__inner {
  width: 24px;
  height: 24px;
  padding-top: 6px;
  padding-left: 6px;
}

.start-options .start-option__circle__inner__dot {
  border-radius: 6px;
  width: 12px;
  height: 12px;
  background-color: #e72435;
  display: none;
}

.start-options .start-option.is-current .start-option__circle__inner__dot {
  display: block;
}

.start-options .start-option__label {
  font-size: 15px;
  font-family: "Roboto Condensed", Arial, sans-serif;
  text-transform: uppercase;
  line-height: 20px;
}

/*----------------------*\
    Quick Registration
\*----------------------*/
.quick-registration-form {
  width: 660px;
  max-width: 100%;
  padding-top: 30px;
}

.quick-registration-form__timeout {
  padding-top: 15px;
}

.quick-registration-form__form {
  padding-top: 30px;
}

.quick-registration-result__bmc {
  padding-left: 30px;
  font-weight: bold;
  font-size: 150%;
}

.quick-registration-result__timeout {
  padding-top: 15px;
}

/*--------------------------------*\
	Application Interface & Form
\*--------------------------------*/
/*
APPLICATION INTERFACE
*/
.interface-application-details {
  padding-bottom: 90px;
}

.interface-application-details__title h1 {
  margin-bottom: 45px;
}

.interface-application-details__body__left, .interface-application-start__body__left, .application-submission__body__left, .interface-enquiry-simple__body__left, .interview-booking__left {
  float: left;
  width: 60%;
  padding-right: 60px;
}

@media (max-width: 840px) {
  .interface-application-details__body__left, .interface-application-start__body__left, .application-submission__body__left, .interface-enquiry-simple__body__left, .interview-booking__left {
    width: 100%;
    padding-right: 0px;
    margin-bottom: 60px;
  }
}

.interface-application-details__body__right, .interface-application-start__body__right, .application-submission__body__right, .interface-enquiry-simple__body__right, .interview-booking__right {
  float: right;
  width: 40%;
}

@media (max-width: 840px) {
  .interface-application-details__body__right, .interface-application-start__body__right, .application-submission__body__right, .interface-enquiry-simple__body__right, .interview-booking__right {
    width: 100%;
  }
}

.interface-application-details__progress {
  margin-bottom: 30px;
}

.interface-application-details__progress__title {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  padding: 15px 30px;
  background-color: #e72435;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}

.interface-application-details__progress__main {
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 15px;
  border: 1px solid #e1e1e1;
  border-top: 0px none;
  background-color: #f4f4f4;
  color: #575757;
}

.interface-application-details__progress__main__progress-list {
  padding: 30px 15px 15px 15px;
}

/*
APPLICATION FORM
*/
form.application_form .form__tabs__tab {
  padding-bottom: 30px;
}

form.application_form .form__tabs__tab a#form {
  position: relative;
  top: -15px;
}

form.application_form .form__tabs__tab__title h3 {
  color: #e72435;
  margin-bottom: 30px;
}

form.application_form .form__tabs__tab__introduction {
  margin-bottom: 45px;
  font-weight: 600;
}

form.application_form .application-form-tab-required-note {
  margin: 30px 0px 0px 0px;
}

form.application_form .application-form-tab-required-note div {
  font-size: 12px;
}

form.application_form .application-form-tab-required-note div span.required:last-of-type {
  margin-right: 5px;
}

form.application_form .form__tabs__tab__buttons {
  border-top: 1px solid #e1e1e1;
  padding-top: 30px;
  text-align: right;
}

form.application_form .form__tabs__tab__buttons .button-container {
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
}

form.application_form .form__tabs__tab__buttons .button-container:last-of-type {
  margin-right: 0px;
}

@media (max-width: 600px) {
  form.application_form .form__tabs__tab__buttons .button-container {
    display: inline-block;
    vertical-align: top;
    margin-right: 0px;
    width: 30%;
    padding: 0px 15px 0px 0px;
  }
  form.application_form .form__tabs__tab__buttons .button-container:last-of-type {
    width: 70%;
    padding: 0px 0px 0px 15px;
  }
}

form.application_form .form__tabs__tab__buttons .button-container .button > .inner, form.application_form .form__tabs__tab__buttons .button-container .p-form fieldset.form-fieldset.address-suggestion .form-note > .inner, .p-form fieldset.form-fieldset.address-suggestion form.application_form .form__tabs__tab__buttons .button-container .form-note > .inner {
  display: inline;
}

form.application_form .form__tabs__tab__buttons .button-container .button > .inner span, form.application_form .form__tabs__tab__buttons .button-container .p-form fieldset.form-fieldset.address-suggestion .form-note > .inner span, .p-form fieldset.form-fieldset.address-suggestion form.application_form .form__tabs__tab__buttons .button-container .form-note > .inner span {
  font-weight: 600;
}

form.application_form .form__tabs__tab__buttons .button-container .button--save {
  font-weight: 600;
}

@media (max-width: 1024px) {
  form.application_form .form__tabs__tab__buttons .button-container .button, form.application_form .form__tabs__tab__buttons .button-container .p-form fieldset.form-fieldset.address-suggestion .form-note, .p-form fieldset.form-fieldset.address-suggestion form.application_form .form__tabs__tab__buttons .button-container .form-note {
    padding: 10px 15px;
  }
}

@media (max-width: 600px) {
  form.application_form .form__tabs__tab__buttons .button-container .button, form.application_form .form__tabs__tab__buttons .button-container .p-form fieldset.form-fieldset.address-suggestion .form-note, .p-form fieldset.form-fieldset.address-suggestion form.application_form .form__tabs__tab__buttons .button-container .form-note {
    width: 100%;
  }
}

form.application_form .pending-value {
  font-family: "Roboto Condensed", Arial, sans-serif;
  margin-bottom: 30px;
}

form.application_form .pending-value > * {
  display: inline-block;
  vertical-align: middle;
}

form.application_form .pending-value__label {
  width: 185px;
  margin-right: 15px;
}

form.application_form .pending-value__value {
  font-style: italic;
}

form.application_form #application_details__qualifications__fieldset > label {
  cursor: default;
}

form.application_form #application_details__ni_number {
  max-width: 10rem;
}

form.application_form .supporting-document-filename {
  font-family: "Roboto Condensed", Arial, sans-serif;
}

form.application_form .supporting-document-filename > * {
  display: inline-block;
  vertical-align: middle;
}

form.application_form .supporting-document-filename__label {
  margin-right: 5px;
}

form.application_form .supporting-document-filename__value {
  font-weight: 600;
}

/*
SCHOOL FIELDS
NB: can't be nested because also used on 'create account' form
*/
fieldset.school-uin .SumoSelect.open ul.options li:first-of-type {
  display: none;
}

fieldset.school-not-found .form-checkbox-option-contain input {
  display: none;
}

fieldset.school-not-found .form-checkbox-option-contain > .inner label {
  padding-left: 0px !important;
  text-decoration: underline;
}

fieldset.school-not-found .form-checkbox-option-contain > .inner label:hover {
  color: #e72435;
}

/*
PROGRESS LIST
*/
.application-progress-list__item {
  position: relative;
  margin-bottom: 30px;
  padding-left: 45px;
  cursor: pointer;
}

.application-progress-list__item:last-of-type {
  margin-bottom: 0px;
}

.application-progress-list__item * {
  cursor: pointer;
}

.application-progress-list__item__number {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 30px;
}

.application-progress-list__item__label {
  text-transform: uppercase;
  font-weight: 600;
}

.application-progress-list__item__number, .application-progress-list__item__label {
  font-size: 20px;
}

.application-progress-list__item__description {
  margin-top: 10px;
  font-size: 12px;
}

.application-progress-list__item__score {
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -10px;
  width: 100px;
}

@media (max-width: 1024px) and (min-width: 840px) {
  .application-progress-list__item__score {
    position: relative;
    top: 0px;
    right: 0px;
    margin-top: 10px;
  }
}

@media (max-width: 480px) {
  .application-progress-list__item__score {
    position: relative;
    top: 0px;
    right: 0px;
    margin-top: 10px;
  }
}

.application-progress-list__item--has-progress-score {
  padding-right: 105px;
}

@media (max-width: 1024px) and (min-width: 840px) {
  .application-progress-list__item--has-progress-score {
    padding-right: 0px;
  }
}

@media (max-width: 480px) {
  .application-progress-list__item--has-progress-score {
    padding-right: 0px;
  }
}

.application-progress-list__item__number, .application-progress-list__item__label, .application-progress-list__item__description {
  opacity: 0.4;
  transition: opacity, 0.25s, ease;
}

.application-progress-list__item.is-current .application-progress-list__item__number,
.application-progress-list__item.is-current .application-progress-list__item__label,
.application-progress-list__item.is-current .application-progress-list__item__description {
  opacity: 1;
}

.application-progress-list__item:hover .application-progress-list__item__number,
.application-progress-list__item:hover .application-progress-list__item__label,
.application-progress-list__item:hover .application-progress-list__item__description {
  opacity: 0.8 !important;
}

.interface-application-details--complete .application-progress-list__item--review .application-progress-list__item__label,
.interface-application-details--complete .application-progress-list__item--review .application-progress-list__item__description {
  opacity: 1;
  color: #e72435;
}

.application-progress-bar {
  display: block;
  width: 100%;
  height: 20px;
  border-radius: 10px;
  border: 1px solid #c2c2c2;
  background-color: #fff;
  padding: 3px;
}

.application-progress-bar__complete {
  min-width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: #8dc854;
}

.application-progress-bar.rating--bad .application-progress-bar__complete {
  background-color: #e72435;
}

.application-progress-bar.rating--poor .application-progress-bar__complete {
  background-color: #ed6d2e;
}

.application-progress-bar.rating--good .application-progress-bar__complete {
  background-color: #c5e0a6;
}

/*--------------------------*\
    Application Submission
\*--------------------------*/
.application-submission .application-submission__title {
  margin-bottom: 30px;
}

.application-submission .application-submission__message {
  color: red;
  margin-bottom: 0px;
}

.application-submission .application-submission__note {
  padding-top: 30px;
}

.application-submission .application-submission__note a {
  font-weight: 600;
}

.application-submission .application-submission__form {
  border-top: 1px solid #c2c2c2;
  padding-top: 30px;
}

.application-submission .application-submission__form h3.form-field--header {
  color: #e72435;
}

.application-submission .application-submission__form fieldset.form-fieldset {
  margin-bottom: 0px;
}

.application-submission .application-submission__form fieldset.form-fieldset#application_submission__confirmation__fieldset .form-error {
  padding-top: 15px;
}

.application-summary .application-summary__tabs .application-summary-tab {
  padding-bottom: 45px;
}

.application-summary .application-summary__tabs .application-summary-tab__title {
  padding-bottom: 10px;
  border-bottom: 1px solid #c2c2c2;
  margin-bottom: 15px;
}

.application-summary .application-summary__tabs .application-summary-tab__title h3 {
  float: left;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  color: #888888;
  margin: 0px 15px 0px 0px;
}

@media (max-width: 480px) {
  .application-summary .application-summary__tabs .application-summary-tab__title h3 {
    float: none;
  }
}

.application-summary .application-summary__tabs .application-summary-tab__title__progress {
  padding-top: 5px;
  float: right;
  width: 100px;
}

@media (max-width: 480px) {
  .application-summary .application-summary__tabs .application-summary-tab__title__progress {
    float: none;
  }
}

.application-summary .application-summary__tabs .application-summary-tab__button {
  text-align: right;
}

.application-summary .application-summary__tabs .application-summary-tab__button .button, .application-summary .application-summary__tabs .application-summary-tab__button .p-form fieldset.form-fieldset.address-suggestion .form-note, .p-form fieldset.form-fieldset.address-suggestion .application-summary .application-summary__tabs .application-summary-tab__button .form-note {
  width: 200px;
  max-width: 100%;
}

.application-summary .application-summary-field {
  margin-bottom: 10px;
  padding: 0px 5px;
}

@media (max-width: 480px) {
  .application-summary .application-summary-field {
    margin-bottom: 15px;
  }
}

.application-summary .application-summary-field--needs-value {
  border: 1px solid #e72435;
  padding: 4px 4px;
}

.application-summary .application-summary-field--needs-value .application-summary-field__value {
  color: #e72435;
}

.application-summary .application-summary-field__label {
  float: left;
  width: 200px;
  font-weight: 600;
}

@media (max-width: 480px) {
  .application-summary .application-summary-field__label {
    float: none;
    width: 100%;
    margin-bottom: 5px;
  }
}

.application-summary .application-summary-field__label .required {
  color: #e72435;
}

.application-summary .application-summary-field__label .required--tab,
.application-summary .application-summary-field__label .required--protected {
  display: none;
}

.application-summary .application-summary-field__value {
  padding-left: 215px;
}

@media (max-width: 480px) {
  .application-summary .application-summary-field__value {
    padding-left: 0px;
  }
}

.application-summary .application-summary-field.application-summary-field--repeater .application-summary-field__value table th,
.application-summary .application-summary-field.application-summary-field--repeater .application-summary-field__value table td {
  text-align: left;
  vertical-align: top;
  border: 0px none;
  padding: 0px 15px 5px 0px;
}

@media (max-width: 600px) {
  .application-summary .application-summary-field.application-summary-field--repeater .application-summary-field__value table th,
  .application-summary .application-summary-field.application-summary-field--repeater .application-summary-field__value table td {
    font-size: 80%;
  }
}

.application-summary .application-summary-field.application-summary-field--repeater .application-summary-field__value table th:last-of-type,
.application-summary .application-summary-field.application-summary-field--repeater .application-summary-field__value table td:last-of-type {
  padding-right: 0px;
}

.application-summary .application-summary-field.application-summary-field--repeater .application-summary-field__value table th {
  font-weight: 600;
}

.application-summary .application-summary-field#application-summary__qualifications .application-summary-field__label {
  display: none;
}

.application-summary .application-summary-field#application-summary__qualifications .application-summary-field__value {
  padding-left: 0px;
}

.application-submission--submitted .application-summary-field__label .required {
  display: none;
}

/*
REDIRECT TO INTERVIEW BOOKING
*/
.application-submission-interview-redirect {
  display: none;
  position: fixed;
  z-index: 1010;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.application-submission-interview-redirect--open {
  display: block;
}

.application-submission-interview-redirect > .inner {
  text-align: center;
}

.application-submission-interview-redirect__title {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #575757;
  font-size: 32px;
  margin-bottom: 30px;
}

.application-submission-interview-redirect__animation {
  display: inline-block;
  height: 55px;
  width: 54px;
  margin-bottom: 15px;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("assets/img/loading--white.gif");
}

.application-submission-interview-redirect__message {
  color: #e72435;
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-size: 22px;
  margin-bottom: 30px;
}

.application-submission-interview-redirect__note {
  color: #575757;
  font-size: 15px;
  margin-bottom: 30px;
}

.application-submission-interview-redirect__note a {
  color: #575757 !important;
  display: inline-block;
  font-weight: bold;
  border-bottom: 1px solid #575757;
}

.application-submission-interview-whiteout {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0.9;
}

.application-submission-interview-whiteout--open {
  display: block;
}

/*-----------------------*\
	Simple Enquiry Form
\*-----------------------*/
.interface-enquiry-simple__title h1 {
  margin-bottom: 45px;
}

.interface-enquiry-simple__body__form {
  padding-bottom: 30px;
}

.interface-enquiry-simple__body__form #enquiry_simple__message {
  height: 238px;
}

/*-------------------------------*\
    Interview Booking Interface
\*-------------------------------*/
/*
BOOKING INTERFACE
*/
.interview-booking {
  /*
    LAYOUT
    */
  /*
    ELEMENTS
    */
  /*
    MODES
    */
  /*
    DETAILS
    */
  /*
    COURSE CART
    */
}

.interview-booking__calendar {
  padding-top: 30px;
}

.interview-booking__form {
  position: relative;
}

.interview-booking__form__mask {
  position: absolute;
  z-index: 10;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0.75;
}

.interview-booking__form > form {
  margin-bottom: 0px;
}

.interview-booking__form > form .p-message {
  margin-top: 30px;
  margin-bottom: 0px;
  position: relative;
  z-index: 20;
}

.interview-booking__form__note {
  padding-top: 15px;
  font-size: 13px;
}

.interview-booking--slot-selected .interview-booking__form__mask {
  display: none;
}

.interview-booking__details .interview-booking-details__title {
  position: relative;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  padding: 15px 15px 15px 55px;
  background-color: #e72435;
  color: #fff;
}

.interview-booking__details .interview-booking-details__title > * {
  color: inherit;
}

.interview-booking__details .interview-booking-details__title h3 {
  font-weight: 600;
  text-transform: uppercase;
  margin: 0px;
}

.interview-booking__details .interview-booking-details__body {
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  background-color: #f4f4f4;
  padding: 30px 15px;
}

.interview-booking__details .interview-booking-details__body h3 {
  color: #e72435;
  font-size: 22px;
  margin-bottom: 15px;
}

.interview-booking__details .interview-booking-details__intro {
  font-size: 17px;
  margin-bottom: 30px;
}

.interview-booking__details .interview-booking-details__module {
  margin-bottom: 45px;
}

.interview-booking__details .interview-booking-details__location__name {
  font-size: 19px;
  font-weight: 600;
  margin-bottom: 15px;
}

.interview-booking__details .interview-booking-details__location__button {
  padding-top: 15px;
}

.interview-booking__cart {
  margin-top: 30px;
}

.interview-booking__cart .course-cart-item__main {
  padding: 30px;
}

.interview-booking__cart .course-cart-item__left {
  display: none;
}

/*
WHITEOUT / MODAL
*/
.interview-booking-modal {
  display: none;
  position: fixed;
  z-index: 1010;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #f4f4f4;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  width: 500px;
  max-width: 95%;
}

.interview-booking-modal--open {
  display: block;
}

.interview-booking-modal > .inner {
  padding: 30px;
}

.interview-booking-modal__title {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #e72435;
  font-size: 24px;
  margin-bottom: 10px;
}

.interview-booking-modal__message {
  font-size: 18px;
  margin-bottom: 30px;
}

.interview-booking-whiteout {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0.75;
}

.interview-booking-whiteout--open {
  display: block;
}

/*
BOOKING CALENDAR
*/
.interview-booking-calendar {
  background-color: #f4f4f4;
  border: 1px solid #e1e1e1;
  border-radius: 2px;
  /*
    HEADER
    */
  /*
    GRID
    */
}

.interview-booking-calendar > .inner {
  padding: 5px;
}

.interview-booking-calendar .on--month, .interview-booking-calendar .on--day {
  display: none;
}

.interview-booking-calendar--month .on--month {
  display: block;
}

.interview-booking-calendar--day .on--day {
  display: block;
}

.interview-booking-calendar__header {
  position: relative;
  margin-bottom: 15px;
}

.interview-booking-calendar__header__title {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 15px;
}

.interview-booking-calendar__header__title .interview-booking-calendar-title__label {
  font-size: 15px;
}

.interview-booking-calendar__header__title .interview-booking-calendar-title__date {
  font-size: 19px;
  font-weight: bold;
}

.interview-booking-calendar__header__buttons {
  float: right;
}

.interview-booking-calendar__header__buttons .button, .interview-booking-calendar__header__buttons .p-form fieldset.form-fieldset.address-suggestion .form-note, .p-form fieldset.form-fieldset.address-suggestion .interview-booking-calendar__header__buttons .form-note {
  margin-left: 5px;
  padding: 15px 10px;
  font-size: 15px;
}

.interview-booking-calendar__header__buttons .on--month .button, .interview-booking-calendar__header__buttons .on--month .p-form fieldset.form-fieldset.address-suggestion .form-note, .p-form fieldset.form-fieldset.address-suggestion .interview-booking-calendar__header__buttons .on--month .form-note {
  visibility: hidden;
}

.interview-booking-calendar--loading .interview-booking-calendar__grid > * {
  visibility: hidden;
}

.interview-booking-calendar--loading .interview-booking-calendar__grid__loading {
  visibility: visible !important;
}

.interview-booking-calendar__grid {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.interview-booking-calendar__grid__loading {
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  transform: translateY(-50%);
  padding-top: 75px;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("assets/img/loading--white.gif");
  text-align: center;
  color: #575757;
  font-size: 17px;
}

.interview-booking-calendar__grid .interview-booking-calendar-grid__header {
  background-color: #888888;
  color: #fff;
  padding: 10px 5px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}

.interview-booking-calendar__grid .interview-booking-calendar-grid__header__item {
  float: left;
  width: 20%;
}

.interview-booking-calendar__grid .interview-booking-calendar-grid .interview-booking-calendar-month {
  padding-top: 5px;
  display: none;
}

.interview-booking-calendar__grid .interview-booking-calendar-grid .interview-booking-calendar-month--current {
  display: block;
}

.interview-booking-calendar__grid .interview-booking-calendar-grid .interview-booking-calendar-month .interview-booking-calendar-empty {
  padding: 5px;
}

.interview-booking-calendar__grid .interview-booking-calendar-grid .interview-booking-calendar-month .interview-booking-calendar-empty > .inner {
  background-color: #e1e1e1;
  color: #575757;
  text-align: center;
  padding: 10px 5px;
  opacity: 0.25;
}

.interview-booking-calendar__grid .interview-booking-calendar-grid .interview-booking-calendar-month .interview-booking-calendar-empty .interview-booking-calendar-day__number {
  visibility: hidden;
}

.interview-booking-calendar__grid .interview-booking-calendar-grid .interview-booking-calendar-month .interview-booking-calendar-empty,
.interview-booking-calendar__grid .interview-booking-calendar-grid .interview-booking-calendar-month .interview-booking-calendar-day {
  display: inline-block;
  width: calc(20% - 5px);
  vertical-align: middle;
}

.interview-booking-calendar__grid .interview-booking-calendar-grid .interview-booking-calendar-month .interview-booking-calendar-empty > .inner,
.interview-booking-calendar__grid .interview-booking-calendar-grid .interview-booking-calendar-month .interview-booking-calendar-day > .inner {
  cursor: default;
}

.interview-booking-calendar__grid .interview-booking-calendar-grid .interview-booking-calendar-month .interview-booking-calendar-day {
  padding: 5px;
}

.interview-booking-calendar__grid .interview-booking-calendar-grid .interview-booking-calendar-month .interview-booking-calendar-day > .inner {
  background-color: #e1e1e1;
  color: #575757;
  text-align: center;
  padding: 10px 5px;
  opacity: 0.25;
}

.interview-booking-calendar__grid .interview-booking-calendar-grid .interview-booking-calendar-month .interview-booking-calendar-day__number {
  font-size: 13px;
}

.interview-booking-calendar__grid .interview-booking-calendar-grid .interview-booking-calendar-month .interview-booking-calendar-day--available > .inner {
  opacity: 1;
  cursor: pointer;
}

.interview-booking-calendar__grid .interview-booking-calendar-grid .interview-booking-calendar-day__slots .interview-booking-calendar-slot {
  display: inline-block;
  width: 20%;
  vertical-align: middle;
  padding: 5px;
}

.interview-booking-calendar__grid .interview-booking-calendar-grid .interview-booking-calendar-day__slots .interview-booking-calendar-slot > .inner {
  background-color: #e1e1e1;
  color: #575757;
  text-align: center;
  padding: 10px 5px;
  opacity: 0.25;
  cursor: default;
}

.interview-booking-calendar__grid .interview-booking-calendar-grid .interview-booking-calendar-day__slots .interview-booking-calendar-slot__timing {
  font-size: 13px;
}

.interview-booking-calendar__grid .interview-booking-calendar-grid .interview-booking-calendar-day__slots .interview-booking-calendar-slot--available > .inner {
  opacity: 1;
  cursor: pointer;
}

.interview-booking-calendar__grid .interview-booking-calendar-grid .interview-booking-calendar-day__slots .interview-booking-calendar-slot--selected > .inner {
  background-color: #8dc854;
  color: #fff;
}

.interview-booking-calendar__grid .interview-booking-calendar-grid .interview-booking-calendar-day__empty {
  padding: 30px 0px;
  text-align: center;
  color: #575757;
  font-size: 17px;
}

/*
INTERVIEW CONFIRMATION
*/
.interview-confirmation {
  /*
    LAYOUT
    */
  /*
    COMPONENTS
    */
}

.interview-confirmation__header {
  width: 850px;
  max-width: 100%;
  margin-bottom: 60px;
}

.interview-confirmation__header h1 {
  color: #e72435;
  margin-bottom: 30px;
}

.interview-confirmation__header p {
  margin: 0px;
}

.interview-confirmation h2 {
  color: #e72435;
  font-size: 24px;
  margin-bottom: 15px;
}

.interview-confirmation__block {
  margin-bottom: 60px;
}

.interview-confirmation__block__left, .interview-confirmation__block__right {
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .interview-confirmation__block__left, .interview-confirmation__block__right {
    width: 50%;
    margin-bottom: 0px;
  }
  .interview-confirmation__block__left {
    float: left;
    padding-right: 15px;
  }
  .interview-confirmation__block__right {
    float: right;
    padding-left: 15px;
  }
}

.interview-confirmation__my-course-button {
  border-top: 1px solid #e1e1e1;
  padding: 30px 0px;
}

.interview-confirmation__module {
  width: 500px;
  max-width: 100%;
  border: 1px solid #e1e1e1;
}

.interview-confirmation__module .course-cart-item__main {
  padding: 30px;
}

.interview-confirmation__details__top {
  margin-bottom: 30px;
}

.interview-confirmation__details__bottom {
  margin-bottom: 30px;
}

.interview-confirmation__details table, .interview-booking__details .interview-booking-details__location__details table {
  width: auto;
}

.interview-confirmation__details table th, .interview-booking__details .interview-booking-details__location__details table th,
.interview-confirmation__details table td,
.interview-booking__details .interview-booking-details__location__details table td {
  border: 0px none;
  padding: 0px 60px 5px 0px;
  vertical-align: top;
  text-align: left;
}

.interview-confirmation__details table th p, .interview-booking__details .interview-booking-details__location__details table th p,
.interview-confirmation__details table td p,
.interview-booking__details .interview-booking-details__location__details table td p {
  margin: 0px;
}

.interview-confirmation__details table th, .interview-booking__details .interview-booking-details__location__details table th {
  font-weight: normal;
}


.interview-confirmation__details table td,
.interview-booking__details .interview-booking-details__location__details table td {
  font-weight: bold;
}

.interview-confirmation__directions .interview-confirmation-direction {
  margin-bottom: 30px;
}

.interview-confirmation__directions .interview-confirmation-direction:last-of-type {
  margin-bottom: 0px;
}

.interview-confirmation__directions .interview-confirmation-direction h4 {
  color: #e72435;
}

.interview-confirmation__directions .interview-confirmation-direction h4 i.fa {
  margin-right: 5px;
}

.crs_intro {
  padding: 3rem 0;
}

@media (max-width: 818px) and (min-width: 0px) {
  .crs_intro {
    padding: 1.5rem 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .crs_intro {
    padding: 1.5rem 0;
  }
}

.crs_intro .show-more-height {
  height: 150px;
  overflow: hidden;
}

.crs_intro .more {
  cursor: pointer;
  color: #e72435 !important;
  background: none !important;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-left: auto !important;
  position: relative;
  display: flex;
  margin: 0;
  padding-right: 0 !important;
  margin-top: 5rem;
}

.crs_intro .more p {
  display: inline-flex;
  padding-right: .5rem;
  font-size: 20px;
}

@media (max-width: 818px) and (min-width: 0px) {
  .crs_intro .more p {
    font-size: 18px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .crs_intro .more p {
    font-size: 18px;
  }
}

.crs_intro .more span {
  position: relative;
  width: 35px;
  height: 35px;
  display: inline-block;
}

.crs_intro .more span:before {
  content: "";
  display: inline-block;
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  text-align: center;
  background-size: contain;
  background-position: center;
  opacity: 1;
  background-image: url(../bmt-theme-2017/assets/img/more-arrow.svg);
  transform: rotate(90deg);
}

.crs_intro .show-more .more {
  display: block;
  margin: 0;
}

.crs_intro .show-more .less {
  display: none;
  margin: 0;
}

.crs_intro .show-more-text {
  visibility: hidden;
  opacity: 0;
  height: 0;
  transition: visibility 0s, opacity 0.5s linear;
}

.crs_intro .show-active {
  visibility: visible;
  opacity: 1;
  height: auto;
}

.crs_intro .active-text .more {
  display: none;
}

.crs_intro .active-text .less {
  display: block;
}

.crs_intro h3 {
  font-size: 36px;
  line-height: 125%;
  color: #292929;
  text-align: left;
}

@media (max-width: 818px) and (min-width: 0px) {
  .crs_intro h3 {
    font-size: 28px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .crs_intro h3 {
    font-size: 28px;
  }
}

.crs_intro p {
  font-size: 22px;
  line-height: 130%;
  text-align: left;
  font-weight: 100;
}

@media (max-width: 818px) and (min-width: 0px) {
  .crs_intro p {
    font-size: 16px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .crs_intro p {
    font-size: 16px;
  }
}

.crs_schedule {
  padding: 3rem 0;
}

@media (max-width: 818px) and (min-width: 0px) {
  .crs_schedule {
    padding: 1.5rem 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .crs_schedule {
    padding: 1.5rem 0;
  }
}

.crs_schedule a.btn {
  font-size: 0.8em;
}

.crs_schedule a.btn:hover {
  border: 1px solid #e72435;
}

.crs_schedule .bg {
  background: #fddb33;
  padding: 2rem 2rem;
}

.crs_schedule .bg .col-12 {
  margin: 1rem 0;
}

@media (max-width: 818px) and (min-width: 0px) {
  .crs_schedule .bg .col-12 {
    margin: 1rem 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .crs_schedule .bg .col-12 {
    margin: 1rem 0 !important;
  }
}

.crs_schedule .bg ul {
  padding: 0;
  margin: 0;
  display: block;
}

.crs_schedule .bg ul li {
  display: inline-block;
  border: solid 2px transparent;
  border-radius: 1000px;
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 0;
}

.crs_schedule .bg ul .checked {
  border: solid 2px #e72435;
}

.crs_schedule h5 {
  font-size: 23px;
  font-weight: bold;
  margin: 0;
}

@media (max-width: 818px) and (min-width: 0px) {
  .crs_schedule h5 {
    font-size: 18px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .crs_schedule h5 {
    font-size: 18px;
  }
}

.crs_schedule p {
  font-size: 17px;
  font-weight: 400;
  margin: 0;
}

@media (max-width: 818px) and (min-width: 0px) {
  .crs_schedule p {
    font-size: 15px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .crs_schedule p {
    font-size: 15px;
  }
}

.crs_schedule .leg {
  margin-top: 3rem;
}

.crs_schedule .leg p {
  font-size: 23px;
  margin: 0;
}

@media (max-width: 818px) and (min-width: 0px) {
  .crs_schedule .leg p {
    font-size: 18px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .crs_schedule .leg p {
    font-size: 18px;
  }
}

@media (max-width: 818px) and (min-width: 0px) {
  .crs_schedule .h-mb {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .crs_schedule .h-mb {
    display: none;
  }
}

.crs_schedule .line_mb:last-child {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

@media (max-width: 818px) and (min-width: 0px) {
  .crs_schedule .line_mb {
    border-bottom: solid 1px #000;
    padding-bottom: 2rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .crs_schedule .line_mb {
    border-bottom: solid 1px #000;
    padding-bottom: 2rem;
  }
}

.crs_video {
  margin-bottom: 3rem;
}

.crs_slider {
  padding: 3rem 0;
}

@media (max-width: 818px) and (min-width: 0px) {
  .crs_slider {
    padding: 1.5rem 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .crs_slider {
    padding: 1.5rem 0;
  }
}

.crs_slider .slick-prev {
  position: absolute !important;
  top: 50% !important;
  left: -4% !important;
  transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  width: 70px;
  height: 70px;
}

@media (max-width: 818px) and (min-width: 0px) {
  .crs_slider .slick-prev {
    left: 0% !important;
    width: 40px;
    height: 40px;
    background: white !important;
    padding: 1rem 1rem;
    height: 100%;
    z-index: 9;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .crs_slider .slick-prev {
    left: 0% !important;
    width: 40px;
    height: 40px;
    background: white !important;
    padding: 1rem 1rem;
    height: 100%;
    z-index: 9;
  }
}

.crs_slider .slick-prev:before {
  background-size: 50px;
  display: inline-block;
  width: 70px;
  height: 70px;
  content: "";
  background-repeat: no-repeat;
  text-align: center;
  background-size: contain;
  opacity: 1;
  background-image: url(../bmt-theme-2017/assets/img/arrow-left.svg);
}

@media (max-width: 818px) and (min-width: 0px) {
  .crs_slider .slick-prev:before {
    width: 40px;
    height: 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .crs_slider .slick-prev:before {
    width: 40px;
    height: 40px;
  }
}

.crs_slider .slick-next {
  position: absolute !important;
  top: 50% !important;
  left: 106% !important;
  transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  width: 70px;
  height: 70px;
}

@media (max-width: 818px) and (min-width: 0px) {
  .crs_slider .slick-next {
    left: 100% !important;
    width: 40px;
    height: 40px;
    background: white !important;
    padding: 1rem 1rem;
    height: 100%;
    z-index: 9;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .crs_slider .slick-next {
    left: 100% !important;
    width: 40px;
    height: 40px;
    background: white !important;
    padding: 1rem 1rem;
    height: 100%;
    z-index: 9;
  }
}

.crs_slider .slick-next:before {
  background-size: 50px;
  display: inline-block;
  width: 70px;
  height: 70px;
  content: "";
  background-repeat: no-repeat;
  text-align: center;
  background-size: contain;
  opacity: 1;
  background-image: url(../bmt-theme-2017/assets/img/arrow-right.svg);
}

@media (max-width: 818px) and (min-width: 0px) {
  .crs_slider .slick-next:before {
    width: 40px;
    height: 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .crs_slider .slick-next:before {
    width: 40px;
    height: 40px;
  }
}

.crs_slider .item {
  height: 50rem;
}

@media (max-width: 818px) and (min-width: 0px) {
  .crs_slider .item {
    height: 30rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .crs_slider .item {
    height: 30rem;
  }
}

.crs_slider .item img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.slick-hide {
  opacity: 0;
  display: none;
}

.slick-initialized {
  display: block !important;
  opacity: 1 !important;
  -webkit-animation: fadein 2s ease-in;
  animation: fadein 2s ease-in;
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.crs_careers {
  padding: 3rem 0;
  background: #EDEDED;
}

@media (max-width: 818px) and (min-width: 0px) {
  .crs_careers {
    padding: 1.5rem 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .crs_careers {
    padding: 1.5rem 0;
  }
}

.crs_careers .content {
  display: none;
}

.crs_careers .cnt {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.crs_careers h3 {
  font-size: 35px;
  line-height: 125%;
  font-weight: 300;
  margin-bottom: 1rem;
}

@media (max-width: 818px) and (min-width: 0px) {
  .crs_careers h3 {
    font-size: 22px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .crs_careers h3 {
    font-size: 22px;
  }
}

.crs_careers h4 {
  font-size: 28px;
  line-height: 125%;
  font-weight: 100;
  margin: 0;
}

@media (max-width: 818px) and (min-width: 0px) {
  .crs_careers h4 {
    font-size: 18px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .crs_careers h4 {
    font-size: 18px;
  }
}

.crs_careers a {
  background: #D3CFCF;
  color: #000;
  display: block;
  padding: 2rem 2rem;
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  margin: 1rem 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.crs_careers a:hover {
  background: #000;
  color: #fff;
  cursor: pointer;
}

@media (max-width: 818px) and (min-width: 0px) {
  .crs_careers a {
    font-size: 16px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .crs_careers a {
    font-size: 16px;
  }
}

.crs_careers .more {
  color: #e72435 !important;
  background: none !important;
  margin: 0 auto !important;
  position: relative;
  display: flex;
  padding-right: 0 !important;
}

.crs_careers .more p {
  display: inline-flex;
  padding-right: .5rem;
  font-size: 20px;
}

@media (max-width: 818px) and (min-width: 0px) {
  .crs_careers .more p {
    font-size: 18px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .crs_careers .more p {
    font-size: 18px;
  }
}

.crs_careers .more span {
  position: relative;
  width: 35px;
  height: 35px;
  display: inline-block;
}

.crs_careers .more span:before {
  content: "";
  display: inline-block;
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  text-align: center;
  background-size: contain;
  background-position: center;
  opacity: 1;
  background-image: url(../bmt-theme-2017/assets/img/more-arrow.svg);
  transform: rotate(90deg);
}

.w-100 {
  width: 100%;
}

.crs_faq {
  padding: 3rem 0;
}

@media (max-width: 818px) and (min-width: 0px) {
  .crs_faq {
    padding: 1.5rem 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .crs_faq {
    padding: 1.5rem 0;
  }
}

.crs_faq .card {
  padding: 0;
  margin: 3rem 0;
  border-bottom: solid 1px #EDEDED !important;
  border: 0;
  border-radius: 0 !important;
}

.crs_faq .card .card-header {
  font-size: 30px;
  font-weight: 600;
  color: #000;
}

@media (max-width: 818px) and (min-width: 0px) {
  .crs_faq .card .card-header {
    font-size: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .crs_faq .card .card-header {
    font-size: 20px;
  }
}

.crs_faq ul, .crs_faq ol {
  padding: 0;
  list-style-position: inside;
}

.crs_faq .collapse {
  display: none;
}

.crs_faq .show {
  display: block;
}

.crs_faq .btn-header-link {
  width: 100%;
  text-align: left;
  background: none;
  color: #000;
  padding: 3rem 0;
  font-size: 24px;
  text-transform: none;
  display: block;
}

@media (max-width: 818px) and (min-width: 0px) {
  .crs_faq .btn-header-link {
    font-size: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .crs_faq .btn-header-link {
    font-size: 20px;
  }
}

.crs_faq .card-body {
  padding: 1.5rem 0;
}

#faq .card .card-header .btn-header-link:after {
  content: "";
  font-weight: 900;
  float: right;
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  text-align: center;
  background-size: contain;
  background-position: center;
  opacity: 1;
  background-image: url(../bmt-theme-2017/assets/img/more-arrow.svg);
  transform: rotate(-90deg);
}

#faq .card .card-header .btn-header-link.collapsed:after {
  transform: rotate(90deg);
}

.crs_cta {
  padding: 3rem 0;
}

@media (max-width: 818px) and (min-width: 0px) {
  .crs_cta {
    padding: 1.5rem 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .crs_cta {
    padding: 1.5rem 0;
  }
}

.crs_cta .btn {
  font-size: 25px !important;
}

@media (max-width: 818px) and (min-width: 0px) {
  .crs_cta .btn {
    font-size: 18px !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .crs_cta .btn {
    font-size: 18px !important;
  }
}

.crs_cta .mrg {
  margin: 3rem 0;
}

@media (max-width: 818px) and (min-width: 0px) {
  .crs_cta .mrg {
    margin: 1.5rem 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .crs_cta .mrg {
    margin: 1.5rem 0;
  }
}

.crs_cta .mrg p {
  margin: 0;
}

/*---------------*\
    User Portal
\*---------------*/
.user-portal__title {
  margin-bottom: 30px;
}

.user-portal__intro {
  margin-bottom: 30px;
}

.user-portal__notifications .p-message {
  display: inline-block;
}

.user-portal .user-portal__login__intro {
  margin-bottom: 45px;
}

.user-portal .user-portal__login__application-prompt {
  margin-bottom: 30px;
  padding: 15px 0px;
  border-top: #c2c2c2 1px solid;
  border-bottom: #c2c2c2 1px solid;
  font-weight: bold;
}

.user-portal .user-portal__login__application-prompt a {
  color: #e72435;
}

.user-portal .user-portal__login__main__left {
  margin-bottom: 60px;
}

@media (min-width: 768px) {
  .user-portal .user-portal__login__main__left {
    float: left;
    width: 60%;
    padding-right: 60px;
  }
  .user-portal .user-portal__login__main__right {
    float: right;
    width: 40%;
  }
}

table.user-course-table,
table.user-event-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

table.user-course-table th,
table.user-course-table td,
table.user-event-table th,
table.user-event-table td {
  text-align: left;
  vertical-align: middle;
  padding: 5px 15px;
}

table.user-course-table thead tr th,
table.user-event-table thead tr th {
  color: #888888;
  text-transform: uppercase;
  font-family: "Roboto Condensed", Arial, sans-serif;
}

table.user-course-table tbody tr,
table.user-event-table tbody tr {
  border-top: 1px solid #c2c2c2;
}

table.user-course-table tbody tr td,
table.user-event-table tbody tr td {
  padding: 15px 15px;
}

table.user-course-table tbody tr:hover td,
table.user-event-table tbody tr:hover td {
  background-color: #f4f4f4;
}

table.user-course-table .user-course-table__row__cell--module {
  font-family: "Roboto Condensed", Arial, sans-serif;
}

table.user-course-table .user-course-table__row__cell--status {
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-weight: 600;
}

table.user-course-table .user-course-table__row__cell--status .status--application__submitted,
table.user-course-table .user-course-table__row__cell--status .status--application__interview_booked {
  color: #39b54a;
}

table.user-course-table .user-course-table__row__cell--status .status--application__submitted i.fa,
table.user-course-table .user-course-table__row__cell--status .status--application__interview_booked i.fa {
  vertical-align: middle;
  margin-left: 5px;
  font-size: 120%;
}

table.user-course-table .user-course-table__row__cell--status .status--application__submitted .application-reference,
table.user-course-table .user-course-table__row__cell--status .status--application__interview_booked .application-reference {
  color: #000;
  font-size: 90%;
}

table.user-course-table .user-course-table__row__cell--status .status--application__submitted .application-bmet-status,
table.user-course-table .user-course-table__row__cell--status .status--application__interview_booked .application-bmet-status {
  color: #575757;
  font-size: 100%;
}

table.user-course-table .user-course-table__row__cell--status .status--enquiry__submitted {
  color: #ed6d2e;
}

table.user-course-table .user-course-table__row__cell--status .status--enquiry__submitted .application-reference {
  color: #000;
  font-size: 90%;
}

table.user-course-table .user-course-table__row__cell--action {
  width: 240px;
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}

table.user-course-table .user-course-table__row__cell--action .button, table.user-course-table .user-course-table__row__cell--action .p-form fieldset.form-fieldset.address-suggestion .form-note, .p-form fieldset.form-fieldset.address-suggestion table.user-course-table .user-course-table__row__cell--action .form-note {
  width: 100%;
  top: 0px !important;
  margin: 0px !important;
  border: 0px !important;
  padding: 10px 5px !important;
  font-size: 14px;
  font-weight: 400;
}

table.user-course-table .user-course-table__row__cell--action .application-progress-bar {
  margin-top: 10px;
}

table.user-course-table .user-course-table__row__cell--action .interview-booking-button {
  padding-top: 10px;
}

table.user-course-table .user-course-table__row__cell--withdraw {
  width: 160px;
}

table.user-course-table .user-course-table__row__cell--withdraw .user-course-table-module__remove {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  color: #575757;
}

table.user-course-table .user-course-table__row__cell--withdraw .user-course-table-module__remove i.fa {
  margin-right: 5px;
}

table.user-course-table .user-course-table__row__cell--withdraw .user-course-table-module__remove span {
  text-transform: uppercase;
  font-size: 12px;
}

table.user-course-table .user-course-table-module .user-course-table-module__title {
  font-weight: 600;
  margin-bottom: 5px;
}

table.user-course-table .user-course-table-module .user-course-table-module__fact {
  margin-top: 0px;
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-size: 12px;
}

table.user-course-table .user-course-table-module .user-course-table-module__fact > * {
  display: inline-block;
  vertical-align: middle;
}

table.user-course-table .user-course-table-module .user-course-table-module__fact__label {
  width: 100px;
  margin-right: 5px;
}

table.user-course-table .user-course-table-module .user-course-table-module__fact__value {
  font-weight: 600;
  text-transform: uppercase;
}

table.user-event-table .user-event-table__row__cell--name {
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-weight: 600;
}

table.user-event-table .user-event-table__row__cell--site {
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-weight: 600;
}

table.user-event-table .user-event-table__row__cell--status {
  font-family: "Roboto Condensed", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  color: #888888;
}

table.user-event-table .user-event-table__row__cell--status .reference {
  color: #000;
  font-size: 90%;
}

table.user-event-table tr.user-event-table__row--registered td.user-event-table__row__cell--status {
  color: #39b54a;
}

.user-course-table__row--james-watt .user-course-table-module__fact--location .user-course-table-module__fact__value {
  color: #8dc854;
}

.user-course-table__row--matthew-boulton .user-course-table-module__fact--location .user-course-table-module__fact__value {
  color: #008894;
}

.user-course-table__row--stourbridge .user-course-table-module__fact--location .user-course-table-module__fact__value {
  color: #0272ba;
}

.user-course-table__row--sutton-coldfield .user-course-table-module__fact--location .user-course-table-module__fact__value {
  color: #863995;
}

.user-event-table__row--james-watt .user-event-table__row__cell--site {
  color: #8dc854;
}

.user-event-table__row--matthew-boulton .user-event-table__row__cell--site {
  color: #008894;
}

.user-event-table__row--stourbridge .user-event-table__row__cell--site {
  color: #0272ba;
}

.user-event-table__row--sutton-coldfield .user-event-table__row__cell--site {
  color: #863995;
}

.status--enquired {
  color: #a9d37f;
}

.status--applied {
  color: #a9d37f;
}

td.user-course-table__row__cell--action .action--awaiting_reply {
  color: #c2c2c2;
}

/*
MY COURSES
*/
.user-portal__courses__intro {
  margin-bottom: 30px;
}

.user-portal__apply-for-more {
  position: relative;
}

.user-portal__apply-for-more h3 {
  color: #e72435;
}

@media (min-width: 1024px) {
  .user-portal__apply-for-more .button, .user-portal__apply-for-more .p-form fieldset.form-fieldset.address-suggestion .form-note, .p-form fieldset.form-fieldset.address-suggestion .user-portal__apply-for-more .form-note {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
  }
}

.user-portal__apply-for-more__message a {
  font-weight: 600;
}

@media (max-width: 1024px) {
  .user-portal__apply-for-more__message {
    margin-bottom: 30px;
  }
}

.my-courses--empty {
  min-height: 200px;
}

/*
EVENT REGISTRATION
*/
.event-registration-start__start-options {
  padding-bottom: 30px;
}

.event-registration-confirm__title {
  color: #e72435;
  margin-bottom: 30px;
}

.event-registration-confirm__intro {
  margin-bottom: 30px;
}

/*
MY EVENTS
*/
.my-events__notifications .p-message {
  margin-bottom: 15px;
}

.my-events__table {
  min-height: 150px;
}

.my-events,
.my-events--empty {
  min-height: 100px;
}

.user-portal__add-more-events {
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 16px;
}

.user-portal__add-more-events a {
  font-weight: 600;
}

/*
LOGIN
*/
form.login_form .p-message {
  width: 400px;
  max-width: 100%;
}

form.login_form .form_submit {
  float: left;
}

form.login_form .login-password-reset-link {
  float: right;
  padding-top: 47px;
}

form.login_form .login-password-reset-link a {
  color: #c2c2c2;
  font-family: "Roboto Condensed", Arial, sans-serif;
  text-decoration: underline;
}

form.login_form .login-password-reset-link a:hover {
  color: #888888;
}

/* CHANGE OF DETAILS */
@media (min-width: 768px) {
  .user-portal--my-details .user-portal__intro {
    position: relative;
    padding-right: 300px;
  }
  .user-portal--my-details .user-portal__intro .my-details-password-reset {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 270px;
  }
  .user-portal--my-details .user-portal__intro .my-details-password-reset .button, .user-portal--my-details .user-portal__intro .my-details-password-reset .p-form fieldset.form-fieldset.address-suggestion .form-note, .p-form fieldset.form-fieldset.address-suggestion .user-portal--my-details .user-portal__intro .my-details-password-reset .form-note {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 768px) {
  .user-portal--my-details .my-details-password-reset {
    padding-top: 15px;
  }
}

.user-portal--my-details .my-details-bmc {
  border-top: 1px solid #c2c2c2;
  border-bottom: 1px solid #c2c2c2;
  padding: 15px 0px;
}

.change-of-details {
  width: 900px;
  max-width: 100%;
  margin-bottom: 60px;
}

.change-of-details h3 {
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .change-of-details__left {
    float: left;
    width: 60%;
  }
  .change-of-details__right {
    float: right;
    width: 40%;
    padding-left: 15px;
  }
  .change-of-details__right h3 {
    padding-left: 15px;
  }
}

@media (max-width: 768px) {
  .change-of-details__right {
    margin-bottom: 60px;
  }
}

.change-of-details .current-values__value {
  border-bottom: 1px solid #c2c2c2;
  margin-bottom: 15px;
}

.change-of-details .current-values__value__label {
  font-family: "Roboto Condensed",Arial,sans-serif;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .change-of-details .current-values__value {
    position: relative;
    min-height: 35px;
    padding-left: 15px;
  }
  .change-of-details .current-values__value__label {
    display: none;
  }
  .change-of-details .current-values__value__val {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}

@media (max-width: 768px) {
  .change-of-details .current-values__value {
    padding-bottom: 15px;
  }
}

@media (max-width: 768px) and (min-width: 600px) {
  .change-of-details .current-values__value__label {
    float: left;
    width: 185px;
  }
  .change-of-details .current-values__value__val {
    padding-left: 200px;
  }
}

.change-of-details #change_details ul.p-message {
  max-width: 100%;
}

.change-of-details #change_details ul.p-message .p-message-item.success {
  width: 500px;
  max-width: 100%;
}

.change-of-details--submitted h3 {
  display: none;
}

.change-of-details--submitted .current-values {
  display: none;
}

.change-of-details--submitted #change_details > * {
  display: none;
}

.change-of-details--submitted #change_details > ul.p-message {
  display: block !important;
}

/*---------------------*\
    Password Recovery
\*---------------------*/
.password-recovery {
  min-height: 400px;
}

.password-recovery__intro {
  margin-bottom: 30px;
}

.password-recovery .password-reset-interface {
  width: 660px;
  max-width: 100%;
}

.password-recovery .password-reset-interface .form_submit {
  padding-top: 0px;
}

.password-recovery .password-reset-interface__notifications .p-message {
  display: inline-block;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("assets/scss/vendor/slick/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("assets/scss/vendor/slick/fonts/slick.eot");
  src: url("assets/scss/vendor/slick/fonts/slick.eot?#iefix") format("embedded-opentype"), url("assets/scss/vendor/slick/fonts/slick.woff") format("woff"), url("assets/scss/vendor/slick/fonts/slick.ttf") format("truetype"), url("assets/scss/vendor/slick/fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "\2190";
}

[dir="rtl"] .slick-prev:before {
  content: "\2192";
}

.slick-next {
  right: -25px;
}

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "\2192";
}

[dir="rtl"] .slick-next:before {
  content: "\2190";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\2022";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/*

    Things the client made me do
 
*/
/*

    There's no content for this intro section - so hide it completely

 */
body.page-id-159 .default-content, body.page-id-159 .course-single {
  display: none;
}

pre.dd {
  white-space: pre-wrap;
  display: block;
  width: 100%;
  border: 1px solid #000000;
  padding: 2em;
  background-color: #cd0000;
  color: white;
  font-weight: bold;
  position: fixed;
  top: 0;
  z-index: 99999;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
}

.frm_hidden {
  display: none !important;
}

@media (max-width: 818px) and (min-width: 0px) {
  .mobile {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .mobile {
    display: none;
  }
}