/*!
 * Bootstrap v3.3.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

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

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

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

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  height: 0;
  box-sizing: content-box;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}

legend {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

/*
 * Font-face
 *========================================
 * Sass doesn't like nester font-face declarations so we have to load themes' 
 * ff declarations up here 
 *
 */
@font-face {
  font-family: "adelle-sans";
  src: url("lmn.jester.theme.default/src/base/font/adellesansbasic-regular-webfont.eot");
  src: url("lmn.jester.theme.default/src/base/font/adellesansbasic-regular-webfont.eot?#iefix") format("embedded-opentype"), url("adellesansbasic-regular-webfont.woff") format("woff"), url("adellesansbasic-regular-webfont.ttf") format("truetype"), url("adellesansbasic-regular-webfont.svg#adelle-sans") format("svg");
}
@font-face {
  font-family: "adelle-sans";
  font-weight: bold;
  src: url("lmn.jester.theme.default/src/base/font/adellesansbasic-bold-webfont.eot");
  src: url("lmn.jester.theme.default/src/base/font/adellesansbasic-bold-webfont.eot?#iefix") format("embedded-opentype"), url("adellesansbasic-bold-webfont.woff") format("woff"), url("adellesansbasic-bold-webfont.ttf") format("truetype"), url("adellesansbasic-bold-webfont.svg#adelle-sans") format("svg");
}
@font-face {
  font-family: "LMN-icons";
  src: url("lmn.jester.theme.default/src/base/font/LMN-icons.eot");
  src: url("lmn.jester.theme.default/src/base/font/LMN-icons.eot?#iefix") format("embedded-opentype"), url("lmn.jester.theme.default/src/base/font/LMN-icons.woff") format("woff"), url("lmn.jester.theme.default/src/base/font/LMN-icons.ttf") format("truetype"), url("lmn.jester.theme.default/src/base/font/LMN-icons.svg#icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*
 * Config and utilities
 *========================================
 */
/*
 * Layout
 */
/*
 * Typography
 * ---------------------------------------
 */
/*
 * Colours
 * ---------------------------------------
 * Colour variable names should be generated here:
 * http://www.color-blindness.com/color-name-hue/
 */
/*
 * Forms
 * ---------------------------------------
 */
/*
 * Global Components
 *========================================
 */
.color-persian-green {
  color: #01b69b;
}

.color-bg-persian-green {
  background-color: #01b69b;
}

.color-border-persian-green {
  border-color: #01b69b;
}

.color-deep-sky-blue {
  color: #00aced;
}

.color-bg-deep-sky-blue {
  background-color: #00aced;
}

.color-border-deep-sky-blue {
  border-color: #00aced;
}

.color-cafe-royale {
  color: #664628;
}

.color-bg-cafe-royale {
  background-color: #664628;
}

.color-border-cafe-royale {
  border-color: #664628;
}

.color-vermilion {
  color: #ff4a00;
}

.color-bg-vermilion {
  background-color: #ff4a00;
}

.color-border-vermilion {
  border-color: #ff4a00;
}

.color-international-orange {
  color: #ff5510;
}

.color-bg-international-orange {
  background-color: #ff5510;
}

.color-border-international-orange {
  border-color: #ff5510;
}

.color-bittersweet {
  color: #ff6666;
}

.color-bg-bittersweet {
  background-color: #ff6666;
}

.color-border-bittersweet {
  border-color: #ff6666;
}

.color-hollywood-cerise {
  color: #eb008a;
}

.color-bg-hollywood-cerise {
  background-color: #eb008a;
}

.color-border-hollywood-cerise {
  border-color: #eb008a;
}

.color-sunglow {
  color: #ffce35;
}

.color-bg-sunglow {
  background-color: #ffce35;
}

.color-border-sunglow {
  border-color: #ffce35;
}

.color-yellow-green {
  color: #8ac53e;
}

.color-bg-yellow-green {
  background-color: #8ac53e;
}

.color-border-yellow-green {
  border-color: #8ac53e;
}

.color-endeavour {
  color: #24408e;
}

.color-bg-endeavour {
  background-color: #24408e;
}

.color-border-endeavour {
  border-color: #24408e;
}

.color-narvik {
  color: #f6f5f1;
}

.color-bg-narvik {
  background-color: #f6f5f1;
}

.color-border-narvik {
  border-color: #f6f5f1;
}

.color-white-pointer {
  color: #d8d4c7;
}

.color-bg-white-pointer {
  background-color: #d8d4c7;
}

.color-border-white-pointer {
  border-color: #d8d4c7;
}

.color-cloud {
  color: #c5c2b7;
}

.color-bg-cloud {
  background-color: #c5c2b7;
}

.color-border-cloud {
  border-color: #c5c2b7;
}

.color-cloud-burst {
  color: #333c4c;
}

.color-bg-cloud-burst {
  background-color: #333c4c;
}

.color-border-cloud-burst {
  border-color: #333c4c;
}

.color-night-rider {
  color: #333333;
}

.color-bg-night-rider {
  background-color: #333333;
}

.color-border-night-rider {
  border-color: #333333;
}

.color-primary {
  color: #01b69b;
}

.color-bg-primary {
  background-color: #01b69b;
}

.color-border-primary {
  border-color: #01b69b;
}

.color-secondary {
  color: #00aced;
}

.color-bg-secondary {
  background-color: #00aced;
}

.color-border-secondary {
  border-color: #00aced;
}

.color-alert {
  color: #ff4a00;
}

.color-bg-alert {
  background-color: #ff4a00;
}

.color-border-alert {
  border-color: #ff4a00;
}

.color-neutral {
  color: #d8d4c7;
}

.color-bg-neutral {
  background-color: #d8d4c7;
}

.color-border-neutral {
  border-color: #d8d4c7;
}

.color-text {
  color: #333333;
}

.color-bg-text {
  background-color: #333333;
}

.color-border-text {
  border-color: #333333;
}

.color-text-light {
  color: #999999;
}

.color-bg-text-light {
  background-color: #999999;
}

.color-border-text-light {
  border-color: #999999;
}

.color-text-disabled {
  color: #666666;
}

.color-bg-text-disabled {
  background-color: #666666;
}

.color-border-text-disabled {
  border-color: #666666;
}

.color-text-link {
  color: #01b69b;
}

.color-bg-text-link {
  background-color: #01b69b;
}

.color-border-text-link {
  border-color: #01b69b;
}

.color-text-menu {
  color: #616266;
}

.color-bg-text-menu {
  background-color: #616266;
}

.color-border-text-menu {
  border-color: #616266;
}

.color-facebook {
  color: #3b5998;
}

.color-bg-facebook {
  background-color: #3b5998;
}

.color-border-facebook {
  border-color: #3b5998;
}

.color-twitter {
  color: #55acee;
}

.color-bg-twitter {
  background-color: #55acee;
}

.color-border-twitter {
  border-color: #55acee;
}

.color-google {
  color: #dd4b39;
}

.color-bg-google {
  background-color: #dd4b39;
}

.color-border-google {
  border-color: #dd4b39;
}

button {
  cursor: pointer;
}

.button {
  display: inline-block;
  line-height: 1;
  padding: 0.625rem 1rem;
  vertical-align: top;
  border: none;
  border-radius: 0.1875rem;
  box-shadow: none;
  font-size: 1.25rem;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  border: none;
}
.button:hover {
  text-decoration: none;
}
.button span ~ i,
.button i ~ span {
  margin-left: 0.25rem;
}

@media all and (max-width: 320px) {
  .back {
    display: none !important;
    visibility: hidden;
  }
}

.button.big {
  padding: 1rem 1.25rem;
}

.button.wide {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

.button.square {
  padding: 0.625rem;
}

.button-share {
  display: block;
  width: 2.625rem;
  height: 2.625rem;
  line-height: 2.625rem;
  text-align: center;
  color: white;
}

/*
 * Button States
 */
.button:hover {
  transition: background-position 0.1s linear;
}

.button.active,
.button:active {
  outline: 0;
  box-shadow: inset 0 0.0625rem rgba(0, 0, 0, 0.05);
}

hr {
  display: inline-block;
  width: 100%;
  margin: 1.25rem 0;
  vertical-align: top;
  border: none;
  border-bottom-width: 0.125rem;
  border-bottom-style: solid;
}

hr.small {
  width: 2.25rem;
  margin: 2.5rem auto;
}

.divider-thin {
  background-color: #dddddd;
  height: 2px;
  border: none;
}

.divider-thick {
  background-color: #FFF;
  height: 10px;
  border: none;
}

/*
 * Swiper 2.7.0
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2014, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: August 30, 2014
*/
/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0px, 0px);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px, 0, 0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
  transition-timing-function: ease;
  box-sizing: content-box;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  float: left;
  box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
  /* Specify Swiper's Size: */
  /*width:200px;
  height: 100px;*/
}

.swiper-slide {
  /* Specify Slides's Size: */
}

.swiper-slide-active {
  /* Specific active slide styling: */
}

.swiper-slide-visible {
  /* Specific visible slide styling: */
}

/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
  /* Stylize pagination button: */
}

.swiper-active-switch {
  /* Specific active button style: */
}

.swiper-visible-switch {
  /* Specific visible button style: */
}

.swiper-pagination-switch {
  display: inline-block;
  cursor: pointer;
}

.tabs-tab {
  display: inline-block;
  text-decoration: none;
}
.tabs-tab:hover, .tabs-tab:active, .tabs-tab:visited, .tabs-tab:focus {
  text-decoration: none;
}

.tabs-tab.is-active {
  cursor: default;
}

.gallery-simple {
  height: 18.75rem;
  overflow: hidden;
  position: relative;
}

.gallery-simple-images {
  white-space: nowrap;
  height: 18.75rem;
}
.gallery-simple-images img {
  display: inline-block;
  margin-left: 0.625rem;
  width: auto;
  height: 100%;
}
.gallery-simple-images img:first-child {
  margin-left: 0;
}

.scroll-horizontal-wrapper {
  overflow: hidden;
}

.scroll-horizontal {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 3.125rem;
}

.gallery-simple-arrow {
  display: inline-block;
  position: absolute;
  z-index: 2;
  top: 50%;
  font-size: 1.875rem;
  margin-top: -0.9375rem;
  color: white;
  text-decoration: none;
}
.gallery-simple-arrow:hover {
  text-decoration: none;
}

.gallery-simple-arrow-left {
  padding-right: 0.125rem;
  margin-left: 0.9375rem;
}

.icon-previous:before {
  content: "<";
}

.gallery-simple-arrow-right {
  right: 0;
  padding-left: 0.125rem;
  margin-right: 0.9375rem;
}

.icon-next:before {
  content: ">";
}

@media all and (max-width: 768px) {
  .touch .scroll-horizontal {
    overflow: auto;
  }

  .gallery-simple {
    height: 9.375rem;
  }

  .gallery-simple-images {
    width: 72.8125rem;
    height: 9.375rem;
  }
}
.gender-switch {
  width: 100%;
}

.gender-switch-option {
  position: relative;
  width: 50%;
  height: 2.5rem;
  display: block;
  float: left;
}
.gender-switch-option .face {
  position: absolute;
  bottom: 0;
  z-index: 1;
  right: -0.9375rem;
  -webkit-filter: grayscale(20%);
          filter: grayscale(20%);
  height: 220%;
}
.gender-switch-option .face img {
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media all and (max-width: 1024px) {
  .gender-switch-option .face {
    display: none;
  }
}
@media all and (max-width: 992px) {
  .gender-switch-option .face {
    display: block;
    right: 0;
    width: 4.8rem;
    height: 140%;
  }
}
.gender-switch-option label {
  display: block;
  width: 100%;
  height: 2.5rem;
  line-height: 2.5rem;
  padding: 0 0.8125rem !important;
  overflow: visible !important;
  font-weight: bold !important;
  font-size: 1.125rem;
  background: grey;
  text-transform: uppercase;
  transition: background 0.2s;
  cursor: pointer;
}
.gender-switch-option label[lang="de"] .gender-switch-option label {
  font-size: 0.6875rem;
  line-height: 2.8125rem;
}
.gender-switch-option input {
  position: absolute;
  opacity: 0;
}
.gender-switch-option input:checked + label {
  background: white;
  color: black;
}
.gender-switch-option input:checked + label .face {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}
.gender-switch-option:first-child {
  padding-right: 0.125rem;
}
.gender-switch-option:first-child label {
  border-radius: 0.1875rem 0 0 0.1875rem;
}
.gender-switch-option:last-child label {
  border-radius: 0 0.1875rem 0.1875rem 0;
}

.panel {
  padding: 1.25rem;
  border: 0.0625rem solid #d8d4c7;
  background: white;
  border-radius: 0.625rem;
}

.video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.video > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
 * Deafult Theme - Default
 *========================================
 */
/*
 * Layout
 */
/*
 * Typography
 * ---------------------------------------
 */
/*
 * Colours
 * ---------------------------------------
 * Colour variable names should be generated here:
 * http://www.color-blindness.com/color-name-hue/
 */
/*
 * Forms
 * ---------------------------------------
 */
html, .html {
  font-size: 16px;
}
@media all and (max-width: 768px) {
  html, .html {
    font-size: 14.8px;
  }
}

body, .body {
  font-size: 16px;
  font-family: "adelle-sans", sans-serif;
  line-height: 1.5;
  color: #333333;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media all and (max-width: 768px) {
  body, .body {
    font-size: 14.8px;
  }
}

article, .article {
  margin-bottom: 1.25rem;
}
article:last-child, .article:last-child {
  margin-bottom: 0;
}

.font-sans-serif, .ol > li > .ol-number, ol > li > .ol-number, .theme-default ol > li > .ol-number, .theme-default .ol > li > .ol-number {
  font-family: "adelle-sans", sans-serif;
}

.font-serif, .ol > li, ol > li, .theme-default ol > li, .theme-default .ol > li {
  font-family: "freight-text-pro", serif;
}

a, .a {
  text-decoration: none;
  color: #01b69b;
  cursor: pointer;
}
a:hover, .a:hover {
  text-decoration: underline;
}

p, .p {
  font-family: "freight-text-pro", serif;
  font-size: 1.25em;
  height: 1.5;
  margin-top: 0;
  margin-bottom: 1.25rem;
}
p:last-child, .p:last-child {
  margin-bottom: 0;
}
p.small, .p.small {
  font-size: 1em;
}

.font-sans-serif > p, .ol > li > .ol-number > p, ol > li > .ol-number > p, .theme-default ol > li > .ol-number > p, .theme-default .ol > li > .ol-number > p, .font-sans-serif > .p, .ol > li > .ol-number > .p, ol > li > .ol-number > .p {
  font-family: "adelle-sans", sans-serif;
}

.p-li {
  margin-bottom: 1.25rem;
}
.p-li:last-child {
  margin-bottom: 0;
}

em, .italic {
  font-style: italic;
}

.icon {
  vertical-align: top;
}

.text-md, .ol > li, ol > li, .theme-default ol > li, .ol > li > .ol-number, ol > li > .ol-number, .theme-default ol > li > .ol-number, .theme-default .ol > li, .theme-default .ol > li > .ol-number {
  font-size: 20px;
}

.h1 {
  font-family: "adelle-sans", sans-serif;
  font-weight: bold;
  margin-top: 0;
  line-height: 3.75rem;
  margin-bottom: 1.875rem;
  font-size: 4.125em;
}
.h1.huge {
  line-height: 4.125rem;
  margin-bottom: 2.0625rem;
  font-size: 3.75em;
}
@media all and (max-width: 768px) {
  .h1 {
    font-size: 2.25em;
    line-height: 2.5rem;
  }
}

.h2 {
  font-family: "adelle-sans", sans-serif;
  font-weight: bold;
  margin-top: 0;
  line-height: 3.3125rem;
  margin-bottom: 1.65625rem;
  font-size: 3em;
}
@media all and (max-width: 992px) {
  .h2 {
    font-size: 1.875em;
    line-height: 2.0625rem;
  }
}

.h3 {
  font-family: "adelle-sans", sans-serif;
  font-weight: bold;
  margin-top: 0;
  line-height: 2.5rem;
  margin-bottom: 1.25rem;
  font-size: 2.25em;
}

.h4 {
  font-family: "adelle-sans", sans-serif;
  font-weight: bold;
  margin-top: 0;
  line-height: 2.0625rem;
  margin-bottom: 1.03125rem;
  font-size: 1.875em;
}

.h5 {
  font-family: "adelle-sans", sans-serif;
  font-weight: bold;
  margin-top: 0;
  line-height: 1.625rem;
  margin-bottom: 0.8125rem;
  font-size: 1.5em;
}

.h6 {
  font-family: "adelle-sans", sans-serif;
  font-weight: bold;
  margin-top: 0;
  line-height: 1.375rem;
  margin-bottom: 0.6875rem;
  font-size: 1.25em;
}

.heading-dashed {
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  text-align: center;
  border-style: dashed;
  border-width: 0px 0px 2px 0px;
  border-color: #d8d4c7;
  color: #ff4a00;
}
p + .heading-dashed {
  margin-top: 2.5rem;
}

.heading-brushed {
  line-height: 1.625rem;
  margin-bottom: 0.8125rem;
  font-family: "freight-text-pro", serif;
  margin-bottom: 2.375rem;
  padding-bottom: 1rem;
  text-align: center;
  background-image: url('../../images/dividers/dashed-line-133x2.svg');
  background-repeat: no-repeat;
  border: none;
  background-position: bottom;
  background-size: 130px 2px;
  font-size: 1.5em;
  font-weight: normal;
  color: #666666;
}
p + .heading-brushed {
  margin-top: 2.5rem;
}

.subheading {
  font-family: "adelle-sans", sans-serif;
  font-size: 1.25em;
  height: 1.5;
  margin-top: 0;
  margin-bottom: 1.25rem;
}

blockquote, .blockquote {
  font-style: italic;
  font-size: 1.875em;
  line-height: 2.375rem;
  margin: 1.25rem 0;
  text-align: center;
}

figure, .figure {
  margin: 0;
  text-align: center;
}

.figcaption {
  margin: 0.625rem 0 1.25rem;
  font-size: 0.875em;
  color: #999999;
  text-align: center;
}

pre, .pre {
  font-family: "adelle-sans", sans-serif;
  display: block;
  width: 100%;
  white-space: pre-wrap;
  font-style: italic;
}

.dropcap {
  font-family: "adelle-sans", sans-serif;
  font-weight: bold;
  margin-top: 0;
  line-height: 3.75rem;
  margin-bottom: 1.875rem;
  font-size: 4.125em;
  float: left;
  margin-right: 10px;
  margin-bottom: 0;
  line-height: 0.9;
}

.text-indented {
  display: block;
  padding-left: 1.5625rem;
  border-left: 0.3125rem solid #ff5510;
  color: #ff5510;
  margin-bottom: 1.25rem;
}

input[type="text"],
input[type="email"],
input[type="password"],
.input {
  height: 2.5rem;
  padding: 0 0.625rem;
}

select {
  height: 2.5rem;
  padding: 0.625rem;
}

textarea {
  padding: 0.625rem;
}

[data-count-target] {
  padding-right: 2.5rem;
}

.textarea-counter {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 8px 12px;
  text-align: right;
  font-family: monospace;
  letter-spacing: -1px;
  color: #01b69b;
  pointer-events: none;
}
.textarea-counter.is-negative {
  color: red;
}
textarea.no-highlight ~ .textarea-counter {
  color: #999999;
}

select,
textarea,
input[type="text"],
input[type="email"],
input[type="password"],
.input {
  max-width: 100%;
  background: white;
  border: 0.125rem solid #d8d4c7;
  border-radius: 0.1875rem;
  outline: none;
  font-family: sans-serif;
  font-size: 0.9375em;
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
.input:focus {
  border-color: #00aced;
}
select.is-valid,
textarea.is-valid,
input[type="text"].is-valid,
input[type="email"].is-valid,
input[type="password"].is-valid,
.input.is-valid {
  border-color: #01b69b;
}
select.no-highlight, .no-highlight select,
textarea.no-highlight, .no-highlight
textarea,
input[type="text"].no-highlight, .no-highlight
input[type="text"],
input[type="email"].no-highlight, .no-highlight
input[type="email"],
input[type="password"].no-highlight, .no-highlight
input[type="password"],
.input.no-highlight, .no-highlight
.input {
  border-color: #d8d4c7;
}

input[type="text"][data-validations],
input[type="email"][data-validations],
input[type="password"][data-validations],
.input[data-validations] {
  padding-right: 2.25rem;
  background-image: url(image-path("icons/glyphs/validation-todo-20x20.svg"));
  background-repeat: no-repeat;
  background-position: right 0.5rem top 0.5rem;
}
input[type="text"][data-validations].is-valid,
input[type="email"][data-validations].is-valid,
input[type="password"][data-validations].is-valid,
.input[data-validations].is-valid {
  background-image: url(image-path("icons/glyphs/validation-tick-20x20.svg"));
}
input[type="text"][data-validations].is-filled.is-invalid,
input[type="email"][data-validations].is-filled.is-invalid,
input[type="password"][data-validations].is-filled.is-invalid,
.input[data-validations].is-filled.is-invalid {
  background-image: url(image-path("icons/glyphs/validation-error-20x20.svg"));
}
[data-validation-icons="false"] input[type="text"][data-validations], [data-validation-icons="false"]
input[type="email"][data-validations], [data-validation-icons="false"]
input[type="password"][data-validations], [data-validation-icons="false"]
.input[data-validations] {
  background-image: none;
}

.control-group {
  margin-bottom: 1.25rem;
}
.control-group:last-child {
  margin-bottom: 0;
}

.control-group label,
legend,
.control-label {
  display: inline-block;
  margin-bottom: 0.625rem;
  font-weight: 600;
}

.controls-inline label,
.controls-inline input,
.controls-inline .input,
.controls-inline select {
  display: inline-block;
  width: auto;
}
.controls-inline label {
  display: block;
  margin-right: 0.625rem;
}

input[type="radio"],
input[type="checkbox"] {
  display: block;
  float: left;
  margin-top: 0.1875rem;
  margin-right: 0.5rem;
  cursor: pointer;
}
@media all and (max-width: 768px) {
  input[type="radio"],
  input[type="checkbox"] {
    margin-top: 0.3125rem;
  }
}
input[type="radio"] + label,
input[type="checkbox"] + label {
  display: block;
  margin-bottom: 0;
  overflow: hidden;
  font-weight: 500;
  cursor: pointer;
}

input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select,
.input {
  width: 100%;
}
input[type="text"].tiny,
input[type="email"].tiny,
input[type="password"].tiny,
textarea.tiny,
select.tiny,
.input.tiny {
  width: 6.25rem;
}
input[type="text"].small,
input[type="email"].small,
input[type="password"].small,
textarea.small,
select.small,
.input.small {
  width: 8.75rem;
}
input[type="text"].medium,
input[type="email"].medium,
input[type="password"].medium,
textarea.medium,
select.medium,
.input.medium {
  width: 11.25rem;
}

select.smallest {
  width: auto;
}

.control-groups-spaced-small .control-group {
  margin-bottom: 0.75301rem;
}

.error {
  display: block;
  margin-top: 0.3125rem;
  color: #ff4a00;
  font-size: 0.875em;
}

.labels-infield {
  display: block;
  position: relative;
}
.labels-infield label {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0.75rem;
  line-height: 2.5rem;
  margin: 0;
  font-size: 0.875em;
  font-weight: normal;
  color: #555555;
  cursor: text;
}
.labels-infield label:after {
  content: ":";
}
.labels-infield input::-webkit-input-placeholder {
  color: white;
}
.labels-infield input::-moz-placeholder {
  color: white;
}
.labels-infield input:-ms-input-placeholder {
  color: white;
}
.labels-infield input::placeholder {
  color: white;
}
.labels-infield.input-is-focused label, .labels-infield.input-is-dirty label {
  top: -0.3125rem;
  line-height: 0.625rem;
  left: auto;
  right: 0.625rem;
  padding: 0 0.25rem;
  background: white;
  font-size: 0.75em;
}
.labels-infield.input-is-focused label:after, .labels-infield.input-is-dirty label:after {
  content: "";
}
.labels-infield.input-is-focused label {
  color: #0092c9;
}
.labels-infield.input-is-valid label {
  color: #01927d;
}
.labels-infield.input-is-invalid.input-is-filled label {
  color: #db4000;
}

.icon-about:before {
  content: "\e600";
}

.icon-account:before {
  content: "\e601";
}

.icon-blog:before {
  content: "\e602";
}

.icon-contact:before {
  content: "\e603";
}

.icon-facebook-footer:before {
  content: "\e604";
}

.icon-group:before {
  content: "\e605";
}

.icon-signout:before {
  content: "\e606";
}

.icon-twitter-footer:before {
  content: "\e607";
}

.icon-alarm:before {
  content: "\e612";
}

.icon-down:before {
  content: "\e647";
}

.icon-down-filled:before {
  content: "\e648";
}

.icon-add:before {
  content: "\e641";
}

.icon-add-filled:before {
  content: "\e642";
}

.icon-divider-filled:before {
  content: "\e64c";
}

.icon-form:before {
  content: "\e64d";
}

.icon-basket:before {
  content: "\e608";
}

.icon-calendar:before {
  content: "\e609";
}

.icon-close:before {
  content: "\360a";
}

.icon-close-filled:before {
  content: "\e60b";
}

.icon-delete:before {
  content: "\e60c";
}

.icon-edit:before {
  content: "\e60d";
}

.icon-email:before {
  content: "\e60e";
}

.icon-facebook:before {
  content: "\e60f";
}

.icon-gift:before {
  content: "\e610";
}

.icon-hardback:before {
  content: "\e611";
}

.icon-next:before {
  content: "\e619";
}

.icon-next-filled:before {
  content: "\e61a";
}

.icon-previous:before {
  content: "\e61b";
}

.icon-previous-filled:before {
  content: "\e61c";
}

.icon-reminder:before {
  content: "\e609";
}

.icon-star:before {
  content: "\e613";
}

.icon-star-filled:before {
  content: "\e614";
}

.icon-twitter:before {
  content: "\e615";
}

.icon-validation-error:before {
  content: "\e616";
}

.icon-validation-tick:before {
  content: "\e617";
}

.icon-validation-todo:before {
  content: "\e614";
}

.icon-bold:before {
  content: "\e61d";
}

.icon-bold-filled:before {
  content: "\e61e";
}

.icon-bullets:before {
  content: "\e61f";
}

.icon-bullets-filled:before {
  content: "\e620";
}

.icon-button:before {
  content: "\e621";
}

.icon-button-filled:before {
  content: "\e622";
}

.icon-center:before {
  content: "\e623";
}

.icon-center-filled:before {
  content: "\e624";
}

.icon-divider:before {
  content: "\e625";
}

.icon-embed:before {
  content: "\e65c";
}

.icon-partial:before {
  content: "\e626";
}

.icon-embed-filled:before {
  content: "\e65d";
}

.icon-form-filled:before {
  content: "\e628";
}

.icon-four:before {
  content: "\e629";
}

.icon-four-filled:before {
  content: "\e62a";
}

.icon-h1:before {
  content: "\e62b";
}

.icon-h1-filled:before {
  content: "\e62c";
}

.icon-h2:before {
  content: "\e62d";
}

.icon-h2-filled:before {
  content: "\e62e";
}

.icon-header-image:before {
  content: "\e62f";
}

.icon-header-image-filled:before {
  content: "\e630";
}

.icon-italic:before {
  content: "\e631";
}

.icon-italic-filled:before {
  content: "\e632";
}

.icon-large-image:before {
  content: "\e633";
}

.icon-text:before {
  content: "\e65a";
}

.icon-large-image-filled:before {
  content: "\e658";
}

.icon-image:before {
  content: "\e659";
}

.icon-html:before {
  content: "\e65e";
}

.icon-link:before {
  content: "\e62d";
}

.icon-link-filled:before {
  content: "\e636";
}

.icon-next2:before {
  content: "\e638";
}

.icon-next-filled2:before {
  content: "\e637";
}

.icon-one:before {
  content: "\e639";
}

.icon-one-filled:before {
  content: "\e63a";
}

.icon-previous2:before {
  content: "\e63b";
}

.icon-previous-filled2:before {
  content: "\e63c";
}

.icon-quote:before {
  content: "\e63d";
}

.icon-quote-filled:before {
  content: "\e63e";
}

.icon-small-image:before {
  content: "\e63f";
}

.icon-small-image-filled:before {
  content: "\e640";
}

.icon-three:before {
  content: "\e643";
}

.icon-three-filled:before {
  content: "\e644";
}

.icon-two:before {
  content: "\e645";
}

.icon-two-filled:before {
  content: "\e646";
}

.icon-play:before {
  content: "\e64a";
}

.icon-play-filled:before {
  content: "\e64b";
}

[class^="icon-"],
[class*=" icon-"] {
  width: 1em;
  font-family: 'LMN-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
[class^="icon-"] + .label,
[class*=" icon-"] + .label {
  margin-left: 0.25rem;
}

.ol, ol, .theme-default ol {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.ol > li, ol > li, .theme-default ol > li {
  list-style-position: inside;
  position: relative;
}
.ol > li > .ol-number, ol > li > .ol-number, .theme-default ol > li > .ol-number {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 34px;
  height: 34px;
  line-height: 30px;
  text-align: center;
  border-radius: 17px;
}
.ol > li > .ol-content, ol > li > .ol-content, .theme-default ol > li > .ol-content {
  display: block;
  margin-left: 44px;
}

/*
 * Layout
 */
/*
 * Typography
 * ---------------------------------------
 */
/*
 * Colours
 * ---------------------------------------
 * Colour variable names should be generated here:
 * http://www.color-blindness.com/color-name-hue/
 */
/*
 * Forms
 * ---------------------------------------
 */
.button {
  background: #d8d4c7;
  color: #333333;
  font-family: "adelle-sans", sans-serif;
}
.button:hover, .button:active {
  color: #333333;
  background: #c3bda9;
}
.button.button.hollow {
  background: none;
  border: 2px solid #d8d4c7;
  color: #d8d4c7;
  transition: background 0.3s;
}
.button.button.hollow:hover, .button.button.hollow:active {
  background: rgba(216, 212, 199, 0.1);
}

.button.primary {
  background: #01b69b;
  color: white;
  font-family: "adelle-sans", sans-serif;
}
.button.primary:hover, .button.primary:active {
  color: white;
  background: #018370;
}
.button.primary.button.hollow {
  background: none;
  border: 2px solid #01b69b;
  color: #01b69b;
  transition: background 0.3s;
}
.button.primary.button.hollow:hover, .button.primary.button.hollow:active {
  background: rgba(1, 182, 155, 0.1);
}

.button.secondary {
  background: #00aced;
  color: white;
  font-family: "adelle-sans", sans-serif;
}
.button.secondary:hover, .button.secondary:active {
  color: white;
  background: #0087ba;
}
.button.secondary.button.hollow {
  background: none;
  border: 2px solid #00aced;
  color: #00aced;
  transition: background 0.3s;
}
.button.secondary.button.hollow:hover, .button.secondary.button.hollow:active {
  background: rgba(0, 172, 237, 0.1);
}

.button.alert {
  background: #ff4a00;
  color: white;
  font-family: "adelle-sans", sans-serif;
}
.button.alert:hover, .button.alert:active {
  color: white;
  background: #cc3b00;
}
.button.alert.button.hollow {
  background: none;
  border: 2px solid #ff4a00;
  color: #ff4a00;
  transition: background 0.3s;
}
.button.alert.button.hollow:hover, .button.alert.button.hollow:active {
  background: rgba(255, 74, 0, 0.1);
}

.button.inverted {
  background: white;
  color: #333333;
  font-family: "adelle-sans", sans-serif;
}
.button.inverted:hover, .button.inverted:active {
  color: #333333;
  background: #e6e6e6;
}
.button.inverted.button.hollow {
  background: none;
  border: 2px solid white;
  color: white;
  transition: background 0.3s;
}
.button.inverted.button.hollow:hover, .button.inverted.button.hollow:active {
  background: rgba(255, 255, 255, 0.1);
}

.button.hover {
  border: none;
  background: none;
  transition: 0.3s;
  text-transform: none;
}
.button.hover:hover {
  background: #f6f5f1;
  box-shadow: 0 3px #e8e5db;
}
.button.hover:active {
  background: #ffce35;
  box-shadow: 0 3px #ffc511;
  transition: none;
}

.button-share-facebook {
  background-color: #3b5998;
}

.button-share-twitter {
  background-color: #55acee;
}

.button-share-email {
  background-color: #d8d4c7;
}

.button.disabled,
.button[disabled],
.button[disabled]:hover,
.button.disabled:hover {
  cursor: not-allowed;
}

hr {
  border-color: #d8d4c7;
}

.divider-thin {
  background-color: transparent;
  background-image: url(../images/dividers/dashed-line-133x2.svg);
  background-repeat: repeat-x;
}

.divider-thick {
  background-color: transparent;
  background-image: url(../images/dividers/brush-white-thin-large.png);
}

.divider-texture-top {
  height: 7px;
  background-image: url(../images/dividers/texture-top-large.png);
  background-repeat: repeat-x;
}

.divider-texture-bottom {
  height: 15px;
  background-image: url(../images/dividers/texture-bottom-large.png);
  background-repeat: repeat-x;
}

.swiper-container {
  /* Specify Swiper's Size: */
  width: 100%;
}

.swiper-slide {
  /* Specify Slides's Size: */
  width: 50%;
}

.swiper-pagination-switch {
  background-color: #d8d4c7;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  border-radius: 5px;
}

.swiper-active-switch {
  background-color: #01b69b;
}

.gender-switch-option label {
  background-color: #d8d4c7;
}
.gender-switch-option input:checked + label {
  background-color: #01b69b;
  color: white;
}

.tabs-tab {
  color: #01b69b;
}

.tabs-tab.is-active {
  color: #333333;
}

.tabs-tab:first-child {
  border-right: 2px dashed #c5c2b7;
}
@media screen and (max-width: 992px) {
  .tabs-tab:first-child {
    border-right: none;
  }
}

/*
 * Sub Theme - Styleguide
 *========================================
 */
.theme-styleguide {
  /*
   * Colours
   */
}
.theme-styleguide .divider-thin {
  background-color: #c5c2b7;
  background-image: none;
}
.theme-styleguide .divider-thick {
  background-color: #c5c2b7;
  background-image: none;
}
.theme-styleguide .code-block {
  font-size: 14px;
  font-style: normal;
}
.theme-styleguide .code-block pre {
  font-style: normal;
}
.theme-styleguide .code-block-simple {
  padding: 20px;
  background: #ddd;
  font-family: Courier, monospace;
  font-size: 14px;
}
.theme-styleguide .demo-grid .row {
  margin-bottom: 5px;
}
.theme-styleguide .demo-grid .col {
  background-color: #d8d4c7;
}
.theme-styleguide .demo-grid .col > div {
  background-color: #01b69b;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  color: white;
  font-weight: bold;
}
.theme-styleguide .demo-margin .box {
  display: inline-block;
  background-color: #F7CEAE;
}
.theme-styleguide .demo-margin .box > div {
  width: 100px;
  height: 100px;
  background-color: #e87117;
}
.theme-styleguide .demo-padding .box {
  display: inline-block;
  background-color: #d8d4c7;
}
.theme-styleguide .demo-padding .box > div {
  width: 100px;
  height: 100px;
  background-color: #01b69b;
}
.theme-styleguide .demo-border .box {
  display: inline-block;
  width: 100px;
  height: 100px;
  background-color: #d8d4c7;
  border-color: #c5c2b7;
  border-style: solid;
}
.theme-styleguide .nav {
  height: 100%;
  z-index: 1;
  background-color: #222222;
  overflow: auto;
}
.theme-styleguide .nav .nav-heading {
  color: white;
}
.theme-styleguide .nav ul {
  padding-left: 0;
}
.theme-styleguide .nav li {
  display: block;
  margin: 0 0 1px 0;
}
.theme-styleguide .nav li > .button {
  width: 100%;
}

/*
 * Sub Theme - Default
 *========================================
 */
.theme-default {
  /*
   * Layout
   */
  /*
   * Typography
   * ---------------------------------------
   */
  /*
   * Colours
   * ---------------------------------------
   * Colour variable names should be generated here:
   * http://www.color-blindness.com/color-name-hue/
   */
  /*
   * Forms
   * ---------------------------------------
   */
  /*
   * Layout
   */
  /*
   * Typography
   * ---------------------------------------
   */
  /*
   * Colours
   * ---------------------------------------
   * Colour variable names should be generated here:
   * http://www.color-blindness.com/color-name-hue/
   */
  /*
   * Forms
   * ---------------------------------------
   */
}
.theme-default html, .theme-default .html {
  font-size: 16px;
}
@media all and (max-width: 768px) {
  .theme-default html, .theme-default .html {
    font-size: 14.8px;
  }
}
.theme-default body, .theme-default .body {
  font-size: 16px;
  font-family: "adelle-sans", sans-serif;
  line-height: 1.5;
  color: #333333;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media all and (max-width: 768px) {
  .theme-default body, .theme-default .body {
    font-size: 14.8px;
  }
}
.theme-default article, .theme-default .article {
  margin-bottom: 1.25rem;
}
.theme-default article:last-child, .theme-default .article:last-child {
  margin-bottom: 0;
}
.theme-default .font-sans-serif, .theme-default ol > li > .ol-number, .theme-default .ol > li > .ol-number {
  font-family: "adelle-sans", sans-serif;
}
.theme-default .font-serif, .theme-default ol > li, .theme-default .ol > li {
  font-family: "freight-text-pro", serif;
}
.theme-default a, .theme-default .a {
  text-decoration: none;
  color: #01b69b;
  cursor: pointer;
}
.theme-default a:hover, .theme-default .a:hover {
  text-decoration: underline;
}
.theme-default p, .theme-default .p {
  font-family: "freight-text-pro", serif;
  font-size: 1.25em;
  height: 1.5;
  margin-top: 0;
  margin-bottom: 1.25rem;
}
.theme-default p:last-child, .theme-default .p:last-child {
  margin-bottom: 0;
}
.theme-default p.small, .theme-default .p.small {
  font-size: 1em;
}
.theme-default .font-sans-serif > p, .theme-default ol > li > .ol-number > p, .theme-default .ol > li > .ol-number > p, .theme-default .font-sans-serif > .p, .theme-default ol > li > .ol-number > .p, .theme-default .ol > li > .ol-number > .p {
  font-family: "adelle-sans", sans-serif;
}
.theme-default .p-li {
  margin-bottom: 1.25rem;
}
.theme-default .p-li:last-child {
  margin-bottom: 0;
}
.theme-default em, .theme-default .italic {
  font-style: italic;
}
.theme-default .icon {
  vertical-align: top;
}
.theme-default .text-md, .theme-default ol > li, .theme-default ol > li > .ol-number, .theme-default .ol > li, .theme-default .ol > li > .ol-number {
  font-size: 20px;
}
.theme-default .h1 {
  font-family: "adelle-sans", sans-serif;
  font-weight: bold;
  margin-top: 0;
  line-height: 3.75rem;
  margin-bottom: 1.875rem;
  font-size: 4.125em;
}
.theme-default .h1.huge {
  line-height: 4.125rem;
  margin-bottom: 2.0625rem;
  font-size: 3.75em;
}
@media all and (max-width: 768px) {
  .theme-default .h1 {
    font-size: 2.25em;
    line-height: 2.5rem;
  }
}
.theme-default .h2 {
  font-family: "adelle-sans", sans-serif;
  font-weight: bold;
  margin-top: 0;
  line-height: 3.3125rem;
  margin-bottom: 1.65625rem;
  font-size: 3em;
}
@media all and (max-width: 992px) {
  .theme-default .h2 {
    font-size: 1.875em;
    line-height: 2.0625rem;
  }
}
.theme-default .h3 {
  font-family: "adelle-sans", sans-serif;
  font-weight: bold;
  margin-top: 0;
  line-height: 2.5rem;
  margin-bottom: 1.25rem;
  font-size: 2.25em;
}
.theme-default .h4 {
  font-family: "adelle-sans", sans-serif;
  font-weight: bold;
  margin-top: 0;
  line-height: 2.0625rem;
  margin-bottom: 1.03125rem;
  font-size: 1.875em;
}
.theme-default .h5 {
  font-family: "adelle-sans", sans-serif;
  font-weight: bold;
  margin-top: 0;
  line-height: 1.625rem;
  margin-bottom: 0.8125rem;
  font-size: 1.5em;
}
.theme-default .h6 {
  font-family: "adelle-sans", sans-serif;
  font-weight: bold;
  margin-top: 0;
  line-height: 1.375rem;
  margin-bottom: 0.6875rem;
  font-size: 1.25em;
}
.theme-default .heading-dashed {
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  text-align: center;
  border-style: dashed;
  border-width: 0px 0px 2px 0px;
  border-color: #d8d4c7;
  color: #ff4a00;
}
p + .theme-default .heading-dashed {
  margin-top: 2.5rem;
}
.theme-default .heading-brushed {
  line-height: 1.625rem;
  margin-bottom: 0.8125rem;
  font-family: "freight-text-pro", serif;
  margin-bottom: 2.375rem;
  padding-bottom: 1rem;
  text-align: center;
  background-image: url('../../images/dividers/dashed-line-133x2.svg');
  background-repeat: no-repeat;
  border: none;
  background-position: bottom;
  background-size: 130px 2px;
  font-size: 1.5em;
  font-weight: normal;
  color: #666666;
}
p + .theme-default .heading-brushed {
  margin-top: 2.5rem;
}
.theme-default .subheading {
  font-family: "adelle-sans", sans-serif;
  font-size: 1.25em;
  height: 1.5;
  margin-top: 0;
  margin-bottom: 1.25rem;
}
.theme-default blockquote, .theme-default .blockquote {
  font-style: italic;
  font-size: 1.875em;
  line-height: 2.375rem;
  margin: 1.25rem 0;
  text-align: center;
}
.theme-default figure, .theme-default .figure {
  margin: 0;
  text-align: center;
}
.theme-default .figcaption {
  margin: 0.625rem 0 1.25rem;
  font-size: 0.875em;
  color: #999999;
  text-align: center;
}
.theme-default pre, .theme-default .pre {
  font-family: "adelle-sans", sans-serif;
  display: block;
  width: 100%;
  white-space: pre-wrap;
  font-style: italic;
}
.theme-default .dropcap {
  font-family: "adelle-sans", sans-serif;
  font-weight: bold;
  margin-top: 0;
  line-height: 3.75rem;
  margin-bottom: 1.875rem;
  font-size: 4.125em;
  float: left;
  margin-right: 10px;
  margin-bottom: 0;
  line-height: 0.9;
}
.theme-default .text-indented {
  display: block;
  padding-left: 1.5625rem;
  border-left: 0.3125rem solid #ff5510;
  color: #ff5510;
  margin-bottom: 1.25rem;
}
.theme-default input[type="text"],
.theme-default input[type="email"],
.theme-default input[type="password"],
.theme-default .input {
  height: 2.5rem;
  padding: 0 0.625rem;
}
.theme-default select {
  height: 2.5rem;
  padding: 0.625rem;
}
.theme-default textarea {
  padding: 0.625rem;
}
.theme-default [data-count-target] {
  padding-right: 2.5rem;
}
.theme-default .textarea-counter {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 8px 12px;
  text-align: right;
  font-family: monospace;
  letter-spacing: -1px;
  color: #01b69b;
  pointer-events: none;
}
.theme-default .textarea-counter.is-negative {
  color: red;
}
textarea.no-highlight ~ .theme-default .textarea-counter {
  color: #999999;
}
.theme-default select,
.theme-default textarea,
.theme-default input[type="text"],
.theme-default input[type="email"],
.theme-default input[type="password"],
.theme-default .input {
  max-width: 100%;
  background: white;
  border: 0.125rem solid #d8d4c7;
  border-radius: 0.1875rem;
  outline: none;
  font-family: sans-serif;
  font-size: 0.9375em;
}
.theme-default select:focus,
.theme-default textarea:focus,
.theme-default input[type="text"]:focus,
.theme-default input[type="email"]:focus,
.theme-default input[type="password"]:focus,
.theme-default .input:focus {
  border-color: #00aced;
}
.theme-default select.is-valid,
.theme-default textarea.is-valid,
.theme-default input[type="text"].is-valid,
.theme-default input[type="email"].is-valid,
.theme-default input[type="password"].is-valid,
.theme-default .input.is-valid {
  border-color: #01b69b;
}
.theme-default select.no-highlight, .no-highlight .theme-default select,
.theme-default textarea.no-highlight, .no-highlight
.theme-default textarea,
.theme-default input[type="text"].no-highlight, .no-highlight
.theme-default input[type="text"],
.theme-default input[type="email"].no-highlight, .no-highlight
.theme-default input[type="email"],
.theme-default input[type="password"].no-highlight, .no-highlight
.theme-default input[type="password"],
.theme-default .input.no-highlight, .no-highlight
.theme-default .input {
  border-color: #d8d4c7;
}
.theme-default input[type="text"][data-validations],
.theme-default input[type="email"][data-validations],
.theme-default input[type="password"][data-validations],
.theme-default .input[data-validations] {
  padding-right: 2.25rem;
  background-image: url(image-path("icons/glyphs/validation-todo-20x20.svg"));
  background-repeat: no-repeat;
  background-position: right 0.5rem top 0.5rem;
}
.theme-default input[type="text"][data-validations].is-valid,
.theme-default input[type="email"][data-validations].is-valid,
.theme-default input[type="password"][data-validations].is-valid,
.theme-default .input[data-validations].is-valid {
  background-image: url(image-path("icons/glyphs/validation-tick-20x20.svg"));
}
.theme-default input[type="text"][data-validations].is-filled.is-invalid,
.theme-default input[type="email"][data-validations].is-filled.is-invalid,
.theme-default input[type="password"][data-validations].is-filled.is-invalid,
.theme-default .input[data-validations].is-filled.is-invalid {
  background-image: url(image-path("icons/glyphs/validation-error-20x20.svg"));
}
[data-validation-icons="false"] .theme-default input[type="text"][data-validations], [data-validation-icons="false"]
.theme-default input[type="email"][data-validations], [data-validation-icons="false"]
.theme-default input[type="password"][data-validations], [data-validation-icons="false"]
.theme-default .input[data-validations] {
  background-image: none;
}
.theme-default .control-group {
  margin-bottom: 1.25rem;
}
.theme-default .control-group:last-child {
  margin-bottom: 0;
}
.theme-default .control-group label,
.theme-default legend,
.theme-default .control-label {
  display: inline-block;
  margin-bottom: 0.625rem;
  font-weight: 600;
}
.theme-default .controls-inline label,
.theme-default .controls-inline input,
.theme-default .controls-inline .input,
.theme-default .controls-inline select {
  display: inline-block;
  width: auto;
}
.theme-default .controls-inline label {
  display: block;
  margin-right: 0.625rem;
}
.theme-default input[type="radio"],
.theme-default input[type="checkbox"] {
  display: block;
  float: left;
  margin-top: 0.1875rem;
  margin-right: 0.5rem;
  cursor: pointer;
}
@media all and (max-width: 768px) {
  .theme-default input[type="radio"],
  .theme-default input[type="checkbox"] {
    margin-top: 0.3125rem;
  }
}
.theme-default input[type="radio"] + label,
.theme-default input[type="checkbox"] + label {
  display: block;
  margin-bottom: 0;
  overflow: hidden;
  font-weight: 500;
  cursor: pointer;
}
.theme-default input[type="text"],
.theme-default input[type="email"],
.theme-default input[type="password"],
.theme-default textarea,
.theme-default select,
.theme-default .input {
  width: 100%;
}
.theme-default input[type="text"].tiny,
.theme-default input[type="email"].tiny,
.theme-default input[type="password"].tiny,
.theme-default textarea.tiny,
.theme-default select.tiny,
.theme-default .input.tiny {
  width: 6.25rem;
}
.theme-default input[type="text"].small,
.theme-default input[type="email"].small,
.theme-default input[type="password"].small,
.theme-default textarea.small,
.theme-default select.small,
.theme-default .input.small {
  width: 8.75rem;
}
.theme-default input[type="text"].medium,
.theme-default input[type="email"].medium,
.theme-default input[type="password"].medium,
.theme-default textarea.medium,
.theme-default select.medium,
.theme-default .input.medium {
  width: 11.25rem;
}
.theme-default select.smallest {
  width: auto;
}
.theme-default .control-groups-spaced-small .control-group {
  margin-bottom: 0.75301rem;
}
.theme-default .error {
  display: block;
  margin-top: 0.3125rem;
  color: #ff4a00;
  font-size: 0.875em;
}
.theme-default .labels-infield {
  display: block;
  position: relative;
}
.theme-default .labels-infield label {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0.75rem;
  line-height: 2.5rem;
  margin: 0;
  font-size: 0.875em;
  font-weight: normal;
  color: #555555;
  cursor: text;
}
.theme-default .labels-infield label:after {
  content: ":";
}
.theme-default .labels-infield input::-webkit-input-placeholder {
  color: white;
}
.theme-default .labels-infield input::-moz-placeholder {
  color: white;
}
.theme-default .labels-infield input:-ms-input-placeholder {
  color: white;
}
.theme-default .labels-infield input::placeholder {
  color: white;
}
.theme-default .labels-infield.input-is-focused label, .theme-default .labels-infield.input-is-dirty label {
  top: -0.3125rem;
  line-height: 0.625rem;
  left: auto;
  right: 0.625rem;
  padding: 0 0.25rem;
  background: white;
  font-size: 0.75em;
}
.theme-default .labels-infield.input-is-focused label:after, .theme-default .labels-infield.input-is-dirty label:after {
  content: "";
}
.theme-default .labels-infield.input-is-focused label {
  color: #0092c9;
}
.theme-default .labels-infield.input-is-valid label {
  color: #01927d;
}
.theme-default .labels-infield.input-is-invalid.input-is-filled label {
  color: #db4000;
}
.theme-default .icon-about:before {
  content: "\e600";
}
.theme-default .icon-account:before {
  content: "\e601";
}
.theme-default .icon-blog:before {
  content: "\e602";
}
.theme-default .icon-contact:before {
  content: "\e603";
}
.theme-default .icon-facebook-footer:before {
  content: "\e604";
}
.theme-default .icon-group:before {
  content: "\e605";
}
.theme-default .icon-signout:before {
  content: "\e606";
}
.theme-default .icon-twitter-footer:before {
  content: "\e607";
}
.theme-default .icon-alarm:before {
  content: "\e612";
}
.theme-default .icon-down:before {
  content: "\e647";
}
.theme-default .icon-down-filled:before {
  content: "\e648";
}
.theme-default .icon-add:before {
  content: "\e641";
}
.theme-default .icon-add-filled:before {
  content: "\e642";
}
.theme-default .icon-divider-filled:before {
  content: "\e64c";
}
.theme-default .icon-form:before {
  content: "\e64d";
}
.theme-default .icon-basket:before {
  content: "\e608";
}
.theme-default .icon-calendar:before {
  content: "\e609";
}
.theme-default .icon-close:before {
  content: "\360a";
}
.theme-default .icon-close-filled:before {
  content: "\e60b";
}
.theme-default .icon-delete:before {
  content: "\e60c";
}
.theme-default .icon-edit:before {
  content: "\e60d";
}
.theme-default .icon-email:before {
  content: "\e60e";
}
.theme-default .icon-facebook:before {
  content: "\e60f";
}
.theme-default .icon-gift:before {
  content: "\e610";
}
.theme-default .icon-hardback:before {
  content: "\e611";
}
.theme-default .icon-next:before {
  content: "\e619";
}
.theme-default .icon-next-filled:before {
  content: "\e61a";
}
.theme-default .icon-previous:before {
  content: "\e61b";
}
.theme-default .icon-previous-filled:before {
  content: "\e61c";
}
.theme-default .icon-reminder:before {
  content: "\e609";
}
.theme-default .icon-star:before {
  content: "\e613";
}
.theme-default .icon-star-filled:before {
  content: "\e614";
}
.theme-default .icon-twitter:before {
  content: "\e615";
}
.theme-default .icon-validation-error:before {
  content: "\e616";
}
.theme-default .icon-validation-tick:before {
  content: "\e617";
}
.theme-default .icon-validation-todo:before {
  content: "\e614";
}
.theme-default .icon-bold:before {
  content: "\e61d";
}
.theme-default .icon-bold-filled:before {
  content: "\e61e";
}
.theme-default .icon-bullets:before {
  content: "\e61f";
}
.theme-default .icon-bullets-filled:before {
  content: "\e620";
}
.theme-default .icon-button:before {
  content: "\e621";
}
.theme-default .icon-button-filled:before {
  content: "\e622";
}
.theme-default .icon-center:before {
  content: "\e623";
}
.theme-default .icon-center-filled:before {
  content: "\e624";
}
.theme-default .icon-divider:before {
  content: "\e625";
}
.theme-default .icon-embed:before {
  content: "\e65c";
}
.theme-default .icon-partial:before {
  content: "\e626";
}
.theme-default .icon-embed-filled:before {
  content: "\e65d";
}
.theme-default .icon-form-filled:before {
  content: "\e628";
}
.theme-default .icon-four:before {
  content: "\e629";
}
.theme-default .icon-four-filled:before {
  content: "\e62a";
}
.theme-default .icon-h1:before {
  content: "\e62b";
}
.theme-default .icon-h1-filled:before {
  content: "\e62c";
}
.theme-default .icon-h2:before {
  content: "\e62d";
}
.theme-default .icon-h2-filled:before {
  content: "\e62e";
}
.theme-default .icon-header-image:before {
  content: "\e62f";
}
.theme-default .icon-header-image-filled:before {
  content: "\e630";
}
.theme-default .icon-italic:before {
  content: "\e631";
}
.theme-default .icon-italic-filled:before {
  content: "\e632";
}
.theme-default .icon-large-image:before {
  content: "\e633";
}
.theme-default .icon-text:before {
  content: "\e65a";
}
.theme-default .icon-large-image-filled:before {
  content: "\e658";
}
.theme-default .icon-image:before {
  content: "\e659";
}
.theme-default .icon-html:before {
  content: "\e65e";
}
.theme-default .icon-link:before {
  content: "\e62d";
}
.theme-default .icon-link-filled:before {
  content: "\e636";
}
.theme-default .icon-next2:before {
  content: "\e638";
}
.theme-default .icon-next-filled2:before {
  content: "\e637";
}
.theme-default .icon-one:before {
  content: "\e639";
}
.theme-default .icon-one-filled:before {
  content: "\e63a";
}
.theme-default .icon-previous2:before {
  content: "\e63b";
}
.theme-default .icon-previous-filled2:before {
  content: "\e63c";
}
.theme-default .icon-quote:before {
  content: "\e63d";
}
.theme-default .icon-quote-filled:before {
  content: "\e63e";
}
.theme-default .icon-small-image:before {
  content: "\e63f";
}
.theme-default .icon-small-image-filled:before {
  content: "\e640";
}
.theme-default .icon-three:before {
  content: "\e643";
}
.theme-default .icon-three-filled:before {
  content: "\e644";
}
.theme-default .icon-two:before {
  content: "\e645";
}
.theme-default .icon-two-filled:before {
  content: "\e646";
}
.theme-default .icon-play:before {
  content: "\e64a";
}
.theme-default .icon-play-filled:before {
  content: "\e64b";
}
.theme-default [class^="icon-"],
.theme-default [class*=" icon-"] {
  width: 1em;
  font-family: 'LMN-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
.theme-default [class^="icon-"] + .label,
.theme-default [class*=" icon-"] + .label {
  margin-left: 0.25rem;
}
.theme-default .ol, .theme-default ol {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.theme-default .ol > li, .theme-default ol > li, .theme-default ol > li {
  list-style-position: inside;
  position: relative;
}
.theme-default .ol > li > .ol-number, .theme-default ol > li > .ol-number, .theme-default ol > li > .ol-number {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 34px;
  height: 34px;
  line-height: 30px;
  text-align: center;
  border-radius: 17px;
}
.theme-default .ol > li > .ol-content, .theme-default ol > li > .ol-content, .theme-default ol > li > .ol-content {
  display: block;
  margin-left: 44px;
}
.theme-default .button {
  background: #d8d4c7;
  color: #333333;
  font-family: "adelle-sans", sans-serif;
}
.theme-default .button:hover, .theme-default .button:active {
  color: #333333;
  background: #c3bda9;
}
.theme-default .button.button.hollow {
  background: none;
  border: 2px solid #d8d4c7;
  color: #d8d4c7;
  transition: background 0.3s;
}
.theme-default .button.button.hollow:hover, .theme-default .button.button.hollow:active {
  background: rgba(216, 212, 199, 0.1);
}
.theme-default .button.primary {
  background: #01b69b;
  color: white;
  font-family: "adelle-sans", sans-serif;
}
.theme-default .button.primary:hover, .theme-default .button.primary:active {
  color: white;
  background: #018370;
}
.theme-default .button.primary.button.hollow {
  background: none;
  border: 2px solid #01b69b;
  color: #01b69b;
  transition: background 0.3s;
}
.theme-default .button.primary.button.hollow:hover, .theme-default .button.primary.button.hollow:active {
  background: rgba(1, 182, 155, 0.1);
}
.theme-default .button.secondary {
  background: #00aced;
  color: white;
  font-family: "adelle-sans", sans-serif;
}
.theme-default .button.secondary:hover, .theme-default .button.secondary:active {
  color: white;
  background: #0087ba;
}
.theme-default .button.secondary.button.hollow {
  background: none;
  border: 2px solid #00aced;
  color: #00aced;
  transition: background 0.3s;
}
.theme-default .button.secondary.button.hollow:hover, .theme-default .button.secondary.button.hollow:active {
  background: rgba(0, 172, 237, 0.1);
}
.theme-default .button.alert {
  background: #ff4a00;
  color: white;
  font-family: "adelle-sans", sans-serif;
}
.theme-default .button.alert:hover, .theme-default .button.alert:active {
  color: white;
  background: #cc3b00;
}
.theme-default .button.alert.button.hollow {
  background: none;
  border: 2px solid #ff4a00;
  color: #ff4a00;
  transition: background 0.3s;
}
.theme-default .button.alert.button.hollow:hover, .theme-default .button.alert.button.hollow:active {
  background: rgba(255, 74, 0, 0.1);
}
.theme-default .button.inverted {
  background: white;
  color: #333333;
  font-family: "adelle-sans", sans-serif;
}
.theme-default .button.inverted:hover, .theme-default .button.inverted:active {
  color: #333333;
  background: #e6e6e6;
}
.theme-default .button.inverted.button.hollow {
  background: none;
  border: 2px solid white;
  color: white;
  transition: background 0.3s;
}
.theme-default .button.inverted.button.hollow:hover, .theme-default .button.inverted.button.hollow:active {
  background: rgba(255, 255, 255, 0.1);
}
.theme-default .button.hover {
  border: none;
  background: none;
  transition: 0.3s;
  text-transform: none;
}
.theme-default .button.hover:hover {
  background: #f6f5f1;
  box-shadow: 0 3px #e8e5db;
}
.theme-default .button.hover:active {
  background: #ffce35;
  box-shadow: 0 3px #ffc511;
  transition: none;
}
.theme-default .button-share-facebook {
  background-color: #3b5998;
}
.theme-default .button-share-twitter {
  background-color: #55acee;
}
.theme-default .button-share-email {
  background-color: #d8d4c7;
}
.theme-default .button.disabled,
.theme-default .button[disabled],
.theme-default .button[disabled]:hover,
.theme-default .button.disabled:hover {
  cursor: not-allowed;
}
.theme-default hr {
  border-color: #d8d4c7;
}
.theme-default .divider-thin {
  background-color: transparent;
  background-image: url(../images/dividers/dashed-line-133x2.svg);
  background-repeat: repeat-x;
}
.theme-default .divider-thick {
  background-color: transparent;
  background-image: url(../images/dividers/brush-white-thin-large.png);
}
.theme-default .divider-texture-top {
  height: 7px;
  background-image: url(../images/dividers/texture-top-large.png);
  background-repeat: repeat-x;
}
.theme-default .divider-texture-bottom {
  height: 15px;
  background-image: url(../images/dividers/texture-bottom-large.png);
  background-repeat: repeat-x;
}
.theme-default .swiper-container {
  /* Specify Swiper's Size: */
  width: 100%;
}
.theme-default .swiper-slide {
  /* Specify Slides's Size: */
  width: 50%;
}
.theme-default .swiper-pagination-switch {
  background-color: #d8d4c7;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  border-radius: 5px;
}
.theme-default .swiper-active-switch {
  background-color: #01b69b;
}
.theme-default .gender-switch-option label {
  background-color: #d8d4c7;
}
.theme-default .gender-switch-option input:checked + label {
  background-color: #01b69b;
  color: white;
}
.theme-default .tabs-tab {
  color: #01b69b;
}
.theme-default .tabs-tab.is-active {
  color: #333333;
}
.theme-default .tabs-tab:first-child {
  border-right: 2px dashed #c5c2b7;
}
@media screen and (max-width: 992px) {
  .theme-default .tabs-tab:first-child {
    border-right: none;
  }
}

/*
 * Tarantula - Layout library
 *========================================
 */
/*!
 * Fork of Bootstrap v3.3.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *
 * Modified for Lost My Name
 */
* {
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: border-box;
}

.container {
  max-width: 1004px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container-md {
  max-width: 972px;
}

.container-sm {
  max-width: 748px;
}

.container-xs {
  max-width: 300px;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

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

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

/*
 * Default i.e. desktop layout
 */
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
  float: left;
}

.col-lg-12 {
  width: 100%;
}

.col-lg-11 {
  width: 91.66666667%;
}

.col-lg-10 {
  width: 83.33333333%;
}

.col-lg-9 {
  width: 75%;
}

.col-lg-8 {
  width: 66.66666667%;
}

.col-lg-7 {
  width: 58.33333333%;
}

.col-lg-6 {
  width: 50%;
}

.col-lg-5 {
  width: 41.66666667%;
}

.col-lg-4 {
  width: 33.33333333%;
}

.col-lg-3 {
  width: 25%;
}

.col-lg-2 {
  width: 16.66666667%;
}

.col-lg-1 {
  width: 8.33333333%;
}

.col-lg-pull-12 {
  right: 100%;
}

.col-lg-pull-11 {
  right: 91.66666667%;
}

.col-lg-pull-10 {
  right: 83.33333333%;
}

.col-lg-pull-9 {
  right: 75%;
}

.col-lg-pull-8 {
  right: 66.66666667%;
}

.col-lg-pull-7 {
  right: 58.33333333%;
}

.col-lg-pull-6 {
  right: 50%;
}

.col-lg-pull-5 {
  right: 41.66666667%;
}

.col-lg-pull-4 {
  right: 33.33333333%;
}

.col-lg-pull-3 {
  right: 25%;
}

.col-lg-pull-2 {
  right: 16.66666667%;
}

.col-lg-pull-1 {
  right: 8.33333333%;
}

.col-lg-pull-0 {
  right: auto;
}

.col-lg-push-12 {
  left: 100%;
}

.col-lg-push-11 {
  left: 91.66666667%;
}

.col-lg-push-10 {
  left: 83.33333333%;
}

.col-lg-push-9 {
  left: 75%;
}

.col-lg-push-8 {
  left: 66.66666667%;
}

.col-lg-push-7 {
  left: 58.33333333%;
}

.col-lg-push-6 {
  left: 50%;
}

.col-lg-push-5 {
  left: 41.66666667%;
}

.col-lg-push-4 {
  left: 33.33333333%;
}

.col-lg-push-3 {
  left: 25%;
}

.col-lg-push-2 {
  left: 16.66666667%;
}

.col-lg-push-1 {
  left: 8.33333333%;
}

.col-lg-push-0 {
  left: auto;
}

.col-lg-offset-12 {
  margin-left: 100%;
}

.col-lg-offset-11 {
  margin-left: 91.66666667%;
}

.col-lg-offset-10 {
  margin-left: 83.33333333%;
}

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

.col-lg-offset-8 {
  margin-left: 66.66666667%;
}

.col-lg-offset-7 {
  margin-left: 58.33333333%;
}

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

.col-lg-offset-5 {
  margin-left: 41.66666667%;
}

.col-lg-offset-4 {
  margin-left: 33.33333333%;
}

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

.col-lg-offset-2 {
  margin-left: 16.66666667%;
}

.col-lg-offset-1 {
  margin-left: 8.33333333%;
}

.col-lg-offset-0 {
  margin-left: 0%;
}

@media (max-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-11 {
    width: 91.66666667%;
  }

  .col-md-10 {
    width: 83.33333333%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-8 {
    width: 66.66666667%;
  }

  .col-md-7 {
    width: 58.33333333%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-5 {
    width: 41.66666667%;
  }

  .col-md-4 {
    width: 33.33333333%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-2 {
    width: 16.66666667%;
  }

  .col-md-1 {
    width: 8.33333333%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-pull-11 {
    right: 91.66666667%;
  }

  .col-md-pull-10 {
    right: 83.33333333%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-8 {
    right: 66.66666667%;
  }

  .col-md-pull-7 {
    right: 58.33333333%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-5 {
    right: 41.66666667%;
  }

  .col-md-pull-4 {
    right: 33.33333333%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-2 {
    right: 16.66666667%;
  }

  .col-md-pull-1 {
    right: 8.33333333%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-push-11 {
    left: 91.66666667%;
  }

  .col-md-push-10 {
    left: 83.33333333%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-8 {
    left: 66.66666667%;
  }

  .col-md-push-7 {
    left: 58.33333333%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-5 {
    left: 41.66666667%;
  }

  .col-md-push-4 {
    left: 33.33333333%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-2 {
    left: 16.66666667%;
  }

  .col-md-push-1 {
    left: 8.33333333%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }

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

  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }

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

  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }

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

  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (max-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-11 {
    width: 91.66666667%;
  }

  .col-sm-10 {
    width: 83.33333333%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-8 {
    width: 66.66666667%;
  }

  .col-sm-7 {
    width: 58.33333333%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-5 {
    width: 41.66666667%;
  }

  .col-sm-4 {
    width: 33.33333333%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-2 {
    width: 16.66666667%;
  }

  .col-sm-1 {
    width: 8.33333333%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-pull-11 {
    right: 91.66666667%;
  }

  .col-sm-pull-10 {
    right: 83.33333333%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-8 {
    right: 66.66666667%;
  }

  .col-sm-pull-7 {
    right: 58.33333333%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-5 {
    right: 41.66666667%;
  }

  .col-sm-pull-4 {
    right: 33.33333333%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-2 {
    right: 16.66666667%;
  }

  .col-sm-pull-1 {
    right: 8.33333333%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-push-11 {
    left: 91.66666667%;
  }

  .col-sm-push-10 {
    left: 83.33333333%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-8 {
    left: 66.66666667%;
  }

  .col-sm-push-7 {
    left: 58.33333333%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-5 {
    left: 41.66666667%;
  }

  .col-sm-push-4 {
    left: 33.33333333%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-2 {
    left: 16.66666667%;
  }

  .col-sm-push-1 {
    left: 8.33333333%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }

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

  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }

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

  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }

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

  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (max-width: 320px) {
  .col {
    width: 100%;
  }

  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
  }

  .col-xs-12 {
    width: 100%;
  }

  .col-xs-11 {
    width: 91.66666667%;
  }

  .col-xs-10 {
    width: 83.33333333%;
  }

  .col-xs-9 {
    width: 75%;
  }

  .col-xs-8 {
    width: 66.66666667%;
  }

  .col-xs-7 {
    width: 58.33333333%;
  }

  .col-xs-6 {
    width: 50%;
  }

  .col-xs-5 {
    width: 41.66666667%;
  }

  .col-xs-4 {
    width: 33.33333333%;
  }

  .col-xs-3 {
    width: 25%;
  }

  .col-xs-2 {
    width: 16.66666667%;
  }

  .col-xs-1 {
    width: 8.33333333%;
  }

  .col-xs-pull-12 {
    right: 100%;
  }

  .col-xs-pull-11 {
    right: 91.66666667%;
  }

  .col-xs-pull-10 {
    right: 83.33333333%;
  }

  .col-xs-pull-9 {
    right: 75%;
  }

  .col-xs-pull-8 {
    right: 66.66666667%;
  }

  .col-xs-pull-7 {
    right: 58.33333333%;
  }

  .col-xs-pull-6 {
    right: 50%;
  }

  .col-xs-pull-5 {
    right: 41.66666667%;
  }

  .col-xs-pull-4 {
    right: 33.33333333%;
  }

  .col-xs-pull-3 {
    right: 25%;
  }

  .col-xs-pull-2 {
    right: 16.66666667%;
  }

  .col-xs-pull-1 {
    right: 8.33333333%;
  }

  .col-xs-pull-0 {
    right: auto;
  }

  .col-xs-push-12 {
    left: 100%;
  }

  .col-xs-push-11 {
    left: 91.66666667%;
  }

  .col-xs-push-10 {
    left: 83.33333333%;
  }

  .col-xs-push-9 {
    left: 75%;
  }

  .col-xs-push-8 {
    left: 66.66666667%;
  }

  .col-xs-push-7 {
    left: 58.33333333%;
  }

  .col-xs-push-6 {
    left: 50%;
  }

  .col-xs-push-5 {
    left: 41.66666667%;
  }

  .col-xs-push-4 {
    left: 33.33333333%;
  }

  .col-xs-push-3 {
    left: 25%;
  }

  .col-xs-push-2 {
    left: 16.66666667%;
  }

  .col-xs-push-1 {
    left: 8.33333333%;
  }

  .col-xs-push-0 {
    left: auto;
  }

  .col-xs-offset-12 {
    margin-left: 100%;
  }

  .col-xs-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-xs-offset-10 {
    margin-left: 83.33333333%;
  }

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

  .col-xs-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-xs-offset-7 {
    margin-left: 58.33333333%;
  }

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

  .col-xs-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-xs-offset-4 {
    margin-left: 33.33333333%;
  }

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

  .col-xs-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-xs-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-xs-offset-0 {
    margin-left: 0%;
  }
}
.clearfix:before, .ol > li:before, ol > li:before, .theme-default ol > li:before, .theme-default .ol > li:before,
.clearfix:after,
.ol > li:after,
ol > li:after,
.theme-default ol > li:after,
.theme-default .ol > li:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}

.clearfix:after, .ol > li:after, ol > li:after, .theme-default ol > li:after, .theme-default .ol > li:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }

  table.visible-print {
    display: table;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/*
 * Display
 */
.display-block {
  display: block;
}

.display-inline {
  display: inline-block;
}

.display-none {
  display: none;
}

.full-width {
  width: 100%;
}

.wide {
  width: 75%;
}

.max-width {
  max-width: 100%;
}

.full-height {
  height: 100%;
}

/*
 * Position type
 */
.pos-fixed {
  position: fixed;
}

.pos-absolute {
  position: absolute;
}

.pos-relative {
  position: relative;
}

/*
 * Position values
 */
.no-l {
  left: 0;
}

.xxs-l {
  left: 0.1875rem;
}

.xs-l {
  left: 0.3125rem;
}

.sm-l {
  left: 0.625rem;
}

.md-l {
  left: 1.25rem;
}

.lg-l {
  left: 2.5rem;
}

.xl-l {
  left: 5rem;
}

.xxl-l {
  left: 7.5rem;
}

.neg-xxs-l {
  left: -0.1875rem;
}

.neg-xs-l {
  left: -0.3125rem;
}

.neg-sm-l {
  left: -0.625rem;
}

.neg-md-l {
  left: -1.25rem;
}

.neg-lg-l {
  left: -2.5rem;
}

.neg-xl-l {
  left: -5rem;
}

.neg-xxl-l {
  left: -7.5rem;
}

.no-t {
  top: 0;
}

.xxs-t {
  top: 0.1875rem;
}

.xs-t {
  top: 0.3125rem;
}

.sm-t {
  top: 0.625rem;
}

.md-t {
  top: 1.25rem;
}

.lg-t {
  top: 2.5rem;
}

.xl-t {
  top: 5rem;
}

.xxl-t {
  top: 7.5rem;
}

.neg-xxs-t {
  top: -0.1875rem;
}

.neg-xs-t {
  top: -0.3125rem;
}

.neg-sm-t {
  top: -0.625rem;
}

.neg-md-t {
  top: -1.25rem;
}

.neg-bg-t {
  top: -2.5rem;
}

.neg-xl-t {
  top: -5rem;
}

.neg-xxl-t {
  top: -7.5rem;
}

.no-r {
  right: 0;
}

.xxs-r {
  right: 0.1875rem;
}

.xs-r {
  right: 0.3125rem;
}

.sm-r {
  right: 0.625rem;
}

.md-r {
  right: 1.25rem;
}

.lg-r {
  right: 2.5rem;
}

.xl-r {
  right: 5rem;
}

.xxl-r {
  right: 7.5rem;
}

.neg-xxs-r {
  right: -0.1875rem;
}

.neg-xs-r {
  right: -0.3125rem;
}

.neg-sm-r {
  right: -0.625rem;
}

.neg-md-r {
  right: -1.25rem;
}

.neg-rg-r {
  right: -2.5rem;
}

.neg-xl-r {
  right: -5rem;
}

.neg-xxl-r {
  right: -7.5rem;
}

.no-b {
  bottom: 0;
}

.xxs-b {
  bottom: 0.1875rem;
}

.xs-b {
  bottom: 0.3125rem;
}

.sm-b {
  bottom: 0.625rem;
}

.md-b {
  bottom: 1.25rem;
}

.lg-b {
  bottom: 2.5rem;
}

.xl-b {
  bottom: 5rem;
}

.xxl-b {
  bottom: 7.5rem;
}

.neg-xxs-b {
  bottom: -0.1875rem;
}

.neg-xs-b {
  bottom: -0.3125rem;
}

.neg-sm-b {
  bottom: -0.625rem;
}

.neg-md-b {
  bottom: -1.25rem;
}

.neg-bg-b {
  bottom: -2.5rem;
}

.neg-xl-b {
  bottom: -5rem;
}

.neg-xxl-b {
  bottom: -7.5rem;
}

/*
 * Alignment
 */
.align-left {
  float: left;
}

.align-right {
  float: right;
}

.align-none {
  float: none;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

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

.inline-align-left {
  text-align: left;
}

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

/*
 * Margin helpers
 */
.xxs-mar {
  margin: 0.1875rem;
}

.xs-mar {
  margin: 0.3125rem;
}

.sm-mar {
  margin: 0.625rem;
}

.md-mar {
  margin: 1.25rem;
}

.lg-mar {
  margin: 2.5rem;
}

.xl-mar {
  margin: 5rem;
}

.xxl-mar {
  margin: 7.5rem;
}

.no-mar {
  margin: 0;
}

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

.xxs-mar-l {
  margin-left: 0.1875rem;
}

.xs-mar-l {
  margin-left: 0.3125rem;
}

.sm-mar-l {
  margin-left: 0.625rem;
}

.md-mar-l {
  margin-left: 1.25rem;
}

.lg-mar-l {
  margin-left: 2.5rem;
}

.xl-mar-l {
  margin-left: 5rem;
}

.xxl-mar-l {
  margin-left: 7.5rem;
}

.neg-xxs-mar-l {
  margin-left: -0.1875rem;
}

.neg-xs-mar-l {
  margin-left: -0.3125rem;
}

.neg-sm-mar-l {
  margin-left: -0.625rem;
}

.neg-md-mar-l {
  margin-left: -1.25rem;
}

.neg-lg-mar-l {
  margin-left: -2.5rem;
}

.neg-xl-mar-l {
  margin-left: -5rem;
}

.neg-xxl-mar-l {
  margin-left: -7.5rem;
}

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

.xxs-mar-t {
  margin-top: 0.1875rem;
}

.xs-mar-t {
  margin-top: 0.3125rem;
}

.sm-mar-t {
  margin-top: 0.625rem;
}

.md-mar-t {
  margin-top: 1.25rem;
}

.lg-mar-t {
  margin-top: 2.5rem;
}

.xl-mar-t {
  margin-top: 5rem;
}

.xxl-mar-t {
  margin-top: 7.5rem;
}

.neg-xxs-mar-t {
  margin-top: -0.1875rem;
}

.neg-xs-mar-t {
  margin-top: -0.3125rem;
}

.neg-sm-mar-t {
  margin-top: -0.625rem;
}

.neg-md-mar-t {
  margin-top: -1.25rem;
}

.neg-bg-mar-t {
  margin-top: -2.5rem;
}

.neg-xl-mar-t {
  margin-top: -5rem;
}

.neg-xxl-mar-t {
  margin-top: -7.5rem;
}

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

.xxs-mar-r {
  margin-right: 0.1875rem;
}

.xs-mar-r {
  margin-right: 0.3125rem;
}

.sm-mar-r {
  margin-right: 0.625rem;
}

.md-mar-r {
  margin-right: 1.25rem;
}

.lg-mar-r {
  margin-right: 2.5rem;
}

.xl-mar-r {
  margin-right: 5rem;
}

.xxl-mar-r {
  margin-right: 7.5rem;
}

.neg-xxs-mar-r {
  margin-right: -0.1875rem;
}

.neg-xs-mar-r {
  margin-right: -0.3125rem;
}

.neg-sm-mar-r {
  margin-right: -0.625rem;
}

.neg-md-mar-r {
  margin-right: -1.25rem;
}

.neg-rg-mar-r {
  margin-right: -2.5rem;
}

.neg-xl-mar-r {
  margin-right: -5rem;
}

.neg-xxl-mar-r {
  margin-right: -7.5rem;
}

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

.xxs-mar-b {
  margin-bottom: 0.1875rem;
}

.xs-mar-b {
  margin-bottom: 0.3125rem;
}

.sm-mar-b {
  margin-bottom: 0.625rem;
}

.md-mar-b {
  margin-bottom: 1.25rem;
}

.lg-mar-b {
  margin-bottom: 2.5rem;
}

.xl-mar-b {
  margin-bottom: 5rem;
}

.xxl-mar-b {
  margin-bottom: 7.5rem;
}

.neg-xxs-mar-b {
  margin-bottom: -0.1875rem;
}

.neg-xs-mar-b {
  margin-bottom: -0.3125rem;
}

.neg-sm-mar-b {
  margin-bottom: -0.625rem;
}

.neg-md-mar-b {
  margin-bottom: -1.25rem;
}

.neg-bg-mar-b {
  margin-bottom: -2.5rem;
}

.neg-xl-mar-b {
  margin-bottom: -5rem;
}

.neg-xxl-mar-b {
  margin-bottom: -7.5rem;
}

/*
 * padding helpers
 */
.no-pad {
  padding: 0;
}

.xxs-pad {
  padding: 0.1875rem;
}

.xs-pad {
  padding: 0.3125rem;
}

.sm-pad {
  padding: 0.625rem;
}

.md-pad {
  padding: 1.25rem;
}

.lg-pad {
  padding: 2.5rem;
}

.xl-pad {
  padding: 5rem;
}

.xxl-pad {
  padding: 7.5rem;
}

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

.xxs-pad-l {
  padding-left: 0.1875rem;
}

.xs-pad-l {
  padding-left: 0.3125rem;
}

.sm-pad-l {
  padding-left: 0.625rem;
}

.md-pad-l {
  padding-left: 1.25rem;
}

.lg-pad-l {
  padding-left: 2.5rem;
}

.xl-pad-l {
  padding-left: 5rem;
}

.xxl-pad-l {
  padding-left: 7.5rem;
}

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

.xxs-pad-t {
  padding-top: 0.1875rem;
}

.xs-pad-t {
  padding-top: 0.3125rem;
}

.sm-pad-t {
  padding-top: 0.625rem;
}

.md-pad-t {
  padding-top: 1.25rem;
}

.lg-pad-t {
  padding-top: 2.5rem;
}

.xl-pad-t {
  padding-top: 5rem;
}

.xxl-pad-t {
  padding-top: 7.5rem;
}

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

.xxs-pad-r {
  padding-right: 0.1875rem;
}

.xs-pad-r {
  padding-right: 0.3125rem;
}

.sm-pad-r {
  padding-right: 0.625rem;
}

.md-pad-r {
  padding-right: 1.25rem;
}

.lg-pad-r {
  padding-right: 2.5rem;
}

.xl-pad-r {
  padding-right: 5rem;
}

.xxl-pad-r {
  padding-right: 7.5rem;
}

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

.xxs-pad-b {
  padding-bottom: 0.1875rem;
}

.xs-pad-b {
  padding-bottom: 0.3125rem;
}

.sm-pad-b {
  padding-bottom: 0.625rem;
}

.md-pad-b {
  padding-bottom: 1.25rem;
}

.lg-pad-b {
  padding-bottom: 2.5rem;
}

.xl-pad-b {
  padding-bottom: 5rem;
}

.xxl-pad-b {
  padding-bottom: 7.5rem;
}

.list-inline {
  margin: 0;
}
.list-inline > li {
  display: inline-block;
}

/*
 * border helpers
 */
.no-bor {
  border-width: 0;
}

.xxs-bor {
  border-width: 1px;
}

.xs-bor {
  border-width: 2px;
}

.sm-bor {
  border-width: 3px;
}

.md-bor {
  border-width: 4px;
}

.lg-bor {
  border-width: 5px;
}

.xl-bor {
  border-width: 6px;
}

.xxl-bor {
  border-width: 7px;
}

.no-bor-l {
  border-left-width: 0;
}

.xxs-bor-l {
  border-left-width: 1px;
}

.xs-bor-l {
  border-left-width: 2px;
}

.sm-bor-l {
  border-left-width: 3px;
}

.md-bor-l {
  border-left-width: 4px;
}

.lg-bor-l {
  border-left-width: 5px;
}

.xl-bor-l {
  border-left-width: 6px;
}

.xxl-bor-l {
  border-left-width: 7px;
}

.no-bor-t {
  border-top-width: 0;
}

.xxs-bor-t {
  border-top-width: 1px;
}

.xs-bor-t {
  border-top-width: 2px;
}

.sm-bor-t {
  border-top-width: 3px;
}

.md-bor-t {
  border-top-width: 4px;
}

.lg-bor-t {
  border-top-width: 5px;
}

.xl-bor-t {
  border-top-width: 6px;
}

.xxl-bor-t {
  border-top-width: 7px;
}

.no-bor-r {
  border-right-width: 0;
}

.xxs-bor-r {
  border-right-width: 1px;
}

.xs-bor-r {
  border-right-width: 2px;
}

.sm-bor-r {
  border-right-width: 3px;
}

.md-bor-r {
  border-right-width: 4px;
}

.lg-bor-r {
  border-right-width: 5px;
}

.xl-bor-r {
  border-right-width: 6px;
}

.xxl-bor-r {
  border-right-width: 7px;
}

.no-bor-b {
  border-bottom-width: 0;
}

.xxs-bor-b {
  border-bottom-width: 1px;
}

.xs-bor-b {
  border-bottom-width: 2px;
}

.sm-bor-b {
  border-bottom-width: 3px;
}

.md-bor-b {
  border-bottom-width: 4px;
}

.lg-bor-b {
  border-bottom-width: 5px;
}

.xl-bor-b {
  border-bottom-width: 6px;
}

.xxl-bor-b {
  border-bottom-width: 7px;
}

/*
 * Loop through the breakpoints we've specified and generate styles for
 * all our layout helpers, prefixing each with the size we are currently
 * on in the loop
 */
@media screen and (max-width: 1024px) {
  /*
   * Display
   */
  .display-block-on-lg {
    display: block;
  }

  .display-inline-on-lg {
    display: inline-block;
  }

  .display-none-on-lg {
    display: none;
  }

  .full-width-on-lg {
    width: 100%;
  }

  .wide-on-lg {
    width: 75%;
  }

  .max-width-on-lg {
    max-width: 100%;
  }

  .full-height-on-lg {
    height: 100%;
  }

  /*
   * Position type
   */
  .pos-fixed-on-lg {
    position: fixed;
  }

  .pos-absolute-on-lg {
    position: absolute;
  }

  .pos-relative-on-lg {
    position: relative;
  }

  /*
   * Position values
   */
  .no-l-on-lg {
    left: 0;
  }

  .xxs-l-on-lg {
    left: 0.1875rem;
  }

  .xs-l-on-lg {
    left: 0.3125rem;
  }

  .sm-l-on-lg {
    left: 0.625rem;
  }

  .md-l-on-lg {
    left: 1.25rem;
  }

  .lg-l-on-lg {
    left: 2.5rem;
  }

  .xl-l-on-lg {
    left: 5rem;
  }

  .xxl-l-on-lg {
    left: 7.5rem;
  }

  .neg-xxs-l-on-lg {
    left: -0.1875rem;
  }

  .neg-xs-l-on-lg {
    left: -0.3125rem;
  }

  .neg-sm-l-on-lg {
    left: -0.625rem;
  }

  .neg-md-l-on-lg {
    left: -1.25rem;
  }

  .neg-lg-l-on-lg {
    left: -2.5rem;
  }

  .neg-xl-l-on-lg {
    left: -5rem;
  }

  .neg-xxl-l-on-lg {
    left: -7.5rem;
  }

  .no-t-on-lg {
    top: 0;
  }

  .xxs-t-on-lg {
    top: 0.1875rem;
  }

  .xs-t-on-lg {
    top: 0.3125rem;
  }

  .sm-t-on-lg {
    top: 0.625rem;
  }

  .md-t-on-lg {
    top: 1.25rem;
  }

  .lg-t-on-lg {
    top: 2.5rem;
  }

  .xl-t-on-lg {
    top: 5rem;
  }

  .xxl-t-on-lg {
    top: 7.5rem;
  }

  .neg-xxs-t-on-lg {
    top: -0.1875rem;
  }

  .neg-xs-t-on-lg {
    top: -0.3125rem;
  }

  .neg-sm-t-on-lg {
    top: -0.625rem;
  }

  .neg-md-t-on-lg {
    top: -1.25rem;
  }

  .neg-bg-t-on-lg {
    top: -2.5rem;
  }

  .neg-xl-t-on-lg {
    top: -5rem;
  }

  .neg-xxl-t-on-lg {
    top: -7.5rem;
  }

  .no-r-on-lg {
    right: 0;
  }

  .xxs-r-on-lg {
    right: 0.1875rem;
  }

  .xs-r-on-lg {
    right: 0.3125rem;
  }

  .sm-r-on-lg {
    right: 0.625rem;
  }

  .md-r-on-lg {
    right: 1.25rem;
  }

  .lg-r-on-lg {
    right: 2.5rem;
  }

  .xl-r-on-lg {
    right: 5rem;
  }

  .xxl-r-on-lg {
    right: 7.5rem;
  }

  .neg-xxs-r-on-lg {
    right: -0.1875rem;
  }

  .neg-xs-r-on-lg {
    right: -0.3125rem;
  }

  .neg-sm-r-on-lg {
    right: -0.625rem;
  }

  .neg-md-r-on-lg {
    right: -1.25rem;
  }

  .neg-rg-r-on-lg {
    right: -2.5rem;
  }

  .neg-xl-r-on-lg {
    right: -5rem;
  }

  .neg-xxl-r-on-lg {
    right: -7.5rem;
  }

  .no-b-on-lg {
    bottom: 0;
  }

  .xxs-b-on-lg {
    bottom: 0.1875rem;
  }

  .xs-b-on-lg {
    bottom: 0.3125rem;
  }

  .sm-b-on-lg {
    bottom: 0.625rem;
  }

  .md-b-on-lg {
    bottom: 1.25rem;
  }

  .lg-b-on-lg {
    bottom: 2.5rem;
  }

  .xl-b-on-lg {
    bottom: 5rem;
  }

  .xxl-b-on-lg {
    bottom: 7.5rem;
  }

  .neg-xxs-b-on-lg {
    bottom: -0.1875rem;
  }

  .neg-xs-b-on-lg {
    bottom: -0.3125rem;
  }

  .neg-sm-b-on-lg {
    bottom: -0.625rem;
  }

  .neg-md-b-on-lg {
    bottom: -1.25rem;
  }

  .neg-bg-b-on-lg {
    bottom: -2.5rem;
  }

  .neg-xl-b-on-lg {
    bottom: -5rem;
  }

  .neg-xxl-b-on-lg {
    bottom: -7.5rem;
  }

  /*
   * Alignment
   */
  .align-left-on-lg {
    float: left;
  }

  .align-right-on-lg {
    float: right;
  }

  .align-none-on-lg {
    float: none;
  }

  .align-center-on-lg {
    margin-left: auto;
    margin-right: auto;
  }

  .inline-align-center-on-lg {
    text-align: center;
  }

  .inline-align-left-on-lg {
    text-align: left;
  }

  .inline-align-right-on-lg {
    text-align: right;
  }

  /*
   * Margin helpers
   */
  .xxs-mar-on-lg {
    margin: 0.1875rem;
  }

  .xs-mar-on-lg {
    margin: 0.3125rem;
  }

  .sm-mar-on-lg {
    margin: 0.625rem;
  }

  .md-mar-on-lg {
    margin: 1.25rem;
  }

  .lg-mar-on-lg {
    margin: 2.5rem;
  }

  .xl-mar-on-lg {
    margin: 5rem;
  }

  .xxl-mar-on-lg {
    margin: 7.5rem;
  }

  .no-mar-on-lg {
    margin: 0;
  }

  .no-mar-l-on-lg {
    margin-left: 0;
  }

  .xxs-mar-l-on-lg {
    margin-left: 0.1875rem;
  }

  .xs-mar-l-on-lg {
    margin-left: 0.3125rem;
  }

  .sm-mar-l-on-lg {
    margin-left: 0.625rem;
  }

  .md-mar-l-on-lg {
    margin-left: 1.25rem;
  }

  .lg-mar-l-on-lg {
    margin-left: 2.5rem;
  }

  .xl-mar-l-on-lg {
    margin-left: 5rem;
  }

  .xxl-mar-l-on-lg {
    margin-left: 7.5rem;
  }

  .neg-xxs-mar-l-on-lg {
    margin-left: -0.1875rem;
  }

  .neg-xs-mar-l-on-lg {
    margin-left: -0.3125rem;
  }

  .neg-sm-mar-l-on-lg {
    margin-left: -0.625rem;
  }

  .neg-md-mar-l-on-lg {
    margin-left: -1.25rem;
  }

  .neg-lg-mar-l-on-lg {
    margin-left: -2.5rem;
  }

  .neg-xl-mar-l-on-lg {
    margin-left: -5rem;
  }

  .neg-xxl-mar-l-on-lg {
    margin-left: -7.5rem;
  }

  .no-mar-t-on-lg {
    margin-top: 0;
  }

  .xxs-mar-t-on-lg {
    margin-top: 0.1875rem;
  }

  .xs-mar-t-on-lg {
    margin-top: 0.3125rem;
  }

  .sm-mar-t-on-lg {
    margin-top: 0.625rem;
  }

  .md-mar-t-on-lg {
    margin-top: 1.25rem;
  }

  .lg-mar-t-on-lg {
    margin-top: 2.5rem;
  }

  .xl-mar-t-on-lg {
    margin-top: 5rem;
  }

  .xxl-mar-t-on-lg {
    margin-top: 7.5rem;
  }

  .neg-xxs-mar-t-on-lg {
    margin-top: -0.1875rem;
  }

  .neg-xs-mar-t-on-lg {
    margin-top: -0.3125rem;
  }

  .neg-sm-mar-t-on-lg {
    margin-top: -0.625rem;
  }

  .neg-md-mar-t-on-lg {
    margin-top: -1.25rem;
  }

  .neg-bg-mar-t-on-lg {
    margin-top: -2.5rem;
  }

  .neg-xl-mar-t-on-lg {
    margin-top: -5rem;
  }

  .neg-xxl-mar-t-on-lg {
    margin-top: -7.5rem;
  }

  .no-mar-r-on-lg {
    margin-right: 0;
  }

  .xxs-mar-r-on-lg {
    margin-right: 0.1875rem;
  }

  .xs-mar-r-on-lg {
    margin-right: 0.3125rem;
  }

  .sm-mar-r-on-lg {
    margin-right: 0.625rem;
  }

  .md-mar-r-on-lg {
    margin-right: 1.25rem;
  }

  .lg-mar-r-on-lg {
    margin-right: 2.5rem;
  }

  .xl-mar-r-on-lg {
    margin-right: 5rem;
  }

  .xxl-mar-r-on-lg {
    margin-right: 7.5rem;
  }

  .neg-xxs-mar-r-on-lg {
    margin-right: -0.1875rem;
  }

  .neg-xs-mar-r-on-lg {
    margin-right: -0.3125rem;
  }

  .neg-sm-mar-r-on-lg {
    margin-right: -0.625rem;
  }

  .neg-md-mar-r-on-lg {
    margin-right: -1.25rem;
  }

  .neg-rg-mar-r-on-lg {
    margin-right: -2.5rem;
  }

  .neg-xl-mar-r-on-lg {
    margin-right: -5rem;
  }

  .neg-xxl-mar-r-on-lg {
    margin-right: -7.5rem;
  }

  .no-mar-b-on-lg {
    margin-bottom: 0;
  }

  .xxs-mar-b-on-lg {
    margin-bottom: 0.1875rem;
  }

  .xs-mar-b-on-lg {
    margin-bottom: 0.3125rem;
  }

  .sm-mar-b-on-lg {
    margin-bottom: 0.625rem;
  }

  .md-mar-b-on-lg {
    margin-bottom: 1.25rem;
  }

  .lg-mar-b-on-lg {
    margin-bottom: 2.5rem;
  }

  .xl-mar-b-on-lg {
    margin-bottom: 5rem;
  }

  .xxl-mar-b-on-lg {
    margin-bottom: 7.5rem;
  }

  .neg-xxs-mar-b-on-lg {
    margin-bottom: -0.1875rem;
  }

  .neg-xs-mar-b-on-lg {
    margin-bottom: -0.3125rem;
  }

  .neg-sm-mar-b-on-lg {
    margin-bottom: -0.625rem;
  }

  .neg-md-mar-b-on-lg {
    margin-bottom: -1.25rem;
  }

  .neg-bg-mar-b-on-lg {
    margin-bottom: -2.5rem;
  }

  .neg-xl-mar-b-on-lg {
    margin-bottom: -5rem;
  }

  .neg-xxl-mar-b-on-lg {
    margin-bottom: -7.5rem;
  }

  /*
   * padding helpers
   */
  .no-pad-on-lg {
    padding: 0;
  }

  .xxs-pad-on-lg {
    padding: 0.1875rem;
  }

  .xs-pad-on-lg {
    padding: 0.3125rem;
  }

  .sm-pad-on-lg {
    padding: 0.625rem;
  }

  .md-pad-on-lg {
    padding: 1.25rem;
  }

  .lg-pad-on-lg {
    padding: 2.5rem;
  }

  .xl-pad-on-lg {
    padding: 5rem;
  }

  .xxl-pad-on-lg {
    padding: 7.5rem;
  }

  .no-pad-l-on-lg {
    padding-left: 0;
  }

  .xxs-pad-l-on-lg {
    padding-left: 0.1875rem;
  }

  .xs-pad-l-on-lg {
    padding-left: 0.3125rem;
  }

  .sm-pad-l-on-lg {
    padding-left: 0.625rem;
  }

  .md-pad-l-on-lg {
    padding-left: 1.25rem;
  }

  .lg-pad-l-on-lg {
    padding-left: 2.5rem;
  }

  .xl-pad-l-on-lg {
    padding-left: 5rem;
  }

  .xxl-pad-l-on-lg {
    padding-left: 7.5rem;
  }

  .no-pad-t-on-lg {
    padding-top: 0;
  }

  .xxs-pad-t-on-lg {
    padding-top: 0.1875rem;
  }

  .xs-pad-t-on-lg {
    padding-top: 0.3125rem;
  }

  .sm-pad-t-on-lg {
    padding-top: 0.625rem;
  }

  .md-pad-t-on-lg {
    padding-top: 1.25rem;
  }

  .lg-pad-t-on-lg {
    padding-top: 2.5rem;
  }

  .xl-pad-t-on-lg {
    padding-top: 5rem;
  }

  .xxl-pad-t-on-lg {
    padding-top: 7.5rem;
  }

  .no-pad-r-on-lg {
    padding-right: 0;
  }

  .xxs-pad-r-on-lg {
    padding-right: 0.1875rem;
  }

  .xs-pad-r-on-lg {
    padding-right: 0.3125rem;
  }

  .sm-pad-r-on-lg {
    padding-right: 0.625rem;
  }

  .md-pad-r-on-lg {
    padding-right: 1.25rem;
  }

  .lg-pad-r-on-lg {
    padding-right: 2.5rem;
  }

  .xl-pad-r-on-lg {
    padding-right: 5rem;
  }

  .xxl-pad-r-on-lg {
    padding-right: 7.5rem;
  }

  .no-pad-b-on-lg {
    padding-bottom: 0;
  }

  .xxs-pad-b-on-lg {
    padding-bottom: 0.1875rem;
  }

  .xs-pad-b-on-lg {
    padding-bottom: 0.3125rem;
  }

  .sm-pad-b-on-lg {
    padding-bottom: 0.625rem;
  }

  .md-pad-b-on-lg {
    padding-bottom: 1.25rem;
  }

  .lg-pad-b-on-lg {
    padding-bottom: 2.5rem;
  }

  .xl-pad-b-on-lg {
    padding-bottom: 5rem;
  }

  .xxl-pad-b-on-lg {
    padding-bottom: 7.5rem;
  }

  .list-inline-on-lg {
    margin: 0;
  }
  .list-inline-on-lg > li {
    display: inline-block;
  }

  /*
   * border helpers
   */
  .no-bor-on-lg {
    border-width: 0;
  }

  .xxs-bor-on-lg {
    border-width: 1px;
  }

  .xs-bor-on-lg {
    border-width: 2px;
  }

  .sm-bor-on-lg {
    border-width: 3px;
  }

  .md-bor-on-lg {
    border-width: 4px;
  }

  .lg-bor-on-lg {
    border-width: 5px;
  }

  .xl-bor-on-lg {
    border-width: 6px;
  }

  .xxl-bor-on-lg {
    border-width: 7px;
  }

  .no-bor-l-on-lg {
    border-left-width: 0;
  }

  .xxs-bor-l-on-lg {
    border-left-width: 1px;
  }

  .xs-bor-l-on-lg {
    border-left-width: 2px;
  }

  .sm-bor-l-on-lg {
    border-left-width: 3px;
  }

  .md-bor-l-on-lg {
    border-left-width: 4px;
  }

  .lg-bor-l-on-lg {
    border-left-width: 5px;
  }

  .xl-bor-l-on-lg {
    border-left-width: 6px;
  }

  .xxl-bor-l-on-lg {
    border-left-width: 7px;
  }

  .no-bor-t-on-lg {
    border-top-width: 0;
  }

  .xxs-bor-t-on-lg {
    border-top-width: 1px;
  }

  .xs-bor-t-on-lg {
    border-top-width: 2px;
  }

  .sm-bor-t-on-lg {
    border-top-width: 3px;
  }

  .md-bor-t-on-lg {
    border-top-width: 4px;
  }

  .lg-bor-t-on-lg {
    border-top-width: 5px;
  }

  .xl-bor-t-on-lg {
    border-top-width: 6px;
  }

  .xxl-bor-t-on-lg {
    border-top-width: 7px;
  }

  .no-bor-r-on-lg {
    border-right-width: 0;
  }

  .xxs-bor-r-on-lg {
    border-right-width: 1px;
  }

  .xs-bor-r-on-lg {
    border-right-width: 2px;
  }

  .sm-bor-r-on-lg {
    border-right-width: 3px;
  }

  .md-bor-r-on-lg {
    border-right-width: 4px;
  }

  .lg-bor-r-on-lg {
    border-right-width: 5px;
  }

  .xl-bor-r-on-lg {
    border-right-width: 6px;
  }

  .xxl-bor-r-on-lg {
    border-right-width: 7px;
  }

  .no-bor-b-on-lg {
    border-bottom-width: 0;
  }

  .xxs-bor-b-on-lg {
    border-bottom-width: 1px;
  }

  .xs-bor-b-on-lg {
    border-bottom-width: 2px;
  }

  .sm-bor-b-on-lg {
    border-bottom-width: 3px;
  }

  .md-bor-b-on-lg {
    border-bottom-width: 4px;
  }

  .lg-bor-b-on-lg {
    border-bottom-width: 5px;
  }

  .xl-bor-b-on-lg {
    border-bottom-width: 6px;
  }

  .xxl-bor-b-on-lg {
    border-bottom-width: 7px;
  }
}
@media screen and (max-width: 992px) {
  /*
   * Display
   */
  .display-block-on-md {
    display: block;
  }

  .display-inline-on-md {
    display: inline-block;
  }

  .display-none-on-md {
    display: none;
  }

  .full-width-on-md {
    width: 100%;
  }

  .wide-on-md {
    width: 75%;
  }

  .max-width-on-md {
    max-width: 100%;
  }

  .full-height-on-md {
    height: 100%;
  }

  /*
   * Position type
   */
  .pos-fixed-on-md {
    position: fixed;
  }

  .pos-absolute-on-md {
    position: absolute;
  }

  .pos-relative-on-md {
    position: relative;
  }

  /*
   * Position values
   */
  .no-l-on-md {
    left: 0;
  }

  .xxs-l-on-md {
    left: 0.1875rem;
  }

  .xs-l-on-md {
    left: 0.3125rem;
  }

  .sm-l-on-md {
    left: 0.625rem;
  }

  .md-l-on-md {
    left: 1.25rem;
  }

  .lg-l-on-md {
    left: 2.5rem;
  }

  .xl-l-on-md {
    left: 5rem;
  }

  .xxl-l-on-md {
    left: 7.5rem;
  }

  .neg-xxs-l-on-md {
    left: -0.1875rem;
  }

  .neg-xs-l-on-md {
    left: -0.3125rem;
  }

  .neg-sm-l-on-md {
    left: -0.625rem;
  }

  .neg-md-l-on-md {
    left: -1.25rem;
  }

  .neg-lg-l-on-md {
    left: -2.5rem;
  }

  .neg-xl-l-on-md {
    left: -5rem;
  }

  .neg-xxl-l-on-md {
    left: -7.5rem;
  }

  .no-t-on-md {
    top: 0;
  }

  .xxs-t-on-md {
    top: 0.1875rem;
  }

  .xs-t-on-md {
    top: 0.3125rem;
  }

  .sm-t-on-md {
    top: 0.625rem;
  }

  .md-t-on-md {
    top: 1.25rem;
  }

  .lg-t-on-md {
    top: 2.5rem;
  }

  .xl-t-on-md {
    top: 5rem;
  }

  .xxl-t-on-md {
    top: 7.5rem;
  }

  .neg-xxs-t-on-md {
    top: -0.1875rem;
  }

  .neg-xs-t-on-md {
    top: -0.3125rem;
  }

  .neg-sm-t-on-md {
    top: -0.625rem;
  }

  .neg-md-t-on-md {
    top: -1.25rem;
  }

  .neg-bg-t-on-md {
    top: -2.5rem;
  }

  .neg-xl-t-on-md {
    top: -5rem;
  }

  .neg-xxl-t-on-md {
    top: -7.5rem;
  }

  .no-r-on-md {
    right: 0;
  }

  .xxs-r-on-md {
    right: 0.1875rem;
  }

  .xs-r-on-md {
    right: 0.3125rem;
  }

  .sm-r-on-md {
    right: 0.625rem;
  }

  .md-r-on-md {
    right: 1.25rem;
  }

  .lg-r-on-md {
    right: 2.5rem;
  }

  .xl-r-on-md {
    right: 5rem;
  }

  .xxl-r-on-md {
    right: 7.5rem;
  }

  .neg-xxs-r-on-md {
    right: -0.1875rem;
  }

  .neg-xs-r-on-md {
    right: -0.3125rem;
  }

  .neg-sm-r-on-md {
    right: -0.625rem;
  }

  .neg-md-r-on-md {
    right: -1.25rem;
  }

  .neg-rg-r-on-md {
    right: -2.5rem;
  }

  .neg-xl-r-on-md {
    right: -5rem;
  }

  .neg-xxl-r-on-md {
    right: -7.5rem;
  }

  .no-b-on-md {
    bottom: 0;
  }

  .xxs-b-on-md {
    bottom: 0.1875rem;
  }

  .xs-b-on-md {
    bottom: 0.3125rem;
  }

  .sm-b-on-md {
    bottom: 0.625rem;
  }

  .md-b-on-md {
    bottom: 1.25rem;
  }

  .lg-b-on-md {
    bottom: 2.5rem;
  }

  .xl-b-on-md {
    bottom: 5rem;
  }

  .xxl-b-on-md {
    bottom: 7.5rem;
  }

  .neg-xxs-b-on-md {
    bottom: -0.1875rem;
  }

  .neg-xs-b-on-md {
    bottom: -0.3125rem;
  }

  .neg-sm-b-on-md {
    bottom: -0.625rem;
  }

  .neg-md-b-on-md {
    bottom: -1.25rem;
  }

  .neg-bg-b-on-md {
    bottom: -2.5rem;
  }

  .neg-xl-b-on-md {
    bottom: -5rem;
  }

  .neg-xxl-b-on-md {
    bottom: -7.5rem;
  }

  /*
   * Alignment
   */
  .align-left-on-md {
    float: left;
  }

  .align-right-on-md {
    float: right;
  }

  .align-none-on-md {
    float: none;
  }

  .align-center-on-md {
    margin-left: auto;
    margin-right: auto;
  }

  .inline-align-center-on-md {
    text-align: center;
  }

  .inline-align-left-on-md {
    text-align: left;
  }

  .inline-align-right-on-md {
    text-align: right;
  }

  /*
   * Margin helpers
   */
  .xxs-mar-on-md {
    margin: 0.1875rem;
  }

  .xs-mar-on-md {
    margin: 0.3125rem;
  }

  .sm-mar-on-md {
    margin: 0.625rem;
  }

  .md-mar-on-md {
    margin: 1.25rem;
  }

  .lg-mar-on-md {
    margin: 2.5rem;
  }

  .xl-mar-on-md {
    margin: 5rem;
  }

  .xxl-mar-on-md {
    margin: 7.5rem;
  }

  .no-mar-on-md {
    margin: 0;
  }

  .no-mar-l-on-md {
    margin-left: 0;
  }

  .xxs-mar-l-on-md {
    margin-left: 0.1875rem;
  }

  .xs-mar-l-on-md {
    margin-left: 0.3125rem;
  }

  .sm-mar-l-on-md {
    margin-left: 0.625rem;
  }

  .md-mar-l-on-md {
    margin-left: 1.25rem;
  }

  .lg-mar-l-on-md {
    margin-left: 2.5rem;
  }

  .xl-mar-l-on-md {
    margin-left: 5rem;
  }

  .xxl-mar-l-on-md {
    margin-left: 7.5rem;
  }

  .neg-xxs-mar-l-on-md {
    margin-left: -0.1875rem;
  }

  .neg-xs-mar-l-on-md {
    margin-left: -0.3125rem;
  }

  .neg-sm-mar-l-on-md {
    margin-left: -0.625rem;
  }

  .neg-md-mar-l-on-md {
    margin-left: -1.25rem;
  }

  .neg-lg-mar-l-on-md {
    margin-left: -2.5rem;
  }

  .neg-xl-mar-l-on-md {
    margin-left: -5rem;
  }

  .neg-xxl-mar-l-on-md {
    margin-left: -7.5rem;
  }

  .no-mar-t-on-md {
    margin-top: 0;
  }

  .xxs-mar-t-on-md {
    margin-top: 0.1875rem;
  }

  .xs-mar-t-on-md {
    margin-top: 0.3125rem;
  }

  .sm-mar-t-on-md {
    margin-top: 0.625rem;
  }

  .md-mar-t-on-md {
    margin-top: 1.25rem;
  }

  .lg-mar-t-on-md {
    margin-top: 2.5rem;
  }

  .xl-mar-t-on-md {
    margin-top: 5rem;
  }

  .xxl-mar-t-on-md {
    margin-top: 7.5rem;
  }

  .neg-xxs-mar-t-on-md {
    margin-top: -0.1875rem;
  }

  .neg-xs-mar-t-on-md {
    margin-top: -0.3125rem;
  }

  .neg-sm-mar-t-on-md {
    margin-top: -0.625rem;
  }

  .neg-md-mar-t-on-md {
    margin-top: -1.25rem;
  }

  .neg-bg-mar-t-on-md {
    margin-top: -2.5rem;
  }

  .neg-xl-mar-t-on-md {
    margin-top: -5rem;
  }

  .neg-xxl-mar-t-on-md {
    margin-top: -7.5rem;
  }

  .no-mar-r-on-md {
    margin-right: 0;
  }

  .xxs-mar-r-on-md {
    margin-right: 0.1875rem;
  }

  .xs-mar-r-on-md {
    margin-right: 0.3125rem;
  }

  .sm-mar-r-on-md {
    margin-right: 0.625rem;
  }

  .md-mar-r-on-md {
    margin-right: 1.25rem;
  }

  .lg-mar-r-on-md {
    margin-right: 2.5rem;
  }

  .xl-mar-r-on-md {
    margin-right: 5rem;
  }

  .xxl-mar-r-on-md {
    margin-right: 7.5rem;
  }

  .neg-xxs-mar-r-on-md {
    margin-right: -0.1875rem;
  }

  .neg-xs-mar-r-on-md {
    margin-right: -0.3125rem;
  }

  .neg-sm-mar-r-on-md {
    margin-right: -0.625rem;
  }

  .neg-md-mar-r-on-md {
    margin-right: -1.25rem;
  }

  .neg-rg-mar-r-on-md {
    margin-right: -2.5rem;
  }

  .neg-xl-mar-r-on-md {
    margin-right: -5rem;
  }

  .neg-xxl-mar-r-on-md {
    margin-right: -7.5rem;
  }

  .no-mar-b-on-md {
    margin-bottom: 0;
  }

  .xxs-mar-b-on-md {
    margin-bottom: 0.1875rem;
  }

  .xs-mar-b-on-md {
    margin-bottom: 0.3125rem;
  }

  .sm-mar-b-on-md {
    margin-bottom: 0.625rem;
  }

  .md-mar-b-on-md {
    margin-bottom: 1.25rem;
  }

  .lg-mar-b-on-md {
    margin-bottom: 2.5rem;
  }

  .xl-mar-b-on-md {
    margin-bottom: 5rem;
  }

  .xxl-mar-b-on-md {
    margin-bottom: 7.5rem;
  }

  .neg-xxs-mar-b-on-md {
    margin-bottom: -0.1875rem;
  }

  .neg-xs-mar-b-on-md {
    margin-bottom: -0.3125rem;
  }

  .neg-sm-mar-b-on-md {
    margin-bottom: -0.625rem;
  }

  .neg-md-mar-b-on-md {
    margin-bottom: -1.25rem;
  }

  .neg-bg-mar-b-on-md {
    margin-bottom: -2.5rem;
  }

  .neg-xl-mar-b-on-md {
    margin-bottom: -5rem;
  }

  .neg-xxl-mar-b-on-md {
    margin-bottom: -7.5rem;
  }

  /*
   * padding helpers
   */
  .no-pad-on-md {
    padding: 0;
  }

  .xxs-pad-on-md {
    padding: 0.1875rem;
  }

  .xs-pad-on-md {
    padding: 0.3125rem;
  }

  .sm-pad-on-md {
    padding: 0.625rem;
  }

  .md-pad-on-md {
    padding: 1.25rem;
  }

  .lg-pad-on-md {
    padding: 2.5rem;
  }

  .xl-pad-on-md {
    padding: 5rem;
  }

  .xxl-pad-on-md {
    padding: 7.5rem;
  }

  .no-pad-l-on-md {
    padding-left: 0;
  }

  .xxs-pad-l-on-md {
    padding-left: 0.1875rem;
  }

  .xs-pad-l-on-md {
    padding-left: 0.3125rem;
  }

  .sm-pad-l-on-md {
    padding-left: 0.625rem;
  }

  .md-pad-l-on-md {
    padding-left: 1.25rem;
  }

  .lg-pad-l-on-md {
    padding-left: 2.5rem;
  }

  .xl-pad-l-on-md {
    padding-left: 5rem;
  }

  .xxl-pad-l-on-md {
    padding-left: 7.5rem;
  }

  .no-pad-t-on-md {
    padding-top: 0;
  }

  .xxs-pad-t-on-md {
    padding-top: 0.1875rem;
  }

  .xs-pad-t-on-md {
    padding-top: 0.3125rem;
  }

  .sm-pad-t-on-md {
    padding-top: 0.625rem;
  }

  .md-pad-t-on-md {
    padding-top: 1.25rem;
  }

  .lg-pad-t-on-md {
    padding-top: 2.5rem;
  }

  .xl-pad-t-on-md {
    padding-top: 5rem;
  }

  .xxl-pad-t-on-md {
    padding-top: 7.5rem;
  }

  .no-pad-r-on-md {
    padding-right: 0;
  }

  .xxs-pad-r-on-md {
    padding-right: 0.1875rem;
  }

  .xs-pad-r-on-md {
    padding-right: 0.3125rem;
  }

  .sm-pad-r-on-md {
    padding-right: 0.625rem;
  }

  .md-pad-r-on-md {
    padding-right: 1.25rem;
  }

  .lg-pad-r-on-md {
    padding-right: 2.5rem;
  }

  .xl-pad-r-on-md {
    padding-right: 5rem;
  }

  .xxl-pad-r-on-md {
    padding-right: 7.5rem;
  }

  .no-pad-b-on-md {
    padding-bottom: 0;
  }

  .xxs-pad-b-on-md {
    padding-bottom: 0.1875rem;
  }

  .xs-pad-b-on-md {
    padding-bottom: 0.3125rem;
  }

  .sm-pad-b-on-md {
    padding-bottom: 0.625rem;
  }

  .md-pad-b-on-md {
    padding-bottom: 1.25rem;
  }

  .lg-pad-b-on-md {
    padding-bottom: 2.5rem;
  }

  .xl-pad-b-on-md {
    padding-bottom: 5rem;
  }

  .xxl-pad-b-on-md {
    padding-bottom: 7.5rem;
  }

  .list-inline-on-md {
    margin: 0;
  }
  .list-inline-on-md > li {
    display: inline-block;
  }

  /*
   * border helpers
   */
  .no-bor-on-md {
    border-width: 0;
  }

  .xxs-bor-on-md {
    border-width: 1px;
  }

  .xs-bor-on-md {
    border-width: 2px;
  }

  .sm-bor-on-md {
    border-width: 3px;
  }

  .md-bor-on-md {
    border-width: 4px;
  }

  .lg-bor-on-md {
    border-width: 5px;
  }

  .xl-bor-on-md {
    border-width: 6px;
  }

  .xxl-bor-on-md {
    border-width: 7px;
  }

  .no-bor-l-on-md {
    border-left-width: 0;
  }

  .xxs-bor-l-on-md {
    border-left-width: 1px;
  }

  .xs-bor-l-on-md {
    border-left-width: 2px;
  }

  .sm-bor-l-on-md {
    border-left-width: 3px;
  }

  .md-bor-l-on-md {
    border-left-width: 4px;
  }

  .lg-bor-l-on-md {
    border-left-width: 5px;
  }

  .xl-bor-l-on-md {
    border-left-width: 6px;
  }

  .xxl-bor-l-on-md {
    border-left-width: 7px;
  }

  .no-bor-t-on-md {
    border-top-width: 0;
  }

  .xxs-bor-t-on-md {
    border-top-width: 1px;
  }

  .xs-bor-t-on-md {
    border-top-width: 2px;
  }

  .sm-bor-t-on-md {
    border-top-width: 3px;
  }

  .md-bor-t-on-md {
    border-top-width: 4px;
  }

  .lg-bor-t-on-md {
    border-top-width: 5px;
  }

  .xl-bor-t-on-md {
    border-top-width: 6px;
  }

  .xxl-bor-t-on-md {
    border-top-width: 7px;
  }

  .no-bor-r-on-md {
    border-right-width: 0;
  }

  .xxs-bor-r-on-md {
    border-right-width: 1px;
  }

  .xs-bor-r-on-md {
    border-right-width: 2px;
  }

  .sm-bor-r-on-md {
    border-right-width: 3px;
  }

  .md-bor-r-on-md {
    border-right-width: 4px;
  }

  .lg-bor-r-on-md {
    border-right-width: 5px;
  }

  .xl-bor-r-on-md {
    border-right-width: 6px;
  }

  .xxl-bor-r-on-md {
    border-right-width: 7px;
  }

  .no-bor-b-on-md {
    border-bottom-width: 0;
  }

  .xxs-bor-b-on-md {
    border-bottom-width: 1px;
  }

  .xs-bor-b-on-md {
    border-bottom-width: 2px;
  }

  .sm-bor-b-on-md {
    border-bottom-width: 3px;
  }

  .md-bor-b-on-md {
    border-bottom-width: 4px;
  }

  .lg-bor-b-on-md {
    border-bottom-width: 5px;
  }

  .xl-bor-b-on-md {
    border-bottom-width: 6px;
  }

  .xxl-bor-b-on-md {
    border-bottom-width: 7px;
  }
}
@media screen and (max-width: 768px) {
  /*
   * Display
   */
  .display-block-on-sm {
    display: block;
  }

  .display-inline-on-sm {
    display: inline-block;
  }

  .display-none-on-sm {
    display: none;
  }

  .full-width-on-sm {
    width: 100%;
  }

  .wide-on-sm {
    width: 75%;
  }

  .max-width-on-sm {
    max-width: 100%;
  }

  .full-height-on-sm {
    height: 100%;
  }

  /*
   * Position type
   */
  .pos-fixed-on-sm {
    position: fixed;
  }

  .pos-absolute-on-sm {
    position: absolute;
  }

  .pos-relative-on-sm {
    position: relative;
  }

  /*
   * Position values
   */
  .no-l-on-sm {
    left: 0;
  }

  .xxs-l-on-sm {
    left: 0.1875rem;
  }

  .xs-l-on-sm {
    left: 0.3125rem;
  }

  .sm-l-on-sm {
    left: 0.625rem;
  }

  .md-l-on-sm {
    left: 1.25rem;
  }

  .lg-l-on-sm {
    left: 2.5rem;
  }

  .xl-l-on-sm {
    left: 5rem;
  }

  .xxl-l-on-sm {
    left: 7.5rem;
  }

  .neg-xxs-l-on-sm {
    left: -0.1875rem;
  }

  .neg-xs-l-on-sm {
    left: -0.3125rem;
  }

  .neg-sm-l-on-sm {
    left: -0.625rem;
  }

  .neg-md-l-on-sm {
    left: -1.25rem;
  }

  .neg-lg-l-on-sm {
    left: -2.5rem;
  }

  .neg-xl-l-on-sm {
    left: -5rem;
  }

  .neg-xxl-l-on-sm {
    left: -7.5rem;
  }

  .no-t-on-sm {
    top: 0;
  }

  .xxs-t-on-sm {
    top: 0.1875rem;
  }

  .xs-t-on-sm {
    top: 0.3125rem;
  }

  .sm-t-on-sm {
    top: 0.625rem;
  }

  .md-t-on-sm {
    top: 1.25rem;
  }

  .lg-t-on-sm {
    top: 2.5rem;
  }

  .xl-t-on-sm {
    top: 5rem;
  }

  .xxl-t-on-sm {
    top: 7.5rem;
  }

  .neg-xxs-t-on-sm {
    top: -0.1875rem;
  }

  .neg-xs-t-on-sm {
    top: -0.3125rem;
  }

  .neg-sm-t-on-sm {
    top: -0.625rem;
  }

  .neg-md-t-on-sm {
    top: -1.25rem;
  }

  .neg-bg-t-on-sm {
    top: -2.5rem;
  }

  .neg-xl-t-on-sm {
    top: -5rem;
  }

  .neg-xxl-t-on-sm {
    top: -7.5rem;
  }

  .no-r-on-sm {
    right: 0;
  }

  .xxs-r-on-sm {
    right: 0.1875rem;
  }

  .xs-r-on-sm {
    right: 0.3125rem;
  }

  .sm-r-on-sm {
    right: 0.625rem;
  }

  .md-r-on-sm {
    right: 1.25rem;
  }

  .lg-r-on-sm {
    right: 2.5rem;
  }

  .xl-r-on-sm {
    right: 5rem;
  }

  .xxl-r-on-sm {
    right: 7.5rem;
  }

  .neg-xxs-r-on-sm {
    right: -0.1875rem;
  }

  .neg-xs-r-on-sm {
    right: -0.3125rem;
  }

  .neg-sm-r-on-sm {
    right: -0.625rem;
  }

  .neg-md-r-on-sm {
    right: -1.25rem;
  }

  .neg-rg-r-on-sm {
    right: -2.5rem;
  }

  .neg-xl-r-on-sm {
    right: -5rem;
  }

  .neg-xxl-r-on-sm {
    right: -7.5rem;
  }

  .no-b-on-sm {
    bottom: 0;
  }

  .xxs-b-on-sm {
    bottom: 0.1875rem;
  }

  .xs-b-on-sm {
    bottom: 0.3125rem;
  }

  .sm-b-on-sm {
    bottom: 0.625rem;
  }

  .md-b-on-sm {
    bottom: 1.25rem;
  }

  .lg-b-on-sm {
    bottom: 2.5rem;
  }

  .xl-b-on-sm {
    bottom: 5rem;
  }

  .xxl-b-on-sm {
    bottom: 7.5rem;
  }

  .neg-xxs-b-on-sm {
    bottom: -0.1875rem;
  }

  .neg-xs-b-on-sm {
    bottom: -0.3125rem;
  }

  .neg-sm-b-on-sm {
    bottom: -0.625rem;
  }

  .neg-md-b-on-sm {
    bottom: -1.25rem;
  }

  .neg-bg-b-on-sm {
    bottom: -2.5rem;
  }

  .neg-xl-b-on-sm {
    bottom: -5rem;
  }

  .neg-xxl-b-on-sm {
    bottom: -7.5rem;
  }

  /*
   * Alignment
   */
  .align-left-on-sm {
    float: left;
  }

  .align-right-on-sm {
    float: right;
  }

  .align-none-on-sm {
    float: none;
  }

  .align-center-on-sm {
    margin-left: auto;
    margin-right: auto;
  }

  .inline-align-center-on-sm {
    text-align: center;
  }

  .inline-align-left-on-sm {
    text-align: left;
  }

  .inline-align-right-on-sm {
    text-align: right;
  }

  /*
   * Margin helpers
   */
  .xxs-mar-on-sm {
    margin: 0.1875rem;
  }

  .xs-mar-on-sm {
    margin: 0.3125rem;
  }

  .sm-mar-on-sm {
    margin: 0.625rem;
  }

  .md-mar-on-sm {
    margin: 1.25rem;
  }

  .lg-mar-on-sm {
    margin: 2.5rem;
  }

  .xl-mar-on-sm {
    margin: 5rem;
  }

  .xxl-mar-on-sm {
    margin: 7.5rem;
  }

  .no-mar-on-sm {
    margin: 0;
  }

  .no-mar-l-on-sm {
    margin-left: 0;
  }

  .xxs-mar-l-on-sm {
    margin-left: 0.1875rem;
  }

  .xs-mar-l-on-sm {
    margin-left: 0.3125rem;
  }

  .sm-mar-l-on-sm {
    margin-left: 0.625rem;
  }

  .md-mar-l-on-sm {
    margin-left: 1.25rem;
  }

  .lg-mar-l-on-sm {
    margin-left: 2.5rem;
  }

  .xl-mar-l-on-sm {
    margin-left: 5rem;
  }

  .xxl-mar-l-on-sm {
    margin-left: 7.5rem;
  }

  .neg-xxs-mar-l-on-sm {
    margin-left: -0.1875rem;
  }

  .neg-xs-mar-l-on-sm {
    margin-left: -0.3125rem;
  }

  .neg-sm-mar-l-on-sm {
    margin-left: -0.625rem;
  }

  .neg-md-mar-l-on-sm {
    margin-left: -1.25rem;
  }

  .neg-lg-mar-l-on-sm {
    margin-left: -2.5rem;
  }

  .neg-xl-mar-l-on-sm {
    margin-left: -5rem;
  }

  .neg-xxl-mar-l-on-sm {
    margin-left: -7.5rem;
  }

  .no-mar-t-on-sm {
    margin-top: 0;
  }

  .xxs-mar-t-on-sm {
    margin-top: 0.1875rem;
  }

  .xs-mar-t-on-sm {
    margin-top: 0.3125rem;
  }

  .sm-mar-t-on-sm {
    margin-top: 0.625rem;
  }

  .md-mar-t-on-sm {
    margin-top: 1.25rem;
  }

  .lg-mar-t-on-sm {
    margin-top: 2.5rem;
  }

  .xl-mar-t-on-sm {
    margin-top: 5rem;
  }

  .xxl-mar-t-on-sm {
    margin-top: 7.5rem;
  }

  .neg-xxs-mar-t-on-sm {
    margin-top: -0.1875rem;
  }

  .neg-xs-mar-t-on-sm {
    margin-top: -0.3125rem;
  }

  .neg-sm-mar-t-on-sm {
    margin-top: -0.625rem;
  }

  .neg-md-mar-t-on-sm {
    margin-top: -1.25rem;
  }

  .neg-bg-mar-t-on-sm {
    margin-top: -2.5rem;
  }

  .neg-xl-mar-t-on-sm {
    margin-top: -5rem;
  }

  .neg-xxl-mar-t-on-sm {
    margin-top: -7.5rem;
  }

  .no-mar-r-on-sm {
    margin-right: 0;
  }

  .xxs-mar-r-on-sm {
    margin-right: 0.1875rem;
  }

  .xs-mar-r-on-sm {
    margin-right: 0.3125rem;
  }

  .sm-mar-r-on-sm {
    margin-right: 0.625rem;
  }

  .md-mar-r-on-sm {
    margin-right: 1.25rem;
  }

  .lg-mar-r-on-sm {
    margin-right: 2.5rem;
  }

  .xl-mar-r-on-sm {
    margin-right: 5rem;
  }

  .xxl-mar-r-on-sm {
    margin-right: 7.5rem;
  }

  .neg-xxs-mar-r-on-sm {
    margin-right: -0.1875rem;
  }

  .neg-xs-mar-r-on-sm {
    margin-right: -0.3125rem;
  }

  .neg-sm-mar-r-on-sm {
    margin-right: -0.625rem;
  }

  .neg-md-mar-r-on-sm {
    margin-right: -1.25rem;
  }

  .neg-rg-mar-r-on-sm {
    margin-right: -2.5rem;
  }

  .neg-xl-mar-r-on-sm {
    margin-right: -5rem;
  }

  .neg-xxl-mar-r-on-sm {
    margin-right: -7.5rem;
  }

  .no-mar-b-on-sm {
    margin-bottom: 0;
  }

  .xxs-mar-b-on-sm {
    margin-bottom: 0.1875rem;
  }

  .xs-mar-b-on-sm {
    margin-bottom: 0.3125rem;
  }

  .sm-mar-b-on-sm {
    margin-bottom: 0.625rem;
  }

  .md-mar-b-on-sm {
    margin-bottom: 1.25rem;
  }

  .lg-mar-b-on-sm {
    margin-bottom: 2.5rem;
  }

  .xl-mar-b-on-sm {
    margin-bottom: 5rem;
  }

  .xxl-mar-b-on-sm {
    margin-bottom: 7.5rem;
  }

  .neg-xxs-mar-b-on-sm {
    margin-bottom: -0.1875rem;
  }

  .neg-xs-mar-b-on-sm {
    margin-bottom: -0.3125rem;
  }

  .neg-sm-mar-b-on-sm {
    margin-bottom: -0.625rem;
  }

  .neg-md-mar-b-on-sm {
    margin-bottom: -1.25rem;
  }

  .neg-bg-mar-b-on-sm {
    margin-bottom: -2.5rem;
  }

  .neg-xl-mar-b-on-sm {
    margin-bottom: -5rem;
  }

  .neg-xxl-mar-b-on-sm {
    margin-bottom: -7.5rem;
  }

  /*
   * padding helpers
   */
  .no-pad-on-sm {
    padding: 0;
  }

  .xxs-pad-on-sm {
    padding: 0.1875rem;
  }

  .xs-pad-on-sm {
    padding: 0.3125rem;
  }

  .sm-pad-on-sm {
    padding: 0.625rem;
  }

  .md-pad-on-sm {
    padding: 1.25rem;
  }

  .lg-pad-on-sm {
    padding: 2.5rem;
  }

  .xl-pad-on-sm {
    padding: 5rem;
  }

  .xxl-pad-on-sm {
    padding: 7.5rem;
  }

  .no-pad-l-on-sm {
    padding-left: 0;
  }

  .xxs-pad-l-on-sm {
    padding-left: 0.1875rem;
  }

  .xs-pad-l-on-sm {
    padding-left: 0.3125rem;
  }

  .sm-pad-l-on-sm {
    padding-left: 0.625rem;
  }

  .md-pad-l-on-sm {
    padding-left: 1.25rem;
  }

  .lg-pad-l-on-sm {
    padding-left: 2.5rem;
  }

  .xl-pad-l-on-sm {
    padding-left: 5rem;
  }

  .xxl-pad-l-on-sm {
    padding-left: 7.5rem;
  }

  .no-pad-t-on-sm {
    padding-top: 0;
  }

  .xxs-pad-t-on-sm {
    padding-top: 0.1875rem;
  }

  .xs-pad-t-on-sm {
    padding-top: 0.3125rem;
  }

  .sm-pad-t-on-sm {
    padding-top: 0.625rem;
  }

  .md-pad-t-on-sm {
    padding-top: 1.25rem;
  }

  .lg-pad-t-on-sm {
    padding-top: 2.5rem;
  }

  .xl-pad-t-on-sm {
    padding-top: 5rem;
  }

  .xxl-pad-t-on-sm {
    padding-top: 7.5rem;
  }

  .no-pad-r-on-sm {
    padding-right: 0;
  }

  .xxs-pad-r-on-sm {
    padding-right: 0.1875rem;
  }

  .xs-pad-r-on-sm {
    padding-right: 0.3125rem;
  }

  .sm-pad-r-on-sm {
    padding-right: 0.625rem;
  }

  .md-pad-r-on-sm {
    padding-right: 1.25rem;
  }

  .lg-pad-r-on-sm {
    padding-right: 2.5rem;
  }

  .xl-pad-r-on-sm {
    padding-right: 5rem;
  }

  .xxl-pad-r-on-sm {
    padding-right: 7.5rem;
  }

  .no-pad-b-on-sm {
    padding-bottom: 0;
  }

  .xxs-pad-b-on-sm {
    padding-bottom: 0.1875rem;
  }

  .xs-pad-b-on-sm {
    padding-bottom: 0.3125rem;
  }

  .sm-pad-b-on-sm {
    padding-bottom: 0.625rem;
  }

  .md-pad-b-on-sm {
    padding-bottom: 1.25rem;
  }

  .lg-pad-b-on-sm {
    padding-bottom: 2.5rem;
  }

  .xl-pad-b-on-sm {
    padding-bottom: 5rem;
  }

  .xxl-pad-b-on-sm {
    padding-bottom: 7.5rem;
  }

  .list-inline-on-sm {
    margin: 0;
  }
  .list-inline-on-sm > li {
    display: inline-block;
  }

  /*
   * border helpers
   */
  .no-bor-on-sm {
    border-width: 0;
  }

  .xxs-bor-on-sm {
    border-width: 1px;
  }

  .xs-bor-on-sm {
    border-width: 2px;
  }

  .sm-bor-on-sm {
    border-width: 3px;
  }

  .md-bor-on-sm {
    border-width: 4px;
  }

  .lg-bor-on-sm {
    border-width: 5px;
  }

  .xl-bor-on-sm {
    border-width: 6px;
  }

  .xxl-bor-on-sm {
    border-width: 7px;
  }

  .no-bor-l-on-sm {
    border-left-width: 0;
  }

  .xxs-bor-l-on-sm {
    border-left-width: 1px;
  }

  .xs-bor-l-on-sm {
    border-left-width: 2px;
  }

  .sm-bor-l-on-sm {
    border-left-width: 3px;
  }

  .md-bor-l-on-sm {
    border-left-width: 4px;
  }

  .lg-bor-l-on-sm {
    border-left-width: 5px;
  }

  .xl-bor-l-on-sm {
    border-left-width: 6px;
  }

  .xxl-bor-l-on-sm {
    border-left-width: 7px;
  }

  .no-bor-t-on-sm {
    border-top-width: 0;
  }

  .xxs-bor-t-on-sm {
    border-top-width: 1px;
  }

  .xs-bor-t-on-sm {
    border-top-width: 2px;
  }

  .sm-bor-t-on-sm {
    border-top-width: 3px;
  }

  .md-bor-t-on-sm {
    border-top-width: 4px;
  }

  .lg-bor-t-on-sm {
    border-top-width: 5px;
  }

  .xl-bor-t-on-sm {
    border-top-width: 6px;
  }

  .xxl-bor-t-on-sm {
    border-top-width: 7px;
  }

  .no-bor-r-on-sm {
    border-right-width: 0;
  }

  .xxs-bor-r-on-sm {
    border-right-width: 1px;
  }

  .xs-bor-r-on-sm {
    border-right-width: 2px;
  }

  .sm-bor-r-on-sm {
    border-right-width: 3px;
  }

  .md-bor-r-on-sm {
    border-right-width: 4px;
  }

  .lg-bor-r-on-sm {
    border-right-width: 5px;
  }

  .xl-bor-r-on-sm {
    border-right-width: 6px;
  }

  .xxl-bor-r-on-sm {
    border-right-width: 7px;
  }

  .no-bor-b-on-sm {
    border-bottom-width: 0;
  }

  .xxs-bor-b-on-sm {
    border-bottom-width: 1px;
  }

  .xs-bor-b-on-sm {
    border-bottom-width: 2px;
  }

  .sm-bor-b-on-sm {
    border-bottom-width: 3px;
  }

  .md-bor-b-on-sm {
    border-bottom-width: 4px;
  }

  .lg-bor-b-on-sm {
    border-bottom-width: 5px;
  }

  .xl-bor-b-on-sm {
    border-bottom-width: 6px;
  }

  .xxl-bor-b-on-sm {
    border-bottom-width: 7px;
  }
}
@media screen and (max-width: 320px) {
  /*
   * Display
   */
  .display-block-on-xs {
    display: block;
  }

  .display-inline-on-xs {
    display: inline-block;
  }

  .display-none-on-xs {
    display: none;
  }

  .full-width-on-xs {
    width: 100%;
  }

  .wide-on-xs {
    width: 75%;
  }

  .max-width-on-xs {
    max-width: 100%;
  }

  .full-height-on-xs {
    height: 100%;
  }

  /*
   * Position type
   */
  .pos-fixed-on-xs {
    position: fixed;
  }

  .pos-absolute-on-xs {
    position: absolute;
  }

  .pos-relative-on-xs {
    position: relative;
  }

  /*
   * Position values
   */
  .no-l-on-xs {
    left: 0;
  }

  .xxs-l-on-xs {
    left: 0.1875rem;
  }

  .xs-l-on-xs {
    left: 0.3125rem;
  }

  .sm-l-on-xs {
    left: 0.625rem;
  }

  .md-l-on-xs {
    left: 1.25rem;
  }

  .lg-l-on-xs {
    left: 2.5rem;
  }

  .xl-l-on-xs {
    left: 5rem;
  }

  .xxl-l-on-xs {
    left: 7.5rem;
  }

  .neg-xxs-l-on-xs {
    left: -0.1875rem;
  }

  .neg-xs-l-on-xs {
    left: -0.3125rem;
  }

  .neg-sm-l-on-xs {
    left: -0.625rem;
  }

  .neg-md-l-on-xs {
    left: -1.25rem;
  }

  .neg-lg-l-on-xs {
    left: -2.5rem;
  }

  .neg-xl-l-on-xs {
    left: -5rem;
  }

  .neg-xxl-l-on-xs {
    left: -7.5rem;
  }

  .no-t-on-xs {
    top: 0;
  }

  .xxs-t-on-xs {
    top: 0.1875rem;
  }

  .xs-t-on-xs {
    top: 0.3125rem;
  }

  .sm-t-on-xs {
    top: 0.625rem;
  }

  .md-t-on-xs {
    top: 1.25rem;
  }

  .lg-t-on-xs {
    top: 2.5rem;
  }

  .xl-t-on-xs {
    top: 5rem;
  }

  .xxl-t-on-xs {
    top: 7.5rem;
  }

  .neg-xxs-t-on-xs {
    top: -0.1875rem;
  }

  .neg-xs-t-on-xs {
    top: -0.3125rem;
  }

  .neg-sm-t-on-xs {
    top: -0.625rem;
  }

  .neg-md-t-on-xs {
    top: -1.25rem;
  }

  .neg-bg-t-on-xs {
    top: -2.5rem;
  }

  .neg-xl-t-on-xs {
    top: -5rem;
  }

  .neg-xxl-t-on-xs {
    top: -7.5rem;
  }

  .no-r-on-xs {
    right: 0;
  }

  .xxs-r-on-xs {
    right: 0.1875rem;
  }

  .xs-r-on-xs {
    right: 0.3125rem;
  }

  .sm-r-on-xs {
    right: 0.625rem;
  }

  .md-r-on-xs {
    right: 1.25rem;
  }

  .lg-r-on-xs {
    right: 2.5rem;
  }

  .xl-r-on-xs {
    right: 5rem;
  }

  .xxl-r-on-xs {
    right: 7.5rem;
  }

  .neg-xxs-r-on-xs {
    right: -0.1875rem;
  }

  .neg-xs-r-on-xs {
    right: -0.3125rem;
  }

  .neg-sm-r-on-xs {
    right: -0.625rem;
  }

  .neg-md-r-on-xs {
    right: -1.25rem;
  }

  .neg-rg-r-on-xs {
    right: -2.5rem;
  }

  .neg-xl-r-on-xs {
    right: -5rem;
  }

  .neg-xxl-r-on-xs {
    right: -7.5rem;
  }

  .no-b-on-xs {
    bottom: 0;
  }

  .xxs-b-on-xs {
    bottom: 0.1875rem;
  }

  .xs-b-on-xs {
    bottom: 0.3125rem;
  }

  .sm-b-on-xs {
    bottom: 0.625rem;
  }

  .md-b-on-xs {
    bottom: 1.25rem;
  }

  .lg-b-on-xs {
    bottom: 2.5rem;
  }

  .xl-b-on-xs {
    bottom: 5rem;
  }

  .xxl-b-on-xs {
    bottom: 7.5rem;
  }

  .neg-xxs-b-on-xs {
    bottom: -0.1875rem;
  }

  .neg-xs-b-on-xs {
    bottom: -0.3125rem;
  }

  .neg-sm-b-on-xs {
    bottom: -0.625rem;
  }

  .neg-md-b-on-xs {
    bottom: -1.25rem;
  }

  .neg-bg-b-on-xs {
    bottom: -2.5rem;
  }

  .neg-xl-b-on-xs {
    bottom: -5rem;
  }

  .neg-xxl-b-on-xs {
    bottom: -7.5rem;
  }

  /*
   * Alignment
   */
  .align-left-on-xs {
    float: left;
  }

  .align-right-on-xs {
    float: right;
  }

  .align-none-on-xs {
    float: none;
  }

  .align-center-on-xs {
    margin-left: auto;
    margin-right: auto;
  }

  .inline-align-center-on-xs {
    text-align: center;
  }

  .inline-align-left-on-xs {
    text-align: left;
  }

  .inline-align-right-on-xs {
    text-align: right;
  }

  /*
   * Margin helpers
   */
  .xxs-mar-on-xs {
    margin: 0.1875rem;
  }

  .xs-mar-on-xs {
    margin: 0.3125rem;
  }

  .sm-mar-on-xs {
    margin: 0.625rem;
  }

  .md-mar-on-xs {
    margin: 1.25rem;
  }

  .lg-mar-on-xs {
    margin: 2.5rem;
  }

  .xl-mar-on-xs {
    margin: 5rem;
  }

  .xxl-mar-on-xs {
    margin: 7.5rem;
  }

  .no-mar-on-xs {
    margin: 0;
  }

  .no-mar-l-on-xs {
    margin-left: 0;
  }

  .xxs-mar-l-on-xs {
    margin-left: 0.1875rem;
  }

  .xs-mar-l-on-xs {
    margin-left: 0.3125rem;
  }

  .sm-mar-l-on-xs {
    margin-left: 0.625rem;
  }

  .md-mar-l-on-xs {
    margin-left: 1.25rem;
  }

  .lg-mar-l-on-xs {
    margin-left: 2.5rem;
  }

  .xl-mar-l-on-xs {
    margin-left: 5rem;
  }

  .xxl-mar-l-on-xs {
    margin-left: 7.5rem;
  }

  .neg-xxs-mar-l-on-xs {
    margin-left: -0.1875rem;
  }

  .neg-xs-mar-l-on-xs {
    margin-left: -0.3125rem;
  }

  .neg-sm-mar-l-on-xs {
    margin-left: -0.625rem;
  }

  .neg-md-mar-l-on-xs {
    margin-left: -1.25rem;
  }

  .neg-lg-mar-l-on-xs {
    margin-left: -2.5rem;
  }

  .neg-xl-mar-l-on-xs {
    margin-left: -5rem;
  }

  .neg-xxl-mar-l-on-xs {
    margin-left: -7.5rem;
  }

  .no-mar-t-on-xs {
    margin-top: 0;
  }

  .xxs-mar-t-on-xs {
    margin-top: 0.1875rem;
  }

  .xs-mar-t-on-xs {
    margin-top: 0.3125rem;
  }

  .sm-mar-t-on-xs {
    margin-top: 0.625rem;
  }

  .md-mar-t-on-xs {
    margin-top: 1.25rem;
  }

  .lg-mar-t-on-xs {
    margin-top: 2.5rem;
  }

  .xl-mar-t-on-xs {
    margin-top: 5rem;
  }

  .xxl-mar-t-on-xs {
    margin-top: 7.5rem;
  }

  .neg-xxs-mar-t-on-xs {
    margin-top: -0.1875rem;
  }

  .neg-xs-mar-t-on-xs {
    margin-top: -0.3125rem;
  }

  .neg-sm-mar-t-on-xs {
    margin-top: -0.625rem;
  }

  .neg-md-mar-t-on-xs {
    margin-top: -1.25rem;
  }

  .neg-bg-mar-t-on-xs {
    margin-top: -2.5rem;
  }

  .neg-xl-mar-t-on-xs {
    margin-top: -5rem;
  }

  .neg-xxl-mar-t-on-xs {
    margin-top: -7.5rem;
  }

  .no-mar-r-on-xs {
    margin-right: 0;
  }

  .xxs-mar-r-on-xs {
    margin-right: 0.1875rem;
  }

  .xs-mar-r-on-xs {
    margin-right: 0.3125rem;
  }

  .sm-mar-r-on-xs {
    margin-right: 0.625rem;
  }

  .md-mar-r-on-xs {
    margin-right: 1.25rem;
  }

  .lg-mar-r-on-xs {
    margin-right: 2.5rem;
  }

  .xl-mar-r-on-xs {
    margin-right: 5rem;
  }

  .xxl-mar-r-on-xs {
    margin-right: 7.5rem;
  }

  .neg-xxs-mar-r-on-xs {
    margin-right: -0.1875rem;
  }

  .neg-xs-mar-r-on-xs {
    margin-right: -0.3125rem;
  }

  .neg-sm-mar-r-on-xs {
    margin-right: -0.625rem;
  }

  .neg-md-mar-r-on-xs {
    margin-right: -1.25rem;
  }

  .neg-rg-mar-r-on-xs {
    margin-right: -2.5rem;
  }

  .neg-xl-mar-r-on-xs {
    margin-right: -5rem;
  }

  .neg-xxl-mar-r-on-xs {
    margin-right: -7.5rem;
  }

  .no-mar-b-on-xs {
    margin-bottom: 0;
  }

  .xxs-mar-b-on-xs {
    margin-bottom: 0.1875rem;
  }

  .xs-mar-b-on-xs {
    margin-bottom: 0.3125rem;
  }

  .sm-mar-b-on-xs {
    margin-bottom: 0.625rem;
  }

  .md-mar-b-on-xs {
    margin-bottom: 1.25rem;
  }

  .lg-mar-b-on-xs {
    margin-bottom: 2.5rem;
  }

  .xl-mar-b-on-xs {
    margin-bottom: 5rem;
  }

  .xxl-mar-b-on-xs {
    margin-bottom: 7.5rem;
  }

  .neg-xxs-mar-b-on-xs {
    margin-bottom: -0.1875rem;
  }

  .neg-xs-mar-b-on-xs {
    margin-bottom: -0.3125rem;
  }

  .neg-sm-mar-b-on-xs {
    margin-bottom: -0.625rem;
  }

  .neg-md-mar-b-on-xs {
    margin-bottom: -1.25rem;
  }

  .neg-bg-mar-b-on-xs {
    margin-bottom: -2.5rem;
  }

  .neg-xl-mar-b-on-xs {
    margin-bottom: -5rem;
  }

  .neg-xxl-mar-b-on-xs {
    margin-bottom: -7.5rem;
  }

  /*
   * padding helpers
   */
  .no-pad-on-xs {
    padding: 0;
  }

  .xxs-pad-on-xs {
    padding: 0.1875rem;
  }

  .xs-pad-on-xs {
    padding: 0.3125rem;
  }

  .sm-pad-on-xs {
    padding: 0.625rem;
  }

  .md-pad-on-xs {
    padding: 1.25rem;
  }

  .lg-pad-on-xs {
    padding: 2.5rem;
  }

  .xl-pad-on-xs {
    padding: 5rem;
  }

  .xxl-pad-on-xs {
    padding: 7.5rem;
  }

  .no-pad-l-on-xs {
    padding-left: 0;
  }

  .xxs-pad-l-on-xs {
    padding-left: 0.1875rem;
  }

  .xs-pad-l-on-xs {
    padding-left: 0.3125rem;
  }

  .sm-pad-l-on-xs {
    padding-left: 0.625rem;
  }

  .md-pad-l-on-xs {
    padding-left: 1.25rem;
  }

  .lg-pad-l-on-xs {
    padding-left: 2.5rem;
  }

  .xl-pad-l-on-xs {
    padding-left: 5rem;
  }

  .xxl-pad-l-on-xs {
    padding-left: 7.5rem;
  }

  .no-pad-t-on-xs {
    padding-top: 0;
  }

  .xxs-pad-t-on-xs {
    padding-top: 0.1875rem;
  }

  .xs-pad-t-on-xs {
    padding-top: 0.3125rem;
  }

  .sm-pad-t-on-xs {
    padding-top: 0.625rem;
  }

  .md-pad-t-on-xs {
    padding-top: 1.25rem;
  }

  .lg-pad-t-on-xs {
    padding-top: 2.5rem;
  }

  .xl-pad-t-on-xs {
    padding-top: 5rem;
  }

  .xxl-pad-t-on-xs {
    padding-top: 7.5rem;
  }

  .no-pad-r-on-xs {
    padding-right: 0;
  }

  .xxs-pad-r-on-xs {
    padding-right: 0.1875rem;
  }

  .xs-pad-r-on-xs {
    padding-right: 0.3125rem;
  }

  .sm-pad-r-on-xs {
    padding-right: 0.625rem;
  }

  .md-pad-r-on-xs {
    padding-right: 1.25rem;
  }

  .lg-pad-r-on-xs {
    padding-right: 2.5rem;
  }

  .xl-pad-r-on-xs {
    padding-right: 5rem;
  }

  .xxl-pad-r-on-xs {
    padding-right: 7.5rem;
  }

  .no-pad-b-on-xs {
    padding-bottom: 0;
  }

  .xxs-pad-b-on-xs {
    padding-bottom: 0.1875rem;
  }

  .xs-pad-b-on-xs {
    padding-bottom: 0.3125rem;
  }

  .sm-pad-b-on-xs {
    padding-bottom: 0.625rem;
  }

  .md-pad-b-on-xs {
    padding-bottom: 1.25rem;
  }

  .lg-pad-b-on-xs {
    padding-bottom: 2.5rem;
  }

  .xl-pad-b-on-xs {
    padding-bottom: 5rem;
  }

  .xxl-pad-b-on-xs {
    padding-bottom: 7.5rem;
  }

  .list-inline-on-xs {
    margin: 0;
  }
  .list-inline-on-xs > li {
    display: inline-block;
  }

  /*
   * border helpers
   */
  .no-bor-on-xs {
    border-width: 0;
  }

  .xxs-bor-on-xs {
    border-width: 1px;
  }

  .xs-bor-on-xs {
    border-width: 2px;
  }

  .sm-bor-on-xs {
    border-width: 3px;
  }

  .md-bor-on-xs {
    border-width: 4px;
  }

  .lg-bor-on-xs {
    border-width: 5px;
  }

  .xl-bor-on-xs {
    border-width: 6px;
  }

  .xxl-bor-on-xs {
    border-width: 7px;
  }

  .no-bor-l-on-xs {
    border-left-width: 0;
  }

  .xxs-bor-l-on-xs {
    border-left-width: 1px;
  }

  .xs-bor-l-on-xs {
    border-left-width: 2px;
  }

  .sm-bor-l-on-xs {
    border-left-width: 3px;
  }

  .md-bor-l-on-xs {
    border-left-width: 4px;
  }

  .lg-bor-l-on-xs {
    border-left-width: 5px;
  }

  .xl-bor-l-on-xs {
    border-left-width: 6px;
  }

  .xxl-bor-l-on-xs {
    border-left-width: 7px;
  }

  .no-bor-t-on-xs {
    border-top-width: 0;
  }

  .xxs-bor-t-on-xs {
    border-top-width: 1px;
  }

  .xs-bor-t-on-xs {
    border-top-width: 2px;
  }

  .sm-bor-t-on-xs {
    border-top-width: 3px;
  }

  .md-bor-t-on-xs {
    border-top-width: 4px;
  }

  .lg-bor-t-on-xs {
    border-top-width: 5px;
  }

  .xl-bor-t-on-xs {
    border-top-width: 6px;
  }

  .xxl-bor-t-on-xs {
    border-top-width: 7px;
  }

  .no-bor-r-on-xs {
    border-right-width: 0;
  }

  .xxs-bor-r-on-xs {
    border-right-width: 1px;
  }

  .xs-bor-r-on-xs {
    border-right-width: 2px;
  }

  .sm-bor-r-on-xs {
    border-right-width: 3px;
  }

  .md-bor-r-on-xs {
    border-right-width: 4px;
  }

  .lg-bor-r-on-xs {
    border-right-width: 5px;
  }

  .xl-bor-r-on-xs {
    border-right-width: 6px;
  }

  .xxl-bor-r-on-xs {
    border-right-width: 7px;
  }

  .no-bor-b-on-xs {
    border-bottom-width: 0;
  }

  .xxs-bor-b-on-xs {
    border-bottom-width: 1px;
  }

  .xs-bor-b-on-xs {
    border-bottom-width: 2px;
  }

  .sm-bor-b-on-xs {
    border-bottom-width: 3px;
  }

  .md-bor-b-on-xs {
    border-bottom-width: 4px;
  }

  .lg-bor-b-on-xs {
    border-bottom-width: 5px;
  }

  .xl-bor-b-on-xs {
    border-bottom-width: 6px;
  }

  .xxl-bor-b-on-xs {
    border-bottom-width: 7px;
  }
}