@charset "UTF-8";
/**
 * Colours
 */
/**
 * Typography
 */
/**
 * Breakpoints
 */
/**
 * Grid
 */
/**
 * Components
 */
/**
 * Animations
 */
/*
 * Media query to respond to a minimum size (mobile first)
 */
/*
 * Media query to respond to a maximum size
 */
/*
 * Output font size in px/rem
 */
/*
 * Placeholder mixin for <input>
 */
/**
 * Clearfix
 */
/**
 * Default variables and helper mixins
 */
/**
 * Space between columns
 */
/**
 * Max width of container
 */
/**
 * Number of total columns
 */
/**
 * Breakpoints
 */
/**
 * Grid loop mixin
 */
/**
 * Clearfix
 */
/**
 * Grid scaffolding
 */
@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
.container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 72px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media screen and (max-width: 768px) {
    .container {
      max-width: 1200px;
      padding: 0 24px; } }
  .container.container--wide {
    max-width: 1400px;
    padding: 0 24px; }
  .container.container--narrow {
    max-width: 950px; }
    @media screen and (max-width: 768px) {
      .container.container--narrow {
        max-width: 600px; } }
    @media screen and (max-width: 480px) {
      .container.container--narrow {
        max-width: 380px; } }

.row {
  list-style: none;
  margin-left: -24px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.row--gutterless {
    margin-left: 0; }
  .row.row--flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 480px) {
      .row.row--flex {
        display: block; } }
    .row.row--flex.row--flex--reverse {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row-reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; }
    .row.row--flex.row--flex--centred {
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .row.row--flex.row--valign {
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
  .row.row--centred {
    text-align: center; }
  .row.row--flex-wrap {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }

.col {
  float: left;
  padding-left: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .row--gutterless .col {
    padding-left: 0; }
  .row--centred .col {
    float: none;
    display: inline-block;
    margin-left: -4px;
    vertical-align: top; }

/**
 * Columns generator
 */
@media only screen and (min-width: 1200px) {
  .col--lg-offset-0 {
    margin-left: 0%; }
  .col--lg-1 {
    width: 8.33333%; }
    .row--flex .col--lg-1 {
      -webkit-flex-basis: 8.33333%;
          -ms-flex-preferred-size: 8.33333%;
              flex-basis: 8.33333%;
      max-width: 8.33333%;
      width: auto;
      float: none; }
  .col--lg-offset-1 {
    margin-left: 8.33333%; }
  .col--lg-2 {
    width: 16.66667%; }
    .row--flex .col--lg-2 {
      -webkit-flex-basis: 16.66667%;
          -ms-flex-preferred-size: 16.66667%;
              flex-basis: 16.66667%;
      max-width: 16.66667%;
      width: auto;
      float: none; }
  .col--lg-offset-2 {
    margin-left: 16.66667%; }
  .col--lg-3 {
    width: 25%; }
    .row--flex .col--lg-3 {
      -webkit-flex-basis: 25%;
          -ms-flex-preferred-size: 25%;
              flex-basis: 25%;
      max-width: 25%;
      width: auto;
      float: none; }
  .col--lg-offset-3 {
    margin-left: 25%; }
  .col--lg-4 {
    width: 33.33333%; }
    .row--flex .col--lg-4 {
      -webkit-flex-basis: 33.33333%;
          -ms-flex-preferred-size: 33.33333%;
              flex-basis: 33.33333%;
      max-width: 33.33333%;
      width: auto;
      float: none; }
  .col--lg-offset-4 {
    margin-left: 33.33333%; }
  .col--lg-5 {
    width: 41.66667%; }
    .row--flex .col--lg-5 {
      -webkit-flex-basis: 41.66667%;
          -ms-flex-preferred-size: 41.66667%;
              flex-basis: 41.66667%;
      max-width: 41.66667%;
      width: auto;
      float: none; }
  .col--lg-offset-5 {
    margin-left: 41.66667%; }
  .col--lg-6 {
    width: 50%; }
    .row--flex .col--lg-6 {
      -webkit-flex-basis: 50%;
          -ms-flex-preferred-size: 50%;
              flex-basis: 50%;
      max-width: 50%;
      width: auto;
      float: none; }
  .col--lg-offset-6 {
    margin-left: 50%; }
  .col--lg-7 {
    width: 58.33333%; }
    .row--flex .col--lg-7 {
      -webkit-flex-basis: 58.33333%;
          -ms-flex-preferred-size: 58.33333%;
              flex-basis: 58.33333%;
      max-width: 58.33333%;
      width: auto;
      float: none; }
  .col--lg-offset-7 {
    margin-left: 58.33333%; }
  .col--lg-8 {
    width: 66.66667%; }
    .row--flex .col--lg-8 {
      -webkit-flex-basis: 66.66667%;
          -ms-flex-preferred-size: 66.66667%;
              flex-basis: 66.66667%;
      max-width: 66.66667%;
      width: auto;
      float: none; }
  .col--lg-offset-8 {
    margin-left: 66.66667%; }
  .col--lg-9 {
    width: 75%; }
    .row--flex .col--lg-9 {
      -webkit-flex-basis: 75%;
          -ms-flex-preferred-size: 75%;
              flex-basis: 75%;
      max-width: 75%;
      width: auto;
      float: none; }
  .col--lg-offset-9 {
    margin-left: 75%; }
  .col--lg-10 {
    width: 83.33333%; }
    .row--flex .col--lg-10 {
      -webkit-flex-basis: 83.33333%;
          -ms-flex-preferred-size: 83.33333%;
              flex-basis: 83.33333%;
      max-width: 83.33333%;
      width: auto;
      float: none; }
  .col--lg-offset-10 {
    margin-left: 83.33333%; }
  .col--lg-11 {
    width: 91.66667%; }
    .row--flex .col--lg-11 {
      -webkit-flex-basis: 91.66667%;
          -ms-flex-preferred-size: 91.66667%;
              flex-basis: 91.66667%;
      max-width: 91.66667%;
      width: auto;
      float: none; }
  .col--lg-offset-11 {
    margin-left: 91.66667%; }
  .col--lg-12 {
    width: 100%; }
    .row--flex .col--lg-12 {
      -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
      max-width: 100%;
      width: auto;
      float: none; }
  .col--lg-offset-12 {
    margin-left: 100%; } }

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .col--md-offset-0 {
    margin-left: 0%; }
  .col--md-1 {
    width: 8.33333%; }
    .row--flex .col--md-1 {
      -webkit-flex-basis: 8.33333%;
          -ms-flex-preferred-size: 8.33333%;
              flex-basis: 8.33333%;
      max-width: 8.33333%;
      width: auto;
      float: none; }
  .col--md-offset-1 {
    margin-left: 8.33333%; }
  .col--md-2 {
    width: 16.66667%; }
    .row--flex .col--md-2 {
      -webkit-flex-basis: 16.66667%;
          -ms-flex-preferred-size: 16.66667%;
              flex-basis: 16.66667%;
      max-width: 16.66667%;
      width: auto;
      float: none; }
  .col--md-offset-2 {
    margin-left: 16.66667%; }
  .col--md-3 {
    width: 25%; }
    .row--flex .col--md-3 {
      -webkit-flex-basis: 25%;
          -ms-flex-preferred-size: 25%;
              flex-basis: 25%;
      max-width: 25%;
      width: auto;
      float: none; }
  .col--md-offset-3 {
    margin-left: 25%; }
  .col--md-4 {
    width: 33.33333%; }
    .row--flex .col--md-4 {
      -webkit-flex-basis: 33.33333%;
          -ms-flex-preferred-size: 33.33333%;
              flex-basis: 33.33333%;
      max-width: 33.33333%;
      width: auto;
      float: none; }
  .col--md-offset-4 {
    margin-left: 33.33333%; }
  .col--md-5 {
    width: 41.66667%; }
    .row--flex .col--md-5 {
      -webkit-flex-basis: 41.66667%;
          -ms-flex-preferred-size: 41.66667%;
              flex-basis: 41.66667%;
      max-width: 41.66667%;
      width: auto;
      float: none; }
  .col--md-offset-5 {
    margin-left: 41.66667%; }
  .col--md-6 {
    width: 50%; }
    .row--flex .col--md-6 {
      -webkit-flex-basis: 50%;
          -ms-flex-preferred-size: 50%;
              flex-basis: 50%;
      max-width: 50%;
      width: auto;
      float: none; }
  .col--md-offset-6 {
    margin-left: 50%; }
  .col--md-7 {
    width: 58.33333%; }
    .row--flex .col--md-7 {
      -webkit-flex-basis: 58.33333%;
          -ms-flex-preferred-size: 58.33333%;
              flex-basis: 58.33333%;
      max-width: 58.33333%;
      width: auto;
      float: none; }
  .col--md-offset-7 {
    margin-left: 58.33333%; }
  .col--md-8 {
    width: 66.66667%; }
    .row--flex .col--md-8 {
      -webkit-flex-basis: 66.66667%;
          -ms-flex-preferred-size: 66.66667%;
              flex-basis: 66.66667%;
      max-width: 66.66667%;
      width: auto;
      float: none; }
  .col--md-offset-8 {
    margin-left: 66.66667%; }
  .col--md-9 {
    width: 75%; }
    .row--flex .col--md-9 {
      -webkit-flex-basis: 75%;
          -ms-flex-preferred-size: 75%;
              flex-basis: 75%;
      max-width: 75%;
      width: auto;
      float: none; }
  .col--md-offset-9 {
    margin-left: 75%; }
  .col--md-10 {
    width: 83.33333%; }
    .row--flex .col--md-10 {
      -webkit-flex-basis: 83.33333%;
          -ms-flex-preferred-size: 83.33333%;
              flex-basis: 83.33333%;
      max-width: 83.33333%;
      width: auto;
      float: none; }
  .col--md-offset-10 {
    margin-left: 83.33333%; }
  .col--md-11 {
    width: 91.66667%; }
    .row--flex .col--md-11 {
      -webkit-flex-basis: 91.66667%;
          -ms-flex-preferred-size: 91.66667%;
              flex-basis: 91.66667%;
      max-width: 91.66667%;
      width: auto;
      float: none; }
  .col--md-offset-11 {
    margin-left: 91.66667%; }
  .col--md-12 {
    width: 100%; }
    .row--flex .col--md-12 {
      -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
      max-width: 100%;
      width: auto;
      float: none; }
  .col--md-offset-12 {
    margin-left: 100%; } }

@media only screen and (max-width: 767px) {
  .col--sm-offset-0 {
    margin-left: 0%; }
  .col--sm-1 {
    width: 8.33333%; }
    .row--flex .col--sm-1 {
      -webkit-flex-basis: 8.33333%;
          -ms-flex-preferred-size: 8.33333%;
              flex-basis: 8.33333%;
      max-width: 8.33333%;
      width: auto;
      float: none; }
  .col--sm-offset-1 {
    margin-left: 8.33333%; }
  .col--sm-2 {
    width: 16.66667%; }
    .row--flex .col--sm-2 {
      -webkit-flex-basis: 16.66667%;
          -ms-flex-preferred-size: 16.66667%;
              flex-basis: 16.66667%;
      max-width: 16.66667%;
      width: auto;
      float: none; }
  .col--sm-offset-2 {
    margin-left: 16.66667%; }
  .col--sm-3 {
    width: 25%; }
    .row--flex .col--sm-3 {
      -webkit-flex-basis: 25%;
          -ms-flex-preferred-size: 25%;
              flex-basis: 25%;
      max-width: 25%;
      width: auto;
      float: none; }
  .col--sm-offset-3 {
    margin-left: 25%; }
  .col--sm-4 {
    width: 33.33333%; }
    .row--flex .col--sm-4 {
      -webkit-flex-basis: 33.33333%;
          -ms-flex-preferred-size: 33.33333%;
              flex-basis: 33.33333%;
      max-width: 33.33333%;
      width: auto;
      float: none; }
  .col--sm-offset-4 {
    margin-left: 33.33333%; }
  .col--sm-5 {
    width: 41.66667%; }
    .row--flex .col--sm-5 {
      -webkit-flex-basis: 41.66667%;
          -ms-flex-preferred-size: 41.66667%;
              flex-basis: 41.66667%;
      max-width: 41.66667%;
      width: auto;
      float: none; }
  .col--sm-offset-5 {
    margin-left: 41.66667%; }
  .col--sm-6 {
    width: 50%; }
    .row--flex .col--sm-6 {
      -webkit-flex-basis: 50%;
          -ms-flex-preferred-size: 50%;
              flex-basis: 50%;
      max-width: 50%;
      width: auto;
      float: none; }
  .col--sm-offset-6 {
    margin-left: 50%; }
  .col--sm-7 {
    width: 58.33333%; }
    .row--flex .col--sm-7 {
      -webkit-flex-basis: 58.33333%;
          -ms-flex-preferred-size: 58.33333%;
              flex-basis: 58.33333%;
      max-width: 58.33333%;
      width: auto;
      float: none; }
  .col--sm-offset-7 {
    margin-left: 58.33333%; }
  .col--sm-8 {
    width: 66.66667%; }
    .row--flex .col--sm-8 {
      -webkit-flex-basis: 66.66667%;
          -ms-flex-preferred-size: 66.66667%;
              flex-basis: 66.66667%;
      max-width: 66.66667%;
      width: auto;
      float: none; }
  .col--sm-offset-8 {
    margin-left: 66.66667%; }
  .col--sm-9 {
    width: 75%; }
    .row--flex .col--sm-9 {
      -webkit-flex-basis: 75%;
          -ms-flex-preferred-size: 75%;
              flex-basis: 75%;
      max-width: 75%;
      width: auto;
      float: none; }
  .col--sm-offset-9 {
    margin-left: 75%; }
  .col--sm-10 {
    width: 83.33333%; }
    .row--flex .col--sm-10 {
      -webkit-flex-basis: 83.33333%;
          -ms-flex-preferred-size: 83.33333%;
              flex-basis: 83.33333%;
      max-width: 83.33333%;
      width: auto;
      float: none; }
  .col--sm-offset-10 {
    margin-left: 83.33333%; }
  .col--sm-11 {
    width: 91.66667%; }
    .row--flex .col--sm-11 {
      -webkit-flex-basis: 91.66667%;
          -ms-flex-preferred-size: 91.66667%;
              flex-basis: 91.66667%;
      max-width: 91.66667%;
      width: auto;
      float: none; }
  .col--sm-offset-11 {
    margin-left: 91.66667%; }
  .col--sm-12 {
    width: 100%; }
    .row--flex .col--sm-12 {
      -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
      max-width: 100%;
      width: auto;
      float: none; }
  .col--sm-offset-12 {
    margin-left: 100%; } }

@media only screen and (max-width: 480px) {
  .col--xs-offset-0 {
    margin-left: 0%; }
  .col--xs-1 {
    width: 8.33333%; }
    .row--flex .col--xs-1 {
      -webkit-flex-basis: 8.33333%;
          -ms-flex-preferred-size: 8.33333%;
              flex-basis: 8.33333%;
      max-width: 8.33333%;
      width: auto;
      float: none; }
  .col--xs-offset-1 {
    margin-left: 8.33333%; }
  .col--xs-2 {
    width: 16.66667%; }
    .row--flex .col--xs-2 {
      -webkit-flex-basis: 16.66667%;
          -ms-flex-preferred-size: 16.66667%;
              flex-basis: 16.66667%;
      max-width: 16.66667%;
      width: auto;
      float: none; }
  .col--xs-offset-2 {
    margin-left: 16.66667%; }
  .col--xs-3 {
    width: 25%; }
    .row--flex .col--xs-3 {
      -webkit-flex-basis: 25%;
          -ms-flex-preferred-size: 25%;
              flex-basis: 25%;
      max-width: 25%;
      width: auto;
      float: none; }
  .col--xs-offset-3 {
    margin-left: 25%; }
  .col--xs-4 {
    width: 33.33333%; }
    .row--flex .col--xs-4 {
      -webkit-flex-basis: 33.33333%;
          -ms-flex-preferred-size: 33.33333%;
              flex-basis: 33.33333%;
      max-width: 33.33333%;
      width: auto;
      float: none; }
  .col--xs-offset-4 {
    margin-left: 33.33333%; }
  .col--xs-5 {
    width: 41.66667%; }
    .row--flex .col--xs-5 {
      -webkit-flex-basis: 41.66667%;
          -ms-flex-preferred-size: 41.66667%;
              flex-basis: 41.66667%;
      max-width: 41.66667%;
      width: auto;
      float: none; }
  .col--xs-offset-5 {
    margin-left: 41.66667%; }
  .col--xs-6 {
    width: 50%; }
    .row--flex .col--xs-6 {
      -webkit-flex-basis: 50%;
          -ms-flex-preferred-size: 50%;
              flex-basis: 50%;
      max-width: 50%;
      width: auto;
      float: none; }
  .col--xs-offset-6 {
    margin-left: 50%; }
  .col--xs-7 {
    width: 58.33333%; }
    .row--flex .col--xs-7 {
      -webkit-flex-basis: 58.33333%;
          -ms-flex-preferred-size: 58.33333%;
              flex-basis: 58.33333%;
      max-width: 58.33333%;
      width: auto;
      float: none; }
  .col--xs-offset-7 {
    margin-left: 58.33333%; }
  .col--xs-8 {
    width: 66.66667%; }
    .row--flex .col--xs-8 {
      -webkit-flex-basis: 66.66667%;
          -ms-flex-preferred-size: 66.66667%;
              flex-basis: 66.66667%;
      max-width: 66.66667%;
      width: auto;
      float: none; }
  .col--xs-offset-8 {
    margin-left: 66.66667%; }
  .col--xs-9 {
    width: 75%; }
    .row--flex .col--xs-9 {
      -webkit-flex-basis: 75%;
          -ms-flex-preferred-size: 75%;
              flex-basis: 75%;
      max-width: 75%;
      width: auto;
      float: none; }
  .col--xs-offset-9 {
    margin-left: 75%; }
  .col--xs-10 {
    width: 83.33333%; }
    .row--flex .col--xs-10 {
      -webkit-flex-basis: 83.33333%;
          -ms-flex-preferred-size: 83.33333%;
              flex-basis: 83.33333%;
      max-width: 83.33333%;
      width: auto;
      float: none; }
  .col--xs-offset-10 {
    margin-left: 83.33333%; }
  .col--xs-11 {
    width: 91.66667%; }
    .row--flex .col--xs-11 {
      -webkit-flex-basis: 91.66667%;
          -ms-flex-preferred-size: 91.66667%;
              flex-basis: 91.66667%;
      max-width: 91.66667%;
      width: auto;
      float: none; }
  .col--xs-offset-11 {
    margin-left: 91.66667%; }
  .col--xs-12 {
    width: 100%; }
    .row--flex .col--xs-12 {
      -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
      max-width: 100%;
      width: auto;
      float: none; }
  .col--xs-offset-12 {
    margin-left: 100%; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

* {
  background-color: transparent;
  border: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font: inherit;
  margin: 0;
  padding: 0; }

html {
  background-color: white;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility; }

input,
select,
textarea,
button {
  color: inherit;
  display: inline-block; }
  input[disabled],
  select[disabled],
  textarea[disabled],
  button[disabled] {
    cursor: not-allowed; }

button {
  cursor: pointer; }

table {
  border-collapse: collapse;
  border-spacing: 0; }
  table th,
  table td {
    text-align: left; }

@media only screen and (min-width: 1200px) {
  .visible-lg {
    display: block !important; } }

@media only screen and (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; } }

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media only screen and (max-width: 767px) {
  .visible-sm {
    display: block !important; } }

@media only screen and (max-width: 767px) {
  .hidden-sm {
    display: none !important; } }

@media only screen and (max-width: 480px) {
  .visible-xs {
    display: block !important; } }

@media only screen and (max-width: 480px) {
  .hidden-xs {
    display: none !important; } }

/**
* Clearing and floating
*/
.alignleft,
.float-left {
  float: left; }
  img .alignleft, img
  .float-left {
    margin-right: 24px; }

.alignright,
.float-right {
  float: right; }
  img .alignright, img
  .float-right {
    margin-left: 24px; }

.aligncenter,
.float-center {
  display: block;
  margin-left: auto;
  margin-right: auto; }
  img .aligncenter, img
  .float-center {
    margin-bottom: 24px; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

/**
* Text aligments
*/
.align-text-left {
  text-align: left; }

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

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

/**
 * Elements visibility
 */
.visible-on-mobile {
  display: none !important; }
  @media screen and (max-width: 480px) {
    .visible-on-mobile {
      display: block !important; } }

.visible-on-tablet {
  display: none !important; }
  @media screen and (max-width: 768px) {
    .visible-on-tablet {
      display: block !important; } }
  @media screen and (max-width: 480px) {
    .visible-on-tablet {
      display: none !important; } }

@media screen and (max-width: 768px) {
  .visible-on-desktop {
    display: none !important; } }

/**
 * Accessibility
 */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

body {
  color: #333;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  line-height: 1.5;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
  font-size: 16px;
  font-size: 1rem; }

h1,
h2,
h3,
h4,
h5,
h6,
p,
hr,
ul,
ol,
dl {
  margin-bottom: 24px; }
  h1:last-child,
  h2:last-child,
  h3:last-child,
  h4:last-child,
  h5:last-child,
  h6:last-child,
  p:last-child,
  hr:last-child,
  ul:last-child,
  ol:last-child,
  dl:last-child {
    margin-bottom: 0; }

/**
 * Basic styles for links
 */
a {
  color: #333;
  text-decoration: none; }
  a:hover {
    color: #F28E24;
    text-decoration: underline; }

a[href^="tel"] {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  text-decoration: none;
  font-style: inherit; }

/**
 * Rules
 */
hr {
  height: 1px;
  background-color: #333; }

/**
 * This file contains all @font-face declarations, if any.
 */
img {
  max-width: 100%;
  height: auto;
  vertical-align: top; }

/**
 * Responsive images
 */
.is-fluid {
  display: block;
  width: 100%;
  height: auto; }

.icon {
  height: 32px;
  width: 32px; }

*:focus {
  outline: 0; }

input,
select,
textarea {
  background-color: #DADADA;
  border: solid 1px #333;
  -webkit-border-radius: 0;
          border-radius: 0;
  color: #333;
  line-height: 36px;
  height: 36px;
  padding: 0 12px;
  width: 100%; }

input[type="checkbox"],
input[type="radio"] {
  background: transparent;
  border: 0;
  line-height: normal;
  height: auto;
  width: auto; }

input[type="file"] {
  line-height: normal;
  height: auto;
  padding: 6px 12px; }

input[type="submit"] {
  -webkit-border-radius: 0;
          border-radius: 0;
  line-height: 1em; }

input[disabled] {
  background-color: whitesmoke;
  cursor: not-allowed; }

select {
  line-height: normal;
  padding: 0;
  padding-left: 12px; }

textarea {
  min-height: 96px;
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

/**
 * Form utility classes
 */
.form--inline .form__group {
  display: inline-block; }

.form .form__group {
  display: block;
  margin-bottom: 24px; }
  .form .form__group a {
    color: #F28E24; }
  .form .form__group .form__label {
    display: block;
    margin-bottom: 12px; }

ul,
ol {
  margin-left: 24px; }

li > ul,
li > ol {
  margin-bottom: 0; }

.list--unstyled {
  margin-left: 0;
  list-style: none; }

h1,
h2,
h3,
h4,
h5,
h6,
strong {
  font-weight: bold; }

em {
  font-style: italic; }

small {
  font-size: .75em; }

h1, .h1 {
  font-size: 36px;
  font-size: 2.25rem; }
  @media screen and (max-width: 480px) {
    h1, .h1 {
      line-height: 45px;
      font-size: 32px;
      font-size: 2rem; } }

h2, .h2 {
  font-size: 24px;
  font-size: 1.5rem; }

h3, .h3 {
  font-size: 16px;
  font-size: 1rem; }
  @media screen and (max-width: 480px) {
    h3, .h3 {
      font-size: 20px;
      font-size: 1.25rem; } }

h4, .h4 {
  font-size: 14px;
  font-size: 0.875rem; }
  @media screen and (max-width: 480px) {
    h4, .h4 {
      font-size: 16px;
      font-size: 1rem; } }

.subscription__heading {
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 12px; }

body {
  min-height: 100vh; }
  @media screen and (max-width: 480px) {
    body {
      margin-top: 62px; } }

.course-banner {
  background-color: #E8E8E8;
  margin: 24px 0; }

.breadcrumb-banner {
  position: absolute;
  left: 0;
  right: 0;
  top: 72px;
  z-index: 10;
  background-color: rgba(88, 103, 105, 0.5);
  max-height: 48px; }
  .breadcrumb-banner .row {
    max-height: 48px;
    min-height: 48px;
    height: 48px; }
    .breadcrumb-banner .row:after {
      content: '';
      min-height: inherit;
      font-size: 0;
      display: block; }
    @media screen and (max-width: 768px) {
      .breadcrumb-banner .row {
        margin-left: 0 !important; } }
  .breadcrumb-banner .login {
    position: relative;
    padding: 24px 0; }
    .breadcrumb-banner .login .cart {
      position: absolute;
      height: 18px;
      width: 20px;
      left: -25px;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
      .breadcrumb-banner .login .cart img {
        height: 18px;
        width: 20px;
        cursor: pointer; }
    .breadcrumb-banner .login a {
      color: #fff;
      position: relative;
      font-size: 14px;
      font-size: 0.875rem; }
    .breadcrumb-banner .login a.login {
      margin-right: 24px; }
      @media screen and (max-width: 480px) {
        .breadcrumb-banner .login a.login {
          margin-right: 0; } }
  @media screen and (max-width: 768px) {
    .breadcrumb-banner {
      top: 70px; } }
  @media screen and (max-width: 480px) {
    .breadcrumb-banner {
      top: 62px; }
      .breadcrumb-banner .row--flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }

.header-banner {
  background-color: #1E2425;
  margin-bottom: 24px;
  padding: 120px 0 72px 0; }
  .header-banner .share-subscription {
    margin-bottom: 24px; }
  .header-banner .course__includes {
    background-color: #3B4547;
    color: #fff;
    padding: 24px;
    -webkit-border-radius: 5px;
            border-radius: 5px; }
    .header-banner .course__includes ul {
      list-style: none; }
      .header-banner .course__includes ul li {
        display: block;
        position: relative;
        padding-bottom: 12px;
        margin-left: 12px; }
        .header-banner .course__includes ul li:before {
          display: inline-block;
          position: absolute;
          content: "";
          left: -36px;
          height: 18px;
          width: 18px;
          background-image: url("../img/tick.svg");
          background-repeat: no-repeat; }
          @media screen and (max-width: 768px) {
            .header-banner .course__includes ul li:before {
              top: 2px; } }
        .header-banner .course__includes ul li:last-of-type {
          padding-bottom: 0; }
        @media screen and (max-width: 480px) {
          .header-banner .course__includes ul li {
            width: 275px; } }
  @media screen and (max-width: 480px) {
    .header-banner {
      padding-bottom: 48px; } }

.pagination .page-numbers {
  padding: 12px;
  font-weight: 600;
  color: #555; }
  .pagination .page-numbers.current {
    background-color: #333;
    color: #fff;
    -webkit-border-radius: 3px;
            border-radius: 3px; }
  .pagination .page-numbers.next, .pagination .page-numbers.prev {
    color: #F28E24;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 3px;
            border-radius: 3px;
    padding: 12px 24px;
    font-size: 24px;
    font-size: 1.5rem;
    position: relative; }
    .pagination .page-numbers.next:before, .pagination .page-numbers.prev:before {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      height: 20px;
      width: 11px;
      background-repeat: no-repeat;
      background-position: center; }
    .pagination .page-numbers.next.next, .pagination .page-numbers.prev.next {
      margin-left: 12px; }
      .pagination .page-numbers.next.next:before, .pagination .page-numbers.prev.next:before {
        content: '';
        background-image: url("../img/chevron-next.svg"); }
    .pagination .page-numbers.next.prev, .pagination .page-numbers.prev.prev {
      margin-right: 12px; }
      .pagination .page-numbers.next.prev:before, .pagination .page-numbers.prev.prev:before {
        content: '';
        background-image: url("../img/chevron-prev.svg"); }

.dropdown-filter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-top: -24px;
  margin-bottom: 24px; }
  .dropdown-filter span {
    color: #666666;
    margin-right: 24px; }
  .dropdown-filter select {
    display: inline-block;
    width: 100%;
    background-color: #EEEEEE;
    border: 1px solid #000;
    color: #555; }
    .dropdown-filter select:after {
      border-color: #F28E24 !important; }
  @media screen and (max-width: 480px) {
    .dropdown-filter {
      margin-top: 24px; } }

.projects-grid {
  opacity: 0;
  -webkit-transition: opacity .6s ease;
  -o-transition: opacity .6s ease;
  transition: opacity .6s ease; }
  .projects-grid.loaded {
    opacity: 1; }
  .projects-grid [data-button] {
    position: absolute;
    bottom: -24px;
    left: calc(50% + 12px);
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }

.grid-item {
  padding-left: 24px;
  width: 25%; }
  .grid-item.grid-item--dashboard {
    width: 33%; }
    @media screen and (max-width: 768px) {
      .grid-item.grid-item--dashboard {
        width: 50%; } }
    @media screen and (max-width: 480px) {
      .grid-item.grid-item--dashboard {
        width: 100%; } }
  @media screen and (max-width: 1200px) {
    .grid-item {
      width: 33%; } }
  @media screen and (max-width: 768px) {
    .grid-item {
      width: 50%; } }
  @media screen and (max-width: 480px) {
    .grid-item {
      width: 100%; } }

.post-filter {
  position: relative;
  z-index: 100;
  text-align: left;
  margin-bottom: 24px;
  margin-top: 24px;
  color: #666; }
  .post-filter .post-filter__types {
    list-style: none;
    margin-left: 12px;
    display: inline; }
    .post-filter .post-filter__types .post-filter__type {
      display: inline-block; }
      .post-filter .post-filter__types .post-filter__type a {
        color: #666;
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease;
        background-color: #fff;
        -webkit-border-radius: 5px;
                border-radius: 5px;
        padding: 3px 12px; }
        .post-filter .post-filter__types .post-filter__type a:hover {
          text-decoration: none; }
      .post-filter .post-filter__types .post-filter__type.selected a {
        background-color: #8E959F;
        color: #fff; }
      @media screen and (max-width: 768px) {
        .post-filter .post-filter__types .post-filter__type {
          margin-right: 12px; } }
      @media screen and (max-width: 480px) {
        .post-filter .post-filter__types .post-filter__type {
          margin-bottom: 12px;
          margin-right: 6px; } }

.progress__bar {
  background-color: #E4E4E4;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  height: 10px; }
  .progress__bar:hover .progress__icon {
    display: block; }
  .progress__bar span {
    background-color: #F28E24;
    -webkit-border-radius: 10px;
            border-radius: 10px;
    padding: 2px;
    display: block;
    height: 10px;
    position: relative;
    -webkit-transition: ease-in-out 250ms;
    -o-transition: ease-in-out 250ms;
    transition: ease-in-out 250ms; }
  .progress__bar .progress__icon {
    display: none;
    z-index: 100;
    position: absolute;
    right: 0;
    background-color: #666;
    color: #fff;
    padding: 3px 12px;
    -webkit-border-radius: .4em;
            border-radius: .4em;
    -webkit-transition: ease-in-out 250ms;
    -o-transition: ease-in-out 250ms;
    transition: ease-in-out 250ms;
    top: 20px;
    text-align: center;
    max-width: 58px;
    width: 58px; }
    .progress__bar .progress__icon p {
      position: relative;
      z-index: 101;
      font-weight: 600; }
    .progress__bar .progress__icon:before {
      content: "";
      display: block;
      position: absolute;
      z-index: 1;
      top: 0;
      width: 0;
      height: 0;
      border: 20px solid transparent;
      border-bottom-color: #666;
      border-top: 0;
      margin-left: -4px;
      margin-top: -6px; }

.share-modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 700px;
  height: 200px;
  background-color: #fff;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  padding: 24px; }
  .share-modal .share-modal__close {
    position: absolute;
    top: 6px;
    right: 24px;
    font-size: 30px; }
    .share-modal .share-modal__close:hover {
      text-decoration: none; }
  .share-modal .share-modal__link {
    font-size: 14px;
    font-size: 0.875rem;
    width: 100%;
    display: inline; }
    .share-modal .share-modal__link p {
      max-width: 400px;
      display: inline-block; }
  .share-modal .share-modals__socials {
    list-style: none;
    display: inline;
    float: right; }
    .share-modal .share-modals__socials li {
      display: inline-block;
      margin: 12px;
      font-size: 1.6em; }
    @media screen and (max-width: 480px) {
      .share-modal .share-modals__socials {
        margin-left: 0; }
        .share-modal .share-modals__socials li {
          margin: 24px; }
          .share-modal .share-modals__socials li:first-of-type {
            margin-left: 0; } }
  .share-modal.visible {
    display: block; }
  @media screen and (max-width: 480px) {
    .share-modal {
      height: auto;
      width: auto; } }

.hero-banner {
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 30vh;
  position: relative;
  min-height: 300px; }
  .hero-banner .tag {
    position: absolute;
    top: 12px;
    background-color: #F28E24;
    color: #fff;
    padding: 2px 12px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    font-size: 0.75rem; }

.accordion,
.accordion--dashboard {
  list-style: none;
  margin-left: 0; }
  .accordion .module,
  .accordion--dashboard .module {
    padding: 12px 0 12px 48px;
    margin-bottom: 6px;
    background: #F0F0F0;
    border: 1px solid #DDDDDD; }
    @media screen and (max-width: 480px) {
      .accordion .module,
      .accordion--dashboard .module {
        font-size: 14px;
        font-size: 0.875rem; } }
    .accordion .module a,
    .accordion--dashboard .module a {
      position: relative; }
      .accordion .module a:before,
      .accordion--dashboard .module a:before {
        display: inline-block;
        position: absolute;
        content: "";
        left: -24px;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        height: 10px;
        width: 10px;
        background-image: url("../img/plus.svg");
        background-repeat: no-repeat; }
    .accordion .module.open a,
    .accordion--dashboard .module.open a {
      position: relative; }
      .accordion .module.open a:before,
      .accordion--dashboard .module.open a:before {
        display: inline-block;
        content: "";
        top: 70%;
        background-image: url("../img/minus.svg"); }
    .accordion .module.module__child,
    .accordion--dashboard .module.module__child {
      background-color: #F9F9F9;
      padding-left: 72px; }
      .accordion .module.module__child .module__child__title,
      .accordion--dashboard .module.module__child .module__child__title {
        position: relative;
        display: inline; }
        .accordion .module.module__child .module__child__title:before,
        .accordion--dashboard .module.module__child .module__child__title:before {
          display: inline-block;
          content: "";
          height: 15px;
          width: 15px;
          background-image: url("../img/play.svg");
          margin-right: 12px;
          margin-left: -24px; }
      .accordion .module.module__child .video-length,
      .accordion--dashboard .module.module__child .video-length {
        text-align: right;
        display: inline-block;
        float: right;
        margin-right: -24px; }
        .accordion .module.module__child .video-length a,
        .accordion--dashboard .module.module__child .video-length a {
          margin-right: 36px; }
          .accordion .module.module__child .video-length a:before,
          .accordion--dashboard .module.module__child .video-length a:before {
            background-image: none; }
        @media screen and (max-width: 768px) {
          .accordion .module.module__child .video-length,
          .accordion--dashboard .module.module__child .video-length {
            margin: 12px 0 0 0;
            float: none;
            display: block;
            text-align: left; } }
    .accordion .module .module__data,
    .accordion--dashboard .module .module__data {
      float: right;
      margin-right: 24px; }
      .accordion .module .module__data .module__preview,
      .accordion--dashboard .module .module__data .module__preview {
        margin-right: 24px;
        color: #F28E24;
        cursor: pointer; }
        .accordion .module .module__data .module__preview:hover,
        .accordion--dashboard .module .module__data .module__preview:hover {
          text-decoration: underline; }
      @media screen and (max-width: 768px) {
        .accordion .module .module__data,
        .accordion--dashboard .module .module__data {
          display: none; } }
  .accordion.accordion--video .module-navigation__single,
  .accordion--dashboard.accordion--video .module-navigation__single {
    position: relative;
    padding: 24px 24px 24px 48px !important; }
    .accordion.accordion--video .module-navigation__single:after,
    .accordion--dashboard.accordion--video .module-navigation__single:after {
      display: inline-block;
      position: absolute;
      content: "";
      width: 15px;
      height: 8px;
      background-image: url("../img/video-chevron.svg");
      background-repeat: no-repeat;
      right: 24px;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      -webkit-transition: ease-in-out 250ms;
      -o-transition: ease-in-out 250ms;
      transition: ease-in-out 250ms; }
    .accordion.accordion--video .module-navigation__single .module-navigation__single__section,
    .accordion--dashboard.accordion--video .module-navigation__single .module-navigation__single__section {
      font-size: 14px;
      font-size: 0.875rem;
      color: #999;
      margin-bottom: 0;
      font-weight: 400; }
    .accordion.accordion--video .module-navigation__single.open:after,
    .accordion--dashboard.accordion--video .module-navigation__single.open:after {
      -webkit-transform: rotate(-180deg);
          -ms-transform: rotate(-180deg);
              transform: rotate(-180deg); }
  .accordion.accordion--video dd.open .module__child,
  .accordion--dashboard.accordion--video dd.open .module__child {
    background-color: rgba(196, 196, 196, 0.3); }
  .accordion.accordion--video dd .module__child,
  .accordion--dashboard.accordion--video dd .module__child {
    background-color: #FFF;
    margin-bottom: 0;
    border: 0;
    border-top: 1px solid #DDD;
    padding: 48px 72px 48px 96px;
    position: relative; }
    .accordion.accordion--video dd .module__child a,
    .accordion--dashboard.accordion--video dd .module__child a {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
      .accordion.accordion--video dd .module__child a:before,
      .accordion--dashboard.accordion--video dd .module__child a:before {
        display: inline-block;
        content: "";
        height: 15px;
        width: 15px;
        top: 12px;
        background-image: url("../img/checkbox.svg"); }
      .accordion.accordion--video dd .module__child a.completed:before,
      .accordion--dashboard.accordion--video dd .module__child a.completed:before {
        display: inline-block;
        content: "";
        height: 18px;
        width: 18px;
        background-image: url("../img/checkbox--ticked.svg"); }
      .accordion.accordion--video dd .module__child a p,
      .accordion--dashboard.accordion--video dd .module__child a p {
        margin-bottom: 0; }
      .accordion.accordion--video dd .module__child a .video-length,
      .accordion--dashboard.accordion--video dd .module__child a .video-length {
        font-size: 14px;
        font-size: 0.875rem;
        color: #666;
        font-weight: 500;
        display: block;
        text-align: left;
        float: left; }

.social-info {
  display: block;
  margin-bottom: 24px;
  color: #F28E24; }

.social-bar {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 99;
  background: #fff;
  border-top: 1px solid #f3f3f3; }
  .social-bar .row {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .social-bar .social-bar__cta a {
    color: #F28E24;
    font-size: 14px;
    font-size: 0.875rem; }
    @media screen and (max-width: 320px) {
      .social-bar .social-bar__cta a {
        font-size: 12px;
        font-size: 0.75rem; } }
  .social-bar i {
    font-size: 1.25rem;
    color: #b7bcc2;
    cursor: pointer;
    display: inline-block;
    padding: 13.33333px; }
    .social-bar i:hover {
      color: #F28E24; }
    @media screen and (max-width: 480px) {
      .social-bar i {
        padding: 6px; } }
    @media screen and (max-width: 320px) {
      .social-bar i {
        padding: 6px 3px; } }

.search-bar {
  position: relative; }
  .search-bar button {
    display: inline-block;
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    right: 12px;
    -webkit-transform: translateY(75%);
        -ms-transform: translateY(75%);
            transform: translateY(75%);
    background-image: url("../img/search.svg");
    background-repeat: no-repeat; }
  .search-bar .search-bar__input {
    display: inline-block;
    margin-right: 0;
    background: #EEEEEE;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    float: right;
    font-size: 14px;
    color: #555;
    margin-bottom: 24px; }

.header {
  background-color: #1E2425;
  color: #8E959F; }
  @media screen and (max-width: 480px) {
    .header {
      min-height: 62px;
      max-height: 62px;
      position: fixed;
      width: 100%;
      display: block;
      z-index: 10000;
      top: 0; } }
  .header .breadcrumb {
    max-height: 48px; }
    .header .breadcrumb .breadcrumb__content {
      color: #fff;
      font-size: 12px;
      text-transform: capitalize; }
      .header .breadcrumb .breadcrumb__content a {
        color: #fff; }
      .header .breadcrumb .breadcrumb__content p,
      .header .breadcrumb .breadcrumb__content #breadcrumbs {
        display: inline; }
      @media screen and (max-width: 768px) {
        .header .breadcrumb .breadcrumb__content {
          margin-left: -24px; } }
  .header li a {
    color: #8E959F; }
  @media screen and (max-width: 1200px) {
    .header .header__logo img {
      padding: 20px 0;
      width: 200px;
      max-height: 70px; } }
  .header .search-bar {
    position: relative; }
    .header .search-bar button {
      display: inline-block;
      position: absolute;
      content: "";
      width: 15px;
      height: 15px;
      right: 12px;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      background-image: url("../img/search.svg");
      background-repeat: no-repeat; }
    .header .search-bar .search-bar__input {
      display: inline-block;
      width: 115px;
      margin-right: 0;
      background: #EEEEEE;
      -webkit-border-radius: 5px;
              border-radius: 5px;
      float: right;
      font-size: 14px;
      color: #555;
      margin-bottom: 0 !important; }
  .header .nav__search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%; }
    .header .nav__search .category-dropdown {
      display: inline-block;
      position: relative;
      padding-left: 48px;
      width: 230px;
      margin-right: 12px;
      border-left: 1px solid #334548;
      letter-spacing: 0.05em;
      cursor: pointer;
      font-size: 14px;
      font-size: 0.875rem; }
      .header .nav__search .category-dropdown:before {
        display: inline-block;
        position: absolute;
        content: "";
        width: 7px;
        height: 4px;
        left: 24px;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        background-image: url("../img/category-chevron.svg");
        background-repeat: no-repeat; }
      .header .nav__search .category-dropdown .category-dropdown__div {
        display: none;
        position: absolute;
        z-index: 100;
        background-color: #1E2425;
        width: 167px;
        list-style: none;
        margin-left: 0;
        left: 0;
        padding: 36px 0 24px 24px;
        cursor: default; }
        .header .nav__search .category-dropdown .category-dropdown__div li {
          margin-bottom: 6px; }
        .header .nav__search .category-dropdown .category-dropdown__div.open {
          display: block; }

.main--search .section--search {
  margin: 0;
  padding: 0;
  padding-bottom: 48px;
  background-color: #E8E8E8; }
  .main--search .section--search .post-filter {
    margin: 24px 0 -24px 0; }
  .main--search .section--search .projects-grid {
    opacity: 0;
    -webkit-transition: opacity .6s ease;
    -o-transition: opacity .6s ease;
    transition: opacity .6s ease; }
    .main--search .section--search .projects-grid.loaded {
      opacity: 1; }
  .main--search .section--search .grid-item {
    padding-left: 24px;
    width: 25%; }
    @media screen and (max-width: 1200px) {
      .main--search .section--search .grid-item {
        width: 33%; } }
    @media screen and (max-width: 768px) {
      .main--search .section--search .grid-item {
        width: 50%; } }
    @media screen and (max-width: 480px) {
      .main--search .section--search .grid-item {
        width: 100%; } }
  .main--search .section--search .results__header {
    background-color: #152E32;
    color: #fff;
    text-align: center;
    padding: 120px 0 72px 0; }
    .main--search .section--search .results__header h1 {
      font-size: 28px;
      font-weight: 400;
      text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); }
      @media screen and (max-width: 480px) {
        .main--search .section--search .results__header h1 {
          font-size: 22px; } }
    @media screen and (max-width: 480px) {
      .main--search .section--search .results__header {
        padding: 96px 24px 48px 24px; } }
  .main--search .section--search .results__content {
    max-width: 600px;
    margin: auto; }
    .main--search .section--search .results__content .search__image img {
      height: 150px;
      -webkit-border-radius: 50%;
              border-radius: 50%; }
  .main--search .section--search .card {
    margin-top: 48px;
    margin-bottom: 0; }
  .main--search .section--search .pagination {
    margin-top: 48px;
    margin-bottom: -2px; }

.footer {
  background-color: #1E2425;
  color: #fff;
  padding: 72px 0; }
  .footer a {
    color: #fff; }
    .footer a:hover {
      color: #F28E24; }
  .footer .footer__copyright {
    font-size: 12px;
    font-size: 0.75rem;
    margin-top: 24px; }
  .footer .socials,
  .footer .footer__ul {
    list-style: none;
    margin-left: 0; }
    .footer .socials .social__icon,
    .footer .footer__ul .social__icon {
      display: inline-block;
      margin-right: 12px;
      cursor: pointer; }
      .footer .socials .social__icon a,
      .footer .footer__ul .social__icon a {
        -webkit-transition: ease-in-out 250ms;
        -o-transition: ease-in-out 250ms;
        transition: ease-in-out 250ms; }
      .footer .socials .social__icon i,
      .footer .footer__ul .social__icon i {
        font-size: 2em; }
    .footer .socials .footer__li,
    .footer .footer__ul .footer__li {
      margin-bottom: 12px;
      font-size: 14px;
      font-size: 0.875rem; }
  .footer .footer__navigation li {
    display: block;
    color: #fff;
    margin-bottom: 24px;
    font-weight: 600; }
    .footer .footer__navigation li a {
      font-size: 14px !important; }
  .footer img {
    padding-right: 24px; }
  @media screen and (max-width: 768px) {
    .footer {
      padding-bottom: 24px; }
      .footer .col--sm-12 {
        margin-bottom: 12px; } }
  @media screen and (max-width: 480px) {
    .footer {
      padding: 24px 0; }
      .footer .col--sm-12 {
        margin-top: 24px;
        margin-bottom: 0; } }
  .footer .nav {
    background-color: transparent; }
    @media screen and (max-width: 768px) {
      .footer .nav li a {
        font-size: 14px;
        font-size: 0.875rem; } }
    @media screen and (max-width: 480px) {
      .footer .nav li a {
        font-size: 16px;
        font-size: 1rem; } }

.section {
  margin: 24px 0;
  padding: 24px 0; }
  .section.section--hero {
    position: relative;
    margin: 0;
    padding: 0;
    height: 40vh;
    -webkit-background-size: cover;
            background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 400px; }
    .section.section--hero .hero__video {
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 0;
      height: 100%;
      width: 100vw;
      -o-object-fit: cover;
         object-fit: cover; }
      .section.section--hero .hero__video source {
        -o-object-fit: cover;
           object-fit: cover; }
    .section.section--hero .hero__gradient {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.6)), to(rgba(255, 255, 255, 0)));
      background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.6), rgba(255, 255, 255, 0));
      background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.6), rgba(255, 255, 255, 0));
      background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(255, 255, 255, 0)); }
    .section.section--hero .hero__content {
      position: absolute;
      bottom: 96px;
      color: #fff;
      max-width: 500px; }
      .section.section--hero .hero__content form {
        max-width: 400px;
        position: relative; }
        .section.section--hero .hero__content form button {
          display: inline-block;
          position: absolute;
          content: "";
          width: 15px;
          height: 15px;
          right: 12px;
          top: 50%;
          -webkit-transform: translateY(70%);
              -ms-transform: translateY(70%);
                  transform: translateY(70%);
          background-image: url("../img/search.svg");
          background-repeat: no-repeat; }
        .section.section--hero .hero__content form input {
          -webkit-border-radius: 5px;
                  border-radius: 5px;
          border: 0;
          background-color: #EEE;
          max-width: 400px; }
        @media screen and (max-width: 480px) {
          .section.section--hero .hero__content form {
            font-size: 12px;
            font-size: 0.75rem;
            max-width: 320px; }
            .section.section--hero .hero__content form input {
              max-width: 320px; } }
      @media screen and (max-width: 480px) {
        .section.section--hero .hero__content {
          max-width: 325px;
          bottom: 60px; } }
    .section.section--hero.section--hero--training {
      background-image: url("../img/hero-background.jpg"); }
    .section.section--hero.section--hero--archive-podcast {
      background-image: url("../img/podcast-hero.jpg"); }
    .section.section--hero.section--hero--podcast {
      background-position: center top;
      height: 25vh; }
    .section.section--hero.section--hero--dashboard {
      height: 20vh;
      min-height: 235px; }
      .section.section--hero.section--hero--dashboard .hero__content {
        top: calc(50% - 24px);
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        max-width: 800px;
        text-align: center; }
        .section.section--hero.section--hero--dashboard .hero__content h1 {
          font-weight: 400; }
        .section.section--hero.section--hero--dashboard .hero__content .btn {
          max-width: 200px;
          width: 200px;
          padding: 6px 0 !important;
          margin: 0 12px; }
          @media screen and (max-width: 768px) {
            .section.section--hero.section--hero--dashboard .hero__content .btn {
              margin: 6px auto; } }
          @media screen and (max-width: 480px) {
            .section.section--hero.section--hero--dashboard .hero__content .btn {
              display: block; } }
        @media screen and (max-width: 480px) {
          .section.section--hero.section--hero--dashboard .hero__content {
            width: 100%;
            margin-top: 12px; } }
      @media screen and (max-width: 768px) {
        .section.section--hero.section--hero--dashboard {
          height: 30vh; } }
      @media screen and (max-width: 480px) {
        .section.section--hero.section--hero--dashboard {
          height: 40vh; } }
      @media screen and (max-width: 400px) {
        .section.section--hero.section--hero--dashboard {
          height: 45vh; } }
  .section.section--course_single {
    margin-top: 0;
    padding-top: 0; }
    .section.section--course_single .post__header {
      color: #fff;
      background-color: #1E2425;
      text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); }
      .section.section--course_single .post__header .post__reviews .star-rating {
        color: #EFCE4A !important;
        float: left;
        margin-right: 12px;
        margin-top: 2px; }
      .section.section--course_single .post__header .post__reviews a {
        display: block;
        color: #fff;
        text-decoration: underline;
        margin-top: -12px;
        font-weight: 600;
        margin-bottom: 24px; }
    .section.section--course_single .share-subscription {
      text-align: center;
      color: #fff;
      font-size: 12px;
      font-size: 0.75rem; }
      .section.section--course_single .share-subscription p {
        position: relative; }
        .section.section--course_single .share-subscription p:after {
          display: inline-block;
          position: absolute;
          content: "";
          width: 15px;
          height: 15px;
          left: 12px;
          top: 50%;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          background-image: url("../img/info.svg");
          background-repeat: no-repeat; }
        @media screen and (max-width: 768px) {
          .section.section--course_single .share-subscription p {
            width: 225px;
            margin: 12px auto; }
            .section.section--course_single .share-subscription p:after {
              left: -24px;
              top: 8px; } }
      .section.section--course_single .share-subscription .btn {
        width: 100%; }
      @media screen and (max-width: 480px) {
        .section.section--course_single .share-subscription {
          margin-top: 24px; } }
    .section.section--course_single .course__navigation {
      background-color: #E8E8E8; }
      @media screen and (max-width: 480px) {
        .section.section--course_single .course__navigation {
          text-align: center; } }
      .section.section--course_single .course__navigation .course__navigation__tab {
        height: 100%;
        background-color: #fff;
        display: inline-block;
        position: relative;
        border: 1px solid #E8E8E8;
        -webkit-transition: ease-in-out 250ms;
        -o-transition: ease-in-out 250ms;
        transition: ease-in-out 250ms;
        cursor: pointer; }
        .section.section--course_single .course__navigation .course__navigation__tab p {
          padding: 24px;
          font-weight: 500; }
          @media screen and (max-width: 480px) {
            .section.section--course_single .course__navigation .course__navigation__tab p {
              font-size: 15px;
              font-size: 0.9375rem;
              padding: 24px; } }
          @media screen and (max-width: 360px) {
            .section.section--course_single .course__navigation .course__navigation__tab p {
              padding: 20px 10px; } }
        .section.section--course_single .course__navigation .course__navigation__tab:first-of-type {
          border-right: #E8E8E8; }
        .section.section--course_single .course__navigation .course__navigation__tab:last-of-type {
          margin-left: -4px; }
        .section.section--course_single .course__navigation .course__navigation__tab.selected {
          background-color: #FAFAFA; }
    .section.section--course_single .progress .progress__bar {
      margin-bottom: 24px;
      width: 300px;
      display: inline-grid; }
      .section.section--course_single .progress .progress__bar span {
        width: 0%; }
    .section.section--course_single .progress p {
      display: inline-block;
      color: #666;
      margin-right: 24px;
      font-size: 12px;
      font-size: 0.75rem; }
    .section.section--course_single .video-player {
      height: 421px;
      overflow: hidden;
      max-height: 421px; }
      .section.section--course_single .video-player #comments,
      .section.section--course_single .video-player #reply-title,
      .section.section--course_single .video-player .comment-notes,
      .section.section--course_single .video-player .comment-form-comment,
      .section.section--course_single .video-player .comment-form-author,
      .section.section--course_single .video-player .comment-form-email,
      .section.section--course_single .video-player .comment-form-cookies-consent,
      .section.section--course_single .video-player .comment-form-url {
        display: none !important; }
      .section.section--course_single .video-player .comment-form-rating label {
        display: none; }
      .section.section--course_single .video-player .comment-form-rating a {
        color: #EFCE4A; }
      .section.section--course_single .video-player .form-submit .submit {
        content: "Rate this course" !important;
        background-color: transparent !important;
        color: #000 !important;
        font-weight: 600 !important;
        text-decoration: underline !important;
        padding: 0 !important; }
      .section.section--course_single .video-player #review_form {
        position: relative !important; }
        .section.section--course_single .video-player #review_form .ratings {
          position: absolute !important;
          top: -4px;
          left: 110px; }
      .section.section--course_single .video-player .col--lg-4 {
        padding-left: 0; }
      @media screen and (max-width: 768px) {
        .section.section--course_single .video-player #video .fluid-width-video-wrapper {
          padding-top: 100%; } }
      @media screen and (min-width: 768px) {
        .section.section--course_single .video-player #video {
          background-color: #000; } }
      .section.section--course_single .video-player .video__player__modal {
        height: 421px;
        background-color: #E8E8E8;
        position: relative !important;
        display: none; }
        .section.section--course_single .video-player .video__player__modal.display {
          display: block; }
        .section.section--course_single .video-player .video__player__modal .video__player__modal__content {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          text-align: center; }
      .section.section--course_single .video-player .video__player {
        max-height: 421px; }
      .section.section--course_single .video-player .module-navigation {
        width: 100%;
        max-height: 421px;
        overflow: scroll;
        border: 1px solid #CCCCCC; }
        .section.section--course_single .video-player .module-navigation .module-navigation__single {
          padding: 60px 24px;
          border-top: 1px solid #CCCCCC;
          font-weight: 500; }
          .section.section--course_single .video-player .module-navigation .module-navigation__single:first-of-type {
            padding-top: 60px;
            border-top: none; }
        @media screen and (max-width: 1200px) {
          .section.section--course_single .video-player .module-navigation {
            margin-top: -24px; } }
        @media screen and (max-width: 907px) {
          .section.section--course_single .video-player .module-navigation {
            margin-top: 0; } }
        @media screen and (max-width: 768px) {
          .section.section--course_single .video-player .module-navigation {
            margin-top: 50px; } }
        @media screen and (max-width: 480px) {
          .section.section--course_single .video-player .module-navigation {
            margin-top: 0;
            max-height: 300px; } }
      @media screen and (max-width: 1200px) {
        .section.section--course_single .video-player {
          max-height: 100%;
          height: auto; }
          .section.section--course_single .video-player .col--lg-4 {
            padding-left: 24px; } }
      @media screen and (max-width: 768px) {
        .section.section--course_single .video-player {
          height: auto; }
          .section.section--course_single .video-player .video {
            height: 420px; }
          .section.section--course_single .video-player .col--lg-8,
          .section.section--course_single .video-player .video__player__modal {
            height: 405px;
            overflow: hidden; } }
      @media screen and (max-width: 480px) {
        .section.section--course_single .video-player .video {
          height: 0; }
        .section.section--course_single .video-player .col--lg-8,
        .section.section--course_single .video-player .video__player__modal {
          height: 225px; }
        .section.section--course_single .video-player .col--lg-4 {
          height: 300px; } }
    .section.section--course_single .course__module {
      margin: 24px 0; }
      .section.section--course_single .course__module.course__module--purchased {
        display: none; }
      .section.section--course_single .course__module.active {
        display: block; }
      .section.section--course_single .course__module p {
        padding-right: 48px; }
        @media screen and (max-width: 480px) {
          .section.section--course_single .course__module p {
            padding-right: 0; } }
      .section.section--course_single .course__module.course__learning p {
        display: inline-block;
        position: relative;
        width: 325px;
        height: 48px;
        margin-left: 36px; }
        .section.section--course_single .course__module.course__learning p:before {
          display: inline-block;
          position: absolute;
          content: "";
          left: -36px;
          height: 18px;
          width: 18px;
          background-image: url("../img/tick.svg");
          background-repeat: no-repeat; }
          @media screen and (max-width: 768px) {
            .section.section--course_single .course__module.course__learning p:before {
              top: 2px; } }
        @media screen and (max-width: 480px) {
          .section.section--course_single .course__module.course__learning p {
            width: 275px; } }
      .section.section--course_single .course__module.course__summary ul {
        margin-left: 48px; }
      .section.section--course_single .course__module.course__materials .materials__info p {
        display: inline-block;
        font-size: 18px;
        font-size: 1.125rem;
        margin-bottom: 24px; }
      .section.section--course_single .course__module.course__materials .materials__info .btn {
        float: right; }
      .section.section--course_single .course__module.course__materials .materials__ul {
        list-style: none;
        margin-left: 0; }
        .section.section--course_single .course__module.course__materials .materials__ul .materials__li {
          padding: 12px 0;
          border-top: 1px solid #CCC; }
          .section.section--course_single .course__module.course__materials .materials__ul .materials__li:last-of-type {
            border-bottom: 1px solid #CCC; }
          .section.section--course_single .course__module.course__materials .materials__ul .materials__li .materials__li__div {
            display: inline-block; }
            .section.section--course_single .course__module.course__materials .materials__ul .materials__li .materials__li__div.materials__li__div--download, .section.section--course_single .course__module.course__materials .materials__ul .materials__li .materials__li__div.materials__li__div--caption {
              float: right; }
              .section.section--course_single .course__module.course__materials .materials__ul .materials__li .materials__li__div.materials__li__div--download a, .section.section--course_single .course__module.course__materials .materials__ul .materials__li .materials__li__div.materials__li__div--caption a {
                color: #F28E24; }
              @media screen and (max-width: 480px) {
                .section.section--course_single .course__module.course__materials .materials__ul .materials__li .materials__li__div.materials__li__div--download, .section.section--course_single .course__module.course__materials .materials__ul .materials__li .materials__li__div.materials__li__div--caption {
                  float: none; } }
            .section.section--course_single .course__module.course__materials .materials__ul .materials__li .materials__li__div.materials__li__div--caption {
              margin-right: 96px; }
            @media screen and (max-width: 480px) {
              .section.section--course_single .course__module.course__materials .materials__ul .materials__li .materials__li__div {
                display: block; } }
        @media screen and (max-width: 480px) {
          .section.section--course_single .course__module.course__materials .materials__ul .materials__li {
            display: block;
            position: relative;
            width: 100%; }
            .section.section--course_single .course__module.course__materials .materials__ul .materials__li .materials__li__div--filename {
              margin-bottom: 12px; } }
    .section.section--course_single .course__sidebar,
    .section.section--course_single .sidebar {
      position: relative;
      margin-bottom: 24px;
      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
              box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); }
    .section.section--course_single .course__sidebar {
      margin-top: -235px;
      background: #FFFFFF;
      -webkit-border-radius: 10px;
              border-radius: 10px;
      font-size: 14px;
      font-size: 0.875rem; }
      @media screen and (max-width: 768px) {
        .section.section--course_single .course__sidebar {
          margin-top: -340px; } }
      @media screen and (max-width: 480px) {
        .section.section--course_single .course__sidebar {
          margin-top: 0; } }
      .section.section--course_single .course__sidebar img {
        padding: 6px;
        margin-bottom: 12px; }
      .section.section--course_single .course__sidebar .course__content {
        padding: 0 24px; }
        .section.section--course_single .course__sidebar .course__content .price {
          text-align: left;
          font-size: 32px;
          font-size: 2rem;
          font-weight: 600;
          margin-left: 0;
          margin-bottom: 12px; }
        .section.section--course_single .course__sidebar .course__content .btn {
          width: 100%;
          margin-bottom: 12px; }
        .section.section--course_single .course__sidebar .course__content ul {
          list-style: none; }
          .section.section--course_single .course__sidebar .course__content ul li {
            margin-bottom: 6px;
            position: relative; }
            .section.section--course_single .course__sidebar .course__content ul li:last-of-type {
              margin-bottom: 24px; }
            .section.section--course_single .course__sidebar .course__content ul li:before {
              display: inline-block;
              position: absolute;
              content: "";
              left: -24px;
              top: 2px;
              height: 15px;
              width: 15px;
              background-image: url("../img/tick.svg");
              background-repeat: no-repeat; }
            .section.section--course_single .course__sidebar .course__content ul li.course__ul-header {
              margin-left: -24px;
              font-weight: 500; }
              .section.section--course_single .course__sidebar .course__content ul li.course__ul-header:before {
                background-image: none; }
        .section.section--course_single .course__sidebar .course__content hr {
          background-color: #DDD; }
      .section.section--course_single .course__sidebar .subscription {
        text-align: center; }
        .section.section--course_single .course__sidebar .subscription .subscription__heading {
          font-size: 20px;
          font-size: 1.25rem;
          margin-bottom: 12px; }
        .section.section--course_single .course__sidebar .subscription .subscription__row {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          margin-bottom: 24px; }
          .section.section--course_single .course__sidebar .subscription .subscription__row .subscription__div {
            display: inline-block;
            position: relative;
            height: 94px;
            width: 50%;
            text-align: center;
            background-color: #F0F0F0;
            cursor: pointer;
            -webkit-transition: ease-in-out 250ms;
            -o-transition: ease-in-out 250ms;
            transition: ease-in-out 250ms; }
            .section.section--course_single .course__sidebar .subscription .subscription__row .subscription__div:hover {
              -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
                      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); }
            .section.section--course_single .course__sidebar .subscription .subscription__row .subscription__div .subscription__content {
              position: absolute;
              top: 50%;
              left: 50%;
              -webkit-transform: translate(-50%, -50%);
                  -ms-transform: translate(-50%, -50%);
                      transform: translate(-50%, -50%);
              width: 90%; }
              @media screen and (max-width: 768px) {
                .section.section--course_single .course__sidebar .subscription .subscription__row .subscription__div .subscription__content {
                  font-size: 12px;
                  font-size: 0.75rem; } }
              .section.section--course_single .course__sidebar .subscription .subscription__row .subscription__div .subscription__content .subscription__price {
                margin-bottom: 0;
                color: #F28E24;
                font-size: 20px;
                font-size: 1.25rem; }
            .section.section--course_single .course__sidebar .subscription .subscription__row .subscription__div:first-of-type {
              margin-right: 12px; }
            .section.section--course_single .course__sidebar .subscription .subscription__row .subscription__div:last-of-type {
              margin-left: 12px; }
    .section.section--course_single .video--preview-modal {
      display: none;
      position: fixed;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 65%;
      z-index: 100;
      background-color: #1E2425; }
      .section.section--course_single .video--preview-modal .video--preview-modal__title {
        position: absolute;
        left: 48px;
        padding-top: 12px;
        color: #fff; }
      .section.section--course_single .video--preview-modal .video--preview {
        padding: 48px; }
      .section.section--course_single .video--preview-modal .modal__dismiss {
        color: #fff;
        position: absolute;
        right: 24px;
        top: 12px; }
        .section.section--course_single .video--preview-modal .modal__dismiss:hover {
          text-decoration: none; }
        .section.section--course_single .video--preview-modal .modal__dismiss:before {
          background-image: none; }
      @media screen and (max-width: 768px) {
        .section.section--course_single .video--preview-modal {
          width: 90%; } }
      @media screen and (max-width: 480px) {
        .section.section--course_single .video--preview-modal {
          width: 95%; }
          .section.section--course_single .video--preview-modal .video--preview {
            padding: 24px; }
          .section.section--course_single .video--preview-modal .modal__dismiss {
            right: 10px;
            top: 10px; } }
  .section.section--featured_posts {
    padding: 48px 0 0 0;
    text-align: center;
    background-color: #E8E8E8;
    margin-bottom: 0; }
    .section.section--featured_posts h2 {
      margin: 24px 0; }
    .section.section--featured_posts .btn {
      margin-bottom: 48px; }
    .section.section--featured_posts.section--featured_posts--podcast {
      padding-top: 48px; }
  .section.section--article_single {
    margin-top: 0;
    padding-top: 0; }
    .section.section--article_single .hero-banner {
      height: 25vh;
      background-position: center;
      -webkit-background-size: cover;
              background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      margin-bottom: 24px; }
    .section.section--article_single .siderbar--author {
      margin-bottom: 24px;
      padding: 24px 6px; }
      .section.section--article_single .siderbar--author .sidebar__content {
        padding: 0 12px; }
    .section.section--article_single .post__header {
      margin-bottom: 24px; }
      .section.section--article_single .post__header h1 {
        text-transform: uppercase;
        font-weight: 400;
        font-size: 30px;
        font-size: 1.875rem; }
        @media screen and (max-width: 768px) {
          .section.section--article_single .post__header h1 {
            line-height: 40px; } }
      .section.section--article_single .post__header .post__author {
        color: #F28E24;
        text-transform: capitalize; }
      @media screen and (max-width: 480px) {
        .section.section--article_single .post__header {
          margin-top: 24px; } }
    .section.section--article_single .post__references {
      position: relative;
      margin: 48px 0;
      padding: 24px;
      background: #dae1e9;
      overflow: hidden;
      max-height: 150px;
      border: 12px solid transparent;
      border-top: none; }
      .section.section--article_single .post__references.open {
        max-height: 100%; }
        .section.section--article_single .post__references.open .post__show-all i {
          -webkit-transform: rotateX(180deg);
                  transform: rotateX(180deg); }
      .section.section--article_single .post__references .post__show-all {
        position: absolute;
        top: 36px;
        right: 24px;
        cursor: pointer; }
        .section.section--article_single .post__references .post__show-all i {
          -webkit-transition: ease-in-out 150ms;
          -o-transition: ease-in-out 150ms;
          transition: ease-in-out 150ms; }
    @media screen and (max-width: 480px) {
      .section.section--article_single .sidebar--dark {
        margin-bottom: 0; } }
  .section.section--popular_articles {
    margin-top: 0;
    padding-top: 0;
    text-align: center; }
    .section.section--popular_articles .content_above {
      text-align: center;
      margin: 24px 0; }
    .section.section--popular_articles .card {
      margin-bottom: 24px; }
      .section.section--popular_articles .card .course__div {
        height: auto !important;
        background-color: #F4F4F4; }
        .section.section--popular_articles .card .course__div .course__title {
          margin-bottom: 0; }
    .section.section--popular_articles .btn {
      margin: auto; }
  .section.section--banner .banner {
    background-color: #1E2425;
    color: #fff;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 48px 0;
    width: 100%; }
    .section.section--banner .banner .banner__content {
      margin-left: 24px; }
      .section.section--banner .banner .banner__content h2 {
        font-size: 28px;
        font-size: 1.75rem;
        font-weight: 400; }
      .section.section--banner .banner .banner__content .subscription-a {
        text-decoration: none;
        margin-right: 6px; }
        .section.section--banner .banner .banner__content .subscription-a:hover {
          text-decoration: none; }
      .section.section--banner .banner .banner__content .subscription-div {
        background-color: #353E40;
        width: auto;
        text-align: center;
        padding: 12px 24px;
        display: inline-block;
        -webkit-border-radius: 5px;
                border-radius: 5px;
        margin-bottom: 24px;
        min-width: 225px; }
        .section.section--banner .banner .banner__content .subscription-div .subscription__price {
          color: #F28E24; }
        .section.section--banner .banner .banner__content .subscription-div .subscription__type {
          color: #fff !important; }
    @media screen and (max-width: 768px) {
      .section.section--banner .banner {
        height: 525px; }
        .section.section--banner .banner .banner__image {
          margin-left: -24px;
          margin-right: 24px; } }
    @media screen and (max-width: 480px) {
      .section.section--banner .banner {
        text-align: center;
        display: block;
        min-height: 750px;
        padding: 48px 24px; }
        .section.section--banner .banner .row {
          width: auto; }
        .section.section--banner .banner .col--lg-6 .banner__content {
          margin-left: 0; }
          .section.section--banner .banner .col--lg-6 .banner__content .subscription-div:first-of-type {
            margin-right: 0; }
          .section.section--banner .banner .col--lg-6 .banner__content .subscription-div .btn {
            margin-bottom: 24px; }
        .section.section--banner .banner .col--lg-6 .banner__image {
          margin: 24px auto 0 auto; } }
  .section.section--two_column {
    margin: auto; }
    .section.section--two_column .two-col__content-above {
      margin: 24px; }
      .section.section--two_column .two-col__content-above h2 {
        font-size: 30px;
        font-size: 1.875rem;
        font-weight: 400; }
    .section.section--two_column .two-col__content {
      text-align: center; }
      .section.section--two_column .two-col__content .two-col__p {
        display: inline-block;
        max-width: 400px;
        vertical-align: top;
        margin: 24px 24px 0 24px;
        text-align: left; }
        .section.section--two_column .two-col__content .two-col__p p {
          position: relative; }
          .section.section--two_column .two-col__content .two-col__p p:before {
            display: inline-block;
            position: absolute;
            content: "";
            left: -24px;
            top: 2px;
            height: 15px;
            width: 15px;
            background-image: url("../img/tick.svg");
            background-repeat: no-repeat; }
  .section.section--membership {
    margin-top: 0;
    padding-top: 0; }
    @media screen and (max-width: 1100px) {
      .section.section--membership .row--flex {
        display: block; } }
    .section.section--membership .membership__content-above {
      margin: 24px; }
      .section.section--membership .membership__content-above h2 {
        font-size: 30px;
        font-size: 1.875rem;
        font-weight: 400; }
    .section.section--membership .sidebar--dark--blue {
      min-height: 865px; }
      .section.section--membership .sidebar--dark--blue .sidebar__content h2 {
        min-height: 72px; }
      .section.section--membership .sidebar--dark--blue.sidebar--membership {
        min-height: 325px; }
        .section.section--membership .sidebar--dark--blue.sidebar--membership .sidebar__content {
          padding: 12px; }
      .section.section--membership .sidebar--dark--blue .btn {
        width: 100%;
        margin-top: 12px; }
  .section.section--accordion .accordion__content-above {
    margin-bottom: 24px; }
  .section.section--article_index {
    padding: 48px 0 24px 0; }
    .section.section--article_index .hero-banner,
    .section.section--article_index .post__header,
    .section.section--article_index .post__author,
    .section.section--article_index .post__content,
    .section.section--article_index .post__read-more {
      margin-bottom: 24px; }
    .section.section--article_index .post__author {
      text-transform: capitalize; }
    .section.section--article_index .card .course__div {
      background-color: #F0F0F0; }
    @media screen and (max-width: 480px) {
      .section.section--article_index h1 {
        margin-bottom: 24px; } }
  .section.section--dashboard {
    background-color: #E8E8E8;
    margin: 0;
    padding: 96px 0; }
    .section.section--dashboard + .section--featured_posts {
      margin-top: 0; }
    .section.section--dashboard .dashboard__header {
      position: relative;
      margin-bottom: 24px; }
      .section.section--dashboard .dashboard__header h2 {
        display: inline;
        width: 100%; }
      .section.section--dashboard .dashboard__header .post-filter {
        position: absolute;
        right: 0;
        top: 0;
        margin: 0; }
        @media screen and (max-width: 768px) {
          .section.section--dashboard .dashboard__header .post-filter {
            position: relative;
            margin-top: 24px; } }
    .section.section--dashboard .sidebar .btn {
      padding: 6px;
      width: 100%; }
    .section.section--dashboard .card .course__div {
      height: 225px; }
      .section.section--dashboard .card .course__div .course__title,
      .section.section--dashboard .card .course__div .course__content,
      .section.section--dashboard .card .course__div .progress__bar {
        margin-bottom: 12px; }
      .section.section--dashboard .card .course__div .course__content {
        position: relative !important; }
        @media screen and (max-width: 480px) {
          .section.section--dashboard .card .course__div .course__content {
            max-width: none; } }
      .section.section--dashboard .card .course__div .course__progress {
        position: absolute;
        width: 90%;
        bottom: 12px;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%); }
      @media screen and (max-width: 480px) {
        .section.section--dashboard .card .course__div {
          height: 250px; } }
      @media screen and (max-width: 400px) {
        .section.section--dashboard .card .course__div {
          height: 275px; } }
    .section.section--dashboard .student-progress {
      margin-top: 48px; }
      .section.section--dashboard .student-progress.student-progress--usa-field-hockey-admin .row--dashboard {
        margin-left: 0; }
      .section.section--dashboard .student-progress .row--dashboard {
        margin-left: 24px; }
        .section.section--dashboard .student-progress .row--dashboard .progress__bar {
          background-color: #fff; }
        @media screen and (max-width: 1200px) {
          .section.section--dashboard .student-progress .row--dashboard {
            min-width: 1200px; }
            .section.section--dashboard .student-progress .row--dashboard .user .row {
              display: -webkit-box !important;
              display: -webkit-flex !important;
              display: -ms-flexbox !important;
              display: flex !important; } }
      @media screen and (max-width: 1200px) {
        .section.section--dashboard .student-progress {
          white-space: nowrap;
          overflow: scroll;
          width: 100%; } }
    .section.section--dashboard .accordion .user,
    .section.section--dashboard .accordion--dashboard .user {
      position: relative; }
      .section.section--dashboard .accordion .user .user__name,
      .section.section--dashboard .accordion--dashboard .user .user__name {
        display: inline-block;
        font-weight: 500; }
        @media screen and (max-width: 768px) {
          .section.section--dashboard .accordion .user .user__name,
          .section.section--dashboard .accordion--dashboard .user .user__name {
            width: 239px; } }
        @media screen and (max-width: 480px) {
          .section.section--dashboard .accordion .user .user__name,
          .section.section--dashboard .accordion--dashboard .user .user__name {
            width: 250px; }
            .section.section--dashboard .accordion .user .user__name.user__name--email,
            .section.section--dashboard .accordion--dashboard .user .user__name.user__name--email {
              width: 199px; } }
      .section.section--dashboard .accordion .user .user__full-name,
      .section.section--dashboard .accordion--dashboard .user .user__full-name {
        margin-right: 48px; }
        .section.section--dashboard .accordion .user .user__full-name:before,
        .section.section--dashboard .accordion--dashboard .user .user__full-name:before {
          content: "";
          display: inline-block;
          height: 12px;
          width: 12px;
          background-image: url("../img/down-arrow.svg");
          background-repeat: no-repeat;
          margin-right: 12px;
          -webkit-transition: ease-in-out 250ms;
          -o-transition: ease-in-out 250ms;
          transition: ease-in-out 250ms; }
      .section.section--dashboard .accordion .user.open .user__full-name:before,
      .section.section--dashboard .accordion--dashboard .user.open .user__full-name:before {
        -webkit-transform: rotateZ(180deg);
            -ms-transform: rotate(180deg);
                transform: rotateZ(180deg); }
    .section.section--dashboard .accordion .course,
    .section.section--dashboard .accordion--dashboard .course {
      position: relative; }
      .section.section--dashboard .accordion .course .course__title,
      .section.section--dashboard .accordion--dashboard .course .course__title {
        margin: 24px 0; }
      .section.section--dashboard .accordion .course .course__progress,
      .section.section--dashboard .accordion--dashboard .course .course__progress {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        right: -24px; }
        .section.section--dashboard .accordion .course .course__progress .progress__bar,
        .section.section--dashboard .accordion--dashboard .course .course__progress .progress__bar {
          width: 250px;
          -webkit-transform: translateX(100%);
              -ms-transform: translateX(100%);
                  transform: translateX(100%); }
          .section.section--dashboard .accordion .course .course__progress .progress__bar p,
          .section.section--dashboard .accordion--dashboard .course .course__progress .progress__bar p {
            position: absolute;
            right: -48px;
            top: 50%;
            -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                    transform: translateY(-50%); }
          @media screen and (max-width: 768px) {
            .section.section--dashboard .accordion .course .course__progress .progress__bar,
            .section.section--dashboard .accordion--dashboard .course .course__progress .progress__bar {
              -webkit-transform: translateX(0);
                  -ms-transform: translateX(0);
                      transform: translateX(0);
              margin-right: 0; } }
        @media screen and (max-width: 768px) {
          .section.section--dashboard .accordion .course .course__progress,
          .section.section--dashboard .accordion--dashboard .course .course__progress {
            position: relative;
            -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                    transform: translateY(0);
            right: auto; } }
      .section.section--dashboard .accordion .course:last-of-type .course__title,
      .section.section--dashboard .accordion--dashboard .course:last-of-type .course__title {
        margin-bottom: 12px; }
    .section.section--dashboard .accordion .course__last-activity,
    .section.section--dashboard .accordion--dashboard .course__last-activity {
      position: relative; }
      .section.section--dashboard .accordion .course__last-activity p,
      .section.section--dashboard .accordion--dashboard .course__last-activity p {
        position: absolute;
        top: 0; }
  .section.section--archive_product {
    margin: 0;
    padding: 48px 0;
    background-color: #E8E8E8;
    padding-bottom: 0; }
    .section.section--archive_product .search-bar {
      margin-top: -24px; }
    .section.section--archive_product .pagination {
      margin-bottom: 40px; }
  .section.section--home_banner {
    margin: 0;
    background-color: #F28E24;
    color: #fff; }
    .section.section--home_banner .icon {
      height: 48px;
      width: 48px;
      display: inline-block; }
      @media screen and (max-width: 480px) {
        .section.section--home_banner .icon {
          display: block;
          margin: auto;
          margin-bottom: 12px; } }
    .section.section--home_banner .home_banner__content {
      display: inline-block;
      width: 200px;
      margin-left: 12px; }
      @media screen and (max-width: 768px) {
        .section.section--home_banner .home_banner__content {
          font-size: 12px;
          font-size: 0.75rem; } }
      @media screen and (max-width: 480px) {
        .section.section--home_banner .home_banner__content {
          display: block;
          margin: 0;
          width: auto;
          font-size: 10px;
          font-size: 0.625rem; } }
    .section.section--home_banner .col--lg-3 {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      @media screen and (max-width: 480px) {
        .section.section--home_banner .col--lg-3 {
          display: block;
          text-align: center; } }
    @media screen and (max-width: 480px) {
      .section.section--home_banner {
        padding: 12px 0; }
        .section.section--home_banner .row {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
              -ms-flex-align: start;
                  align-items: flex-start; } }
  .section.section--home .post__header,
  .section.section--home h1 {
    margin: 24px 0; }
    .section.section--home .post__header .post__author,
    .section.section--home h1 .post__author {
      color: #F28E24;
      text-transform: capitalize; }
  .section.section--home .post__content {
    margin-bottom: 24px; }
  .section.section--home .post__read-more {
    color: #F28E24; }
  @media screen and (max-width: 768px) {
    .section.section--home {
      margin-bottom: 0; } }
  .section.section--login {
    margin-top: 96px;
    padding: 96px 24px; }
    .section.section--login .loginform .form__group {
      margin-bottom: 24px; }
      .section.section--login .loginform .form__group input {
        margin-top: 12px; }
  .section.section--podcast h1 {
    font-weight: 400; }
  .section.section--podcast .podcast-player {
    margin-top: 48px; }
  .section.section--infographics {
    padding-top: 96px; }
    .section.section--infographics .gallery .slider-nav {
      margin-top: 24px; }
      @media screen and (max-width: 480px) {
        .section.section--infographics .gallery .slider-nav {
          text-align: center; } }
      .section.section--infographics .gallery .slider-nav .gallery__image {
        display: inline-block;
        margin-right: 12px;
        margin-bottom: 12px; }
        .section.section--infographics .gallery .slider-nav .gallery__image:last-of-type {
          margin-right: 0; }
        @media screen and (max-width: 480px) {
          .section.section--infographics .gallery .slider-nav .gallery__image {
            margin-right: 6px; } }
    .section.section--infographics .infographic__image {
      cursor: pointer; }
    .section.section--infographics .infographic__modal {
      opacity: 0;
      position: fixed;
      z-index: -1;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: #000;
      -webkit-transition: ease-in-out 200ms;
      -o-transition: ease-in-out 200ms;
      transition: ease-in-out 200ms; }
      .section.section--infographics .infographic__modal.display {
        opacity: 1;
        z-index: 10000; }
      .section.section--infographics .infographic__modal img {
        position: fixed;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        height: 85vh;
        z-index: 100;
        max-height: 750px; }
        @media screen and (max-width: 480px) {
          .section.section--infographics .infographic__modal img {
            height: 55vh; } }
      .section.section--infographics .infographic__modal .modal__dismiss {
        position: absolute;
        top: 15px;
        right: 35px;
        color: #FFF;
        font-size: 40px;
        font-weight: bold;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
        .section.section--infographics .infographic__modal .modal__dismiss:hover {
          text-decoration: none; }
    .section.section--infographics .infographic__content {
      margin-bottom: 48px; }
      .section.section--infographics .infographic__content .infographic__price {
        margin-bottom: 24px; }
        .section.section--infographics .infographic__content .infographic__price span {
          font-size: 20px;
          font-size: 1.25rem; }
      .section.section--infographics .infographic__content .content__categories {
        margin-bottom: 24px;
        display: inline-block; }
      .section.section--infographics .infographic__content a {
        width: 50% !important; }
        @media screen and (max-width: 768px) {
          .section.section--infographics .infographic__content a {
            width: auto !important; } }
      .section.section--infographics .infographic__content .infographic__category {
        color: #F28E24;
        position: relative;
        margin-right: 6px; }
        .section.section--infographics .infographic__content .infographic__category:after {
          display: inline;
          position: absolute;
          content: ",";
          right: 0; }
        .section.section--infographics .infographic__content .infographic__category:last-of-type:after {
          content: ""; }
      .section.section--infographics .infographic__content .btn {
        margin-bottom: 24px; }
    @media screen and (max-width: 480px) {
      .section.section--infographics {
        padding-top: 48px; } }
  .section.section--contact {
    padding: 24px 0 48px 0;
    margin: 0; }
    .section.section--contact .contact__content {
      padding: 24px;
      text-align: center; }
      .section.section--contact .contact__content .contact__div {
        display: inline-block; }
        .section.section--contact .contact__content .contact__div img, .section.section--contact .contact__content .contact__div p {
          display: inline-block; }
        .section.section--contact .contact__content .contact__div img {
          margin-right: 12px; }
        .section.section--contact .contact__content .contact__div a {
          margin-right: 24px; }
        @media screen and (max-width: 480px) {
          .section.section--contact .contact__content .contact__div {
            display: block; }
            .section.section--contact .contact__content .contact__div a {
              margin-right: 0; } }
      @media screen and (max-width: 480px) {
        .section.section--contact .contact__content {
          text-align: left; } }
    .section.section--contact .contact__form {
      background-color: #1E3339;
      color: #fff;
      padding: 24px; }
      .section.section--contact .contact__form input, .section.section--contact .contact__form select, .section.section--contact .contact__form textarea {
        margin: 12px 0;
        background-color: #fff;
        -webkit-border-radius: 5px;
                border-radius: 5px; }
        .section.section--contact .contact__form input option, .section.section--contact .contact__form select option, .section.section--contact .contact__form textarea option {
          color: #666; }
      .section.section--contact .contact__form textarea {
        height: 150px; }
      .section.section--contact .contact__form .btn {
        margin: 24px auto 0 auto;
        width: 300px; }
        @media screen and (max-width: 480px) {
          .section.section--contact .contact__form .btn {
            width: 100%; } }
      @media screen and (max-width: 480px) {
        .section.section--contact .contact__form {
          padding: 12px 6px; } }
  .section.section--archive {
    margin-top: 0;
    background-color: #E8E8E8;
    padding: 0; }
  .section.section--team {
    margin-top: 48px; }
    @media screen and (max-width: 480px) {
      .section.section--team.section--team--first {
        margin-top: 112px; } }
    .section.section--team .team__content-above {
      margin: 24px 0; }
    .section.section--team .card {
      text-align: center;
      height: 275px;
      margin-top: 48px; }
      .section.section--team .card img {
        -webkit-border-radius: 100%;
                border-radius: 100%;
        margin-bottom: -48px;
        position: relative;
        z-index: 1;
        border: 2px solid #F28E24;
        height: 74px;
        width: 74px; }
        @media screen and (max-width: 480px) {
          .section.section--team .card img {
            margin-bottom: -40px; } }
      .section.section--team .card .course__div {
        border: 1px solid #F28E24;
        text-align: center;
        padding: 60px 24px 24px 24px;
        height: 260px; }
        .section.section--team .card .course__div .content {
          overflow: hidden;
          max-height: 170px; }
        .section.section--team .card .course__div p {
          font-size: 12px;
          font-size: 0.75rem; }

.section--hero ~ .section--featured_posts {
  margin-top: 0;
  padding-top: 0; }

.woocommerce a.button,
.woocommerce button {
  line-height: 1 !important; }

.woocommerce .woocommerce-order {
  margin: 24px 0;
  padding: 24px 0; }

.woocommerce .woocommerce-cart-form {
  padding: 72px 0 48px 0; }

.woocommerce .cart-collaterals {
  padding-bottom: 72px; }
  .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout {
    padding-bottom: 0; }
    .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button {
      margin-bottom: 0; }
    .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout .btn {
      width: 100%; }

.woocommerce .woocommerce-checkout {
  padding-bottom: 24px; }
  .woocommerce .woocommerce-checkout .btn {
    margin-top: 24px; }

.woocommerce .woocommerce-notice,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error {
  border-top-color: #F28E24 !important;
  margin-bottom: 24px !important; }
  .woocommerce .woocommerce-notice.woocommerce-active-subscription,
  .woocommerce .woocommerce-info.woocommerce-active-subscription,
  .woocommerce .woocommerce-message.woocommerce-active-subscription,
  .woocommerce .woocommerce-error.woocommerce-active-subscription {
    margin-bottom: 0 !important; }

.woocommerce #coupon_code,
.woocommerce #uk-coaching {
  width: 150px !important;
  border: none;
  padding: 6px 6px 5px; }

.woocommerce .woocommerce-form-coupon .form-row {
  width: 20% !important; }
  .woocommerce .woocommerce-form-coupon .form-row.form-row-last {
    float: left !important; }

.add_to_cart_inline {
  border: none !important;
  padding: 0 !important;
  margin-bottom: 12px !important; }
  .add_to_cart_inline button {
    line-height: 1.5 !important; }
  .add_to_cart_inline a {
    line-height: 1.5 !important;
    width: 100% !important;
    background-color: #F28E24 !important;
    color: #fff !important;
    border: 1px solid transparent !important;
    display: inline-block;
    padding: 9.6px 48px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
        touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    width: auto;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    font-weight: 400 !important; }
    .add_to_cart_inline a::-moz-focus-inner {
      border: 0;
      padding: 0; }
    .add_to_cart_inline a:hover {
      background-color: #fff !important;
      color: #F28E24 !important;
      border: 1px solid #F28E24 !important; }
    .add_to_cart_inline a.is-disabled, .add_to_cart_inline a:disabled {
      pointer-events: none;
      opacity: .65; }

.currency-selector {
  margin-bottom: 24px; }
  .currency-selector label {
    display: none !important; }

.btn,
.button,
.product_type_subscription,
.add_to_cart_button,
.ajax_add_to_cart,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.checkout-button button alt .wc-forward,
.btn-primary {
  background-color: #F28E24 !important;
  color: #fff !important;
  border: 1px solid transparent !important;
  display: inline-block;
  padding: 6px 48px;
  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  -ms-touch-action: manipulation !important;
      touch-action: manipulation !important;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: auto;
  -webkit-transition: all .5s !important;
  -o-transition: all .5s !important;
  transition: all .5s !important;
  -webkit-border-radius: 3px !important;
          border-radius: 3px !important;
  font-weight: 400 !important; }
  .btn::-moz-focus-inner,
  .button::-moz-focus-inner,
  .product_type_subscription::-moz-focus-inner,
  .add_to_cart_button::-moz-focus-inner,
  .ajax_add_to_cart::-moz-focus-inner,
  .woocommerce #respond input#submit::-moz-focus-inner,
  .woocommerce a.button::-moz-focus-inner,
  .woocommerce button.button::-moz-focus-inner,
  .woocommerce input.button::-moz-focus-inner,
  .checkout-button button alt .wc-forward::-moz-focus-inner,
  .btn-primary::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .btn:hover,
  .button:hover,
  .product_type_subscription:hover,
  .add_to_cart_button:hover,
  .ajax_add_to_cart:hover,
  .woocommerce #respond input#submit:hover,
  .woocommerce a.button:hover,
  .woocommerce button.button:hover,
  .woocommerce input.button:hover,
  .checkout-button button alt .wc-forward:hover,
  .btn-primary:hover {
    text-decoration: none;
    background-color: #fff !important;
    color: #F28E24 !important;
    border-color: #F28E24 !important; }
  .btn.is-disabled, .btn:disabled,
  .button.is-disabled,
  .button:disabled,
  .product_type_subscription.is-disabled,
  .product_type_subscription:disabled,
  .add_to_cart_button.is-disabled,
  .add_to_cart_button:disabled,
  .ajax_add_to_cart.is-disabled,
  .ajax_add_to_cart:disabled,
  .woocommerce #respond input#submit.is-disabled,
  .woocommerce #respond input#submit:disabled,
  .woocommerce a.button.is-disabled,
  .woocommerce a.button:disabled,
  .woocommerce button.button.is-disabled,
  .woocommerce button.button:disabled,
  .woocommerce input.button.is-disabled,
  .woocommerce input.button:disabled,
  .checkout-button button alt .wc-forward.is-disabled,
  .checkout-button button alt .wc-forward:disabled,
  .btn-primary.is-disabled,
  .btn-primary:disabled {
    pointer-events: none;
    opacity: .65; }
  .btn.add-to-cart--member,
  .button.add-to-cart--member,
  .product_type_subscription.add-to-cart--member,
  .add_to_cart_button.add-to-cart--member,
  .ajax_add_to_cart.add-to-cart--member,
  .woocommerce #respond input#submit.add-to-cart--member,
  .woocommerce a.button.add-to-cart--member,
  .woocommerce button.button.add-to-cart--member,
  .woocommerce input.button.add-to-cart--member,
  .checkout-button button alt .wc-forward.add-to-cart--member,
  .btn-primary.add-to-cart--member {
    opacity: .3;
    pointer-events: none; }

.btn--inverse {
  background-color: #fff !important;
  color: #F28E24 !important;
  border: 1px solid #F28E24 !important; }
  .btn--inverse:hover {
    background-color: #F28E24 !important;
    color: #fff !important;
    border-color: transparent !important; }

.btn--block {
  display: block;
  width: 100%; }
  .btn--block + .btn--block {
    margin-top: 6px; }

.btn--link {
  background-color: transparent;
  color: #F28E24; }

.button .product_type_subscription .add_to_cart_button .ajax_add_to_cart {
  width: 100% !important; }

.vfb-fieldType-submit {
  text-align: center !important; }

/**
 * Hamburger menu
 */
@media screen and (max-width: 1200px) {
  .nav-burger {
    position: fixed;
    top: 18px;
    right: 24px;
    z-index: 550;
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out; } }
  @media screen and (max-width: 1200px) and (max-width: 480px) {
    .nav-burger {
      top: 12px; } }

.nav-burger__line {
  width: 35px;
  height: 3px;
  background-color: #F28E24;
  display: none;
  margin: 8px auto;
  -webkit-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out; }
  @media screen and (max-width: 1200px) {
    .nav-burger__line {
      display: block; } }
  .nav-burger.open .nav-burger__line:nth-child(2) {
    opacity: 0; }
  .nav-burger.open .nav-burger__line:nth-child(1) {
    -webkit-transform: translateY(11px) rotate(45deg);
        -ms-transform: translateY(11px) rotate(45deg);
            transform: translateY(11px) rotate(45deg); }
  .nav-burger.open .nav-burger__line:nth-child(3) {
    -webkit-transform: translateY(-11px) rotate(-45deg);
        -ms-transform: translateY(-11px) rotate(-45deg);
            transform: translateY(-11px) rotate(-45deg); }

/**
 * Navs
 */
.nav {
  list-style: none;
  margin: 0; }
  .nav > li {
    display: inline-block;
    margin-right: 24px;
    letter-spacing: 0.05em; }
    @media screen and (max-width: 768px) {
      .nav > li {
        display: block; } }
    .nav > li:last-child {
      margin-right: 0; }
    .nav > li > a {
      display: block; }
      @media screen and (max-width: 1200px) {
        .nav > li > a {
          font-size: 46px;
          font-size: 2.875rem; } }
      @media screen and (max-width: 768px) {
        .nav > li > a {
          font-size: 38px;
          font-size: 2.375rem; } }
      @media screen and (max-width: 480px) {
        .nav > li > a {
          font-size: 28px;
          font-size: 1.75rem; } }
  @media screen and (max-width: 768px) {
    .nav {
      background-color: #DADADA; } }

@media screen and (min-width: 1200px) {
  .nav--header {
    margin-left: -24px; } }

@media screen and (min-width: 1200px) {
  .nav--header li a {
    font-size: 14px;
    font-size: 0.875rem; } }

.header__navigation {
  padding: 24px 0;
  text-align: right; }
  @media screen and (max-width: 1200px) {
    .header__navigation {
      text-align: center;
      position: fixed;
      top: 0;
      left: 0;
      visibility: hidden;
      width: 0;
      height: 100%;
      margin: 0;
      -webkit-transition: opacity 500ms ease;
      -o-transition: opacity 500ms ease;
      transition: opacity 500ms ease;
      -webkit-transition: opacity .35s ease, visibility .35s ease, width .35s ease;
      -o-transition: opacity .35s ease, visibility .35s ease, width .35s ease;
      transition: opacity .35s ease, visibility .35s ease, width .35s ease;
      text-align: center;
      opacity: 0;
      background: #DADADA;
      -webkit-overflow-scrolling: touch; }
      .header__navigation.open {
        z-index: 500;
        visibility: visible;
        width: 100%;
        opacity: 1; }
        .header__navigation.open .nav--header {
          position: absolute;
          top: 50%;
          left: 50%;
          overflow: auto;
          width: 100%;
          max-height: 100%;
          margin: 0;
          padding: 0;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          -webkit-touch-callout: none;
          -webkit-overflow-scrolling: touch; }
          .header__navigation.open .nav--header > li {
            width: 100%;
            margin: 0; }
            .header__navigation.open .nav--header > li a:hover {
              color: #F28E24; } }
  @media screen and (max-width: 1200px) and (max-width: 1200px) {
    .header__navigation .search-bar {
      margin-top: 48px; } }
  @media screen and (max-width: 1200px) {
      .header__navigation .search-bar form {
        width: 95%;
        margin: auto; } }
    @media screen and (max-width: 1200px) and (max-width: 480px) {
      .header__navigation .search-bar form {
        width: 90%; } }
  @media screen and (max-width: 1200px) {
        .header__navigation .search-bar form input {
          width: 100% !important; }
        .header__navigation .search-bar form button {
          right: 32px;
          top: 18px;
          width: 20px;
          height: 20px; } }

.alert {
  padding: 24px;
  margin-bottom: 24px;
  border: 1px solid transparent; }
  .alert > p,
  .alert > ul {
    margin-bottom: 0; }
  .alert > p + p {
    margin-top: 24px; }
  .alert.alert--success {
    color: #5CB85C;
    border-color: #5CB85C; }
  .alert.alert--info {
    color: #F28E24;
    border-color: #F28E24; }
  .alert.alert--warning {
    color: #F0AD4E;
    border-color: #F0AD4E; }
  .alert.alert--danger {
    color: #D9534F;
    border-color: #D9534F; }

.card {
  margin-bottom: 48px;
  position: relative;
  -webkit-border-radius: 5px;
          border-radius: 5px; }
  .card .tag {
    position: absolute;
    top: 12px;
    background-color: #F28E24;
    color: #fff;
    padding: 2px 12px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    font-size: 0.75rem; }
  .card .course__div {
    position: relative;
    padding: 12px;
    height: 200px;
    background-color: #fff;
    text-align: left;
    overflow: hidden; }
  .card .course__title {
    margin-bottom: 24px; }
  .card .course__content {
    position: absolute;
    max-width: 250px;
    font-size: 15px;
    font-size: 0.9375rem;
    max-height: 70px;
    overflow: hidden; }
  .card .course__included {
    position: absolute;
    bottom: 0;
    background-color: #fff;
    height: 24px;
    font-size: 12px;
    font-size: 0.75rem;
    color: #999999;
    width: 95%; }
  .card .course__price {
    position: absolute;
    bottom: 6px;
    right: 12px; }
    .card .course__price .course__price--sale {
      text-decoration: line-through;
      margin-bottom: 0;
      font-size: 14px;
      font-size: 0.875rem;
      text-align: right;
      color: #F28E24; }
    .card .course__price .course__price--regular {
      font-size: 20px;
      font-size: 1.25rem;
      font-weight: 500; }
    .card .course__price .course__price--sale-text {
      color: #F28E24;
      margin-right: 8px;
      font-weight: 500;
      font-size: 16px;
      font-size: 1rem; }
  .card .course__progress .btn--inverse {
    width: 100%; }

.sidebar {
  position: relative;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  background-color: #EEEEEE;
  padding: 48px; }
  .sidebar .sidebar__header--author {
    position: absolute;
    left: 50%;
    top: 30px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #F28E24; }
    .sidebar .sidebar__header--author:before, .sidebar .sidebar__header--author:after {
      content: "";
      position: absolute;
      height: 1px;
      width: 50px;
      background-color: #F28E24;
      display: inline-block;
      top: 50%; }
    .sidebar .sidebar__header--author:before {
      left: -75px; }
    .sidebar .sidebar__header--author:after {
      right: -75px; }
  @media screen and (max-width: 768px) {
    .sidebar {
      margin-top: 48px; } }
  .sidebar .sidebar__image {
    margin: 48px auto 24px auto;
    text-align: center; }
    .sidebar .sidebar__image img {
      width: 150px;
      height: 150px;
      -webkit-border-radius: 50%;
              border-radius: 50%; }
  .sidebar .sidebar__content {
    text-align: center;
    padding: 0 12px; }
    .sidebar .sidebar__content ul {
      text-align: left; }
    .sidebar .sidebar__content .sidebar__content__username {
      font-size: 18px;
      font-size: 1.125rem;
      font-weight: 500;
      word-break: break-all; }
    .sidebar .sidebar__content .btn--purchase {
      padding-right: 0 !important;
      padding-left: 0 !important; }
  .sidebar.sidebar--dark {
    background-color: #1E2425;
    color: #fff;
    padding: 0 0 24px 0; }
    @media screen and (max-width: 768px) {
      .sidebar.sidebar--dark {
        margin: 24px 0;
        padding: 24px 0; } }
    .sidebar.sidebar--dark .sidebar__image {
      -webkit-border-radius: 0;
              border-radius: 0;
      width: 100%;
      max-height: 300px;
      height: 200px;
      margin: 0;
      padding: 6px; }
      .sidebar.sidebar--dark .sidebar__image img {
        width: inherit;
        height: inherit;
        -webkit-border-radius: 0;
                border-radius: 0;
        max-height: 175px;
        max-width: 255px; }
      @media screen and (max-width: 768px) {
        .sidebar.sidebar--dark .sidebar__image {
          max-height: auto;
          height: auto; } }
    .sidebar.sidebar--dark .sidebar__content {
      padding: 0 24px; }
    .sidebar.sidebar--dark.sidebar--dark--blue {
      background-color: #1E3339;
      padding-top: 24px;
      margin-bottom: 24px; }
      .sidebar.sidebar--dark.sidebar--dark--blue .sidebar__image {
        width: 150px;
        height: 150px;
        margin: auto;
        margin-bottom: 24px; }
        .sidebar.sidebar--dark.sidebar--dark--blue .sidebar__image .dashboard-image {
          -webkit-border-radius: 50% !important;
                  border-radius: 50% !important; }
      .sidebar.sidebar--dark.sidebar--dark--blue .sidebar__content {
        padding: 24px; }
        .sidebar.sidebar--dark.sidebar--dark--blue .sidebar__content h2 {
          margin-bottom: 48px; }
        .sidebar.sidebar--dark.sidebar--dark--blue .sidebar__content ul {
          list-style: none; }
          .sidebar.sidebar--dark.sidebar--dark--blue .sidebar__content ul li {
            position: relative; }
            .sidebar.sidebar--dark.sidebar--dark--blue .sidebar__content ul li:before {
              display: inline-block;
              position: absolute;
              content: "";
              left: -24px;
              top: 2px;
              height: 15px;
              width: 15px;
              background-image: url("../img/tick--white.svg");
              background-repeat: no-repeat; }
        .sidebar.sidebar--dark.sidebar--dark--blue .sidebar__content .btn {
          margin-bottom: 24px; }
          .sidebar.sidebar--dark.sidebar--dark--blue .sidebar__content .btn:last-of-type {
            margin-bottom: 0; }
      .sidebar.sidebar--dark.sidebar--dark--blue hr {
        background-color: #314A51; }

.table {
  width: 100%; }
  .table td, .table th {
    padding: 5px 0; }
  .table th {
    font-weight: bold;
    border-bottom: 1px #333 solid; }

/*# sourceMappingURL=styles.min.css.map */