@charset "UTF-8";
/* ----------------------------------------------------------
project	--	Media Design School
author	--	Pitch Studio (pitchtudio.co.nz)
---------------------------------------------------------- */
/* ----------------------------------------------------------
load our library files
---------------------------------------------------------- */
/* ----------------------------------------------------------
compass
install what we want from compass (http://compass-style.org/)
---------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* ----------------------------------------------------------
colours
---------------------------------------------------------- */
/* ----------------------------------------------------------
variables
---------------------------------------------------------- */
/* ----------------------------------------------------------
sprites
---------------------------------------------------------- */
/* ----------------------------------------------------------
functions
---------------------------------------------------------- */
/* ----------------------------------------------------------
media queries
@include respond-to(tablet) { }
---------------------------------------------------------- */
/* ----------------------------------------------------------
helper classes and fixes (largely from h5bp.com)
---------------------------------------------------------- */
header, nav, footer, section, article, figure, aside {
  display: block;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

::-moz-selection {
  background: #00a5d8;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #00a5d8;
  color: #fff;
  text-shadow: none;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

textarea {
  resize: vertical;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.chromeframe {
  background: #000000;
  color: #ffffff;
  padding: 10px;
  text-align: center;
  margin: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: .7;
}

/* ----------------------------------------------------------
sass mixins
---------------------------------------------------------- */
/* ----------------------------------------------------------
sass placeholders
---------------------------------------------------------- */
.no-js [data-layout="six-up"]:before, .no-flexbox [data-layout="six-up"]:before, .newsletter .wrap:before, .search-form:before, .contact-intro address:before, .contact-intro address span:before, [data-section="enrol"] .button-wrap:before, section:before, .status-progress ul:before, .filter form:before, .no-js [data-layout="six-up"]:after, .no-flexbox [data-layout="six-up"]:after, .newsletter .wrap:after, .search-form:after, .contact-intro address:after, .contact-intro address span:after, [data-section="enrol"] .button-wrap:after, section:after, .status-progress ul:after, .filter form:after {
  content: " ";
  display: table;
}
.no-js [data-layout="six-up"]:after, .no-flexbox [data-layout="six-up"]:after, .newsletter .wrap:after, .search-form:after, .contact-intro address:after, .contact-intro address span:after, [data-section="enrol"] .button-wrap:after, section:after, .status-progress ul:after, .filter form:after {
  clear: both;
}

.top-bar .logo, .gallery .img, .contact-intro .map-img {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

/* ----------------------------------------------------------
typography
---------------------------------------------------------- */
body {
  font: normal 16px/1.4em "futura-pt", Helvetica, Arial, sans-serif;
  font-size: 1em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

section article {
  margin: 0 auto;
}
section article.search-results h1 {
  margin-top: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e6e9e9;
}
section article em {
  font-style: italic;
}
section article h1, section article h2, section article h3, section article h4 {
  color: #000000;
  font-weight: 700;
}
section article h1 {
  line-height: 34px;
  margin-bottom: 20px;
  font-size: 1.625em;
}
section article h1 + h2 {
  margin-top: 35px;
}
section article h2 {
  text-align: left;
  line-height: 30px;
  margin-bottom: 10px;
  font-size: 1.375em;
}
section article h2 + h3 {
  margin-top: 20px;
}
section article h3 {
  font-size: 1.25em;
  margin-top: 30px;
}
section article h4 {
  font-size: 1.125em;
}
section article ul {
  list-style: disc outside none;
}
section article ol {
  list-style: decimal outside none;
}
section article p + h2, section article ul + h2, section article ol + h2 {
  margin-top: 30px;
}
section article ul, section article ol {
  font-size: 1.125em;
  margin: 20px 0 0 24px;
}
section article ul li, section article ol li {
  line-height: 26px;
  margin: 15px 0;
}
section article ul.box-items, section article ol.box-items {
  margin-left: 0;
}
section article table {
  margin: 40px 0;
}
section article img {
  width: 100%;
  margin: 30px 0;
}
section article figure {
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e6e9e9;
}
section article figure img {
  margin-bottom: 20px;
}
section article figure figcaption a {
  margin-right: 20px;
  font-weight: 700;
}
section article p {
  margin: 20px 0;
  max-width: none;
  text-align: left;
}
section article blockquote {
  margin: 30px 0;
  padding-top: 10px;
  line-height: 33px;
  font-size: 1.4375em;
  border-top: 1px solid #e6e9e9;
}
section article blockquote footer {
  height: 50px;
  margin-top: 15px;
  background-repeat: no-repeat;
  background-size: 50px auto;
  background-position: left;
}
section article blockquote footer span {
  display: inline-block;
  font-size: 0.69565em;
  margin: 10px 0 0 60px;
}
@media only screen and (min-width: 768px) {
  section article h1 {
    line-height: 40px;
    font-size: 1.875em;
  }
  section article h2 {
    line-height: 37px;
    margin-bottom: 15px;
    font-size: 1.6875em;
  }
  section article h2 + h3 {
    margin-top: 25px;
  }
  section article h3 {
    margin-top: 35px;
    font-size: 1.5625em;
  }
  section article h4 {
    font-size: 1.25em;
  }
  section article p {
    line-height: 30px;
    font-size: 1.5em;
  }
  section article ul, section article ol {
    margin: 30px 0 0 34px;
    font-size: 1.5em;
  }
  section article ul li, section article ol li {
    margin: 15px 0;
    line-height: 32px;
  }
  section article p + h2, section article ul + h2, section article ol + h2 {
    margin-top: 35px;
  }
  section article figure {
    margin: 40px 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  section article figure:before, section article figure:after {
    content: " ";
    display: table;
  }
  section article figure:after {
    clear: both;
  }
  section article figure img {
    float: left;
    width: 65%;
    margin: 0;
    max-width: 550px;
  }
  section article figure figcaption {
    float: right;
    width: 32%;
    padding-top: 20px;
    font-size: 1.125em;
    border-top: 1px solid #e6e9e9;
  }
  section article figure figcaption a {
    display: block;
    margin-right: 0;
  }
  section article blockquote {
    margin: 50px 0;
    padding-top: 30px;
    line-height: 46px;
    font-size: 2.25em;
  }
  section article blockquote footer {
    height: 60px;
    background-size: 60px auto;
  }
  section article blockquote footer span {
    margin-left: 80px;
    font-size: 0.6em;
  }
}

h2 {
  color: #999999;
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 1em;
}
@media only screen and (min-width: 768px) {
  h2 {
    font-size: 1.25em;
  }
}

a:hover, a:focus {
  text-decoration: none;
}

strong {
  font-weight: 700;
}

.body ul {
  font-size: 1.125em;
  list-style: disc inside none;
}
.body ul li {
  margin: 15px 0;
}
.body em {
  font-style: italic;
}

section article .box-items {
  margin-bottom: 0;
}
section article .box-items li {
  margin-top: 30px;
}
section article .box-items li:first-child {
  margin-top: 0px;
}
section article .box-items .img-wrap {
  overflow: hidden;
}
section article .box-items.no-shadow img, section article .box-items.no-shadow .img-wrap {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
section article .box-items.circular-img img {
  height: auto;
  display: block;
}
section article .box-items.circular-img .img-wrap {
  height: 195px;
  max-width: 195px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  border: 2px solid #000000;
  -moz-border-radius: 195px;
  -webkit-border-radius: 195px;
  border-radius: 195px;
  overflow: hidden;
}
section article .box-items.circular-img .img-wrap img {
  margin: 0;
}
section article .box-items .img-wrap {
  margin-top: 0;
  -moz-box-shadow: 6px 6px 20px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 6px 6px 20px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 6px 6px 20px 3px rgba(0, 0, 0, 0.3);
}
section article .box-items a {
  text-decoration: none;
}
section article .box-items span {
  color: #999999;
  display: block;
  margin-bottom: 10px;
}
section article .box-items p, section article .box-items h2, section article .box-items span {
  text-align: center;
}
section article .box-items h2 {
  text-decoration: underline;
  font-size: 1.5em;
}
section article .box-items p, section article .box-items span {
  font-size: 1.125em;
}
@media only screen and (min-width: 520px) {
  section article .box-items li {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  section article .box-items li:first-child {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) {
  section article .box-items {
    margin-top: 0;
  }
  section article .box-items h2 {
    line-height: 38px;
    font-size: 1.75em;
  }
  section article .box-items p {
    line-height: 30px;
    font-size: 1.25em;
  }
  section article .box-items.circular-img h2 {
    margin-bottom: 0px;
  }
  section article .box-items.circular-img span {
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 1080px) {
  section article .box-items.circular-img .img-wrap {
    -webkit-transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  }
  section article .box-items.circular-img .img-wrap img {
    -moz-transition: -moz-transform 0.8s ease;
    -o-transition: -o-transform 0.8s ease;
    -webkit-transition: -webkit-transform 0.8s ease;
    transition: transform 0.8s ease;
  }
  section article .box-items.circular-img a:hover .img-wrap img, section article .box-items.circular-img a:focus .img-wrap img {
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  section article .box-items a:hover h2, section article .box-items a:focus h2 {
    text-decoration: none;
  }
  section article .box-items li, section article .box-items li:first-child {
    margin-top: 0;
  }
  section article .box-items li {
    margin-bottom: 60px;
  }
  section article .box-items li:nth-last-child(2), section article .box-items li:nth-last-child(3) {
    margin-bottom: 0;
  }
}

.pagination {
  text-align: center;
}
.pagination li {
  margin-right: 4px;
  vertical-align: top;
  display: inline-block;
  border: 1px solid #ffffff;
}
.pagination li:last-child {
  margin-right: 0;
}
.pagination a {
  display: block;
  padding: 11px 13px;
  text-decoration: none;
  -moz-transition: color 0.2s ease, background 0.2s ease;
  -o-transition: color 0.2s ease, background 0.2s ease;
  -webkit-transition: color 0.2s ease, background 0.2s ease;
  transition: color 0.2s ease, background 0.2s ease;
}
.pagination a:hover, .pagination a:focus, .pagination a.current {
  color: #000000;
  background: #ffffff;
}
.pagination .ss-icon {
  padding: 13px 13px 8px 13px;
}
@media only screen and (min-width: 768px) {
  .pagination li {
    margin-right: 5px;
  }
  .pagination li:first-child {
    margin-right: 15px;
  }
  .pagination li:last-child {
    margin-left: 15px;
  }
}

/* This parent can be any width and height */
/* The ghost, nudged to maintain perfect centering */
/* The element to be centered, can
   also be of any width and height */
/* ----------------------------------------------------------
load third party library files
---------------------------------------------------------- */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #ffffff;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("/assets/img/fancybox/fancybox_sprite.png");
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("/assets/img/fancybox/fancybox_loading.gif") center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("/assets/img/fancybox/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: transparent;
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("/assets/img/fancybox/fancybox_overlay.png");
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("/assets/img/fancybox/fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/
  }

  #fancybox-loading div {
    background-image: url("/assets/img/fancybox/fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
}
/* ----------------------------------------------------------
layouts
---------------------------------------------------------- */
[data-layout="six-up"] {
  display: none;
  	/*display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex;
  
  	-webkit-flex-wrap: wrap;
  	-moz-flex-wrap: wrap;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap; */
}
.no-js [data-layout="six-up"], .no-flexbox [data-layout="six-up"] {
  margin: 0 auto;
}
.no-js [data-layout="six-up"] > .cell, .no-flexbox [data-layout="six-up"] > .cell {
  float: left;
  display: inline-block;
}
[data-layout="six-up"] > .cell {
  width: calc(100%/2.1);
}
@media only screen and (min-width: 520px) {
  [data-layout="six-up"] > .cell {
    width: calc(100%/3.1);
  }
}
@media only screen and (min-width: 1080px) {
  [data-layout="six-up"] > .cell {
    width: calc(100%/6.1);
  }
}

body [data-section="course-cta"].dark-bg {
  padding: 0 20px;
}
@media only screen and (min-width: 1080px) {
  body [data-section="course-cta"].dark-bg {
    padding: 0 40px;
  }
}
body [data-section="course-cta"] .courseCtaHero {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 40px 0 0;
  padding: 0;
  overflow: auto;
}
@media only screen and (min-width: 1080px) {
  body [data-section="course-cta"] .courseCtaHero.courseCtaSixCellsPlus {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 1080px) {
  body [data-section="course-cta"] .courseCtaHero {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
body [data-section="course-cta"] .courseCtaHero .cell {
  flex-grow: 1;
  margin-right: 1.5%;
  margin-bottom: 30px;
}
body [data-section="course-cta"] .courseCtaHero .cell.sixCellsPlus {
  flex: 0 100%;
  margin-right: 0;
  margin-bottom: 40px;
}
@media only screen and (min-width: 520px) {
  body [data-section="course-cta"] .courseCtaHero .cell.sixCellsPlus h2 {
    font-size: 22px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 520px) {
  body [data-section="course-cta"] .courseCtaHero .cell.sixCellsPlus p {
    font-size: 18px;
    line-height: 21px;
  }
}
@media only screen and (min-width: 520px) {
  body [data-section="course-cta"] .courseCtaHero .cell.sixCellsPlus {
    flex: 0 48.5%;
    margin-right: 1.5%;
  }
}
@media only screen and (min-width: 1080px) {
  body [data-section="course-cta"] .courseCtaHero .cell.sixCellsPlus {
    flex: 0 31.833%;
  }
}
@media only screen and (min-width: 520px) {
  body [data-section="course-cta"] .courseCtaHero .cell {
    flex: 0 48.5%;
  }
}
@media only screen and (min-width: 1080px) {
  body [data-section="course-cta"] .courseCtaHero .cell {
    margin-bottom: 0px;
  }
}
body [data-section="course-cta"] .courseCtaHero .cell p {
  text-align: left;
  font-size: 16px;
  line-height: 18px;
  padding: 16px 0 4px;
}
body [data-section="course-cta"] .courseCtaHero .cell .shape {
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
}
body [data-section="course-cta"] .courseCtaHero .cell .border-blue-hover .shape {
  background-image: url("/assets/img/svg/shapes/blue-new.svg");
}
body [data-section="course-cta"] .courseCtaHero .cell .border-green-hover .shape {
  background-image: url("/assets/img/svg/shapes/green-new.svg");
}
body [data-section="course-cta"] .courseCtaHero .cell .border-purple-hover .shape {
  background-image: url("/assets/img/svg/shapes/purple-new.svg");
}
body [data-section="course-cta"] .courseCtaHero .cell .border-pink-hover .shape {
  background-image: url("/assets/img/svg/shapes/pink-new.svg");
}
body [data-section="course-cta"] .courseCtaHero .cell .border-orange-hover .shape {
  background-image: url("/assets/img/svg/shapes/orange-new.svg");
}
body [data-section="course-cta"] .courseCtaHero .cell .border-yellow-hover .shape {
  background-image: url("/assets/img/svg/shapes/yellow-new.svg");
}

.restrict-larger,
.inner.restrict-larger {
  max-width: 1240px;
}

[data-layout="isotope"] > .cell {
  width: 100%;
  padding: 10px;
  padding-bottom: 40px;
}
@media only screen and (min-width: 520px) {
  [data-layout="isotope"] > .cell {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  [data-layout="isotope"] > .cell {
    width: 33%;
    padding-left: 20px;
    padding-right: 20px;
  }
}

[data-layout="banner"] {
  padding: 20px;
  color: #ffffff;
  text-align: left;
  font-size: 15px;
  background-color: transparent;
  height: 100%;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: flex-end;
}
[data-layout="banner"] .title {
  margin-left: 0;
  max-width: 1220px;
  margin-bottom: 30px;
  font-size: 30px;
}
[data-layout="banner"] .banner-bottom {
  margin-bottom: 40px;
}
[data-layout="banner"] small {
  font-weight: 500;
  display: block;
  padding-top: 10px;
}
[data-layout="banner"] .button {
  width: auto;
  margin-left: 0;
  font-size: 15px;
  padding-left: 30px;
  padding-right: 30px;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  [data-layout="banner"] .button {
    margin-bottom: 0;
  }
  [data-layout="banner"] .title {
    font-size: 45px;
  }
  [data-layout="banner"] .banner-bottom {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    align-items: center;
  }
}
@media only screen and (min-width: 1080px) {
  [data-layout="banner"] {
    padding: 40px;
  }
  [data-layout="banner"] .title {
    font-size: 60px;
  }
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
  .homepage [data-layout="banner"] {
    height: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .homepage .header {
    min-height: 500px;
  }
}

.no-flexbox .homepage [data-layout="banner"] {
  position: absolute;
  bottom: 0;
  height: auto;
}

.courseBanner .slide.banner {
  height: 100% !important;
}
.courseBanner .slide.banner h1 {
  margin-left: auto;
  margin-right: auto;
}
.courseBanner .slide.banner.noVideoBan [data-layout="banner"] {
  display: inline-flex;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
}
.courseBanner .slide.banner.noVideoBan .cta {
  margin: auto 0;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  -ms-flex: 1;
}

.ie8 .courseBanner .slide.banner [data-layout="banner"], .ie9 .courseBanner .slide.banner [data-layout="banner"] {
  text-align: center !important;
}
.ie8 .courseBanner .slide.banner .cta, .ie9 .courseBanner .slide.banner .cta {
  margin: 9% auto 0 !important;
  text-align: center !important;
}

/* ----------------------------------------------------------
load our global elements
---------------------------------------------------------- */
/* ----------------------------------------------------------
navigation
---------------------------------------------------------- */
.navicon-base, .navicon {
  font-size: 0;
  color: #ffffff;
  display: block;
  overflow: hidden;
  position: relative;
  text-indent: -9999px;
  background: transparent;
  cursor: pointer !important;
  outline: none;
  border: none;
}
.navicon-base span, .navicon span {
  display: block;
  position: absolute;
  background: #ffffff;
  height: 2px;
}

.navicon {
  float: right;
}
@media screen and (min-width: 1240px) {
  .navicon {
    display: none;
  }
}

.navicon {
  width: 40px;
  height: 30px;
}
.navicon span {
  left: 4px;
  right: 4px;
}
.navicon span.first {
  top: 8px;
}
.navicon span.last {
  top: 18px;
}
.navicon.open span {
  transition-delay: 0s;
}
.navicon.open span.first {
  top: 13px;
  transform: rotate(-45deg);
}
.navicon.open span.last {
  top: 13px;
  transform: rotate(45deg);
}
.navicon.toggle-animation span {
  transition-property: top, transform;
  transition-delay: 0s;
  transition-duration: 0s, 0.15s;
  transform: rotate(0deg);
  transition-easing: ease-in, ease-in-out;
}

.nav-sm-backdrop {
  top: 0;
  opacity: 0;
  width: 100%;
  z-index: 900;
  height: 100%;
  visibility: hidden;
  min-height: 450px;
  background: transparent;
  position: fixed;
  -moz-transition: visibility 0.2s ease, opacity 0.2s ease, background 0.2s ease;
  -o-transition: visibility 0.2s ease, opacity 0.2s ease, background 0.2s ease;
  -webkit-transition: visibility 0.2s ease, opacity 0.2s ease, background 0.2s ease;
  transition: visibility 0.2s ease, opacity 0.2s ease, background 0.2s ease;
}
.nav-sm-backdrop.open {
  opacity: 1;
  visibility: visible;
  background: #000000;
  -moz-transition: visibility 0.2s ease, opacity 0.2s ease, background 0.2s ease;
  -o-transition: visibility 0.2s ease, opacity 0.2s ease, background 0.2s ease;
  -webkit-transition: visibility 0.2s ease, opacity 0.2s ease, background 0.2s ease;
  transition: visibility 0.2s ease, opacity 0.2s ease, background 0.2s ease;
}
.nav-sm-backdrop a {
  color: #ffffff;
  display: block;
  text-decoration: none;
}

.nav {
  font-weight: 500;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
}
.nav .border-bottom {
  border-bottom: 1px solid;
}
.nav .border-top {
  border-top: 2px solid;
}
.nav .nav-section,
.nav .ss-icon {
  font-size: 15px;
}
.nav.nav-sm {
  overflow: scroll;
  padding-top: 60px;
  padding-bottom: 140px;
  font-size: 15px;
}
.nav.nav-sm a {
  display: block;
}
.nav.nav-sm .search-form {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size: 15px;
}
.nav.nav-sm .search-form input[type="text"] {
  font-family: inherit;
}
.nav.nav-sm .ss-plus {
  font-size: 18px;
}
.nav.nav-sm .ss-plus.rotate {
  transform: rotate(45deg);
}
.nav.nav-sm .nav-section {
  padding: 20px;
}
.nav.nav-sm .ss-icon {
  float: right;
}
.nav.nav-sm .nav-sub {
  display: none;
  padding-bottom: 15px;
  padding: 15px 20px 30px;
}
.nav.nav-sm .nav-sub a {
  line-height: 30px;
}
.nav.nav-sm .border-bottom {
  color: #2B2B2B;
}
.nav.nav-lg {
  color: #ffffff;
  margin-left: 200px;
}
.nav.nav-lg li {
  padding: 0 15px;
  display: inline-block;
}
.nav.nav-lg li.searchIconItem {
  float: right;
  padding: 0 30px;
}
.nav.nav-lg a {
  color: inherit;
  text-decoration: none;
  display: inline-block;
  transition: color 0.1s linear;
}
.nav.nav-lg .nav-section {
  padding-bottom: 35px;
  border-bottom: 2px solid;
  border-bottom-color: transparent;
  transition: border-bottom-color 0.1s linear;
}
.nav.nav-lg .nav-section.ss-icon {
  font-size: 18px;
  padding-bottom: 32px;
  vertical-align: sub;
}
.nav.nav-lg .nav-section.active {
  border-bottom-color: #ffffff;
}
.nav.nav-lg .nav-section.active.border-pink {
  border-bottom-color: #c8167f;
}
.nav.nav-lg .nav-section.active.border-blue {
  border-bottom-color: #0095c4;
}
.nav.nav-lg .nav-section.active.border-green {
  border-bottom-color: #00833f;
}
.nav.nav-lg .nav-section.active.border-orange {
  border-bottom-color: #d84920;
}
.nav.nav-lg .nav-section.border-pink + .nav-section-sub a:hover {
  color: #c8167f;
}
.nav.nav-lg .nav-section.border-blue + .nav-section-sub a:hover {
  color: #0095c4;
}
.nav.nav-lg .nav-section.border-green + .nav-section-sub a:hover {
  color: #00833f;
}
.nav.nav-lg .nav-section.border-orange + .nav-section-sub a:hover {
  color: #d84920;
}
.nav.nav-lg .nav-section-sub {
  left: 0;
  width: 100%;
  font-size: 15px;
  z-index: -1000;
  position: absolute;
  padding: 0;
  border-top: 1px solid #2B2B2B;
  opacity: 0;
  margin-top: -160px;
  background-color: #000000;
  height: 0;
}
.nav.nav-lg .nav-section-sub.active {
  height: inherit;
  opacity: 1;
  padding: 39px 0 19px 30px;
  margin-top: 0;
  z-index: 1000;
}
.nav.nav-lg .nav-section-sub li {
  padding-bottom: 25px;
}
.nav.nav-lg div.nav-section-sub {
  padding: 36px 30px 35px 40px;
}
.nav.nav-lg .search-form {
  font-family: "futura-pt", Helvetica, Arial, sans-serif;
}
.nav.nav-lg .search-form input[type="text"] {
  font-size: 22px;
  font-family: inherit;
}

.nav-lg .search-form {
  padding-bottom: 19px;
}

.nav-wrap {
  position: relative;
}

.border-pink {
  color: #c8167f;
  border-color: #c8167f;
}

.border-blue {
  color: #0095c4;
  border-color: #0095c4;
}

.border-green {
  color: #00833f;
  border-color: #00833f;
}

.border-orange {
  color: #d84920;
  border-color: #d84920;
}

.nav-sm {
  display: block;
}
@media screen and (min-width: 1240px) {
  .nav-sm {
    display: none !important;
  }
}
.nav-sm .search-form input[type="submit"] {
  padding: 2px 0 0 0;
}

.nav-lg {
  display: none;
}
@media screen and (min-width: 1240px) {
  .nav-lg {
    display: block;
  }
}

/* ----------------------------------------------------------
sub-navigation
---------------------------------------------------------- */
.dark-bg .subnav a, .dark-bg .subnav ul li.current-section {
  border-color: #585b5b;
}

/* desktop subnav goes in here */
.sidebar {
  display: none;
  position: relative;
}
@media only screen and (min-width: 1080px) {
  .sidebar {
    display: block;
  }
}

.fixed {
  top: 40px;
  position: fixed;
}
.fixed.not-fixed {
  position: absolute;
}

.not-fixed {
  position: absolute;
}

.subnav {
  padding: 0;
  font-size: 1.25em;
  font-weight: 700;
}
.subnav > a {
  line-height: 1em;
  margin-bottom: 20px;
  color: #999999 !important;
  font-size: 1.4em;
}
.subnav a {
  display: block;
  text-decoration: none;
  -moz-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.subnav a.current {
  color: #b8b8b8;
}
.subnav a:hover, .subnav a:focus {
  color: #b8b8b8;
}
.subnav ul a {
  padding: 20px 0 6px 0;
  border-bottom: 1px solid #e6e9e9;
}
.subnav ul li ul {
  font-size: 0.9em;
}
.subnav ul li ul a {
  padding-left: 20px;
}
.subnav ul li.current-section {
  border-bottom: 1px solid #e6e9e9;
}
.subnav ul li.current-section a {
  border-bottom: none;
}
.subnav ul li.current-section ul {
  padding: 15px 0;
}
.subnav ul li.current-section ul a {
  padding-top: 6px;
}

.rotate {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  /* IE6–IE9 */
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104, sizingMethod='auto expand');
  zoom: 1;
}

.mobile-subnav {
  background: #000000;
}
.mobile-subnav .subnav {
  margin: 0 auto;
  max-width: 400px;
  padding: 0 20px;
  background: #000000;
}
.mobile-subnav .subnav > ul {
  display: none;
  padding: 15px 0 65px 0;
  border-top: 1px solid #585b5b;
}
.mobile-subnav .subnav > a {
  padding: 20px 0;
  margin-bottom: 0;
  position: relative;
}
.mobile-subnav .subnav .ss-icon {
  right: 0;
  top: 22px;
  position: absolute;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.mobile-subnav .subnav a {
  color: #ffffff;
}
.mobile-subnav .subnav a.current {
  color: #5e6161;
}
.mobile-subnav .subnav ul a {
  border-bottom-color: #585b5b;
}
.mobile-subnav .subnav ul li.current-section {
  border-bottom-color: #585b5b;
}
@media only screen and (min-width: 1080px) {
  .mobile-subnav {
    display: none;
  }
}

/* ----------------------------------------------------------
pagination
---------------------------------------------------------- */
/* ----------------------------------------------------------
header
---------------------------------------------------------- */
.top-wrapper,
.header,
.banner {
  width: 100%;
}

.header,
.banner {
  text-align: center;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}

.banner {
  min-height: 380px;
}
@media only screen and (min-width: 1080px) {
  .banner {
    min-height: 500px;
  }
}

.header {
  min-height: 80px;
  padding: 27px 20px;
}
@media only screen and (max-width: 767px) and (orientation: landscape) {
  .header .pips, .header .banner-bottom {
    display: none;
  }
}

.header {
  margin-top: 60px;
}
@media only screen and (min-width: 1080px) {
  .header {
    margin-top: 100px;
  }
}

.banner + .header,
.header + .banner {
  margin-top: 0;
}

[data-section="apply-now"] + .banner {
  margin-top: 0;
}

.crumb-content a {
  color: inherit;
  text-decoration: none;
}
.crumb-content .ss-navigateright {
  width: 40px;
  height: 20px;
  padding-top: 4px;
  position: relative;
  display: inline-block;
  font-size: smaller;
}
.crumb-content .ss-navigateright:before {
  left: 50%;
  margin-left: -8px;
  position: absolute;
}

.banner [data-widget="slider"] [data-control="next"], .banner [data-widget="slider"] [data-control="prev"] {
  display: none;
}
@media only screen and (min-width: 768px) {
  .banner [data-widget="slider"] [data-control="next"], .banner [data-widget="slider"] [data-control="prev"] {
    display: block;
  }
}

.gradient-overlay {
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7) 15%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.7) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, rgba(0, 0, 0, 0.7)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 15%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.7) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 15%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.7) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.7) 15%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 15%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.7) 100%);
}

.overlay, .black-overlay, .blue-overlay, .yellow-overlay, .orange-overlay, .green-overlay, .purple-overlay, .pink-overlay {
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);
  opacity: 0.15;
  background-color: #000000;
}

.black-overlay {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  background-color: #000000;
}

.blue-overlay {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  background-color: #00a5d8;
}

.yellow-overlay {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  background-color: #ffb600;
}

.orange-overlay {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  background-color: #ff4e00;
}

.green-overlay {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  background-color: #029102;
}

.purple-overlay {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  background-color: #79008e;
}

.pink-overlay {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  background-color: #e20091;
}

.header,
.banner {
  top: 0;
  z-index: 800;
  height: auto;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.header .cta,
.banner .cta {
  z-index: 1;
  position: relative;
}
.header .centered,
.banner .centered {
  text-align: center;
}
.header h1,
.banner h1 {
  margin: 0 auto;
  font-weight: 700;
  max-width: 1030px;
  font-size: 1.25em;
  line-height: normal;
}

.header-content {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 800;
  position: absolute;
}

.top-bar {
  top: 0;
  width: 100%;
  height: 60px;
  z-index: 1000;
  padding: 15px 15px 15px 20px;
  position: fixed;
}
.top-bar .logo {
  top: 10px;
  width: 92px;
  height: 39px;
  z-index: 9999;
  border-bottom: 0;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/assets/img/svg/logo_small.svg);
  background-size: contain;
}
@media screen and (min-width: 1240px) {
  .top-bar {
    height: 100px;
    padding: 40px 0 0 0;
  }
  .top-bar.fixed {
    position: fixed !important;
  }
  .top-bar .logo {
    width: 130px;
    height: 60px;
    margin-left: 40px;
    margin-top: 10px;
  }
}

.bg-video-cover {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

video.bg-video-cover {
  display: none;
}
@media only screen and (min-width: 1080px) {
  video.bg-video-cover {
    display: block;
  }
}

.banner .bg-video-cover {
  min-width: 100%;
  max-width: none;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.bg-video-cover {
  z-index: 1;
  width: auto;
  height: auto;
  min-width: 102%;
  min-height: 102%;
  position: absolute;
  top: 51%;
  left: 51%;
  transform: translateX(-51%) translateY(-51%);
}

/* ----------------------------------------------------------
forms
---------------------------------------------------------- */
.hidden {
  display: none;
}

.newsletter ::-webkit-input-placeholder,
.search-nav .search-form ::-webkit-input-placeholder {
  color: #ffffff;
  font-family: "futura-pt", Helvetica, Arial, sans-serif;
}
.newsletter :-moz-placeholder,
.search-nav .search-form :-moz-placeholder {
  /* Firefox 18- */
  color: #ffffff;
  font-family: "futura-pt", Helvetica, Arial, sans-serif;
}
.newsletter ::-moz-placeholder,
.search-nav .search-form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #ffffff;
  font-family: "futura-pt", Helvetica, Arial, sans-serif;
}
.newsletter :-ms-input-placeholder,
.search-nav .search-form :-ms-input-placeholder {
  color: #ffffff;
  font-family: "futura-pt", Helvetica, Arial, sans-serif;
}

.nav .search-form ::-webkit-input-placeholder {
  color: #ffffff;
}
.nav .search-form :-moz-placeholder {
  /* Firefox 18- */
  color: #ffffff;
}
.nav .search-form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #ffffff;
}
.nav .search-form :-ms-input-placeholder {
  color: #ffffff;
}

.nav-sm .search-form ::-webkit-input-placeholder {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
}
.nav-sm .search-form :-moz-placeholder {
  /* Firefox 18- */
  font-family: "Helvetica Neue", Helvetica, sans-serif;
}
.nav-sm .search-form ::-moz-placeholder {
  /* Firefox 19+ */
  font-family: "Helvetica Neue", Helvetica, sans-serif;
}
.nav-sm .search-form :-ms-input-placeholder {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
}

.newsletter ::-webkit-input-placeholder {
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
}
.newsletter :-moz-placeholder {
  /* Firefox 18- */
  font-weight: 700;
}
.newsletter ::-moz-placeholder {
  /* Firefox 19+ */
  font-weight: 700;
}
.newsletter :-ms-input-placeholder {
  font-weight: 700;
}

input:not[type="radio"] {
  border-radius: 0;
  -webkit-appearance: none;
}

input[type="submit"], textarea, input[type="text"], input[type="email"] {
  border-radius: 0;
  -webkit-appearance: none !important;
}

legend, label, input, textarea {
  font-family: "futura-pt", Helvetica, Arial, sans-serif;
}

/* global signup */
.newsletter {
  margin: 0 auto;
  max-width: 740px;
}
.newsletter label {
  height: 0;
  left: -200px;
  font-size: 0px;
  position: absolute;
}
.newsletter input {
  margin: 0;
  width: 100%;
  border: none;
  display: block;
  font-size: 1.125em;
}
.newsletter input[type="email"], .newsletter input[type="text"] {
  color: #ffffff;
  font-weight: 700;
  padding: 12px 20px;
  border-bottom: none;
  border: 1px solid #ffffff;
  background: #00a5d8;
  -webkit-font-smoothing: antialiased;
}
.newsletter input[type="email"]:focus, .newsletter input[type="text"]:focus {
  outline: none;
  border-color: rgba(0, 0, 0, 0.3);
}
.newsletter input[type="submit"] {
  cursor: pointer;
  font-weight: 700;
  color: #00a5d8;
  background: #ffffff;
  padding: 12px 20px;
  border: 1px solid #ffffff;
  -moz-transition: color 0.2s ease, background 0.2s ease;
  -o-transition: color 0.2s ease, background 0.2s ease;
  -webkit-transition: color 0.2s ease, background 0.2s ease;
  transition: color 0.2s ease, background 0.2s ease;
}
.newsletter input[type="submit"]:hover, .newsletter input[type="submit"]:focus {
  color: #ffffff;
  outline: none;
  border-color: #ffffff;
  background: #00a5d8;
}
.newsletter input[type="submit"]:active {
  outline: none;
}
.newsletter legend {
  max-width: 300px;
  line-height: 30px;
  text-align: center;
  font-size: 1.25em;
  margin: 0 auto 25px auto;
}
@media only screen and (min-width: 520px) {
  .newsletter input {
    float: left;
  }
  .newsletter legend {
    max-width: 450px;
  }
  .newsletter input[type="email"], .newsletter input[type="text"] {
    width: 70%;
    border-right: none;
    border-bottom: 1px solid #ffffff;
  }
  .newsletter input[type="submit"] {
    width: 30%;
  }
}
@media only screen and (min-width: 1080px) {
  .newsletter legend {
    line-height: 32px;
    font-size: 1.375em;
  }
  .newsletter input {
    font-size: 1.25em;
  }
  .newsletter input[type="email"], .newsletter input[type="text"] {
    width: 80%;
  }
  .newsletter input[type="submit"] {
    width: 20%;
  }
}

/* search form */
.search-form input {
  padding: 0;
  width: 90%;
  float: left;
  border: none;
  color: #ffffff;
  background: transparent;
  -webkit-font-smoothing: antialiased;
}
.search-form input:focus {
  outline: none;
}
.search-form input[type="submit"] {
  width: 10%;
  padding: 5px 30px;
  text-align: right;
}

article + .form-section {
  margin-top: 40px;
}
@media only screen and (min-width: 768px) {
  article + .form-section {
    margin-top: 70px;
  }
}

/* throw together form styles
	on a page with sidebar
	or without sidebar
*/
.form-section {
  margin: 0 auto;
}
.form-section ::-webkit-input-placeholder {
  color: #8d8d8e;
  font-family: "futura-pt", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.form-section :-moz-placeholder {
  /* Firefox 18- */
  color: #8d8d8e;
  font-family: "futura-pt", Helvetica, Arial, sans-serif;
}
.form-section ::-moz-placeholder {
  /* Firefox 19+ */
  color: #8d8d8e;
  font-family: "futura-pt", Helvetica, Arial, sans-serif;
}
.form-section :-ms-input-placeholder {
  color: #8d8d8e;
  font-family: "futura-pt", Helvetica, Arial, sans-serif;
}
.form-section .row {
  margin: 25px 0;
  max-width: 780px;
}
.form-section .row:before, .form-section .row:after {
  content: " ";
  display: table;
}
.form-section .row:after {
  clear: both;
}
.form-section .row.info-item {
  margin-top: 45px;
}
.form-section .row.info-item a {
  color: rgba(0, 165, 216, 0.5);
}
.form-section .is-collapsed {
  display: none;
}
.form-section ol {
  list-style: decimal inside;
}
.form-section .col:before, .form-section .col:after {
  content: " ";
  display: table;
}
.form-section .col:after {
  clear: both;
}
.form-section .col:first-child {
  margin-bottom: 25px;
}
.form-section .col:first-child:last-child {
  margin-bottom: 0;
}
.form-section .col input, .form-section .col select {
  max-width: 365px;
}
.form-section .col.xs input, .form-section .col.xs select {
  max-width: 220px;
}
.form-section .col.md input, .form-section .col.md select {
  max-width: 550px;
}
.form-section .col .phone-line-number, .form-section .col .phone-area {
  float: left;
}
.form-section .col .phone-area {
  width: 26%;
  margin-right: 4%;
  max-width: 94px;
}
.form-section .col .phone-line-number {
  width: 70%;
  max-width: 255px;
}
.form-section .checklist .has-radio-checkbox {
  border-bottom: 1px solid #e6e8e8;
}
.form-section .checklist .has-radio-checkbox label {
  margin-bottom: 25px;
}
.form-section .checklist .has-radio-checkbox label span {
  color: inherit;
  padding-left: 10px;
}
.form-section .has-radio-checkbox .col label {
  font-weight: 400;
}
.form-section .has-radio-checkbox .col label span {
  color: inherit;
  width: auto;
  margin-left: 10px;
  line-height: 30px;
  display: inline-block;
  vertical-align: bottom;
}
.form-section .has-radio-checkbox label.declaration span {
  color: inherit;
}
.form-section .has-radio-checkbox .col {
  display: inline-block;
  margin-right: 20px;
}
.form-section .has-radio-checkbox .col:last-child {
  margin-right: 0;
}
.form-section .dob, .form-section .mny {
  width: 100%;
}
.form-section .dob:before, .form-section .dob:after, .form-section .mny:before, .form-section .mny:after {
  content: " ";
  display: table;
}
.form-section .dob:after, .form-section .mny:after {
  clear: both;
}
.form-section .dob .col, .form-section .mny .col {
  width: 50%;
}
.form-section .dob .col select, .form-section .dob .col .select2-container, .form-section .mny .col select, .form-section .mny .col .select2-container {
  width: 90%;
}
.form-section .dob .col {
  margin-bottom: 25px;
}
.form-section .mny .col {
  float: left;
  margin-bottom: 0;
}
.form-section fieldset {
  margin-bottom: 30px;
}
.form-section label, .form-section legend {
  font-weight: 700;
}
.form-section legend {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  padding-bottom: 15px;
  font-size: 1.25em;
  border-bottom: 1px solid #e6e9e9;
}
.form-section label {
  display: block;
  margin-bottom: 10px;
  font-size: 1.125em;
}
.form-section label span {
  color: #c92228;
  font-weight: normal;
}
.green .form-section label span {
  color: #921c20;
}
.form-section input {
  display: block;
  font-size: 1.125em;
}
.form-section select {
  display: block;
  margin-bottom: 10px;
}
.form-section select, .form-section input, .form-section textarea {
  width: 100%;
  max-width: 770px;
}
.form-section input, .form-section textarea {
  padding: 10px 20px;
  font-size: 1.125em;
  border: 1px solid #000000;
}
.form-section textarea {
  height: 148px;
  resize: none;
}
.form-section input[type="radio"], .form-section input[type="checkbox"] {
  display: inline;
}
.form-section input[type="submit"], .form-section button {
  margin: 20px 0 0;
  width: 100%;
  cursor: pointer;
  font-size: 18px;
  max-width: 400px;
  font-weight: 500;
  text-transform: uppercase;
  border-color: currentColor;
}
.form-section button {
  font-family: "futura-pt", Helvetica, Arial, sans-serif;
}
@media only screen and (min-width: 520px) {
  .form-section .col {
    width: 48%;
    float: left;
    margin-left: 4%;
  }
  .form-section .col:first-child {
    margin-bottom: 0;
    margin-left: 0;
  }
  .form-section .col.dob, .form-section .col.mny {
    width: 100%;
    margin-left: 0;
    max-width: 480px;
  }
  .form-section .col.mny .col {
    width: 48%;
  }
  .form-section .col.mny .col select, .form-section .col.mny .col .select2-container {
    width: 100%;
  }
  .form-section .col.dob {
    float: left;
  }
  .form-section .col.dob .col {
    width: 33%;
    float: left;
    margin-left: 0;
    margin-bottom: 0;
  }
  .form-section .col.md {
    width: 66%;
  }
  .form-section .col.xs {
    width: 30%;
    max-width: none;
  }
  .form-section .col .phone-line-number, .form-section .col .phone-area {
    max-width: none;
  }
  .form-section .col .phone-area {
    width: 34%;
    padding-right: 10px;
  }
  .form-section .col .phone-line-number {
    width: 62%;
  }
  .form-section input[type="submit"], .form-section button {
    width: auto;
    min-width: 220px;
  }
  .form-section .has-radio-checkbox .col {
    width: auto;
    float: none;
    margin-left: 0;
    display: inline-block;
  }
}
@media only screen and (min-width: 768px) {
  .form-section .row {
    margin: 35px 0;
  }
  .form-section .row.info-item {
    margin-top: 55px;
  }
  .form-section .has-radio-checkbox label span {
    width: 90%;
    line-height: 34px;
  }
  .form-section .checklist .has-radio-checkbox label {
    margin-bottom: 35px;
  }
  .form-section button {
    padding: 13px 25px;
  }
  .form-section fieldset {
    margin-bottom: 40px;
  }
  .form-section legend {
    line-height: 35px;
    padding-bottom: 25px;
    font-size: 1.5625em;
  }
  .form-section label {
    margin-bottom: 15px;
  }
  .form-section label, .form-section input, .form-section textarea {
    font-size: 1.25em;
  }
  .form-section input {
    padding: 13px 25px;
  }
  .form-section .col.md {
    width: 58%;
  }
  .form-section .col.md select, .form-section .col.md input {
    max-width: 440px;
  }
  .form-section .col.xs {
    width: 38%;
  }
  .form-section .col .phone-area {
    width: 28%;
  }
  .form-section .col .phone-line-number {
    width: 66%;
  }
}
@media only screen and (min-width: 1080px) {
  .form-section .col .phone-area {
    width: 26%;
    margin-right: 4%;
  }
  .form-section .col .phone-line-number {
    width: 68%;
  }
}

.form-section:before, .form-section:after {
  content: " ";
  display: table;
}
.form-section:after {
  clear: both;
}
.form-section [data-special-prior="0"],
.form-section [data-special-prior="1"],
.form-section [data-special-prior="2"] {
  padding: 20px;
  margin: 35px 0;
  border: 1px solid #e6e9e9;
}
.form-section input[type="radio"]:before {
  border-radius: 30px;
}
.form-section input[type="checkbox"], .form-section input[type="radio"] {
  padding: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: relative;
}
.form-section input[type="checkbox"]:before, .form-section input[type="radio"]:before {
  top: -4px;
  left: -4px;
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  background: #ffffff;
  border: 1px solid #000000;
}
.form-section input[type="checkbox"]:checked:before, .form-section input[type="radio"]:checked:before {
  background: #029102;
  border-color: #029102;
}
.form-section input[type="checkbox"]:checked:after, .form-section input[type="radio"]:checked:after {
  top: 50%;
  left: 50%;
  position: absolute;
}
.form-section input[type="checkbox"]:checked:after {
  color: #ffffff;
  content: "\2714";
  font-size: 16px;
  margin-top: -12px;
  margin-left: -7px;
}
.form-section input[type="radio"]:checked:after {
  content: "";
  width: 12px;
  height: 12px;
  margin-top: -7px;
  position: absolute;
  margin-left: -7px;
  border-radius: 20px;
  background: #ffffff;
}
@media only screen and (min-width: 768px) {
  .form-section input[type="checkbox"], .form-section input[type="radio"] {
    width: 26px;
    height: 26px;
  }
  .form-section input[type="checkbox"]:before, .form-section input[type="radio"]:before {
    width: 30px;
    height: 30px;
  }
  .form-section input[type="checkbox"]:checked:after {
    font-size: 20px;
    margin-top: -13px;
    margin-left: -9px;
  }
  .form-section input[type="radio"]:checked:after {
    width: 14px;
    height: 14px;
    margin-top: -8px;
    margin-left: -8px;
  }
}

.error > label {
  color: #c92228 !important;
}
.error > label a {
  color: inherit;
}
.error input,
.error textarea,
.error input[type="radio"]:before,
.error input[type="checkbox"]:before {
  border-color: #c92228 !important;
}
.error .select2-container .select2-choice,
.error .select2-container-multi .select2-choices {
  border-color: #c92228 !important;
}
.error .select2-container .select2-choice .select2-arrow,
.error .select2-container-multi .select2-choices .select2-arrow {
  border-color: #c92228 !important;
}
.green-bg .error > label {
  color: #921c20 !important;
}
.green-bg .error > label span {
  color: inherit;
}
.green-bg .error input,
.green-bg .error textarea,
.green-bg .error input[type="radio"]:before,
.green-bg .error input[type="checkbox"]:before {
  border-color: #921c20 !important;
}
.green-bg .error .select2-container .select2-choice,
.green-bg .error .select2-container-multi .select2-choices {
  border-color: #921c20 !important;
}
.green-bg .error .select2-container .select2-choice .select2-arrow,
.green-bg .error .select2-container-multi .select2-choices .select2-arrow {
  border-color: #921c20 !important;
}

.row, .col {
  position: relative;
}

.tooltip {
  top: 0;
  right: 0;
  z-index: 1;
  display: block;
  max-width: 220px;
  padding-top: 26px;
  text-align: center;
  position: absolute;
}
.tooltip .ss-icon {
  top: 0;
  right: 0;
  display: block;
  color: #b8b8b8;
  margin-top: 4px;
  font-size: 20px;
  cursor: pointer;
  line-height: 20px;
  position: absolute;
  -moz-transition: color, 0.1s, ease;
  -o-transition: color, 0.1s, ease;
  -webkit-transition: color, 0.1s, ease;
  transition: color, 0.1s, ease;
}
.tooltip:hover .tooltip-content, .tooltip:focus .tooltip-content {
  display: block;
}
.tooltip .tooltip-content {
  color: #ffffff;
  padding: 10px;
  display: none;
  font-size: 16px;
  line-height: 20px;
  position: relative;
  background: rgba(0, 0, 0, 0.8);
}
.tooltip .tooltip-content:after {
  right: 0;
  content: "";
  bottom: 100%;
  margin-right: 5px;
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgba(0, 0, 0, 0.8);
}
.tooltip .tooltip-content a {
  color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .tooltip {
    padding-top: 37px;
  }
}
@media only screen and (min-width: 1080px) {
  .tooltip {
    padding-top: 30px;
    margin-right: -95px;
  }
  .tooltip .ss-icon {
    margin-right: 100px;
  }
  .tooltip .tooltip-content:after {
    right: 50%;
    margin-right: -5px;
  }
}

.info-item {
  color: #b8b8b8;
  margin-top: 45px;
  padding: 15px 15px 15px 25px;
  border-top: 1px solid #e6e9e9;
  border-bottom: 1px solid #e6e9e9;
}
.info-item p {
  max-width: none;
  text-align: left;
  line-height: 22px;
  font-style: italic;
}
.info-item .ss-icon {
  top: 0;
  left: 0;
  font-size: 20px;
  margin-top: 17px;
  position: absolute;
}
@media only screen and (min-width: 1080px) {
  .info-item {
    margin-top: 45px;
    padding: 30px 30px 30px 50px;
  }
  .info-item .ss-icon {
    font-size: 30px;
    margin-top: 35px;
  }
  .info-item p {
    line-height: 28px;
  }
}

.showHide, .showX, .hideX {
  font-size: 18px;
  position: relative;
  padding-left: 40px;
  text-decoration: none;
  display: inline-block;
}
.showHide .ss-icon, .showX .ss-icon, .hideX .ss-icon {
  left: 0;
  top: -4px;
  width: 30px;
  height: 30px;
  font-size: 19px;
  border: 1px solid;
  position: absolute;
  color: #00a5d8;
  border-radius: 30px;
  display: inline-block;
  -moz-transition: color 0.1s ease, background 0.1s ease;
  -o-transition: color 0.1s ease, background 0.1s ease;
  -webkit-transition: color 0.1s ease, background 0.1s ease;
  transition: color 0.1s ease, background 0.1s ease;
}
.showHide .ss-icon:before, .showX .ss-icon:before, .hideX .ss-icon:before {
  top: 50%;
  left: 50%;
  margin-top: -9px;
  margin-left: -9px;
  position: absolute;
}
.showHide:hover .ss-icon, .showX:hover .ss-icon, .hideX:hover .ss-icon, .showHide:focus .ss-icon, .showX:focus .ss-icon, .hideX:focus .ss-icon {
  color: #ffffff;
  background: #00a5d8;
}
@media only screen and (min-width: 768px) {
  .showHide, .showX, .hideX {
    font-size: 20px;
  }
}

.showX, .hideX {
  margin-top: 15px;
}

.showX {
  margin-right: 20px;
}

.ios .form-section input[type="checkbox"]:checked:after {
  color: #ffffff;
  margin-left: -6px;
}
.ios .form-section input[type="radio"]:checked:after {
  margin-top: -6px;
  margin-left: -6px;
}
@media only screen and (min-width: 768px) {
  .ios .form-section input[type="checkbox"]:checked:after {
    margin-top: -15px;
    margin-left: -7px;
  }
  .ios .form-section input[type="radio"]:checked:after {
    margin-top: -7px;
    margin-left: -7px;
  }
}

.thank-you {
  text-align: center;
  margin-bottom: 200px;
}
.thank-you h1 {
  font-size: 60px;
  letter-spacing: 0.8px;
  font-weight: 600;
  line-height: 80px;
}

.ie8 .form-section input[type="checkbox"], .ie8 .form-section input[type="radio"], .ie9 .form-section input[type="checkbox"], .ie9 .form-section input[type="radio"] {
  border: 0;
  padding: 0;
  width: 15px;
  height: 15px;
}
.ie8 .form-section input[type="checkbox"]:before, .ie8 .form-section input[type="checkbox"]:after, .ie8 .form-section input[type="radio"]:before, .ie8 .form-section input[type="radio"]:after, .ie9 .form-section input[type="checkbox"]:before, .ie9 .form-section input[type="checkbox"]:after, .ie9 .form-section input[type="radio"]:before, .ie9 .form-section input[type="radio"]:after {
  display: none !important;
}
.ie8 .form-section input[type="checkbox"]:checked:before, .ie8 .form-section input[type="checkbox"]:checked:after, .ie8 .form-section input[type="radio"]:checked:before, .ie8 .form-section input[type="radio"]:checked:after, .ie9 .form-section input[type="checkbox"]:checked:before, .ie9 .form-section input[type="checkbox"]:checked:after, .ie9 .form-section input[type="radio"]:checked:before, .ie9 .form-section input[type="radio"]:checked:after {
  display: none !important;
}

form#gdprForm .reasonMoreInfo h4 {
  font-weight: bold;
  margin: 25px auto 15px auto;
  font-size: 24px;
}
form#gdprForm .reasonMoreInfo p {
  text-align: left;
  margin-bottom: 20px;
}

.form-panel[data-panel="success"] {
  text-align: center;
}
.form-panel[data-panel="success"] .ss-icon {
  width: 80px;
  height: 80px;
  color: #029102;
  display: block;
  font-size: 30px;
  line-height: 85px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  border: 2px solid;
}
.form-panel[data-panel="success"] p {
  font-size: 20px;
  margin-bottom: 10px;
  line-height: normal;
}
.form-panel[data-panel="success"] .title {
  color: #000000;
  font-size: 30px;
  line-height: normal;
}
.form-panel[data-panel="success"] .buttons {
  max-width: 100%;
  margin-bottom: 50px;
}
.form-panel[data-panel="success"] .buttons .button {
  margin-top: 10px;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .form-panel[data-panel="success"] .ss-icon {
    width: 120px;
    height: 120px;
    font-size: 50px;
    line-height: 128px;
  }
  .form-panel[data-panel="success"] .buttons .button {
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 30px;
  }
}

/* ----------------------------------------------------------
tables
---------------------------------------------------------- */
table {
  width: 100%;
  table-layout: fixed;
}
table th {
  font-weight: bold;
}
table tr {
  border: 1px solid #eee;
}
table th, table td {
  padding: 10px;
  border-right: 1px solid #eee;
}
table td {
  white-space: normal;
}
table thead tr {
  position: static;
}

/* ----------------------------------------------------------
grid
---------------------------------------------------------- */
.grid {
  text-align: justify;
  text-align: -moz-justify;
  font-size: 0.1px;
}
.grid li {
  width: 100%;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.grid li a {
  display: block;
}
.grid .placeholder {
  padding: 0;
  width: 100%;
  margin-bottom: 0;
  margin: 0 !important;
}
.grid:after {
  width: 100%;
  height: 0;
  content: " ";
  display: inline-block;
}

/* two-by-two on mobile */
.grid.tbt li {
  width: 49%;
  text-align: center;
  margin-top: 20px;
}
.grid.tbt .placeholder {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .grid.tbt {
    /* only 3 li */
  }
  .grid.tbt li {
    width: 24%;
  }
  .grid.tbt.three {
    margin: 0 auto;
    max-width: 890px;
  }
  .grid.tbt.three li {
    width: 31%;
  }
}

/* ----------------------------------------------------------
gallery
---------------------------------------------------------- */
.gallery {
  margin-top: 40px;
}
.gallery:before, .gallery:after {
  content: " ";
  display: table;
}
.gallery:after {
  clear: both;
}
.gallery .group {
  width: 48%;
  float: left;
}
.gallery .group:before, .gallery .group:after {
  content: " ";
  display: table;
}
.gallery .group:after {
  clear: both;
}
.gallery .group:first-child {
  margin-right: 4%;
}
.gallery .img {
  width: 100%;
  float: left;
  height: 100px;
  margin-bottom: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media only screen and (min-width: 768px) {
  .gallery .img + .img {
    margin-left: 2%;
  }
}
@media only screen and (min-width: 520px) {
  .gallery .img {
    height: 200px;
  }
}
@media only screen and (min-width: 768px) {
  .gallery {
    max-width: 850px;
    margin: 40px auto 0px auto;
  }
  .gallery .group {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
  .gallery .group:first-child {
    margin-right: 0;
  }
  .gallery .img {
    width: 23.5%;
    margin-bottom: 0;
  }
  .gallery .img.wide {
    width: 49%;
  }
}
@media only screen and (min-width: 1080px) {
  .gallery {
    margin-top: 80px;
    max-width: none;
  }
  .gallery .img {
    height: 300px;
  }
}

/* ----------------------------------------------------------
news item
---------------------------------------------------------- */
.dark-bg .news-item img .legacy-image {
  -moz-box-shadow: 8px 8px 20px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 8px 8px 20px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 8px 8px 20px 10px rgba(0, 0, 0, 0.3);
}

.news-item {
  margin-top: 50px;
  text-align: center;
}
.news-item:first-child {
  margin-top: 0;
}
.news-item a {
  color: #000000;
  overflow: hidden;
  text-decoration: none;
}
.news-item img, .news-item .legacy-image {
  width: 100%;
  display: block;
  height: auto;
}
.news-item .img-wrap {
  margin-bottom: 30px;
}
.news-item .img-wrap + span {
  margin-top: -52px;
}
.news-item .legacy-image {
  background-size: cover;
  background-position: center;
}
.news-item .category-button, .news-item .category-news, .news-item .category-event, .news-item .category-buzz, .news-item .category-career, .news-item .category-international {
  left: 50%;
  float: left;
  position: relative;
  transform: translateX(-50%);
}
.news-item time {
  clear: left;
  color: #999999;
  display: block;
  text-align: center;
  margin-bottom: 10px;
  font-size: 0.875em;
}
.news-item h3 {
  clear: left;
  display: block;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  text-decoration: underline;
  font-size: 1.25em;
}
@media only screen and (min-width: 768px) {
  .news-item {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1080px) {
  .news-item h3 {
    font-size: 1.625em;
    line-height: 36px;
  }
  .news-item img, .news-item .legacy-image {
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
  }
  .news-item .img-wrap {
    height: 202px;
    overflow: hidden;
  }
  .news-item a:hover h3, .news-item a:focus h3 {
    text-decoration: none;
  }
  .news-item a:hover img, .news-item a:hover .legacy-image, .news-item a:focus img, .news-item a:focus .legacy-image {
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
}

/* ----------------------------------------------------------
social feed
---------------------------------------------------------- */
.social-feed {
  padding: 0 20px 30px;
}
.social-feed .buttons {
  text-align: center;
}
.social-feed .buttons a {
  display: inline-block;
  padding: 0;
  width: 35px;
  height: 35px;
  line-height: 35px;
  overflow: hidden;
}
.social-feed .facebook {
  color: #3b5998;
}
.social-feed .facebook:hover, .social-feed .facebook:focus, .social-feed .facebook.is-selected {
  color: #ffffff;
  background: #3b5998;
}
.social-feed .instagram {
  color: #517fa4;
}
.social-feed .instagram:hover, .social-feed .instagram:focus, .social-feed .instagram.is-selected {
  color: #ffffff;
  background: #517fa4;
}
.social-feed .twitter {
  color: #28ace2;
}
.social-feed .twitter:hover, .social-feed .twitter:focus, .social-feed .twitter.is-selected {
  color: #ffffff;
  background: #28ace2;
}
.social-feed .vimeo {
  color: #ffffff;
}
.social-feed .vimeo:hover, .social-feed .vimeo:focus, .social-feed .vimeo.is-selected {
  color: #191c1d;
  background: #ffffff;
}
.social-feed .pinterest {
  color: #c92228;
}
.social-feed .pinterest:hover, .social-feed .pinterest:focus, .social-feed .pinterest.is-selected {
  color: #ffffff;
  background: #c92228;
}
.social-feed .frontier-logo-footer {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: #70c28b;
  background-image: url(/assets/img/frontier-green-x2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px auto;
}
.social-feed .frontier-logo-footer:hover, .social-feed .frontier-logo-footer:focus, .social-feed .frontier-logo-footer.is-selected {
  color: #ffffff;
  background-image: url(/assets/img/frontier-white-x2.png);
  background-color: #70c28b;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px auto;
}
.social-feed button, .social-feed a {
  cursor: pointer;
  border: 2px solid;
  font-size: 1.25em;
  border-radius: 100%;
  background: transparent;
  -webkit-appearance: none;
  padding: 17px 18px 12px 18px;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: relative;
}
.social-feed button:hover, .social-feed button:focus, .social-feed button.is-selected, .social-feed a:hover, .social-feed a:focus, .social-feed a.is-selected {
  border-color: transparent;
  outline: 0;
}
.social-feed button:before, .social-feed a:before {
  top: 100%;
  left: 50%;
  margin-top: 14px;
  margin-left: -10px;
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
}
.social-feed button.is-selected:before, .social-feed a.is-selected:before {
  content: "";
}
.social-feed button + button, .social-feed button + a, .social-feed a + button, .social-feed a + a {
  margin-left: 5px;
}
@media only screen and (min-width: 520px) {
  .social-feed button + button, .social-feed button + a, .social-feed a + button, .social-feed a + a {
    margin-left: 20px;
  }
}
@media only screen and (min-width: 1080px) {
  .social-feed button + button, .social-feed button + a, .social-feed a + button, .social-feed a + a {
    margin-left: 60px;
  }
}
@media only screen and (min-width: 400px) {
  .social-feed .buttons a {
    width: 45px;
    height: 45px;
    line-height: 45px;
  }
}
@media only screen and (min-width: 520px) {
  .social-feed .buttons a {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 768px) {
  .social-feed {
    padding-top: 30px;
    padding-bottom: 70px;
  }
  .social-feed .buttons a {
    width: 100px;
    height: 100px;
    line-height: 100px;
  }
  .social-feed button, .social-feed a {
    border-width: 3px;
    font-size: 1.875em;
    border-radius: 120px;
    padding: 41px 42px 32px 42px;
  }
  .social-feed button:before, .social-feed a:before {
    margin-top: 55px;
  }
  .social-feed .frontier-logo-footer {
    background-size: 22px auto;
  }
  .social-feed .frontier-logo-footer:hover, .social-feed .frontier-logo-footer:focus, .social-feed .frontier-logo-footer.is-selected {
    background-size: 22px auto;
  }
}
@media only screen and (min-width: 1080px) {
  .social-feed .buttons a {
    width: 120px;
    height: 120px;
    line-height: 120px;
  }
}

.feed-item {
  color: #000000;
  margin: 20px auto;
  max-width: 430px;
  position: relative;
  background: #ffffff;
}
.feed-item:before, .feed-item:after {
  content: " ";
  display: table;
}
.feed-item:after {
  clear: both;
}
.feed-item iframe {
  width: 100%;
}
.feed-item .img {
  height: 200px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.feed-item .follow-widget {
  margin-top: 1.5em;
  margin-left: 20px;
}
.feed-item .body {
  padding: 20px;
  margin: 0 auto;
  max-width: 580px;
}
.feed-item .body .follow-widget {
  margin-left: 0;
}
.feed-item p {
  max-width: none;
  line-height: 26px;
  font-weight: bold;
  font-size: 1em;
}
.feed-item p a {
  color: #000000;
}
.feed-item time {
  display: block;
  margin-bottom: 1em;
  font-size: 0.875em;
}
.feed-item time span {
  margin-left: 1em;
}
@media only screen and (min-width: 768px) {
  .feed-item {
    max-width: 720px;
    text-align: center;
  }
  .feed-item .img {
    height: 300px;
  }
  .feed-item.has-image {
    text-align: left;
  }
  .feed-item.has-image .img {
    top: 0;
    right: 0;
    height: 100%;
    position: absolute;
  }
  .feed-item.has-image .img, .feed-item.has-image .body {
    width: 50%;
    float: left;
  }
  .feed-item.has-image p {
    text-align: left;
  }
  .feed-item p {
    text-align: center;
    line-height: 30px;
    font-size: 1.25em;
  }
  .feed-item time {
    margin-bottom: 3em;
    font-size: 1em;
  }
  .feed-item .follow-widget {
    margin-top: 3em;
    margin-left: 0;
  }
}
@media only screen and (min-width: 1080px) {
  .feed-item {
    max-width: 840px;
  }
}

.follow-widget iframe {
  text-align: center;
}

[data-feed="facebook"]:before {
  left: 70px;
}

[data-feed="twitter"]:before {
  left: 254px;
}

[data-feed="vimeo"]:before {
  left: 10px;
}
[data-feed="vimeo"] iframe {
  padding: 20px;
}
[data-feed="vimeo"] .follow-widget {
  margin-bottom: 20px;
}
[data-feed="vimeo"] .follow-widget img {
  width: 50px;
  border-radius: 3px;
}
[data-feed="vimeo"] p {
  margin: 0 20px;
}
@media only screen and (min-width: 1080px) {
  [data-feed="vimeo"] iframe {
    height: 380px;
  }
}

[data-feed="pinterest"] .follow-widget {
  margin-bottom: 20px;
}

.social-buttons {
  text-align: center;
}
.social-buttons > * {
  vertical-align: middle;
  margin-right: 10px;
}
.social-buttons .twitter-frame {
  width: 67px;
  height: 20px;
}
.social-buttons svg {
  fill: #ffffff;
}

.badge {
  width: 70px;
  height: 70px;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  font-weight: 500;
  border-radius: 50%;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0.8);
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.badge .digit {
  display: block;
  font-size: 25px;
}

.img {
  position: relative;
}

.img .badge {
  top: 0;
  left: 0;
  position: absolute;
  margin: 20px 0 0 20px;
}

/* ----------------------------------------------------------
course overview
---------------------------------------------------------- */
.course-overview {
  padding: 0 20px;
}
@media only screen and (min-width: 1080px) {
  .course-overview {
    padding-bottom: 50px;
  }
}

.span-block {
  display: block;
}

.course-item-cta {
  margin-top: 15px;
}
.course-item-cta .button {
  margin-left: 0;
  max-width: 200px;
  font-size: 18px;
}

.course-overview-item {
  -moz-box-shadow: 8px 8px 20px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 8px 8px 20px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 8px 8px 20px 10px rgba(0, 0, 0, 0.3);
  background: #ffffff;
  position: relative;
  margin: 55px auto;
}
.course-overview-item:before, .course-overview-item:after {
  content: " ";
  display: table;
}
.course-overview-item:after {
  clear: both;
}
.course-overview-item .locations {
  top: 0;
  left: 0;
  font-size: 0.9375em;
  margin-top: -15px;
  position: absolute;
  background: #ffffff;
}
.course-overview-item .locations a, .course-overview-item .locations span {
  color: #ffffff;
  padding: 4px 14px;
  margin-left: -3px;
  display: inline-block;
  text-decoration: none;
}
.course-overview-item .locations a:first-child, .course-overview-item .locations span:first-child {
  margin-left: 0;
}
.course-overview-item .locations .blue {
  background: #00a5d8;
}
.course-overview-item .locations .green {
  background: #029102;
}
.course-overview-item .locations .black {
  background: #000000;
}
.course-overview-item .locations .yellow {
  background: #ffb600;
}
.course-overview-item .locations .orange {
  background: #ff4e00;
}
.course-overview-item .locations .purple {
  background: #79008e;
}
.course-overview-item .locations .pink {
  background: #e20091;
}
.course-overview-item .body {
  padding: 40px 10px 20px;
}
.course-overview-item .body hgroup h2 {
  line-height: 30px;
  font-weight: 700;
  font-size: 1.375em;
  margin-bottom: 0;
}
.course-overview-item .body hgroup h3 {
  font-weight: 400;
  color: #00a5d8;
  font-size: 0.9375em;
  margin-top: 5px;
}
.course-overview-item .body p {
  line-height: 26px;
  font-size: 1.125em;
}
.course-overview-item .body ul {
  margin: 20px 0;
  padding: 10px 0;
  font-size: 1em;
  border-top: 1px solid #e6e9e9;
  border-bottom: 1px solid #e6e9e9;
}
.course-overview-item .body ul li {
  display: inline;
}
.course-overview-item .body ul li:first-child {
  margin-right: 20px;
}
.course-overview-item a {
  color: #000000;
}
.course-overview-item .img {
  display: block;
  height: 160px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media only screen and (min-width: 520px) {
  .course-overview-item .img {
    height: 220px;
  }
}
@media only screen and (min-width: 768px) {
  .course-overview-item .body, .course-overview-item .img {
    float: left;
  }
  .course-overview-item .body {
    padding-left: 20px;
    padding-right: 20px;
  }
  .course-overview-item .body {
    width: 65%;
  }
  .course-overview-item .img {
    top: 0;
    right: 0;
    width: 35%;
    height: 100%;
    position: absolute;
  }
}
@media only screen and (min-width: 1080px) {
  .course-overview-item {
    margin: 90px auto;
  }
  .course-overview-item .body {
    width: 67%;
    padding: 70px 50px 50px;
  }
  .course-overview-item .body hgroup h2 {
    line-height: 46px;
    font-size: 2.25em;
  }
  .course-overview-item .body hgroup h3 {
    margin-top: 10px;
    font-size: 1.125em;
  }
  .course-overview-item .body p {
    line-height: 32px;
    font-size: 1.375em;
  }
  .course-overview-item .body ul {
    padding: 20px 0;
    margin: 30px 0;
    font-size: 1.125em;
  }
  .course-overview-item .locations {
    margin-top: -22px;
    font-size: 1.125em;
  }
  .course-overview-item .locations a, .course-overview-item .locations span {
    padding: 11px 25px;
  }
  .course-overview-item .img {
    width: 33%;
  }
}

.media-block {
  background: inherit;
  display: block;
  border-bottom: 2px solid;
  padding-bottom: 20px;
}
.media-block.img-bordered {
  border: none;
}
.media-block a {
  text-decoration: none;
}
.media-block img {
  width: 100%;
  max-width: 100%;
}
.media-block .img + .title {
  margin-top: 20px;
}
.media-block .sup-title + .img {
  margin-top: 20px;
}
.media-block .title {
  margin: 0;
  line-height: 30px;
  font-weight: 700;
  font-size: 25px;
  font-family: "futura-pt", Helvetica, Arial, sans-serif;
  text-decoration: none;
}
.media-block .title .ss-icon {
  font-size: 15px;
}
.media-block .sup-title {
  font-size: 15px;
}
.media-block .body,
.media-block .meta {
  line-height: 22px;
  font-size: 15px;
  margin-top: 20px;
}
.media-block .body p,
.media-block .body span,
.media-block .meta p,
.media-block .meta span {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
}
.media-block .body p + .fluid-video-embed,
.media-block .meta p + .fluid-video-embed {
  margin-top: 20px;
}
.media-block .body p + p,
.media-block .meta p + p {
  margin-top: 20px;
}
.media-block .twitter-frame {
  width: 67px;
  height: 20px;
}
.media-block .meta {
  font-weight: 500;
  display: flex;
  justify-content: space-between;
}
.media-block .meta.contact-links {
  flex-direction: column;
}

/* ----------------------------------------------------------
buttons
---------------------------------------------------------- */
.button[data-video-play] {
  position: relative;
  padding-left: 65px !important;
}
.button[data-video-play]:before {
  content: '';
  position: absolute;
  margin: 4px 0 0 -20px;
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #ffffff;
  border-left: 10px solid #ffffff;
}
@media only screen and (min-width: 768px) {
  .button[data-video-play]:before {
    margin-top: 6px;
  }
}

.slide a.button {
  display: inline-block;
}

.slide button.button,
.slide a.button {
  width: auto;
  padding: 15px 50px;
  font-size: 1em;
  background: #00a5d8;
}
.slide button.button:hover, .slide button.button:focus,
.slide a.button:hover,
.slide a.button:focus {
  color: #ffffff;
  background: rgba(0, 165, 216, 0.7);
  border-color: transparent;
}

.expander-button {
  color: #1a1d1e;
  cursor: pointer;
  font-size: 1.125em;
  font-family: "futura-pt", Helvetica, Arial, sans-serif;
  background-color: transparent;
  border: 1px solid #1a1d1e;
  padding: 10px 30px;
  font-weight: 700;
  min-height: 50px;
  line-height: normal;
  position: relative;
  -moz-transition: color 0.2s ease, background-color 0.2s ease;
  -o-transition: color 0.2s ease, background-color 0.2s ease;
  -webkit-transition: color 0.2s ease, background-color 0.2s ease;
  transition: color 0.2s ease, background-color 0.2s ease;
}
.expander-button:hover, .expander-button:focus {
  color: #ffffff;
  background-color: #1a1d1e;
}
.expander-button:before {
  top: 50%;
  right: 10px;
  margin-top: -8px;
  position: absolute;
}
.expander-button.is-expanded:before {
  margin-top: -12px;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.has-homepage-slider button.ss-icon {
  display: none;
}

.button {
  color: #ffffff;
  width: 300px;
  padding: 10px;
  display: block;
  margin: 0 auto;
  font-weight: 700;
  border-bottom: none;
  text-align: center;
  position: relative;
  font-size: 1.125em;
  text-decoration: none;
  border: 1px solid transparent;
  background: #1a1d1e;
  cursor: pointer;
  line-height: normal;
  font-family: "futura-pt", Helvetica, Arial, sans-serif;
  -moz-transition: color 0.2s ease, background 0.2s ease;
  -o-transition: color 0.2s ease, background 0.2s ease;
  -webkit-transition: color 0.2s ease, background 0.2s ease;
  transition: color 0.2s ease, background 0.2s ease;
}
.button.download_button {
  font-size: 1em;
  background: #00a5d8;
}
.button.download_button:hover, .button.download_button:focus {
  color: #ffffff;
  background: transparent;
  border-color: #ffffff;
}
.button.default {
  color: #b8b8b8;
  background: #ffffff;
  border-color: #b8b8b8;
  border-style: dashed;
}
.button.default:hover, .button.default:focus {
  color: #029102;
  background: #ffffff;
  border-color: #029102;
}
.button.continue {
  background: #029102;
  border: 1px solid transparent;
}
.button.continue:hover, .button.continue:focus {
  color: #029102;
  background: #ffffff;
  border-color: #029102;
}
.button.transparent-bg {
  color: #ffffff;
  background: transparent;
  border-color: currentColor;
}
.button.transparent-bg:hover {
  color: #ffffff;
  border-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.2);
}
.button.green-bg {
  color: #ffffff;
}
.button.green-bg:hover {
  color: #029102;
  border-color: currentColor;
}
.button.green-bg-white {
  color: #029102;
  background: #ffffff;
  border-color: currentColor;
}
.button.green-bg-white:hover {
  color: #ffffff;
  background: #029102;
  border-color: #029102;
}
.button .ss-icon {
  top: 50%;
  margin-top: -7px;
  margin-left: 5px;
  position: absolute;
}
.button:hover, .button:focus {
  color: #1a1d1e;
  background: #ffffff;
  border-color: #1a1d1e;
}
@media only screen and (min-width: 1080px) {
  .button {
    padding: 16px;
    font-size: 1.125em;
  }
  .button.download_button {
    padding: 9px 16px;
    font-size: 0.875em;
  }
}

.slide a.button.transparent-bg {
  background: transparent;
}
.slide a.button.transparent-bg:hover {
  background: #ffffff;
  color: #000000;
  border: 1px solid #ffffff;
}

.category-button, .category-news, .category-event, .category-buzz, .category-career, .category-international {
  color: #ffffff !important;
  padding: 10px 30px;
  font-size: 1.125em;
  text-decoration: none;
  display: inline-block !important;
}
@media only screen and (min-width: 1080px) {
  .category-button, .category-news, .category-event, .category-buzz, .category-career, .category-international {
    font-size: 1.25em;
  }
}

.category-news {
  background: #00a5d8;
}

.category-event {
  background: #029102;
}

.category-buzz {
  background: #e20091;
}

.category-career {
  background: #ffb600;
}

.category-international {
  background: #ff4e00;
}

.footer .button {
  font-size: 18px;
  margin-bottom: 30px;
  border-color: #999999;
}
.footer .button h2 {
  margin: 0;
  font-size: inherit;
}
@media only screen and (min-width: 1080px) {
  .footer .button {
    font-size: 20px;
    min-width: 310px;
    margin-bottom: 20px;
  }
}

.is-loading {
  width: auto !important;
  padding-left: 50px !important;
  background-image: url(/assets/img/ring.gif);
  background-size: 35px auto;
  background-repeat: no-repeat;
  background-position: 10px center;
}

/* ----------------------------------------------------------
event detail
---------------------------------------------------------- */
.event-detail ul {
  list-style: none;
}
.event-detail li {
  margin: 0;
  font-size: 18px;
  padding: 14px 0;
  border-bottom: 1px solid #e6e9e9;
}
.event-detail li:before, .event-detail li:after {
  content: " ";
  display: table;
}
.event-detail li:after {
  clear: both;
}
.event-detail li:first-child {
  border-top: 1px solid #e6e9e9;
}
.event-detail strong {
  float: left;
  width: 25%;
}
.event-detail span {
  float: right;
  width: 75%;
}
@media only screen and (min-width: 520px) {
  .event-detail strong {
    width: 20%;
  }
  .event-detail span {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) {
  .event-detail strong {
    width: 15%;
  }
  .event-detail span {
    width: 85%;
  }
}

/* ----------------------------------------------------------
footer
---------------------------------------------------------- */
.footer {
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  line-height: 29px;
  padding: 40px 20px;
  background-color: #000000;
}
.footer > div {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}
.footer a {
  color: inherit;
  display: block;
}
.footer .icon-item {
  text-decoration: none;
}
.footer .icon-item i {
  margin-right: 10px;
}
.footer .lau-logo {
  display: block;
  width: 100%;
  max-width: 216px;
  height: 55px;
  margin-top: 8px;
  background-image: url("/assets/img/svg/laureate.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  font-size: 0 !important;
  color: transparent !important;
}
@media only screen and (max-width: 1023px) {
  .footer .pure-g .stacked-bottom-margin {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .footer .pure-g .pad-lr {
    padding: 0 10px !important;
  }
}

.pips {
  text-align: center;
  left: 0;
  right: 0;
}
.pips .pip {
  width: 16px;
  height: 16px;
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
  background: transparent;
  margin: 0 8px;
  padding: 0;
  outline: none;
  border: 2px solid #ffffff;
  cursor: pointer;
}
.pips .pip:hover {
  background: rgba(255, 255, 255, 0.5);
}
.pips .pip.active {
  background: #ffffff;
}
.pips.invert .pip {
  border-color: #000000;
}
.pips.invert .pip:hover {
  background: rgba(0, 0, 0, 0.5);
}
.pips.invert .pip.active {
  background: #000000;
}

@media only screen and (min-width: 1080px) {
  .header .pips .pip {
    width: 16px;
    height: 16px;
    padding: 0;
  }
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  60% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  60% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  60% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
#scrollToContent:before {
  height: 60px;
  display: block;
  visibility: hidden;
  margin-top: -60px;
}
@media only screen and (min-width: 1080px) {
  #scrollToContent:before {
    height: 80px;
    margin-top: -80px;
  }
}

.down-arrow-scroll-link {
  position: relative;
  text-decoration: none;
}
.down-arrow-scroll-link .ss-icon {
  margin-top: 2px;
  margin-left: 10px;
  position: absolute;
}
@media only screen and (min-width: 768px) {
  .down-arrow-scroll-link .ss-icon {
    margin-top: 4px;
  }
}

.scroll-cta {
  display: none;
  bottom: 10px;
  left: 50%;
  z-index: 3;
  width: 120px;
  height: 50px;
  color: white;
  margin-left: -60px;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  position: absolute;
  text-decoration: none;
}
.scroll-cta .ss-icon {
  bottom: 0;
  left: 50%;
  width: 26px;
  font-size: 26px;
  margin-left: -12px;
  position: absolute;
}
@media only screen and (min-width: 768px) {
  .scroll-cta {
    display: block;
  }
}

.bounce, .scroll-cta .ss-icon {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

.cta-item {
  color: #ffffff;
  display: block;
  z-index: 100;
  position: relative;
  padding-bottom: 15px;
  text-decoration: none;
  border-bottom: 2px solid;
}
.cta-item:after {
  left: 0;
  width: 0;
  content: '';
  height: 2px;
  bottom: -2px;
  position: absolute;
  transition: width 0.1s linear;
}
.cta-item:hover:after {
  width: 100%;
}
.cta-item.border-blue-hover:after {
  background-color: #00a5d8;
}
.cta-item.border-green-hover:after {
  background-color: #029102;
}
.cta-item.border-pink-hover:after {
  background-color: #e20091;
}
.cta-item.border-purple-hover:after {
  background-color: #79008e;
}
.cta-item.border-orange-hover:after {
  background-color: #ff4e00;
}
.cta-item.border-yellow-hover:after {
  background-color: #ffb600;
}
.cta-item h2 {
  margin: 20px 0 0 0;
  color: inherit;
  font-size: 15px;
  text-align: left;
  line-height: 18px;
}
.cta-item .shape {
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
}
.cta-item .shape.gaming {
  background-image: url(/assets/img/svg/shapes/blue-new.svg);
}
.cta-item .shape.graphic {
  background-image: url(/assets/img/svg/shapes/yellow-new.svg);
}
.cta-item .shape.creative {
  background-image: url(/assets/img/svg/shapes/purple-new.svg);
}
.cta-item .shape.animation {
  background-image: url(/assets/img/svg/shapes/green-new.svg);
}
.cta-item .shape.interactive {
  background-image: url(/assets/img/svg/shapes/pink-new.svg);
}
.cta-item .shape.motion {
  background-image: url(/assets/img/svg/shapes/orange-new.svg);
}

.link-away-cta-bar {
  padding: 0;
  min-height: 100px;
  line-height: 100px;
  text-align: center;
  background: #000000;
}
.link-away-cta-bar a {
  color: #ffffff;
  padding: 0 15px;
  font-size: 18px;
  display: inline-block;
  text-decoration: none;
}
.link-away-cta-bar a .ss-icon {
  padding-left: 10px;
  display: inline-block;
}

.lightboxContent form,
.lightboxContent .form-section {
  padding: 20px;
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}
.lightboxContent form input[type="submit"],
.lightboxContent .form-section input[type="submit"] {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .lightboxContent form,
  .lightboxContent .form-section {
    padding: 40px;
  }
}
.lightboxContent form fieldset:last-of-type,
.lightboxContent .form-section fieldset:last-of-type {
  margin-bottom: 0;
}
.lightboxContent [data-panel="success"] {
  padding: 40px;
  width: 100%;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}
.lightboxContent [data-panel="success"] .buttons {
  margin-bottom: 0;
}

.top-wrapper.auto-height {
  min-height: 0;
}

.banner.real-or-render-target {
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-content: stretch;
  color: white;
  text-align: center;
}
.banner.real-or-render-target .button {
  transition: none;
  width: auto;
  color: #FEB500;
  padding-left: 40px;
  padding-right: 40px;
  background: transparent;
  border-color: #FEB500;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.banner.real-or-render-target .button:hover {
  color: #000000;
  background: #FEB500;
}
.banner.real-or-render-target .button.yellow-bg {
  color: #000000;
  background: #FEB500;
}
.banner.real-or-render-target .button.yellow-bg:hover {
  color: #FEB500;
  background: #000000;
  border-color: #000000;
}
.banner.real-or-render-target .content {
  width: 100%;
  padding: 40px 10px;
  background-color: #191c1d;
}
.banner.real-or-render-target .content p {
  font-size: 18px;
  line-height: 25px;
}
.banner.real-or-render-target .content .button {
  margin-top: 20px;
}
.banner.real-or-render-target .start-view {
  min-height: 400px;
  background-image: url(/assets/img/header-image-rr.jpg);
  background-position: center;
  background-size: cover;
}
.banner.real-or-render-target .start-view p {
  max-width: 400px;
  margin: 15px auto 0;
}
.banner.real-or-render-target .start-view .title-is-image img {
  max-width: 100%;
}
.banner.real-or-render-target .start-view .centered {
  top: 50%;
  left: 50%;
  width: 100%;
  padding: 0 20px;
  position: absolute;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 1080px) {
  .banner.real-or-render-target .start-view {
    min-height: 730px;
  }
}
.banner.real-or-render-target .score-view .title {
  font-size: 30px;
  line-height: normal;
  font-weight: normal;
}
.banner.real-or-render-target .score-view .title strong {
  display: block;
}
@includes respond-to(tablet) {
  .banner.real-or-render-target .score-view .title {
    font-size: 40px;
  }
}
.banner.real-or-render-target .score-view .enter-cta {
  margin: 30px 0;
}
.banner.real-or-render-target .score-view .enter-cta span {
  display: block;
}
.banner.real-or-render-target .score-view .enter-cta .button {
  width: auto;
  margin: 10px 20px;
  display: inline-block;
}
@media only screen and (min-width: 520px) {
  .banner.real-or-render-target .score-view .enter-cta span {
    display: inline;
  }
}
.banner.real-or-render-target .score-view iframe, .banner.real-or-render-target .score-view img {
  width: 100%;
  max-width: 100%;
}
.banner.real-or-render-target .score-view .restrict-max-width {
  margin: 0 auto;
  max-width: 450px;
}
.banner.real-or-render-target .score-view .score-share-cta {
  margin: 30px 0;
}
.banner.real-or-render-target .score-view .score-share-cta .title {
  color: #ffffff;
  font-weight: 600;
  font-size: 22px;
}
.banner.real-or-render-target .score-view .score-share-cta .button {
  margin: 10px;
  display: inline-block;
}
.banner.real-or-render-target .score-view .score-share-cta .score-share-facebook:before,
.banner.real-or-render-target .score-view .score-share-cta .score-share-twitter:before {
  margin-right: 5px;
}
.banner.real-or-render-target .score-view .score-share-cta .score-share-facebook {
  color: #ffffff;
  background: #3b5998;
  border-color: #3b5998;
}
.banner.real-or-render-target .score-view .score-share-cta .score-share-facebook:hover {
  color: #3b5998;
  background: transparent;
}
.banner.real-or-render-target .score-view .score-share-cta .score-share-twitter {
  color: #ffffff;
  background: #28ace2;
  border-color: #28ace2;
}
.banner.real-or-render-target .score-view .score-share-cta .score-share-twitter:hover {
  color: #28ace2;
  background: transparent;
}
.banner .voting-component img {
  width: 100%;
  max-width: 100%;
}
.banner .voting-component .voting-poll {
  padding: 5px;
  background-color: #ffb600;
}
.banner .voting-component .voting-poll .button {
  color: #000000;
  margin: 10px;
  display: inline-block;
  border: 1px solid;
}
.banner .voting-component .voting-poll .button:hover {
  color: #ffb600;
  background: #000000;
}

[data-section="visual-info"] {
  padding-bottom: 30px;
}
[data-section="visual-info"].dark-bg {
  color: #ffffff;
}
[data-section="visual-info"].dark-bg .title {
  color: #ffffff;
}
[data-section="visual-info"] .title {
  font-size: 26px;
  line-height: normal;
  font-weight: normal;
}
[data-section="visual-info"] p {
  font-size: 20px;
  text-align: left;
  max-width: none;
}
[data-section="visual-info"] .media-image-text {
  display: table;
}
[data-section="visual-info"] .media-image-text > div {
  display: table-cell;
}
[data-section="visual-info"] .media-image-text {
  display: table;
  margin-bottom: 10px;
}
[data-section="visual-info"] .media-image-text:before, [data-section="visual-info"] .media-image-text:after {
  content: " ";
  display: table;
}
[data-section="visual-info"] .media-image-text:after {
  clear: both;
}
[data-section="visual-info"] .media-image-text img {
  border-radius: 50%;
  margin-right: 10px;
}
[data-section="visual-info"] .text-info {
  font-size: 16px;
  padding-top: 5px;
}
[data-section="visual-info"] .text-info p {
  line-height: normal;
}
[data-section="visual-info"] .text-info .text-info-cta {
  display: block;
  margin-top: 10px;
}
@media only screen and (min-width: 520px) {
  [data-section="visual-info"] .layout-children-col-md {
    display: flex;
  }
  [data-section="visual-info"] .layout-children-col-md .col-md {
    width: 50%;
  }
  [data-section="visual-info"] .restrict-max-width {
    max-width: 750px;
    margin: 0 auto;
  }
  [data-section="visual-info"] .text-info {
    padding-left: 10px;
  }
}
@media only screen and (min-width: 768px) {
  [data-section="visual-info"] {
    padding-bottom: 70px;
  }
  [data-section="visual-info"] .title {
    font-size: 40px;
  }
}

[data-section="courses-plug"] {
  padding-bottom: 30px;
}
[data-section="courses-plug"].dark-bg {
  background-color: #000000;
}
[data-section="courses-plug"].dark-bg .title {
  color: #ffffff;
}
[data-section="courses-plug"] .title {
  font-size: 22px;
  line-height: normal;
  margin-bottom: 30px;
}
[data-section="courses-plug"] p {
  max-width: none;
}
[data-section="courses-plug"] .flat-button {
  width: auto;
  padding: 12px 30px;
  margin-right: 10px;
  margin-bottom: 15px;
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
}
[data-section="courses-plug"] .blue-bg {
  background: #00a5d8;
}
[data-section="courses-plug"] .green-bg {
  background: #029102;
}
[data-section="courses-plug"] .orange-bg {
  background: #ff4e00;
}
[data-section="courses-plug"] .yellow-bg {
  background: #ffb600;
}
[data-section="courses-plug"] .pink-bg {
  background: #e20091;
}
[data-section="courses-plug"] .purple-bg {
  background: #79008e;
}
@media only screen and (min-width: 768px) {
  [data-section="courses-plug"] {
    padding-bottom: 60px;
  }
}

.comp-form-section {
  padding: 30px 4% 0 4%;
}
.comp-form-section.light-bg {
  background: #ffffff;
}
.comp-form-section .inner {
  margin: 0 auto;
  max-width: 770px;
}
.comp-form-section .success {
  color: #029102;
  text-align: center;
  padding-bottom: 30px;
}
.comp-form-section .success .circular {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border-radius: 50%;
  position: relative;
  text-align: center;
  line-height: 100px;
  margin-bottom: 20px;
  border: 2px solid #029102;
}
.comp-form-section .success .circular .ss-icon {
  font-size: 30px;
}
.comp-form-section .success p {
  font-size: 18px;
  line-height: normal;
}
@media only screen and (min-width: 768px) {
  .comp-form-section .success {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1080px) {
  .comp-form-section .success p {
    font-size: 22px;
  }
}
.comp-form-section .form-section {
  padding-top: 40px;
}
.comp-form-section .form-section legend {
  font-size: 30px;
  line-height: normal;
}
.comp-form-section .form-section input[type="text"] {
  border-radius: 0;
  -webkit-appearance: none;
}
.comp-form-section .form-section input[type="submit"] {
  float: left;
  width: calc(100% - 40px);
}
.comp-form-section .form-section img.rorLoading {
  float: left;
  margin-top: 25px;
  margin-left: 3px;
}
.comp-form-section .form-section .button.yellow-bg {
  color: #000000;
  font-weight: 600;
  background: #FEB500;
  border-color: transparent;
}
.comp-form-section .form-section .button.yellow-bg:hover {
  color: #FEB500;
  background: #000000;
}
@media only screen and (min-width: 768px) {
  .comp-form-section {
    padding-top: 60px;
  }
  .comp-form-section .form-section legend {
    font-size: 40px;
  }
}

.fluid-embed {
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
}
.fluid-embed iframe {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  max-width: none;
  position: absolute;
}

/* ----------------------------------------------------------
load our site views
---------------------------------------------------------- */
/* ----------------------------------------------------------
general
---------------------------------------------------------- */
body {
  background: #191c1d;
}

.no-float {
  float: none !important;
}

.inner {
  z-index: 700;
  margin: 0 auto;
  max-width: 1180px;
  position: relative;
}

.main {
  margin: 0 auto;
  max-width: 860px;
}

.restrict-and-center {
  max-width: 700px;
  margin: 0 auto;
}

.specialSlider {
  height: 600px;
}

.fileMakerDown h1 {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  line-height: normal;
  padding: 55px 10px 30px;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.filter {
  margin-bottom: 40px;
}
@media only screen and (min-width: 1080px) {
  .filter {
    margin-bottom: 80px;
  }
}

[data-section="head-tutors"] {
  background-color: #f3f6f8;
}
[data-section="head-tutors"].light-bg {
  background-color: #f3f6f8;
}
@media only screen and (min-width: 768px) {
  [data-section="head-tutors"] h2 {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1080px) {
  [data-section="head-tutors"] {
    padding-bottom: 70px;
  }
  [data-section="head-tutors"] h2 {
    margin-bottom: 60px;
  }
}

/* ----------------------------------------------------------
contact page
---------------------------------------------------------- */
.header .message {
  color: #000000;
  display: block;
  background: #ffffff;
  padding: 20px 10px;
}
.header .message.success strong {
  color: #029102;
}
.header .message.error strong {
  color: #c92228;
}

.contact-intro {
  margin-bottom: 40px;
}
.dark-bg .contact-intro .title {
  color: #ffffff;
}
.contact-intro .title {
  font-size: 22px;
  margin-bottom: 40px;
  line-height: normal;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.contact-intro address span {
  display: block;
  padding: 11px 0;
  border-bottom: 1px solid #585b5b;
}
.contact-intro address span:first-of-type {
  border-top: 1px solid #585b5b;
}
.contact-intro address span.last {
  border-top: none;
}
.contact-intro address span.last a {
  text-decoration: none;
}
.contact-intro address strong {
  width: 80px;
  float: left;
}
.contact-intro address a {
  float: left;
  display: block;
}
.contact-intro .map-img {
  height: 200px;
  margin-top: 40px;
  background-image: url("/assets/img/contact-map.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media only screen and (min-width: 768px) {
  .contact-intro {
    margin-bottom: 60px;
  }
  .contact-intro .map-img {
    height: 400px;
    margin-top: 60px;
  }
  .contact-intro address div {
    width: 48%;
    float: left;
  }
  .contact-intro address div:last-of-type {
    float: right;
  }
  .contact-intro address span.last {
    padding: 12px 0;
    border-top: 1px solid #585b5b;
  }
}
@media only screen and (min-width: 1080px) {
  .contact-intro address {
    font-size: 1.125em;
  }
  .contact-intro address strong {
    width: 118px;
  }
  .contact-intro address span {
    padding: 14px 0;
  }
  .contact-intro address span.last {
    line-height: 26px;
    padding: 12px 0 11px 0;
    border-top: 1px solid #585b5b;
  }
  .contact-intro .map-img {
    height: 600px;
    margin-top: 80px;
  }
}

.dev-page-links {
  background: #ffffff !important;
}
.dev-page-links .links {
  padding: 20px;
  list-style: disc inside none;
}
.dev-page-links .links a {
  color: #000000;
  font-size: 20px;
  padding: 5px;
}

/* ----------------------------------------------------------
load our site sections
---------------------------------------------------------- */
/* ----------------------------------------------------------
intro section
---------------------------------------------------------- */
[data-section="home-intro"] {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: left;
}
[data-section="home-intro"] h2 {
  display: none;
}
[data-section="home-intro"] .inner {
  margin: 0 auto;
  max-width: none;
}
[data-section="home-intro"] * {
  text-align: inherit;
}
[data-section="home-intro"] p {
  font-weight: 700;
  font-size: 1.375em;
  line-height: 30px;
  max-width: none;
}
[data-section="home-intro"] a {
  text-decoration: none;
  border-bottom: 1px solid #ffffff;
}
[data-section="home-intro"] a:hover, [data-section="home-intro"] a:focus {
  border-color: transparent !important;
}
[data-section="home-intro"] a.uline-green {
  border-color: #00833f;
}
[data-section="home-intro"] a.uline-pink {
  border-color: #c8167f;
}
[data-section="home-intro"] a.uline-blue {
  border-color: #0095c4;
}
[data-section="home-intro"] a.uline-purple {
  border-color: #6a267a;
}
[data-section="home-intro"] a.uline-yellow {
  border-color: #e3a213;
}
[data-section="home-intro"] a.uline-orange {
  border-color: #d84920;
}
@media only screen and (min-width: 768px) {
  [data-section="home-intro"] a {
    border-bottom-width: 2px;
  }
}
[data-section="home-intro"] em {
  font-style: normal;
  border-bottom: 2px solid #999999;
}
@media only screen and (min-width: 768px) {
  [data-section="home-intro"] p {
    line-height: 42px;
    font-size: 1.75em;
  }
}
@media only screen and (min-width: 1080px) {
  [data-section="home-intro"] {
    padding-left: 40px;
  }
  [data-section="home-intro"] h2 {
    margin-bottom: 25px;
  }
  [data-section="home-intro"] p {
    line-height: 50px;
    font-size: 2.1875em;
  }
}

.article-intro {
  font-family: "futura-pt", Helvetica, Arial, sans-serif;
  line-height: 32px;
  font-size: 1.375em;
}
.article-intro p {
  font-size: inherit;
  line-height: inherit;
}
@media only screen and (min-width: 768px) {
  .article-intro {
    line-height: 34px;
    font-size: 1.5em;
  }
}

/* ----------------------------------------------------------
success stories sections
---------------------------------------------------------- */
[data-section="success-stories"] {
  padding-bottom: 20px;
}
[data-section="success-stories"] li a {
  text-decoration: none;
  color: #ffffff !important;
}
[data-section="success-stories"] .img-wrap {
  width: 80%;
  height: auto;
  display: block;
  max-width: 206px;
  margin: 10px auto;
  border-radius: 100%;
  border: 3px solid #000000;
  -moz-box-shadow: 6px 6px 20px 20px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 6px 6px 20px 20px rgba(0, 0, 0, 0.3);
  box-shadow: 6px 6px 20px 20px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
[data-section="success-stories"] img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
[data-section="success-stories"] span.first {
  font-weight: 700;
  font-size: 1em;
  text-decoration: underline;
}
[data-section="success-stories"] span.last {
  display: block;
  color: #ffb600;
  margin-top: 5px;
  font-size: 0.9375em;
}
@media only screen and (min-width: 768px) {
  [data-section="success-stories"] .img-wrap {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1080px) {
  [data-section="success-stories"] {
    padding-bottom: 70px;
  }
  [data-section="success-stories"] a:hover span.first, [data-section="success-stories"] a:focus span.first {
    text-decoration: none;
  }
  [data-section="success-stories"] a:hover .img-wrap img, [data-section="success-stories"] a:focus .img-wrap img {
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  [data-section="success-stories"] .img-wrap {
    overflow: hidden !important;
    margin-bottom: 30px;
    -webkit-transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  }
  [data-section="success-stories"] .img-wrap img {
    -moz-transition: -moz-transform 0.8s ease;
    -o-transition: -o-transform 0.8s ease;
    -webkit-transition: -webkit-transform 0.8s ease;
    transition: transform 0.8s ease;
  }
  [data-section="success-stories"] span.first {
    line-height: 34px;
    font-size: 1.5em;
  }
  [data-section="success-stories"] span.last {
    margin-top: 10px;
    font-weight: normal;
    font-size: 1.125em;
  }
}

/* ----------------------------------------------------------
latest news sections
---------------------------------------------------------- */
[data-section="latest-news"] .title {
  font-size: 18px;
}
[data-section="latest-news"] .social-buttons {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  [data-section="latest-news"] .title {
    font-size: 22px;
  }
}

[data-section="blog-filter"] + [data-section="latest-news"] ul {
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  [data-section="blog-filter"] + [data-section="latest-news"] {
    padding-top: 0;
  }
  [data-section="blog-filter"] + [data-section="latest-news"] .news-item {
    width: 47%;
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 1080px) {
  [data-section="blog-filter"] + [data-section="latest-news"] .news-item {
    width: 30%;
  }
}

[data-section="latest-news"] {
  background: #ffffff;
  padding-bottom: 30px;
}
[data-section="latest-news"] ul {
  max-width: 350px;
  margin: 25px auto 0 auto;
}
[data-section="latest-news"] ul.pagination {
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  [data-section="latest-news"] {
    padding-bottom: 20px;
  }
  [data-section="latest-news"] ul {
    max-width: none;
  }
  [data-section="latest-news"] ul.pagination {
    margin-bottom: 80px;
  }
  [data-section="latest-news"] .news-item {
    width: 30%;
  }
}
@media only screen and (min-width: 1080px) {
  [data-section="latest-news"] {
    padding-bottom: 50px;
  }
  [data-section="latest-news"] ul {
    margin-top: 60px;
  }
}

/* ----------------------------------------------------------
global sign up section
---------------------------------------------------------- */
[data-section="signup"] {
  color: #ffffff;
  font-weight: bold;
  padding: 50px 20px;
  background: #00a5d8;
}
[data-section="signup"] .success, [data-section="signup"] .error {
  display: none;
  padding-left: 20px;
  margin-bottom: 30px;
}
[data-section="signup"] .success p, [data-section="signup"] .error p {
  position: relative;
}
[data-section="signup"] .success .ss-icon, [data-section="signup"] .error .ss-icon {
  font-size: 20px;
  margin-top: 2px;
  font-weight: 700;
  line-height: 34px;
  margin-left: -36px;
  background: #ffffff;
  position: absolute;
  width: 28px;
  height: 28px;
  border-radius: 100%;
}
[data-section="signup"] .success .ss-icon {
  color: #029102;
}
[data-section="signup"] .error .ss-icon {
  color: #c92228;
}
@media only screen and (min-width: 1080px) {
  [data-section="signup"] {
    padding-top: 65px;
    padding-bottom: 65px;
  }
}

/* ----------------------------------------------------------
global enrol section
---------------------------------------------------------- */
[data-section="enrol"] {
  padding: 50px 0;
}
[data-section="enrol"] h2 {
  color: #ffffff;
  font-size: 1.25em;
}
[data-section="enrol"] .button {
  color: #029102;
  background: #ffffff;
  margin-bottom: 10px;
  padding-left: 0;
}
[data-section="enrol"] .button:hover, [data-section="enrol"] .button:focus {
  color: #ffffff;
  background: #029102;
  border-color: #ffffff;
}
@media only screen and (min-width: 768px) {
  [data-section="enrol"] .button-wrap {
    width: 620px;
    margin: 0 auto;
  }
  [data-section="enrol"] .button {
    float: left;
    margin-bottom: 0;
  }
  [data-section="enrol"] .button.first {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 1080px) {
  [data-section="enrol"] {
    padding: 60px 0;
  }
  [data-section="enrol"] h2 {
    font-size: 1.375em;
  }
}

/* ----------------------------------------------------------
general sections
---------------------------------------------------------- */
section {
  background: #ffffff;
  position: relative;
  padding: 30px 20px 50px 20px;
}
section.content {
  padding: 0;
}
section h2, section p {
  text-align: center;
}
section a {
  color: #000000;
}
section h2 a {
  color: inherit !important;
}
section p {
  margin: 0 auto;
  max-width: 470px;
  line-height: 26px;
  font-size: 1.125em;
}
@media only screen and (min-width: 768px) {
  section {
    padding: 70px 20px 90px 20px;
  }
  section p {
    max-width: 570px;
  }
}
@media only screen and (min-width: 1080px) {
  section {
    padding-bottom: 130px;
  }
  section p {
    max-width: 815px;
    line-height: 32px;
    font-size: 1.375em;
  }
}

.dark-bg[data-section="home-intro"] {
  background: #000000;
}
@media only screen and (min-width: 1080px) {
  .dark-bg .two-col:before {
    background: #191c1d;
  }
}

.stellarBg {
  background-size: 80% auto;
  background-repeat: no-repeat !important;
  background-position: center;
}

.full-image {
  padding: 0;
  width: 100%;
  height: 300px;
  position: relative;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media only screen and (min-width: 768px) {
  .full-image {
    height: 400px;
  }
}
@media only screen and (min-width: 1080px) {
  .full-image {
    height: 600px;
    background-attachment: fixed;
  }
}

.header.fivehundie, .top-wrapper.fivehundie {
  min-height: 500px;
}

.campaign-body .header {
  min-height: 500px;
}
.campaign-body .header .controls button.ss-icon.ss-gizmo {
  display: none;
}
.campaign-body .header .slide.banner {
  height: inherit !important;
}
.campaign-body [data-section="home-intro"] {
  max-width: inherit;
  text-align: center;
}
.campaign-body [data-section="home-intro"] .inner {
  margin: 0 auto;
  max-width: 900px;
}

/* ----------------------------------------------------------
gallery sections
---------------------------------------------------------- */
[data-section="gallery"] {
  padding-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  [data-section="gallery"] {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1080px) {
  [data-section="gallery"] h2 {
    margin-bottom: 40px;
  }
}

[data-section="course-cta"].dark-bg {
  background-color: #000000;
  z-index: 999;
  padding: 0 40px;
}
[data-section="course-cta"] > h3 {
  margin-top: 50px;
  margin-bottom: 50px;
  max-width: 70%;
}
@media only screen and (min-width: 520px) {
  [data-section="course-cta"] > h3 {
    max-width: none;
  }
}
[data-section="course-cta"] .down-arrow-scroll-link {
  font-size: 18px;
  font-weight: 700;
}
[data-section="course-cta"] [data-layout="six-up"] {
  margin: 0 auto;
}
[data-section="course-cta"] [data-layout="six-up"] > .cell {
  padding: 20px 10px;
}
@media only screen and (min-width: 1080px) {
  [data-section="course-cta"] {
    padding-left: 40px;
  }
  [data-section="course-cta"] .down-arrow-scroll-link {
    font-size: 22px;
  }
}

.homepage .content {
  background: #000000;
}

[data-section="course-cta"],
[data-section="home-intro"] {
  max-width: 1420px;
  margin: 0 auto;
}

/* ----------------------------------------------------------
course filter
---------------------------------------------------------- */
[data-section="course-filter"] {
  padding-bottom: 0;
}
[data-section="course-filter"] h2 {
  color: #999999;
}
[data-section="course-filter"] .filter {
  margin-bottom: 0;
  padding: 20px 0 10px;
  border-top: 1px solid #585b5b;
}
[data-section="course-filter"] .filter-item {
  margin-bottom: 20px;
}
[data-section="course-filter"] .filter-item li.select2-search-choice {
  background-color: #ffffff;
  background-image: none;
  line-height: inherit;
  padding: 3px 12px 2px 20px;
  margin: 1px;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
@media only screen and (max-width: 767px) {
  [data-section="course-filter"] .filter-item li.select2-search-choice {
    padding: 4px 12px 3px 20px;
  }
}
[data-section="course-filter"] .filter-item li.select2-search-choice a.select2-search-choice-close {
  left: 5px;
  top: 8px;
}
@media only screen and (max-width: 767px) {
  [data-section="course-filter"] .filter-item li.select2-search-choice a.select2-search-choice-close {
    top: 10px;
  }
}
[data-section="course-filter"] .filter-item:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  [data-section="course-filter"] .filter {
    margin-top: 60px;
    padding: 45px 60px 20px;
  }
  [data-section="course-filter"] .filter .filter-item .select2-container {
    max-width: none;
  }
  [data-section="course-filter"] .filter .filter-item label {
    text-align: left;
  }
  [data-section="course-filter"] .filter-item {
    width: 48%;
    float: left;
    margin-right: 4%;
    margin-bottom: 0;
  }
  [data-section="course-filter"] .filter-item:last-child {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1080px) {
  [data-section="course-filter"] .filter {
    padding-bottom: 0;
  }
}

body .select2-drop-active {
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
body .select2-results .select2-highlighted {
  background: #191c1d;
}

.select2-search {
  padding-top: 5px;
}

body.courses.programmes .select2-drop-active {
  border: 1px solid #ffffff;
}
body.courses.programmes .select2-results .select2-highlighted {
  background: #191c1d;
}
body.courses.programmes .select2-drop.select2-drop-above {
  border-radius: 0;
}
body.courses.programmes #s2id_autogen1_search, body.courses.programmes .select2-search {
  display: none;
}

/* ----------------------------------------------------------
page overview
---------------------------------------------------------- */
[data-section="page-overview"] .body p {
  max-width: 570px;
  line-height: 28px;
  font-size: 1.125em;
}
@media only screen and (min-width: 768px) {
  [data-section="page-overview"] .body p {
    max-width: 600px;
    margin-top: 30px;
    line-height: 34px;
    font-size: 1.5em;
  }
}
@media only screen and (min-width: 1080px) {
  [data-section="page-overview"] .body p {
    max-width: 800px;
    margin-top: 50px;
    line-height: 42px;
    font-size: 1.875em;
  }
}

/* ----------------------------------------------------------
apply now section
---------------------------------------------------------- */
[data-section="apply-now"] {
  padding: 0;
  text-align: center;
}
[data-section="apply-now"] .cta-intro {
  font-size: 22px;
  font-weight: 700;
  line-height: normal;
  padding: 55px 10px 30px;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}
[data-section="apply-now"] .buttons {
  margin: 0 auto;
  max-width: 400px;
}
[data-section="apply-now"] .buttons:before, [data-section="apply-now"] .buttons:after {
  content: " ";
  display: table;
}
[data-section="apply-now"] .buttons:after {
  clear: both;
}
[data-section="apply-now"] .buttons.single-special {
  margin: 0 auto !important;
}
[data-section="apply-now"] .buttons.single-special .button {
  width: auto;
  margin: 10px;
}
[data-section="apply-now"] .button {
  width: 100%;
  line-height: 25px;
  font-size: 1.125em;
  margin: 0 auto 20px auto;
  text-transform: uppercase;
  padding: 12px 50px 10px 50px;
}
[data-section="apply-now"] .expander-button {
  width: 100%;
  display: block;
  margin-bottom: 25px;
}
[data-section="apply-now"] a {
  display: block;
  font-weight: 700;
  font-size: 1.0625em;
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  [data-section="apply-now"] a {
    font-size: 1.125em;
  }
  [data-section="apply-now"] .expander-button {
    font-size: 0.9375em;
  }
  [data-section="apply-now"] .buttons {
    max-width: none;
    width: 100%;
  }
  [data-section="apply-now"] .apply_cta {
    float: right;
  }
  [data-section="apply-now"] .button, [data-section="apply-now"] .expander-button {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1080px) {
  [data-section="apply-now"] .expander-button {
    font-size: 1.125em;
  }
}
[data-section="apply-now"].green-bg {
  border-bottom: none;
}
[data-section="apply-now"].green-bg .cta-intro {
  color: #ffffff;
}
[data-section="apply-now"] .outer-wrapper {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1040px;
  margin-bottom: 70px;
}
[data-section="apply-now"] .outer-wrapper.wrapper-wider {
  margin-bottom: 40px;
  max-width: 1320px;
}
[data-section="apply-now"] .outer-wrapper.wrapper-wider .cta-intro {
  padding-bottom: 20px;
}
[data-section="apply-now"] .outer-wrapper.wrapper-restricted {
  margin-bottom: 0;
  padding: 20px 20px 0 20px;
}
@media only screen and (min-width: 768px) {
  [data-section="apply-now"] .outer-wrapper.wrapper-restricted {
    padding-bottom: 20px;
  }
  [data-section="apply-now"] .outer-wrapper.wrapper-restricted .pure-u-md-1-3 {
    padding: 0 10px;
  }
}
[data-section="apply-now"] .vertical-align-child {
  align-self: center;
}
@media only screen and (min-width: 768px) {
  [data-section="apply-now"] .display-flex {
    display: flex;
  }
}
@media only screen and (min-width: 768px) {
  [data-section="apply-now"] .flex-dir-col-md {
    flex-direction: column;
  }
}
@media only screen and (min-width: 1024px) {
  [data-section="apply-now"] .flex-dir-row-lg {
    flex-direction: row;
  }
}
[data-section="apply-now"] .align-stretch {
  align-items: stretch;
}
[data-section="apply-now"] .flex-dir-col {
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  [data-section="apply-now"] .order-3 {
    order: 3;
  }
}

.tlr-is-bordered {
  border-top: 1px solid rgba(0, 0, 0, 0.4);
  border-right: 1px solid rgba(0, 0, 0, 0.4);
  border-left: 1px solid rgba(0, 0, 0, 0.4);
}
.tlr-is-bordered > div {
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}
@media only screen and (min-width: 768px) {
  .tlr-is-bordered {
    border-left: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  }
  .tlr-is-bordered > div {
    border-bottom: none;
    border-left: 1px solid rgba(0, 0, 0, 0.4);
  }
}

.contextual-cta {
  padding: 20px 0;
}
.contextual-cta:before, .contextual-cta:after {
  content: " ";
  display: table;
}
.contextual-cta:after {
  clear: both;
}
.contextual-cta .button, .contextual-cta .expander-button {
  margin-bottom: 0px;
  text-transform: none;
}
.contextual-cta.has-lg-img {
  padding: 30px;
}
.contextual-cta.has-lg-img .image {
  max-width: 200px;
  max-height: 200px;
  margin-bottom: 25px;
  align-self: center;
}
.contextual-cta .image {
  height: auto;
  max-width: 100px;
  margin: 0 auto 25px auto;
}
.contextual-cta .image img {
  width: 100%;
  display: block;
  border-radius: 50%;
}
.contextual-cta .body {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 25px;
  font-family: "futura-pt", Helvetica, Arial, sans-serif;
  min-height: 135px;
}
.contextual-cta .body * {
  text-align: left;
  font-size: inherit;
  line-height: inherit;
}
@media only screen and (min-width: 768px) {
  .contextual-cta {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .contextual-cta .image {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1080px) {
  .contextual-cta .body p {
    font-size: 20px;
    line-height: 26px;
  }
}

/* ----------------------------------------------------------
status bar section
---------------------------------------------------------- */
[data-section="status-bar"] {
  padding: 0;
  text-align: center;
  background: #ffffff;
}
[data-section="status-bar"].status-error {
  background: #c92228;
}
[data-section="status-bar"].status-success {
  background: #029102;
}

.status-message {
  padding: 20px 10px;
}
@media only screen and (min-width: 768px) {
  .status-message {
    padding: 25px 20px;
  }
}
@media only screen and (min-width: 1080px) {
  .status-message {
    padding: 35px 20px;
  }
}

.status-message {
  color: #ffffff;
  font-size: 18px;
  line-height: 24px;
}
@media only screen and (min-width: 768px) {
  .status-message {
    font-size: 25px;
    line-height: 30px;
  }
}

.status-progress {
  background: rgba(0, 0, 0, 0.8);
}
.status-progress ul {
  margin: 0 auto;
  max-width: 660px;
  padding: 20px 0 20px 4%;
}
.status-progress li {
  width: 22%;
  float: left;
  z-index: 8;
  position: relative;
}
.status-progress li:before {
  left: 0;
  top: 50%;
  content: "";
  height: 4px;
  width: 100%;
  z-index: -9;
  margin-top: -2px;
  background: #000000;
  position: absolute;
}
.status-progress li.step-five {
  width: 5%;
  min-width: 24px;
}
.status-progress li.step-five:before {
  display: none;
}
.status-progress li a {
  width: 24px;
  height: 24px;
  display: block;
  color: #3b3e3f;
  line-height: 24px;
  background: #000000;
  border-radius: 30px;
  text-decoration: none;
}
.status-progress li a .ss-icon {
  display: none;
}
.status-progress li.current a, .status-progress li.current-bad a {
  font-size: 0;
  background: #ffffff;
  position: relative;
}
.status-progress li.current a:before, .status-progress li.current-bad a:before {
  top: 50%;
  left: 50%;
  content: "";
  width: 10px;
  height: 10px;
  margin-top: -5px;
  margin-left: -5px;
  position: absolute;
  background: #029102;
  border-radius: 10px;
}
.status-progress li.completed a {
  font-size: 0;
  background: #029102;
  position: relative;
}
.status-progress li.completed a .ss-icon {
  display: inline-block;
  left: 50%;
  color: #ffffff;
  font-size: 18px;
  margin-top: 3px;
  margin-left: -9px;
  position: absolute;
}
.status-progress li.completed:before {
  background: #029102;
}
.status-progress li.current-bad a:before {
  background: #c92228;
}
@media only screen and (min-width: 768px) {
  .status-progress ul {
    padding: 25px 0 25px 5%;
  }
  .status-progress li:before {
    height: 6px;
    margin-top: -3px;
  }
  .status-progress li a {
    width: 28px;
    height: 28px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1080px) {
  .status-progress ul {
    padding: 35px 0 35px 4%;
  }
}

/* ----------------------------------------------------------
course quick info
---------------------------------------------------------- */
[data-section="course-quick-info"] {
  background: #191c1d;
}
[data-section="course-quick-info"] hgroup h1 {
  color: #ffffff;
  font-weight: 700;
  line-height: 34px;
  text-align: center;
  font-size: 1.5em;
}
[data-section="course-quick-info"] hgroup h2 {
  margin-top: 10px;
  color: #4d5050;
  font-weight: 400;
  font-size: 1em;
}
[data-section="course-quick-info"] .locations {
  text-align: center;
  font-size: 0.9375em;
  /*
  	@ Lee - make background colors all use _color-theming.scss
  	so if bg color class name should be reflective: color-bg
  */
}
[data-section="course-quick-info"] .locations a, [data-section="course-quick-info"] .locations span {
  color: #ffffff;
  padding: 4px 14px;
  margin-left: -3px;
  display: inline-block;
  text-decoration: none;
}
[data-section="course-quick-info"] .locations a:first-child, [data-section="course-quick-info"] .locations span:first-child {
  margin-left: 0;
}
[data-section="course-quick-info"] .locations .blue {
  background: #00a5d8;
}
[data-section="course-quick-info"] .locations .green {
  background: #029102;
}
[data-section="course-quick-info"] .locations .black {
  background: #000000;
}
[data-section="course-quick-info"] .locations .yellow {
  background: #ffb600;
}
[data-section="course-quick-info"] .locations .orange {
  background: #ff4e00;
}
[data-section="course-quick-info"] .locations .purple {
  background: #79008e;
}
[data-section="course-quick-info"] .locations .pink {
  background: #e20091;
}
[data-section="course-quick-info"] .ftable {
  color: #ffffff;
  max-width: 650px;
  font-size: 0.9375em;
  margin: 30px auto 0 auto;
}
[data-section="course-quick-info"] .ftable:before, [data-section="course-quick-info"] .ftable:after {
  content: " ";
  display: table;
}
[data-section="course-quick-info"] .ftable:after {
  clear: both;
}
[data-section="course-quick-info"] .ftable li {
  padding: 10px 0;
  border-top: 1px solid #5e6161;
}
[data-section="course-quick-info"] .ftable li:before, [data-section="course-quick-info"] .ftable li:after {
  content: " ";
  display: table;
}
[data-section="course-quick-info"] .ftable li:after {
  clear: both;
}
[data-section="course-quick-info"] .ftable li strong {
  width: 30%;
  float: left;
  clear: left;
}
[data-section="course-quick-info"] .ftable li div {
  width: 69%;
  float: right;
}
[data-section="course-quick-info"] .ftable a {
  color: #ffffff;
  display: block;
}
[data-section="course-quick-info"] ul.kis {
  margin: 42px auto 0;
}
[data-section="course-quick-info"] ul.kis li {
  text-align: center;
}
@media only screen and (min-width: 1080px) {
  [data-section="course-quick-info"] {
    padding-top: 100px;
    padding-bottom: 65px;
  }
  [data-section="course-quick-info"] hgroup h1 {
    line-height: 56px;
    font-size: 2.875em;
  }
  [data-section="course-quick-info"] hgroup h2 {
    margin-top: 5px;
    line-height: 32px;
    font-size: 1.375em;
  }
  [data-section="course-quick-info"] .locations {
    font-size: 1.125em;
  }
  [data-section="course-quick-info"] .locations a, [data-section="course-quick-info"] .locations span {
    padding: 11px 25px;
  }
  [data-section="course-quick-info"] .ftable {
    margin-top: 70px;
    max-width: none;
    font-size: 1.125em;
  }
  [data-section="course-quick-info"] .ftable li {
    width: 47%;
    float: left;
    padding: 15px 0;
  }
  [data-section="course-quick-info"] .ftable li:nth-child(2) {
    float: right;
  }
  [data-section="course-quick-info"] .ftable li:nth-child(3) {
    border-bottom: 1px solid #5e6161;
  }
  [data-section="course-quick-info"] .ftable li:last-child {
    float: right;
    border-bottom: 1px solid #5e6161;
  }
}

/* ----------------------------------------------------------
two column content section
---------------------------------------------------------- */
.column {
  margin: 0 auto;
  max-width: 800px;
}

@media only screen and (min-width: 1080px) {
  .two-col {
    max-width: none;
    -moz-column-count: 2;
    -moz-column-gap: 80px;
    -webkit-column-count: 2;
    -webkit-column-gap: 80px;
    position: relative;
  }
  .two-col:before {
    left: 50%;
    top: -2px;
    content: "";
    width: 80px;
    height: 4px;
    margin-left: -40px;
    background: #ffffff;
    position: absolute;
  }
}

.body .column p {
  max-width: none;
  text-align: left;
  margin: 20px 0;
}
.body .column blockquote {
  line-height: 33px;
  font-size: 1.4375em;
}
.body .column blockquote footer {
  height: 50px;
  margin-top: 15px;
  margin-bottom: 40px;
  background-repeat: no-repeat;
  background-size: 50px auto;
  background-position: left;
}
.body .column blockquote footer span {
  display: inline-block;
  font-size: 0.69565em;
  margin: 10px 0 0 60px;
}
@media only screen and (min-width: 768px) {
  .body .column blockquote {
    line-height: 42px;
    font-size: 1.875em;
  }
  .body .column blockquote footer {
    height: 60px;
    background-size: 60px auto;
  }
  .body .column blockquote footer span {
    margin-left: 80px;
    font-size: 0.6em;
  }
  .body .column p {
    line-height: 30px;
    font-size: 1.25em;
  }
  .body .column p + ul {
    margin-top: 25px;
  }
  .body .column ul {
    font-size: 1.25em;
  }
  .body .column ul li {
    margin: 20px 0;
  }
}

[data-section="column-content"] .inner:before, [data-section="column-content"] .inner:after {
  content: " ";
  display: table;
}
[data-section="column-content"] .inner:after {
  clear: both;
}
[data-section="column-content"] .column {
  padding-top: 15px;
  border-top: 1px solid #e6e9e9;
}
@media only screen and (min-width: 768px) {
  [data-section="column-content"] .column {
    padding-top: 30px;
  }
  [data-section="column-content"] .body h2 {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1080px) {
  [data-section="column-content"] .body {
    width: 90%;
  }
  [data-section="column-content"] .body h2 {
    margin-bottom: 60px;
  }
}

/* ----------------------------------------------------------
two column content section
---------------------------------------------------------- */
[data-section="contact-cta"] .body {
  max-width: 620px;
}
[data-section="contact-cta"] .body .button {
  margin-top: 15px;
  max-width: 200px;
  font-size: 18px;
  text-transform: capitalize;
}
[data-section="contact-cta"] .body img {
  width: 70px;
  height: auto;
  border-radius: 70px;
  border: 1px solid #000000;
  top: -30px;
  left: 50%;
  margin-top: -55px;
  margin-left: -35px;
  position: absolute;
}
[data-section="contact-cta"] .body h3 {
  font-weight: 700;
  font-size: 1.125em;
  text-align: center;
  margin: 20px 0;
}
@media only screen and (min-width: 768px) {
  [data-section="contact-cta"] {
    padding-bottom: 90px;
  }
  [data-section="contact-cta"] .body img {
    width: 130px;
    border-width: 2px;
    border-radius: 130px;
    top: -70px;
    left: 50%;
    margin-top: -85px;
    margin-left: -70px;
  }
  [data-section="contact-cta"] .body h3 {
    font-size: 1.375em;
  }
  [data-section="contact-cta"] .body p {
    line-height: 30px;
    font-size: 1.25em;
  }
}

.contact-person-reference {
  text-align: center;
}
.contact-person-reference img {
  width: 100px;
  height: auto;
  margin-top: 30px;
  border-radius: 50%;
}
.contact-person-reference p {
  font-size: 22px;
  font-weight: 600;
  margin-top: 20px;
}

/* ----------------------------------------------------------
collapsible items section
---------------------------------------------------------- */
[data-section="collapsible-items"] .body {
  max-width: 800px;
}
[data-section="collapsible-items"] .body img {
  width: 100%;
  margin: 20px 0;
}
[data-section="collapsible-items"] .body p {
  text-align: left;
}
[data-section="collapsible-items"] .body blockquote {
  margin: 30px 10px;
}
[data-section="collapsible-items"] .collapsible {
  padding: 30px 0;
  border-top: 1px solid #e6e9e9;
}
[data-section="collapsible-items"] .collapsible:before, [data-section="collapsible-items"] .collapsible:after {
  content: " ";
  display: table;
}
[data-section="collapsible-items"] .collapsible:after {
  clear: both;
}
[data-section="collapsible-items"] .item:before, [data-section="collapsible-items"] .item:after {
  content: " ";
  display: table;
}
[data-section="collapsible-items"] .item:after {
  clear: both;
}
[data-section="collapsible-items"] .item .has-collapsed a {
  color: #000000;
  padding-bottom: 30px;
}
[data-section="collapsible-items"] .item .has-collapsed a .ss-icon {
  margin-top: -17px;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
[data-section="collapsible-items"] .item > h2 a {
  display: block;
  color: #b2b2b2;
  position: relative;
  text-decoration: none;
  padding: 20px 10px;
}
[data-section="collapsible-items"] .item > h2 .ss-icon {
  top: 50%;
  right: 10px;
  margin-top: -8px;
  position: absolute;
}
[data-section="collapsible-items"] .item h3, [data-section="collapsible-items"] .item h4 {
  margin-top: 20px;
  margin-left: 10px;
  text-align: left;
  font-weight: 700;
}
[data-section="collapsible-items"] .item h2 {
  margin: 0;
  text-align: left;
  font-weight: 700;
  font-size: 1.375em;
  border-top: 1px solid #e6e9e9;
}
[data-section="collapsible-items"] .item h3 {
  color: #029102;
  font-size: 1.25em;
}
[data-section="collapsible-items"] .item h3:first-of-type {
  margin-top: 0;
}
[data-section="collapsible-items"] .item h4 {
  font-size: 1.125em;
}
[data-section="collapsible-items"] .item p, [data-section="collapsible-items"] .item ul {
  margin: 10px;
}
@media only screen and (min-width: 768px) {
  [data-section="collapsible-items"] .body > h2 {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1080px) {
  [data-section="collapsible-items"] {
    padding-top: 70px;
    padding-bottom: 90px;
  }
  [data-section="collapsible-items"] .body {
    width: 90%;
    max-width: 1180px;
  }
  [data-section="collapsible-items"] .body > h2 {
    margin-bottom: 60px;
  }
  [data-section="collapsible-items"] .body img {
    margin: 20px 10px;
  }
  [data-section="collapsible-items"] .body blockquote {
    margin-top: 50px;
    padding-top: 20px;
    margin-bottom: 50px;
    border-top: 1px solid #e6e9e9;
  }
  [data-section="collapsible-items"] .collapsible {
    padding: 40px 0 60px 0;
    border-top: 1px solid #e6e9e9;
  }
  [data-section="collapsible-items"] .item:last-child h2 {
    border-bottom: 1px solid #e6e9e9;
  }
  [data-section="collapsible-items"] .item:last-child .collapsible {
    border-top: none;
  }
}

/* ----------------------------------------------------------
general section - with sidebar
---------------------------------------------------------- */
[data-section="general-section-sidebar"] .inner:before, [data-section="general-section-sidebar"] .inner:after {
  content: " ";
  display: table;
}
[data-section="general-section-sidebar"] .inner:after {
  clear: both;
}
[data-section="general-section-sidebar"].dark-bg .main {
  border-color: #585b5b;
}
@media only screen and (min-width: 520px) {
  [data-section="general-section-sidebar"] .grid li {
    width: 45%;
  }
}
@media only screen and (min-width: 1080px) {
  [data-section="general-section-sidebar"] {
    padding-top: 100px;
  }
  [data-section="general-section-sidebar"] .filter .filter-item .select2-container {
    max-width: 500px;
  }
  [data-section="general-section-sidebar"] .main {
    width: 74%;
    float: left;
    padding-bottom: 20px;
    padding-right: 6.5%;
    border-right: 1px solid #e6e9e9;
  }
  [data-section="general-section-sidebar"] aside {
    width: 26%;
    float: right;
    padding-left: 6%;
  }
}

/* ----------------------------------------------------------
general section - no sidebar
---------------------------------------------------------- */
[data-section="general-section"] article {
  position: relative;
}
[data-section="general-section"] article .category-news, [data-section="general-section"] article .category-event, [data-section="general-section"] article .category-buzz, [data-section="general-section"] article .category-career, [data-section="general-section"] article .category-international {
  top: -70px;
  position: absolute;
}
[data-section="general-section"] article time {
  display: block;
  margin: 40px 0 20px 0;
}
@media only screen and (min-width: 768px) {
  [data-section="general-section"] article time {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1080px) {
  [data-section="general-section"] {
    padding-top: 100px;
  }
  [data-section="general-section"] article .category-news, [data-section="general-section"] article .category-event, [data-section="general-section"] article .category-buzz, [data-section="general-section"] article .category-career, [data-section="general-section"] article .category-international {
    top: -90px;
  }
  [data-section="general-section"] article time {
    margin-top: -10px;
  }
}

/* ----------------------------------------------------------
blog filter
---------------------------------------------------------- */
[data-section="blog-filter"] {
  padding-bottom: 0;
}
[data-section="blog-filter"] h2 {
  color: #999999;
}
[data-section="blog-filter"] .filter {
  height: auto;
  margin-bottom: 0;
  background: none;
}
[data-section="blog-filter"] .filter ul, [data-section="blog-filter"] .filter a {
  color: #ffffff;
}
[data-section="blog-filter"] .filter a {
  text-decoration: none;
}
[data-section="blog-filter"] .filter-item-nodrop {
  display: none;
  text-align: center;
}
[data-section="blog-filter"] .filter-item-nodrop h2 {
  margin-bottom: 40px;
}
[data-section="blog-filter"] .filter-item-nodrop ul {
  display: inline-block;
  font-size: 1.25em;
}
[data-section="blog-filter"] .filter-item-nodrop ul:before, [data-section="blog-filter"] .filter-item-nodrop ul:after {
  content: " ";
  display: table;
}
[data-section="blog-filter"] .filter-item-nodrop ul:after {
  clear: both;
}
[data-section="blog-filter"] .filter-item-nodrop ul li {
  float: left;
  display: inline-block;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
[data-section="blog-filter"] .filter-item-nodrop ul li:first-child {
  border-left: 1px solid #ffffff;
}
[data-section="blog-filter"] .filter-item-nodrop ul a {
  display: block;
  padding: 14px 29px;
  -moz-transition: color 0.2s ease, background 0.2s ease;
  -o-transition: color 0.2s ease, background 0.2s ease;
  -webkit-transition: color 0.2s ease, background 0.2s ease;
  transition: color 0.2s ease, background 0.2s ease;
}
[data-section="blog-filter"] .filter-item-nodrop ul a:hover, [data-section="blog-filter"] .filter-item-nodrop ul a:focus, [data-section="blog-filter"] .filter-item-nodrop ul .current, [data-section="blog-filter"] .filter-item-nodrop ul .status-progress li.current-bad, .status-progress [data-section="blog-filter"] .filter-item-nodrop ul li.current-bad {
  color: #000000;
  background: #ffffff;
}
@media only screen and (min-width: 768px) {
  [data-section="blog-filter"] {
    padding-bottom: 40px;
  }
  [data-section="blog-filter"] .filter-item-nodrop {
    display: block;
  }
  [data-section="blog-filter"] .filter-item {
    display: none;
  }
  [data-section="blog-filter"] .filter {
    padding: 0 0 45px 0;
  }
}
@media only screen and (min-width: 1080px) {
  [data-section="blog-filter"] .filter-item-nodrop ul a {
    padding: 14px 37px;
  }
}

.blogTitle {
  padding: 100px 0;
  text-align: center;
  color: #ffffff;
}
.blogTitle h1 {
  line-height: 80px;
  font-weight: 700;
  font-size: 3.75em;
  margin: 0 auto;
  max-width: 1030px;
}
@media only screen and (max-width: 767px) {
  .blogTitle h1 {
    font-weight: 700;
    line-height: 44px;
    font-size: 2.125em;
    max-width: 1030px;
    margin: 0 auto;
    padding: 0 20px;
  }
}

/* ----------------------------------------------------------
filters - select2
---------------------------------------------------------- */
.filter .filter-item label {
  display: block;
  text-align: center;
  margin-bottom: 10px;
}
.filter .filter-item .select2-container {
  display: block;
  max-width: 400px;
  margin: 0 auto !important;
}
.filter .filter-item .select2-container a {
  color: #000000 !important;
}
.filter .filter-item .select2-container-multi .select2-choices .select2-search-field input {
  color: #1a1d1e;
}
.filter .filter-item .select2-container-multi .select2-choices {
  border-color: #1a1d1e;
}
.filter .filter-item .select2-container .select2-choices {
  color: #1a1d1e;
  padding: 10px 20px;
}
@media only screen and (min-width: 768px) {
  .filter .filter-item label {
    font-size: 1.25em;
    margin-bottom: 15px;
  }
}

.dark-bg .filter-item label {
  color: #999999 !important;
}
.dark-bg .filter-item .select2-container a {
  color: #ffffff !important;
}
.dark-bg .filter-item .select2-container .select2-choice {
  color: #ffffff;
  border-color: #ffffff;
  background-color: #1a1d1e;
}
.dark-bg .filter-item .select2-container .select2-choice .select2-arrow {
  border-left: 1px solid #ffffff;
}
.dark-bg .filter-item .select2-container-multi {
  margin-bottom: 20px;
  background-color: #1a1d1e;
}
.dark-bg .filter-item .select2-container .select2-choices {
  color: #ffffff;
  padding: 10px 20px;
  border-color: #ffffff;
  background-color: #1a1d1e;
}
.dark-bg .filter-item .select2-container-multi .select2-choices .select2-search-field input {
  color: #ffffff;
}
.dark-bg .filter-item .select2-container .select2-choice .select2-arrow b {
  background-position: 0px -54px;
}
.dark-bg .filter-item .select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -50px -54px;
}
@media only screen and (min-width: 768px) {
  .dark-bg .filter-item .select2-container .select2-choices {
    padding: 11px 25px;
  }
  .dark-bg .filter-item .select2-container .select2-choice .select2-arrow b {
    background-position: 0px -50px !important;
  }
  .dark-bg .filter-item .select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -50px -50px !important;
  }
}

.quick-form-wrapper .form-panel {
  display: none;
  border-top: 1px solid rgba(0, 0, 0, 0.4);
}
.quick-form-wrapper [data-panel="success"], .quick-form-wrapper [data-panel="error"] {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2em;
  padding: 35px 10px;
}
.green-bg .quick-form-wrapper [data-panel="success"] .ss-icon, .blue-bg .quick-form-wrapper [data-panel="success"] .ss-icon, .pink-bg .quick-form-wrapper [data-panel="success"] .ss-icon, .purple-bg .quick-form-wrapper [data-panel="success"] .ss-icon, .orange-bg .quick-form-wrapper [data-panel="success"] .ss-icon, .yellow-bg .quick-form-wrapper [data-panel="success"] .ss-icon, .green-bg .quick-form-wrapper [data-panel="error"] .ss-icon, .blue-bg .quick-form-wrapper [data-panel="error"] .ss-icon, .pink-bg .quick-form-wrapper [data-panel="error"] .ss-icon, .purple-bg .quick-form-wrapper [data-panel="error"] .ss-icon, .orange-bg .quick-form-wrapper [data-panel="error"] .ss-icon, .yellow-bg .quick-form-wrapper [data-panel="error"] .ss-icon {
  color: #ffffff;
  border-color: #ffffff;
}
.quick-form-wrapper [data-panel="success"] .ss-icon, .quick-form-wrapper [data-panel="error"] .ss-icon {
  font-size: inherit;
  line-height: 43px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  border: 1px solid #191c1d;
}
.quick-form-wrapper [data-panel="success"] span, .quick-form-wrapper [data-panel="success"] .ss-icon, .quick-form-wrapper [data-panel="error"] span, .quick-form-wrapper [data-panel="error"] .ss-icon {
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .quick-form-wrapper [data-panel="success"], .quick-form-wrapper [data-panel="error"] {
    font-size: 30px;
  }
  .quick-form-wrapper [data-panel="success"] .ss-icon, .quick-form-wrapper [data-panel="error"] .ss-icon {
    margin-right: 20px;
    line-height: 83px;
    width: 80px;
    height: 80px;
  }
}
@media only screen and (min-width: 1080px) {
  .quick-form-wrapper [data-panel="success"], .quick-form-wrapper [data-panel="error"] {
    padding: 70px 0;
  }
}
.quick-form-wrapper .prospectus-form,
.quick-form-wrapper .bookAtour-form {
  max-width: 400px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 70px;
}
.quick-form-wrapper .prospectus-form input[type="submit"],
.quick-form-wrapper .bookAtour-form input[type="submit"] {
  float: none;
  margin: 0 auto;
  width: 100%;
}
.quick-form-wrapper .prospectus-form label,
.quick-form-wrapper .bookAtour-form label {
  text-align: left;
}
.quick-form-wrapper .prospectus-form .form-intro,
.quick-form-wrapper .bookAtour-form .form-intro {
  padding-top: 65px;
}
.quick-form-wrapper .prospectus-form .row,
.quick-form-wrapper .bookAtour-form .row {
  max-width: none;
}
.quick-form-wrapper .prospectus-form .row .col,
.quick-form-wrapper .bookAtour-form .row .col {
  width: 100%;
}
.quick-form-wrapper .prospectus-form .three-up,
.quick-form-wrapper .bookAtour-form .three-up {
  margin-top: 0px;
}
.quick-form-wrapper .prospectus-form .three-up .col,
.quick-form-wrapper .bookAtour-form .three-up .col {
  margin-bottom: 25px;
}
.quick-form-wrapper .prospectus-form .custom-checkbox-layout,
.quick-form-wrapper .bookAtour-form .custom-checkbox-layout {
  margin-top: 30px;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
.quick-form-wrapper .prospectus-form .custom-checkbox-layout > label,
.quick-form-wrapper .bookAtour-form .custom-checkbox-layout > label {
  text-align: center;
  margin-bottom: 30px;
}
@media only screen and (min-width: 520px) {
  .quick-form-wrapper .form-section .col {
    float: none;
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) {
  .quick-form-wrapper .form-section {
    width: auto;
    max-width: none;
    padding-top: 90px;
  }
  .quick-form-wrapper .form-section .col {
    float: none;
    margin-left: 0;
  }
  .quick-form-wrapper .form-section input[type="submit"] {
    width: 32%;
    max-width: 365px;
  }
  .quick-form-wrapper .form-section .three-up {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
  }
  .quick-form-wrapper .form-section .three-up.youPref .col {
    float: none;
    display: inline-block;
    text-align: center;
  }
  .quick-form-wrapper .form-section .three-up.youPref .col label {
    text-align: center;
  }
  .quick-form-wrapper .form-section .three-up.youPref .col .select2-container a.select2-choice {
    margin-top: 0;
  }
  .quick-form-wrapper .form-section .three-up .col {
    width: 32%;
    float: left;
    margin-left: 2%;
  }
  .quick-form-wrapper .form-section .three-up .col:first-child {
    margin-left: 0;
  }
  .quick-form-wrapper .form-section .custom-checkbox-layout .col {
    width: 48%;
    margin-right: 0;
    display: inline-block;
  }
}
@media only screen and (min-width: 1024px) {
  .quick-form-wrapper .form-section .custom-checkbox-layout .col {
    width: 31%;
  }
}

[data-section="contact-cta"][data-page-controller="quick-form"] {
  padding-bottom: 10px;
}
[data-section="contact-cta"][data-page-controller="quick-form"] .quick-form-wrapper {
  margin-top: 30px;
}
[data-section="contact-cta"][data-page-controller="quick-form"] .form-panel {
  margin: 0 auto;
  max-width: 700px;
  padding-top: 20px;
}
[data-section="contact-cta"][data-page-controller="quick-form"] .form-section fieldset {
  margin-bottom: 0;
}
[data-section="contact-cta"][data-page-controller="quick-form"] .form-section .row:not(.has-radio-checkbox) .col input, [data-section="contact-cta"][data-page-controller="quick-form"] .form-section .row:not(.has-radio-checkbox) .col .select2-container, [data-section="contact-cta"][data-page-controller="quick-form"] .form-section .row:not(.has-radio-checkbox) .col textarea {
  max-width: none;
}
@media only screen and (min-width: 520px) {
  [data-section="contact-cta"][data-page-controller="quick-form"] .form-section .row:not(.has-radio-checkbox) .col {
    width: 48%;
    float: left;
    margin-left: 4%;
  }
  [data-section="contact-cta"][data-page-controller="quick-form"] .form-section .row:not(.has-radio-checkbox) .col:first-child {
    margin-left: 0;
  }
}

/* ----------------------------------------------------------
load our site themes
---------------------------------------------------------- */
.header.blue-bg {
  background-color: #00a5d8;
}

.header.yellow-bg {
  background-color: #ffb600;
}

.header.orange-bg {
  background-color: #ff4e00;
}

.header.purple-bg {
  background-color: #79008e;
}

.header.green-bg {
  background-color: #029102;
}

.header.pink-bg {
  background-color: #e20091;
}

.blue-bg {
  background-color: #00a5d8;
}

.yellow-bg {
  background-color: #ffb600;
}

.orange-bg {
  background-color: #ff4e00;
}

.purple-bg {
  background-color: #79008e;
}

.green-bg {
  background-color: #029102;
}

.pink-bg {
  background-color: #e20091;
}

.dark-bg {
  background-color: #191c1d;
}

.light-bg {
  background-color: #ffffff;
}

.green-bg-light {
  background-color: #F2F9F2;
}

.blue-bg-light {
  background-color: #F2FAFD;
}

.pink-bg-light {
  background-color: #FDF2F9;
}

.purple-bg-light {
  background-color: #F8F2F9;
}

.yellow-bg-light {
  background-color: #FFFBF2;
}

.orange-bg-light {
  background-color: #FEF6F4;
}

.green-bg-light textarea, .green-bg-light input,
.blue-bg-light textarea,
.blue-bg-light input,
.purple-bg-light textarea,
.purple-bg-light input,
.pink-bg-light textarea,
.pink-bg-light input,
.yellow-bg-light textarea,
.yellow-bg-light input,
.orange-bg-light textarea,
.orange-bg-light input {
  background-color: transparent;
}

.green-bg,
.purple-bg,
.blue-bg,
.pink-bg,
.orange-bg,
.yellow-bg,
.dark-bg {
  color: #ffffff;
  /* Firefox 18- */
  /* Firefox 19+ */
}
.green-bg .content,
.purple-bg .content,
.blue-bg .content,
.pink-bg .content,
.orange-bg .content,
.yellow-bg .content,
.dark-bg .content {
  color: #ffffff;
}
.green-bg a, .green-bg h1, .green-bg h3, .green-bg h4,
.purple-bg a,
.purple-bg h1,
.purple-bg h3,
.purple-bg h4,
.blue-bg a,
.blue-bg h1,
.blue-bg h3,
.blue-bg h4,
.pink-bg a,
.pink-bg h1,
.pink-bg h3,
.pink-bg h4,
.orange-bg a,
.orange-bg h1,
.orange-bg h3,
.orange-bg h4,
.yellow-bg a,
.yellow-bg h1,
.yellow-bg h3,
.yellow-bg h4,
.dark-bg a,
.dark-bg h1,
.dark-bg h3,
.dark-bg h4 {
  color: #ffffff;
}
.green-bg article h2,
.purple-bg article h2,
.blue-bg article h2,
.pink-bg article h2,
.orange-bg article h2,
.yellow-bg article h2,
.dark-bg article h2 {
  color: #ffffff;
}
.green-bg .expander-button,
.purple-bg .expander-button,
.blue-bg .expander-button,
.pink-bg .expander-button,
.orange-bg .expander-button,
.yellow-bg .expander-button,
.dark-bg .expander-button {
  color: #ffffff;
  border: 1px solid #ffffff;
}
.green-bg .expander-button:hover, .green-bg .expander-button:focus,
.purple-bg .expander-button:hover,
.purple-bg .expander-button:focus,
.blue-bg .expander-button:hover,
.blue-bg .expander-button:focus,
.pink-bg .expander-button:hover,
.pink-bg .expander-button:focus,
.orange-bg .expander-button:hover,
.orange-bg .expander-button:focus,
.yellow-bg .expander-button:hover,
.yellow-bg .expander-button:focus,
.dark-bg .expander-button:hover,
.dark-bg .expander-button:focus {
  background-color: #ffffff;
}
.green-bg .button,
.purple-bg .button,
.blue-bg .button,
.pink-bg .button,
.orange-bg .button,
.yellow-bg .button,
.dark-bg .button {
  background: #ffffff;
}
.green-bg .button:hover, .green-bg .button:focus,
.purple-bg .button:hover,
.purple-bg .button:focus,
.blue-bg .button:hover,
.blue-bg .button:focus,
.pink-bg .button:hover,
.pink-bg .button:focus,
.orange-bg .button:hover,
.orange-bg .button:focus,
.yellow-bg .button:hover,
.yellow-bg .button:focus,
.dark-bg .button:hover,
.dark-bg .button:focus {
  color: #ffffff !important;
  border-color: #ffffff;
}
.green-bg .button.green-bg,
.purple-bg .button.green-bg,
.blue-bg .button.green-bg,
.pink-bg .button.green-bg,
.orange-bg .button.green-bg,
.yellow-bg .button.green-bg,
.dark-bg .button.green-bg {
  color: #ffffff;
  background: #029102;
}
.green-bg .button.green-bg:hover, .green-bg .button.green-bg:focus,
.purple-bg .button.green-bg:hover,
.purple-bg .button.green-bg:focus,
.blue-bg .button.green-bg:hover,
.blue-bg .button.green-bg:focus,
.pink-bg .button.green-bg:hover,
.pink-bg .button.green-bg:focus,
.orange-bg .button.green-bg:hover,
.orange-bg .button.green-bg:focus,
.yellow-bg .button.green-bg:hover,
.yellow-bg .button.green-bg:focus,
.dark-bg .button.green-bg:hover,
.dark-bg .button.green-bg:focus {
  color: #029102 !important;
  border-color: #029102;
}
.green-bg legend, .green-bg label, .green-bg input, .green-bg textarea,
.purple-bg legend,
.purple-bg label,
.purple-bg input,
.purple-bg textarea,
.blue-bg legend,
.blue-bg label,
.blue-bg input,
.blue-bg textarea,
.pink-bg legend,
.pink-bg label,
.pink-bg input,
.pink-bg textarea,
.orange-bg legend,
.orange-bg label,
.orange-bg input,
.orange-bg textarea,
.yellow-bg legend,
.yellow-bg label,
.yellow-bg input,
.yellow-bg textarea,
.dark-bg legend,
.dark-bg label,
.dark-bg input,
.dark-bg textarea {
  color: #ffffff !important;
}
.green-bg input, .green-bg textarea,
.purple-bg input,
.purple-bg textarea,
.blue-bg input,
.blue-bg textarea,
.pink-bg input,
.pink-bg textarea,
.orange-bg input,
.orange-bg textarea,
.yellow-bg input,
.yellow-bg textarea,
.dark-bg input,
.dark-bg textarea {
  border-color: #ffffff !important;
}
.green-bg ::-webkit-input-placeholder,
.purple-bg ::-webkit-input-placeholder,
.blue-bg ::-webkit-input-placeholder,
.pink-bg ::-webkit-input-placeholder,
.orange-bg ::-webkit-input-placeholder,
.yellow-bg ::-webkit-input-placeholder,
.dark-bg ::-webkit-input-placeholder {
  color: #ffffff;
}
.green-bg :-moz-placeholder,
.purple-bg :-moz-placeholder,
.blue-bg :-moz-placeholder,
.pink-bg :-moz-placeholder,
.orange-bg :-moz-placeholder,
.yellow-bg :-moz-placeholder,
.dark-bg :-moz-placeholder {
  color: #ffffff;
}
.green-bg ::-moz-placeholder,
.purple-bg ::-moz-placeholder,
.blue-bg ::-moz-placeholder,
.pink-bg ::-moz-placeholder,
.orange-bg ::-moz-placeholder,
.yellow-bg ::-moz-placeholder,
.dark-bg ::-moz-placeholder {
  color: #ffffff;
}
.green-bg :-ms-input-placeholder,
.purple-bg :-ms-input-placeholder,
.blue-bg :-ms-input-placeholder,
.pink-bg :-ms-input-placeholder,
.orange-bg :-ms-input-placeholder,
.yellow-bg :-ms-input-placeholder,
.dark-bg :-ms-input-placeholder {
  color: #ffffff;
}
.green-bg input[type="checkbox"]:checked:after,
.purple-bg input[type="checkbox"]:checked:after,
.blue-bg input[type="checkbox"]:checked:after,
.pink-bg input[type="checkbox"]:checked:after,
.orange-bg input[type="checkbox"]:checked:after,
.yellow-bg input[type="checkbox"]:checked:after,
.dark-bg input[type="checkbox"]:checked:after {
  color: #ffffff;
}
.green-bg input[type="checkbox"]:before, .green-bg input[type="radio"]:before,
.purple-bg input[type="checkbox"]:before,
.purple-bg input[type="radio"]:before,
.blue-bg input[type="checkbox"]:before,
.blue-bg input[type="radio"]:before,
.pink-bg input[type="checkbox"]:before,
.pink-bg input[type="radio"]:before,
.orange-bg input[type="checkbox"]:before,
.orange-bg input[type="radio"]:before,
.yellow-bg input[type="checkbox"]:before,
.yellow-bg input[type="radio"]:before,
.dark-bg input[type="checkbox"]:before,
.dark-bg input[type="radio"]:before {
  border-color: #ffffff;
}
.green-bg input[type="checkbox"]:checked:before,
.purple-bg input[type="checkbox"]:checked:before,
.blue-bg input[type="checkbox"]:checked:before,
.pink-bg input[type="checkbox"]:checked:before,
.orange-bg input[type="checkbox"]:checked:before,
.yellow-bg input[type="checkbox"]:checked:before,
.dark-bg input[type="checkbox"]:checked:before {
  border-color: #ffffff;
}
.green-bg .select2-container .select2-choice, .green-bg .select2-container-multi .select2-choices,
.purple-bg .select2-container .select2-choice,
.purple-bg .select2-container-multi .select2-choices,
.blue-bg .select2-container .select2-choice,
.blue-bg .select2-container-multi .select2-choices,
.pink-bg .select2-container .select2-choice,
.pink-bg .select2-container-multi .select2-choices,
.orange-bg .select2-container .select2-choice,
.orange-bg .select2-container-multi .select2-choices,
.yellow-bg .select2-container .select2-choice,
.yellow-bg .select2-container-multi .select2-choices,
.dark-bg .select2-container .select2-choice,
.dark-bg .select2-container-multi .select2-choices {
  color: #ffffff;
  border-color: #ffffff;
}
.green-bg .select2-container .select2-choice .select2-arrow, .green-bg .select2-container-multi .select2-choices .select2-arrow,
.purple-bg .select2-container .select2-choice .select2-arrow,
.purple-bg .select2-container-multi .select2-choices .select2-arrow,
.blue-bg .select2-container .select2-choice .select2-arrow,
.blue-bg .select2-container-multi .select2-choices .select2-arrow,
.pink-bg .select2-container .select2-choice .select2-arrow,
.pink-bg .select2-container-multi .select2-choices .select2-arrow,
.orange-bg .select2-container .select2-choice .select2-arrow,
.orange-bg .select2-container-multi .select2-choices .select2-arrow,
.yellow-bg .select2-container .select2-choice .select2-arrow,
.yellow-bg .select2-container-multi .select2-choices .select2-arrow,
.dark-bg .select2-container .select2-choice .select2-arrow,
.dark-bg .select2-container-multi .select2-choices .select2-arrow {
  border-left-color: #ffffff;
}
.green-bg .select2-container .select2-choice .select2-arrow b, .green-bg .select2-container-multi .select2-choices .select2-arrow b,
.purple-bg .select2-container .select2-choice .select2-arrow b,
.purple-bg .select2-container-multi .select2-choices .select2-arrow b,
.blue-bg .select2-container .select2-choice .select2-arrow b,
.blue-bg .select2-container-multi .select2-choices .select2-arrow b,
.pink-bg .select2-container .select2-choice .select2-arrow b,
.pink-bg .select2-container-multi .select2-choices .select2-arrow b,
.orange-bg .select2-container .select2-choice .select2-arrow b,
.orange-bg .select2-container-multi .select2-choices .select2-arrow b,
.yellow-bg .select2-container .select2-choice .select2-arrow b,
.yellow-bg .select2-container-multi .select2-choices .select2-arrow b,
.dark-bg .select2-container .select2-choice .select2-arrow b,
.dark-bg .select2-container-multi .select2-choices .select2-arrow b {
  background-position: 0 -54px;
}
.green-bg .select2-dropdown-open .select2-choice .select2-arrow b,
.purple-bg .select2-dropdown-open .select2-choice .select2-arrow b,
.blue-bg .select2-dropdown-open .select2-choice .select2-arrow b,
.pink-bg .select2-dropdown-open .select2-choice .select2-arrow b,
.orange-bg .select2-dropdown-open .select2-choice .select2-arrow b,
.yellow-bg .select2-dropdown-open .select2-choice .select2-arrow b,
.dark-bg .select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -50px -54px;
}
@media only screen and (min-width: 768px) {
  .green-bg .select2-container .select2-choice .select2-arrow b,
  .purple-bg .select2-container .select2-choice .select2-arrow b,
  .blue-bg .select2-container .select2-choice .select2-arrow b,
  .pink-bg .select2-container .select2-choice .select2-arrow b,
  .orange-bg .select2-container .select2-choice .select2-arrow b,
  .yellow-bg .select2-container .select2-choice .select2-arrow b,
  .dark-bg .select2-container .select2-choice .select2-arrow b {
    background-position: 0 -50px;
  }
  .green-bg .select2-dropdown-open .select2-choice .select2-arrow b,
  .purple-bg .select2-dropdown-open .select2-choice .select2-arrow b,
  .blue-bg .select2-dropdown-open .select2-choice .select2-arrow b,
  .pink-bg .select2-dropdown-open .select2-choice .select2-arrow b,
  .orange-bg .select2-dropdown-open .select2-choice .select2-arrow b,
  .yellow-bg .select2-dropdown-open .select2-choice .select2-arrow b,
  .dark-bg .select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -50px -50px;
  }
}

.blue-bg input[type="checkbox"]:before {
  background: #00a5d8;
}
.blue-bg input[type="checkbox"]:checked:before {
  background: #00a5d8;
}
.blue-bg input, .blue-bg textarea {
  background: #00a5d8;
}
.blue-bg .select2-container .select2-choice, .blue-bg .select2-container-multi .select2-choices {
  background: #00a5d8;
}
.blue-bg .expander-button:hover, .blue-bg .expander-button:focus {
  color: #00a5d8;
}
.blue-bg .button {
  color: #00a5d8 !important;
}
.blue-bg .button:hover, .blue-bg .button:focus {
  background: #00a5d8;
}

.blue-bg-light input[type="checkbox"]:before {
  background: #F2FAFD;
}
.blue-bg-light input[type="checkbox"]:checked:before {
  background: #00a5d8;
  border-color: #00a5d8;
}
.blue-bg-light input[type="submit"], .blue-bg-light .button {
  background-color: #00a5d8;
  border-color: #00a5d8;
}
.blue-bg-light input[type="submit"]:hover, .blue-bg-light input[type="submit"]:focus, .blue-bg-light .button:hover, .blue-bg-light .button:focus {
  color: #00a5d8;
  border-color: #00a5d8;
  background-color: #F2FAFD;
}
.blue-bg-light .expander-button {
  color: #00a5d8;
  border: 1px solid #00a5d8;
}
.blue-bg-light .expander-button:hover, .blue-bg-light .expander-button:focus {
  color: #ffffff;
  background-color: #00a5d8;
}

.green-bg input[type="checkbox"]:before {
  background: #029102;
}
.green-bg input, .green-bg textarea {
  background: #029102;
}
.green-bg .select2-container .select2-choice, .green-bg .select2-container-multi .select2-choices {
  background: #029102;
}
.green-bg .expander-button:hover, .green-bg .expander-button:focus {
  color: #029102;
}
.green-bg .button {
  color: #029102 !important;
}
.green-bg .button:hover, .green-bg .button:focus {
  background: #029102;
}

.green-bg-light input[type="checkbox"]:before {
  background: #F2F9F2;
}
.green-bg-light input[type="submit"], .green-bg-light .button {
  background-color: #029102;
  border-color: #029102;
}
.green-bg-light input[type="submit"]:hover, .green-bg-light input[type="submit"]:focus, .green-bg-light .button:hover, .green-bg-light .button:focus {
  color: #029102;
  border-color: #029102;
  background-color: #F2F9F2;
}
.green-bg-light .expander-button {
  color: #029102;
  border: 1px solid #029102;
}
.green-bg-light .expander-button:hover, .green-bg-light .expander-button:focus {
  color: #ffffff;
  background-color: #029102;
}

.green-bg-white input[type="submit"], .green-bg-white .button {
  background-color: #029102;
  border-color: #029102;
}
.green-bg-white input[type="submit"]:hover, .green-bg-white input[type="submit"]:focus, .green-bg-white .button:hover, .green-bg-white .button:focus {
  color: #029102;
  border-color: #029102;
  background-color: #ffffff;
}
.green-bg-white .expander-button {
  color: #029102;
  border: 1px solid #029102;
}
.green-bg-white .expander-button:hover, .green-bg-white .expander-button:focus {
  color: #ffffff;
  background-color: #029102;
}

.pink-bg input[type="checkbox"]:before {
  background: #e20091;
}
.pink-bg input[type="checkbox"]:checked:before {
  background: #e20091;
}
.pink-bg input, .pink-bg textarea {
  background: #e20091;
}
.pink-bg .select2-container .select2-choice, .pink-bg .select2-container-multi .select2-choices {
  background: #e20091;
}
.pink-bg .expander-button:hover, .pink-bg .expander-button:focus {
  color: #e20091;
}
.pink-bg .button {
  color: #e20091 !important;
}
.pink-bg .button:hover, .pink-bg .button:focus {
  background: #e20091;
}

.pink-bg-light input[type="checkbox"]:before {
  background: #FDF2F9;
}
.pink-bg-light input[type="checkbox"]:checked:before {
  background: #e20091;
  border-color: #e20091;
}
.pink-bg-light input[type="submit"], .pink-bg-light .button {
  background-color: #e20091;
  border-color: #e20091;
}
.pink-bg-light input[type="submit"]:hover, .pink-bg-light input[type="submit"]:focus, .pink-bg-light .button:hover, .pink-bg-light .button:focus {
  color: #e20091;
  border-color: #e20091;
  background-color: #FDF2F9;
}
.pink-bg-light .expander-button {
  color: #e20091;
  border: 1px solid #e20091;
}
.pink-bg-light .expander-button:hover, .pink-bg-light .expander-button:focus {
  color: #ffffff;
  background-color: #e20091;
}

.purple-bg input[type="checkbox"]:before {
  background: #79008e;
}
.purple-bg input[type="checkbox"]:checked:before {
  background: #79008e;
}
.purple-bg input, .purple-bg textarea {
  background: #79008e;
}
.purple-bg .select2-container .select2-choice, .purple-bg .select2-container-multi .select2-choices {
  background: #79008e;
}
.purple-bg .expander-button:hover, .purple-bg .expander-button:focus {
  color: #79008e;
}
.purple-bg .button {
  color: #79008e !important;
}
.purple-bg .button:hover, .purple-bg .button:focus {
  background: #79008e;
}

.purple-bg-light input[type="checkbox"]:before {
  background: #F8F2F9;
}
.purple-bg-light input[type="checkbox"]:checked:before {
  background: #79008e;
  border-color: #79008e;
}
.purple-bg-light input[type="submit"], .purple-bg-light .button {
  background-color: #79008e;
  border-color: #79008e;
}
.purple-bg-light input[type="submit"]:hover, .purple-bg-light input[type="submit"]:focus, .purple-bg-light .button:hover, .purple-bg-light .button:focus {
  color: #79008e;
  border-color: #79008e;
  background-color: #F8F2F9;
}
.purple-bg-light .expander-button {
  color: #79008e;
  border: 1px solid #79008e;
}
.purple-bg-light .expander-button:hover, .purple-bg-light .expander-button:focus {
  color: #ffffff;
  background-color: #79008e;
}

.orange-bg input[type="checkbox"]:before {
  background: #ff4e00;
}
.orange-bg input[type="checkbox"]:checked:before {
  background: #ff4e00;
}
.orange-bg input, .orange-bg textarea {
  background: #ff4e00;
}
.orange-bg .select2-container .select2-choice, .orange-bg .select2-container-multi .select2-choices {
  background: #ff4e00;
}
.orange-bg .expander-button:hover, .orange-bg .expander-button:focus {
  color: #ff4e00;
}
.orange-bg .button {
  color: #ff4e00 !important;
}
.orange-bg .button:hover, .orange-bg .button:focus {
  background: #ff4e00;
}

.orange-bg-light input[type="checkbox"]:before {
  background: #FEF6F4;
}
.orange-bg-light input[type="checkbox"]:checked:before {
  background: #ff4e00;
  border-color: #ff4e00;
}
.orange-bg-light input[type="submit"], .orange-bg-light .button {
  background-color: #ff4e00;
  border-color: #ff4e00;
}
.orange-bg-light input[type="submit"]:hover, .orange-bg-light input[type="submit"]:focus, .orange-bg-light .button:hover, .orange-bg-light .button:focus {
  color: #ff4e00;
  border-color: #ff4e00;
  background-color: #FEF6F4;
}
.orange-bg-light .expander-button {
  color: #ff4e00;
  border: 1px solid #ff4e00;
}
.orange-bg-light .expander-button:hover, .orange-bg-light .expander-button:focus {
  color: #ffffff;
  background-color: #ff4e00;
}

.yellow-bg input[type="checkbox"]:before {
  background: #ffb600;
}
.yellow-bg input[type="checkbox"]:checked:before {
  background: #ffb600;
}
.yellow-bg input, .yellow-bg textarea {
  background: #ffb600;
}
.yellow-bg .select2-container .select2-choice, .yellow-bg .select2-container-multi .select2-choices {
  background: #ffb600;
}
.yellow-bg .expander-button:hover, .yellow-bg .expander-button:focus {
  color: #ffb600;
}
.yellow-bg .button {
  color: #ffb600 !important;
}
.yellow-bg .button:hover, .yellow-bg .button:focus {
  background: #ffb600;
}

.yellow-bg-light input[type="checkbox"]:before {
  background: #FFFBF2;
}
.yellow-bg-light input[type="checkbox"]:checked:before {
  background: #ffb600;
  border-color: #ffb600;
}
.yellow-bg-light input[type="submit"], .yellow-bg-light .button {
  background-color: #ffb600;
  border-color: #ffb600;
}
.yellow-bg-light input[type="submit"]:hover, .yellow-bg-light input[type="submit"]:focus, .yellow-bg-light .button:hover, .yellow-bg-light .button:focus {
  color: #ffb600;
  border-color: #ffb600;
  background-color: #FFFBF2;
}
.yellow-bg-light .expander-button {
  color: #ffb600;
  border: 1px solid #ffb600;
}
.yellow-bg-light .expander-button:hover, .yellow-bg-light .expander-button:focus {
  color: #ffffff;
  background-color: #ffb600;
}

.dark-bg .title {
  color: white;
}
.dark-bg article figure, .dark-bg figcaption, .dark-bg blockquote {
  border-color: #585b5b;
}
.dark-bg legend {
  border-bottom-color: #585b5b;
}
.dark-bg input[type="checkbox"]:before, .dark-bg input[type="radio"]:before {
  background: #191c1d;
  border-color: #ffffff;
}
.dark-bg input, .dark-bg textarea {
  background: #191c1d;
}
.dark-bg button, .dark-bg input[type="submit"], .dark-bg .button {
  color: #191c1d !important;
  background: #ffffff;
}
.dark-bg button:hover, .dark-bg input[type="submit"]:hover, .dark-bg .button:hover {
  color: #ffffff;
  background: #191c1d;
}
.dark-bg .select2-container .select2-choice, .dark-bg .select2-container-multi .select2-choices {
  background: #191c1d;
}
.dark-bg [data-panel="success"] .title {
  color: #ffffff;
}

[data-widget="socialFeed"] .feed-item {
  display: none;
  opacity: 0;
  -moz-transition: -moz-transform 0.1s ease-out, opacity 0.2s ease-in-out;
  -o-transition: -o-transform 0.1s ease-out, opacity 0.2s ease-in-out;
  -webkit-transition: -webkit-transform 0.1s ease-out, opacity 0.2s ease-in-out;
  transition: transform 0.1s ease-out, opacity 0.2s ease-in-out;
  -moz-transform: translate(0, -30px);
  -ms-transform: translate(0, -30px);
  -webkit-transform: translate(0, -30px);
  transform: translate(0, -30px);
}
[data-widget="socialFeed"] .feed-item.is-selected {
  display: block;
  opacity: 1;
  -moz-transform: translate(0, 0px);
  -ms-transform: translate(0, 0px);
  -webkit-transform: translate(0, 0px);
  transform: translate(0, 0px);
}

[data-widget="tabs"] {
  font-size: 19px;
  position: relative;
  z-index: 800;
}
[data-widget="tabs"]:before, [data-widget="tabs"]:after {
  content: " ";
  display: table;
}
[data-widget="tabs"]:after {
  clear: both;
}
[data-widget="tabs"] .mobile-mode {
  max-width: 400px;
  border: 1px solid #ffffff;
  margin: 1em auto;
  position: relative;
}
[data-widget="tabs"] .mobile-mode .hidden {
  display: none;
}
[data-widget="tabs"] .mobile-mode .dropdown {
  position: absolute;
  z-index: 1;
  top: 100%;
  left: -1px;
  right: -1px;
}
[data-widget="tabs"] .mobile-mode .dropdown button {
  background: #191c1d;
  display: block;
  color: #ffffff;
  padding: 14px 20px;
  font-size: 19px;
  margin: 0;
  position: relative;
  cursor: pointer;
  outline: none;
  font-family: "futura-pt", Helvetica, Arial, sans-serif;
  -moz-transition: color 0.2s ease, background 0.2s ease;
  -o-transition: color 0.2s ease, background 0.2s ease;
  -webkit-transition: color 0.2s ease, background 0.2s ease;
  transition: color 0.2s ease, background 0.2s ease;
  display: block;
  position: relative;
  height: 52px;
  width: 100%;
  border: 1px solid #ffffff;
  border-width: 0px 1px 1px 1px;
}
[data-widget="tabs"] .mobile-mode .dropdown button:hover, [data-widget="tabs"] .mobile-mode .dropdown button:focus, [data-widget="tabs"] .mobile-mode .dropdown button.active {
  color: #000000;
  background: #ffffff;
}
[data-widget="tabs"] .mobile-mode .dropdown button.active:after {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 14px solid #ffffff;
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -14px;
}
[data-widget="tabs"] .mobile-mode .dropdown button:first-child {
  border-top: 1px solid #ffffff;
}
[data-widget="tabs"] .mobile-mode .selection {
  z-index: 2;
  height: 52px;
  position: relative;
  background: #191c1d;
}
[data-widget="tabs"] .mobile-mode .selection label {
  color: #ffffff;
  line-height: 52px;
  padding-left: 1em;
}
[data-widget="tabs"] .mobile-mode .selection button {
  width: 50px;
  height: 52px;
  float: right;
  border: 0px none;
  display: inline-block;
  border-left: 1px solid #ffffff;
  background: url("/assets/img/select-2-custom.png") 0 -50px no-repeat;
}
[data-widget="tabs"] .mobile-mode .dropdown button {
  margin-top: -52px;
  opacity: 0.3;
  -moz-transition: margin-top 0.2s ease, opacity 0.2s ease;
  -o-transition: margin-top 0.2s ease, opacity 0.2s ease;
  -webkit-transition: margin-top 0.2s ease, opacity 0.2s ease;
  transition: margin-top 0.2s ease, opacity 0.2s ease;
}
[data-widget="tabs"] .mobile-mode.open .selection button {
  background-position: -50px -50px;
}
[data-widget="tabs"] .mobile-mode.open .dropdown button {
  margin-top: 0;
  opacity: 1;
}
[data-widget="tabs"] .desktop-mode {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  width: 100%;
  margin: 40px auto;
  max-width: 1000px;
}
[data-widget="tabs"] .desktop-mode button {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  background: #191c1d;
  display: block;
  color: #ffffff;
  padding: 14px 20px;
  font-size: 19px;
  margin: 0;
  position: relative;
  cursor: pointer;
  outline: none;
  font-family: "futura-pt", Helvetica, Arial, sans-serif;
  -moz-transition: color 0.2s ease, background 0.2s ease;
  -o-transition: color 0.2s ease, background 0.2s ease;
  -webkit-transition: color 0.2s ease, background 0.2s ease;
  transition: color 0.2s ease, background 0.2s ease;
  border: 1px solid #ffffff;
  border-width: 1px 1px 1px 0;
  max-width: 398px;
}
[data-widget="tabs"] .desktop-mode button:hover, [data-widget="tabs"] .desktop-mode button:focus, [data-widget="tabs"] .desktop-mode button.active {
  color: #000000;
  background: #ffffff;
}
[data-widget="tabs"] .desktop-mode button.active:after {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 14px solid #ffffff;
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -14px;
}
[data-widget="tabs"] .desktop-mode button:first-child {
  border-left: 1px solid #ffffff;
}
[data-widget="tabs"] .desktop-mode {
  display: none;
}
[data-widget="tabs"] .mobile-mode {
  display: block;
}
@media only screen and (min-width: 768px) {
  [data-widget="tabs"] .desktop-mode {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
  }
  [data-widget="tabs"] .mobile-mode {
    display: none;
  }
}
html.ie9 [data-widget="tabs"] .desktop-mode {
  display: none;
}
html.ie9 [data-widget="tabs"] .mobile-mode {
  display: block;
}

.vertical-center {
  text-align: center;
  white-space: nowrap;
}
.vertical-center:before {
  content: "";
  height: 100%;
  display: inline-block;
  width: 1px;
  vertical-align: middle;
  margin-right: -0.7em;
}
.vertical-center > * {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}

.controls {
  z-index: 3;
}
.controls button {
  cursor: pointer;
  border: 0px none;
  background: none;
  display: inline-block;
  font-size: 0px;
}
.controls > * {
  z-index: 3;
  position: absolute;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.controls [data-control] {
  top: 50%;
  width: 20px;
  height: 20px;
}
.controls [data-control="prev"], .controls [data-control="next"] {
  color: #ffffff;
  outline: none;
  font-size: 40px;
  line-height: 56px;
  margin-top: -25px;
  width: 50px;
  height: 50px;
}

[data-view="slider-test"] {
  position: relative;
}
[data-view="slider-test"] * {
  box-shadow: 0 0 1px black inset;
}
[data-view="slider-test"] [data-section="big-slider"] {
  position: relative;
}
[data-view="slider-test"] [data-section="big-slider"] .slider {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

.banner .slider .controls [data-control="prev"] {
  left: -50px;
}
.banner .slider .controls [data-control="next"] {
  right: -50px;
}
.banner .slider .controls.reveal [data-control="prev"] {
  left: 25px;
}
.banner .slider .controls.reveal [data-control="next"] {
  right: 25px;
}

.has-homepage-slider .slider .controls [data-control="prev"] {
  left: -50px;
}
.has-homepage-slider .slider .controls [data-control="next"] {
  right: -50px;
}
.has-homepage-slider .slider .controls.reveal [data-control="prev"] {
  left: 25px;
}
.has-homepage-slider .slider .controls.reveal [data-control="next"] {
  right: 25px;
}

[data-widget="slider"] .controls .pips,
[data-widget="nestedSlider"] .controls .pips {
  bottom: -20px;
}
[data-widget="slider"] .controls [data-control="prev"],
[data-widget="nestedSlider"] .controls [data-control="prev"] {
  left: 25px;
}
[data-widget="slider"] .controls [data-control="next"],
[data-widget="nestedSlider"] .controls [data-control="next"] {
  right: 25px;
}
[data-widget="slider"] .controls.reveal,
[data-widget="nestedSlider"] .controls.reveal {
  opacity: 1;
}
[data-widget="slider"] .controls.reveal .pips,
[data-widget="nestedSlider"] .controls.reveal .pips {
  bottom: 10px;
}
[data-widget="slider"] .controls.reveal [data-control="prev"],
[data-widget="nestedSlider"] .controls.reveal [data-control="prev"] {
  left: -25px;
}
[data-widget="slider"] .controls.reveal [data-control="next"],
[data-widget="nestedSlider"] .controls.reveal [data-control="next"] {
  right: -25px;
}
@media only screen and (min-width: 768px) {
  [data-widget="slider"] .controls .pips,
  [data-widget="nestedSlider"] .controls .pips {
    bottom: -30px;
  }
  [data-widget="slider"] .controls.reveal .pips,
  [data-widget="nestedSlider"] .controls.reveal .pips {
    bottom: 30px;
  }
}
[data-widget="slider"] .slides,
[data-widget="nestedSlider"] .slides {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  position: absolute;
  overflow: hidden;
}
[data-widget="slider"] .slides + .overlay, [data-widget="slider"] .slides + .black-overlay, [data-widget="slider"] .slides + .blue-overlay, [data-widget="slider"] .slides + .yellow-overlay, [data-widget="slider"] .slides + .orange-overlay, [data-widget="slider"] .slides + .green-overlay, [data-widget="slider"] .slides + .purple-overlay, [data-widget="slider"] .slides + .pink-overlay,
[data-widget="nestedSlider"] .slides + .overlay,
[data-widget="nestedSlider"] .slides + .black-overlay,
[data-widget="nestedSlider"] .slides + .blue-overlay,
[data-widget="nestedSlider"] .slides + .yellow-overlay,
[data-widget="nestedSlider"] .slides + .orange-overlay,
[data-widget="nestedSlider"] .slides + .green-overlay,
[data-widget="nestedSlider"] .slides + .purple-overlay,
[data-widget="nestedSlider"] .slides + .pink-overlay {
  z-index: 2;
}
[data-widget="slider"] .rail,
[data-widget="nestedSlider"] .rail {
  visibility: hidden;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
}
[data-widget="slider"] .slide,
[data-widget="nestedSlider"] .slide {
  position: relative;
  float: left;
  height: 100%;
  background-size: cover;
  background-position: center;
}
[data-widget="slider"] .slide .fancybox-overlay-fixed,
[data-widget="nestedSlider"] .slide .fancybox-overlay-fixed {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
[data-widget="slider"] .slide.conceal > *,
[data-widget="nestedSlider"] .slide.conceal > * {
  opacity: 0;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
[data-widget="slider"] .slide.conceal.reveal > *,
[data-widget="nestedSlider"] .slide.conceal.reveal > * {
  opacity: 1;
}
[data-widget="slider"] .slide-style-video-cta, [data-widget="slider"] .noVideoBan,
[data-widget="nestedSlider"] .slide-style-video-cta,
[data-widget="nestedSlider"] .noVideoBan {
  text-align: center;
}
[data-widget="slider"] .slide-style-video-cta .cta, [data-widget="slider"] .noVideoBan .cta,
[data-widget="nestedSlider"] .slide-style-video-cta .cta,
[data-widget="nestedSlider"] .noVideoBan .cta {
  opacity: 0;
  max-width: 460px;
  -moz-transition: opacity 0s;
  -o-transition: opacity 0s;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
}
[data-widget="slider"] .slide-style-video-cta .cta p, [data-widget="slider"] .noVideoBan .cta p,
[data-widget="nestedSlider"] .slide-style-video-cta .cta p,
[data-widget="nestedSlider"] .noVideoBan .cta p {
  margin: 0 10px 20px 10px;
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2em;
}
@media only screen and (min-width: 520px) {
  [data-widget="slider"] .slide-style-video-cta .cta, [data-widget="slider"] .noVideoBan .cta,
  [data-widget="nestedSlider"] .slide-style-video-cta .cta,
  [data-widget="nestedSlider"] .noVideoBan .cta {
    max-width: 600px;
  }
  [data-widget="slider"] .slide-style-video-cta .cta p, [data-widget="slider"] .noVideoBan .cta p,
  [data-widget="nestedSlider"] .slide-style-video-cta .cta p,
  [data-widget="nestedSlider"] .noVideoBan .cta p {
    font-size: 31px;
  }
}
@media only screen and (min-width: 768px) {
  [data-widget="slider"] .slide-style-video-cta .cta .button, [data-widget="slider"] .noVideoBan .cta .button,
  [data-widget="nestedSlider"] .slide-style-video-cta .cta .button,
  [data-widget="nestedSlider"] .noVideoBan .cta .button {
    font-size: 1.125em;
  }
  [data-widget="slider"] .slide-style-video-cta .cta p, [data-widget="slider"] .noVideoBan .cta p,
  [data-widget="nestedSlider"] .slide-style-video-cta .cta p,
  [data-widget="nestedSlider"] .noVideoBan .cta p {
    font-size: 34px;
    max-width: none;
  }
}
@media only screen and (min-width: 1080px) {
  [data-widget="slider"] .slide-style-video-cta .cta, [data-widget="slider"] .noVideoBan .cta,
  [data-widget="nestedSlider"] .slide-style-video-cta .cta,
  [data-widget="nestedSlider"] .noVideoBan .cta {
    max-width: 890px;
  }
  [data-widget="slider"] .slide-style-video-cta .cta p, [data-widget="slider"] .noVideoBan .cta p,
  [data-widget="nestedSlider"] .slide-style-video-cta .cta p,
  [data-widget="nestedSlider"] .noVideoBan .cta p {
    font-size: 54px;
  }
}
[data-widget="slider"] .slide-style-video-cta.reveal .cta, [data-widget="slider"] .noVideoBan.reveal .cta,
[data-widget="nestedSlider"] .slide-style-video-cta.reveal .cta,
[data-widget="nestedSlider"] .noVideoBan.reveal .cta {
  opacity: 1;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.homepage [data-widget="slider"] .controls .pips,
.homepage [data-widget="nestedSlider"] .controls .pips {
  bottom: 152px;
  text-align: left;
  left: 12px;
}
.homepage [data-widget="slider"] .controls [data-control="prev"],
.homepage [data-widget="nestedSlider"] .controls [data-control="prev"] {
  left: 25px;
}
.homepage [data-widget="slider"] .controls [data-control="next"],
.homepage [data-widget="nestedSlider"] .controls [data-control="next"] {
  right: 25px;
}
.homepage [data-widget="slider"] .controls.reveal,
.homepage [data-widget="nestedSlider"] .controls.reveal {
  opacity: 1;
}
.homepage [data-widget="slider"] .controls.reveal .pips,
.homepage [data-widget="nestedSlider"] .controls.reveal .pips {
  bottom: 152px;
}
.homepage [data-widget="slider"] .controls.reveal [data-control="prev"],
.homepage [data-widget="nestedSlider"] .controls.reveal [data-control="prev"] {
  left: -25px;
}
.homepage [data-widget="slider"] .controls.reveal [data-control="next"],
.homepage [data-widget="nestedSlider"] .controls.reveal [data-control="next"] {
  right: -25px;
}
@media only screen and (min-width: 768px) {
  .homepage [data-widget="slider"] .controls,
  .homepage [data-widget="nestedSlider"] .controls {
    /*.pips { bottom: -30px; }*/
  }
  .homepage [data-widget="slider"] .controls .pips,
  .homepage [data-widget="nestedSlider"] .controls .pips {
    bottom: 188px;
    text-align: center;
    left: 0;
  }
  .homepage [data-widget="slider"] .controls.reveal,
  .homepage [data-widget="nestedSlider"] .controls.reveal {
    /*.pips { bottom: 30px; }*/
  }
  .homepage [data-widget="slider"] .controls.reveal .pips,
  .homepage [data-widget="nestedSlider"] .controls.reveal .pips {
    bottom: 188px;
  }
}
.homepage [data-widget="slider"] .slides,
.homepage [data-widget="nestedSlider"] .slides {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  position: absolute;
  overflow: hidden;
}
.homepage [data-widget="slider"] .slides + .overlay, .homepage [data-widget="slider"] .slides + .black-overlay, .homepage [data-widget="slider"] .slides + .blue-overlay, .homepage [data-widget="slider"] .slides + .yellow-overlay, .homepage [data-widget="slider"] .slides + .orange-overlay, .homepage [data-widget="slider"] .slides + .green-overlay, .homepage [data-widget="slider"] .slides + .purple-overlay, .homepage [data-widget="slider"] .slides + .pink-overlay,
.homepage [data-widget="nestedSlider"] .slides + .overlay,
.homepage [data-widget="nestedSlider"] .slides + .black-overlay,
.homepage [data-widget="nestedSlider"] .slides + .blue-overlay,
.homepage [data-widget="nestedSlider"] .slides + .yellow-overlay,
.homepage [data-widget="nestedSlider"] .slides + .orange-overlay,
.homepage [data-widget="nestedSlider"] .slides + .green-overlay,
.homepage [data-widget="nestedSlider"] .slides + .purple-overlay,
.homepage [data-widget="nestedSlider"] .slides + .pink-overlay {
  z-index: 2;
}
.homepage [data-widget="slider"] .rail,
.homepage [data-widget="nestedSlider"] .rail {
  visibility: hidden;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
}
.homepage [data-widget="slider"] .slide,
.homepage [data-widget="nestedSlider"] .slide {
  position: relative;
  float: left;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.homepage [data-widget="slider"] .slide .fancybox-overlay-fixed,
.homepage [data-widget="nestedSlider"] .slide .fancybox-overlay-fixed {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.homepage [data-widget="slider"] .slide.conceal > *,
.homepage [data-widget="nestedSlider"] .slide.conceal > * {
  opacity: 0;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.homepage [data-widget="slider"] .slide.conceal.reveal > *,
.homepage [data-widget="nestedSlider"] .slide.conceal.reveal > * {
  opacity: 1;
}
.homepage [data-widget="slider"] .slide-style-video-cta, .homepage [data-widget="slider"] .noVideoBan,
.homepage [data-widget="nestedSlider"] .slide-style-video-cta,
.homepage [data-widget="nestedSlider"] .noVideoBan {
  text-align: center;
}
.homepage [data-widget="slider"] .slide-style-video-cta .cta, .homepage [data-widget="slider"] .noVideoBan .cta,
.homepage [data-widget="nestedSlider"] .slide-style-video-cta .cta,
.homepage [data-widget="nestedSlider"] .noVideoBan .cta {
  opacity: 0;
  max-width: 460px;
  -moz-transition: opacity 0s;
  -o-transition: opacity 0s;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
}
.homepage [data-widget="slider"] .slide-style-video-cta .cta p, .homepage [data-widget="slider"] .noVideoBan .cta p,
.homepage [data-widget="nestedSlider"] .slide-style-video-cta .cta p,
.homepage [data-widget="nestedSlider"] .noVideoBan .cta p {
  margin: 0 10px 20px 10px;
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2em;
}
@media only screen and (min-width: 520px) {
  .homepage [data-widget="slider"] .slide-style-video-cta .cta, .homepage [data-widget="slider"] .noVideoBan .cta,
  .homepage [data-widget="nestedSlider"] .slide-style-video-cta .cta,
  .homepage [data-widget="nestedSlider"] .noVideoBan .cta {
    max-width: 600px;
  }
  .homepage [data-widget="slider"] .slide-style-video-cta .cta p, .homepage [data-widget="slider"] .noVideoBan .cta p,
  .homepage [data-widget="nestedSlider"] .slide-style-video-cta .cta p,
  .homepage [data-widget="nestedSlider"] .noVideoBan .cta p {
    font-size: 31px;
  }
}
@media only screen and (min-width: 768px) {
  .homepage [data-widget="slider"] .slide-style-video-cta .cta .button, .homepage [data-widget="slider"] .noVideoBan .cta .button,
  .homepage [data-widget="nestedSlider"] .slide-style-video-cta .cta .button,
  .homepage [data-widget="nestedSlider"] .noVideoBan .cta .button {
    font-size: 1.125em;
  }
  .homepage [data-widget="slider"] .slide-style-video-cta .cta p, .homepage [data-widget="slider"] .noVideoBan .cta p,
  .homepage [data-widget="nestedSlider"] .slide-style-video-cta .cta p,
  .homepage [data-widget="nestedSlider"] .noVideoBan .cta p {
    font-size: 34px;
    max-width: none;
  }
}
@media only screen and (min-width: 1080px) {
  .homepage [data-widget="slider"] .slide-style-video-cta .cta, .homepage [data-widget="slider"] .noVideoBan .cta,
  .homepage [data-widget="nestedSlider"] .slide-style-video-cta .cta,
  .homepage [data-widget="nestedSlider"] .noVideoBan .cta {
    max-width: 890px;
  }
  .homepage [data-widget="slider"] .slide-style-video-cta .cta p, .homepage [data-widget="slider"] .noVideoBan .cta p,
  .homepage [data-widget="nestedSlider"] .slide-style-video-cta .cta p,
  .homepage [data-widget="nestedSlider"] .noVideoBan .cta p {
    font-size: 54px;
  }
}
.homepage [data-widget="slider"] .slide-style-video-cta.reveal .cta, .homepage [data-widget="slider"] .noVideoBan.reveal .cta,
.homepage [data-widget="nestedSlider"] .slide-style-video-cta.reveal .cta,
.homepage [data-widget="nestedSlider"] .noVideoBan.reveal .cta {
  opacity: 1;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

[data-widget="tutorSlider"] {
  overflow: hidden;
  margin: 0 -20px;
  padding: 0 20px;
}
[data-widget="tutorSlider"] .bgs {
  position: relative;
}
[data-widget="tutorSlider"] .bgs .bg {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
}
[data-widget="tutorSlider"] .bgs .bg.active {
  display: block;
}
[data-widget="tutorSlider"] .faces {
  position: relative;
  margin: -120px auto 0;
  height: 180px;
  z-index: 1;
  width: 100%;
  max-width: 830px;
}
[data-widget="tutorSlider"] .faces .face {
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  position: absolute;
  top: 0;
  margin-left: -100px;
}
@media only screen and (min-width: 768px) {
  [data-widget="tutorSlider"] .faces {
    height: 230px;
  }
}
[data-widget="tutorSlider"] .blurbs {
  height: 200px;
  text-align: center;
}
[data-widget="tutorSlider"] .blurbs .blurb {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
}
[data-widget="tutorSlider"] .blurbs .blurb.active {
  display: block;
}
[data-widget="tutorSlider"] [data-pos] {
  opacity: 0;
  visbility: hidden;
}
[data-widget="tutorSlider"] [data-pos="0"] {
  left: 50%;
  opacity: 1;
}
@media only screen and (min-width: 240px) {
  [data-widget="tutorSlider"] [data-pos="-2"] {
    left: -50%;
  }
  [data-widget="tutorSlider"] [data-pos="-1"] {
    left: 20%;
    opacity: 1;
  }
  [data-widget="tutorSlider"] [data-pos="1"] {
    left: 80%;
    opacity: 1;
  }
  [data-widget="tutorSlider"] [data-pos="2"] {
    left: 150%;
  }
}
@media only screen and (min-width: 768px) {
  [data-widget="tutorSlider"] [data-pos="-3"] {
    left: -25%;
  }
  [data-widget="tutorSlider"] [data-pos="-2"] {
    left: 10%;
    opacity: 1;
  }
  [data-widget="tutorSlider"] [data-pos="-1"] {
    left: 28%;
    opacity: 1;
  }
  [data-widget="tutorSlider"] [data-pos="1"] {
    left: 72%;
    opacity: 1;
  }
  [data-widget="tutorSlider"] [data-pos="2"] {
    left: 90%;
    opacity: 1;
  }
  [data-widget="tutorSlider"] [data-pos="3"] {
    left: 125%;
  }
}
@media only screen and (min-width: 1080px) {
  [data-widget="tutorSlider"] [data-pos="-3"] {
    left: -50%;
  }
  [data-widget="tutorSlider"] [data-pos="-2"] {
    left: 0;
  }
  [data-widget="tutorSlider"] [data-pos="-1"] {
    left: 23%;
  }
  [data-widget="tutorSlider"] [data-pos="1"] {
    left: 77%;
  }
  [data-widget="tutorSlider"] [data-pos="2"] {
    left: 100%;
  }
  [data-widget="tutorSlider"] [data-pos="3"] {
    left: 150%;
  }
}
[data-widget="tutorSlider"] .bg img {
  height: auto;
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
[data-widget="tutorSlider"] .face {
  position: relative;
  overflow: hidden;
  width: 200px;
  height: 200px;
  border: 3px solid black;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -moz-transform: scale(0.35);
  -ms-transform: scale(0.35);
  -webkit-transform: scale(0.35);
  transform: scale(0.35);
}
[data-widget="tutorSlider"] .face img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
[data-widget="tutorSlider"] .face .selected {
  display: none;
}
[data-widget="tutorSlider"] .face.active {
  box-shadow: 0 40px 30px -30px rgba(0, 0, 0, 0.3);
  width: 200px;
  height: 200px;
  -moz-transform: scale(0.45);
  -ms-transform: scale(0.45);
  -webkit-transform: scale(0.45);
  transform: scale(0.45);
}
[data-widget="tutorSlider"] .face.active .original {
  display: none;
}
[data-widget="tutorSlider"] .face.active .selected {
  display: block;
}
@media only screen and (min-width: 520px) {
  [data-widget="tutorSlider"] .face {
    -moz-transform: scale(0.55);
    -ms-transform: scale(0.55);
    -webkit-transform: scale(0.55);
    transform: scale(0.55);
  }
  [data-widget="tutorSlider"] .face.active {
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 1080px) {
  [data-widget="tutorSlider"] .face {
    -moz-transform: scale(0.65);
    -ms-transform: scale(0.65);
    -webkit-transform: scale(0.65);
    transform: scale(0.65);
  }
  [data-widget="tutorSlider"] .face.active {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
[data-widget="tutorSlider"] .blurb a {
  text-decoration: none;
}
[data-widget="tutorSlider"] .blurb a:hover h4 {
  text-decoration: none;
}
[data-widget="tutorSlider"] .blurb h4 {
  font-size: 28px;
  font-weight: bold;
  text-decoration: underline;
}
[data-widget="tutorSlider"] .blurb .role {
  font-size: 18px;
  color: #00a5d8;
  margin: 5px auto 8px auto;
  border-color: #00a5d8;
}
[data-widget="tutorSlider"] .blurb .body {
  max-width: 570px;
}

[data-section="nested-slider"] {
  background: #191c1d;
}

[data-widget="nestedSlider"] .controls [data-control="prev"], [data-widget="nestedSlider"] .controls [data-control="next"] {
  color: #000000;
  font-size: 20px;
  line-height: 52px;
  margin-top: -25px;
  background-color: rgba(255, 255, 255, 0.8);
}