@charset "UTF-8";
/* --------------------------------------
/*  Import
/* -------------------------------------- */
/* --------------------------------------
/*  Font Weights
/* -------------------------------------*/
/* --------------------------------------
/*  Import
/* -------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
@font-face {
  font-family: "GT-America";
  src: local("GT America Regular"), local("GT-America-Regular"), url("../fonts/GT-America/GT-America-Regular.eot") format("embedded-opentype");
  src: local("GT America Regular"), local("GT-America-Regular"), url("../fonts/GT-America/GT-America-Regular.otf") format("opentype");
  src: local("GT America Regular"), local("GT-America-Regular"), url("../fonts/GT-America/GT-America-Regular.woff") format("woff");
  src: local("GT America Regular"), local("GT-America-Regular"), url("../fonts/GT-America/GT-America-Regular.ttf") format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: "GT-America";
  src: local("GT America Bold"), local("GT-America-Bold"), url("../fonts/GT-America/GT-America-Bold.eot") format("embedded-opentype");
  src: local("GT America Bold"), local("GT-America-Bold"), url("../fonts/GT-America/GT-America-Bold.otf") format("opentype");
  src: local("GT America Bold"), local("GT-America-Bold"), url("../fonts/GT-America/GT-America-Bold.woff") format("woff");
  src: local("GT America Bold"), local("GT-America-Bold"), url("../fonts/GT-America/GT-America-Bold.ttf") format("truetype");
  font-weight: bold;
}
/*** Media Queries ***/
/* --------------------------------------
/*  Mixins
/* -------------------------------------- */
/* --------------------------------------
/*  Gradients
/* -------------------------------------- */
/* ---------------------
/* Mixins
/* --------------------- */
.remove-default-appearance {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.fw-normal {
  font-weight: 400;
}

.fw-medium {
  font-weight: 500;
}

.fw-bold {
  font-weight: 700;
}

.fw-xbold {
  font-weight: 900;
}

/* ---------------------
/* Colours
/* --------------------- */
.text-colour__icu-green {
  color: #2c8184;
}

.background-colour__icu-green {
  background-color: #2c8184;
}

.text-colour__icu-green-500 {
  color: #308183;
}

.background-colour__icu-green-500 {
  background-color: #308183;
}

.text-colour__icu-green-800 {
  color: #1e5556;
}

.background-colour__icu-green-800 {
  background-color: #1e5556;
}

/* ---------------------
/* Borders
/* --------------------- */
/* ---------------------
/* Padding / Margin
/* --------------------- */
/* ---------------------
/* Typography
/* --------------------- */
/* --------------------------------------
/*  Transitions
/* -------------------------------------*/
/* --------------------------------------
/*  Helpers
/* -------------------------------------- */
.image-section.subpage-image {
  margin-bottom: 15px;
}

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

.google-map {
  min-height: 300px;
  height: 400px;
}

.padding-section {
  padding: 70px 0;
}
@media (max-width: 991px) {
  .padding-section {
    padding: 35px 0;
  }
}

.padding-section-sm {
  padding: 35px 0;
}
@media (max-width: 991px) {
  .padding-section-sm {
    padding: 23.3333333333px 0;
  }
}

.padding-section-lg {
  padding: 70px 0;
}
@media (max-width: 991px) {
  .padding-section-lg {
    padding: 35px 0;
  }
}

.no-padding {
  padding: 0;
}

.no-padding-top {
  padding-top: 0;
}

.no-padding-left {
  padding-left: 0;
}

.no-padding-bottom {
  padding-bottom: 0;
}

.no-padding-right {
  padding-right: 0;
}

.margin-section {
  margin: 70px 0;
}

.no-margin {
  margin: 0;
}

.no-margin-top {
  margin-top: 0;
}

.no-margin-left {
  margin-left: 0;
}

.no-margin-bottom {
  margin-bottom: 0;
}

.no-margin-right {
  margin-right: 0;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.blue-hr {
  border-color: #00bed2 !important;
}
@media (max-width: 991px) {
  .blue-hr {
    margin: 0 !important;
  }
}

.primary-colour {
  color: #00bed2;
}

/* --------------------------------------
/*  Buttons
/* -------------------------------------- */
.btn-wrap {
  width: 100%;
  text-align: center;
}

.btn, .fourofour a, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input[type=submit],
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input[type=submit] {
  text-align: center;
  padding: 0.5em 1em;
  font-size: 16px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 0;
  border: 2px solid #fff;
  min-width: 190px;
  vertical-align: middle;
  line-height: 2;
  text-transform: uppercase;
}
.btn.btn-default:hover, .fourofour a.btn-default:hover, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-default[type=submit]:hover,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-default[type=submit]:hover, .btn.btn-default:focus, .fourofour a.btn-default:focus, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-default[type=submit]:focus,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-default[type=submit]:focus, .btn.btn-default a, .fourofour a.btn-default a, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-default[type=submit] a,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-default[type=submit] a, .btn.btn-default a:hover, .btn.btn-default a:focus {
  text-decoration: none;
}
.btn.btn-primary, .fourofour a.btn-primary, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input[type=submit],
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input[type=submit] {
  color: #fff;
  background-color: transparent;
}
.btn.btn-primary:hover, .fourofour a.btn-primary:hover, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input[type=submit]:hover,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input[type=submit]:hover, .btn.btn-primary:focus, .fourofour a.btn-primary:focus, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input[type=submit]:focus,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input[type=submit]:focus, .btn.btn-primary a, .fourofour a.btn-primary a, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input[type=submit] a,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input[type=submit] a, .btn.btn-primary a:hover, .btn.btn-primary a:focus {
  text-decoration: none;
}
.btn.btn-primary:hover, .fourofour a.btn-primary:hover, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input[type=submit]:hover,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input[type=submit]:hover, .btn.btn-primary:focus, .fourofour a.btn-primary:focus, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input[type=submit]:focus,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input[type=submit]:focus, .btn.btn-primary:active, .fourofour a.btn-primary:active, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input[type=submit]:active,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input[type=submit]:active {
  color: #00bed2;
  background: #fff;
}
.btn.btn-primary:hover:hover, .fourofour a.btn-primary:hover:hover, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input[type=submit]:hover:hover,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input[type=submit]:hover:hover, .btn.btn-primary:hover:focus, .btn.btn-primary:hover a, .fourofour a.btn-primary:hover a, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input[type=submit]:hover a,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input[type=submit]:hover a, .btn.btn-primary:hover a:hover, .btn.btn-primary:hover a:focus, .btn.btn-primary:focus:hover, .btn.btn-primary:focus:focus, .fourofour a.btn-primary:focus:focus, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input[type=submit]:focus:focus,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input[type=submit]:focus:focus, .btn.btn-primary:focus a, .fourofour a.btn-primary:focus a, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input[type=submit]:focus a,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input[type=submit]:focus a, .btn.btn-primary:focus a:hover, .btn.btn-primary:focus a:focus, .btn.btn-primary:active:hover, .btn.btn-primary:active:focus, .btn.btn-primary:active a, .fourofour a.btn-primary:active a, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input[type=submit]:active a,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input[type=submit]:active a, .btn.btn-primary:active a:hover, .btn.btn-primary:active a:focus {
  text-decoration: none;
}
.btn.btn-primary:hover, .fourofour a.btn-primary:hover, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input[type=submit]:hover,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input[type=submit]:hover, .btn.btn-primary:focus, .fourofour a.btn-primary:focus, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input[type=submit]:focus,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input[type=submit]:focus, .btn.btn-primary:active, .fourofour a.btn-primary:active, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input[type=submit]:active,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input[type=submit]:active {
  border-color: #fff;
}
.btn.btn-primary-black, .fourofour a.btn-primary-black, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-primary-black[type=submit],
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-primary-black[type=submit] {
  color: #000;
  background-color: transparent;
  border-color: #000;
}
.btn.btn-primary-black:hover, .fourofour a.btn-primary-black:hover, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-primary-black[type=submit]:hover,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-primary-black[type=submit]:hover, .btn.btn-primary-black:focus, .fourofour a.btn-primary-black:focus, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-primary-black[type=submit]:focus,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-primary-black[type=submit]:focus, .btn.btn-primary-black a, .fourofour a.btn-primary-black a, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-primary-black[type=submit] a,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-primary-black[type=submit] a, .btn.btn-primary-black a:hover, .btn.btn-primary-black a:focus {
  text-decoration: none;
}
.btn.btn-primary-black:hover, .fourofour a.btn-primary-black:hover, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-primary-black[type=submit]:hover,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-primary-black[type=submit]:hover, .btn.btn-primary-black:focus, .fourofour a.btn-primary-black:focus, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-primary-black[type=submit]:focus,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-primary-black[type=submit]:focus, .btn.btn-primary-black:active, .fourofour a.btn-primary-black:active, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-primary-black[type=submit]:active,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-primary-black[type=submit]:active {
  color: #fff;
  background: #00bed2;
}
.btn.btn-primary-black:hover:hover, .fourofour a.btn-primary-black:hover:hover, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-primary-black[type=submit]:hover:hover,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-primary-black[type=submit]:hover:hover, .btn.btn-primary-black:hover:focus, .btn.btn-primary-black:hover a, .fourofour a.btn-primary-black:hover a, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-primary-black[type=submit]:hover a,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-primary-black[type=submit]:hover a, .btn.btn-primary-black:hover a:hover, .btn.btn-primary-black:hover a:focus, .btn.btn-primary-black:focus:hover, .btn.btn-primary-black:focus:focus, .fourofour a.btn-primary-black:focus:focus, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-primary-black[type=submit]:focus:focus,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-primary-black[type=submit]:focus:focus, .btn.btn-primary-black:focus a, .fourofour a.btn-primary-black:focus a, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-primary-black[type=submit]:focus a,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-primary-black[type=submit]:focus a, .btn.btn-primary-black:focus a:hover, .btn.btn-primary-black:focus a:focus, .btn.btn-primary-black:active:hover, .btn.btn-primary-black:active:focus, .btn.btn-primary-black:active a, .fourofour a.btn-primary-black:active a, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-primary-black[type=submit]:active a,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-primary-black[type=submit]:active a, .btn.btn-primary-black:active a:hover, .btn.btn-primary-black:active a:focus {
  text-decoration: none;
}
.btn.btn-primary-black:hover, .fourofour a.btn-primary-black:hover, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-primary-black[type=submit]:hover,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-primary-black[type=submit]:hover, .btn.btn-primary-black:focus, .fourofour a.btn-primary-black:focus, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-primary-black[type=submit]:focus,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-primary-black[type=submit]:focus, .btn.btn-primary-black:active, .fourofour a.btn-primary-black:active, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-primary-black[type=submit]:active,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-primary-black[type=submit]:active {
  border-color: #000;
}
.btn.btn-card, .fourofour a.btn-card, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-card[type=submit],
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-card[type=submit] {
  background-color: transparent;
  color: #FFF;
}
.btn.btn-card:hover, .fourofour a.btn-card:hover, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-card[type=submit]:hover,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-card[type=submit]:hover, .btn.btn-card:focus, .fourofour a.btn-card:focus, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-card[type=submit]:focus,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-card[type=submit]:focus, .btn.btn-card a, .fourofour a.btn-card a, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-card[type=submit] a,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-card[type=submit] a, .btn.btn-card a:hover, .btn.btn-card a:focus {
  text-decoration: none;
}
.btn.btn-card:hover, .fourofour a.btn-card:hover, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-card[type=submit]:hover,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-card[type=submit]:hover, .btn.btn-card:focus, .fourofour a.btn-card:focus, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-card[type=submit]:focus,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-card[type=submit]:focus, .btn.btn-card:active, .fourofour a.btn-card:active, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-card[type=submit]:active,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-card[type=submit]:active {
  color: #000;
  background: #fff;
}
.btn.btn-card:hover:hover, .fourofour a.btn-card:hover:hover, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-card[type=submit]:hover:hover,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-card[type=submit]:hover:hover, .btn.btn-card:hover:focus, .btn.btn-card:hover a, .fourofour a.btn-card:hover a, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-card[type=submit]:hover a,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-card[type=submit]:hover a, .btn.btn-card:hover a:hover, .btn.btn-card:hover a:focus, .btn.btn-card:focus:hover, .btn.btn-card:focus:focus, .fourofour a.btn-card:focus:focus, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-card[type=submit]:focus:focus,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-card[type=submit]:focus:focus, .btn.btn-card:focus a, .fourofour a.btn-card:focus a, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-card[type=submit]:focus a,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-card[type=submit]:focus a, .btn.btn-card:focus a:hover, .btn.btn-card:focus a:focus, .btn.btn-card:active:hover, .btn.btn-card:active:focus, .btn.btn-card:active a, .fourofour a.btn-card:active a, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-card[type=submit]:active a,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-card[type=submit]:active a, .btn.btn-card:active a:hover, .btn.btn-card:active a:focus {
  text-decoration: none;
}
.btn.btn-card:hover, .fourofour a.btn-card:hover, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-card[type=submit]:hover,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-card[type=submit]:hover, .btn.btn-card:focus, .fourofour a.btn-card:focus, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-card[type=submit]:focus,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-card[type=submit]:focus, .btn.btn-card:active, .fourofour a.btn-card:active, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-card[type=submit]:active,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-card[type=submit]:active {
  border-color: #fff;
}
.btn.btn-blue, .fourofour a, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-blue[type=submit],
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-blue[type=submit] {
  color: #00bed2;
}
.btn.btn-blue:hover, .fourofour a:hover, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-blue[type=submit]:hover,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-blue[type=submit]:hover, .btn.btn-blue:focus, .fourofour a:focus, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-blue[type=submit]:focus,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-blue[type=submit]:focus, .btn.btn-blue a, .fourofour a a, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-blue[type=submit] a,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-blue[type=submit] a, .btn.btn-blue a:hover, .btn.btn-blue a:focus {
  text-decoration: none;
}
.btn.btn-blue, .fourofour a, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-blue[type=submit],
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-blue[type=submit] {
  border-color: #00bed2;
}
.btn.btn-blue:hover, .fourofour a:hover, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-blue[type=submit]:hover,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-blue[type=submit]:hover, .btn.btn-blue:focus, .fourofour a:focus, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-blue[type=submit]:focus,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-blue[type=submit]:focus, .btn.btn-blue:active, .fourofour a:active, .ninja-forms-cont .submit-wrap div[id^=nf_submit] input.btn-blue[type=submit]:active,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] input.btn-blue[type=submit]:active {
  color: #fff;
  background-color: #00bed2;
}

/*** Media Queries ***/
/* --------------------------------------
/*  Mixins
/* -------------------------------------- */
/* --------------------------------------
/*  Gradients
/* -------------------------------------- */
/* ---------------------
/* Mixins
/* --------------------- */
.remove-default-appearance {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

/* --------------------------------------
/*  Z-index (ZI)
/* -------------------------------------- */
/* --------------------------------------
/*  Variables
/* -------------------------------------- */
/* --------------------------------------
/*  Typography
/* -------------------------------------- */
h1, .h1-style {
  font-family: "GT-America", "Helvetica", Arial, Helvetica, San-serif;
  font-size: 70px;
  color: #fff;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}
h1 a, h1a, .h1-style a, .h1-stylea {
  color: #00bed2;
}
h1 a:hover, h1 a:focus, h1a:hover, h1a:focus, .h1-style a:hover, .h1-style a:focus, .h1-stylea:hover, .h1-stylea:focus {
  text-decoration: underline;
  color: rgb(0, 143.8571428571, 159);
}
h1, .h1-style {
  margin-top: 0;
  padding-top: 0;
}
@media (max-width: 991px) {
  h1, .h1-style {
    font-size: 40px;
  }
}

h2, .h2-style {
  font-family: "GT-America", "Helvetica", Arial, Helvetica, San-serif;
  font-size: 36px;
  color: #000;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}
h2 a, h2a, .h2-style a, .h2-stylea {
  color: #505055;
}
h2 a:hover, h2 a:focus, h2a:hover, h2a:focus, .h2-style a:hover, .h2-style a:focus, .h2-stylea:hover, .h2-stylea:focus {
  text-decoration: underline;
  color: rgb(55.2727272727, 55.2727272727, 58.7272727273);
}
h2, .h2-style {
  line-height: 1.2;
}
h2.large, .h2-style.large {
  font-family: "GT-America", "Helvetica", Arial, Helvetica, San-serif;
  font-size: 68px;
  color: #fff;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}
@media (max-width: 991px) {
  h2.large, .h2-style.large {
    font-size: 40px;
    line-height: 1.2;
  }
}
@media (max-width: 991px) {
  h2, .h2-style {
    font-size: 40px;
  }
}

h3, .h3-style {
  font-family: "GT-America", "Helvetica", Arial, Helvetica, San-serif;
  font-size: 24px;
  color: #505055;
  line-height: 1.2;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}
h3 a, h3a, .h3-style a, .h3-stylea {
  color: #00bed2;
}
h3 a:hover, h3 a:focus, h3a:hover, h3a:focus, .h3-style a:hover, .h3-style a:focus, .h3-stylea:hover, .h3-stylea:focus {
  text-decoration: underline;
  color: rgb(0, 143.8571428571, 159);
}
h3, .h3-style {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  h3, .h3-style {
    font-size: 30px;
  }
}
h3.large, .h3-style.large {
  font-family: "GT-America", "Helvetica", Arial, Helvetica, San-serif;
  font-size: 70px;
  color: #fff;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}
h3.large a, h3.largea, .h3-style.large a, .h3-style.largea {
  color: #00bed2;
}
h3.large a:hover, h3.large a:focus, h3.largea:hover, h3.largea:focus, .h3-style.large a:hover, .h3-style.large a:focus, .h3-style.largea:hover, .h3-style.largea:focus {
  text-decoration: underline;
  color: rgb(0, 143.8571428571, 159);
}
h3.large, .h3-style.large {
  margin-top: 0;
  padding-top: 0;
}
@media (max-width: 991px) {
  h3.large, .h3-style.large {
    font-size: 40px;
  }
}

h4, .h4-style {
  font-family: "GT-America", "Helvetica", Arial, Helvetica, San-serif;
  font-size: 18px;
  color: #505055;
  line-height: 1.2;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}
h4 a, h4a, .h4-style a, .h4-stylea {
  color: #00bed2;
}
h4 a:hover, h4 a:focus, h4a:hover, h4a:focus, .h4-style a:hover, .h4-style a:focus, .h4-stylea:hover, .h4-stylea:focus {
  text-decoration: underline;
  color: rgb(0, 143.8571428571, 159);
}

h5, .h5-style {
  font-family: "GT-America", "Helvetica", Arial, Helvetica, San-serif;
  font-size: 18px;
  color: #000;
  line-height: 1.2;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0;
}
h5 a, h5a, .h5-style a, .h5-stylea {
  color: #000;
}
h5 a:hover, h5 a:focus, h5a:hover, h5a:focus, .h5-style a:hover, .h5-style a:focus, .h5-stylea:hover, .h5-stylea:focus {
  text-decoration: underline;
  color: black;
}

h6, .h6-style {
  font-family: "GT-America", "Helvetica", Arial, Helvetica, San-serif;
  font-size: 13px;
  color: #505055;
  line-height: 1.4;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
h6 a, h6a, .h6-style a, .h6-stylea {
  color: #505055;
}
h6 a:hover, h6 a:focus, h6a:hover, h6a:focus, .h6-style a:hover, .h6-style a:focus, .h6-stylea:hover, .h6-stylea:focus {
  text-decoration: underline;
  color: rgb(55.2727272727, 55.2727272727, 58.7272727273);
}

.larger-text {
  font-family: "GT-America", "Helvetica", Arial, Helvetica, San-serif;
  font-size: 40px;
  color: #000;
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
}

.white-text {
  color: #fff;
}

/* --------------------------------------
/*  Copy
/* -------------------------------------- */
blockquote {
  border: 0;
  padding: 60px 0 25px;
  position: relative;
}
blockquote h1, blockquote h2, blockquote h3,
blockquote h4, blockquote h5, blockquote h6,
blockquote p, blockquote a, blockquote span,
blockquote ul, blockquote ol, blockquote li,
blockquote input, blockquote button {
  font-size: 25px;
  color: #00bed2;
  font-family: "GT-America", "Helvetica", Arial, Helvetica, San-serif;
  line-height: 1.6;
}

.body-section a, .body-sectiona {
  color: #00bed2;
}
.body-section a:hover, .body-section a:focus, .body-sectiona:hover, .body-sectiona:focus {
  text-decoration: underline;
  color: rgb(0, 143.8571428571, 159);
}

ul, ol {
  line-height: 1.4;
  padding-left: 0px;
  margin-bottom: 25px;
}
p {
  line-height: 1.4;
  font-family: "GT-America", "Helvetica", Arial, Helvetica, San-serif;
  font-size: 16px;
  margin-bottom: 22px;
}

/* --------------------------------------
/*  Tabs reset
/* -------------------------------------*/
.tabs-container ul.nav.nav-tabs li a:focus {
  outline: none;
}

/* --------------------------------------
/*  - Bootstrap Reset
/* -------------------------------------- */
.navbar-inner {
  background: none;
  -webkit-filter: none;
          filter: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0px;
  border: none;
  padding: 0px;
  min-height: 0px;
}

.navbar-default {
  border-color: transparent;
}

.navbar {
  background: transparent;
  margin-bottom: 0px;
  min-height: 1px;
}

.navbar .nav > li {
  float: left;
}

.navbar .nav > li > a {
  padding: 0px;
  text-shadow: none;
}
.navbar .nav > li > a i, .navbar .nav > li > a b {
  border-bottom-color: #505055;
  border-top-color: #505055;
}

.navbar-nav {
  margin-left: 0px;
  margin-right: 0px;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  color: #333333;
  text-decoration: none;
  background-color: transparent;
}

.navbar .nav .active > a {
  color: #333333;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.navbar .nav .active > a:hover {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
  background-image: none;
  background-repeat: repeat-x;
  text-decoration: none;
  -webkit-filter: none;
          filter: none;
}

.navbar-collapse {
  padding-right: 0px;
  padding-left: 0px;
}

/* --------------------------------------
/*  - Bootstrap Dropdown Menu
/* -------------------------------------- */
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  background-color: transparent;
}

.navbar .nav > li.active > a, .navbar .nav > li.active > a:hover, .navbar .nav > li.dropdown.active > .dropdown-toggle {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.navbar .nav > li.dropdown.open > .dropdown-toggle {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: rgba(0, 0, 0, 0.2);
  -o-border-image: none;
     border-image: none;
  border-radius: 0;
  position: relative;
}

.navbar .nav > li .dropdown-menu {
  border-radius: 0;
  margin: 0;
  padding: 0;
}

.navbar .nav > li .dropdown-menu:after, .navbar .nav > li .dropdown-menu:before {
  display: none;
}

.navbar .nav > li .dropdown-menu li {
  display: block;
  width: 100%;
  text-align: left;
}

.navbar .nav > li .dropdown-menu li a {
  padding: 3px 10px;
  font-size: 14px;
}

.navbar .nav > li .dropdown-menu li a:hover {
  color: #2a2a2a;
}

/*
	Multilevel Dropdown
*/
.dropdown-menu .sub-menu {
  left: 100%;
  position: absolute;
  top: 0;
  visibility: hidden;
  margin-top: -1px;
}

.dropdown-menu li:hover > .sub-menu {
  visibility: visible;
}

.dropdown:hover > .dropdown-menu {
  display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
  margin-top: 0;
}

.navbar .sub-menu:before {
  border-bottom: 7px solid transparent;
  border-left: none;
  border-right: 7px solid rgba(0, 0, 0, 0.2);
  border-top: 7px solid transparent;
  left: -7px;
  top: 10px;
}

.navbar .sub-menu:after {
  border-top: 6px solid transparent;
  border-left: none;
  border-right: 6px solid #fff;
  border-bottom: 6px solid transparent;
  top: 11px;
  left: -6px;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  border-radius: 6px 0 6px 6px;
}

/* --------------------------------------
/*  #7 - Bootstrap Nav Overrides
/* -------------------------------------- */
.dropdown-menu .sub-menu {
  left: 100%;
  position: absolute;
  top: 0;
  visibility: hidden;
  margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
  visibility: visible;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
  margin-top: 0;
}

.navbar .sub-menu:before {
  border-bottom: 7px solid transparent;
  border-left: none;
  border-right: 7px solid rgba(0, 0, 0, 0.2);
  border-top: 7px solid transparent;
  left: -7px;
  top: 10px;
}

.navbar .sub-menu:after {
  border-top: 6px solid transparent;
  border-left: none;
  border-right: 6px solid #fff;
  border-bottom: 6px solid transparent;
  top: 11px;
  left: -6px;
}

/* --------------------------------------
/*  Tables
/* -------------------------------------*/
table.table {
  border-spacing: 2px;
  border-collapse: separate;
}
table.table > tbody > tr > td {
  border: 0;
  padding: 0.7em;
  font-size: 0.875rem;
}
@media (max-width: 991px) {
  table.table > tbody > tr > td {
    padding: 0.4em;
    font-size: 0.7rem;
  }
}

/* --------------------------------------
/*  Collapse
/* -------------------------------------*/
.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
  border: 0;
}

.panel-group .panel {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.panel-group .panel .panel-heading {
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
}
.panel-group .panel .panel-heading h4 {
  font-family: "GT-America", "Helvetica", Arial, Helvetica, San-serif;
  font-size: 24px;
  color: #505055;
  line-height: 1.2;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}
.panel-group .panel .panel-heading h4 a, .panel-group .panel .panel-heading h4a {
  color: #00bed2;
}
.panel-group .panel .panel-heading h4 a:hover, .panel-group .panel .panel-heading h4 a:focus, .panel-group .panel .panel-heading h4a:hover, .panel-group .panel .panel-heading h4a:focus {
  text-decoration: underline;
  color: rgb(0, 143.8571428571, 159);
}
.panel-group .panel .panel-heading h4 {
  margin-bottom: 30px;
  font-size: 30px;
  line-height: 1.5;
}
.panel-group .panel .panel-heading h4 a:hover, .panel-group .panel .panel-heading h4 a:focus, .panel-group .panel .panel-heading h4 a a, .panel-group .panel .panel-heading h4 a a:hover, .panel-group .panel .panel-heading h4 a a:focus {
  text-decoration: none;
}
.panel-group .panel .panel-body {
  padding-left: 0;
  padding-right: 0;
}

/* Slider */
/* Icons */
@font-face {
  font-family: "slick";
  src: url("../../assets/fonts/slick.eot");
  src: url("../../assets/fonts/slick.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/slick.woff") format("woff"), url("../../assets/fonts/slick.ttf") format("truetype"), url("../../assets/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%;
  margin-top: -10px;
  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: black;
  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: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

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

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

.slick-dots {
  position: absolute;
  bottom: -65px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 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;
}

.slick-slide:focus {
  outline: none;
}

/* --------------------------------------
/*  Custom
/* -------------------------------------- */
.slick-container {
  padding: 0;
  z-index: 5;
}

.slick {
  text-align: center;
  padding: 0;
  margin: 0px;
}

.slick-dots {
  bottom: 0;
}

.slick-prev, .slick-next {
  z-index: 6;
}
.slick-prev:before, .slick-next:before {
  font-family: FontAwesome;
  font-size: 21px;
  color: #00bed2;
}

.slick-next {
  right: -25px;
}
.slick-next:before {
  content: "\f105";
}

.slick-prev {
  left: -25px;
}
.slick-prev:before {
  content: "\f104";
}

.slick-dots {
  margin-bottom: 40px;
}

.slick-dots li button:before {
  content: "\f111";
  font-family: FontAwesome;
  font-size: 12px;
  color: #fff;
  opacity: 1;
}
.slick-dots li.slick-active button:before {
  color: #00bed2;
  opacity: 1;
}

/* Table of Contents

	- Variables
	- Ninja Forms

 */
/*** All Variables without importing ***/
/* --------------------------------------
/*  - Ninja Forms
/* -------------------------------------*/
.ninja-forms-cont {
  margin-top: 20px;
}
.ninja-forms-cont p {
  margin-bottom: 10px;
}
.ninja-forms-cont .ninja-forms-response-msg.ninja-forms-error-msg {
  display: none;
}
.ninja-forms-cont label {
  margin-bottom: 3px;
  font-size: 16px;
  color: #505055;
}
.ninja-forms-cont .field-wrap.label-left .ninja-forms-field, .ninja-forms-cont .field-wrap.label-left .ninja-forms-star-rating-control {
  margin: 0;
}
.ninja-forms-cont .ninja-forms-form-wrap label {
  font-weight: normal;
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
}
.ninja-forms-cont .field-wrap {
  margin-bottom: 20px;
  padding-left: 5px;
  padding-right: 5px;
}
.ninja-forms-cont {
  /*** Inputs ***/
}
.ninja-forms-cont input[type=text], .ninja-forms-cont textarea, .ninja-forms-cont .ninja-forms-field.country, .ninja-forms-cont select {
  background: transparent;
  border: none;
  border-bottom: 1px solid #fff;
  padding: 2px 4px;
  font-size: 16px;
  color: #fff;
  display: block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.ninja-forms-cont input[type=text]:hover, .ninja-forms-cont input[type=text]:focus, .ninja-forms-cont textarea:hover, .ninja-forms-cont textarea:focus, .ninja-forms-cont .ninja-forms-field.country:hover, .ninja-forms-cont .ninja-forms-field.country:focus, .ninja-forms-cont select:hover, .ninja-forms-cont select:focus {
  border-color: rgb(229.5, 229.5, 229.5);
}
.ninja-forms-cont input[type=text]:focus, .ninja-forms-cont textarea:focus, .ninja-forms-cont .ninja-forms-field.country:focus, .ninja-forms-cont select:focus {
  border-color: #cccccc;
  outline: none !important;
}
.ninja-forms-cont select {
  -webkit-appearance: none;
  background-color: #505055;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");
  background-position: 100% center;
  background-repeat: no-repeat;
  border-radius: 0px;
}
.ninja-forms-cont .ninja-forms-field.country {
  width: 100%;
}
.ninja-forms-cont .spam-wrap input[type=text] {
  width: 100%;
}
.ninja-forms-cont .ninja-forms-required-items {
  display: none;
}
.ninja-forms-cont .submit-wrap input[type=submit],
.ninja-forms-cont .nf-modal-link,
.ninja-forms-cont .ninja-forms-mp-nav.ninja-forms-mp-prev,
.ninja-forms-cont .ninja-forms-mp-nav.ninja-forms-mp-next {
  background: #00bed2;
  padding: 12px 30px;
  color: #fff;
  border: 0px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 50px;
}
.ninja-forms-cont .submit-wrap input[type=submit]:hover, .ninja-forms-cont .submit-wrap input[type=submit]:active,
.ninja-forms-cont .nf-modal-link:hover,
.ninja-forms-cont .nf-modal-link:active,
.ninja-forms-cont .ninja-forms-mp-nav.ninja-forms-mp-prev:hover,
.ninja-forms-cont .ninja-forms-mp-nav.ninja-forms-mp-prev:active,
.ninja-forms-cont .ninja-forms-mp-nav.ninja-forms-mp-next:hover,
.ninja-forms-cont .ninja-forms-mp-nav.ninja-forms-mp-next:active {
  color: #fff;
  background: rgb(0, 143.8571428571, 159);
}
.ninja-forms-cont .submit-wrap {
  width: 100%;
  text-align: center;
}
.ninja-forms-cont .submit-wrap div[id^=nf_submit],
.ninja-forms-cont .submit-wrap div[id^=nf_processing] {
  text-align: center;
  padding-top: 60px;
}
.ninja-forms-cont .ninja-forms-mp-nav.ninja-forms-mp-prev {
  background-color: rgb(104.7272727273, 104.7272727273, 111.2727272727);
}
.ninja-forms-cont .ninja-forms-mp-nav.ninja-forms-mp-prev:hover, .ninja-forms-cont .ninja-forms-mp-nav.ninja-forms-mp-prev:focus, .ninja-forms-cont .ninja-forms-mp-nav.ninja-forms-mp-prev:active {
  background: #505055;
}
.ninja-forms-cont .textarea-wrap textarea {
  margin-bottom: -5px;
  height: 36px;
}
.ninja-forms-cont .list-radio-wrap.label-block-wrap label {
  display: block;
  float: none;
  margin-bottom: 1em;
}
.ninja-forms-cont .list-radio-wrap.label-block-wrap ul li label {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: top;
}
.ninja-forms-cont .list-radio-wrap.label-block-wrap ul li label input {
  vertical-align: text-top;
  margin-right: 5px !important;
}
.ninja-forms-cont .list-checkbox-wrap .label-left label, .ninja-forms-cont .list-checkbox-wrap .label-left ul, .ninja-forms-cont .list-checkbox-wrap .label-left ul li, .ninja-forms-cont .list-checkbox-wrap .label-right label, .ninja-forms-cont .list-checkbox-wrap .label-right ul, .ninja-forms-cont .list-checkbox-wrap .label-right ul li, .ninja-forms-cont .list-checkbox-wrap .label-left label, .ninja-forms-cont .list-checkbox-wrap .label-left ul, .ninja-forms-cont .list-checkbox-wrap .label-left ul li, .ninja-forms-cont .list-checkbox-wrap .label-right label, .ninja-forms-cont .list-checkbox-wrap .label-right ul, .ninja-forms-cont .list-checkbox-wrap .label-right ul li, .ninja-forms-cont .list-checkbox-wrap label, .ninja-forms-cont .list-checkbox-wrap ul, .ninja-forms-cont .list-checkbox-wrap li {
  display: block;
  float: none !important;
}
.ninja-forms-cont .list-checkbox-wrap ul li {
  padding: 3px 0 !important;
}
.ninja-forms-cont .list-checkbox-wrap ul li label input {
  margin-right: 5px !important;
}
.field-wrap.g_recaptcha-wrap .g_recaptcha div {
  margin: 0 auto;
}

/* --------------------------------------
/*  Variables
/* -------------------------------------- */
/* --------------------------------------
/*  Foreach
/* -------------------------------------- */
@media (min-width:1200px) {
  .fx-example-highlight-colour-xl {
    background: #6A95B5;
    color: #fff;
  }
  .fx-xl-display-block {
    display: block;
  }
  .fx-xl-display-block-inline {
    display: inline-block;
  }
  .fx-xl-display {
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -webkit-box;
    display: flex;
  }
  .fx-xl-display-inline {
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: -webkit-inline-box;
    display: inline-flex;
  }
  .fx-xl-direction {
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  .fx-xl-direction-reverse {
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse;
  }
  .fx-xl-direction-column {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .fx-xl-direction-column-reverse {
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
            flex-direction: column-reverse;
  }
  .fx-xl-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .fx-xl-wrap-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .fx-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
  /* Flex Flow */
  .fx-xl-justify-flex-start {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .fx-xl-justify-flex-end {
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .fx-xl-justify-center {
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .fx-xl-justify-space-between {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .fx-xl-justify-space-around {
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .fx-xl-align-content-flex-start {
    -ms-align-content: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .fx-xl-align-content-flex-end {
    -ms-align-content: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .fx-xl-align-content-center {
    -ms-align-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .fx-xl-align-content-space-between {
    -ms-align-content: space-between;
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }
  .fx-xl-align-content-space-around {
    -ms-align-content: space-around;
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
  .fx-xl-align-content-stretch {
    -ms-align-content: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  .fx-xl-align-items-flex-start {
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .fx-xl-align-items-flex-end {
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .fx-xl-align-items-center {
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .fx-xl-align-items-baseline {
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .fx-xl-align-items-stretch {
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  /* ================= Items ======================= */
  .fx-xl-order-0 {
    -moz-order: 0;
    -ms-order: 0;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .fx-xl-order-1 {
    -moz-order: 1;
    -ms-order: 1;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .fx-xl-order-2 {
    -moz-order: 2;
    -ms-order: 2;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .fx-xl-order-3 {
    -moz-order: 3;
    -ms-order: 3;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .fx-xl-order-4 {
    -moz-order: 4;
    -ms-order: 4;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .fx-xl-order-5 {
    -moz-order: 5;
    -ms-order: 5;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .fx-xl-order-6 {
    -moz-order: 6;
    -ms-order: 6;
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .fx-xl-order-7 {
    -moz-order: 7;
    -ms-order: 7;
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .fx-xl-order-8 {
    -moz-order: 8;
    -ms-order: 8;
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .fx-xl-order-9 {
    -moz-order: 9;
    -ms-order: 9;
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .fx-xl-order-10 {
    -moz-order: 10;
    -ms-order: 10;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .fx-xl-grow-0 {
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .fx-xl-grow-1 {
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .fx-xl-grow-2 {
    -moz-flex-grow: 2;
    -ms-flex-grow: 2;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
  }
  .fx-xl-grow-3 {
    -moz-flex-grow: 3;
    -ms-flex-grow: 3;
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
  }
  .fx-xl-grow-4 {
    -moz-flex-grow: 4;
    -ms-flex-grow: 4;
    -webkit-box-flex: 4;
        -ms-flex-positive: 4;
            flex-grow: 4;
  }
  .fx-xl-grow-5 {
    -moz-flex-grow: 5;
    -ms-flex-grow: 5;
    -webkit-box-flex: 5;
        -ms-flex-positive: 5;
            flex-grow: 5;
  }
  .fx-xl-grow-6 {
    -moz-flex-grow: 6;
    -ms-flex-grow: 6;
    -webkit-box-flex: 6;
        -ms-flex-positive: 6;
            flex-grow: 6;
  }
  .fx-xl-grow-7 {
    -moz-flex-grow: 7;
    -ms-flex-grow: 7;
    -webkit-box-flex: 7;
        -ms-flex-positive: 7;
            flex-grow: 7;
  }
  .fx-xl-grow-8 {
    -moz-flex-grow: 8;
    -ms-flex-grow: 8;
    -webkit-box-flex: 8;
        -ms-flex-positive: 8;
            flex-grow: 8;
  }
  .fx-xl-grow-9 {
    -moz-flex-grow: 9;
    -ms-flex-grow: 9;
    -webkit-box-flex: 9;
        -ms-flex-positive: 9;
            flex-grow: 9;
  }
  .fx-xl-grow-10 {
    -moz-flex-grow: 10;
    -ms-flex-grow: 10;
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
  .fx-xl-shrink-0 {
    -ms-flex-shrink: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .fx-xl-shrink-1 {
    -ms-flex-shrink: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .fx-xl-shrink-2 {
    -ms-flex-shrink: 2;
    -ms-flex-negative: 2;
        flex-shrink: 2;
  }
  .fx-xl-shrink-3 {
    -ms-flex-shrink: 3;
    -ms-flex-negative: 3;
        flex-shrink: 3;
  }
  .fx-xl-shrink-4 {
    -ms-flex-shrink: 4;
    -ms-flex-negative: 4;
        flex-shrink: 4;
  }
  .fx-xl-shrink-5 {
    -ms-flex-shrink: 5;
    -ms-flex-negative: 5;
        flex-shrink: 5;
  }
  .fx-xl-shrink-6 {
    -ms-flex-shrink: 6;
    -ms-flex-negative: 6;
        flex-shrink: 6;
  }
  .fx-xl-shrink-7 {
    -ms-flex-shrink: 7;
    -ms-flex-negative: 7;
        flex-shrink: 7;
  }
  .fx-xl-shrink-8 {
    -ms-flex-shrink: 8;
    -ms-flex-negative: 8;
        flex-shrink: 8;
  }
  .fx-xl-shrink-9 {
    -ms-flex-shrink: 9;
    -ms-flex-negative: 9;
        flex-shrink: 9;
  }
  .fx-xl-shrink-10 {
    -ms-flex-shrink: 10;
    -ms-flex-negative: 10;
        flex-shrink: 10;
  }
  .fx-xl-align-self-flex-start {
    -webkit-align-self: flex-start;
    -ms-align-self: flex-start;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .fx-xl-align-self-flex-end {
    -webkit-align-self: flex-end;
    -ms-align-self: flex-end;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .fx-xl-align-self-center {
    -webkit-align-self: center;
    -ms-align-self: center;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .fx-xl-align-self-baseline {
    -webkit-align-self: baseline;
    -ms-align-self: baseline;
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
  .fx-xl-align-self-stretch {
    -webkit-align-self: stretch;
    -ms-align-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}
@media (min-width:992px) {
  .fx-example-highlight-colour-lg {
    background: #6A95B5;
    color: #fff;
  }
  .fx-lg-display-block {
    display: block;
  }
  .fx-lg-display-block-inline {
    display: inline-block;
  }
  .fx-lg-display {
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -webkit-box;
    display: flex;
  }
  .fx-lg-display-inline {
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: -webkit-inline-box;
    display: inline-flex;
  }
  .fx-lg-direction {
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  .fx-lg-direction-reverse {
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse;
  }
  .fx-lg-direction-column {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .fx-lg-direction-column-reverse {
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
            flex-direction: column-reverse;
  }
  .fx-lg-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .fx-lg-wrap-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .fx-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
  /* Flex Flow */
  .fx-lg-justify-flex-start {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .fx-lg-justify-flex-end {
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .fx-lg-justify-center {
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .fx-lg-justify-space-between {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .fx-lg-justify-space-around {
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .fx-lg-align-content-flex-start {
    -ms-align-content: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .fx-lg-align-content-flex-end {
    -ms-align-content: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .fx-lg-align-content-center {
    -ms-align-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .fx-lg-align-content-space-between {
    -ms-align-content: space-between;
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }
  .fx-lg-align-content-space-around {
    -ms-align-content: space-around;
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
  .fx-lg-align-content-stretch {
    -ms-align-content: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  .fx-lg-align-items-flex-start {
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .fx-lg-align-items-flex-end {
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .fx-lg-align-items-center {
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .fx-lg-align-items-baseline {
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .fx-lg-align-items-stretch {
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  /* ================= Items ======================= */
  .fx-lg-order-0 {
    -moz-order: 0;
    -ms-order: 0;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .fx-lg-order-1 {
    -moz-order: 1;
    -ms-order: 1;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .fx-lg-order-2 {
    -moz-order: 2;
    -ms-order: 2;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .fx-lg-order-3 {
    -moz-order: 3;
    -ms-order: 3;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .fx-lg-order-4 {
    -moz-order: 4;
    -ms-order: 4;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .fx-lg-order-5 {
    -moz-order: 5;
    -ms-order: 5;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .fx-lg-order-6 {
    -moz-order: 6;
    -ms-order: 6;
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .fx-lg-order-7 {
    -moz-order: 7;
    -ms-order: 7;
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .fx-lg-order-8 {
    -moz-order: 8;
    -ms-order: 8;
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .fx-lg-order-9 {
    -moz-order: 9;
    -ms-order: 9;
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .fx-lg-order-10 {
    -moz-order: 10;
    -ms-order: 10;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .fx-lg-grow-0 {
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .fx-lg-grow-1 {
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .fx-lg-grow-2 {
    -moz-flex-grow: 2;
    -ms-flex-grow: 2;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
  }
  .fx-lg-grow-3 {
    -moz-flex-grow: 3;
    -ms-flex-grow: 3;
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
  }
  .fx-lg-grow-4 {
    -moz-flex-grow: 4;
    -ms-flex-grow: 4;
    -webkit-box-flex: 4;
        -ms-flex-positive: 4;
            flex-grow: 4;
  }
  .fx-lg-grow-5 {
    -moz-flex-grow: 5;
    -ms-flex-grow: 5;
    -webkit-box-flex: 5;
        -ms-flex-positive: 5;
            flex-grow: 5;
  }
  .fx-lg-grow-6 {
    -moz-flex-grow: 6;
    -ms-flex-grow: 6;
    -webkit-box-flex: 6;
        -ms-flex-positive: 6;
            flex-grow: 6;
  }
  .fx-lg-grow-7 {
    -moz-flex-grow: 7;
    -ms-flex-grow: 7;
    -webkit-box-flex: 7;
        -ms-flex-positive: 7;
            flex-grow: 7;
  }
  .fx-lg-grow-8 {
    -moz-flex-grow: 8;
    -ms-flex-grow: 8;
    -webkit-box-flex: 8;
        -ms-flex-positive: 8;
            flex-grow: 8;
  }
  .fx-lg-grow-9 {
    -moz-flex-grow: 9;
    -ms-flex-grow: 9;
    -webkit-box-flex: 9;
        -ms-flex-positive: 9;
            flex-grow: 9;
  }
  .fx-lg-grow-10 {
    -moz-flex-grow: 10;
    -ms-flex-grow: 10;
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
  .fx-lg-shrink-0 {
    -ms-flex-shrink: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .fx-lg-shrink-1 {
    -ms-flex-shrink: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .fx-lg-shrink-2 {
    -ms-flex-shrink: 2;
    -ms-flex-negative: 2;
        flex-shrink: 2;
  }
  .fx-lg-shrink-3 {
    -ms-flex-shrink: 3;
    -ms-flex-negative: 3;
        flex-shrink: 3;
  }
  .fx-lg-shrink-4 {
    -ms-flex-shrink: 4;
    -ms-flex-negative: 4;
        flex-shrink: 4;
  }
  .fx-lg-shrink-5 {
    -ms-flex-shrink: 5;
    -ms-flex-negative: 5;
        flex-shrink: 5;
  }
  .fx-lg-shrink-6 {
    -ms-flex-shrink: 6;
    -ms-flex-negative: 6;
        flex-shrink: 6;
  }
  .fx-lg-shrink-7 {
    -ms-flex-shrink: 7;
    -ms-flex-negative: 7;
        flex-shrink: 7;
  }
  .fx-lg-shrink-8 {
    -ms-flex-shrink: 8;
    -ms-flex-negative: 8;
        flex-shrink: 8;
  }
  .fx-lg-shrink-9 {
    -ms-flex-shrink: 9;
    -ms-flex-negative: 9;
        flex-shrink: 9;
  }
  .fx-lg-shrink-10 {
    -ms-flex-shrink: 10;
    -ms-flex-negative: 10;
        flex-shrink: 10;
  }
  .fx-lg-align-self-flex-start {
    -webkit-align-self: flex-start;
    -ms-align-self: flex-start;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .fx-lg-align-self-flex-end {
    -webkit-align-self: flex-end;
    -ms-align-self: flex-end;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .fx-lg-align-self-center {
    -webkit-align-self: center;
    -ms-align-self: center;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .fx-lg-align-self-baseline {
    -webkit-align-self: baseline;
    -ms-align-self: baseline;
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
  .fx-lg-align-self-stretch {
    -webkit-align-self: stretch;
    -ms-align-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}
@media (min-width:768px) {
  .fx-example-highlight-colour-md {
    background: #6A95B5;
    color: #fff;
  }
  .fx-md-display-block {
    display: block;
  }
  .fx-md-display-block-inline {
    display: inline-block;
  }
  .fx-md-display {
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -webkit-box;
    display: flex;
  }
  .fx-md-display-inline {
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: -webkit-inline-box;
    display: inline-flex;
  }
  .fx-md-direction {
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  .fx-md-direction-reverse {
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse;
  }
  .fx-md-direction-column {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .fx-md-direction-column-reverse {
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
            flex-direction: column-reverse;
  }
  .fx-md-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .fx-md-wrap-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .fx-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
  /* Flex Flow */
  .fx-md-justify-flex-start {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .fx-md-justify-flex-end {
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .fx-md-justify-center {
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .fx-md-justify-space-between {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .fx-md-justify-space-around {
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .fx-md-align-content-flex-start {
    -ms-align-content: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .fx-md-align-content-flex-end {
    -ms-align-content: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .fx-md-align-content-center {
    -ms-align-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .fx-md-align-content-space-between {
    -ms-align-content: space-between;
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }
  .fx-md-align-content-space-around {
    -ms-align-content: space-around;
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
  .fx-md-align-content-stretch {
    -ms-align-content: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  .fx-md-align-items-flex-start {
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .fx-md-align-items-flex-end {
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .fx-md-align-items-center {
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .fx-md-align-items-baseline {
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .fx-md-align-items-stretch {
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  /* ================= Items ======================= */
  .fx-md-order-0 {
    -moz-order: 0;
    -ms-order: 0;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .fx-md-order-1 {
    -moz-order: 1;
    -ms-order: 1;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .fx-md-order-2 {
    -moz-order: 2;
    -ms-order: 2;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .fx-md-order-3 {
    -moz-order: 3;
    -ms-order: 3;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .fx-md-order-4 {
    -moz-order: 4;
    -ms-order: 4;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .fx-md-order-5 {
    -moz-order: 5;
    -ms-order: 5;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .fx-md-order-6 {
    -moz-order: 6;
    -ms-order: 6;
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .fx-md-order-7 {
    -moz-order: 7;
    -ms-order: 7;
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .fx-md-order-8 {
    -moz-order: 8;
    -ms-order: 8;
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .fx-md-order-9 {
    -moz-order: 9;
    -ms-order: 9;
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .fx-md-order-10 {
    -moz-order: 10;
    -ms-order: 10;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .fx-md-grow-0 {
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .fx-md-grow-1 {
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .fx-md-grow-2 {
    -moz-flex-grow: 2;
    -ms-flex-grow: 2;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
  }
  .fx-md-grow-3 {
    -moz-flex-grow: 3;
    -ms-flex-grow: 3;
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
  }
  .fx-md-grow-4 {
    -moz-flex-grow: 4;
    -ms-flex-grow: 4;
    -webkit-box-flex: 4;
        -ms-flex-positive: 4;
            flex-grow: 4;
  }
  .fx-md-grow-5 {
    -moz-flex-grow: 5;
    -ms-flex-grow: 5;
    -webkit-box-flex: 5;
        -ms-flex-positive: 5;
            flex-grow: 5;
  }
  .fx-md-grow-6 {
    -moz-flex-grow: 6;
    -ms-flex-grow: 6;
    -webkit-box-flex: 6;
        -ms-flex-positive: 6;
            flex-grow: 6;
  }
  .fx-md-grow-7 {
    -moz-flex-grow: 7;
    -ms-flex-grow: 7;
    -webkit-box-flex: 7;
        -ms-flex-positive: 7;
            flex-grow: 7;
  }
  .fx-md-grow-8 {
    -moz-flex-grow: 8;
    -ms-flex-grow: 8;
    -webkit-box-flex: 8;
        -ms-flex-positive: 8;
            flex-grow: 8;
  }
  .fx-md-grow-9 {
    -moz-flex-grow: 9;
    -ms-flex-grow: 9;
    -webkit-box-flex: 9;
        -ms-flex-positive: 9;
            flex-grow: 9;
  }
  .fx-md-grow-10 {
    -moz-flex-grow: 10;
    -ms-flex-grow: 10;
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
  .fx-md-shrink-0 {
    -ms-flex-shrink: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .fx-md-shrink-1 {
    -ms-flex-shrink: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .fx-md-shrink-2 {
    -ms-flex-shrink: 2;
    -ms-flex-negative: 2;
        flex-shrink: 2;
  }
  .fx-md-shrink-3 {
    -ms-flex-shrink: 3;
    -ms-flex-negative: 3;
        flex-shrink: 3;
  }
  .fx-md-shrink-4 {
    -ms-flex-shrink: 4;
    -ms-flex-negative: 4;
        flex-shrink: 4;
  }
  .fx-md-shrink-5 {
    -ms-flex-shrink: 5;
    -ms-flex-negative: 5;
        flex-shrink: 5;
  }
  .fx-md-shrink-6 {
    -ms-flex-shrink: 6;
    -ms-flex-negative: 6;
        flex-shrink: 6;
  }
  .fx-md-shrink-7 {
    -ms-flex-shrink: 7;
    -ms-flex-negative: 7;
        flex-shrink: 7;
  }
  .fx-md-shrink-8 {
    -ms-flex-shrink: 8;
    -ms-flex-negative: 8;
        flex-shrink: 8;
  }
  .fx-md-shrink-9 {
    -ms-flex-shrink: 9;
    -ms-flex-negative: 9;
        flex-shrink: 9;
  }
  .fx-md-shrink-10 {
    -ms-flex-shrink: 10;
    -ms-flex-negative: 10;
        flex-shrink: 10;
  }
  .fx-md-align-self-flex-start {
    -webkit-align-self: flex-start;
    -ms-align-self: flex-start;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .fx-md-align-self-flex-end {
    -webkit-align-self: flex-end;
    -ms-align-self: flex-end;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .fx-md-align-self-center {
    -webkit-align-self: center;
    -ms-align-self: center;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .fx-md-align-self-baseline {
    -webkit-align-self: baseline;
    -ms-align-self: baseline;
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
  .fx-md-align-self-stretch {
    -webkit-align-self: stretch;
    -ms-align-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}
@media (min-width:544px) {
  .fx-example-highlight-colour-sm {
    background: #6A95B5;
    color: #fff;
  }
  .fx-sm-display-block {
    display: block;
  }
  .fx-sm-display-block-inline {
    display: inline-block;
  }
  .fx-sm-display {
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -webkit-box;
    display: flex;
  }
  .fx-sm-display-inline {
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: -webkit-inline-box;
    display: inline-flex;
  }
  .fx-sm-direction {
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  .fx-sm-direction-reverse {
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse;
  }
  .fx-sm-direction-column {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .fx-sm-direction-column-reverse {
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
            flex-direction: column-reverse;
  }
  .fx-sm-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .fx-sm-wrap-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .fx-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
  /* Flex Flow */
  .fx-sm-justify-flex-start {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .fx-sm-justify-flex-end {
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .fx-sm-justify-center {
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .fx-sm-justify-space-between {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .fx-sm-justify-space-around {
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .fx-sm-align-content-flex-start {
    -ms-align-content: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .fx-sm-align-content-flex-end {
    -ms-align-content: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .fx-sm-align-content-center {
    -ms-align-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .fx-sm-align-content-space-between {
    -ms-align-content: space-between;
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }
  .fx-sm-align-content-space-around {
    -ms-align-content: space-around;
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
  .fx-sm-align-content-stretch {
    -ms-align-content: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  .fx-sm-align-items-flex-start {
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .fx-sm-align-items-flex-end {
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .fx-sm-align-items-center {
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .fx-sm-align-items-baseline {
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .fx-sm-align-items-stretch {
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  /* ================= Items ======================= */
  .fx-sm-order-0 {
    -moz-order: 0;
    -ms-order: 0;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .fx-sm-order-1 {
    -moz-order: 1;
    -ms-order: 1;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .fx-sm-order-2 {
    -moz-order: 2;
    -ms-order: 2;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .fx-sm-order-3 {
    -moz-order: 3;
    -ms-order: 3;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .fx-sm-order-4 {
    -moz-order: 4;
    -ms-order: 4;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .fx-sm-order-5 {
    -moz-order: 5;
    -ms-order: 5;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .fx-sm-order-6 {
    -moz-order: 6;
    -ms-order: 6;
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .fx-sm-order-7 {
    -moz-order: 7;
    -ms-order: 7;
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .fx-sm-order-8 {
    -moz-order: 8;
    -ms-order: 8;
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .fx-sm-order-9 {
    -moz-order: 9;
    -ms-order: 9;
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .fx-sm-order-10 {
    -moz-order: 10;
    -ms-order: 10;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .fx-sm-grow-0 {
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .fx-sm-grow-1 {
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .fx-sm-grow-2 {
    -moz-flex-grow: 2;
    -ms-flex-grow: 2;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
  }
  .fx-sm-grow-3 {
    -moz-flex-grow: 3;
    -ms-flex-grow: 3;
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
  }
  .fx-sm-grow-4 {
    -moz-flex-grow: 4;
    -ms-flex-grow: 4;
    -webkit-box-flex: 4;
        -ms-flex-positive: 4;
            flex-grow: 4;
  }
  .fx-sm-grow-5 {
    -moz-flex-grow: 5;
    -ms-flex-grow: 5;
    -webkit-box-flex: 5;
        -ms-flex-positive: 5;
            flex-grow: 5;
  }
  .fx-sm-grow-6 {
    -moz-flex-grow: 6;
    -ms-flex-grow: 6;
    -webkit-box-flex: 6;
        -ms-flex-positive: 6;
            flex-grow: 6;
  }
  .fx-sm-grow-7 {
    -moz-flex-grow: 7;
    -ms-flex-grow: 7;
    -webkit-box-flex: 7;
        -ms-flex-positive: 7;
            flex-grow: 7;
  }
  .fx-sm-grow-8 {
    -moz-flex-grow: 8;
    -ms-flex-grow: 8;
    -webkit-box-flex: 8;
        -ms-flex-positive: 8;
            flex-grow: 8;
  }
  .fx-sm-grow-9 {
    -moz-flex-grow: 9;
    -ms-flex-grow: 9;
    -webkit-box-flex: 9;
        -ms-flex-positive: 9;
            flex-grow: 9;
  }
  .fx-sm-grow-10 {
    -moz-flex-grow: 10;
    -ms-flex-grow: 10;
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
  .fx-sm-shrink-0 {
    -ms-flex-shrink: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .fx-sm-shrink-1 {
    -ms-flex-shrink: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .fx-sm-shrink-2 {
    -ms-flex-shrink: 2;
    -ms-flex-negative: 2;
        flex-shrink: 2;
  }
  .fx-sm-shrink-3 {
    -ms-flex-shrink: 3;
    -ms-flex-negative: 3;
        flex-shrink: 3;
  }
  .fx-sm-shrink-4 {
    -ms-flex-shrink: 4;
    -ms-flex-negative: 4;
        flex-shrink: 4;
  }
  .fx-sm-shrink-5 {
    -ms-flex-shrink: 5;
    -ms-flex-negative: 5;
        flex-shrink: 5;
  }
  .fx-sm-shrink-6 {
    -ms-flex-shrink: 6;
    -ms-flex-negative: 6;
        flex-shrink: 6;
  }
  .fx-sm-shrink-7 {
    -ms-flex-shrink: 7;
    -ms-flex-negative: 7;
        flex-shrink: 7;
  }
  .fx-sm-shrink-8 {
    -ms-flex-shrink: 8;
    -ms-flex-negative: 8;
        flex-shrink: 8;
  }
  .fx-sm-shrink-9 {
    -ms-flex-shrink: 9;
    -ms-flex-negative: 9;
        flex-shrink: 9;
  }
  .fx-sm-shrink-10 {
    -ms-flex-shrink: 10;
    -ms-flex-negative: 10;
        flex-shrink: 10;
  }
  .fx-sm-align-self-flex-start {
    -webkit-align-self: flex-start;
    -ms-align-self: flex-start;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .fx-sm-align-self-flex-end {
    -webkit-align-self: flex-end;
    -ms-align-self: flex-end;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .fx-sm-align-self-center {
    -webkit-align-self: center;
    -ms-align-self: center;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .fx-sm-align-self-baseline {
    -webkit-align-self: baseline;
    -ms-align-self: baseline;
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
  .fx-sm-align-self-stretch {
    -webkit-align-self: stretch;
    -ms-align-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}
@media (min-width:0px) {
  .fx-example-highlight-colour-xs {
    background: #6A95B5;
    color: #fff;
  }
  .fx-xs-display-block {
    display: block;
  }
  .fx-xs-display-block-inline {
    display: inline-block;
  }
  .fx-xs-display {
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -webkit-box;
    display: flex;
  }
  .fx-xs-display-inline {
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: -webkit-inline-box;
    display: inline-flex;
  }
  .fx-xs-direction {
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  .fx-xs-direction-reverse {
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse;
  }
  .fx-xs-direction-column {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .fx-xs-direction-column-reverse {
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
            flex-direction: column-reverse;
  }
  .fx-xs-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .fx-xs-wrap-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .fx-xs-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
  /* Flex Flow */
  .fx-xs-justify-flex-start {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .fx-xs-justify-flex-end {
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .fx-xs-justify-center {
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .fx-xs-justify-space-between {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .fx-xs-justify-space-around {
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .fx-xs-align-content-flex-start {
    -ms-align-content: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .fx-xs-align-content-flex-end {
    -ms-align-content: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .fx-xs-align-content-center {
    -ms-align-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .fx-xs-align-content-space-between {
    -ms-align-content: space-between;
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }
  .fx-xs-align-content-space-around {
    -ms-align-content: space-around;
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
  .fx-xs-align-content-stretch {
    -ms-align-content: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  .fx-xs-align-items-flex-start {
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .fx-xs-align-items-flex-end {
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .fx-xs-align-items-center {
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .fx-xs-align-items-baseline {
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .fx-xs-align-items-stretch {
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  /* ================= Items ======================= */
  .fx-xs-order-0 {
    -moz-order: 0;
    -ms-order: 0;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .fx-xs-order-1 {
    -moz-order: 1;
    -ms-order: 1;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .fx-xs-order-2 {
    -moz-order: 2;
    -ms-order: 2;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .fx-xs-order-3 {
    -moz-order: 3;
    -ms-order: 3;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .fx-xs-order-4 {
    -moz-order: 4;
    -ms-order: 4;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .fx-xs-order-5 {
    -moz-order: 5;
    -ms-order: 5;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .fx-xs-order-6 {
    -moz-order: 6;
    -ms-order: 6;
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .fx-xs-order-7 {
    -moz-order: 7;
    -ms-order: 7;
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .fx-xs-order-8 {
    -moz-order: 8;
    -ms-order: 8;
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .fx-xs-order-9 {
    -moz-order: 9;
    -ms-order: 9;
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .fx-xs-order-10 {
    -moz-order: 10;
    -ms-order: 10;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .fx-xs-grow-0 {
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .fx-xs-grow-1 {
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .fx-xs-grow-2 {
    -moz-flex-grow: 2;
    -ms-flex-grow: 2;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
  }
  .fx-xs-grow-3 {
    -moz-flex-grow: 3;
    -ms-flex-grow: 3;
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
  }
  .fx-xs-grow-4 {
    -moz-flex-grow: 4;
    -ms-flex-grow: 4;
    -webkit-box-flex: 4;
        -ms-flex-positive: 4;
            flex-grow: 4;
  }
  .fx-xs-grow-5 {
    -moz-flex-grow: 5;
    -ms-flex-grow: 5;
    -webkit-box-flex: 5;
        -ms-flex-positive: 5;
            flex-grow: 5;
  }
  .fx-xs-grow-6 {
    -moz-flex-grow: 6;
    -ms-flex-grow: 6;
    -webkit-box-flex: 6;
        -ms-flex-positive: 6;
            flex-grow: 6;
  }
  .fx-xs-grow-7 {
    -moz-flex-grow: 7;
    -ms-flex-grow: 7;
    -webkit-box-flex: 7;
        -ms-flex-positive: 7;
            flex-grow: 7;
  }
  .fx-xs-grow-8 {
    -moz-flex-grow: 8;
    -ms-flex-grow: 8;
    -webkit-box-flex: 8;
        -ms-flex-positive: 8;
            flex-grow: 8;
  }
  .fx-xs-grow-9 {
    -moz-flex-grow: 9;
    -ms-flex-grow: 9;
    -webkit-box-flex: 9;
        -ms-flex-positive: 9;
            flex-grow: 9;
  }
  .fx-xs-grow-10 {
    -moz-flex-grow: 10;
    -ms-flex-grow: 10;
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
  .fx-xs-shrink-0 {
    -ms-flex-shrink: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .fx-xs-shrink-1 {
    -ms-flex-shrink: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .fx-xs-shrink-2 {
    -ms-flex-shrink: 2;
    -ms-flex-negative: 2;
        flex-shrink: 2;
  }
  .fx-xs-shrink-3 {
    -ms-flex-shrink: 3;
    -ms-flex-negative: 3;
        flex-shrink: 3;
  }
  .fx-xs-shrink-4 {
    -ms-flex-shrink: 4;
    -ms-flex-negative: 4;
        flex-shrink: 4;
  }
  .fx-xs-shrink-5 {
    -ms-flex-shrink: 5;
    -ms-flex-negative: 5;
        flex-shrink: 5;
  }
  .fx-xs-shrink-6 {
    -ms-flex-shrink: 6;
    -ms-flex-negative: 6;
        flex-shrink: 6;
  }
  .fx-xs-shrink-7 {
    -ms-flex-shrink: 7;
    -ms-flex-negative: 7;
        flex-shrink: 7;
  }
  .fx-xs-shrink-8 {
    -ms-flex-shrink: 8;
    -ms-flex-negative: 8;
        flex-shrink: 8;
  }
  .fx-xs-shrink-9 {
    -ms-flex-shrink: 9;
    -ms-flex-negative: 9;
        flex-shrink: 9;
  }
  .fx-xs-shrink-10 {
    -ms-flex-shrink: 10;
    -ms-flex-negative: 10;
        flex-shrink: 10;
  }
  .fx-xs-align-self-flex-start {
    -webkit-align-self: flex-start;
    -ms-align-self: flex-start;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .fx-xs-align-self-flex-end {
    -webkit-align-self: flex-end;
    -ms-align-self: flex-end;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .fx-xs-align-self-center {
    -webkit-align-self: center;
    -ms-align-self: center;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .fx-xs-align-self-baseline {
    -webkit-align-self: baseline;
    -ms-align-self: baseline;
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
  .fx-xs-align-self-stretch {
    -webkit-align-self: stretch;
    -ms-align-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}
@media (min-width:0px) {
  .fx-example-highlight-colour-df-xl {
    background: #6A95B5;
    color: #fff;
  }
  .fx-df-xl-display-block {
    display: block;
  }
  .fx-df-xl-display-block-inline {
    display: inline-block;
  }
  .fx-df-xl-display {
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -webkit-box;
    display: flex;
  }
  .fx-df-xl-display-inline {
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: -webkit-inline-box;
    display: inline-flex;
  }
  .fx-df-xl-direction {
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  .fx-df-xl-direction-reverse {
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse;
  }
  .fx-df-xl-direction-column {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .fx-df-xl-direction-column-reverse {
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
            flex-direction: column-reverse;
  }
  .fx-df-xl-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .fx-df-xl-wrap-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .fx-df-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
  /* Flex Flow */
  .fx-df-xl-justify-flex-start {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .fx-df-xl-justify-flex-end {
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .fx-df-xl-justify-center {
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .fx-df-xl-justify-space-between {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .fx-df-xl-justify-space-around {
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .fx-df-xl-align-content-flex-start {
    -ms-align-content: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .fx-df-xl-align-content-flex-end {
    -ms-align-content: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .fx-df-xl-align-content-center {
    -ms-align-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .fx-df-xl-align-content-space-between {
    -ms-align-content: space-between;
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }
  .fx-df-xl-align-content-space-around {
    -ms-align-content: space-around;
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
  .fx-df-xl-align-content-stretch {
    -ms-align-content: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  .fx-df-xl-align-items-flex-start {
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .fx-df-xl-align-items-flex-end {
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .fx-df-xl-align-items-center {
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .fx-df-xl-align-items-baseline {
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .fx-df-xl-align-items-stretch {
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  /* ================= Items ======================= */
  .fx-df-xl-order-0 {
    -moz-order: 0;
    -ms-order: 0;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .fx-df-xl-order-1 {
    -moz-order: 1;
    -ms-order: 1;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .fx-df-xl-order-2 {
    -moz-order: 2;
    -ms-order: 2;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .fx-df-xl-order-3 {
    -moz-order: 3;
    -ms-order: 3;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .fx-df-xl-order-4 {
    -moz-order: 4;
    -ms-order: 4;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .fx-df-xl-order-5 {
    -moz-order: 5;
    -ms-order: 5;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .fx-df-xl-order-6 {
    -moz-order: 6;
    -ms-order: 6;
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .fx-df-xl-order-7 {
    -moz-order: 7;
    -ms-order: 7;
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .fx-df-xl-order-8 {
    -moz-order: 8;
    -ms-order: 8;
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .fx-df-xl-order-9 {
    -moz-order: 9;
    -ms-order: 9;
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .fx-df-xl-order-10 {
    -moz-order: 10;
    -ms-order: 10;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .fx-df-xl-grow-0 {
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .fx-df-xl-grow-1 {
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .fx-df-xl-grow-2 {
    -moz-flex-grow: 2;
    -ms-flex-grow: 2;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
  }
  .fx-df-xl-grow-3 {
    -moz-flex-grow: 3;
    -ms-flex-grow: 3;
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
  }
  .fx-df-xl-grow-4 {
    -moz-flex-grow: 4;
    -ms-flex-grow: 4;
    -webkit-box-flex: 4;
        -ms-flex-positive: 4;
            flex-grow: 4;
  }
  .fx-df-xl-grow-5 {
    -moz-flex-grow: 5;
    -ms-flex-grow: 5;
    -webkit-box-flex: 5;
        -ms-flex-positive: 5;
            flex-grow: 5;
  }
  .fx-df-xl-grow-6 {
    -moz-flex-grow: 6;
    -ms-flex-grow: 6;
    -webkit-box-flex: 6;
        -ms-flex-positive: 6;
            flex-grow: 6;
  }
  .fx-df-xl-grow-7 {
    -moz-flex-grow: 7;
    -ms-flex-grow: 7;
    -webkit-box-flex: 7;
        -ms-flex-positive: 7;
            flex-grow: 7;
  }
  .fx-df-xl-grow-8 {
    -moz-flex-grow: 8;
    -ms-flex-grow: 8;
    -webkit-box-flex: 8;
        -ms-flex-positive: 8;
            flex-grow: 8;
  }
  .fx-df-xl-grow-9 {
    -moz-flex-grow: 9;
    -ms-flex-grow: 9;
    -webkit-box-flex: 9;
        -ms-flex-positive: 9;
            flex-grow: 9;
  }
  .fx-df-xl-grow-10 {
    -moz-flex-grow: 10;
    -ms-flex-grow: 10;
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
  .fx-df-xl-shrink-0 {
    -ms-flex-shrink: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .fx-df-xl-shrink-1 {
    -ms-flex-shrink: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .fx-df-xl-shrink-2 {
    -ms-flex-shrink: 2;
    -ms-flex-negative: 2;
        flex-shrink: 2;
  }
  .fx-df-xl-shrink-3 {
    -ms-flex-shrink: 3;
    -ms-flex-negative: 3;
        flex-shrink: 3;
  }
  .fx-df-xl-shrink-4 {
    -ms-flex-shrink: 4;
    -ms-flex-negative: 4;
        flex-shrink: 4;
  }
  .fx-df-xl-shrink-5 {
    -ms-flex-shrink: 5;
    -ms-flex-negative: 5;
        flex-shrink: 5;
  }
  .fx-df-xl-shrink-6 {
    -ms-flex-shrink: 6;
    -ms-flex-negative: 6;
        flex-shrink: 6;
  }
  .fx-df-xl-shrink-7 {
    -ms-flex-shrink: 7;
    -ms-flex-negative: 7;
        flex-shrink: 7;
  }
  .fx-df-xl-shrink-8 {
    -ms-flex-shrink: 8;
    -ms-flex-negative: 8;
        flex-shrink: 8;
  }
  .fx-df-xl-shrink-9 {
    -ms-flex-shrink: 9;
    -ms-flex-negative: 9;
        flex-shrink: 9;
  }
  .fx-df-xl-shrink-10 {
    -ms-flex-shrink: 10;
    -ms-flex-negative: 10;
        flex-shrink: 10;
  }
  .fx-df-xl-align-self-flex-start {
    -webkit-align-self: flex-start;
    -ms-align-self: flex-start;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .fx-df-xl-align-self-flex-end {
    -webkit-align-self: flex-end;
    -ms-align-self: flex-end;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .fx-df-xl-align-self-center {
    -webkit-align-self: center;
    -ms-align-self: center;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .fx-df-xl-align-self-baseline {
    -webkit-align-self: baseline;
    -ms-align-self: baseline;
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
  .fx-df-xl-align-self-stretch {
    -webkit-align-self: stretch;
    -ms-align-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}
@media (max-width:1200px) {
  .fx-example-highlight-colour-df-lg {
    background: #6A95B5;
    color: #fff;
  }
  .fx-df-lg-display-block {
    display: block;
  }
  .fx-df-lg-display-block-inline {
    display: inline-block;
  }
  .fx-df-lg-display {
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -webkit-box;
    display: flex;
  }
  .fx-df-lg-display-inline {
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: -webkit-inline-box;
    display: inline-flex;
  }
  .fx-df-lg-direction {
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  .fx-df-lg-direction-reverse {
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse;
  }
  .fx-df-lg-direction-column {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .fx-df-lg-direction-column-reverse {
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
            flex-direction: column-reverse;
  }
  .fx-df-lg-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .fx-df-lg-wrap-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .fx-df-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
  /* Flex Flow */
  .fx-df-lg-justify-flex-start {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .fx-df-lg-justify-flex-end {
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .fx-df-lg-justify-center {
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .fx-df-lg-justify-space-between {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .fx-df-lg-justify-space-around {
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .fx-df-lg-align-content-flex-start {
    -ms-align-content: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .fx-df-lg-align-content-flex-end {
    -ms-align-content: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .fx-df-lg-align-content-center {
    -ms-align-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .fx-df-lg-align-content-space-between {
    -ms-align-content: space-between;
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }
  .fx-df-lg-align-content-space-around {
    -ms-align-content: space-around;
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
  .fx-df-lg-align-content-stretch {
    -ms-align-content: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  .fx-df-lg-align-items-flex-start {
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .fx-df-lg-align-items-flex-end {
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .fx-df-lg-align-items-center {
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .fx-df-lg-align-items-baseline {
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .fx-df-lg-align-items-stretch {
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  /* ================= Items ======================= */
  .fx-df-lg-order-0 {
    -moz-order: 0;
    -ms-order: 0;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .fx-df-lg-order-1 {
    -moz-order: 1;
    -ms-order: 1;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .fx-df-lg-order-2 {
    -moz-order: 2;
    -ms-order: 2;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .fx-df-lg-order-3 {
    -moz-order: 3;
    -ms-order: 3;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .fx-df-lg-order-4 {
    -moz-order: 4;
    -ms-order: 4;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .fx-df-lg-order-5 {
    -moz-order: 5;
    -ms-order: 5;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .fx-df-lg-order-6 {
    -moz-order: 6;
    -ms-order: 6;
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .fx-df-lg-order-7 {
    -moz-order: 7;
    -ms-order: 7;
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .fx-df-lg-order-8 {
    -moz-order: 8;
    -ms-order: 8;
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .fx-df-lg-order-9 {
    -moz-order: 9;
    -ms-order: 9;
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .fx-df-lg-order-10 {
    -moz-order: 10;
    -ms-order: 10;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .fx-df-lg-grow-0 {
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .fx-df-lg-grow-1 {
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .fx-df-lg-grow-2 {
    -moz-flex-grow: 2;
    -ms-flex-grow: 2;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
  }
  .fx-df-lg-grow-3 {
    -moz-flex-grow: 3;
    -ms-flex-grow: 3;
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
  }
  .fx-df-lg-grow-4 {
    -moz-flex-grow: 4;
    -ms-flex-grow: 4;
    -webkit-box-flex: 4;
        -ms-flex-positive: 4;
            flex-grow: 4;
  }
  .fx-df-lg-grow-5 {
    -moz-flex-grow: 5;
    -ms-flex-grow: 5;
    -webkit-box-flex: 5;
        -ms-flex-positive: 5;
            flex-grow: 5;
  }
  .fx-df-lg-grow-6 {
    -moz-flex-grow: 6;
    -ms-flex-grow: 6;
    -webkit-box-flex: 6;
        -ms-flex-positive: 6;
            flex-grow: 6;
  }
  .fx-df-lg-grow-7 {
    -moz-flex-grow: 7;
    -ms-flex-grow: 7;
    -webkit-box-flex: 7;
        -ms-flex-positive: 7;
            flex-grow: 7;
  }
  .fx-df-lg-grow-8 {
    -moz-flex-grow: 8;
    -ms-flex-grow: 8;
    -webkit-box-flex: 8;
        -ms-flex-positive: 8;
            flex-grow: 8;
  }
  .fx-df-lg-grow-9 {
    -moz-flex-grow: 9;
    -ms-flex-grow: 9;
    -webkit-box-flex: 9;
        -ms-flex-positive: 9;
            flex-grow: 9;
  }
  .fx-df-lg-grow-10 {
    -moz-flex-grow: 10;
    -ms-flex-grow: 10;
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
  .fx-df-lg-shrink-0 {
    -ms-flex-shrink: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .fx-df-lg-shrink-1 {
    -ms-flex-shrink: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .fx-df-lg-shrink-2 {
    -ms-flex-shrink: 2;
    -ms-flex-negative: 2;
        flex-shrink: 2;
  }
  .fx-df-lg-shrink-3 {
    -ms-flex-shrink: 3;
    -ms-flex-negative: 3;
        flex-shrink: 3;
  }
  .fx-df-lg-shrink-4 {
    -ms-flex-shrink: 4;
    -ms-flex-negative: 4;
        flex-shrink: 4;
  }
  .fx-df-lg-shrink-5 {
    -ms-flex-shrink: 5;
    -ms-flex-negative: 5;
        flex-shrink: 5;
  }
  .fx-df-lg-shrink-6 {
    -ms-flex-shrink: 6;
    -ms-flex-negative: 6;
        flex-shrink: 6;
  }
  .fx-df-lg-shrink-7 {
    -ms-flex-shrink: 7;
    -ms-flex-negative: 7;
        flex-shrink: 7;
  }
  .fx-df-lg-shrink-8 {
    -ms-flex-shrink: 8;
    -ms-flex-negative: 8;
        flex-shrink: 8;
  }
  .fx-df-lg-shrink-9 {
    -ms-flex-shrink: 9;
    -ms-flex-negative: 9;
        flex-shrink: 9;
  }
  .fx-df-lg-shrink-10 {
    -ms-flex-shrink: 10;
    -ms-flex-negative: 10;
        flex-shrink: 10;
  }
  .fx-df-lg-align-self-flex-start {
    -webkit-align-self: flex-start;
    -ms-align-self: flex-start;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .fx-df-lg-align-self-flex-end {
    -webkit-align-self: flex-end;
    -ms-align-self: flex-end;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .fx-df-lg-align-self-center {
    -webkit-align-self: center;
    -ms-align-self: center;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .fx-df-lg-align-self-baseline {
    -webkit-align-self: baseline;
    -ms-align-self: baseline;
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
  .fx-df-lg-align-self-stretch {
    -webkit-align-self: stretch;
    -ms-align-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}
@media (max-width:992px) {
  .fx-example-highlight-colour-df-md {
    background: #6A95B5;
    color: #fff;
  }
  .fx-df-md-display-block {
    display: block;
  }
  .fx-df-md-display-block-inline {
    display: inline-block;
  }
  .fx-df-md-display {
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -webkit-box;
    display: flex;
  }
  .fx-df-md-display-inline {
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: -webkit-inline-box;
    display: inline-flex;
  }
  .fx-df-md-direction {
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  .fx-df-md-direction-reverse {
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse;
  }
  .fx-df-md-direction-column {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .fx-df-md-direction-column-reverse {
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
            flex-direction: column-reverse;
  }
  .fx-df-md-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .fx-df-md-wrap-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .fx-df-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
  /* Flex Flow */
  .fx-df-md-justify-flex-start {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .fx-df-md-justify-flex-end {
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .fx-df-md-justify-center {
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .fx-df-md-justify-space-between {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .fx-df-md-justify-space-around {
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .fx-df-md-align-content-flex-start {
    -ms-align-content: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .fx-df-md-align-content-flex-end {
    -ms-align-content: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .fx-df-md-align-content-center {
    -ms-align-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .fx-df-md-align-content-space-between {
    -ms-align-content: space-between;
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }
  .fx-df-md-align-content-space-around {
    -ms-align-content: space-around;
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
  .fx-df-md-align-content-stretch {
    -ms-align-content: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  .fx-df-md-align-items-flex-start {
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .fx-df-md-align-items-flex-end {
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .fx-df-md-align-items-center {
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .fx-df-md-align-items-baseline {
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .fx-df-md-align-items-stretch {
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  /* ================= Items ======================= */
  .fx-df-md-order-0 {
    -moz-order: 0;
    -ms-order: 0;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .fx-df-md-order-1 {
    -moz-order: 1;
    -ms-order: 1;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .fx-df-md-order-2 {
    -moz-order: 2;
    -ms-order: 2;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .fx-df-md-order-3 {
    -moz-order: 3;
    -ms-order: 3;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .fx-df-md-order-4 {
    -moz-order: 4;
    -ms-order: 4;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .fx-df-md-order-5 {
    -moz-order: 5;
    -ms-order: 5;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .fx-df-md-order-6 {
    -moz-order: 6;
    -ms-order: 6;
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .fx-df-md-order-7 {
    -moz-order: 7;
    -ms-order: 7;
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .fx-df-md-order-8 {
    -moz-order: 8;
    -ms-order: 8;
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .fx-df-md-order-9 {
    -moz-order: 9;
    -ms-order: 9;
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .fx-df-md-order-10 {
    -moz-order: 10;
    -ms-order: 10;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .fx-df-md-grow-0 {
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .fx-df-md-grow-1 {
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .fx-df-md-grow-2 {
    -moz-flex-grow: 2;
    -ms-flex-grow: 2;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
  }
  .fx-df-md-grow-3 {
    -moz-flex-grow: 3;
    -ms-flex-grow: 3;
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
  }
  .fx-df-md-grow-4 {
    -moz-flex-grow: 4;
    -ms-flex-grow: 4;
    -webkit-box-flex: 4;
        -ms-flex-positive: 4;
            flex-grow: 4;
  }
  .fx-df-md-grow-5 {
    -moz-flex-grow: 5;
    -ms-flex-grow: 5;
    -webkit-box-flex: 5;
        -ms-flex-positive: 5;
            flex-grow: 5;
  }
  .fx-df-md-grow-6 {
    -moz-flex-grow: 6;
    -ms-flex-grow: 6;
    -webkit-box-flex: 6;
        -ms-flex-positive: 6;
            flex-grow: 6;
  }
  .fx-df-md-grow-7 {
    -moz-flex-grow: 7;
    -ms-flex-grow: 7;
    -webkit-box-flex: 7;
        -ms-flex-positive: 7;
            flex-grow: 7;
  }
  .fx-df-md-grow-8 {
    -moz-flex-grow: 8;
    -ms-flex-grow: 8;
    -webkit-box-flex: 8;
        -ms-flex-positive: 8;
            flex-grow: 8;
  }
  .fx-df-md-grow-9 {
    -moz-flex-grow: 9;
    -ms-flex-grow: 9;
    -webkit-box-flex: 9;
        -ms-flex-positive: 9;
            flex-grow: 9;
  }
  .fx-df-md-grow-10 {
    -moz-flex-grow: 10;
    -ms-flex-grow: 10;
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
  .fx-df-md-shrink-0 {
    -ms-flex-shrink: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .fx-df-md-shrink-1 {
    -ms-flex-shrink: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .fx-df-md-shrink-2 {
    -ms-flex-shrink: 2;
    -ms-flex-negative: 2;
        flex-shrink: 2;
  }
  .fx-df-md-shrink-3 {
    -ms-flex-shrink: 3;
    -ms-flex-negative: 3;
        flex-shrink: 3;
  }
  .fx-df-md-shrink-4 {
    -ms-flex-shrink: 4;
    -ms-flex-negative: 4;
        flex-shrink: 4;
  }
  .fx-df-md-shrink-5 {
    -ms-flex-shrink: 5;
    -ms-flex-negative: 5;
        flex-shrink: 5;
  }
  .fx-df-md-shrink-6 {
    -ms-flex-shrink: 6;
    -ms-flex-negative: 6;
        flex-shrink: 6;
  }
  .fx-df-md-shrink-7 {
    -ms-flex-shrink: 7;
    -ms-flex-negative: 7;
        flex-shrink: 7;
  }
  .fx-df-md-shrink-8 {
    -ms-flex-shrink: 8;
    -ms-flex-negative: 8;
        flex-shrink: 8;
  }
  .fx-df-md-shrink-9 {
    -ms-flex-shrink: 9;
    -ms-flex-negative: 9;
        flex-shrink: 9;
  }
  .fx-df-md-shrink-10 {
    -ms-flex-shrink: 10;
    -ms-flex-negative: 10;
        flex-shrink: 10;
  }
  .fx-df-md-align-self-flex-start {
    -webkit-align-self: flex-start;
    -ms-align-self: flex-start;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .fx-df-md-align-self-flex-end {
    -webkit-align-self: flex-end;
    -ms-align-self: flex-end;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .fx-df-md-align-self-center {
    -webkit-align-self: center;
    -ms-align-self: center;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .fx-df-md-align-self-baseline {
    -webkit-align-self: baseline;
    -ms-align-self: baseline;
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
  .fx-df-md-align-self-stretch {
    -webkit-align-self: stretch;
    -ms-align-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}
@media (max-width:768px) {
  .fx-example-highlight-colour-df-sm {
    background: #6A95B5;
    color: #fff;
  }
  .fx-df-sm-display-block {
    display: block;
  }
  .fx-df-sm-display-block-inline {
    display: inline-block;
  }
  .fx-df-sm-display {
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -webkit-box;
    display: flex;
  }
  .fx-df-sm-display-inline {
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: -webkit-inline-box;
    display: inline-flex;
  }
  .fx-df-sm-direction {
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  .fx-df-sm-direction-reverse {
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse;
  }
  .fx-df-sm-direction-column {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .fx-df-sm-direction-column-reverse {
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
            flex-direction: column-reverse;
  }
  .fx-df-sm-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .fx-df-sm-wrap-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .fx-df-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
  /* Flex Flow */
  .fx-df-sm-justify-flex-start {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .fx-df-sm-justify-flex-end {
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .fx-df-sm-justify-center {
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .fx-df-sm-justify-space-between {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .fx-df-sm-justify-space-around {
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .fx-df-sm-align-content-flex-start {
    -ms-align-content: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .fx-df-sm-align-content-flex-end {
    -ms-align-content: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .fx-df-sm-align-content-center {
    -ms-align-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .fx-df-sm-align-content-space-between {
    -ms-align-content: space-between;
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }
  .fx-df-sm-align-content-space-around {
    -ms-align-content: space-around;
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
  .fx-df-sm-align-content-stretch {
    -ms-align-content: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  .fx-df-sm-align-items-flex-start {
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .fx-df-sm-align-items-flex-end {
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .fx-df-sm-align-items-center {
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .fx-df-sm-align-items-baseline {
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .fx-df-sm-align-items-stretch {
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  /* ================= Items ======================= */
  .fx-df-sm-order-0 {
    -moz-order: 0;
    -ms-order: 0;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .fx-df-sm-order-1 {
    -moz-order: 1;
    -ms-order: 1;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .fx-df-sm-order-2 {
    -moz-order: 2;
    -ms-order: 2;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .fx-df-sm-order-3 {
    -moz-order: 3;
    -ms-order: 3;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .fx-df-sm-order-4 {
    -moz-order: 4;
    -ms-order: 4;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .fx-df-sm-order-5 {
    -moz-order: 5;
    -ms-order: 5;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .fx-df-sm-order-6 {
    -moz-order: 6;
    -ms-order: 6;
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .fx-df-sm-order-7 {
    -moz-order: 7;
    -ms-order: 7;
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .fx-df-sm-order-8 {
    -moz-order: 8;
    -ms-order: 8;
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .fx-df-sm-order-9 {
    -moz-order: 9;
    -ms-order: 9;
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .fx-df-sm-order-10 {
    -moz-order: 10;
    -ms-order: 10;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .fx-df-sm-grow-0 {
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .fx-df-sm-grow-1 {
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .fx-df-sm-grow-2 {
    -moz-flex-grow: 2;
    -ms-flex-grow: 2;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
  }
  .fx-df-sm-grow-3 {
    -moz-flex-grow: 3;
    -ms-flex-grow: 3;
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
  }
  .fx-df-sm-grow-4 {
    -moz-flex-grow: 4;
    -ms-flex-grow: 4;
    -webkit-box-flex: 4;
        -ms-flex-positive: 4;
            flex-grow: 4;
  }
  .fx-df-sm-grow-5 {
    -moz-flex-grow: 5;
    -ms-flex-grow: 5;
    -webkit-box-flex: 5;
        -ms-flex-positive: 5;
            flex-grow: 5;
  }
  .fx-df-sm-grow-6 {
    -moz-flex-grow: 6;
    -ms-flex-grow: 6;
    -webkit-box-flex: 6;
        -ms-flex-positive: 6;
            flex-grow: 6;
  }
  .fx-df-sm-grow-7 {
    -moz-flex-grow: 7;
    -ms-flex-grow: 7;
    -webkit-box-flex: 7;
        -ms-flex-positive: 7;
            flex-grow: 7;
  }
  .fx-df-sm-grow-8 {
    -moz-flex-grow: 8;
    -ms-flex-grow: 8;
    -webkit-box-flex: 8;
        -ms-flex-positive: 8;
            flex-grow: 8;
  }
  .fx-df-sm-grow-9 {
    -moz-flex-grow: 9;
    -ms-flex-grow: 9;
    -webkit-box-flex: 9;
        -ms-flex-positive: 9;
            flex-grow: 9;
  }
  .fx-df-sm-grow-10 {
    -moz-flex-grow: 10;
    -ms-flex-grow: 10;
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
  .fx-df-sm-shrink-0 {
    -ms-flex-shrink: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .fx-df-sm-shrink-1 {
    -ms-flex-shrink: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .fx-df-sm-shrink-2 {
    -ms-flex-shrink: 2;
    -ms-flex-negative: 2;
        flex-shrink: 2;
  }
  .fx-df-sm-shrink-3 {
    -ms-flex-shrink: 3;
    -ms-flex-negative: 3;
        flex-shrink: 3;
  }
  .fx-df-sm-shrink-4 {
    -ms-flex-shrink: 4;
    -ms-flex-negative: 4;
        flex-shrink: 4;
  }
  .fx-df-sm-shrink-5 {
    -ms-flex-shrink: 5;
    -ms-flex-negative: 5;
        flex-shrink: 5;
  }
  .fx-df-sm-shrink-6 {
    -ms-flex-shrink: 6;
    -ms-flex-negative: 6;
        flex-shrink: 6;
  }
  .fx-df-sm-shrink-7 {
    -ms-flex-shrink: 7;
    -ms-flex-negative: 7;
        flex-shrink: 7;
  }
  .fx-df-sm-shrink-8 {
    -ms-flex-shrink: 8;
    -ms-flex-negative: 8;
        flex-shrink: 8;
  }
  .fx-df-sm-shrink-9 {
    -ms-flex-shrink: 9;
    -ms-flex-negative: 9;
        flex-shrink: 9;
  }
  .fx-df-sm-shrink-10 {
    -ms-flex-shrink: 10;
    -ms-flex-negative: 10;
        flex-shrink: 10;
  }
  .fx-df-sm-align-self-flex-start {
    -webkit-align-self: flex-start;
    -ms-align-self: flex-start;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .fx-df-sm-align-self-flex-end {
    -webkit-align-self: flex-end;
    -ms-align-self: flex-end;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .fx-df-sm-align-self-center {
    -webkit-align-self: center;
    -ms-align-self: center;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .fx-df-sm-align-self-baseline {
    -webkit-align-self: baseline;
    -ms-align-self: baseline;
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
  .fx-df-sm-align-self-stretch {
    -webkit-align-self: stretch;
    -ms-align-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}
@media (max-width:544px) {
  .fx-example-highlight-colour-df-xs {
    background: #6A95B5;
    color: #fff;
  }
  .fx-df-xs-display-block {
    display: block;
  }
  .fx-df-xs-display-block-inline {
    display: inline-block;
  }
  .fx-df-xs-display {
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -webkit-box;
    display: flex;
  }
  .fx-df-xs-display-inline {
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: -webkit-inline-box;
    display: inline-flex;
  }
  .fx-df-xs-direction {
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  .fx-df-xs-direction-reverse {
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse;
  }
  .fx-df-xs-direction-column {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .fx-df-xs-direction-column-reverse {
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
            flex-direction: column-reverse;
  }
  .fx-df-xs-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .fx-df-xs-wrap-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .fx-df-xs-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
  /* Flex Flow */
  .fx-df-xs-justify-flex-start {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .fx-df-xs-justify-flex-end {
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .fx-df-xs-justify-center {
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .fx-df-xs-justify-space-between {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .fx-df-xs-justify-space-around {
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .fx-df-xs-align-content-flex-start {
    -ms-align-content: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .fx-df-xs-align-content-flex-end {
    -ms-align-content: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .fx-df-xs-align-content-center {
    -ms-align-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .fx-df-xs-align-content-space-between {
    -ms-align-content: space-between;
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }
  .fx-df-xs-align-content-space-around {
    -ms-align-content: space-around;
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
  .fx-df-xs-align-content-stretch {
    -ms-align-content: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  .fx-df-xs-align-items-flex-start {
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .fx-df-xs-align-items-flex-end {
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .fx-df-xs-align-items-center {
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .fx-df-xs-align-items-baseline {
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .fx-df-xs-align-items-stretch {
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  /* ================= Items ======================= */
  .fx-df-xs-order-0 {
    -moz-order: 0;
    -ms-order: 0;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .fx-df-xs-order-1 {
    -moz-order: 1;
    -ms-order: 1;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .fx-df-xs-order-2 {
    -moz-order: 2;
    -ms-order: 2;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .fx-df-xs-order-3 {
    -moz-order: 3;
    -ms-order: 3;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .fx-df-xs-order-4 {
    -moz-order: 4;
    -ms-order: 4;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .fx-df-xs-order-5 {
    -moz-order: 5;
    -ms-order: 5;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .fx-df-xs-order-6 {
    -moz-order: 6;
    -ms-order: 6;
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .fx-df-xs-order-7 {
    -moz-order: 7;
    -ms-order: 7;
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .fx-df-xs-order-8 {
    -moz-order: 8;
    -ms-order: 8;
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .fx-df-xs-order-9 {
    -moz-order: 9;
    -ms-order: 9;
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .fx-df-xs-order-10 {
    -moz-order: 10;
    -ms-order: 10;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .fx-df-xs-grow-0 {
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .fx-df-xs-grow-1 {
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .fx-df-xs-grow-2 {
    -moz-flex-grow: 2;
    -ms-flex-grow: 2;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
  }
  .fx-df-xs-grow-3 {
    -moz-flex-grow: 3;
    -ms-flex-grow: 3;
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
  }
  .fx-df-xs-grow-4 {
    -moz-flex-grow: 4;
    -ms-flex-grow: 4;
    -webkit-box-flex: 4;
        -ms-flex-positive: 4;
            flex-grow: 4;
  }
  .fx-df-xs-grow-5 {
    -moz-flex-grow: 5;
    -ms-flex-grow: 5;
    -webkit-box-flex: 5;
        -ms-flex-positive: 5;
            flex-grow: 5;
  }
  .fx-df-xs-grow-6 {
    -moz-flex-grow: 6;
    -ms-flex-grow: 6;
    -webkit-box-flex: 6;
        -ms-flex-positive: 6;
            flex-grow: 6;
  }
  .fx-df-xs-grow-7 {
    -moz-flex-grow: 7;
    -ms-flex-grow: 7;
    -webkit-box-flex: 7;
        -ms-flex-positive: 7;
            flex-grow: 7;
  }
  .fx-df-xs-grow-8 {
    -moz-flex-grow: 8;
    -ms-flex-grow: 8;
    -webkit-box-flex: 8;
        -ms-flex-positive: 8;
            flex-grow: 8;
  }
  .fx-df-xs-grow-9 {
    -moz-flex-grow: 9;
    -ms-flex-grow: 9;
    -webkit-box-flex: 9;
        -ms-flex-positive: 9;
            flex-grow: 9;
  }
  .fx-df-xs-grow-10 {
    -moz-flex-grow: 10;
    -ms-flex-grow: 10;
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
  .fx-df-xs-shrink-0 {
    -ms-flex-shrink: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .fx-df-xs-shrink-1 {
    -ms-flex-shrink: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .fx-df-xs-shrink-2 {
    -ms-flex-shrink: 2;
    -ms-flex-negative: 2;
        flex-shrink: 2;
  }
  .fx-df-xs-shrink-3 {
    -ms-flex-shrink: 3;
    -ms-flex-negative: 3;
        flex-shrink: 3;
  }
  .fx-df-xs-shrink-4 {
    -ms-flex-shrink: 4;
    -ms-flex-negative: 4;
        flex-shrink: 4;
  }
  .fx-df-xs-shrink-5 {
    -ms-flex-shrink: 5;
    -ms-flex-negative: 5;
        flex-shrink: 5;
  }
  .fx-df-xs-shrink-6 {
    -ms-flex-shrink: 6;
    -ms-flex-negative: 6;
        flex-shrink: 6;
  }
  .fx-df-xs-shrink-7 {
    -ms-flex-shrink: 7;
    -ms-flex-negative: 7;
        flex-shrink: 7;
  }
  .fx-df-xs-shrink-8 {
    -ms-flex-shrink: 8;
    -ms-flex-negative: 8;
        flex-shrink: 8;
  }
  .fx-df-xs-shrink-9 {
    -ms-flex-shrink: 9;
    -ms-flex-negative: 9;
        flex-shrink: 9;
  }
  .fx-df-xs-shrink-10 {
    -ms-flex-shrink: 10;
    -ms-flex-negative: 10;
        flex-shrink: 10;
  }
  .fx-df-xs-align-self-flex-start {
    -webkit-align-self: flex-start;
    -ms-align-self: flex-start;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .fx-df-xs-align-self-flex-end {
    -webkit-align-self: flex-end;
    -ms-align-self: flex-end;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .fx-df-xs-align-self-center {
    -webkit-align-self: center;
    -ms-align-self: center;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .fx-df-xs-align-self-baseline {
    -webkit-align-self: baseline;
    -ms-align-self: baseline;
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
  .fx-df-xs-align-self-stretch {
    -webkit-align-self: stretch;
    -ms-align-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}
@media (min-width:1200px) {
  .fx-example-highlight-colour-ss-xl {
    background: #6A95B5;
    color: #fff;
  }
  .fx-ss-xl-display-block {
    display: block;
  }
  .fx-ss-xl-display-block-inline {
    display: inline-block;
  }
  .fx-ss-xl-display {
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -webkit-box;
    display: flex;
  }
  .fx-ss-xl-display-inline {
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: -webkit-inline-box;
    display: inline-flex;
  }
  .fx-ss-xl-direction {
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  .fx-ss-xl-direction-reverse {
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse;
  }
  .fx-ss-xl-direction-column {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .fx-ss-xl-direction-column-reverse {
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
            flex-direction: column-reverse;
  }
  .fx-ss-xl-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .fx-ss-xl-wrap-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .fx-ss-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
  /* Flex Flow */
  .fx-ss-xl-justify-flex-start {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .fx-ss-xl-justify-flex-end {
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .fx-ss-xl-justify-center {
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .fx-ss-xl-justify-space-between {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .fx-ss-xl-justify-space-around {
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .fx-ss-xl-align-content-flex-start {
    -ms-align-content: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .fx-ss-xl-align-content-flex-end {
    -ms-align-content: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .fx-ss-xl-align-content-center {
    -ms-align-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .fx-ss-xl-align-content-space-between {
    -ms-align-content: space-between;
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }
  .fx-ss-xl-align-content-space-around {
    -ms-align-content: space-around;
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
  .fx-ss-xl-align-content-stretch {
    -ms-align-content: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  .fx-ss-xl-align-items-flex-start {
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .fx-ss-xl-align-items-flex-end {
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .fx-ss-xl-align-items-center {
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .fx-ss-xl-align-items-baseline {
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .fx-ss-xl-align-items-stretch {
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  /* ================= Items ======================= */
  .fx-ss-xl-order-0 {
    -moz-order: 0;
    -ms-order: 0;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .fx-ss-xl-order-1 {
    -moz-order: 1;
    -ms-order: 1;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .fx-ss-xl-order-2 {
    -moz-order: 2;
    -ms-order: 2;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .fx-ss-xl-order-3 {
    -moz-order: 3;
    -ms-order: 3;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .fx-ss-xl-order-4 {
    -moz-order: 4;
    -ms-order: 4;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .fx-ss-xl-order-5 {
    -moz-order: 5;
    -ms-order: 5;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .fx-ss-xl-order-6 {
    -moz-order: 6;
    -ms-order: 6;
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .fx-ss-xl-order-7 {
    -moz-order: 7;
    -ms-order: 7;
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .fx-ss-xl-order-8 {
    -moz-order: 8;
    -ms-order: 8;
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .fx-ss-xl-order-9 {
    -moz-order: 9;
    -ms-order: 9;
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .fx-ss-xl-order-10 {
    -moz-order: 10;
    -ms-order: 10;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .fx-ss-xl-grow-0 {
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .fx-ss-xl-grow-1 {
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .fx-ss-xl-grow-2 {
    -moz-flex-grow: 2;
    -ms-flex-grow: 2;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
  }
  .fx-ss-xl-grow-3 {
    -moz-flex-grow: 3;
    -ms-flex-grow: 3;
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
  }
  .fx-ss-xl-grow-4 {
    -moz-flex-grow: 4;
    -ms-flex-grow: 4;
    -webkit-box-flex: 4;
        -ms-flex-positive: 4;
            flex-grow: 4;
  }
  .fx-ss-xl-grow-5 {
    -moz-flex-grow: 5;
    -ms-flex-grow: 5;
    -webkit-box-flex: 5;
        -ms-flex-positive: 5;
            flex-grow: 5;
  }
  .fx-ss-xl-grow-6 {
    -moz-flex-grow: 6;
    -ms-flex-grow: 6;
    -webkit-box-flex: 6;
        -ms-flex-positive: 6;
            flex-grow: 6;
  }
  .fx-ss-xl-grow-7 {
    -moz-flex-grow: 7;
    -ms-flex-grow: 7;
    -webkit-box-flex: 7;
        -ms-flex-positive: 7;
            flex-grow: 7;
  }
  .fx-ss-xl-grow-8 {
    -moz-flex-grow: 8;
    -ms-flex-grow: 8;
    -webkit-box-flex: 8;
        -ms-flex-positive: 8;
            flex-grow: 8;
  }
  .fx-ss-xl-grow-9 {
    -moz-flex-grow: 9;
    -ms-flex-grow: 9;
    -webkit-box-flex: 9;
        -ms-flex-positive: 9;
            flex-grow: 9;
  }
  .fx-ss-xl-grow-10 {
    -moz-flex-grow: 10;
    -ms-flex-grow: 10;
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
  .fx-ss-xl-shrink-0 {
    -ms-flex-shrink: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .fx-ss-xl-shrink-1 {
    -ms-flex-shrink: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .fx-ss-xl-shrink-2 {
    -ms-flex-shrink: 2;
    -ms-flex-negative: 2;
        flex-shrink: 2;
  }
  .fx-ss-xl-shrink-3 {
    -ms-flex-shrink: 3;
    -ms-flex-negative: 3;
        flex-shrink: 3;
  }
  .fx-ss-xl-shrink-4 {
    -ms-flex-shrink: 4;
    -ms-flex-negative: 4;
        flex-shrink: 4;
  }
  .fx-ss-xl-shrink-5 {
    -ms-flex-shrink: 5;
    -ms-flex-negative: 5;
        flex-shrink: 5;
  }
  .fx-ss-xl-shrink-6 {
    -ms-flex-shrink: 6;
    -ms-flex-negative: 6;
        flex-shrink: 6;
  }
  .fx-ss-xl-shrink-7 {
    -ms-flex-shrink: 7;
    -ms-flex-negative: 7;
        flex-shrink: 7;
  }
  .fx-ss-xl-shrink-8 {
    -ms-flex-shrink: 8;
    -ms-flex-negative: 8;
        flex-shrink: 8;
  }
  .fx-ss-xl-shrink-9 {
    -ms-flex-shrink: 9;
    -ms-flex-negative: 9;
        flex-shrink: 9;
  }
  .fx-ss-xl-shrink-10 {
    -ms-flex-shrink: 10;
    -ms-flex-negative: 10;
        flex-shrink: 10;
  }
  .fx-ss-xl-align-self-flex-start {
    -webkit-align-self: flex-start;
    -ms-align-self: flex-start;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .fx-ss-xl-align-self-flex-end {
    -webkit-align-self: flex-end;
    -ms-align-self: flex-end;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .fx-ss-xl-align-self-center {
    -webkit-align-self: center;
    -ms-align-self: center;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .fx-ss-xl-align-self-baseline {
    -webkit-align-self: baseline;
    -ms-align-self: baseline;
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
  .fx-ss-xl-align-self-stretch {
    -webkit-align-self: stretch;
    -ms-align-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}
@media (max-width:1200px) and (min-width: 992px) {
  .fx-example-highlight-colour-ss-lg {
    background: #6A95B5;
    color: #fff;
  }
  .fx-ss-lg-display-block {
    display: block;
  }
  .fx-ss-lg-display-block-inline {
    display: inline-block;
  }
  .fx-ss-lg-display {
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -webkit-box;
    display: flex;
  }
  .fx-ss-lg-display-inline {
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: -webkit-inline-box;
    display: inline-flex;
  }
  .fx-ss-lg-direction {
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  .fx-ss-lg-direction-reverse {
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse;
  }
  .fx-ss-lg-direction-column {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .fx-ss-lg-direction-column-reverse {
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
            flex-direction: column-reverse;
  }
  .fx-ss-lg-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .fx-ss-lg-wrap-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .fx-ss-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
  /* Flex Flow */
  .fx-ss-lg-justify-flex-start {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .fx-ss-lg-justify-flex-end {
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .fx-ss-lg-justify-center {
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .fx-ss-lg-justify-space-between {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .fx-ss-lg-justify-space-around {
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .fx-ss-lg-align-content-flex-start {
    -ms-align-content: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .fx-ss-lg-align-content-flex-end {
    -ms-align-content: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .fx-ss-lg-align-content-center {
    -ms-align-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .fx-ss-lg-align-content-space-between {
    -ms-align-content: space-between;
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }
  .fx-ss-lg-align-content-space-around {
    -ms-align-content: space-around;
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
  .fx-ss-lg-align-content-stretch {
    -ms-align-content: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  .fx-ss-lg-align-items-flex-start {
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .fx-ss-lg-align-items-flex-end {
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .fx-ss-lg-align-items-center {
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .fx-ss-lg-align-items-baseline {
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .fx-ss-lg-align-items-stretch {
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  /* ================= Items ======================= */
  .fx-ss-lg-order-0 {
    -moz-order: 0;
    -ms-order: 0;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .fx-ss-lg-order-1 {
    -moz-order: 1;
    -ms-order: 1;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .fx-ss-lg-order-2 {
    -moz-order: 2;
    -ms-order: 2;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .fx-ss-lg-order-3 {
    -moz-order: 3;
    -ms-order: 3;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .fx-ss-lg-order-4 {
    -moz-order: 4;
    -ms-order: 4;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .fx-ss-lg-order-5 {
    -moz-order: 5;
    -ms-order: 5;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .fx-ss-lg-order-6 {
    -moz-order: 6;
    -ms-order: 6;
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .fx-ss-lg-order-7 {
    -moz-order: 7;
    -ms-order: 7;
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .fx-ss-lg-order-8 {
    -moz-order: 8;
    -ms-order: 8;
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .fx-ss-lg-order-9 {
    -moz-order: 9;
    -ms-order: 9;
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .fx-ss-lg-order-10 {
    -moz-order: 10;
    -ms-order: 10;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .fx-ss-lg-grow-0 {
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .fx-ss-lg-grow-1 {
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .fx-ss-lg-grow-2 {
    -moz-flex-grow: 2;
    -ms-flex-grow: 2;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
  }
  .fx-ss-lg-grow-3 {
    -moz-flex-grow: 3;
    -ms-flex-grow: 3;
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
  }
  .fx-ss-lg-grow-4 {
    -moz-flex-grow: 4;
    -ms-flex-grow: 4;
    -webkit-box-flex: 4;
        -ms-flex-positive: 4;
            flex-grow: 4;
  }
  .fx-ss-lg-grow-5 {
    -moz-flex-grow: 5;
    -ms-flex-grow: 5;
    -webkit-box-flex: 5;
        -ms-flex-positive: 5;
            flex-grow: 5;
  }
  .fx-ss-lg-grow-6 {
    -moz-flex-grow: 6;
    -ms-flex-grow: 6;
    -webkit-box-flex: 6;
        -ms-flex-positive: 6;
            flex-grow: 6;
  }
  .fx-ss-lg-grow-7 {
    -moz-flex-grow: 7;
    -ms-flex-grow: 7;
    -webkit-box-flex: 7;
        -ms-flex-positive: 7;
            flex-grow: 7;
  }
  .fx-ss-lg-grow-8 {
    -moz-flex-grow: 8;
    -ms-flex-grow: 8;
    -webkit-box-flex: 8;
        -ms-flex-positive: 8;
            flex-grow: 8;
  }
  .fx-ss-lg-grow-9 {
    -moz-flex-grow: 9;
    -ms-flex-grow: 9;
    -webkit-box-flex: 9;
        -ms-flex-positive: 9;
            flex-grow: 9;
  }
  .fx-ss-lg-grow-10 {
    -moz-flex-grow: 10;
    -ms-flex-grow: 10;
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
  .fx-ss-lg-shrink-0 {
    -ms-flex-shrink: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .fx-ss-lg-shrink-1 {
    -ms-flex-shrink: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .fx-ss-lg-shrink-2 {
    -ms-flex-shrink: 2;
    -ms-flex-negative: 2;
        flex-shrink: 2;
  }
  .fx-ss-lg-shrink-3 {
    -ms-flex-shrink: 3;
    -ms-flex-negative: 3;
        flex-shrink: 3;
  }
  .fx-ss-lg-shrink-4 {
    -ms-flex-shrink: 4;
    -ms-flex-negative: 4;
        flex-shrink: 4;
  }
  .fx-ss-lg-shrink-5 {
    -ms-flex-shrink: 5;
    -ms-flex-negative: 5;
        flex-shrink: 5;
  }
  .fx-ss-lg-shrink-6 {
    -ms-flex-shrink: 6;
    -ms-flex-negative: 6;
        flex-shrink: 6;
  }
  .fx-ss-lg-shrink-7 {
    -ms-flex-shrink: 7;
    -ms-flex-negative: 7;
        flex-shrink: 7;
  }
  .fx-ss-lg-shrink-8 {
    -ms-flex-shrink: 8;
    -ms-flex-negative: 8;
        flex-shrink: 8;
  }
  .fx-ss-lg-shrink-9 {
    -ms-flex-shrink: 9;
    -ms-flex-negative: 9;
        flex-shrink: 9;
  }
  .fx-ss-lg-shrink-10 {
    -ms-flex-shrink: 10;
    -ms-flex-negative: 10;
        flex-shrink: 10;
  }
  .fx-ss-lg-align-self-flex-start {
    -webkit-align-self: flex-start;
    -ms-align-self: flex-start;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .fx-ss-lg-align-self-flex-end {
    -webkit-align-self: flex-end;
    -ms-align-self: flex-end;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .fx-ss-lg-align-self-center {
    -webkit-align-self: center;
    -ms-align-self: center;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .fx-ss-lg-align-self-baseline {
    -webkit-align-self: baseline;
    -ms-align-self: baseline;
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
  .fx-ss-lg-align-self-stretch {
    -webkit-align-self: stretch;
    -ms-align-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}
@media (max-width:992px) and (min-width: 768px) {
  .fx-example-highlight-colour-ss-md {
    background: #6A95B5;
    color: #fff;
  }
  .fx-ss-md-display-block {
    display: block;
  }
  .fx-ss-md-display-block-inline {
    display: inline-block;
  }
  .fx-ss-md-display {
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -webkit-box;
    display: flex;
  }
  .fx-ss-md-display-inline {
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: -webkit-inline-box;
    display: inline-flex;
  }
  .fx-ss-md-direction {
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  .fx-ss-md-direction-reverse {
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse;
  }
  .fx-ss-md-direction-column {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .fx-ss-md-direction-column-reverse {
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
            flex-direction: column-reverse;
  }
  .fx-ss-md-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .fx-ss-md-wrap-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .fx-ss-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
  /* Flex Flow */
  .fx-ss-md-justify-flex-start {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .fx-ss-md-justify-flex-end {
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .fx-ss-md-justify-center {
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .fx-ss-md-justify-space-between {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .fx-ss-md-justify-space-around {
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .fx-ss-md-align-content-flex-start {
    -ms-align-content: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .fx-ss-md-align-content-flex-end {
    -ms-align-content: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .fx-ss-md-align-content-center {
    -ms-align-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .fx-ss-md-align-content-space-between {
    -ms-align-content: space-between;
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }
  .fx-ss-md-align-content-space-around {
    -ms-align-content: space-around;
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
  .fx-ss-md-align-content-stretch {
    -ms-align-content: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  .fx-ss-md-align-items-flex-start {
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .fx-ss-md-align-items-flex-end {
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .fx-ss-md-align-items-center {
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .fx-ss-md-align-items-baseline {
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .fx-ss-md-align-items-stretch {
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  /* ================= Items ======================= */
  .fx-ss-md-order-0 {
    -moz-order: 0;
    -ms-order: 0;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .fx-ss-md-order-1 {
    -moz-order: 1;
    -ms-order: 1;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .fx-ss-md-order-2 {
    -moz-order: 2;
    -ms-order: 2;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .fx-ss-md-order-3 {
    -moz-order: 3;
    -ms-order: 3;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .fx-ss-md-order-4 {
    -moz-order: 4;
    -ms-order: 4;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .fx-ss-md-order-5 {
    -moz-order: 5;
    -ms-order: 5;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .fx-ss-md-order-6 {
    -moz-order: 6;
    -ms-order: 6;
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .fx-ss-md-order-7 {
    -moz-order: 7;
    -ms-order: 7;
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .fx-ss-md-order-8 {
    -moz-order: 8;
    -ms-order: 8;
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .fx-ss-md-order-9 {
    -moz-order: 9;
    -ms-order: 9;
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .fx-ss-md-order-10 {
    -moz-order: 10;
    -ms-order: 10;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .fx-ss-md-grow-0 {
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .fx-ss-md-grow-1 {
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .fx-ss-md-grow-2 {
    -moz-flex-grow: 2;
    -ms-flex-grow: 2;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
  }
  .fx-ss-md-grow-3 {
    -moz-flex-grow: 3;
    -ms-flex-grow: 3;
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
  }
  .fx-ss-md-grow-4 {
    -moz-flex-grow: 4;
    -ms-flex-grow: 4;
    -webkit-box-flex: 4;
        -ms-flex-positive: 4;
            flex-grow: 4;
  }
  .fx-ss-md-grow-5 {
    -moz-flex-grow: 5;
    -ms-flex-grow: 5;
    -webkit-box-flex: 5;
        -ms-flex-positive: 5;
            flex-grow: 5;
  }
  .fx-ss-md-grow-6 {
    -moz-flex-grow: 6;
    -ms-flex-grow: 6;
    -webkit-box-flex: 6;
        -ms-flex-positive: 6;
            flex-grow: 6;
  }
  .fx-ss-md-grow-7 {
    -moz-flex-grow: 7;
    -ms-flex-grow: 7;
    -webkit-box-flex: 7;
        -ms-flex-positive: 7;
            flex-grow: 7;
  }
  .fx-ss-md-grow-8 {
    -moz-flex-grow: 8;
    -ms-flex-grow: 8;
    -webkit-box-flex: 8;
        -ms-flex-positive: 8;
            flex-grow: 8;
  }
  .fx-ss-md-grow-9 {
    -moz-flex-grow: 9;
    -ms-flex-grow: 9;
    -webkit-box-flex: 9;
        -ms-flex-positive: 9;
            flex-grow: 9;
  }
  .fx-ss-md-grow-10 {
    -moz-flex-grow: 10;
    -ms-flex-grow: 10;
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
  .fx-ss-md-shrink-0 {
    -ms-flex-shrink: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .fx-ss-md-shrink-1 {
    -ms-flex-shrink: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .fx-ss-md-shrink-2 {
    -ms-flex-shrink: 2;
    -ms-flex-negative: 2;
        flex-shrink: 2;
  }
  .fx-ss-md-shrink-3 {
    -ms-flex-shrink: 3;
    -ms-flex-negative: 3;
        flex-shrink: 3;
  }
  .fx-ss-md-shrink-4 {
    -ms-flex-shrink: 4;
    -ms-flex-negative: 4;
        flex-shrink: 4;
  }
  .fx-ss-md-shrink-5 {
    -ms-flex-shrink: 5;
    -ms-flex-negative: 5;
        flex-shrink: 5;
  }
  .fx-ss-md-shrink-6 {
    -ms-flex-shrink: 6;
    -ms-flex-negative: 6;
        flex-shrink: 6;
  }
  .fx-ss-md-shrink-7 {
    -ms-flex-shrink: 7;
    -ms-flex-negative: 7;
        flex-shrink: 7;
  }
  .fx-ss-md-shrink-8 {
    -ms-flex-shrink: 8;
    -ms-flex-negative: 8;
        flex-shrink: 8;
  }
  .fx-ss-md-shrink-9 {
    -ms-flex-shrink: 9;
    -ms-flex-negative: 9;
        flex-shrink: 9;
  }
  .fx-ss-md-shrink-10 {
    -ms-flex-shrink: 10;
    -ms-flex-negative: 10;
        flex-shrink: 10;
  }
  .fx-ss-md-align-self-flex-start {
    -webkit-align-self: flex-start;
    -ms-align-self: flex-start;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .fx-ss-md-align-self-flex-end {
    -webkit-align-self: flex-end;
    -ms-align-self: flex-end;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .fx-ss-md-align-self-center {
    -webkit-align-self: center;
    -ms-align-self: center;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .fx-ss-md-align-self-baseline {
    -webkit-align-self: baseline;
    -ms-align-self: baseline;
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
  .fx-ss-md-align-self-stretch {
    -webkit-align-self: stretch;
    -ms-align-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}
@media (max-width:768px) and (min-width: 544px) {
  .fx-example-highlight-colour-ss-sm {
    background: #6A95B5;
    color: #fff;
  }
  .fx-ss-sm-display-block {
    display: block;
  }
  .fx-ss-sm-display-block-inline {
    display: inline-block;
  }
  .fx-ss-sm-display {
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -webkit-box;
    display: flex;
  }
  .fx-ss-sm-display-inline {
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: -webkit-inline-box;
    display: inline-flex;
  }
  .fx-ss-sm-direction {
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  .fx-ss-sm-direction-reverse {
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse;
  }
  .fx-ss-sm-direction-column {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .fx-ss-sm-direction-column-reverse {
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
            flex-direction: column-reverse;
  }
  .fx-ss-sm-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .fx-ss-sm-wrap-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .fx-ss-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
  /* Flex Flow */
  .fx-ss-sm-justify-flex-start {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .fx-ss-sm-justify-flex-end {
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .fx-ss-sm-justify-center {
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .fx-ss-sm-justify-space-between {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .fx-ss-sm-justify-space-around {
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .fx-ss-sm-align-content-flex-start {
    -ms-align-content: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .fx-ss-sm-align-content-flex-end {
    -ms-align-content: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .fx-ss-sm-align-content-center {
    -ms-align-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .fx-ss-sm-align-content-space-between {
    -ms-align-content: space-between;
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }
  .fx-ss-sm-align-content-space-around {
    -ms-align-content: space-around;
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
  .fx-ss-sm-align-content-stretch {
    -ms-align-content: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  .fx-ss-sm-align-items-flex-start {
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .fx-ss-sm-align-items-flex-end {
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .fx-ss-sm-align-items-center {
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .fx-ss-sm-align-items-baseline {
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .fx-ss-sm-align-items-stretch {
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  /* ================= Items ======================= */
  .fx-ss-sm-order-0 {
    -moz-order: 0;
    -ms-order: 0;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .fx-ss-sm-order-1 {
    -moz-order: 1;
    -ms-order: 1;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .fx-ss-sm-order-2 {
    -moz-order: 2;
    -ms-order: 2;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .fx-ss-sm-order-3 {
    -moz-order: 3;
    -ms-order: 3;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .fx-ss-sm-order-4 {
    -moz-order: 4;
    -ms-order: 4;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .fx-ss-sm-order-5 {
    -moz-order: 5;
    -ms-order: 5;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .fx-ss-sm-order-6 {
    -moz-order: 6;
    -ms-order: 6;
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .fx-ss-sm-order-7 {
    -moz-order: 7;
    -ms-order: 7;
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .fx-ss-sm-order-8 {
    -moz-order: 8;
    -ms-order: 8;
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .fx-ss-sm-order-9 {
    -moz-order: 9;
    -ms-order: 9;
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .fx-ss-sm-order-10 {
    -moz-order: 10;
    -ms-order: 10;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .fx-ss-sm-grow-0 {
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .fx-ss-sm-grow-1 {
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .fx-ss-sm-grow-2 {
    -moz-flex-grow: 2;
    -ms-flex-grow: 2;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
  }
  .fx-ss-sm-grow-3 {
    -moz-flex-grow: 3;
    -ms-flex-grow: 3;
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
  }
  .fx-ss-sm-grow-4 {
    -moz-flex-grow: 4;
    -ms-flex-grow: 4;
    -webkit-box-flex: 4;
        -ms-flex-positive: 4;
            flex-grow: 4;
  }
  .fx-ss-sm-grow-5 {
    -moz-flex-grow: 5;
    -ms-flex-grow: 5;
    -webkit-box-flex: 5;
        -ms-flex-positive: 5;
            flex-grow: 5;
  }
  .fx-ss-sm-grow-6 {
    -moz-flex-grow: 6;
    -ms-flex-grow: 6;
    -webkit-box-flex: 6;
        -ms-flex-positive: 6;
            flex-grow: 6;
  }
  .fx-ss-sm-grow-7 {
    -moz-flex-grow: 7;
    -ms-flex-grow: 7;
    -webkit-box-flex: 7;
        -ms-flex-positive: 7;
            flex-grow: 7;
  }
  .fx-ss-sm-grow-8 {
    -moz-flex-grow: 8;
    -ms-flex-grow: 8;
    -webkit-box-flex: 8;
        -ms-flex-positive: 8;
            flex-grow: 8;
  }
  .fx-ss-sm-grow-9 {
    -moz-flex-grow: 9;
    -ms-flex-grow: 9;
    -webkit-box-flex: 9;
        -ms-flex-positive: 9;
            flex-grow: 9;
  }
  .fx-ss-sm-grow-10 {
    -moz-flex-grow: 10;
    -ms-flex-grow: 10;
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
  .fx-ss-sm-shrink-0 {
    -ms-flex-shrink: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .fx-ss-sm-shrink-1 {
    -ms-flex-shrink: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .fx-ss-sm-shrink-2 {
    -ms-flex-shrink: 2;
    -ms-flex-negative: 2;
        flex-shrink: 2;
  }
  .fx-ss-sm-shrink-3 {
    -ms-flex-shrink: 3;
    -ms-flex-negative: 3;
        flex-shrink: 3;
  }
  .fx-ss-sm-shrink-4 {
    -ms-flex-shrink: 4;
    -ms-flex-negative: 4;
        flex-shrink: 4;
  }
  .fx-ss-sm-shrink-5 {
    -ms-flex-shrink: 5;
    -ms-flex-negative: 5;
        flex-shrink: 5;
  }
  .fx-ss-sm-shrink-6 {
    -ms-flex-shrink: 6;
    -ms-flex-negative: 6;
        flex-shrink: 6;
  }
  .fx-ss-sm-shrink-7 {
    -ms-flex-shrink: 7;
    -ms-flex-negative: 7;
        flex-shrink: 7;
  }
  .fx-ss-sm-shrink-8 {
    -ms-flex-shrink: 8;
    -ms-flex-negative: 8;
        flex-shrink: 8;
  }
  .fx-ss-sm-shrink-9 {
    -ms-flex-shrink: 9;
    -ms-flex-negative: 9;
        flex-shrink: 9;
  }
  .fx-ss-sm-shrink-10 {
    -ms-flex-shrink: 10;
    -ms-flex-negative: 10;
        flex-shrink: 10;
  }
  .fx-ss-sm-align-self-flex-start {
    -webkit-align-self: flex-start;
    -ms-align-self: flex-start;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .fx-ss-sm-align-self-flex-end {
    -webkit-align-self: flex-end;
    -ms-align-self: flex-end;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .fx-ss-sm-align-self-center {
    -webkit-align-self: center;
    -ms-align-self: center;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .fx-ss-sm-align-self-baseline {
    -webkit-align-self: baseline;
    -ms-align-self: baseline;
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
  .fx-ss-sm-align-self-stretch {
    -webkit-align-self: stretch;
    -ms-align-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}
@media (max-width:544px) and (min-width: 0px) {
  .fx-example-highlight-colour-ss-xs {
    background: #6A95B5;
    color: #fff;
  }
  .fx-ss-xs-display-block {
    display: block;
  }
  .fx-ss-xs-display-block-inline {
    display: inline-block;
  }
  .fx-ss-xs-display {
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -webkit-box;
    display: flex;
  }
  .fx-ss-xs-display-inline {
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: -webkit-inline-box;
    display: inline-flex;
  }
  .fx-ss-xs-direction {
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  .fx-ss-xs-direction-reverse {
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse;
  }
  .fx-ss-xs-direction-column {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .fx-ss-xs-direction-column-reverse {
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
            flex-direction: column-reverse;
  }
  .fx-ss-xs-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .fx-ss-xs-wrap-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .fx-ss-xs-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
  /* Flex Flow */
  .fx-ss-xs-justify-flex-start {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .fx-ss-xs-justify-flex-end {
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .fx-ss-xs-justify-center {
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .fx-ss-xs-justify-space-between {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .fx-ss-xs-justify-space-around {
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .fx-ss-xs-align-content-flex-start {
    -ms-align-content: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .fx-ss-xs-align-content-flex-end {
    -ms-align-content: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .fx-ss-xs-align-content-center {
    -ms-align-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .fx-ss-xs-align-content-space-between {
    -ms-align-content: space-between;
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }
  .fx-ss-xs-align-content-space-around {
    -ms-align-content: space-around;
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
  .fx-ss-xs-align-content-stretch {
    -ms-align-content: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  .fx-ss-xs-align-items-flex-start {
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .fx-ss-xs-align-items-flex-end {
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .fx-ss-xs-align-items-center {
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .fx-ss-xs-align-items-baseline {
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .fx-ss-xs-align-items-stretch {
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  /* ================= Items ======================= */
  .fx-ss-xs-order-0 {
    -moz-order: 0;
    -ms-order: 0;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .fx-ss-xs-order-1 {
    -moz-order: 1;
    -ms-order: 1;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .fx-ss-xs-order-2 {
    -moz-order: 2;
    -ms-order: 2;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .fx-ss-xs-order-3 {
    -moz-order: 3;
    -ms-order: 3;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .fx-ss-xs-order-4 {
    -moz-order: 4;
    -ms-order: 4;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .fx-ss-xs-order-5 {
    -moz-order: 5;
    -ms-order: 5;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .fx-ss-xs-order-6 {
    -moz-order: 6;
    -ms-order: 6;
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .fx-ss-xs-order-7 {
    -moz-order: 7;
    -ms-order: 7;
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .fx-ss-xs-order-8 {
    -moz-order: 8;
    -ms-order: 8;
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .fx-ss-xs-order-9 {
    -moz-order: 9;
    -ms-order: 9;
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .fx-ss-xs-order-10 {
    -moz-order: 10;
    -ms-order: 10;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .fx-ss-xs-grow-0 {
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .fx-ss-xs-grow-1 {
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .fx-ss-xs-grow-2 {
    -moz-flex-grow: 2;
    -ms-flex-grow: 2;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
  }
  .fx-ss-xs-grow-3 {
    -moz-flex-grow: 3;
    -ms-flex-grow: 3;
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
  }
  .fx-ss-xs-grow-4 {
    -moz-flex-grow: 4;
    -ms-flex-grow: 4;
    -webkit-box-flex: 4;
        -ms-flex-positive: 4;
            flex-grow: 4;
  }
  .fx-ss-xs-grow-5 {
    -moz-flex-grow: 5;
    -ms-flex-grow: 5;
    -webkit-box-flex: 5;
        -ms-flex-positive: 5;
            flex-grow: 5;
  }
  .fx-ss-xs-grow-6 {
    -moz-flex-grow: 6;
    -ms-flex-grow: 6;
    -webkit-box-flex: 6;
        -ms-flex-positive: 6;
            flex-grow: 6;
  }
  .fx-ss-xs-grow-7 {
    -moz-flex-grow: 7;
    -ms-flex-grow: 7;
    -webkit-box-flex: 7;
        -ms-flex-positive: 7;
            flex-grow: 7;
  }
  .fx-ss-xs-grow-8 {
    -moz-flex-grow: 8;
    -ms-flex-grow: 8;
    -webkit-box-flex: 8;
        -ms-flex-positive: 8;
            flex-grow: 8;
  }
  .fx-ss-xs-grow-9 {
    -moz-flex-grow: 9;
    -ms-flex-grow: 9;
    -webkit-box-flex: 9;
        -ms-flex-positive: 9;
            flex-grow: 9;
  }
  .fx-ss-xs-grow-10 {
    -moz-flex-grow: 10;
    -ms-flex-grow: 10;
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
  .fx-ss-xs-shrink-0 {
    -ms-flex-shrink: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .fx-ss-xs-shrink-1 {
    -ms-flex-shrink: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .fx-ss-xs-shrink-2 {
    -ms-flex-shrink: 2;
    -ms-flex-negative: 2;
        flex-shrink: 2;
  }
  .fx-ss-xs-shrink-3 {
    -ms-flex-shrink: 3;
    -ms-flex-negative: 3;
        flex-shrink: 3;
  }
  .fx-ss-xs-shrink-4 {
    -ms-flex-shrink: 4;
    -ms-flex-negative: 4;
        flex-shrink: 4;
  }
  .fx-ss-xs-shrink-5 {
    -ms-flex-shrink: 5;
    -ms-flex-negative: 5;
        flex-shrink: 5;
  }
  .fx-ss-xs-shrink-6 {
    -ms-flex-shrink: 6;
    -ms-flex-negative: 6;
        flex-shrink: 6;
  }
  .fx-ss-xs-shrink-7 {
    -ms-flex-shrink: 7;
    -ms-flex-negative: 7;
        flex-shrink: 7;
  }
  .fx-ss-xs-shrink-8 {
    -ms-flex-shrink: 8;
    -ms-flex-negative: 8;
        flex-shrink: 8;
  }
  .fx-ss-xs-shrink-9 {
    -ms-flex-shrink: 9;
    -ms-flex-negative: 9;
        flex-shrink: 9;
  }
  .fx-ss-xs-shrink-10 {
    -ms-flex-shrink: 10;
    -ms-flex-negative: 10;
        flex-shrink: 10;
  }
  .fx-ss-xs-align-self-flex-start {
    -webkit-align-self: flex-start;
    -ms-align-self: flex-start;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .fx-ss-xs-align-self-flex-end {
    -webkit-align-self: flex-end;
    -ms-align-self: flex-end;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .fx-ss-xs-align-self-center {
    -webkit-align-self: center;
    -ms-align-self: center;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .fx-ss-xs-align-self-baseline {
    -webkit-align-self: baseline;
    -ms-align-self: baseline;
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
  .fx-ss-xs-align-self-stretch {
    -webkit-align-self: stretch;
    -ms-align-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}
/**
 * Forms: Input styles.
 */
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #fff;
  color: #000;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: normal;
  min-height: 48px;
  padding: 2px 4px;
  position: relative;
  width: 100%;
}
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select:focus,
textarea:focus {
  border-color: #cccccc;
  outline: none !important;
}

input[type=search] {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  width="24" height="24" aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27c1.2-1.4 1.82-3.31 1.48-5.34-.47-2.78-2.79-5-5.59-5.34-4.23-.52-7.79 3.04-7.27 7.27.34 2.8 2.56 5.12 5.34 5.59 2.03.34 3.94-.28 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path></svg>');
  background-position: center left 0.625rem;
  background-repeat: no-repeat;
  padding-left: 2.5rem !important;
  width: 100%;
}

select {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6" fill="%23000"><path d="M5.49 5.84 9.96.55C10.17.31 9.9 0 9.49 0H.55C.14 0-.13.31.08.55l4.47 5.29a.72.72 0 0 0 .9 0Z"/></svg>');
  background-position: right 1rem top 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 0.625rem 0.375rem, 100%;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: unset !important;
  min-height: 48px;
  padding: 0.375rem 2.5rem 0.375rem 1rem;
  text-overflow: ellipsis;
}
select.select--no-icon {
  background: none;
}

::-webkit-input-placeholder {
  color: #666;
  opacity: 1;
}

::-moz-placeholder {
  color: #666;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #666;
  opacity: 1;
}

::-ms-input-placeholder {
  color: #666;
  opacity: 1;
}

::placeholder {
  color: #666;
  opacity: 1;
}

/**
 * Forms: Forminator: General UI and layout.
 */
.forminator-custom-form[data-design=none] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  position: relative;
}
.forminator-custom-form[data-design=none].forminator-fields-disabled {
  pointer-events: none;
}
.forminator-custom-form[data-design=none].forminator-fields-disabled .forminator-row {
  opacity: 0.25;
  pointer-events: none;
}
.forminator-custom-form[data-design=none] .forminator-label {
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: normal;
}
.forminator-custom-form[data-design=none] .forminator-row-last .forminator-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.forminator-custom-form[data-design=none] .forminator-row-last .forminator-button {
  margin-left: auto;
  margin-right: auto;
}
.forminator-custom-form[data-design=none] .forminator-button {
  text-align: center;
  padding: 0.5em 1em;
  font-size: 16px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 0;
  border: 2px solid #fff;
  min-width: 190px;
  vertical-align: middle;
  line-height: 2;
  text-transform: uppercase;
  color: #fff;
  background-color: transparent;
}
.forminator-custom-form[data-design=none] .forminator-button:hover, .forminator-custom-form[data-design=none] .forminator-button:active {
  color: #00bed2;
  background: #fff;
  border-color: #fff;
}
.forminator-custom-form[data-design=none] .forminator-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  gap: 0.5rem 1rem;
  margin: 0 !important;
}
.forminator-custom-form[data-design=none] .forminator-row:focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.forminator-custom-form[data-design=none] .forminator-col {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 !important;
}
.forminator-custom-form[data-design=none] .forminator-col:focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (min-width: 1025px) {
  .forminator-custom-form[data-design=none][data-grid=open] .forminator-row .forminator-col-3,
  .forminator-custom-form[data-design=none][data-grid=open] .forminator-row .forminator-col-md-3 {
    width: 25%;
    max-width: 25%;
    -ms-flex-preferred-size: calc(25% - 1rem);
        flex-basis: calc(25% - 1rem);
  }
  .forminator-custom-form[data-design=none][data-grid=open] .forminator-row .forminator-col-4,
  .forminator-custom-form[data-design=none][data-grid=open] .forminator-row .forminator-col-md-4 {
    width: 33.333333%;
    max-width: 33.333333%;
    -ms-flex-preferred-size: calc(33.333333% - 1rem);
        flex-basis: calc(33.333333% - 1rem);
  }
  .forminator-custom-form[data-design=none][data-grid=open] .forminator-row .forminator-col-6,
  .forminator-custom-form[data-design=none][data-grid=open] .forminator-row .forminator-col-md-6 {
    width: 50%;
    -ms-flex-preferred-size: calc(50% - 1rem);
        flex-basis: calc(50% - 1rem);
  }
  .forminator-custom-form[data-design=none][data-grid=open] .forminator-row .forminator-col-12,
  .forminator-custom-form[data-design=none][data-grid=open] .forminator-row .forminator-col-md-12 {
    width: 100%;
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

/**
 * Forms: Forminator: Success / Error states
 */
.forminator-custom-form[data-design=none] .forminator-response-message {
  display: none;
}
.forminator-custom-form[data-design=none] .forminator-response-message > *:last-child {
  margin-bottom: 0;
}
.forminator-custom-form[data-design=none] .forminator-response-message:not(:empty):not(.forminator-success) {
  display: block;
}
.forminator-custom-form[data-design=none] .forminator-response-message.forminator-loading {
  z-index: 101;
  position: relative;
}
.forminator-custom-form[data-design=none] .forminator-response-message.forminator-error {
  background: #ffeaea;
  border: 1px solid #FF0000;
  color: #FF0000;
  display: none !important;
  padding: 1rem;
}
.forminator-custom-form[data-design=none] .forminator-response-message.forminator-error ul li {
  margin-bottom: 0.25rem;
}
.forminator-custom-form[data-design=none] .forminator-response-message.forminator-error ul li:last-child {
  margin-bottom: 0;
}
.forminator-custom-form[data-design=none] .forminator-has_error input,
.forminator-custom-form[data-design=none] .forminator-has_error select,
.forminator-custom-form[data-design=none] .forminator-has_error textarea {
  border-color: #FF0000 !important;
}
.forminator-custom-form[data-design=none] .forminator-has_error .forminator-error-message {
  background: #ffeaea;
  border: 1px solid #FF0000;
  border-top: 0;
  color: #FF0000;
  display: block;
  padding: 0.5rem;
}
.forminator-custom-form[data-design=none] .forminator-g-recaptcha + .forminator-error-message {
  max-width: 19rem;
  display: inline-block;
  border: 1px solid #FF0000;
}
.forminator-custom-form[data-design=none] .forminator-is_filled:not(.forminator-has_error) input,
.forminator-custom-form[data-design=none] .forminator-is_filled:not(.forminator-has_error) select,
.forminator-custom-form[data-design=none] .forminator-is_filled:not(.forminator-has_error) textarea {
  border-color: #009547 !important;
}

/**
 * Checkbox
 */
.forminator-custom-form[data-design=none] .forminator-checkbox {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.forminator-custom-form[data-design=none] .forminator-checkbox + .forminator-checkbox {
  margin-top: 0.25rem;
}
.forminator-custom-form[data-design=none] .forminator-checkbox span {
  cursor: pointer;
  pointer-events: all;
  display: block;
}
.forminator-custom-form[data-design=none] .forminator-checkbox input {
  border: 0 !important;
  clip-path: inset(50%) !important;
  clip: rect(0 0 0 0) !important;
  height: 0.0625rem !important;
  margin: -0.0625rem !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 0.0625rem !important;
}
.forminator-custom-form[data-design=none] .forminator-checkbox .forminator-checkbox-box {
  border: 0.0625rem solid #000;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.25rem;
          flex: 0 0 1.25rem;
  height: 1.25rem;
  margin-right: 0.75rem;
  position: relative;
  width: 1.25rem;
}
.forminator-custom-form[data-design=none] .forminator-checkbox .forminator-checkbox-box::before {
  background: #000;
  color: #fff;
  content: "✓";
  display: -ms-grid;
  display: grid;
  font-size: 0.75rem;
  height: 1.125rem;
  opacity: 0;
  place-items: center;
  position: absolute;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 1.125rem;
}
.forminator-custom-form[data-design=none] .forminator-checkbox input:checked + .forminator-checkbox-box {
  border-color: #000;
}
.forminator-custom-form[data-design=none] .forminator-checkbox input:checked + .forminator-checkbox-box::before {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

/**
 * Radio
 */
.forminator-custom-form[data-design=none] [id^=radio-] .forminator-label {
  display: block;
  margin-bottom: 0.5rem;
}
.forminator-custom-form[data-design=none] [id^=radio-] .forminator-radio {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.5rem;
}
.forminator-custom-form[data-design=none] [id^=radio-] .forminator-radio input {
  margin-right: 0.75rem;
}

/**
 * Input with Icon
 */
.forminator-custom-form[data-design=none] .forminator-input-with-icon {
  position: relative;
}
.forminator-custom-form[data-design=none] .forminator-input-with-icon [class*=forminator-icon-] {
  display: -ms-grid;
  display: grid;
  position: absolute;
  left: 0.75rem;
  font-size: 1rem;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  place-items: center;
  z-index: 2;
  height: 100%;
}
.forminator-custom-form[data-design=none] .forminator-input-with-icon [class*=forminator-icon-]:before {
  color: inherit;
}
.forminator-custom-form[data-design=none] .forminator-input-with-icon .forminator-input {
  padding-left: 2.25rem;
}
.forminator-custom-form[data-design=none] .forminator-input-with-suffix {
  position: relative;
}
.forminator-custom-form[data-design=none] .forminator-input-with-suffix .forminator-input {
  padding-right: 3.75rem;
}
.forminator-custom-form[data-design=none] .forminator-input-with-suffix .forminator-suffix {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  padding: 0 0.625rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

/**
 * Forms: Forminator: Phone number field with flags.
 */
.forminator-custom-form[data-design=none] .forminator-phone {
  display: block;
}
.forminator-custom-form[data-design=none] .forminator-phone .iti__flag-container {
  padding: 0;
}
.forminator-custom-form[data-design=none] .forminator-phone .iti__flag-container .iti__selected-flag {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0 0.625rem;
  width: auto;
}
.forminator-custom-form[data-design=none] .forminator-phone .iti__flag-container .iti__selected-flag .iti__flag {
  display: block;
  position: relative;
  top: auto;
  bottom: auto;
  margin: 0;
  padding: 0;
}
.forminator-custom-form[data-design=none] .forminator-phone .iti__flag-container .iti__selected-flag .iti__flag + .iti__arrow {
  margin-left: 0.3125rem;
}
.forminator-custom-form[data-design=none] .forminator-phone .iti__flag-container .iti__selected-flag .iti__arrow {
  display: block;
  position: relative;
  top: auto;
  right: auto;
  margin: 0;
}
.forminator-custom-form[data-design=none] .forminator-phone .iti__flag-container .iti__selected-flag:active, .forminator-custom-form[data-design=none] .forminator-phone .iti__flag-container .iti__selected-flag:focus, .forminator-custom-form[data-design=none] .forminator-phone .iti__flag-container .iti__selected-flag:hover {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.forminator-custom-form[data-design=none] .forminator-phone .iti__flag-container:active, .forminator-custom-form[data-design=none] .forminator-phone .iti__flag-container:focus, .forminator-custom-form[data-design=none] .forminator-phone .iti__flag-container:hover {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.forminator-custom-form[data-design=none] .forminator-phone.iti--allow-dropdown .forminator-input {
  padding-left: 3.125rem;
}
.forminator-custom-form[data-design=none] .forminator-phone:not(.iti--allow-dropdown) .iti__flag-container {
  pointer-events: none;
}
.forminator-custom-form[data-design=none] .forminator-phone:not(.iti--allow-dropdown) .forminator-input {
  padding-right: 3.125rem;
}
.forminator-custom-form[data-design=none] .forminator-input-with-phone .iti__flag-container .iti__selected-flag {
  width: 1.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  margin: 0;
  padding: 0 0.625rem;
}
.forminator-custom-form[data-design=none] .forminator-input-with-phone .iti__flag-container .iti__selected-flag .iti__flag {
  display: block;
  position: relative;
  top: auto;
  bottom: auto;
  margin: 0;
  padding: 0;
}
.forminator-custom-form[data-design=none] .forminator-input-with-phone .iti__flag-container .iti__selected-flag .iti__flag + .iti__arrow {
  margin-left: 0.3125rem;
}
.forminator-custom-form[data-design=none] .forminator-input-with-phone .iti__flag-container .iti__selected-flag .iti__arrow {
  display: block;
  position: relative;
  top: auto;
  right: auto;
  margin: 0;
}
.forminator-custom-form[data-design=none] .forminator-input-with-phone .iti__flag-container .iti__selected-flag:active, .forminator-custom-form[data-design=none] .forminator-input-with-phone .iti__flag-container .iti__selected-flag:focus, .forminator-custom-form[data-design=none] .forminator-input-with-phone .iti__flag-container .iti__selected-flag:hover {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.forminator-custom-form[data-design=none] .forminator-input-with-phone .iti__flag-container:active, .forminator-custom-form[data-design=none] .forminator-input-with-phone .iti__flag-container:focus, .forminator-custom-form[data-design=none] .forminator-input-with-phone .iti__flag-container:hover {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.forminator-custom-form[data-design=none] .forminator-input-with-phone.iti--allow-dropdown .forminator-input--wrap {
  left: 2.5625rem;
}
.forminator-custom-form[data-design=none] .forminator-input-with-phone:not(.iti--allow-dropdown) .forminator-input--wrap {
  left: 1.5rem;
}
.forminator-custom-form[data-design=none] .iti-mobile .iti--container {
  z-index: 999991;
}

/**
 * Forms: Forminator: File upload
 */
.forminator-custom-form[data-design=none] .forminator-button-delete [class*=forminator-icon-] {
  display: block;
}
.forminator-custom-form[data-design=none] .forminator-button-delete [class*=forminator-icon-]:before {
  display: block;
  color: inherit;
}
@media (min-width: 1025px) {
  .forminator-custom-form[data-design=none]:not(.forminator-size--small) .forminator-col-3 .forminator-file-upload > span,
  .forminator-custom-form[data-design=none]:not(.forminator-size--small) .forminator-col-4 .forminator-file-upload > span {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: 0.625rem;
  }
}
@media (min-width: 1025px) {
  .forminator-custom-form[data-design=none]:not(.forminator-size--small) .forminator-col-3 .forminator-file-upload .forminator-button-delete,
  .forminator-custom-form[data-design=none]:not(.forminator-size--small) .forminator-col-4 .forminator-file-upload .forminator-button-delete {
    margin-top: 0.625rem;
  }
}
.forminator-custom-form[data-design=none] .forminator-multi-upload {
  display: block;
  margin: 0;
  padding: 1rem 0;
  border: 0;
  border-radius: 0;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.forminator-custom-form[data-design=none] .forminator-multi-upload .forminator-multi-upload-message [class*=forminator-icon-] {
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  margin: 0 auto 0.3125rem;
  color: inherit;
  text-align: center;
}
.forminator-custom-form[data-design=none] .forminator-multi-upload .forminator-multi-upload-message [class*=forminator-icon-]:before {
  display: block;
  color: inherit;
  font-size: 1.5rem;
}
.forminator-custom-form[data-design=none] .forminator-multi-upload .forminator-multi-upload-message p {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
}
.forminator-custom-form[data-design=none] .forminator-multi-upload .forminator-multi-upload-message p a {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: underline;
  text-transform: none;
}
.forminator-custom-form[data-design=none] .forminator-multi-upload .forminator-multi-upload-message p a:active a:visited, .forminator-custom-form[data-design=none] .forminator-multi-upload .forminator-multi-upload-message p a:focus, .forminator-custom-form[data-design=none] .forminator-multi-upload .forminator-multi-upload-message p a:hover {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: underline;
  text-transform: none;
}
.forminator-custom-form[data-design=none] .forminator-uploaded-files {
  display: block;
  margin: 0;
}
.forminator-custom-form[data-design=none] .forminator-uploaded-files {
  padding: 0;
  border: 0;
}
.forminator-custom-form[data-design=none] .forminator-uploaded-files li {
  padding: 0;
  border: 0;
}
.forminator-custom-form[data-design=none] .forminator-uploaded-files.forminator-has-files {
  margin-top: 1.25rem;
}
.forminator-custom-form[data-design=none] .forminator-uploaded-file {
  display: block;
  margin: 0 0 1.25rem;
}
.forminator-custom-form[data-design=none] .forminator-uploaded-file .forminator-uploaded-file--content {
  direction: ltr;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
}
.forminator-custom-form[data-design=none] .forminator-uploaded-file .forminator-uploaded-file--image,
.forminator-custom-form[data-design=none] .forminator-uploaded-file .forminator-uploaded-file--preview {
  width: 2.25rem;
  height: 2.25rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0;
  padding: 0;
  border-style: solid;
  border-radius: 0;
}
.forminator-custom-form[data-design=none] .forminator-uploaded-file .forminator-uploaded-file--image + .forminator-uploaded-file--text,
.forminator-custom-form[data-design=none] .forminator-uploaded-file .forminator-uploaded-file--preview + .forminator-uploaded-file--text {
  margin-left: 0.625rem;
}
.forminator-custom-form[data-design=none] .forminator-uploaded-file .forminator-uploaded-file--image {
  overflow: hidden;
  position: relative;
  border-width: 0;
}
.forminator-custom-form[data-design=none] .forminator-uploaded-file .forminator-uploaded-file--image [role=image] {
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.forminator-custom-form[data-design=none] .forminator-uploaded-file .forminator-uploaded-file--preview {
  border-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.forminator-custom-form[data-design=none] .forminator-uploaded-file .forminator-uploaded-file--preview [class*=forminator-icon-] {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.forminator-custom-form[data-design=none] .forminator-uploaded-file .forminator-uploaded-file--preview [class*=forminator-icon-]:before {
  display: block;
  color: inherit;
  font-size: 1rem;
  line-height: 1;
}
.forminator-custom-form[data-design=none] .forminator-uploaded-file .forminator-uploaded-file--text {
  min-width: 0.0625rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.forminator-custom-form[data-design=none] .forminator-uploaded-file .forminator-uploaded-file--text p {
  margin: 0 0 0.25rem;
  padding: 0;
  border: 0;
  text-align: left;
  letter-spacing: normal;
  text-transform: none;
}
.forminator-custom-form[data-design=none] .forminator-uploaded-file .forminator-uploaded-file--text p [class*=forminator-icon-] {
  width: 0.75rem;
  margin: 0 0.5625rem 0 0;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.forminator-custom-form[data-design=none] .forminator-uploaded-file .forminator-uploaded-file--text p:last-child {
  margin-bottom: 0;
}
.forminator-custom-form[data-design=none] .forminator-uploaded-file .forminator-uploaded-file--text + .forminator-uploaded-file--delete {
  margin-left: 0.625rem;
}
.forminator-custom-form[data-design=none] .forminator-uploaded-file .forminator-uploaded-file--delete {
  background: #00bed2;
  padding: 12px 30px;
  color: #fff;
  border: 0px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 50px;
}
.forminator-custom-form[data-design=none] .forminator-uploaded-file .forminator-uploaded-file--delete:hover, .forminator-custom-form[data-design=none] .forminator-uploaded-file .forminator-uploaded-file--delete:active {
  color: #fff;
  background: rgb(0, 143.8571428571, 159);
}
.forminator-custom-form[data-design=none] .forminator-uploaded-file .forminator-uploaded-file--delete {
  color: #FF0000;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0.1875rem 0;
}
.forminator-custom-form[data-design=none] .forminator-uploaded-file .forminator-error-message {
  display: none !important;
}
.forminator-custom-form[data-design=none] .forminator-uploaded-file:last-child {
  margin-bottom: 0;
}
.forminator-custom-form[data-design=none] .forminator-uploaded-file.forminator-has_error .forminator-error-message {
  display: block !important;
}

.modal-content input[type=color],
.modal-content input[type=date],
.modal-content input[type=datetime-local],
.modal-content input[type=datetime],
.modal-content input[type=email],
.modal-content input[type=month],
.modal-content input[type=number],
.modal-content input[type=password],
.modal-content input[type=search],
.modal-content input[type=tel],
.modal-content input[type=text],
.modal-content input[type=time],
.modal-content input[type=url],
.modal-content input[type=week],
.modal-content select,
.modal-content textarea {
  min-height: 28px;
}
.modal-content .forminator-label {
  color: #fff;
  font-size: 0.75rem !important;
  font-size: 0.75rem;
  font-weight: normal;
}
.modal-content .forminator-button {
  width: 100%;
}

/* Table of Contents

	#1 - Import

	#2 - Custom Variables

    #3 - Social CSS

 */
/* --------------------------------------
/*  # - Custom Variables
/* -------------------------------------- */
/* -- DEFAULT SOCIAL COLOURS -- */
/* --------------------------------------
/*  #3 - Social CSS
/* -------------------------------------- */
.social {
  display: inline-block;
  margin-left: -10px;
  vertical-align: top;
}
.social ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
.social ul li {
  padding: 0px;
  margin: 0px;
  display: block;
  float: left;
}
.social ul li a {
  display: block;
  min-width: 40px;
  height: auto;
  text-align: center;
  float: left;
  background: #ebebeb;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
.social ul li a:hover, .social ul li a:focus {
  background: rgb(209.5, 209.5, 209.5);
}
.social ul li a a, .social ul li aa {
  color: #fff;
}
.social ul li a a:hover, .social ul li a a:focus, .social ul li aa:hover, .social ul li aa:focus {
  text-decoration: underline;
  color: rgb(229.5, 229.5, 229.5);
}
.social ul li a {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 50%;
}
.social ul li a i {
  font-size: 20px;
  padding: 12px 0 10px;
  color: #000;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.social ul li a:hover i, .social ul li a:focus i, .social ul li a:active i {
  color: #333;
}

/* --------------------------------------
/*  Top Navigation
/* -------------------------------------*/
.top-navigation ul {
  padding: 0;
  margin: 0;
}
.top-navigation ul li {
  display: inline-block;
  color: #fff;
}
.top-navigation ul li a:hover, .top-navigation ul li a:focus, .top-navigation ul li a a, .top-navigation ul li a a:hover, .top-navigation ul li a a:focus {
  text-decoration: none;
}
.top-navigation ul li a {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.top-navigation ul li a:hover, .top-navigation ul li a:focus, .top-navigation ul li a:active {
  color: #fff;
}
.top-navigation ul li + li {
  padding-left: 8px;
}

/* --------------------------------------
/*  Primary Navigation
/* -------------------------------------*/
.navigation-section {
  font-size: 15px;
}
.navigation-section .navbar .nav {
  border: 0;
}
.navigation-section .navbar .nav > li {
  margin: 0;
  padding: 0;
  position: relative;
}
.navigation-section .navbar .nav > li + li:before {
  position: absolute;
  left: 0;
  height: 14px;
  top: 39%;
  content: "";
}
.navigation-section .navbar .nav > li.active a {
  color: #fff;
}
.navigation-section .navbar .nav > li.active a:after {
  opacity: 1;
}
.navigation-section .navbar .nav > li > a {
  vertical-align: middle;
  color: #fff;
  font-size: 14px;
  display: block;
  padding: 15px 13px;
  margin-left: 1px;
  margin-bottom: -1px;
  font-family: "GT-America", "Helvetica", Arial, Helvetica, San-serif;
  position: relative;
  border-radius: 0px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.navigation-section .navbar .nav > li > a:after {
  position: absolute;
  bottom: 15px;
  left: 13px;
  content: "";
  width: calc(100% - 26px);
  border-top: 1px solid #00bed2;
  opacity: 0;
}
.navigation-section .navbar .nav > li > a:hover, .navigation-section .navbar .nav > li > a:focus {
  text-decoration: none;
  color: #00bed2;
}
.navigation-section .navbar .nav > li > a:hover:after, .navigation-section .navbar .nav > li > a:focus:after {
  opacity: 1;
}
.navigation-section .navbar .nav > li > a .caret {
  border: 0;
  margin-top: -1px;
  vertical-align: top;
}

/* --------------------------------------
/*  Footer Menu
/* -------------------------------------*/
.footer-nav-menu ul {
  list-style: none;
  margin-left: -14px;
}
.footer-nav-menu ul li {
  display: inline-block;
  position: relative;
}
.footer-nav-menu ul li + li:before {
  position: absolute;
  left: 0;
  height: 12px;
  top: 42%;
  content: "";
}
.footer-nav-menu ul li a {
  vertical-align: middle;
  color: #000;
  font-size: 12px;
  display: block;
  padding: 5px 13px;
  margin-left: 1px;
  margin-bottom: -1px;
  font-family: "GT-America", "Helvetica", Arial, Helvetica, San-serif;
  position: relative;
  border-radius: 0px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.footer-nav-menu ul li a:after {
  position: absolute;
  bottom: 8px;
  left: 13px;
  content: "";
  width: calc(100% - 26px);
  border-top: 1px solid #00bed2;
  opacity: 0;
}
.footer-nav-menu ul li a:hover, .footer-nav-menu ul li a:focus {
  text-decoration: none;
  color: #00bed2;
}
.footer-nav-menu ul li a:hover:after, .footer-nav-menu ul li a:focus:after {
  opacity: 1;
}
.footer-nav-menu ul li a .caret {
  border: 0;
  margin-top: -1px;
  vertical-align: top;
}
.footer-nav-menu ul li a .caret:after {
  content: "\f078";
  font-family: FontAwesome;
  font-size: 10px;
  color: #d0d0d0;
}

/* --------------------------------------
/*  Dropdowns
/* -------------------------------------*/
.navbar .nav > li .dropdown-menu {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  background: #fff;
  margin: 0;
  padding: 10px 0;
}
.navbar .nav > li .dropdown-menu li {
  margin: 0;
  padding: 0;
}
.navbar .nav > li .dropdown-menu li a {
  padding: 4px 15px;
  font-size: 14px;
  color: #00bed2;
  text-transform: none;
}
.navbar .nav > li .dropdown-menu li a:hover, .navbar .nav > li .dropdown-menu li a:focus, .navbar .nav > li .dropdown-menu li a:active {
  background: transparent;
  color: #00bed2;
}

/* --------------------------------------
/*  Personal Page Menu
/* -------------------------------------*/
.personal-page-menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.personal-page-menu ul li {
  margin-bottom: 0.3em;
}
.personal-page-menu ul li a {
  line-height: 1;
}
.personal-page-menu ul li a:hover, .personal-page-menu ul li a:focus, .personal-page-menu ul li a a, .personal-page-menu ul li a a:hover, .personal-page-menu ul li a a:focus {
  text-decoration: none;
}
.personal-page-menu ul li a:after {
  content: "\f054";
  font-family: FontAwesome;
  font-size: 13px;
  padding-left: 0.5em;
}

/* Table of Contents



 */
/* --------------------------------------
/*  #3 - Mobile Nav
/* -------------------------------------- */
.mobile-menu-button {
  text-align: center;
  cursor: pointer;
  padding: 20px 5px;
  font-size: 16px;
  background: transparent;
  display: block;
  color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.mobile-menu-button:hover, .mobile-menu-button:focus, .mobile-menu-button a, .mobile-menu-button a:hover, .mobile-menu-button a:focus {
  text-decoration: none;
}
.mobile-menu-button i {
  font-size: 38px;
  width: 100%;
}
.mobile-menu-button:hover, .mobile-menu-button:focus {
  color: #fff;
}

.mobile-side-menu {
  text-align: left;
  padding: 35px;
  font-family: "GT-America", "Helvetica", Arial, Helvetica, San-serif;
  position: fixed;
  height: 100%;
  right: 0;
  bottom: -100%;
  z-index: 10000;
  background: rgb(0, 166.9285714286, 184.5);
  width: 100%;
  overflow-y: auto;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.mobile-side-menu .close-mobile-side-menu {
  display: block;
  margin: -35px -35px 10px;
  background: rgb(0, 143.8571428571, 159);
  padding: 20px;
  text-transform: uppercase;
  color: #e6e6e6;
  border-bottom: 1px solid #000;
  border-color: rgba(255, 255, 255, 0.2);
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.mobile-side-menu .close-mobile-side-menu i {
  border: 1px solid #fff;
  border-color: rgba(255, 255, 255, 0.4);
  padding: 9px 10px;
  text-align: center;
  min-width: 25px;
  min-height: 20px;
  margin-right: 8px;
  border-radius: 25px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.mobile-side-menu .close-mobile-side-menu:hover, .mobile-side-menu .close-mobile-side-menu:focus {
  color: #505055;
  text-decoration: none;
}
.mobile-side-menu .close-mobile-side-menu:hover i, .mobile-side-menu .close-mobile-side-menu:focus i {
  color: #fff;
  background: #505055;
  border-color: rgb(55.2727272727, 55.2727272727, 58.7272727273);
  margin-right: 15px;
}
.mobile-side-menu {
  /*** Mobile Logo ***/
}
.mobile-side-menu .mobile-nav-logo {
  margin-left: -10px;
  display: block;
  padding: 10px 0;
}
.mobile-side-menu .mobile-nav-logo img {
  max-width: 60%;
}
.mobile-side-menu.active {
  bottom: 0px;
}
.mobile-side-menu {
  /*** Social ***/
}
.mobile-side-menu .social {
  float: none !important;
  margin: 15px 0;
}
.mobile-side-menu .social ul.socialmedia-list {
  margin-left: -20px;
}
.mobile-side-menu .social ul.socialmedia-list li a {
  margin-left: 2px;
  width: 30px;
  height: 30px;
}
.mobile-side-menu .social ul.socialmedia-list li a i {
  padding: 5px 0;
  color: #000;
}
.mobile-side-menu .social ul.socialmedia-list li span {
  display: none;
}
.mobile-side-menu {
  /*** Menu ***/
}
.mobile-side-menu ul.menu {
  margin: 0px -35px 0;
  padding: 0;
  list-style-type: none;
}
.mobile-side-menu ul.menu li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding: 0;
}
.mobile-side-menu ul.menu li a {
  color: #fff;
  padding: 10px 25px;
  display: block;
  text-transform: uppercase;
  font-size: 13px;
  border-bottom: 1px solid #fff;
  border-color: rgba(255, 255, 255, 0.7);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.mobile-side-menu ul.menu li a:hover, .mobile-side-menu ul.menu li a:focus {
  text-decoration: none;
  color: #fff;
  border-color: #00bed2;
}
.mobile-side-menu ul.menu li.current-menu-item:before, .mobile-side-menu ul.menu li:hover:before {
  border-color: #505055;
}
.mobile-side-menu ul.sub-menu {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}
.mobile-side-menu ul.sub-menu li {
  padding: 0px 0px 0px 10px;
  border: 0px;
  margin: 0px;
}
.mobile-side-menu ul.sub-menu li:before {
  display: none;
}
.mobile-side-menu ul.sub-menu li a {
  font-size: 11px;
  margin: 0px 0px 0px -9px;
  padding: 7px 35px;
}

/* --------------------------------------
/*  #2 - Main Body Containers
/* -------------------------------------- */
html, body {
  padding: 0;
  margin: 0;
  line-height: 1.4;
  font-family: "GT-America", "Helvetica", Arial, Helvetica, San-serif;
  font-size: 16px;
  color: #505055;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  min-height: 100%;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  -webkit-box-flex: 1;
          flex: 1 0 auto;
}
html #wrap, body #wrap {
  display: block;
  margin: 0;
  padding: 0;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  -webkit-box-flex: 1;
          flex: 1 0 auto;
  position: relative;
}

/* --------------------------------------
/*  #5 - Header
/* -------------------------------------- */
.header-section {
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  width: 100%;
  z-index: 36;
  padding: 0;
  padding-top: 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.header-section .header-flex-container {
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.landing-page-wrap .header-section .header-flex-container {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header-section .header-flex-container .header-left {
  padding-top: 10px;
}
.header-section .header-flex-container .header-left .logo {
  display: inline-block;
}
.header-section .header-flex-container .header-left .logo img {
  max-width: 200px;
  height: auto;
  width: 200px;
}
.header-section.sticky-header {
  position: fixed;
  background-color: #000;
  padding-top: 0px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.header-section.sticky-header .logo {
  padding-top: 7px;
}
.header-section.sticky-header .logo a {
  position: relative;
  display: inline-block;
}
.header-section.sticky-header .logo a img {
  position: absolute;
  max-width: 200px;
  height: auto;
  width: 200px;
}
/* --------------------------------------
/*  Breadcrumbs
/* -------------------------------------*/
.breadcrumbs {
  position: relative;
  padding: 12px 0 1.2em;
}
.breadcrumbs a {
  color: #505055;
}
.breadcrumbs span.delimiter {
  display: inline-block;
  padding: 0 5px;
}

/* --------------------------------------
/*  #7 - Body
/* -------------------------------------- */
.grey-section {
  background-color: #ebebeb;
}

.dark-grey-section {
  background-color: #2a2a2a;
}

.blue-section {
  background-color: #00bed2;
}

.body-section .back-btn-wrap {
  text-align: center;
}

.back-btn-section {
  background-color: #000;
}
.clients-section + .back-btn-section {
  padding-top: 0;
}

.arrow-down {
  cursor: pointer;
}
.arrow-down:hover img, .arrow-down:focus img {
  opacity: 0.8;
}

.arrow-scroller {
  width: 100%;
  z-index: 35;
  margin-bottom: -40px;
  position: relative;
  display: inline-block;
  padding: 32px 0;
  cursor: pointer;
  text-align: center;
}
blockquote .arrow-scroller {
  margin-bottom: -10px;
  padding-top: 5px;
}
.arrow-scroller img {
  width: 58px;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.arrow-scroller:hover img, .arrow-scroller:active img, .arrow-scroller:focus img {
  opacity: 0.7;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

@media (min-width: 1700px) {
  .container.container-xl {
    width: 1700px;
  }
}
.container.container-fw {
  width: 100%;
}

/* --------------------------------------
/*  People Pages
/* -------------------------------------*/
.qualifications-section h2 {
  text-align: center;
  margin-top: 0px;
  margin-bottom: 25px;
  color: #fff;
}
.qualifications-section p {
  color: #fff;
}
.qualifications-section .btn-wrap {
  margin-top: 30px;
}

.people-details {
  margin-top: 50px;
}

.people-qualifications {
  margin-top: 25px;
  margin-bottom: 25px;
}

.people-text h2 {
  margin-top: 0px;
}
.people-text h3 {
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 36px;
}
.people-text p {
  font-size: 16px;
}
.people-text ul {
  padding-left: 13px;
}
.people-text li {
  padding-left: 1.2em;
  padding-bottom: 10px;
}

/* --------------------------------------
/*  Disclaimers
/* -------------------------------------*/
.disclaimer-shortcode-text, .important-notes-inner p {
  font-size: 14px;
  line-height: 1.1;
  display: inline-block;
}

/* --------------------------------------
/*  Custom Col 5
/* -------------------------------------*/
.custom-col-md-5 {
  min-height: 1px;
  position: relative;
  display: block;
  float: left;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(20% - 30px);
}
@media (max-width: 1199px) {
  .custom-col-md-5 {
    width: calc(100% - 30px);
  }
}

/* --------------------------------------
/*  Sidebar
/* -------------------------------------*/
.general-sidebar .widget {
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.general-sidebar .widget h3 {
  font-family: "GT-America", "Helvetica", Arial, Helvetica, San-serif;
  font-size: 14px;
  color: #B2B2B2;
  line-height: 1.4;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.general-sidebar .widget h3 a, .general-sidebar .widget h3a {
  color: #B2B2B2;
}
.general-sidebar .widget h3 a:hover, .general-sidebar .widget h3 a:focus, .general-sidebar .widget h3a:hover, .general-sidebar .widget h3a:focus {
  text-decoration: underline;
  color: rgb(152.5, 152.5, 152.5);
}
.general-sidebar .widget h3 {
  margin-bottom: 1em;
}
.general-sidebar .widget ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.general-sidebar .widget ul ul {
  padding-left: 15px;
}
.general-sidebar .widget ul li {
  padding: 0;
  margin: 0;
}
.general-sidebar .widget ul li a {
  padding: 0.5em 0;
  display: block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.general-sidebar .widget.widget_recent_entries ul li a, .general-sidebar .widget.widget_categories ul li a, .general-sidebar .widget.widget_archive ul li a {
  display: block;
  background: #ebebeb;
  padding: 0.5em;
  margin-bottom: 2px;
  font-size: 13px;
}
.general-sidebar .widget.widget_recent_entries ul li a:hover, .general-sidebar .widget.widget_recent_entries ul li a:focus, .general-sidebar .widget.widget_recent_entries ul li a a, .general-sidebar .widget.widget_recent_entries ul li a a:hover, .general-sidebar .widget.widget_recent_entries ul li a a:focus, .general-sidebar .widget.widget_categories ul li a:hover, .general-sidebar .widget.widget_categories ul li a:focus, .general-sidebar .widget.widget_categories ul li a a, .general-sidebar .widget.widget_categories ul li a a:hover, .general-sidebar .widget.widget_categories ul li a a:focus, .general-sidebar .widget.widget_archive ul li a:hover, .general-sidebar .widget.widget_archive ul li a:focus, .general-sidebar .widget.widget_archive ul li a a, .general-sidebar .widget.widget_archive ul li a a:hover, .general-sidebar .widget.widget_archive ul li a a:focus {
  text-decoration: none;
}
.general-sidebar .widget.widget_recent_entries ul li a:hover, .general-sidebar .widget.widget_recent_entries ul li a:focus, .general-sidebar .widget.widget_recent_entries ul li a:active, .general-sidebar .widget.widget_categories ul li a:hover, .general-sidebar .widget.widget_categories ul li a:focus, .general-sidebar .widget.widget_categories ul li a:active, .general-sidebar .widget.widget_archive ul li a:hover, .general-sidebar .widget.widget_archive ul li a:focus, .general-sidebar .widget.widget_archive ul li a:active {
  background: rgb(209.5, 209.5, 209.5);
}

/* --------------------------------------
/*  #8 - Footer
/* -------------------------------------- */
.footer-section {
  display: block;
  height: 52px;
  min-height: 52px;
}
.footer-section h4 {
  font-family: "GT-America", "Helvetica", Arial, Helvetica, San-serif;
  font-size: 22px;
  color: #fff;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 20px;
}
.footer-section p {
  color: #505055;
}
.footer-section a {
  color: #00bed2;
}
.footer-section .footer-top {
  padding: 35px 0;
  background: #ebebeb;
}
.footer-section .footer-bottom {
  background: #000;
  padding: 15px;
}
.footer-section .footer-bottom p {
  color: #fff;
  padding: 0;
  margin: 0;
  font-size: 0.75rem;
}
.footer-section .footer-bottom span {
  display: inline-block;
  padding: 0 10px;
}
.footer-section .footer-bottom a {
  color: #fff;
}
.footer-section .footer-bottom .copyright-info {
  border-top: 1px solid #505055;
  padding: 15px 0 3px;
}
.footer-section .footer-bottom .copyright-info p {
  display: inline-block;
}

.ninja-forms-all-fields-wrap label {
  font-size: 20px !important;
}

/* --------------------------------------
/*  IE10+ Fixes
/* -------------------------------------*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* IE10+ specific styles go here */
  html #wrap, body #wrap {
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    -webkit-box-flex: 1;
            flex: 1 0 auto;
  }
}
/* Landscape phone to portrait tablet */
@media (max-width: 1199px) {
  img {
    max-width: 100%;
    height: auto;
  }
  html, body {
    min-height: 100%;
    height: auto;
  }
  html #wrap, body #wrap {
    display: block !important;
  }
}
#wrap .search {
  float: right;
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 180px;
  min-width: 180px;
  padding-top: 1px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1499px) {
  #wrap .search {
    width: 90px;
    min-width: 90px;
  }
}
@media (max-width: 1024px) {
  #wrap .search {
    position: absolute;
    top: 2px;
    right: 5px;
  }
}
#wrap .search .form-control {
  height: 3em;
  width: 100%;
  -webkit-appearance: none !important;
  background: #ebebeb;
  border-color: #DDDDDD;
  border-radius: 30px;
}
#wrap .search .form-control input {
  -webkit-appearance: none;
  border-radius: 0;
}
#wrap .search .btn, #wrap .search .fourofour a, .fourofour #wrap .search a, #wrap .search .ninja-forms-cont .submit-wrap div[id^=nf_submit] input[type=submit], .ninja-forms-cont .submit-wrap div[id^=nf_submit] #wrap .search input[type=submit],
#wrap .search .ninja-forms-cont .submit-wrap div[id^=nf_processing] input[type=submit],
.ninja-forms-cont .submit-wrap div[id^=nf_processing] #wrap .search input[type=submit] {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  padding: 11px 15px;
  color: rgb(117.0909090909, 117.0909090909, 124.4090909091);
  background: transparent;
  border: 0;
  min-width: 0px;
  border-radius: 30px;
}
#wrap .search .btn:hover, #wrap .search .fourofour a:hover, .fourofour #wrap .search a:hover, #wrap .search .ninja-forms-cont .submit-wrap div[id^=nf_submit] input[type=submit]:hover, .ninja-forms-cont .submit-wrap div[id^=nf_submit] #wrap .search input[type=submit]:hover,
#wrap .search .ninja-forms-cont .submit-wrap div[id^=nf_processing] input[type=submit]:hover,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] #wrap .search input[type=submit]:hover, #wrap .search .btn:focus, #wrap .search .fourofour a:focus, .fourofour #wrap .search a:focus, #wrap .search .ninja-forms-cont .submit-wrap div[id^=nf_submit] input[type=submit]:focus, .ninja-forms-cont .submit-wrap div[id^=nf_submit] #wrap .search input[type=submit]:focus,
#wrap .search .ninja-forms-cont .submit-wrap div[id^=nf_processing] input[type=submit]:focus,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] #wrap .search input[type=submit]:focus, #wrap .search .btn:active, #wrap .search .fourofour a:active, .fourofour #wrap .search a:active, #wrap .search .ninja-forms-cont .submit-wrap div[id^=nf_submit] input[type=submit]:active, .ninja-forms-cont .submit-wrap div[id^=nf_submit] #wrap .search input[type=submit]:active,
#wrap .search .ninja-forms-cont .submit-wrap div[id^=nf_processing] input[type=submit]:active,
.ninja-forms-cont .submit-wrap div[id^=nf_processing] #wrap .search input[type=submit]:active {
  outline: 0 none;
  background: #ebebeb;
  color: #fff;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}
@media (max-width: 1499px) {
  #wrap .search .btn, #wrap .search .fourofour a, .fourofour #wrap .search a, #wrap .search .ninja-forms-cont .submit-wrap div[id^=nf_submit] input[type=submit], .ninja-forms-cont .submit-wrap div[id^=nf_submit] #wrap .search input[type=submit],
  #wrap .search .ninja-forms-cont .submit-wrap div[id^=nf_processing] input[type=submit],
  .ninja-forms-cont .submit-wrap div[id^=nf_processing] #wrap .search input[type=submit] {
    display: none;
  }
}

/* --------------------------------------
/*  Faqs
/* -------------------------------------*/
#wrap .hero_image .search {
  display: block;
  width: 100%;
  float: none;
}
@media (max-width: 1024px) {
  #wrap .hero_image .search {
    position: static;
  }
}
#wrap .hero_image .search .input-group {
  display: block;
}
#wrap .hero_image .search .input-group span.input-group-btn {
  position: absolute;
  top: 0;
  right: 0;
}
#wrap .hero_image .search .input-group input {
  color: #505055;
}

/* --------------------------------------
/*  Contact Us
/* -------------------------------------*/
#wrap .contact-us-faq-section .search {
  float: none;
  width: 100%;
  min-width: 0;
}
@media (max-width: 991px) {
  #wrap .contact-us-faq-section .search {
    width: calc(100% - 10px);
  }
}
#wrap .contact-us-faq-section .search .input-group {
  display: block;
}
#wrap .contact-us-faq-section .search .input-group span.input-group-btn {
  position: absolute;
  top: 0;
  right: 0;
}
#wrap .contact-us-faq-section .search .input-group input.form-control.search-input {
  background-color: #fff;
}

/* --------------------------------------
/*  No Search Results
/* -------------------------------------*/
#wrap .no-seach-results-search-container {
  margin-top: -2em;
  margin-bottom: 3em;
}
#wrap .no-seach-results-search-container .search {
  float: none;
  width: 70%;
  min-width: 70%;
}
#wrap .no-seach-results-search-container .search .input-group {
  display: block;
}

/* --------------------------------------
/*  Resets
/* -------------------------------------*/
#wrap .search ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #505055;
}
#wrap .search :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #505055;
  opacity: 1;
}
#wrap .search ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #505055;
  opacity: 1;
}
#wrap .search :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #505055;
}
#wrap .search [type=search] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
}
#wrap .search textarea:focus,
#wrap .search input[type=text]:focus,
#wrap .search input[type=password]:focus,
#wrap .search input[type=datetime]:focus,
#wrap .search input[type=datetime-local]:focus,
#wrap .search input[type=date]:focus,
#wrap .search input[type=month]:focus,
#wrap .search input[type=time]:focus,
#wrap .search input[type=week]:focus,
#wrap .search input[type=number]:focus,
#wrap .search input[type=email]:focus,
#wrap .search input[type=url]:focus,
#wrap .search input[type=search]:focus,
#wrap .search input[type=tel]:focus,
#wrap .search input[type=color]:focus,
#wrap .search .uneditable-input:focus {
  border-color: rgb(214.6, 214.6, 214.6);
  outline: 0 none;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}

/* --------------------------------------
/*  Search Page
/* -------------------------------------*/
.search-page div[class^=post-] h2 {
  font-size: 23px;
}
.search-page div[class^=post-] h2 a {
  color: #505055;
}

/* --------------------------------------
/*  Hero Section
/* -------------------------------------*/
.hero-section {
  background-color: #000;
}
.hero-section .hero-inner-wrap {
  height: 650px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 95vh;
}
.hero-section .hero-inner-wrap .hero-inner-container {
  max-height: 95vh;
  text-align: center;
  position: relative;
  font-size: 54px;
  height: 650px;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.hero-section .hero-inner-wrap .hero-inner-container .arrow-down {
  bottom: 20px;
  left: calc(50% - 29px);
  position: absolute;
  display: inline-block;
  width: 58px;
  padding: 32px 0;
}
@media (max-width: 1024px) {
  .hero-section .hero-inner-wrap {
    height: 550px;
  }
  .hero-section .hero-inner-wrap .hero-inner-container {
    height: 550px;
  }
  .hero-section .hero-inner-wrap h1 {
    font-size: 45px;
  }
}

/* --------------------------------------
/*  Landing Page
/* -------------------------------------*/
.page-template-template-landing-page .hero-section .hero-inner-wrap {
  height: 700px;
  max-height: none;
}
.page-template-template-landing-page .hero-section .hero-inner-wrap .hero-inner-container {
  padding-top: 5vh;
  height: 700px;
}
@media (max-width: 1024px) {
  .page-template-template-landing-page .hero-section .hero-inner-wrap .hero-inner-container {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 10vh;
  }
}
@media (max-width: 991px) {
  .page-template-template-landing-page .hero-section .hero-inner-wrap .hero-inner-container {
    padding-top: 5vh;
  }
}
.page-template-template-landing-page .hero-section .hero-inner-wrap .hero-inner-container {
  padding-bottom: 120px;
  max-height: none;
}
.page-template-template-landing-page .hero-section .hero-inner-wrap .hero-inner-container h1 {
  font-size: 60px;
  line-height: 1.1;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .page-template-template-landing-page .hero-section .hero-inner-wrap .hero-inner-container h1 {
    font-size: 50px;
  }
}
@media (max-width: 1024px) {
  .page-template-template-landing-page .hero-section .hero-inner-wrap {
    height: auto;
  }
  .page-template-template-landing-page .hero-section .hero-inner-wrap .hero-inner-container {
    height: auto;
  }
}

/* --------------------------------------
/*  Home Hero Section
/* -------------------------------------*/
.home-hero-section {
  margin-bottom: 0;
  position: relative;
}
.home-hero-section .hero-slide {
  background-color: #505055;
  height: 650px;
  max-height: 95vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.home-hero-section .hero-slide .hero-inner-container {
  text-align: center;
  position: relative;
  max-height: 95vh;
  height: 650px;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.home-hero-section .hero-slide .hero-inner-container .hero-title {
  font-size: 54px;
}
@media screen and (max-width: 450px) {
  .home-hero-section .hero-slide .hero-inner-container .hero-title {
    font-size: 45px;
  }
}
.home-hero-section .hero-slide .hero-inner-container .hero-subtext {
  color: #ffe;
  font-size: 18px;
  text-transform: uppercase;
}
.home-hero-section .hero-slide .hero-inner-container img {
  max-width: 300px;
}
.home-hero-section .arrow-down {
  bottom: 20px;
  z-index: 35;
  left: calc(50% - 29px);
  position: absolute;
  display: inline-block;
  width: 58px;
  padding: 32px 0;
}

/* --------------------------------------
/*  Call Out Slider Section
/* -------------------------------------*/
.call-out-slider-section {
  margin: 0;
}

.co-slide-card {
  text-align: center;
  color: #fff;
}
.co-slide-card .co-slide-card-inner-wrap {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.co-slide-card .co-slide-card-inner-wrap .inner-flex-container {
  height: 900px;
  position: relative;
}
.co-slide-card .co-slide-card-inner-wrap .inner-flex-container .card-top {
  height: 50%;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.co-slide-card .co-slide-card-inner-wrap .inner-flex-container .card-bottom {
  height: 50%;
}
@media (max-width: 991px) {
  .co-slide-card .co-slide-card-inner-wrap .inner-flex-container {
    height: 700px;
  }
  .co-slide-card .co-slide-card-inner-wrap .inner-flex-container .card-top {
    padding: 30px 0;
    height: 300px;
    min-height: 20%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .co-slide-card .co-slide-card-inner-wrap .inner-flex-container .card-bottom {
    height: 400px;
    min-height: 65%;
    padding-bottom: 50px;
  }
}

/* --------------------------------------
/*  Contact Section
/* -------------------------------------*/
.cta-contact-section {
  background-color: #00bed2;
  padding: 50px 0 25px;
}
.cta-contact-section h3 {
  color: #fff;
  text-align: center;
  margin-bottom: 40px;
}

/* --------------------------------------
/*  Call us now section
/* -------------------------------------*/
.cta-call-now-section {
  background-color: #00bed2;
  padding-bottom: 50px;
  text-align: center;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.cta-call-now-section .container {
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.cta-call-now-section .cta-separator {
  display: inline-block;
  width: 40%;
  max-width: 100%;
  border-bottom: 1px dashed #fff;
}
.cta-call-now-section .call-now-btn {
  margin-top: 40px;
}
.cta-call-now-section #cta-call-now-modal {
  z-index: 50;
  display: none;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cta-call-now-section #cta-call-now-modal .call-now-modal-overlay {
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 14;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.cta-call-now-section #cta-call-now-modal .call-now-modal-inner-wrap {
  background-color: #00bed2;
  padding: 20px 15px 40px;
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 500px;
  z-index: 15;
  text-align: center;
}
.cta-call-now-section #cta-call-now-modal .call-now-modal-inner-wrap .call-now-modal-close-btn {
  position: absolute;
  top: 15px;
  right: 25px;
  cursor: pointer;
}
.cta-call-now-section #cta-call-now-modal .call-now-modal-inner-wrap .call-now-modal-close-btn i {
  font-size: 24px;
  color: #fff;
}
.cta-call-now-section #cta-call-now-modal .call-now-modal-inner-wrap h2 {
  margin-bottom: 20px;
}
.cta-call-now-section #cta-call-now-modal .call-now-modal-inner-wrap h4 {
  margin-bottom: 0;
}
.cta-call-now-section #cta-call-now-modal .call-now-modal-inner-wrap a {
  display: block;
}
.cta-call-now-section #cta-call-now-modal .call-now-modal-inner-wrap .cta-modal-ph {
  font-size: 35px;
}
.cta-call-now-section #cta-call-now-modal .call-now-modal-inner-wrap .contact-btn {
  display: inline-block;
  margin-top: 15px;
}
.cta-call-now-section #cta-call-now-modal.hide-modal {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 0;
}

/* --------------------------------------
/*  Talk To Us Section
/* -------------------------------------*/
.ttu-section {
  background-color: #00bed2;
  padding-top: 100px;
  padding-bottom: 100px;
  font-size: 24px;
}
.ttu-section .ttu-btn-wrap {
  text-align: center;
}
.ttu-section .ttu-btn-wrap h3, .ttu-section .ttu-btn-wrap .h3-style {
  color: #fff;
  text-transform: none;
  margin-bottom: 60px;
  line-height: 1.4;
}
.ttu-section #ttu-form h3 {
  text-align: center;
}
/* --------------------------------------
/*  Grid
/* -------------------------------------*/
a.view-article {
  display: none;
}

.dvm-grid {
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dvm-grid .card-black {
  background-color: #000;
}
.dvm-grid .grid-card {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  min-height: 300px;
  color: #fff;
  text-align: center;
  position: relative;
}
.dvm-grid .grid-card.has-link {
  cursor: pointer;
}
.dvm-grid .grid-card.has-link:hover .card-heading, .dvm-grid .grid-card.has-link:focus .card-heading, .dvm-grid .grid-card.has-link:active .card-heading {
  color: #00bed2;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.dvm-grid .grid-card.has-link:hover .btn-card, .dvm-grid .grid-card.has-link:focus .btn-card, .dvm-grid .grid-card.has-link:active .btn-card {
  color: #000;
  background: #fff;
}
.dvm-grid .grid-card.has-link:hover .btn-card:hover, .dvm-grid .grid-card.has-link:hover .btn-card:focus, .dvm-grid .grid-card.has-link:hover .btn-card a, .dvm-grid .grid-card.has-link:hover .btn-card a:hover, .dvm-grid .grid-card.has-link:hover .btn-card a:focus, .dvm-grid .grid-card.has-link:focus .btn-card:hover, .dvm-grid .grid-card.has-link:focus .btn-card:focus, .dvm-grid .grid-card.has-link:focus .btn-card a, .dvm-grid .grid-card.has-link:focus .btn-card a:hover, .dvm-grid .grid-card.has-link:focus .btn-card a:focus, .dvm-grid .grid-card.has-link:active .btn-card:hover, .dvm-grid .grid-card.has-link:active .btn-card:focus, .dvm-grid .grid-card.has-link:active .btn-card a, .dvm-grid .grid-card.has-link:active .btn-card a:hover, .dvm-grid .grid-card.has-link:active .btn-card a:focus {
  text-decoration: none;
}
.dvm-grid .grid-card.has-link:hover .btn-card, .dvm-grid .grid-card.has-link:focus .btn-card, .dvm-grid .grid-card.has-link:active .btn-card {
  border-color: #fff;
}
.dvm-grid .grid-card .grid-card-link-wrap {
  text-decoration: none;
}
.dvm-grid .grid-card .grid-card-bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background: transparent;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.8;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
body.sectors .dvm-grid .grid-card .grid-card-bg-img {
  background: #000;
}
.dvm-grid .grid-card .grid-card-bg-img.blog-grid-card-bg-img {
  opacity: 0.3;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  background-size: cover;
}
.dvm-grid .grid-card:hover .grid-post-date,
.dvm-grid .grid-card:hover .card-excerpt, .dvm-grid .grid-card:focus .grid-post-date,
.dvm-grid .grid-card:focus .card-excerpt, .dvm-grid .grid-card:active .grid-post-date,
.dvm-grid .grid-card:active .card-excerpt {
  color: #fff;
}
.dvm-grid .grid-card:hover .grid-card-bg-img, .dvm-grid .grid-card:focus .grid-card-bg-img, .dvm-grid .grid-card:active .grid-card-bg-img {
  opacity: 0.2;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.dvm-grid .grid-card:hover .blog-grid-card-bg-img, .dvm-grid .grid-card:focus .blog-grid-card-bg-img, .dvm-grid .grid-card:active .blog-grid-card-bg-img {
  opacity: 0.6;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.dvm-grid .grid-card .card-inner-wrap {
  height: auto;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 82%;
  margin: 0 auto;
  padding: 30px 0;
  min-height: 300px;
}
.sectors .dvm-grid .grid-card .card-inner-wrap {
  height: 300px;
}
.dvm-grid .grid-card .card-inner-wrap img {
  height: 100px;
  max-width: 800px;
  margin-bottom: 30px;
}
.dvm-grid .grid-card .card-inner-wrap .grid-post-date {
  margin-bottom: 25px;
  display: block;
}
.dvm-grid .grid-card .card-inner-wrap .card-heading {
  color: #fff;
  text-decoration: none;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
  line-height: 1.4;
  margin-bottom: 10px;
  font-size: 36px;
  position: absolute;
  top: 30px;
}
.dvm-grid .grid-card .card-inner-wrap .card-heading:hover, .dvm-grid .grid-card .card-inner-wrap .card-heading:active, .dvm-grid .grid-card .card-inner-wrap .card-heading:focus {
  color: #00bed2;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}
.dvm-grid .grid-card .card-inner-wrap .card-position {
  font-size: 20px;
}
.dvm-grid .grid-card .card-inner-wrap .card-read-more {
  position: absolute;
  bottom: 30px;
  margin-top: 40px;
}
.dvm-grid .grid-card.grid-card-link {
  text-decoration: none;
}
.dvm-grid .grid-card.grid-card-link:hover .card-heading .title-part, .dvm-grid .grid-card.grid-card-link:active .card-heading .title-part, .dvm-grid .grid-card.grid-card-link:focus .card-heading .title-part {
  color: #00bed2;
}
.dvm-grid .card-grey {
  background-color: #333;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.dvm-grid .card-grey.grid-image-1 {
  background-image: url("../images/grid/grid-1.jpg");
}
.dvm-grid .card-grey.grid-image-2 {
  background-image: url("../images/grid/grid-2.jpg");
}
.dvm-grid .card-grey.grid-image-3 {
  background-image: url("../images/grid/grid-3.jpg");
}
.dvm-grid .card-grey.grid-image-4 {
  background-image: url("../images/grid/grid-4.jpg");
}
.dvm-grid .card-grey.grid-image-5 {
  background-image: url("../images/grid/grid-5.jpg");
}
.dvm-grid .card-grey.grid-image-6 {
  background-image: url("../images/grid/grid-6.jpg");
}
.dvm-grid.grid-small .grid-card {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
  min-width: 50%;
  max-width: 50%;
  padding: 100px 0;
}
.dvm-grid.grid-small .grid-card .card-heading {
  max-width: 100%;
  font-size: 24px;
}
.dvm-grid.grid-small .grid-card .card-excerpt {
  max-width: 70%;
  font-size: 20px;
}
.dvm-grid.grid-small .grid-card .card-excerpt p {
  font-size: 16px;
}
.dvm-grid.grid-small .grid-card .btn-card {
  padding: 0.5em 1em;
  font-size: 16px;
  min-width: 190px;
  border: 2px solid #fff;
}
@media (max-width: 991px) {
  .dvm-grid.grid-small .grid-card {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
}
.dvm-grid.grid-large .grid-card {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 25%;
          flex: 1 0 25%;
  width: 25%;
  max-width: 25%;
  min-width: 25%;
}
.dvm-grid.grid-large .grid-card .card-heading {
  font-size: 18px;
  width: 100%;
}
.dvm-grid.grid-large .grid-card .card-excerpt p {
  font-size: 14px;
}
.dvm-grid.grid-large .grid-card .btn-card {
  padding: 4px 10px;
  font-size: 10px;
  min-width: 100px;
  border: 1px solid #fff;
}
@media (max-width: 1499px) {
  .dvm-grid.grid-large .grid-card {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 33.333333%;
            flex: 1 0 33.333333%;
    max-width: 33.333333%;
    width: 33.333333%;
    min-width: 33.333333%;
  }
}
@media (max-width: 1199px) {
  .dvm-grid.grid-large .grid-card {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    min-width: 50%;
    max-width: 50%;
  }
  .dvm-grid.grid-large .grid-card .card-heading {
    font-size: 25px;
  }
  .dvm-grid.grid-large .grid-card .card-excerpt p {
    font-size: 16px;
  }
  .dvm-grid.grid-large .grid-card .btn-card {
    padding: 0.5em 1em;
    font-size: 16px;
    min-width: 190px;
    border: 2px solid #fff;
  }
}
@media (max-width: 991px) {
  .dvm-grid.grid-large .grid-card {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
}

.top-post-card {
  text-align: center;
}
.top-post-card .heading-link:hover, .top-post-card .heading-link:active, .top-post-card .heading-link:focus {
  text-decoration: none;
}
.top-post-card .heading-link h3 {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.top-post-card .heading-link:hover h3, .top-post-card .heading-link:active h3, .top-post-card .heading-link:focus h3 {
  color: #00bed2;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.top-post-card .read-more-btn {
  margin-top: 40px;
}
.top-post-card a.view-article {
  display: none;
}

.load-more-btn:hover img, .load-more-btn:focus img {
  opacity: 0.8;
}

/* --------------------------------------
/*  Map Footer Section
/* -------------------------------------*/
.map-footer-section .ngm-frontend-container {
  height: 500px;
}
@media (max-width: 1024px) {
  .map-footer-section .ngm-frontend-container {
    height: 500px;
  }
}
.map-footer-section .col-left-inner {
  height: 500px;
  padding: 100px 40px 40px 80px;
}
.map-footer-section .col-left-inner .contact-details {
  list-style: none;
  font-size: 16px;
}
@media (max-width: 1024px) {
  .map-footer-section .col-left-inner {
    height: auto;
    padding: 40px 20px;
  }
}
.map-footer-section .flex-col-right {
  padding-right: 0;
  padding-left: 0;
}

/* --------------------------------------
/*  Clients Section
/* -------------------------------------*/
.clients-section {
  padding: 70px 0 90px;
  background-color: #000;
}
.clients-section h3 {
  text-align: center;
  color: #fff;
  margin-top: 0;
}
.clients-section .clients-inner-wrap .slick-dots {
  margin-bottom: 0;
  bottom: -60px;
}
.clients-section .clients-inner-wrap .client-panel {
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.clients-section .clients-inner-wrap .client-panel .client-card {
  max-width: 25%;
  min-height: 200px;
  padding: 10px;
}
.clients-section .clients-inner-wrap .client-panel .client-card .client-card-inner {
  min-height: 200px;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.clients-section .clients-inner-wrap .client-panel .client-card .client-card-inner img {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 991px) {
  .clients-section .clients-inner-wrap .client-panel .client-card {
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .clients-section .clients-inner-wrap .client-panel .client-card {
    max-width: 100%;
  }
}

/* --------------------------------------
/*  Related Services Section
/* -------------------------------------*/
.related-services-section {
  background-color: #000;
}
.related-services-section h3 {
  color: #fff;
  padding: 0 15px;
  text-align: center;
  margin: 0 0 50px 0;
}
.related-services-section .arrow-wrap {
  display: none;
  padding-bottom: 30px;
  text-align: center;
}
.related-services-section .arrow-wrap .arrow-down-expand {
  display: inline-block;
}
.related-services-section .arrow-wrap .arrow-down-expand img {
  width: 58px;
  height: auto;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.related-services-section .arrow-wrap .arrow-down-expand:hover img, .related-services-section .arrow-wrap .arrow-down-expand:focus img {
  opacity: 0.7;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.related-services-section .services-list ul {
  margin: 0;
}
.related-services-section .services-list ul li {
  color: #00bed2;
  line-height: 1.2;
}
.related-services-section .services-list ul li h4 {
  color: #fff;
}

/* --------------------------------------
/*  Pro Bono Clients Section
/* -------------------------------------*/
.pro-bono-client-section {
  background-color: #000000;
}
@media (max-width: 1024px) {
  .pro-bono-client-section {
    padding: 70px 0;
  }
}
.pro-bono-client-section h3 {
  text-align: center;
  color: #fff;
}
.pro-bono-client-section .clients-wrap {
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.pro-bono-client-section .clients-wrap .client-card {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 25%;
          flex: 1 0 25%;
  min-width: 250px;
  text-align: center;
}
.pro-bono-client-section .clients-wrap .client-card a {
  display: inline-block;
  padding: 15px;
}

/* --------------------------------------
/*  Grid Pagination Section
/* -------------------------------------*/
.grid-pagination-section {
  background-color: #00bed2;
  padding: 20px 0;
  text-align: center;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.grid-pagination-section span, .grid-pagination-section a {
  color: #fff;
  text-decoration: none;
  vertical-align: middle;
}
.grid-pagination-section span.current, .grid-pagination-section a.current {
  text-decoration: underline;
}
.grid-pagination-section .page-numbers {
  padding: 10px;
  font-size: 15px;
}
.grid-pagination-section .next.page-numbers {
  font-size: 56px;
}
.grid-pagination-section .prev.page-numbers {
  font-size: 56px;
}

/* --------------------------------------
/*  Load More Section
/* -------------------------------------*/
.load-more-section {
  padding: 30px 0;
  background-color: #00bed2;
  text-align: center;
}
.load-more-section .load-more-btn {
  display: inline-block;
  text-decoration: none;
}
.load-more-section .load-more-btn img {
  width: 58px;
  height: auto;
}
.load-more-section .load-more-loader i {
  color: #fff;
  font-size: 30px;
}

/* --------------------------------------
/*  Blog Modal
/* -------------------------------------*/
#blog-signup-popup,
#hp-contact-popup {
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 60;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  left: 0;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
#blog-signup-popup.hide-modal,
#hp-contact-popup.hide-modal {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 0;
}
#blog-signup-popup .modal-overlay,
#hp-contact-popup .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 14;
}
#blog-signup-popup .signup-inner-wrap,
#hp-contact-popup .signup-inner-wrap {
  padding: 15px;
  z-index: 15;
  background-color: #00bed2;
  position: relative;
  max-width: 1170px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (max-width: 1024px) {
  #blog-signup-popup .signup-inner-wrap,
  #hp-contact-popup .signup-inner-wrap {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    top: 0;
    left: 0;
    min-height: 100%;
  }
}
#blog-signup-popup .signup-inner-wrap h2,
#hp-contact-popup .signup-inner-wrap h2 {
  font-size: 50px;
}
#blog-signup-popup .signup-inner-wrap .signup-popup-close-btn,
#blog-signup-popup .signup-inner-wrap .hp-contact-popup-close-btn,
#hp-contact-popup .signup-inner-wrap .signup-popup-close-btn,
#hp-contact-popup .signup-inner-wrap .hp-contact-popup-close-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}
#blog-signup-popup .signup-inner-wrap .signup-popup-close-btn i,
#blog-signup-popup .signup-inner-wrap .hp-contact-popup-close-btn i,
#hp-contact-popup .signup-inner-wrap .signup-popup-close-btn i,
#hp-contact-popup .signup-inner-wrap .hp-contact-popup-close-btn i {
  font-size: 18px;
  color: #fff;
}

/* --------------------------------------
/*  Newsletter section
/* -------------------------------------*/
.newsletter-signup-section h2, .newsletter-signup-section p, .newsletter-signup-section a, .newsletter-signup-section label, .newsletter-signup-section input[type=text] {
  color: #fff;
}

/* --------------------------------------
/*  #10 - 404
/* -------------------------------------- */
.fourofour {
  text-align: center;
  margin: 0 auto;
}
.fourofour h1 {
  font-size: 250px;
  line-height: 1;
  margin: 80px 0;
  color: rgb(55.2727272727, 55.2727272727, 58.7272727273);
}
@media (max-width: 1024px) {
  .fourofour h1 {
    font-size: 50px;
  }
}
.fourofour p {
  font-size: 15px;
  color: #505055;
}
.fourofour a {
  font-size: 15px;
  text-decoration: none;
}
.fourofour a:hover, .fourofour a:focus {
  color: #fff;
}

#wrap .fourofour .search {
  width: 100%;
}
#wrap .fourofour .search .input-group {
  display: block;
}

/* --------------------------------------
/*  Blog
/* -------------------------------------- */
/* --------------------------------------
/*  News
/* -------------------------------------*/
/* --------------------------------------
/*  Post in same category
/* -------------------------------------*/
/* --------------------------------------
/*  Latest Blog Posts
/* -------------------------------------*/
.latest-blog-posts {
  margin-bottom: 3em;
}
.latest-blog-posts > .container > .row {
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-align-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
@media (max-width: 1024px) {
  .latest-blog-posts > .container > .row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.latest-blog-posts > .container > .row .latest-blog-post {
  display: block;
  padding: 0;
  background: #ebebeb;
  border-right: 15px solid #fff;
  border-left: 15px solid #fff;
  text-align: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.latest-blog-posts > .container > .row .latest-blog-post:hover, .latest-blog-posts > .container > .row .latest-blog-post:focus, .latest-blog-posts > .container > .row .latest-blog-post a, .latest-blog-posts > .container > .row .latest-blog-post a:hover, .latest-blog-posts > .container > .row .latest-blog-post a:focus {
  text-decoration: none;
}
@media (max-width: 1024px) {
  .latest-blog-posts > .container > .row .latest-blog-post {
    margin-left: -1px;
    margin-bottom: 2em;
  }
}
@media (max-width: 1024px) {
  .latest-blog-posts > .container > .row .latest-blog-post {
    margin-bottom: 1em;
  }
  .latest-blog-posts > .container > .row .latest-blog-post img {
    max-width: none;
    width: 100%;
  }
}
.latest-blog-posts > .container > .row .latest-blog-post:hover, .latest-blog-posts > .container > .row .latest-blog-post:focus, .latest-blog-posts > .container > .row .latest-blog-post:active {
  background: #ebebeb;
}
.latest-blog-posts > .container > .row .latest-blog-post .content {
  display: block;
  padding: 1.5em 2em 2em;
  color: #fff;
}
.latest-blog-posts > .container > .row .latest-blog-post .content .title {
  font-family: "GT-America", "Helvetica", Arial, Helvetica, San-serif;
  font-size: 24px;
  color: #505055;
  line-height: 1.2;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}
.latest-blog-posts > .container > .row .latest-blog-post .content .title a, .latest-blog-posts > .container > .row .latest-blog-post .content .titlea {
  color: #00bed2;
}
.latest-blog-posts > .container > .row .latest-blog-post .content .title a:hover, .latest-blog-posts > .container > .row .latest-blog-post .content .title a:focus, .latest-blog-posts > .container > .row .latest-blog-post .content .titlea:hover, .latest-blog-posts > .container > .row .latest-blog-post .content .titlea:focus {
  text-decoration: underline;
  color: rgb(0, 143.8571428571, 159);
}
.latest-blog-posts > .container > .row .latest-blog-post .content .title {
  margin-bottom: 30px;
  margin-bottom: 0.5em;
  color: #fff;
  display: block;
}

/* --------------------------------------
/*  Latest News
/* -------------------------------------*/
.latest-news-container p {
  margin: 0;
  padding: 0;
}
.latest-news-container p.title {
  font-family: "GT-America", "Helvetica", Arial, Helvetica, San-serif;
  color: #fff;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}
.latest-news-container p.title a {
  color: #fff;
}
.latest-news-container p.title a:hover, .latest-news-container p.title a:focus, .latest-news-container p.title a:active {
  text-decoration: none;
}
.latest-news-container .latest-news-container-inner + .latest-news-container-inner {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px dotted rgba(255, 255, 255, 0.3);
}

/* --------------------------------------
/*  Recent Blog
/* -------------------------------------*/
.recent-blog-posts:hover, .recent-blog-posts:focus, .recent-blog-posts a, .recent-blog-posts a:hover, .recent-blog-posts a:focus {
  text-decoration: none;
}
.recent-blog-posts a {
  color: #00bed2;
}

/* --------------------------------------
/*  Blog
/* -------------------------------------*/
.blog-headings h1 a {
  color: #00bed2;
}

.blog-container {
  padding-right: 45px;
  margin-bottom: 30px;
}
.blog-container .blog-publish-details {
  margin-bottom: 8px;
}
.blog-container .blog-publish-details .date {
  text-transform: uppercase;
  color: #505055;
  font-size: 12px;
  font-weight: normal;
  margin-top: 8px;
  display: block;
}
.blog-container .blog-publish-details .author {
  color: #505055;
  font-size: 12px;
}
.blog-container .blog-publish-details a {
  font-weight: normal;
  text-decoration: none;
  color: #505055;
}
.blog-container {
  /*** Blog Archive Pages ***/
}
.blog-container .post, .blog-container .page {
  border-bottom: 1px solid #DDDDDD;
  padding-bottom: 8px;
}
.blog-container .blog-content .image-thumb-loop {
  float: right;
  display: inline;
}
.blog-container .image-thumb-loop {
  margin-bottom: 9px;
  display: inline-block;
  float: right;
  width: auto;
}
.blog-container .image-thumb-loop.floating {
  padding: 0 0 15px 15px;
}
.blog-container .image-thumb-loop.no-float {
  padding: 0;
  float: none;
  display: block;
}
@media (max-width: 1024px) {
  .blog-container .image-thumb-loop {
    float: none;
    padding: 0;
    display: block;
  }
}
.blog-container .image-thumb-loop img {
  width: auto;
}

.single-post .blog-container .post, .single-post .blog-container .page {
  border-bottom: 0;
}

/*** Pagination ***/
.pagination {
  text-transform: uppercase;
  font-weight: normal;
}
.pagination span.current {
  color: #00bed2;
  padding: 0 3px;
}
.pagination a {
  padding: 0 3px;
  color: #BEC5CA;
}
.pagination a:hover, .pagination a:focus, .pagination a a, .pagination a a:hover, .pagination a a:focus {
  text-decoration: none;
}

/* --------------------------------------
/*  Share This
/* -------------------------------------*/
.share-buttons ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.share-buttons ul li {
  display: inline-block;
}
.share-buttons ul li a {
  font-weight: normal;
}
.share-buttons ul li a:hover, .share-buttons ul li a:focus, .share-buttons ul li a a, .share-buttons ul li a a:hover, .share-buttons ul li a a:focus {
  text-decoration: none;
}
.share-buttons ul li a {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.share-buttons .top-share-buttons {
  margin-top: 25px;
  margin-bottom: 15px;
}
.share-buttons .top-share-buttons .sharing-buttons {
  text-align: center;
  padding-bottom: 40px;
}
.share-buttons .top-share-buttons .sharing-buttons li {
  margin: 0 5px;
}
.share-buttons .top-share-buttons ul li a {
  padding: 8px 0 0;
  width: 40px;
  height: 40px;
  border: 1px solid #DDDDDD;
  display: block;
  font-size: 12px;
  color: #505055;
  border-radius: 50%;
}
.share-buttons .top-share-buttons ul li a i {
  font-size: 15px;
}
.share-buttons .top-share-buttons ul li a:hover, .share-buttons .top-share-buttons ul li a:focus {
  background: #505055;
  color: #fff;
  border-color: #DDDDDD;
}
.share-buttons .bottom-share-buttons {
  margin: 10px 0;
}
.share-buttons .bottom-share-buttons ul li + li {
  padding-left: 25px;
}
.share-buttons .bottom-share-buttons ul li a {
  display: block;
  text-transform: uppercase;
  font-size: 12px;
  color: rgb(145.8979591837, 158.0204081633, 166.1020408163);
}
.share-buttons .bottom-share-buttons ul li a i {
  color: #5C6E7B;
  padding-right: 6px;
  font-size: 15px;
  vertical-align: top;
}

/* --------------------------------------
/*  Search section
/* -------------------------------------*/
.blog-search-section {
  margin-bottom: 40px;
  min-height: 80px;
  width: 100%;
  position: relative;
}
#wrap .blog-search-section form {
  width: 100%;
}
#wrap .blog-search-section form .input-group {
  width: 100%;
}
#wrap .blog-search-section form .input-group .search-input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #2a2a2a;
  border-radius: 0px;
  -webkit-appearance: none !important;
  background: transparent;
  padding: 10px 15px;
  font-size: 24px;
}
#wrap .blog-search-section form button.search-submit {
  padding-top: 0px;
  top: 28px;
  right: 11px;
}
#wrap .blog-search-section form button.search-submit i {
  font-size: 20px;
}

/* --------------------------------------
/*  Category List Section
/* -------------------------------------*/
.category-list-section {
  padding-bottom: 60px;
}
.category-list-section h3 {
  margin-top: 0;
  text-align: center;
}
.category-list-section .cats-wrap {
  text-align: center;
}
.category-list-section .cats-wrap .cat-link {
  background-color: rgb(222.25, 222.25, 222.25);
  display: inline-block;
  padding: 0 7px;
  margin-bottom: 5px;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  text-decoration: none;
}
.category-list-section .cats-wrap .cat-link:hover, .category-list-section .cats-wrap .cat-link:focus, .category-list-section .cats-wrap .cat-link:active {
  background-color: rgb(214.6, 214.6, 214.6);
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

/* --------------------------------------
/*  Related Blogs btn wrap
/* -------------------------------------*/
.related-posts-btn-wrap {
  padding-top: 70px;
  background-color: #000;
}

/* --------------------------------------
/*  Custom ACF Sections
/* -------------------------------------*/
/* --------------------------------------
/*  Privacy Page
/* -------------------------------------*/
.triggers {
  position: relative;
}
.triggers #privacy {
  width: 100%;
  position: absolute;
  top: 580px;
}
@media (max-width: 991px) {
  .triggers #privacy {
    top: 650px;
  }
}
.triggers #corporate {
  width: 100%;
  position: absolute;
  top: 100px;
}
@media (max-width: 991px) {
  .triggers #corporate {
    top: 0;
  }
}
.triggers #copyright {
  width: 100%;
  position: absolute;
  top: 300px;
}

/* --------------------------------------
/*  Sectors Single
/* -------------------------------------*/
.related-posts-section {
  background: #000;
}

/* --------------------------------------
/*  Landing Pages
/* -------------------------------------*/
body.page-template-template-landing-page h2:first-child,
body.page-template-template-landing-page h3:first-child {
  margin-top: 0px;
}
@media (max-width: 1024px) {
  body.page-template-template-landing-page .lp-hero-content p:first-child {
    margin-bottom: 0;
  }
  body.page-template-template-landing-page .lp-hero-content img {
    width: 179px;
    margin-bottom: 0;
  }
  body.page-template-template-landing-page .lp-hero-content h3 {
    font-size: 21px;
  }
}
body.page-template-template-landing-page .cta-text-btn-section {
  background-color: #00bed2;
}
body.page-template-template-landing-page .cta-text-btn-section h1, body.page-template-template-landing-page .cta-text-btn-section h2, body.page-template-template-landing-page .cta-text-btn-section h3,
body.page-template-template-landing-page .cta-text-btn-section h4, body.page-template-template-landing-page .cta-text-btn-section h5, body.page-template-template-landing-page .cta-text-btn-section h6,
body.page-template-template-landing-page .cta-text-btn-section p, body.page-template-template-landing-page .cta-text-btn-section span {
  color: #fff;
}
body.page-template-template-landing-page .cta-text-btn-section__inner {
  text-align: center;
}
body.page-template-template-landing-page .footer-cta-section {
  background-color: #00bed2;
}
body.page-template-template-landing-page .footer-cta-section h1, body.page-template-template-landing-page .footer-cta-section h2, body.page-template-template-landing-page .footer-cta-section h3,
body.page-template-template-landing-page .footer-cta-section h4, body.page-template-template-landing-page .footer-cta-section h5, body.page-template-template-landing-page .footer-cta-section h6,
body.page-template-template-landing-page .footer-cta-section p, body.page-template-template-landing-page .footer-cta-section span {
  color: #fff;
}
body.page-template-template-landing-page .footer-cta-section h3 {
  text-align: center;
}
body.page-template-template-landing-page .footer-cta-section .g-recaptcha > div {
  margin: 0 auto;
}
body.page-template-template-landing-page #securing_success,
body.page-template-template-landing-page .image-text-section {
  background-color: #2a2a2a;
}
body.page-template-template-landing-page #securing_success h2,
body.page-template-template-landing-page .image-text-section h2 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 40px;
}
body.page-template-template-landing-page #securing_success h1, body.page-template-template-landing-page #securing_success h2, body.page-template-template-landing-page #securing_success h3,
body.page-template-template-landing-page #securing_success h4, body.page-template-template-landing-page #securing_success h5, body.page-template-template-landing-page #securing_success h6,
body.page-template-template-landing-page #securing_success p, body.page-template-template-landing-page #securing_success span,
body.page-template-template-landing-page .image-text-section h1,
body.page-template-template-landing-page .image-text-section h2,
body.page-template-template-landing-page .image-text-section h3,
body.page-template-template-landing-page .image-text-section h4,
body.page-template-template-landing-page .image-text-section h5,
body.page-template-template-landing-page .image-text-section h6,
body.page-template-template-landing-page .image-text-section p,
body.page-template-template-landing-page .image-text-section span {
  color: #fff;
}
@media (max-width: 991px) {
  body.page-template-template-landing-page #securing_success .content-col,
  body.page-template-template-landing-page .image-text-section .content-col {
    padding-top: 30px;
  }
  body.page-template-template-landing-page #securing_success .content-col a,
  body.page-template-template-landing-page .image-text-section .content-col a {
    margin: 10px auto;
  }
}
body.page-template-template-landing-page #startup_clients,
body.page-template-template-landing-page .small-slider-section {
  background-color: #000;
  text-align: center;
}
body.page-template-template-landing-page #startup_clients h2,
body.page-template-template-landing-page .small-slider-section h2 {
  margin-bottom: 40px;
}
body.page-template-template-landing-page #startup_clients h1, body.page-template-template-landing-page #startup_clients h2, body.page-template-template-landing-page #startup_clients h3,
body.page-template-template-landing-page #startup_clients h4, body.page-template-template-landing-page #startup_clients h5, body.page-template-template-landing-page #startup_clients h6,
body.page-template-template-landing-page #startup_clients p, body.page-template-template-landing-page #startup_clients span,
body.page-template-template-landing-page .small-slider-section h1,
body.page-template-template-landing-page .small-slider-section h2,
body.page-template-template-landing-page .small-slider-section h3,
body.page-template-template-landing-page .small-slider-section h4,
body.page-template-template-landing-page .small-slider-section h5,
body.page-template-template-landing-page .small-slider-section h6,
body.page-template-template-landing-page .small-slider-section p,
body.page-template-template-landing-page .small-slider-section span {
  color: #fff;
}
body.page-template-template-landing-page #startup_clients .slick-dots,
body.page-template-template-landing-page .small-slider-section .slick-dots {
  margin-bottom: -35px;
}
body.page-template-template-landing-page #form_cta h3,
body.page-template-template-landing-page .cta-text-btn-section h3 {
  text-align: center;
}
body.page-template-template-landing-page .icon-content-section__top {
  text-align: center;
  margin-bottom: 40px;
}
body.page-template-template-landing-page .icon-content-section .icon-wrap {
  text-align: center;
}
body.page-template-template-landing-page .icon-content-section .icon-wrap img {
  max-width: 100px;
  margin: 0 auto;
}
body.page-template-template-landing-page .icon-content-section .col-content h3 {
  text-align: center;
}
body.page-template-template-landing-page .rich-content-section h2 {
  margin-bottom: 40px;
}
body.page-template-template-landing-page .rich-content-section#pricing_content {
  background-color: #00bed2;
}
body.page-template-template-landing-page .rich-content-section#pricing_content h1, body.page-template-template-landing-page .rich-content-section#pricing_content h2, body.page-template-template-landing-page .rich-content-section#pricing_content h3,
body.page-template-template-landing-page .rich-content-section#pricing_content h4, body.page-template-template-landing-page .rich-content-section#pricing_content h5, body.page-template-template-landing-page .rich-content-section#pricing_content h6,
body.page-template-template-landing-page .rich-content-section#pricing_content p, body.page-template-template-landing-page .rich-content-section#pricing_content span {
  color: #fff;
}
body.page-template-template-landing-page .rich-content-section#pricing_content .btn, body.page-template-template-landing-page .rich-content-section#pricing_content .ninja-forms-cont .submit-wrap div[id^=nf_submit] input[type=submit], .ninja-forms-cont .submit-wrap div[id^=nf_submit] body.page-template-template-landing-page .rich-content-section#pricing_content input[type=submit],
body.page-template-template-landing-page .rich-content-section#pricing_content .ninja-forms-cont .submit-wrap div[id^=nf_processing] input[type=submit],
.ninja-forms-cont .submit-wrap div[id^=nf_processing] body.page-template-template-landing-page .rich-content-section#pricing_content input[type=submit], body.page-template-template-landing-page .rich-content-section#pricing_content .fourofour a, .fourofour body.page-template-template-landing-page .rich-content-section#pricing_content a {
  margin-top: 25px;
}
body.page-template-template-landing-page .recent-posts-section {
  background-color: #000;
}
body.page-template-template-landing-page .recent-posts-section .heading {
  text-align: center;
  padding: 0 15px;
}
body.page-template-template-landing-page .recent-posts-section .heading h1, body.page-template-template-landing-page .recent-posts-section .heading h2, body.page-template-template-landing-page .recent-posts-section .heading h3,
body.page-template-template-landing-page .recent-posts-section .heading h4, body.page-template-template-landing-page .recent-posts-section .heading h5, body.page-template-template-landing-page .recent-posts-section .heading h6,
body.page-template-template-landing-page .recent-posts-section .heading p, body.page-template-template-landing-page .recent-posts-section .heading span {
  color: #fff;
  margin-bottom: 50px;
}

.ninja-forms-req-symbol {
  color: #fff !important;
}