@import url(https://fonts.googleapis.com/css?family=Poppins&display=swap);
@charset "UTF-8";
/* ==========================================================================
   Normalize CSS
   ========================================================================== */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
  border-bottom: 1px dotted;
  border-bottom: 0.1rem;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
  font-weight: 500;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #FFD730;
  color: #28282E;
}

/**
 * Address inconsistent and variable font size in all browsers.
*/
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 0;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  border-width: 0.1rem;
  margin: 0 2px;
  margin: 0 0.2rem;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: 700;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  color: #28282e;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #ffd730;
  text-shadow: none;
}

::selection {
  background: #ffd730;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  height: 0.1rem;
  border: 0;
  border-top: 1px solid #eee;
  border-top-width: 0.1rem;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
  position: relative;
  z-index: 999;
  margin: 0;
  background: #ffd730;
  color: #28282e;
  padding: 0.3em 0;
  text-align: center;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.centered {
  text-align: left;
}

@media only screen and (min-width: 37.5em) {
  /*600*/
  .centered {
    text-align: center;
  }
}
/* responsive object */
.responsive-object {
  display: block;
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  /* Default 16:9, you can calculate this value by dividing 9 by 16 */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
  overflow: hidden;
}

.responsive-object--type2 {
  padding-bottom: 42.85%;
  /* Default 21:9, you can calculate this value by dividing 9 by 16 */
}

.responsive-object--type3 {
  padding-bottom: 75%;
}

.responsive-object--type4 {
  padding-bottom: 50%;
}

.responsive-object img,
.responsive-object iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
}

/*
   * Hide visually and from screen readers
  */
.hidden {
  display: none !important;
}

/*
   * Hide only visually, but have it available for screen readers:
   * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
   */
.visuallyhidden {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
}

/*
   * Extends the .visuallyhidden class to allow the element
   * to be focusable when navigated to via the keyboard:
   * https://www.drupal.org/node/897638
   */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  position: static;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
}

/*
   * Hide visually and from screen readers, but maintain layout
   */
.invisible {
  visibility: hidden;
}

/*
   * Clearfix: contain floats
   *
   * For modern browsers
   * 1. The space content is one way to avoid an Opera bug when the
   *    `contenteditable` attribute is included anywhere else in the document.
   *    Otherwise it causes space to appear at the top and bottom of elements
   *    that receive the `clearfix` class.
   * 2. The use of `table` rather than `block` is only necessary if using
   *    `:before` to contain the top-margins of child elements.
   */
.clearfix::before,
.clearfix::after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix::after {
  clear: both;
}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/
/* Larger than mobile */
/* @media (min-width: 400px) {} */
/* Larger than phablet (also point when grid becomes active) */
/* @media (min-width: 550px) {} */
/* Larger than tablet */
/* @media (min-width: 750px) {} */
/* Larger than desktop */
/* @media (min-width: 1000px) {} */
/* Larger than Desktop HD */
/* @media (min-width: 1200px) {} */
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
  *::before,
  *::after,
  *::first-letter,
  *::first-line {
    background: transparent !important;
    color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]::after {
    content: " (" attr(href) ")";
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  /*
  * Don't show links that are fragment identifiers,
  * or use the `javascript:` pseudo protocol
  */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: " ";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
  * Printing Tables:
  * http://css-discuss.incutio.com/wiki/Printing_Tables
  */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/
/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.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-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.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-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.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-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  position: relative;
  padding: 0;
}

.row {
  margin: 0;
}

/* Base Styles
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
  html is set to 62.5% so that all the REM measurements throughout Skeleton
  are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%;
}

body {
  font-size: 1.6em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222;
}

.container {
  padding: 0;
}

section .container {
  width: 100%;
  padding: 14.8rem 0rem;
}

/* Typography
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300;
}

h1 {
  font-size: 4rem;
  line-height: 1.2;
  letter-spacing: -0.1rem;
}

h2 {
  font-size: 3.6rem;
  line-height: 1.25;
  letter-spacing: -0.1rem;
}

h3 {
  font-size: 3rem;
  line-height: 1.3;
  letter-spacing: -0.1rem;
}

h4 {
  font-size: 2.4rem;
  line-height: 1.35;
  letter-spacing: -0.08rem;
}

h5 {
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: -0.05rem;
}

h6 {
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0;
}

/* Larger than phablet */
@media (min-width: 550px) {
  h1 {
    font-size: 5rem;
  }
  h2 {
    font-size: 4.2rem;
  }
  h3 {
    font-size: 3.6rem;
  }
  h4 {
    font-size: 3rem;
  }
  h5 {
    font-size: 2.4rem;
  }
  h6 {
    font-size: 1.5rem;
  }
}
p {
  margin-top: 0;
}

.title {
  text-transform: uppercase;
}

.pre-title {
  font-size: 2.4rem;
  display: inline-block;
  padding: 4px 16px;
  text-transform: uppercase;
  margin-bottom: 8px;
}

/* Links
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Buttons
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type=submit],
input[type=reset],
input[type=button] {
  display: inline-block;
  margin-right: 10px;
  margin-right: 1rem;
  margin-bottom: 10px;
  margin-bottom: 1rem;
  padding: 8px 32px;
  padding: 0.8rem 3.2rem;
  border: 2px solid;
  border-width: 0.2rem;
  border-radius: 2px;
  border-radius: 0.25rem;
  border-color: #28282e;
  font-family: inherit;
  font-size: 92%;
  font-weight: 600;
  color: #fff;
  line-height: 2.37;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  background-color: #28282e;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.button.active {
  color: #ffffff;
  background-color: #f6303e;
  border-bottom-color: #f6303e;
}

.button:hover,
button:hover,
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover,
.button:focus,
button:focus,
input[type=submit]:focus,
input[type=reset]:focus,
input[type=button]:focus {
  color: #fff;
  border-color: #28282e;
  outline: 0;
}

/* button, type : primary */
.button.button--primary,
button.button--primary,
input[type=submit].button--primary,
input[type=reset].button--primary,
input[type=button].button--primary {
  color: #fff;
  background-color: #f6303e;
  border-color: #f6303e;
}

.button.button--primary:hover,
button.button--primary:hover,
input[type=submit].button--primary:hover,
input[type=reset].button--primary:hover,
input[type=button].button--primary:hover,
.button.button--primary:focus,
button.button--primary:focus,
input[type=submit].button--primary:focus,
input[type=reset].button--primary:focus,
input[type=button].button--primary:focus {
  color: #fff;
  background-color: #f6303e;
  border-color: #f6303e;
}

/* button, type : outlined */
.button.button--outlined,
button.button--outlined,
input[type=submit].button--outlined,
input[type=reset].button--outlined,
input[type=button].button--outlined {
  display: inline-block;
  border-color: #f6303e;
  color: #f6303e;
  background-color: transparent;
}

.button.button--outlined:hover,
button.button--outlined:hover,
input[type=submit].button--outlined:hover,
input[type=reset].button--outlined:hover,
input[type=button].button--outlined:hover,
.button.button--outlined:focus,
button.button--outlined:focus,
input[type=submit].button--outlined:focus,
input[type=reset].button--outlined:focus,
input[type=button].button--outlined:focus {
  border-color: #f6303e;
  color: #f6303e;
}

.button--outlined:active {
  border-color: #f6303e;
  color: #f6303e;
}

/* button, style : ghost */
.button.button--ghost,
button.button--ghost,
input[type=submit].button--ghost,
input[type=reset].button--ghost,
input[type=button].button--ghost {
  display: inline-block;
  color: #fff;
  border-color: #fff;
  background-color: transparent;
}

.button.button--ghost:hover,
button.button--ghost:hover,
input[type=submit].button--ghost:hover,
input[type=reset].button--ghost:hover,
input[type=button].button--ghost:hover,
.button.button--ghost:focus,
button.button--ghost:focus,
input[type=submit].button--ghost:focus,
input[type=reset].button--ghost:focus,
input[type=button].button--ghost:focus {
  border-color: #fff;
  color: #fff;
}

.button--ghost:active {
  border-color: #fff;
  color: #fff;
}

/* button, style : stripped */
.button.button--stripped,
button.button--stripped,
input[type=submit].button--stripped,
input[type=reset].button--stripped,
input[type=button].button--stripped {
  border: none;
  border-radius: 0;
  padding: 0;
  border-color: transparent;
  border-bottom: 3px solid #f6303e;
  border-bottom-width: 0.3rem;
  font-size: 100%;
  font-weight: 600;
  line-height: 1.2;
  color: #28282e;
  text-decoration: none;
  background-color: transparent;
}

.button.button--stripped:hover,
button.button--stripped:hover,
input[type=submit].button--stripped:hover,
input[type=reset].button--stripped:hover,
input[type=button].button--stripped:hover,
.button.button--stripped:focus,
button.button--stripped:focus,
input[type=submit].button--stripped:focus,
input[type=reset].button--stripped:focus,
input[type=button].button--stripped:focus {
  color: #f6303e;
}

.button--stripped:active {
  color: #f6303e;
}

/* Lists
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle inside;
}

ol {
  list-style: decimal inside;
}

ol,
ul {
  padding-left: 0;
  margin-top: 0;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%;
}

li {
  margin-bottom: 1rem;
}

/* Code
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: 0.2rem 0.5rem;
  margin: 0 0.2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #f1f1f1;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
}

pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre;
}

/* Tables
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #e1e1e1;
}

th:first-child,
td:first-child {
  padding-left: 0;
}

th:last-child,
td:last-child {
  padding-right: 0;
}

/* Spacing
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem;
}

input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem;
}

pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem;
}

/* Utilities
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box;
}

.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box;
}

.u-pull-right {
  float: right;
}

.u-pull-left {
  float: left;
}

strong {
  font-weight: bold;
}

.stuck {
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 100;
  left: 0;
}

/* Misc
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-width: 0;
  border-top: 1px solid #e1e1e1;
}

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 100%;
  width: 100%;
  overflow: visible;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: white;
}
.loading p {
  margin: 0;
}
.loading img {
  margin: 0;
  width: 450px;
}

/* Clearing
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both;
}

/* Media Queries
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
  Note: The best way to structure the use of media queries is to create the queries
  near the relevant code. For example, if you wanted to change the styles for buttons
  on small devices, paste the mobile query code up in the buttons section and style it
  there.
  */
/* Larger than mobile */
/* Larger than phablet (also point when grid becomes active) */
/* Larger than tablet */
/* Larger than desktop */
/* Larger than Desktop HD */
.invalid-feedback {
  color: red;
}

/* SECTION (layout, island) */
/* 
  .island {
  } 
  */
.island__body {
  padding: 24px;
  padding: 2.4rem;
}

.alt {
  box-shadow: 1.2rem 1.2rem 0 1.2rem #ffd730, -1.2rem -1.2rem 0 1.2rem #ffd730, 0 0 0 2.4rem transparent;
}

/* SECTION (layout, split) */
/*
.split {
}
*/
.split__half {
  margin: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.split__body {
  padding: 24px;
  padding: 2.4rem;
}

.split .clicklayer {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  /*
  min-height: 312px;
  min-height: 31.2rem; 
  */
  min-height: 48vh;
  border-bottom: 0;
}

/* SECTION (contact modal) */
/* modal */
.modal {
  position: fixed;
  display: initial;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal svg {
  position: absolute;
  top: 0;
  left: 0;
}

.modal svg > path {
  fill: #fff;
}

.modal .modal-close {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 60px;
  width: 6rem;
  height: 60px;
  height: 6rem;
  border-bottom: none;
  /* replace */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.no-touch .modal .modal-close:hover {
  background-color: #f6303e;
}

.modal-content {
  position: relative;
  height: 100vh;
  overflow-y: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.modal-is-visible .modal-content {
  -webkit-overflow-scrolling: touch;
}

.cover-layer {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #28282e;
}

/* TMP (underlayer for menu) */
.body::after {
  content: " ";
  display: block;
  position: fixed;
  z-index: -3;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
}

/*---------- OVERWRITING BOOTSTRAPS GRID WITH EXTENDED OPTIONS ----------*/
/*---------- SPACING ----------*/
.p-0 {
  padding: 0px !important;
}

.p-8 {
  padding: 8px !important;
}

.p-16 {
  padding: 16px !important;
}

.p-24 {
  padding: 24px !important;
}

.p-32 {
  padding: 32px !important;
}

.p-40 {
  padding: 40px !important;
}

.p-48 {
  padding: 48px !important;
}

.p-56 {
  padding: 56px !important;
}

.p-64 {
  padding: 64px !important;
}

.p-72 {
  padding: 72px !important;
}

.p-80 {
  padding: 80px !important;
}

.p-88 {
  padding: 88px !important;
}

.p-96 {
  padding: 96px !important;
}

.p-104 {
  padding: 104px !important;
}

.p-112 {
  padding: 112px !important;
}

.p-120 {
  padding: 120px !important;
}

.p-128 {
  padding: 128px !important;
}

.p-136 {
  padding: 136px !important;
}

.p-144 {
  padding: 144px !important;
}

.p-152 {
  padding: 152px !important;
}

.p-160 {
  padding: 160px !important;
}

/* padding top*/
.p-t-0 {
  padding-top: 0px !important;
}

.p-t-8 {
  padding-top: 8px !important;
}

.p-t-16 {
  padding-top: 16px !important;
}

.p-t-24 {
  padding-top: 24px !important;
}

.p-t-32 {
  padding-top: 32px !important;
}

.p-t-40 {
  padding-top: 40px !important;
}

.p-t-48 {
  padding-top: 48px !important;
}

.p-t-56 {
  padding-top: 56px !important;
}

.p-t-64 {
  padding-top: 64px !important;
}

.p-t-72 {
  padding-top: 72px !important;
}

.p-t-80 {
  padding-top: 80px !important;
}

.p-t-88 {
  padding-top: 88px !important;
}

.p-t-96 {
  padding-top: 96px !important;
}

.p-t-104 {
  padding-top: 104px !important;
}

.p-t-112 {
  padding-top: 112px !important;
}

.p-t-120 {
  padding-top: 120px !important;
}

.p-t-128 {
  padding-top: 128px !important;
}

.p-t-136 {
  padding-top: 136px !important;
}

.p-t-144 {
  padding-top: 144px !important;
}

.p-t-152 {
  padding-top: 152px !important;
}

.p-t-160 {
  padding-top: 160px !important;
}

/* padding bottom*/
.p-b-0 {
  padding-bottom: 0px !important;
}

.p-b-8 {
  padding-bottom: 8px !important;
}

.p-b-16 {
  padding-bottom: 16px !important;
}

.p-b-24 {
  padding-bottom: 24px !important;
}

.p-b-32 {
  padding-bottom: 32px !important;
}

.p-b-40 {
  padding-bottom: 40px !important;
}

.p-b-48 {
  padding-bottom: 48px !important;
}

.p-b-56 {
  padding-bottom: 56px !important;
}

.p-b-64 {
  padding-bottom: 64px !important;
}

.p-b-72 {
  padding-bottom: 72px !important;
}

.p-b-80 {
  padding-bottom: 80px !important;
}

.p-b-88 {
  padding-bottom: 88px !important;
}

.p-b-96 {
  padding-bottom: 96px !important;
}

.p-b-104 {
  padding-bottom: 104px !important;
}

.p-b-112 {
  padding-bottom: 112px !important;
}

.p-b-120 {
  padding-bottom: 120px !important;
}

.p-b-128 {
  padding-bottom: 128px !important;
}

.p-b-136 {
  padding-bottom: 136px !important;
}

.p-b-144 {
  padding-bottom: 144px !important;
}

.p-b-152 {
  padding-bottom: 152px !important;
}

.p-b-160 {
  padding-bottom: 160px !important;
}

/* padding left*/
.p-l-0 {
  padding-left: 0px !important;
}

.p-l-8 {
  padding-left: 8px !important;
}

.p-l-16 {
  padding-left: 16px !important;
}

.p-l-24 {
  padding-left: 24px !important;
}

.p-l-32 {
  padding-left: 32px !important;
}

.p-l-40 {
  padding-left: 40px !important;
}

.p-l-48 {
  padding-left: 48px !important;
}

.p-l-56 {
  padding-left: 56px !important;
}

.p-l-64 {
  padding-left: 64px !important;
}

.p-l-72 {
  padding-left: 72px !important;
}

.p-l-80 {
  padding-left: 80px !important;
}

.p-l-88 {
  padding-left: 88px !important;
}

.p-l-96 {
  padding-left: 96px !important;
}

.p-l-104 {
  padding-left: 104px !important;
}

.p-l-112 {
  padding-left: 112px !important;
}

.p-l-120 {
  padding-left: 120px !important;
}

.p-l-128 {
  padding-left: 128px !important;
}

.p-l-136 {
  padding-left: 136px !important;
}

.p-l-144 {
  padding-left: 144px !important;
}

.p-l-152 {
  padding-left: 152px !important;
}

.p-l-160 {
  padding-left: 160px !important;
}

/* padding right*/
.p-r-0 {
  padding-right: 0px !important;
}

.p-r-8 {
  padding-right: 8px !important;
}

.p-r-16 {
  padding-right: 16px !important;
}

.p-r-24 {
  padding-right: 24px !important;
}

.p-r-32 {
  padding-right: 32px !important;
}

.p-r-40 {
  padding-right: 40px !important;
}

.p-r-48 {
  padding-right: 48px !important;
}

.p-r-56 {
  padding-right: 56px !important;
}

.p-r-64 {
  padding-right: 64px !important;
}

.p-r-72 {
  padding-right: 72px !important;
}

.p-r-80 {
  padding-right: 80px !important;
}

.p-r-88 {
  padding-right: 88px !important;
}

.p-r-96 {
  padding-right: 96px !important;
}

.p-r-104 {
  padding-right: 104px !important;
}

.p-r-112 {
  padding-right: 112px !important;
}

.p-r-120 {
  padding-right: 120px !important;
}

.p-r-128 {
  padding-right: 128px !important;
}

.p-r-136 {
  padding-right: 136px !important;
}

.p-r-144 {
  padding-right: 144px !important;
}

.p-r-152 {
  padding-right: 152px !important;
}

.p-r-160 {
  padding-right: 160px !important;
}

.m-0 {
  margin: 0px !important;
}

.m-8 {
  margin: 8px !important;
}

.m-16 {
  margin: 16px !important;
}

.m-24 {
  margin: 24px !important;
}

.m-32 {
  margin: 32px !important;
}

.m-40 {
  margin: 40px !important;
}

.m-48 {
  margin: 48px !important;
}

.m-56 {
  margin: 56px !important;
}

.m-64 {
  margin: 64px !important;
}

.m-72 {
  margin: 72px !important;
}

.m-80 {
  margin: 80px !important;
}

.m-88 {
  margin: 88px !important;
}

.m-96 {
  margin: 96px !important;
}

.m-104 {
  margin: 104px !important;
}

.m-112 {
  margin: 112px !important;
}

.m-120 {
  margin: 120px !important;
}

.m-128 {
  margin: 128px !important;
}

.m-136 {
  margin: 136px !important;
}

.m-144 {
  margin: 144px !important;
}

.m-152 {
  margin: 152px !important;
}

.m-160 {
  margin: 160px !important;
}

.m-t-0 {
  margin-top: 0px !important;
}

.m-t-8 {
  margin-top: 8px !important;
}

.m-t-16 {
  margin-top: 16px !important;
}

.m-t-24 {
  margin-top: 24px !important;
}

.m-t-32 {
  margin-top: 32px !important;
}

.m-t-40 {
  margin-top: 40px !important;
}

.m-t-48 {
  margin-top: 48px !important;
}

.m-t-56 {
  margin-top: 56px !important;
}

.m-t-64 {
  margin-top: 64px !important;
}

.m-t-72 {
  margin-top: 72px !important;
}

.m-t-80 {
  margin-top: 80px !important;
}

.m-t-88 {
  margin-top: 88px !important;
}

.m-t-96 {
  margin-top: 96px !important;
}

.m-t-104 {
  margin-top: 104px !important;
}

.m-t-112 {
  margin-top: 112px !important;
}

.m-t-120 {
  margin-top: 120px !important;
}

.m-t-128 {
  margin-top: 128px !important;
}

.m-t-136 {
  margin-top: 136px !important;
}

.m-t-144 {
  margin-top: 144px !important;
}

.m-t-152 {
  margin-top: 152px !important;
}

.m-t-160 {
  margin-top: 160px !important;
}

/* margin bottom*/
.m-b-0 {
  margin-bottom: 0px !important;
}

.m-b-8 {
  margin-bottom: 8px !important;
}

.m-b-16 {
  margin-bottom: 16px !important;
}

.m-b-24 {
  margin-bottom: 24px !important;
}

.m-b-32 {
  margin-bottom: 32px !important;
}

.m-b-40 {
  margin-bottom: 40px !important;
}

.m-b-48 {
  margin-bottom: 48px !important;
}

.m-b-56 {
  margin-bottom: 56px !important;
}

.m-b-64 {
  margin-bottom: 64px !important;
}

.m-b-72 {
  margin-bottom: 72px !important;
}

.m-b-80 {
  margin-bottom: 80px !important;
}

.m-b-88 {
  margin-bottom: 88px !important;
}

.m-b-96 {
  margin-bottom: 96px !important;
}

.m-b-104 {
  margin-bottom: 104px !important;
}

.m-b-112 {
  margin-bottom: 112px !important;
}

.m-b-120 {
  margin-bottom: 120px !important;
}

.m-b-128 {
  margin-bottom: 128px !important;
}

.m-b-136 {
  margin-bottom: 136px !important;
}

.m-b-144 {
  margin-bottom: 144px !important;
}

.m-b-152 {
  margin-bottom: 152px !important;
}

.m-b-160 {
  margin-bottom: 160px !important;
}

/* margin left*/
.m-l-0 {
  margin-left: 0px !important;
}

.m-l-8 {
  margin-left: 8px !important;
}

.m-l-16 {
  margin-left: 16px !important;
}

.m-l-24 {
  margin-left: 24px !important;
}

.m-l-32 {
  margin-left: 32px !important;
}

.m-l-40 {
  margin-left: 40px !important;
}

.m-l-48 {
  margin-left: 48px !important;
}

.m-l-56 {
  margin-left: 56px !important;
}

.m-l-64 {
  margin-left: 64px !important;
}

.m-l-72 {
  margin-left: 72px !important;
}

.m-l-80 {
  margin-left: 80px !important;
}

.m-l-88 {
  margin-left: 88px !important;
}

.m-l-96 {
  margin-left: 96px !important;
}

.m-l-104 {
  margin-left: 104px !important;
}

.m-l-112 {
  margin-left: 112px !important;
}

.m-l-120 {
  margin-left: 120px !important;
}

.m-l-128 {
  margin-left: 128px !important;
}

.m-l-136 {
  margin-left: 136px !important;
}

.m-l-144 {
  margin-left: 144px !important;
}

.m-l-152 {
  margin-left: 152px !important;
}

.m-l-160 {
  margin-left: 160px !important;
}

/* margin right*/
.m-r-0 {
  margin-right: 0px !important;
}

.m-r-8 {
  margin-right: 8px !important;
}

.m-r-16 {
  margin-right: 16px !important;
}

.m-r-24 {
  margin-right: 24px !important;
}

.m-r-32 {
  margin-right: 32px !important;
}

.m-r-40 {
  margin-right: 40px !important;
}

.m-r-48 {
  margin-right: 48px !important;
}

.m-r-56 {
  margin-right: 56px !important;
}

.m-r-64 {
  margin-right: 64px !important;
}

.m-r-72 {
  margin-right: 72px !important;
}

.m-r-80 {
  margin-right: 80px !important;
}

.m-r-88 {
  margin-right: 88px !important;
}

.m-r-96 {
  margin-right: 96px !important;
}

.m-r-104 {
  margin-right: 104px !important;
}

.m-r-112 {
  margin-right: 112px !important;
}

.m-r-120 {
  margin-right: 120px !important;
}

.m-r-128 {
  margin-right: 128px !important;
}

.m-r-136 {
  margin-right: 136px !important;
}

.m-r-144 {
  margin-right: 144px !important;
}

.m-r-152 {
  margin-right: 152px !important;
}

.m-r-160 {
  margin-right: 160px !important;
}

@media (min-width: 576px) {
  .p-sm-0 {
    padding: 0px !important;
  }
  .p-sm-8 {
    padding: 8px !important;
  }
  .p-sm-16 {
    padding: 16px !important;
  }
  .p-sm-24 {
    padding: 24px !important;
  }
  .p-sm-32 {
    padding: 32px !important;
  }
  .p-sm-40 {
    padding: 40px !important;
  }
  .p-sm-48 {
    padding: 48px !important;
  }
  .p-sm-56 {
    padding: 56px !important;
  }
  .p-sm-64 {
    padding: 64px !important;
  }
  .p-sm-72 {
    padding: 72px !important;
  }
  .p-sm-80 {
    padding: 80px !important;
  }
  .p-sm-88 {
    padding: 88px !important;
  }
  .p-sm-96 {
    padding: 96px !important;
  }
  .p-sm-104 {
    padding: 104px !important;
  }
  .p-sm-112 {
    padding: 112px !important;
  }
  .p-sm-120 {
    padding: 120px !important;
  }
  .p-sm-128 {
    padding: 128px !important;
  }
  .p-sm-136 {
    padding: 136px !important;
  }
  .p-sm-144 {
    padding: 144px !important;
  }
  .p-sm-152 {
    padding: 152px !important;
  }
  .p-sm-160 {
    padding: 160px !important;
  }
  .p-t-sm {
    /* padding top*/
  }
  .p-t-sm-0 {
    padding-top: 0px !important;
  }
  .p-t-sm-8 {
    padding-top: 8px !important;
  }
  .p-t-sm-16 {
    padding-top: 16px !important;
  }
  .p-t-sm-24 {
    padding-top: 24px !important;
  }
  .p-t-sm-32 {
    padding-top: 32px !important;
  }
  .p-t-sm-40 {
    padding-top: 40px !important;
  }
  .p-t-sm-48 {
    padding-top: 48px !important;
  }
  .p-t-sm-56 {
    padding-top: 56px !important;
  }
  .p-t-sm-64 {
    padding-top: 64px !important;
  }
  .p-t-sm-72 {
    padding-top: 72px !important;
  }
  .p-t-sm-80 {
    padding-top: 80px !important;
  }
  .p-t-sm-88 {
    padding-top: 88px !important;
  }
  .p-t-sm-96 {
    padding-top: 96px !important;
  }
  .p-t-sm-104 {
    padding-top: 104px !important;
  }
  .p-t-sm-112 {
    padding-top: 112px !important;
  }
  .p-t-sm-120 {
    padding-top: 120px !important;
  }
  .p-t-sm-128 {
    padding-top: 128px !important;
  }
  .p-t-sm-136 {
    padding-top: 136px !important;
  }
  .p-t-sm-144 {
    padding-top: 144px !important;
  }
  .p-t-sm-152 {
    padding-top: 152px !important;
  }
  .p-t-sm-160 {
    padding-top: 160px !important;
  }
  .p-b-sm {
    /* padding bottom*/
  }
  .p-b-sm-0 {
    padding-bottom: 0px !important;
  }
  .p-b-sm-8 {
    padding-bottom: 8px !important;
  }
  .p-b-sm-16 {
    padding-bottom: 16px !important;
  }
  .p-b-sm-24 {
    padding-bottom: 24px !important;
  }
  .p-b-sm-32 {
    padding-bottom: 32px !important;
  }
  .p-b-sm-40 {
    padding-bottom: 40px !important;
  }
  .p-b-sm-48 {
    padding-bottom: 48px !important;
  }
  .p-b-sm-56 {
    padding-bottom: 56px !important;
  }
  .p-b-sm-64 {
    padding-bottom: 64px !important;
  }
  .p-b-sm-72 {
    padding-bottom: 72px !important;
  }
  .p-b-sm-80 {
    padding-bottom: 80px !important;
  }
  .p-b-sm-88 {
    padding-bottom: 88px !important;
  }
  .p-b-sm-96 {
    padding-bottom: 96px !important;
  }
  .p-b-sm-104 {
    padding-bottom: 104px !important;
  }
  .p-b-sm-112 {
    padding-bottom: 112px !important;
  }
  .p-b-sm-120 {
    padding-bottom: 120px !important;
  }
  .p-b-sm-128 {
    padding-bottom: 128px !important;
  }
  .p-b-sm-136 {
    padding-bottom: 136px !important;
  }
  .p-b-sm-144 {
    padding-bottom: 144px !important;
  }
  .p-b-sm-152 {
    padding-bottom: 152px !important;
  }
  .p-b-sm-160 {
    padding-bottom: 160px !important;
  }
  .p-l-sm {
    /* padding left*/
  }
  .p-l-sm-0 {
    padding-left: 0px !important;
  }
  .p-l-sm-8 {
    padding-left: 8px !important;
  }
  .p-l-sm-16 {
    padding-left: 16px !important;
  }
  .p-l-sm-24 {
    padding-left: 24px !important;
  }
  .p-l-sm-32 {
    padding-left: 32px !important;
  }
  .p-l-sm-40 {
    padding-left: 40px !important;
  }
  .p-l-sm-48 {
    padding-left: 48px !important;
  }
  .p-l-sm-56 {
    padding-left: 56px !important;
  }
  .p-l-sm-64 {
    padding-left: 64px !important;
  }
  .p-l-sm-72 {
    padding-left: 72px !important;
  }
  .p-l-sm-80 {
    padding-left: 80px !important;
  }
  .p-l-sm-88 {
    padding-left: 88px !important;
  }
  .p-l-sm-96 {
    padding-left: 96px !important;
  }
  .p-l-sm-104 {
    padding-left: 104px !important;
  }
  .p-l-sm-112 {
    padding-left: 112px !important;
  }
  .p-l-sm-120 {
    padding-left: 120px !important;
  }
  .p-l-sm-128 {
    padding-left: 128px !important;
  }
  .p-l-sm-136 {
    padding-left: 136px !important;
  }
  .p-l-sm-144 {
    padding-left: 144px !important;
  }
  .p-l-sm-152 {
    padding-left: 152px !important;
  }
  .p-l-sm-160 {
    padding-left: 160px !important;
  }
  .p-r-sm {
    /* padding right*/
  }
  .p-r-sm-0 {
    padding-right: 0px !important;
  }
  .p-r-sm-8 {
    padding-right: 8px !important;
  }
  .p-r-sm-16 {
    padding-right: 16px !important;
  }
  .p-r-sm-24 {
    padding-right: 24px !important;
  }
  .p-r-sm-32 {
    padding-right: 32px !important;
  }
  .p-r-sm-40 {
    padding-right: 40px !important;
  }
  .p-r-sm-48 {
    padding-right: 48px !important;
  }
  .p-r-sm-56 {
    padding-right: 56px !important;
  }
  .p-r-sm-64 {
    padding-right: 64px !important;
  }
  .p-r-sm-72 {
    padding-right: 72px !important;
  }
  .p-r-sm-80 {
    padding-right: 80px !important;
  }
  .p-r-sm-88 {
    padding-right: 88px !important;
  }
  .p-r-sm-96 {
    padding-right: 96px !important;
  }
  .p-r-sm-104 {
    padding-right: 104px !important;
  }
  .p-r-sm-112 {
    padding-right: 112px !important;
  }
  .p-r-sm-120 {
    padding-right: 120px !important;
  }
  .p-r-sm-128 {
    padding-right: 128px !important;
  }
  .p-r-sm-136 {
    padding-right: 136px !important;
  }
  .p-r-sm-144 {
    padding-right: 144px !important;
  }
  .p-r-sm-152 {
    padding-right: 152px !important;
  }
  .p-r-sm-160 {
    padding-right: 160px !important;
  }
  .m-sm-0 {
    margin: 0px !important;
  }
  .m-sm-8 {
    margin: 8px !important;
  }
  .m-sm-16 {
    margin: 16px !important;
  }
  .m-sm-24 {
    margin: 24px !important;
  }
  .m-sm-32 {
    margin: 32px !important;
  }
  .m-sm-40 {
    margin: 40px !important;
  }
  .m-sm-48 {
    margin: 48px !important;
  }
  .m-sm-56 {
    margin: 56px !important;
  }
  .m-sm-64 {
    margin: 64px !important;
  }
  .m-sm-72 {
    margin: 72px !important;
  }
  .m-sm-80 {
    margin: 80px !important;
  }
  .m-sm-88 {
    margin: 88px !important;
  }
  .m-sm-96 {
    margin: 96px !important;
  }
  .m-sm-104 {
    margin: 104px !important;
  }
  .m-sm-112 {
    margin: 112px !important;
  }
  .m-sm-120 {
    margin: 120px !important;
  }
  .m-sm-128 {
    margin: 128px !important;
  }
  .m-sm-136 {
    margin: 136px !important;
  }
  .m-sm-144 {
    margin: 144px !important;
  }
  .m-sm-152 {
    margin: 152px !important;
  }
  .m-sm-160 {
    margin: 160px !important;
  }
  .m-t-sm-0 {
    margin-top: 0px !important;
  }
  .m-t-sm-8 {
    margin-top: 8px !important;
  }
  .m-t-sm-16 {
    margin-top: 16px !important;
  }
  .m-t-sm-24 {
    margin-top: 24px !important;
  }
  .m-t-sm-32 {
    margin-top: 32px !important;
  }
  .m-t-sm-40 {
    margin-top: 40px !important;
  }
  .m-t-sm-48 {
    margin-top: 48px !important;
  }
  .m-t-sm-56 {
    margin-top: 56px !important;
  }
  .m-t-sm-64 {
    margin-top: 64px !important;
  }
  .m-t-sm-72 {
    margin-top: 72px !important;
  }
  .m-t-sm-80 {
    margin-top: 80px !important;
  }
  .m-t-sm-88 {
    margin-top: 88px !important;
  }
  .m-t-sm-96 {
    margin-top: 96px !important;
  }
  .m-t-sm-104 {
    margin-top: 104px !important;
  }
  .m-t-sm-112 {
    margin-top: 112px !important;
  }
  .m-t-sm-120 {
    margin-top: 120px !important;
  }
  .m-t-sm-128 {
    margin-top: 128px !important;
  }
  .m-t-sm-136 {
    margin-top: 136px !important;
  }
  .m-t-sm-144 {
    margin-top: 144px !important;
  }
  .m-t-sm-152 {
    margin-top: 152px !important;
  }
  .m-t-sm-160 {
    margin-top: 160px !important;
  }
  .m-b-sm {
    /* margin bottom*/
  }
  .m-b-sm-0 {
    margin-bottom: 0px !important;
  }
  .m-b-sm-8 {
    margin-bottom: 8px !important;
  }
  .m-b-sm-16 {
    margin-bottom: 16px !important;
  }
  .m-b-sm-24 {
    margin-bottom: 24px !important;
  }
  .m-b-sm-32 {
    margin-bottom: 32px !important;
  }
  .m-b-sm-40 {
    margin-bottom: 40px !important;
  }
  .m-b-sm-48 {
    margin-bottom: 48px !important;
  }
  .m-b-sm-56 {
    margin-bottom: 56px !important;
  }
  .m-b-sm-64 {
    margin-bottom: 64px !important;
  }
  .m-b-sm-72 {
    margin-bottom: 72px !important;
  }
  .m-b-sm-80 {
    margin-bottom: 80px !important;
  }
  .m-b-sm-88 {
    margin-bottom: 88px !important;
  }
  .m-b-sm-96 {
    margin-bottom: 96px !important;
  }
  .m-b-sm-104 {
    margin-bottom: 104px !important;
  }
  .m-b-sm-112 {
    margin-bottom: 112px !important;
  }
  .m-b-sm-120 {
    margin-bottom: 120px !important;
  }
  .m-b-sm-128 {
    margin-bottom: 128px !important;
  }
  .m-b-sm-136 {
    margin-bottom: 136px !important;
  }
  .m-b-sm-144 {
    margin-bottom: 144px !important;
  }
  .m-b-sm-152 {
    margin-bottom: 152px !important;
  }
  .m-b-sm-160 {
    margin-bottom: 160px !important;
  }
  .m-l-sm {
    /* margin left*/
  }
  .m-l-sm-0 {
    margin-left: 0px !important;
  }
  .m-l-sm-8 {
    margin-left: 8px !important;
  }
  .m-l-sm-16 {
    margin-left: 16px !important;
  }
  .m-l-sm-24 {
    margin-left: 24px !important;
  }
  .m-l-sm-32 {
    margin-left: 32px !important;
  }
  .m-l-sm-40 {
    margin-left: 40px !important;
  }
  .m-l-sm-48 {
    margin-left: 48px !important;
  }
  .m-l-sm-56 {
    margin-left: 56px !important;
  }
  .m-l-sm-64 {
    margin-left: 64px !important;
  }
  .m-l-sm-72 {
    margin-left: 72px !important;
  }
  .m-l-sm-80 {
    margin-left: 80px !important;
  }
  .m-l-sm-88 {
    margin-left: 88px !important;
  }
  .m-l-sm-96 {
    margin-left: 96px !important;
  }
  .m-l-sm-104 {
    margin-left: 104px !important;
  }
  .m-l-sm-112 {
    margin-left: 112px !important;
  }
  .m-l-sm-120 {
    margin-left: 120px !important;
  }
  .m-l-sm-128 {
    margin-left: 128px !important;
  }
  .m-l-sm-136 {
    margin-left: 136px !important;
  }
  .m-l-sm-144 {
    margin-left: 144px !important;
  }
  .m-l-sm-152 {
    margin-left: 152px !important;
  }
  .m-l-sm-160 {
    margin-left: 160px !important;
  }
  .m-r-sm {
    /* margin right*/
  }
  .m-r-sm-0 {
    margin-right: 0px !important;
  }
  .m-r-sm-8 {
    margin-right: 8px !important;
  }
  .m-r-sm-16 {
    margin-right: 16px !important;
  }
  .m-r-sm-24 {
    margin-right: 24px !important;
  }
  .m-r-sm-32 {
    margin-right: 32px !important;
  }
  .m-r-sm-40 {
    margin-right: 40px !important;
  }
  .m-r-sm-48 {
    margin-right: 48px !important;
  }
  .m-r-sm-56 {
    margin-right: 56px !important;
  }
  .m-r-sm-64 {
    margin-right: 64px !important;
  }
  .m-r-sm-72 {
    margin-right: 72px !important;
  }
  .m-r-sm-80 {
    margin-right: 80px !important;
  }
  .m-r-sm-88 {
    margin-right: 88px !important;
  }
  .m-r-sm-96 {
    margin-right: 96px !important;
  }
  .m-r-sm-104 {
    margin-right: 104px !important;
  }
  .m-r-sm-112 {
    margin-right: 112px !important;
  }
  .m-r-sm-120 {
    margin-right: 120px !important;
  }
  .m-r-sm-128 {
    margin-right: 128px !important;
  }
  .m-r-sm-136 {
    margin-right: 136px !important;
  }
  .m-r-sm-144 {
    margin-right: 144px !important;
  }
  .m-r-sm-152 {
    margin-right: 152px !important;
  }
  .m-r-sm-160 {
    margin-right: 160px !important;
  }
}
@media (min-width: 768px) {
  .p-md-0 {
    padding: 0px !important;
  }
  .p-md-8 {
    padding: 8px !important;
  }
  .p-md-16 {
    padding: 16px !important;
  }
  .p-md-24 {
    padding: 24px !important;
  }
  .p-md-32 {
    padding: 32px !important;
  }
  .p-md-40 {
    padding: 40px !important;
  }
  .p-md-48 {
    padding: 48px !important;
  }
  .p-md-56 {
    padding: 56px !important;
  }
  .p-md-64 {
    padding: 64px !important;
  }
  .p-md-72 {
    padding: 72px !important;
  }
  .p-md-80 {
    padding: 80px !important;
  }
  .p-md-88 {
    padding: 88px !important;
  }
  .p-md-96 {
    padding: 96px !important;
  }
  .p-md-104 {
    padding: 104px !important;
  }
  .p-md-112 {
    padding: 112px !important;
  }
  .p-md-120 {
    padding: 120px !important;
  }
  .p-md-128 {
    padding: 128px !important;
  }
  .p-md-136 {
    padding: 136px !important;
  }
  .p-md-144 {
    padding: 144px !important;
  }
  .p-md-152 {
    padding: 152px !important;
  }
  .p-md-160 {
    padding: 160px !important;
  }
  .p-t-md {
    /* padding top*/
  }
  .p-t-md-0 {
    padding-top: 0px !important;
  }
  .p-t-md-8 {
    padding-top: 8px !important;
  }
  .p-t-md-16 {
    padding-top: 16px !important;
  }
  .p-t-md-24 {
    padding-top: 24px !important;
  }
  .p-t-md-32 {
    padding-top: 32px !important;
  }
  .p-t-md-40 {
    padding-top: 40px !important;
  }
  .p-t-md-48 {
    padding-top: 48px !important;
  }
  .p-t-md-56 {
    padding-top: 56px !important;
  }
  .p-t-md-64 {
    padding-top: 64px !important;
  }
  .p-t-md-72 {
    padding-top: 72px !important;
  }
  .p-t-md-80 {
    padding-top: 80px !important;
  }
  .p-t-md-88 {
    padding-top: 88px !important;
  }
  .p-t-md-96 {
    padding-top: 96px !important;
  }
  .p-t-md-104 {
    padding-top: 104px !important;
  }
  .p-t-md-112 {
    padding-top: 112px !important;
  }
  .p-t-md-120 {
    padding-top: 120px !important;
  }
  .p-t-md-128 {
    padding-top: 128px !important;
  }
  .p-t-md-136 {
    padding-top: 136px !important;
  }
  .p-t-md-144 {
    padding-top: 144px !important;
  }
  .p-t-md-152 {
    padding-top: 152px !important;
  }
  .p-t-md-160 {
    padding-top: 160px !important;
  }
  .p-b-md {
    /* padding bottom*/
  }
  .p-b-md-0 {
    padding-bottom: 0px !important;
  }
  .p-b-md-8 {
    padding-bottom: 8px !important;
  }
  .p-b-md-16 {
    padding-bottom: 16px !important;
  }
  .p-b-md-24 {
    padding-bottom: 24px !important;
  }
  .p-b-md-32 {
    padding-bottom: 32px !important;
  }
  .p-b-md-40 {
    padding-bottom: 40px !important;
  }
  .p-b-md-48 {
    padding-bottom: 48px !important;
  }
  .p-b-md-56 {
    padding-bottom: 56px !important;
  }
  .p-b-md-64 {
    padding-bottom: 64px !important;
  }
  .p-b-md-72 {
    padding-bottom: 72px !important;
  }
  .p-b-md-80 {
    padding-bottom: 80px !important;
  }
  .p-b-md-88 {
    padding-bottom: 88px !important;
  }
  .p-b-md-96 {
    padding-bottom: 96px !important;
  }
  .p-b-md-104 {
    padding-bottom: 104px !important;
  }
  .p-b-md-112 {
    padding-bottom: 112px !important;
  }
  .p-b-md-120 {
    padding-bottom: 120px !important;
  }
  .p-b-md-128 {
    padding-bottom: 128px !important;
  }
  .p-b-md-136 {
    padding-bottom: 136px !important;
  }
  .p-b-md-144 {
    padding-bottom: 144px !important;
  }
  .p-b-md-152 {
    padding-bottom: 152px !important;
  }
  .p-b-md-160 {
    padding-bottom: 160px !important;
  }
  .p-l-md {
    /* padding left*/
  }
  .p-l-md-0 {
    padding-left: 0px !important;
  }
  .p-l-md-8 {
    padding-left: 8px !important;
  }
  .p-l-md-16 {
    padding-left: 16px !important;
  }
  .p-l-md-24 {
    padding-left: 24px !important;
  }
  .p-l-md-32 {
    padding-left: 32px !important;
  }
  .p-l-md-40 {
    padding-left: 40px !important;
  }
  .p-l-md-48 {
    padding-left: 48px !important;
  }
  .p-l-md-56 {
    padding-left: 56px !important;
  }
  .p-l-md-64 {
    padding-left: 64px !important;
  }
  .p-l-md-72 {
    padding-left: 72px !important;
  }
  .p-l-md-80 {
    padding-left: 80px !important;
  }
  .p-l-md-88 {
    padding-left: 88px !important;
  }
  .p-l-md-96 {
    padding-left: 96px !important;
  }
  .p-l-md-104 {
    padding-left: 104px !important;
  }
  .p-l-md-112 {
    padding-left: 112px !important;
  }
  .p-l-md-120 {
    padding-left: 120px !important;
  }
  .p-l-md-128 {
    padding-left: 128px !important;
  }
  .p-l-md-136 {
    padding-left: 136px !important;
  }
  .p-l-md-144 {
    padding-left: 144px !important;
  }
  .p-l-md-152 {
    padding-left: 152px !important;
  }
  .p-l-md-160 {
    padding-left: 160px !important;
  }
  .p-r-md {
    /* padding right*/
  }
  .p-r-md-0 {
    padding-right: 0px !important;
  }
  .p-r-md-8 {
    padding-right: 8px !important;
  }
  .p-r-md-16 {
    padding-right: 16px !important;
  }
  .p-r-md-24 {
    padding-right: 24px !important;
  }
  .p-r-md-32 {
    padding-right: 32px !important;
  }
  .p-r-md-40 {
    padding-right: 40px !important;
  }
  .p-r-md-48 {
    padding-right: 48px !important;
  }
  .p-r-md-56 {
    padding-right: 56px !important;
  }
  .p-r-md-64 {
    padding-right: 64px !important;
  }
  .p-r-md-72 {
    padding-right: 72px !important;
  }
  .p-r-md-80 {
    padding-right: 80px !important;
  }
  .p-r-md-88 {
    padding-right: 88px !important;
  }
  .p-r-md-96 {
    padding-right: 96px !important;
  }
  .p-r-md-104 {
    padding-right: 104px !important;
  }
  .p-r-md-112 {
    padding-right: 112px !important;
  }
  .p-r-md-120 {
    padding-right: 120px !important;
  }
  .p-r-md-128 {
    padding-right: 128px !important;
  }
  .p-r-md-136 {
    padding-right: 136px !important;
  }
  .p-r-md-144 {
    padding-right: 144px !important;
  }
  .p-r-md-152 {
    padding-right: 152px !important;
  }
  .p-r-md-160 {
    padding-right: 160px !important;
  }
  .m-md-0 {
    margin: 0px !important;
  }
  .m-md-8 {
    margin: 8px !important;
  }
  .m-md-16 {
    margin: 16px !important;
  }
  .m-md-24 {
    margin: 24px !important;
  }
  .m-md-32 {
    margin: 32px !important;
  }
  .m-md-40 {
    margin: 40px !important;
  }
  .m-md-48 {
    margin: 48px !important;
  }
  .m-md-56 {
    margin: 56px !important;
  }
  .m-md-64 {
    margin: 64px !important;
  }
  .m-md-72 {
    margin: 72px !important;
  }
  .m-md-80 {
    margin: 80px !important;
  }
  .m-md-88 {
    margin: 88px !important;
  }
  .m-md-96 {
    margin: 96px !important;
  }
  .m-md-104 {
    margin: 104px !important;
  }
  .m-md-112 {
    margin: 112px !important;
  }
  .m-md-120 {
    margin: 120px !important;
  }
  .m-md-128 {
    margin: 128px !important;
  }
  .m-md-136 {
    margin: 136px !important;
  }
  .m-md-144 {
    margin: 144px !important;
  }
  .m-md-152 {
    margin: 152px !important;
  }
  .m-md-160 {
    margin: 160px !important;
  }
  .m-t-md-0 {
    margin-top: 0px !important;
  }
  .m-t-md-8 {
    margin-top: 8px !important;
  }
  .m-t-md-16 {
    margin-top: 16px !important;
  }
  .m-t-md-24 {
    margin-top: 24px !important;
  }
  .m-t-md-32 {
    margin-top: 32px !important;
  }
  .m-t-md-40 {
    margin-top: 40px !important;
  }
  .m-t-md-48 {
    margin-top: 48px !important;
  }
  .m-t-md-56 {
    margin-top: 56px !important;
  }
  .m-t-md-64 {
    margin-top: 64px !important;
  }
  .m-t-md-72 {
    margin-top: 72px !important;
  }
  .m-t-md-80 {
    margin-top: 80px !important;
  }
  .m-t-md-88 {
    margin-top: 88px !important;
  }
  .m-t-md-96 {
    margin-top: 96px !important;
  }
  .m-t-md-104 {
    margin-top: 104px !important;
  }
  .m-t-md-112 {
    margin-top: 112px !important;
  }
  .m-t-md-120 {
    margin-top: 120px !important;
  }
  .m-t-md-128 {
    margin-top: 128px !important;
  }
  .m-t-md-136 {
    margin-top: 136px !important;
  }
  .m-t-md-144 {
    margin-top: 144px !important;
  }
  .m-t-md-152 {
    margin-top: 152px !important;
  }
  .m-t-md-160 {
    margin-top: 160px !important;
  }
  .m-b-md {
    /* margin bottom*/
  }
  .m-b-md-0 {
    margin-bottom: 0px !important;
  }
  .m-b-md-8 {
    margin-bottom: 8px !important;
  }
  .m-b-md-16 {
    margin-bottom: 16px !important;
  }
  .m-b-md-24 {
    margin-bottom: 24px !important;
  }
  .m-b-md-32 {
    margin-bottom: 32px !important;
  }
  .m-b-md-40 {
    margin-bottom: 40px !important;
  }
  .m-b-md-48 {
    margin-bottom: 48px !important;
  }
  .m-b-md-56 {
    margin-bottom: 56px !important;
  }
  .m-b-md-64 {
    margin-bottom: 64px !important;
  }
  .m-b-md-72 {
    margin-bottom: 72px !important;
  }
  .m-b-md-80 {
    margin-bottom: 80px !important;
  }
  .m-b-md-88 {
    margin-bottom: 88px !important;
  }
  .m-b-md-96 {
    margin-bottom: 96px !important;
  }
  .m-b-md-104 {
    margin-bottom: 104px !important;
  }
  .m-b-md-112 {
    margin-bottom: 112px !important;
  }
  .m-b-md-120 {
    margin-bottom: 120px !important;
  }
  .m-b-md-128 {
    margin-bottom: 128px !important;
  }
  .m-b-md-136 {
    margin-bottom: 136px !important;
  }
  .m-b-md-144 {
    margin-bottom: 144px !important;
  }
  .m-b-md-152 {
    margin-bottom: 152px !important;
  }
  .m-b-md-160 {
    margin-bottom: 160px !important;
  }
  .m-l-md {
    /* margin left*/
  }
  .m-l-md-0 {
    margin-left: 0px !important;
  }
  .m-l-md-8 {
    margin-left: 8px !important;
  }
  .m-l-md-16 {
    margin-left: 16px !important;
  }
  .m-l-md-24 {
    margin-left: 24px !important;
  }
  .m-l-md-32 {
    margin-left: 32px !important;
  }
  .m-l-md-40 {
    margin-left: 40px !important;
  }
  .m-l-md-48 {
    margin-left: 48px !important;
  }
  .m-l-md-56 {
    margin-left: 56px !important;
  }
  .m-l-md-64 {
    margin-left: 64px !important;
  }
  .m-l-md-72 {
    margin-left: 72px !important;
  }
  .m-l-md-80 {
    margin-left: 80px !important;
  }
  .m-l-md-88 {
    margin-left: 88px !important;
  }
  .m-l-md-96 {
    margin-left: 96px !important;
  }
  .m-l-md-104 {
    margin-left: 104px !important;
  }
  .m-l-md-112 {
    margin-left: 112px !important;
  }
  .m-l-md-120 {
    margin-left: 120px !important;
  }
  .m-l-md-128 {
    margin-left: 128px !important;
  }
  .m-l-md-136 {
    margin-left: 136px !important;
  }
  .m-l-md-144 {
    margin-left: 144px !important;
  }
  .m-l-md-152 {
    margin-left: 152px !important;
  }
  .m-l-md-160 {
    margin-left: 160px !important;
  }
  .m-r-md {
    /* margin right*/
  }
  .m-r-md-0 {
    margin-right: 0px !important;
  }
  .m-r-md-8 {
    margin-right: 8px !important;
  }
  .m-r-md-16 {
    margin-right: 16px !important;
  }
  .m-r-md-24 {
    margin-right: 24px !important;
  }
  .m-r-md-32 {
    margin-right: 32px !important;
  }
  .m-r-md-40 {
    margin-right: 40px !important;
  }
  .m-r-md-48 {
    margin-right: 48px !important;
  }
  .m-r-md-56 {
    margin-right: 56px !important;
  }
  .m-r-md-64 {
    margin-right: 64px !important;
  }
  .m-r-md-72 {
    margin-right: 72px !important;
  }
  .m-r-md-80 {
    margin-right: 80px !important;
  }
  .m-r-md-88 {
    margin-right: 88px !important;
  }
  .m-r-md-96 {
    margin-right: 96px !important;
  }
  .m-r-md-104 {
    margin-right: 104px !important;
  }
  .m-r-md-112 {
    margin-right: 112px !important;
  }
  .m-r-md-120 {
    margin-right: 120px !important;
  }
  .m-r-md-128 {
    margin-right: 128px !important;
  }
  .m-r-md-136 {
    margin-right: 136px !important;
  }
  .m-r-md-144 {
    margin-right: 144px !important;
  }
  .m-r-md-152 {
    margin-right: 152px !important;
  }
  .m-r-md-160 {
    margin-right: 160px !important;
  }
}
@media (min-width: 992px) {
  .p-lg-0 {
    padding: 0px !important;
  }
  .p-lg-8 {
    padding: 8px !important;
  }
  .p-lg-16 {
    padding: 16px !important;
  }
  .p-lg-24 {
    padding: 24px !important;
  }
  .p-lg-32 {
    padding: 32px !important;
  }
  .p-lg-40 {
    padding: 40px !important;
  }
  .p-lg-48 {
    padding: 48px !important;
  }
  .p-lg-56 {
    padding: 56px !important;
  }
  .p-lg-64 {
    padding: 64px !important;
  }
  .p-lg-72 {
    padding: 72px !important;
  }
  .p-lg-80 {
    padding: 80px !important;
  }
  .p-lg-88 {
    padding: 88px !important;
  }
  .p-lg-96 {
    padding: 96px !important;
  }
  .p-lg-104 {
    padding: 104px !important;
  }
  .p-lg-112 {
    padding: 112px !important;
  }
  .p-lg-120 {
    padding: 120px !important;
  }
  .p-lg-128 {
    padding: 128px !important;
  }
  .p-lg-136 {
    padding: 136px !important;
  }
  .p-lg-144 {
    padding: 144px !important;
  }
  .p-lg-152 {
    padding: 152px !important;
  }
  .p-lg-160 {
    padding: 160px !important;
  }
  .p-t-lg {
    /* padding top*/
  }
  .p-t-lg-0 {
    padding-top: 0px !important;
  }
  .p-t-lg-8 {
    padding-top: 8px !important;
  }
  .p-t-lg-16 {
    padding-top: 16px !important;
  }
  .p-t-lg-24 {
    padding-top: 24px !important;
  }
  .p-t-lg-32 {
    padding-top: 32px !important;
  }
  .p-t-lg-40 {
    padding-top: 40px !important;
  }
  .p-t-lg-48 {
    padding-top: 48px !important;
  }
  .p-t-lg-56 {
    padding-top: 56px !important;
  }
  .p-t-lg-64 {
    padding-top: 64px !important;
  }
  .p-t-lg-72 {
    padding-top: 72px !important;
  }
  .p-t-lg-80 {
    padding-top: 80px !important;
  }
  .p-t-lg-88 {
    padding-top: 88px !important;
  }
  .p-t-lg-96 {
    padding-top: 96px !important;
  }
  .p-t-lg-104 {
    padding-top: 104px !important;
  }
  .p-t-lg-112 {
    padding-top: 112px !important;
  }
  .p-t-lg-120 {
    padding-top: 120px !important;
  }
  .p-t-lg-128 {
    padding-top: 128px !important;
  }
  .p-t-lg-136 {
    padding-top: 136px !important;
  }
  .p-t-lg-144 {
    padding-top: 144px !important;
  }
  .p-t-lg-152 {
    padding-top: 152px !important;
  }
  .p-t-lg-160 {
    padding-top: 160px !important;
  }
  .p-b-lg {
    /* padding bottom*/
  }
  .p-b-lg-0 {
    padding-bottom: 0px !important;
  }
  .p-b-lg-8 {
    padding-bottom: 8px !important;
  }
  .p-b-lg-16 {
    padding-bottom: 16px !important;
  }
  .p-b-lg-24 {
    padding-bottom: 24px !important;
  }
  .p-b-lg-32 {
    padding-bottom: 32px !important;
  }
  .p-b-lg-40 {
    padding-bottom: 40px !important;
  }
  .p-b-lg-48 {
    padding-bottom: 48px !important;
  }
  .p-b-lg-56 {
    padding-bottom: 56px !important;
  }
  .p-b-lg-64 {
    padding-bottom: 64px !important;
  }
  .p-b-lg-72 {
    padding-bottom: 72px !important;
  }
  .p-b-lg-80 {
    padding-bottom: 80px !important;
  }
  .p-b-lg-88 {
    padding-bottom: 88px !important;
  }
  .p-b-lg-96 {
    padding-bottom: 96px !important;
  }
  .p-b-lg-104 {
    padding-bottom: 104px !important;
  }
  .p-b-lg-112 {
    padding-bottom: 112px !important;
  }
  .p-b-lg-120 {
    padding-bottom: 120px !important;
  }
  .p-b-lg-128 {
    padding-bottom: 128px !important;
  }
  .p-b-lg-136 {
    padding-bottom: 136px !important;
  }
  .p-b-lg-144 {
    padding-bottom: 144px !important;
  }
  .p-b-lg-152 {
    padding-bottom: 152px !important;
  }
  .p-b-lg-160 {
    padding-bottom: 160px !important;
  }
  .p-l-lg {
    /* padding left*/
  }
  .p-l-lg-0 {
    padding-left: 0px !important;
  }
  .p-l-lg-8 {
    padding-left: 8px !important;
  }
  .p-l-lg-16 {
    padding-left: 16px !important;
  }
  .p-l-lg-24 {
    padding-left: 24px !important;
  }
  .p-l-lg-32 {
    padding-left: 32px !important;
  }
  .p-l-lg-40 {
    padding-left: 40px !important;
  }
  .p-l-lg-48 {
    padding-left: 48px !important;
  }
  .p-l-lg-56 {
    padding-left: 56px !important;
  }
  .p-l-lg-64 {
    padding-left: 64px !important;
  }
  .p-l-lg-72 {
    padding-left: 72px !important;
  }
  .p-l-lg-80 {
    padding-left: 80px !important;
  }
  .p-l-lg-88 {
    padding-left: 88px !important;
  }
  .p-l-lg-96 {
    padding-left: 96px !important;
  }
  .p-l-lg-104 {
    padding-left: 104px !important;
  }
  .p-l-lg-112 {
    padding-left: 112px !important;
  }
  .p-l-lg-120 {
    padding-left: 120px !important;
  }
  .p-l-lg-128 {
    padding-left: 128px !important;
  }
  .p-l-lg-136 {
    padding-left: 136px !important;
  }
  .p-l-lg-144 {
    padding-left: 144px !important;
  }
  .p-l-lg-152 {
    padding-left: 152px !important;
  }
  .p-l-lg-160 {
    padding-left: 160px !important;
  }
  .p-r-lg {
    /* padding right*/
  }
  .p-r-lg-0 {
    padding-right: 0px !important;
  }
  .p-r-lg-8 {
    padding-right: 8px !important;
  }
  .p-r-lg-16 {
    padding-right: 16px !important;
  }
  .p-r-lg-24 {
    padding-right: 24px !important;
  }
  .p-r-lg-32 {
    padding-right: 32px !important;
  }
  .p-r-lg-40 {
    padding-right: 40px !important;
  }
  .p-r-lg-48 {
    padding-right: 48px !important;
  }
  .p-r-lg-56 {
    padding-right: 56px !important;
  }
  .p-r-lg-64 {
    padding-right: 64px !important;
  }
  .p-r-lg-72 {
    padding-right: 72px !important;
  }
  .p-r-lg-80 {
    padding-right: 80px !important;
  }
  .p-r-lg-88 {
    padding-right: 88px !important;
  }
  .p-r-lg-96 {
    padding-right: 96px !important;
  }
  .p-r-lg-104 {
    padding-right: 104px !important;
  }
  .p-r-lg-112 {
    padding-right: 112px !important;
  }
  .p-r-lg-120 {
    padding-right: 120px !important;
  }
  .p-r-lg-128 {
    padding-right: 128px !important;
  }
  .p-r-lg-136 {
    padding-right: 136px !important;
  }
  .p-r-lg-144 {
    padding-right: 144px !important;
  }
  .p-r-lg-152 {
    padding-right: 152px !important;
  }
  .p-r-lg-160 {
    padding-right: 160px !important;
  }
  .m-lg-0 {
    margin: 0px !important;
  }
  .m-lg-8 {
    margin: 8px !important;
  }
  .m-lg-16 {
    margin: 16px !important;
  }
  .m-lg-24 {
    margin: 24px !important;
  }
  .m-lg-32 {
    margin: 32px !important;
  }
  .m-lg-40 {
    margin: 40px !important;
  }
  .m-lg-48 {
    margin: 48px !important;
  }
  .m-lg-56 {
    margin: 56px !important;
  }
  .m-lg-64 {
    margin: 64px !important;
  }
  .m-lg-72 {
    margin: 72px !important;
  }
  .m-lg-80 {
    margin: 80px !important;
  }
  .m-lg-88 {
    margin: 88px !important;
  }
  .m-lg-96 {
    margin: 96px !important;
  }
  .m-lg-104 {
    margin: 104px !important;
  }
  .m-lg-112 {
    margin: 112px !important;
  }
  .m-lg-120 {
    margin: 120px !important;
  }
  .m-lg-128 {
    margin: 128px !important;
  }
  .m-lg-136 {
    margin: 136px !important;
  }
  .m-lg-144 {
    margin: 144px !important;
  }
  .m-lg-152 {
    margin: 152px !important;
  }
  .m-lg-160 {
    margin: 160px !important;
  }
  .m-t-lg-0 {
    margin-top: 0px !important;
  }
  .m-t-lg-8 {
    margin-top: 8px !important;
  }
  .m-t-lg-16 {
    margin-top: 16px !important;
  }
  .m-t-lg-24 {
    margin-top: 24px !important;
  }
  .m-t-lg-32 {
    margin-top: 32px !important;
  }
  .m-t-lg-40 {
    margin-top: 40px !important;
  }
  .m-t-lg-48 {
    margin-top: 48px !important;
  }
  .m-t-lg-56 {
    margin-top: 56px !important;
  }
  .m-t-lg-64 {
    margin-top: 64px !important;
  }
  .m-t-lg-72 {
    margin-top: 72px !important;
  }
  .m-t-lg-80 {
    margin-top: 80px !important;
  }
  .m-t-lg-88 {
    margin-top: 88px !important;
  }
  .m-t-lg-96 {
    margin-top: 96px !important;
  }
  .m-t-lg-104 {
    margin-top: 104px !important;
  }
  .m-t-lg-112 {
    margin-top: 112px !important;
  }
  .m-t-lg-120 {
    margin-top: 120px !important;
  }
  .m-t-lg-128 {
    margin-top: 128px !important;
  }
  .m-t-lg-136 {
    margin-top: 136px !important;
  }
  .m-t-lg-144 {
    margin-top: 144px !important;
  }
  .m-t-lg-152 {
    margin-top: 152px !important;
  }
  .m-t-lg-160 {
    margin-top: 160px !important;
  }
  .m-b-lg {
    /* margin bottom*/
  }
  .m-b-lg-0 {
    margin-bottom: 0px !important;
  }
  .m-b-lg-8 {
    margin-bottom: 8px !important;
  }
  .m-b-lg-16 {
    margin-bottom: 16px !important;
  }
  .m-b-lg-24 {
    margin-bottom: 24px !important;
  }
  .m-b-lg-32 {
    margin-bottom: 32px !important;
  }
  .m-b-lg-40 {
    margin-bottom: 40px !important;
  }
  .m-b-lg-48 {
    margin-bottom: 48px !important;
  }
  .m-b-lg-56 {
    margin-bottom: 56px !important;
  }
  .m-b-lg-64 {
    margin-bottom: 64px !important;
  }
  .m-b-lg-72 {
    margin-bottom: 72px !important;
  }
  .m-b-lg-80 {
    margin-bottom: 80px !important;
  }
  .m-b-lg-88 {
    margin-bottom: 88px !important;
  }
  .m-b-lg-96 {
    margin-bottom: 96px !important;
  }
  .m-b-lg-104 {
    margin-bottom: 104px !important;
  }
  .m-b-lg-112 {
    margin-bottom: 112px !important;
  }
  .m-b-lg-120 {
    margin-bottom: 120px !important;
  }
  .m-b-lg-128 {
    margin-bottom: 128px !important;
  }
  .m-b-lg-136 {
    margin-bottom: 136px !important;
  }
  .m-b-lg-144 {
    margin-bottom: 144px !important;
  }
  .m-b-lg-152 {
    margin-bottom: 152px !important;
  }
  .m-b-lg-160 {
    margin-bottom: 160px !important;
  }
  .m-l-lg {
    /* margin left*/
  }
  .m-l-lg-0 {
    margin-left: 0px !important;
  }
  .m-l-lg-8 {
    margin-left: 8px !important;
  }
  .m-l-lg-16 {
    margin-left: 16px !important;
  }
  .m-l-lg-24 {
    margin-left: 24px !important;
  }
  .m-l-lg-32 {
    margin-left: 32px !important;
  }
  .m-l-lg-40 {
    margin-left: 40px !important;
  }
  .m-l-lg-48 {
    margin-left: 48px !important;
  }
  .m-l-lg-56 {
    margin-left: 56px !important;
  }
  .m-l-lg-64 {
    margin-left: 64px !important;
  }
  .m-l-lg-72 {
    margin-left: 72px !important;
  }
  .m-l-lg-80 {
    margin-left: 80px !important;
  }
  .m-l-lg-88 {
    margin-left: 88px !important;
  }
  .m-l-lg-96 {
    margin-left: 96px !important;
  }
  .m-l-lg-104 {
    margin-left: 104px !important;
  }
  .m-l-lg-112 {
    margin-left: 112px !important;
  }
  .m-l-lg-120 {
    margin-left: 120px !important;
  }
  .m-l-lg-128 {
    margin-left: 128px !important;
  }
  .m-l-lg-136 {
    margin-left: 136px !important;
  }
  .m-l-lg-144 {
    margin-left: 144px !important;
  }
  .m-l-lg-152 {
    margin-left: 152px !important;
  }
  .m-l-lg-160 {
    margin-left: 160px !important;
  }
  .m-r-lg {
    /* margin right*/
  }
  .m-r-lg-0 {
    margin-right: 0px !important;
  }
  .m-r-lg-8 {
    margin-right: 8px !important;
  }
  .m-r-lg-16 {
    margin-right: 16px !important;
  }
  .m-r-lg-24 {
    margin-right: 24px !important;
  }
  .m-r-lg-32 {
    margin-right: 32px !important;
  }
  .m-r-lg-40 {
    margin-right: 40px !important;
  }
  .m-r-lg-48 {
    margin-right: 48px !important;
  }
  .m-r-lg-56 {
    margin-right: 56px !important;
  }
  .m-r-lg-64 {
    margin-right: 64px !important;
  }
  .m-r-lg-72 {
    margin-right: 72px !important;
  }
  .m-r-lg-80 {
    margin-right: 80px !important;
  }
  .m-r-lg-88 {
    margin-right: 88px !important;
  }
  .m-r-lg-96 {
    margin-right: 96px !important;
  }
  .m-r-lg-104 {
    margin-right: 104px !important;
  }
  .m-r-lg-112 {
    margin-right: 112px !important;
  }
  .m-r-lg-120 {
    margin-right: 120px !important;
  }
  .m-r-lg-128 {
    margin-right: 128px !important;
  }
  .m-r-lg-136 {
    margin-right: 136px !important;
  }
  .m-r-lg-144 {
    margin-right: 144px !important;
  }
  .m-r-lg-152 {
    margin-right: 152px !important;
  }
  .m-r-lg-160 {
    margin-right: 160px !important;
  }
}
@media (min-width: 1200px) {
  .p-xl-0 {
    padding: 0px !important;
  }
  .p-xl-8 {
    padding: 8px !important;
  }
  .p-xl-16 {
    padding: 16px !important;
  }
  .p-xl-24 {
    padding: 24px !important;
  }
  .p-xl-32 {
    padding: 32px !important;
  }
  .p-xl-40 {
    padding: 40px !important;
  }
  .p-xl-48 {
    padding: 48px !important;
  }
  .p-xl-56 {
    padding: 56px !important;
  }
  .p-xl-64 {
    padding: 64px !important;
  }
  .p-xl-72 {
    padding: 72px !important;
  }
  .p-xl-80 {
    padding: 80px !important;
  }
  .p-xl-88 {
    padding: 88px !important;
  }
  .p-xl-96 {
    padding: 96px !important;
  }
  .p-xl-104 {
    padding: 104px !important;
  }
  .p-xl-112 {
    padding: 112px !important;
  }
  .p-xl-120 {
    padding: 120px !important;
  }
  .p-xl-128 {
    padding: 128px !important;
  }
  .p-xl-136 {
    padding: 136px !important;
  }
  .p-xl-144 {
    padding: 144px !important;
  }
  .p-xl-152 {
    padding: 152px !important;
  }
  .p-xl-160 {
    padding: 160px !important;
  }
  .p-t-xl {
    /* padding top*/
  }
  .p-t-xl-0 {
    padding-top: 0px !important;
  }
  .p-t-xl-8 {
    padding-top: 8px !important;
  }
  .p-t-xl-16 {
    padding-top: 16px !important;
  }
  .p-t-xl-24 {
    padding-top: 24px !important;
  }
  .p-t-xl-32 {
    padding-top: 32px !important;
  }
  .p-t-xl-40 {
    padding-top: 40px !important;
  }
  .p-t-xl-48 {
    padding-top: 48px !important;
  }
  .p-t-xl-56 {
    padding-top: 56px !important;
  }
  .p-t-xl-64 {
    padding-top: 64px !important;
  }
  .p-t-xl-72 {
    padding-top: 72px !important;
  }
  .p-t-xl-80 {
    padding-top: 80px !important;
  }
  .p-t-xl-88 {
    padding-top: 88px !important;
  }
  .p-t-xl-96 {
    padding-top: 96px !important;
  }
  .p-t-xl-104 {
    padding-top: 104px !important;
  }
  .p-t-xl-112 {
    padding-top: 112px !important;
  }
  .p-t-xl-120 {
    padding-top: 120px !important;
  }
  .p-t-xl-128 {
    padding-top: 128px !important;
  }
  .p-t-xl-136 {
    padding-top: 136px !important;
  }
  .p-t-xl-144 {
    padding-top: 144px !important;
  }
  .p-t-xl-152 {
    padding-top: 152px !important;
  }
  .p-t-xl-160 {
    padding-top: 160px !important;
  }
  .p-b-xl {
    /* padding bottom*/
  }
  .p-b-xl-0 {
    padding-bottom: 0px !important;
  }
  .p-b-xl-8 {
    padding-bottom: 8px !important;
  }
  .p-b-xl-16 {
    padding-bottom: 16px !important;
  }
  .p-b-xl-24 {
    padding-bottom: 24px !important;
  }
  .p-b-xl-32 {
    padding-bottom: 32px !important;
  }
  .p-b-xl-40 {
    padding-bottom: 40px !important;
  }
  .p-b-xl-48 {
    padding-bottom: 48px !important;
  }
  .p-b-xl-56 {
    padding-bottom: 56px !important;
  }
  .p-b-xl-64 {
    padding-bottom: 64px !important;
  }
  .p-b-xl-72 {
    padding-bottom: 72px !important;
  }
  .p-b-xl-80 {
    padding-bottom: 80px !important;
  }
  .p-b-xl-88 {
    padding-bottom: 88px !important;
  }
  .p-b-xl-96 {
    padding-bottom: 96px !important;
  }
  .p-b-xl-104 {
    padding-bottom: 104px !important;
  }
  .p-b-xl-112 {
    padding-bottom: 112px !important;
  }
  .p-b-xl-120 {
    padding-bottom: 120px !important;
  }
  .p-b-xl-128 {
    padding-bottom: 128px !important;
  }
  .p-b-xl-136 {
    padding-bottom: 136px !important;
  }
  .p-b-xl-144 {
    padding-bottom: 144px !important;
  }
  .p-b-xl-152 {
    padding-bottom: 152px !important;
  }
  .p-b-xl-160 {
    padding-bottom: 160px !important;
  }
  .p-l-xl {
    /* padding left*/
  }
  .p-l-xl-0 {
    padding-left: 0px !important;
  }
  .p-l-xl-8 {
    padding-left: 8px !important;
  }
  .p-l-xl-16 {
    padding-left: 16px !important;
  }
  .p-l-xl-24 {
    padding-left: 24px !important;
  }
  .p-l-xl-32 {
    padding-left: 32px !important;
  }
  .p-l-xl-40 {
    padding-left: 40px !important;
  }
  .p-l-xl-48 {
    padding-left: 48px !important;
  }
  .p-l-xl-56 {
    padding-left: 56px !important;
  }
  .p-l-xl-64 {
    padding-left: 64px !important;
  }
  .p-l-xl-72 {
    padding-left: 72px !important;
  }
  .p-l-xl-80 {
    padding-left: 80px !important;
  }
  .p-l-xl-88 {
    padding-left: 88px !important;
  }
  .p-l-xl-96 {
    padding-left: 96px !important;
  }
  .p-l-xl-104 {
    padding-left: 104px !important;
  }
  .p-l-xl-112 {
    padding-left: 112px !important;
  }
  .p-l-xl-120 {
    padding-left: 120px !important;
  }
  .p-l-xl-128 {
    padding-left: 128px !important;
  }
  .p-l-xl-136 {
    padding-left: 136px !important;
  }
  .p-l-xl-144 {
    padding-left: 144px !important;
  }
  .p-l-xl-152 {
    padding-left: 152px !important;
  }
  .p-l-xl-160 {
    padding-left: 160px !important;
  }
  .p-r-xl {
    /* padding right*/
  }
  .p-r-xl-0 {
    padding-right: 0px !important;
  }
  .p-r-xl-8 {
    padding-right: 8px !important;
  }
  .p-r-xl-16 {
    padding-right: 16px !important;
  }
  .p-r-xl-24 {
    padding-right: 24px !important;
  }
  .p-r-xl-32 {
    padding-right: 32px !important;
  }
  .p-r-xl-40 {
    padding-right: 40px !important;
  }
  .p-r-xl-48 {
    padding-right: 48px !important;
  }
  .p-r-xl-56 {
    padding-right: 56px !important;
  }
  .p-r-xl-64 {
    padding-right: 64px !important;
  }
  .p-r-xl-72 {
    padding-right: 72px !important;
  }
  .p-r-xl-80 {
    padding-right: 80px !important;
  }
  .p-r-xl-88 {
    padding-right: 88px !important;
  }
  .p-r-xl-96 {
    padding-right: 96px !important;
  }
  .p-r-xl-104 {
    padding-right: 104px !important;
  }
  .p-r-xl-112 {
    padding-right: 112px !important;
  }
  .p-r-xl-120 {
    padding-right: 120px !important;
  }
  .p-r-xl-128 {
    padding-right: 128px !important;
  }
  .p-r-xl-136 {
    padding-right: 136px !important;
  }
  .p-r-xl-144 {
    padding-right: 144px !important;
  }
  .p-r-xl-152 {
    padding-right: 152px !important;
  }
  .p-r-xl-160 {
    padding-right: 160px !important;
  }
  .m-xl-0 {
    margin: 0px !important;
  }
  .m-xl-8 {
    margin: 8px !important;
  }
  .m-xl-16 {
    margin: 16px !important;
  }
  .m-xl-24 {
    margin: 24px !important;
  }
  .m-xl-32 {
    margin: 32px !important;
  }
  .m-xl-40 {
    margin: 40px !important;
  }
  .m-xl-48 {
    margin: 48px !important;
  }
  .m-xl-56 {
    margin: 56px !important;
  }
  .m-xl-64 {
    margin: 64px !important;
  }
  .m-xl-72 {
    margin: 72px !important;
  }
  .m-xl-80 {
    margin: 80px !important;
  }
  .m-xl-88 {
    margin: 88px !important;
  }
  .m-xl-96 {
    margin: 96px !important;
  }
  .m-xl-104 {
    margin: 104px !important;
  }
  .m-xl-112 {
    margin: 112px !important;
  }
  .m-xl-120 {
    margin: 120px !important;
  }
  .m-xl-128 {
    margin: 128px !important;
  }
  .m-xl-136 {
    margin: 136px !important;
  }
  .m-xl-144 {
    margin: 144px !important;
  }
  .m-xl-152 {
    margin: 152px !important;
  }
  .m-xl-160 {
    margin: 160px !important;
  }
  .m-t-xl-0 {
    margin-top: 0px !important;
  }
  .m-t-xl-8 {
    margin-top: 8px !important;
  }
  .m-t-xl-16 {
    margin-top: 16px !important;
  }
  .m-t-xl-24 {
    margin-top: 24px !important;
  }
  .m-t-xl-32 {
    margin-top: 32px !important;
  }
  .m-t-xl-40 {
    margin-top: 40px !important;
  }
  .m-t-xl-48 {
    margin-top: 48px !important;
  }
  .m-t-xl-56 {
    margin-top: 56px !important;
  }
  .m-t-xl-64 {
    margin-top: 64px !important;
  }
  .m-t-xl-72 {
    margin-top: 72px !important;
  }
  .m-t-xl-80 {
    margin-top: 80px !important;
  }
  .m-t-xl-88 {
    margin-top: 88px !important;
  }
  .m-t-xl-96 {
    margin-top: 96px !important;
  }
  .m-t-xl-104 {
    margin-top: 104px !important;
  }
  .m-t-xl-112 {
    margin-top: 112px !important;
  }
  .m-t-xl-120 {
    margin-top: 120px !important;
  }
  .m-t-xl-128 {
    margin-top: 128px !important;
  }
  .m-t-xl-136 {
    margin-top: 136px !important;
  }
  .m-t-xl-144 {
    margin-top: 144px !important;
  }
  .m-t-xl-152 {
    margin-top: 152px !important;
  }
  .m-t-xl-160 {
    margin-top: 160px !important;
  }
  .m-b-xl {
    /* margin bottom*/
  }
  .m-b-xl-0 {
    margin-bottom: 0px !important;
  }
  .m-b-xl-8 {
    margin-bottom: 8px !important;
  }
  .m-b-xl-16 {
    margin-bottom: 16px !important;
  }
  .m-b-xl-24 {
    margin-bottom: 24px !important;
  }
  .m-b-xl-32 {
    margin-bottom: 32px !important;
  }
  .m-b-xl-40 {
    margin-bottom: 40px !important;
  }
  .m-b-xl-48 {
    margin-bottom: 48px !important;
  }
  .m-b-xl-56 {
    margin-bottom: 56px !important;
  }
  .m-b-xl-64 {
    margin-bottom: 64px !important;
  }
  .m-b-xl-72 {
    margin-bottom: 72px !important;
  }
  .m-b-xl-80 {
    margin-bottom: 80px !important;
  }
  .m-b-xl-88 {
    margin-bottom: 88px !important;
  }
  .m-b-xl-96 {
    margin-bottom: 96px !important;
  }
  .m-b-xl-104 {
    margin-bottom: 104px !important;
  }
  .m-b-xl-112 {
    margin-bottom: 112px !important;
  }
  .m-b-xl-120 {
    margin-bottom: 120px !important;
  }
  .m-b-xl-128 {
    margin-bottom: 128px !important;
  }
  .m-b-xl-136 {
    margin-bottom: 136px !important;
  }
  .m-b-xl-144 {
    margin-bottom: 144px !important;
  }
  .m-b-xl-152 {
    margin-bottom: 152px !important;
  }
  .m-b-xl-160 {
    margin-bottom: 160px !important;
  }
  .m-l-xl {
    /* margin left*/
  }
  .m-l-xl-0 {
    margin-left: 0px !important;
  }
  .m-l-xl-8 {
    margin-left: 8px !important;
  }
  .m-l-xl-16 {
    margin-left: 16px !important;
  }
  .m-l-xl-24 {
    margin-left: 24px !important;
  }
  .m-l-xl-32 {
    margin-left: 32px !important;
  }
  .m-l-xl-40 {
    margin-left: 40px !important;
  }
  .m-l-xl-48 {
    margin-left: 48px !important;
  }
  .m-l-xl-56 {
    margin-left: 56px !important;
  }
  .m-l-xl-64 {
    margin-left: 64px !important;
  }
  .m-l-xl-72 {
    margin-left: 72px !important;
  }
  .m-l-xl-80 {
    margin-left: 80px !important;
  }
  .m-l-xl-88 {
    margin-left: 88px !important;
  }
  .m-l-xl-96 {
    margin-left: 96px !important;
  }
  .m-l-xl-104 {
    margin-left: 104px !important;
  }
  .m-l-xl-112 {
    margin-left: 112px !important;
  }
  .m-l-xl-120 {
    margin-left: 120px !important;
  }
  .m-l-xl-128 {
    margin-left: 128px !important;
  }
  .m-l-xl-136 {
    margin-left: 136px !important;
  }
  .m-l-xl-144 {
    margin-left: 144px !important;
  }
  .m-l-xl-152 {
    margin-left: 152px !important;
  }
  .m-l-xl-160 {
    margin-left: 160px !important;
  }
  .m-r-xl {
    /* margin right*/
  }
  .m-r-xl-0 {
    margin-right: 0px !important;
  }
  .m-r-xl-8 {
    margin-right: 8px !important;
  }
  .m-r-xl-16 {
    margin-right: 16px !important;
  }
  .m-r-xl-24 {
    margin-right: 24px !important;
  }
  .m-r-xl-32 {
    margin-right: 32px !important;
  }
  .m-r-xl-40 {
    margin-right: 40px !important;
  }
  .m-r-xl-48 {
    margin-right: 48px !important;
  }
  .m-r-xl-56 {
    margin-right: 56px !important;
  }
  .m-r-xl-64 {
    margin-right: 64px !important;
  }
  .m-r-xl-72 {
    margin-right: 72px !important;
  }
  .m-r-xl-80 {
    margin-right: 80px !important;
  }
  .m-r-xl-88 {
    margin-right: 88px !important;
  }
  .m-r-xl-96 {
    margin-right: 96px !important;
  }
  .m-r-xl-104 {
    margin-right: 104px !important;
  }
  .m-r-xl-112 {
    margin-right: 112px !important;
  }
  .m-r-xl-120 {
    margin-right: 120px !important;
  }
  .m-r-xl-128 {
    margin-right: 128px !important;
  }
  .m-r-xl-136 {
    margin-right: 136px !important;
  }
  .m-r-xl-144 {
    margin-right: 144px !important;
  }
  .m-r-xl-152 {
    margin-right: 152px !important;
  }
  .m-r-xl-160 {
    margin-right: 160px !important;
  }
}
/*=============================================
=            UI Animations Block            =
=============================================*/
/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  transition: all 0.23s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type=submit],
input[type=reset],
input[type=button] {
  transition: all 0.23s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.button:active,
button:active,
input[type=submit]:active,
input[type=reset]:active,
input[type=button]:active {
  transform: scale(0.97);
}

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type=text],
input[type=search],
input[type=password],
input[type=email],
input[type=tel],
input[type=date],
input[type=url],
input[type=number],
input[type=month],
textarea,
select {
  transition: all 0.23s ease;
}

/* NAV (site navigation) */
.s-nav {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
  transform: translate3d(5%, 0, 0) scale(0.97);
}

.nav-open .s-nav {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
  transform: translate3d(0, 0, 0) scale(1);
  animation: slideIn 0.35s ease-in-out;
}
@keyframes slideIn {
  0% {
    opacity: 0.3;
    filter: alpha(opacity=30);
    transform: translate3d(5%, 0, 0) scale(0.97);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translate3d(0, 0, 0) scale(1);
  }
}
.nav-close .s-nav {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate3d(5%, 0, 0) scale(0.97);
  animation: slideOut 0.3s ease-in-out;
}
@keyframes slideOut {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    opacity: 0.3;
    filter: alpha(opacity=30);
    transform: translate3d(5%, 0, 0) scale(0.97);
  }
}
.nav-open .s-header,
.nav-open .s-main,
.nav-open .s-footer {
  transform: translate3d(24rem, 0, 0);
  animation: open 0.5s ease-in-out;
}
@keyframes open {
  0% {
    transform: translate3d(0, 0, 0);
  }
  70% {
    transform: translate3d(26rem, 0, 0);
  }
  100% {
    transform: translate3d(24rem, 0, 0);
  }
}
.nav-close .s-header, .nav-close .s-main, .nav-close .s-footer {
  animation: close 0.3s ease-in-out;
}
@keyframes close {
  0% {
    transform: translate3d(24rem, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
/* HEADER */
/* .s-header {

  -webkit-transition: all .230s cubic-bezier(.25,.8,.25,1);
     -moz-transition: all .230s cubic-bezier(.25,.8,.25,1);
      -ms-transition: all .230s cubic-bezier(.25,.8,.25,1);
       -o-transition: all .230s cubic-bezier(.25,.8,.25,1);
          transition: all .230s cubic-bezier(.25,.8,.25,1);

}
 */
.s-header {
  transition: transform 0.33s;
}

.s-header--hidden {
  transform: translateY(-100%);
}

/* SECTION (about) */
.about {
  transition: opacity 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}

@media only screen and (min-width: 66.353em) and (min-height: 53.125em) {
  .nav-open .about {
    opacity: 0;
  }
}
/* SECTION (contact modal) */
/* modal */
.modal {
  visibility: hidden;
  transition: visibility 0s 0.6s;
}

.modal .modal-close {
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  /* force hardware acceleration */
  transform: translateZ(0);
  backface-visibility: hidden;
  transform: scale(0);
  transition: transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
}

.modal.modal-is-visible {
  visibility: visible;
  transition: visibility 0s 0s;
}

.modal.modal-is-visible .modal-close {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
  transform: scale(1);
}

.modal-content {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(7.2rem);
  transition: opacity 0.3s 0, transform 0.3s 0;
}

.modal-is-visible .modal-content {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateY(0);
  transition: opacity 0.3s 0.3s, transform 0.3s 0.3s;
}

.cover-layer {
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 0.3s 0.3s, visibility 0s 0.6s;
}

.cover-layer.modal-is-visible {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

/* SECTION (statistics modal) */
@media only screen and (min-width: 66.353em) { /*1128*/
  /* stats (flip) */
  .stats {
    /*depth of the elements */
    -ms-perspective: 200rem;
    -o-perspective: 200rem;
    perspective: 200rem;
  }
  .stat {
    transition: transform 0.46s;
    /* specifies that child elements will preserve its 3D position */
    transform-style: preserve-3d;
  }
  .stat.flipped {
    transform: rotateY(180deg);
  }
  .stat-card__front, .stat-card__back {
    backface-visibility: hidden;
  }
  .stat-card__back {
    transform: rotateY(180deg);
  }
}
/* SECTION (layout, social-proof) */
.quote {
  transition: all 0.23s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.marker {
  transition: all cubic-bezier(0.77, 0, 0.175, 1) 1.15s;
}

.quote:hover .marker, .owl-carousel .active .marker {
  background-position: -100% 0;
}

/*=====  End of UI Animations Block  ======*/
/*=============================================
=            UI Styles Block            =
=============================================*/
body .style-1 {
  color: #111111;
  background-color: #ffffff;
  /* button, type : primary */
  /* button, type : outlined */
  /* button, style : ghost */
  /* button, style : stripped */
  /* Forms
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
}
body .style-1--colored {
  color: #ffffff;
  background-color: #5a8042;
}
body .style-1--colored-contrast {
  color: #5a8042;
  background-color: #ffffff;
}
body .style-1--colored-light {
  color: #ffffff;
  background-color: #8cb672;
}
body .style-1--colored-dark {
  color: #ffffff;
  background-color: #2b3d1f;
}
body .style-1--2 {
  color: #111111;
  background-color: #F2f2f6;
}
body .style-1--3 {
  color: #111111;
  background-color: #D2D2D2;
}
body .style-1 a:not(.button):not(.icon-link) {
  border-bottom: solid 2px #8cb672;
  color: #111111;
}
body .style-1 .main-nav ul li.main-nav-item a {
  border: none;
}
body .style-1 .button,
body .style-1 button,
body .style-1 input[type=submit],
body .style-1 input[type=reset],
body .style-1 input[type=button] {
  border-color: #111111;
  color: #ffffff;
  background-color: #111111;
}
body .style-1 .button.active {
  color: #ffffff;
  background-color: #8cb672;
  border: none;
}
body .style-1 .button:hover,
body .style-1 button:hover,
body .style-1 input[type=submit]:hover,
body .style-1 input[type=reset]:hover,
body .style-1 input[type=button]:hover,
body .style-1 .button:focus,
body .style-1 button:focus,
body .style-1 input[type=submit]:focus,
body .style-1 input[type=reset]:focus,
body .style-1 input[type=button]:focus {
  color: #ffffff;
  border-color: #111111;
}
body .style-1 .button.button--primary,
body .style-1 button.button--primary,
body .style-1 input[type=submit].button--primary,
body .style-1 input[type=reset].button--primary,
body .style-1 input[type=button].button--primary {
  color: #111111;
  background-color: #8cb672;
  border-color: #8cb672;
}
body .style-1 .button.button--primary:hover,
body .style-1 button.button--primary:hover,
body .style-1 input[type=submit].button--primary:hover,
body .style-1 input[type=reset].button--primary:hover,
body .style-1 input[type=button].button--primary:hover,
body .style-1 .button.button--primary:focus,
body .style-1 button.button--primary:focus,
body .style-1 input[type=submit].button--primary:focus,
body .style-1 input[type=reset].button--primary:focus,
body .style-1 input[type=button].button--primary:focus {
  color: #8cb672;
  background-color: #111111;
  border-color: #111111;
}
body .style-1 .button.button--outlined,
body .style-1 button.button--outlined,
body .style-1 input[type=submit].button--outlined,
body .style-1 input[type=reset].button--outlined,
body .style-1 input[type=button].button--outlined {
  border-color: #111111;
  color: #111111;
  background-color: transparent;
}
body .style-1 .button.button--outlined:hover,
body .style-1 button.button--outlined:hover,
body .style-1 input[type=submit].button--outlined:hover,
body .style-1 input[type=reset].button--outlined:hover,
body .style-1 input[type=button].button--outlined:hover,
body .style-1 .button.button--outlined:focus,
body .style-1 button.button--outlined:focus,
body .style-1 input[type=submit].button--outlined:focus,
body .style-1 input[type=reset].button--outlined:focus,
body .style-1 input[type=button].button--outlined:focus {
  border-color: #111111;
  color: #111111;
}
body .style-1 .button--outlined:active {
  border-color: #111111;
  color: #111111;
}
body .style-1 .button.button--ghost,
body .style-1 button.button--ghost,
body .style-1 input[type=submit].button--ghost,
body .style-1 input[type=reset].button--ghost,
body .style-1 input[type=button].button--ghost {
  color: #111111;
  border-color: #111111;
  background-color: transparent;
}
body .style-1 .button.button--ghost:hover,
body .style-1 button.button--ghost:hover,
body .style-1 input[type=submit].button--ghost:hover,
body .style-1 input[type=reset].button--ghost:hover,
body .style-1 input[type=button].button--ghost:hover,
body .style-1 .button.button--ghost:focus,
body .style-1 button.button--ghost:focus,
body .style-1 input[type=submit].button--ghost:focus,
body .style-1 input[type=reset].button--ghost:focus,
body .style-1 input[type=button].button--ghost:focus {
  border-color: #222222;
  color: #ffffff;
  background-color: #222222;
}
body .style-1 .button--ghost:active {
  border-color: #222222;
  color: #ffffff;
  background-color: #222222;
}
body .style-1 .button.button--stripped,
body .style-1 button.button--stripped,
body .style-1 input[type=submit].button--stripped,
body .style-1 input[type=reset].button--stripped,
body .style-1 input[type=button].button--stripped {
  border-bottom: 3px solid #8cb672;
  color: #111111;
  background-color: transparent;
}
body .style-1 .button.button--stripped:hover,
body .style-1 button.button--stripped:hover,
body .style-1 input[type=submit].button--stripped:hover,
body .style-1 input[type=reset].button--stripped:hover,
body .style-1 input[type=button].button--stripped:hover,
body .style-1 .button.button--stripped:focus,
body .style-1 button.button--stripped:focus,
body .style-1 input[type=submit].button--stripped:focus,
body .style-1 input[type=reset].button--stripped:focus,
body .style-1 input[type=button].button--stripped:focus {
  color: #8cb672;
}
body .style-1 .button--stripped:active {
  color: #8cb672;
}
body .style-1 button.mobile-nav-toggle {
  background-color: transparent;
}
body .style-1 input[type=text],
body .style-1 input[type=search],
body .style-1 input[type=password],
body .style-1 input[type=email],
body .style-1 input[type=tel],
body .style-1 input[type=date],
body .style-1 input[type=url],
body .style-1 input[type=number],
body .style-1 input[type=month],
body .style-1 textarea,
body .style-1 select {
  border-bottom: 1px solid #111111;
  color: inherit;
}
body .style-1 input[type=text]::placeholder, body .style-1 input[type=text]::-webkit-input-placeholder, body .style-1 input[type=text]:-moz-placeholder, body .style-1 input[type=text]::-moz-placeholder, body .style-1 input[type=text]:-ms-input-placeholder,
body .style-1 input[type=search]::placeholder,
body .style-1 input[type=search]::-webkit-input-placeholder,
body .style-1 input[type=search]:-moz-placeholder,
body .style-1 input[type=search]::-moz-placeholder,
body .style-1 input[type=search]:-ms-input-placeholder,
body .style-1 input[type=password]::placeholder,
body .style-1 input[type=password]::-webkit-input-placeholder,
body .style-1 input[type=password]:-moz-placeholder,
body .style-1 input[type=password]::-moz-placeholder,
body .style-1 input[type=password]:-ms-input-placeholder,
body .style-1 input[type=email]::placeholder,
body .style-1 input[type=email]::-webkit-input-placeholder,
body .style-1 input[type=email]:-moz-placeholder,
body .style-1 input[type=email]::-moz-placeholder,
body .style-1 input[type=email]:-ms-input-placeholder,
body .style-1 input[type=tel]::placeholder,
body .style-1 input[type=tel]::-webkit-input-placeholder,
body .style-1 input[type=tel]:-moz-placeholder,
body .style-1 input[type=tel]::-moz-placeholder,
body .style-1 input[type=tel]:-ms-input-placeholder,
body .style-1 input[type=date]::placeholder,
body .style-1 input[type=date]::-webkit-input-placeholder,
body .style-1 input[type=date]:-moz-placeholder,
body .style-1 input[type=date]::-moz-placeholder,
body .style-1 input[type=date]:-ms-input-placeholder,
body .style-1 input[type=url]::placeholder,
body .style-1 input[type=url]::-webkit-input-placeholder,
body .style-1 input[type=url]:-moz-placeholder,
body .style-1 input[type=url]::-moz-placeholder,
body .style-1 input[type=url]:-ms-input-placeholder,
body .style-1 input[type=number]::placeholder,
body .style-1 input[type=number]::-webkit-input-placeholder,
body .style-1 input[type=number]:-moz-placeholder,
body .style-1 input[type=number]::-moz-placeholder,
body .style-1 input[type=number]:-ms-input-placeholder,
body .style-1 input[type=month]::placeholder,
body .style-1 input[type=month]::-webkit-input-placeholder,
body .style-1 input[type=month]:-moz-placeholder,
body .style-1 input[type=month]::-moz-placeholder,
body .style-1 input[type=month]:-ms-input-placeholder,
body .style-1 textarea::placeholder,
body .style-1 textarea::-webkit-input-placeholder,
body .style-1 textarea:-moz-placeholder,
body .style-1 textarea::-moz-placeholder,
body .style-1 textarea:-ms-input-placeholder,
body .style-1 select::placeholder,
body .style-1 select::-webkit-input-placeholder,
body .style-1 select:-moz-placeholder,
body .style-1 select::-moz-placeholder,
body .style-1 select:-ms-input-placeholder {
  color: #222222;
}
body .style-1 input[type=text]:focus,
body .style-1 input[type=search]:focus,
body .style-1 input[type=password]:focus,
body .style-1 input[type=email]:focus,
body .style-1 input[type=tel]:focus,
body .style-1 input[type=date]:focus,
body .style-1 input[type=url]:focus,
body .style-1 input[type=number]:focus,
body .style-1 input[type=month]:focus,
body .style-1 textarea:focus,
body .style-1 select:focus {
  border-bottom-color: #111111;
  box-shadow: inset 0 -0.1rem 0 0 #111111;
}
body .style-1 input[type=checkbox] + label,
body .style-1 input[type=radio] + label {
  color: #111111;
}
body .style-1 input[type=checkbox] + label::before,
body .style-1 input[type=radio] + label::before {
  border: 1px solid #111111;
}
body .style-1 input[type=checkbox]:checked + label::before,
body .style-1 input[type=radio]:checked + label::before {
  content: " ";
  border-color: transparent;
  background-color: #111111;
}
body .style-1 input[type=checkbox]:focus + label::before,
body .style-1 input[type=radio]:focus + label::before {
  border-color: #111111;
  box-shadow: 0 0 0 0.1rem #111111;
}
body .style-1 .select-wrapper::before {
  color: #c9c9ca;
  color: rgba(255, 255, 255, 0.77);
}
body .style-1 table tr {
  border-bottom: 1px solid #222222;
}
body .style-1 table tr.active {
  background-color: #ffffff;
}
body .style-1 table th {
  color: #111111;
}
body .style-1 table th:hover {
  cursor: pointer;
  background-color: #E2E2E2;
  color: #222222;
}
body .style-1 table td {
  color: #111111;
}
body .style-1 table tbody tr:hover {
  background-color: #E2E2E2;
}
body .style-1 table tbody tr:hover td {
  color: #222222;
}
body .style-1.s-header {
  background: none;
}
body .style-1.s-header.header-scrolled {
  background: rgba(255, 255, 255, 0.8);
}
body .style-1.s-header.s-header-2 {
  background: #ffffff;
}
body .style-1 .card {
  color: #111111;
  border: none;
  background: none;
}
body .style-1 .card-col--display-circle {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 0px 16px rgba(255, 255, 255, 0.7);
  border: solid 3px white;
  color: white;
}
body .style-1 .card-content {
  background: #F2f2f6;
}
body .style-1 .card-header {
  background-color: #222222;
  color: #ffffff;
}
body .style-1 .card-header i {
  color: #ffffff;
  font-size: 1em;
  position: relative;
  top: -2px;
}
body .style-1 .card-body {
  color: #111111;
}
body .style-1 .card-content__back {
  background-color: #ffffff;
  color: #111111;
}
body .style-1 .card-2 .card-content:hover {
  box-shadow: 1px 12px 8px rgba(0, 0, 0, 0.2);
  transform: scale(1.02);
  top: -10px;
}
body .style-1 .card-3 {
  background: #F2f2f6;
}
body .style-1 .card-3 .card-header, body .style-1 .card-3 .card-content {
  background-color: #F2f2f6;
  color: #111111;
}
body .style-1 .card-3:after {
  background-color: #5a8042;
}
body .style-1.testimonials .testimonial-item {
  border: solid 1px #f2f2f6;
  color: #111111;
}
body .style-1.testimonials .testimonial-item h4 {
  color: rgba(17, 17, 17, 0.8);
}
body .style-1 .wizard .actions ul li:first-child a {
  background: none;
  color: #111111;
}
body .style-1 .wizard .actions ul li a {
  color: #111111;
  background: #ffffff;
}
body .style-1.services .card .card-content {
  background: none;
}
body .style-1 .statistics-modal .title {
  color: #28282e;
}
body .style-1.modal-content {
  background: linear-gradient(135deg, #ffffff, #F2f2f6);
}
body .style-1 .modal-content > .container {
  padding: 2% 2%;
}
body .style-1 .modal-header .container {
  padding-bottom: 0;
}
body .style-1 .modal-body .container {
  padding-top: 0;
  min-height: 100vh;
}
body .style-1 .pre-title {
  border-bottom: solid 1px white;
}
body .style-1 .faq-list button {
  color: #5a8042;
}
body .style-1 .faq-list button:hover, body .style-1 .faq-list button:focus {
  color: #5a8042;
}
body .style-1 a.hovereffect {
  transition: ease 0.3s;
  border: none;
  position: relative;
  display: inline-block;
  padding: 0.5em 2em;
  cursor: pointer;
  overflow: hidden;
}
body .style-1 a.hovereffect:before, body .style-1 a.hovereffect:after {
  content: "";
  position: absolute;
  left: 0;
  height: 2px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0);
}
body .style-1 a.hovereffect:before {
  top: 0;
}
body .style-1 a.hovereffect:after {
  bottom: 0;
}
body .style-1 a.hovereffect:hover > * > *:before, body .style-1 a.hovereffect:hover > * > *:after {
  transform: translate3d(0, 0, 0);
}
body .style-1 a.hovereffect:hover > * > * > *:before, body .style-1 a.hovereffect:hover > * > * > *:after {
  transform: translate3d(0, 0, 0);
}
body .style-1 a.hovereffect > *:before, body .style-1 a.hovereffect > *:after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 2px;
  background-color: rgba(255, 255, 255, 0);
}
body .style-1 a.hovereffect > *:before {
  left: 0;
}
body .style-1 a.hovereffect > *:after {
  right: 0;
}
body .style-1 a.hovereffect > * > *:before, body .style-1 a.hovereffect > * > *:after {
  content: "";
  position: absolute;
  left: 0;
  z-index: 9;
  height: 2px;
  width: 100%;
  background-color: #111111;
}
body .style-1 a.hovereffect > * > *:before {
  top: 0;
  transform: translate3d(-105%, 0, 0);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
body .style-1 a.hovereffect > * > *:after {
  bottom: 0;
  transform: translate3d(105%, 0, 0);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
body .style-1 a.hovereffect > * > * > *:before, body .style-1 a.hovereffect > * > * > *:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: 9;
  height: 100%;
  width: 2px;
  background-color: #111111;
}
body .style-1 a.hovereffect > * > * > *:before {
  left: 0;
  transform: translate3d(0, 105%, 0);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
body .style-1 a.hovereffect > * > * > *:after {
  right: 0;
  transform: translate3d(0, -105%, 0);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
body .style-1 .main-nav .active a {
  color: #8cb672;
}
body .style-1 .social-links i {
  color: #111111;
}
body .style-1 .social-links a:hover {
  color: #1bb1dc;
}
body .style-1 .fa {
  color: #111111;
}
body .style-1 .quote {
  color: #28282e;
}
body .style-1 .highlight {
  color: #8cb672;
}
body .style-1 iframe {
  border-radius: 8px;
}
body .style-1 .modal svg > path {
  fill: #28282e !important;
}
body .style-1 .label-floatlabel {
  color: #222222 !important;
}
body .style-1 .menu__link--current,
body .style-1 .menu__link:hover {
  background-color: #8cb672 !important;
}
body .style-1 .entry-list__item {
  border-bottom-color: #222222 !important;
}
body .style-1 .aside-list__item {
  border-bottom-color: #222222 !important;
}
body .style-1 .slide__title,
body .style-1 .slide__teaser {
  color: #28282e !important;
}
body .style-1 i {
  color: #5a8042;
}

/*=============================================
=            UI Styles Block            =
=============================================*/
body .style-1-contrast {
  color: #ffffff;
  background-color: #222222;
  /* button, type : primary */
  /* button, type : outlined */
  /* button, style : ghost */
  /* button, style : stripped */
  /* Forms
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
}
body .style-1-contrast--contrast {
  color: #222222;
  background-color: #ffffff;
}
body .style-1-contrast--2 {
  color: #ffffff;
  background-color: #333333;
}
body .style-1-contrast--3 {
  color: #ffffff;
  background-color: #444444;
}
body .style-1-contrast h1,
body .style-1-contrast h2,
body .style-1-contrast h3,
body .style-1-contrast h4,
body .style-1-contrast h5,
body .style-1-contrast h6,
body .style-1-contrast p,
body .style-1-contrast a {
  font-family: "Poppins", sans-serif;
}
body .style-1-contrast a:not(.button):not(.icon-link) {
  border-bottom: solid 2px #8cb672;
  color: #ffffff;
}
body .style-1-contrast .main-nav ul li.main-nav-item a {
  border: none;
}
body .style-1-contrast .button,
body .style-1-contrast button,
body .style-1-contrast input[type=submit],
body .style-1-contrast input[type=reset],
body .style-1-contrast input[type=button] {
  border-color: #ffffff;
  color: #222222;
  background-color: #ffffff;
}
body .style-1-contrast .button.active {
  color: #222222;
  background-color: #8cb672;
  border: none;
}
body .style-1-contrast .button:hover,
body .style-1-contrast button:hover,
body .style-1-contrast input[type=submit]:hover,
body .style-1-contrast input[type=reset]:hover,
body .style-1-contrast input[type=button]:hover,
body .style-1-contrast .button:focus,
body .style-1-contrast button:focus,
body .style-1-contrast input[type=submit]:focus,
body .style-1-contrast input[type=reset]:focus,
body .style-1-contrast input[type=button]:focus {
  color: #222222;
  border-color: #ffffff;
}
body .style-1-contrast .button.button--primary,
body .style-1-contrast button.button--primary,
body .style-1-contrast input[type=submit].button--primary,
body .style-1-contrast input[type=reset].button--primary,
body .style-1-contrast input[type=button].button--primary {
  color: #ffffff;
  background-color: #8cb672;
  border-color: #8cb672;
}
body .style-1-contrast .button.button--primary:hover,
body .style-1-contrast button.button--primary:hover,
body .style-1-contrast input[type=submit].button--primary:hover,
body .style-1-contrast input[type=reset].button--primary:hover,
body .style-1-contrast input[type=button].button--primary:hover,
body .style-1-contrast .button.button--primary:focus,
body .style-1-contrast button.button--primary:focus,
body .style-1-contrast input[type=submit].button--primary:focus,
body .style-1-contrast input[type=reset].button--primary:focus,
body .style-1-contrast input[type=button].button--primary:focus {
  color: #8cb672;
  background-color: #ffffff;
  border-color: #ffffff;
}
body .style-1-contrast .button.button--outlined,
body .style-1-contrast button.button--outlined,
body .style-1-contrast input[type=submit].button--outlined,
body .style-1-contrast input[type=reset].button--outlined,
body .style-1-contrast input[type=button].button--outlined {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}
body .style-1-contrast .button.button--outlined:hover,
body .style-1-contrast button.button--outlined:hover,
body .style-1-contrast input[type=submit].button--outlined:hover,
body .style-1-contrast input[type=reset].button--outlined:hover,
body .style-1-contrast input[type=button].button--outlined:hover,
body .style-1-contrast .button.button--outlined:focus,
body .style-1-contrast button.button--outlined:focus,
body .style-1-contrast input[type=submit].button--outlined:focus,
body .style-1-contrast input[type=reset].button--outlined:focus,
body .style-1-contrast input[type=button].button--outlined:focus {
  border-color: #ffffff;
  color: #ffffff;
}
body .style-1-contrast .button--outlined:active {
  border-color: #ffffff;
  color: #ffffff;
}
body .style-1-contrast .button.button--ghost,
body .style-1-contrast button.button--ghost,
body .style-1-contrast input[type=submit].button--ghost,
body .style-1-contrast input[type=reset].button--ghost,
body .style-1-contrast input[type=button].button--ghost {
  color: #ffffff;
  border-color: #ffffff;
  background-color: transparent;
}
body .style-1-contrast .button.button--ghost:hover,
body .style-1-contrast button.button--ghost:hover,
body .style-1-contrast input[type=submit].button--ghost:hover,
body .style-1-contrast input[type=reset].button--ghost:hover,
body .style-1-contrast input[type=button].button--ghost:hover,
body .style-1-contrast .button.button--ghost:focus,
body .style-1-contrast button.button--ghost:focus,
body .style-1-contrast input[type=submit].button--ghost:focus,
body .style-1-contrast input[type=reset].button--ghost:focus,
body .style-1-contrast input[type=button].button--ghost:focus {
  border-color: #D2D2D2;
  color: #222222;
  background-color: #D2D2D2;
}
body .style-1-contrast .button--ghost:active {
  border-color: #D2D2D2;
  color: #222222;
  background-color: #D2D2D2;
}
body .style-1-contrast .button.button--stripped,
body .style-1-contrast button.button--stripped,
body .style-1-contrast input[type=submit].button--stripped,
body .style-1-contrast input[type=reset].button--stripped,
body .style-1-contrast input[type=button].button--stripped {
  border-bottom: 3px solid #8cb672;
  color: #ffffff;
  background-color: transparent;
}
body .style-1-contrast .button.button--stripped:hover,
body .style-1-contrast button.button--stripped:hover,
body .style-1-contrast input[type=submit].button--stripped:hover,
body .style-1-contrast input[type=reset].button--stripped:hover,
body .style-1-contrast input[type=button].button--stripped:hover,
body .style-1-contrast .button.button--stripped:focus,
body .style-1-contrast button.button--stripped:focus,
body .style-1-contrast input[type=submit].button--stripped:focus,
body .style-1-contrast input[type=reset].button--stripped:focus,
body .style-1-contrast input[type=button].button--stripped:focus {
  color: #8cb672;
}
body .style-1-contrast .button--stripped:active {
  color: #8cb672;
}
body .style-1-contrast input[type=text],
body .style-1-contrast input[type=search],
body .style-1-contrast input[type=password],
body .style-1-contrast input[type=email],
body .style-1-contrast input[type=tel],
body .style-1-contrast input[type=date],
body .style-1-contrast input[type=url],
body .style-1-contrast input[type=number],
body .style-1-contrast input[type=month],
body .style-1-contrast textarea,
body .style-1-contrast select {
  border-bottom: 1px solid #ffffff;
  color: inherit;
}
body .style-1-contrast input[type=text]::placeholder, body .style-1-contrast input[type=text]::-webkit-input-placeholder, body .style-1-contrast input[type=text]:-moz-placeholder, body .style-1-contrast input[type=text]::-moz-placeholder, body .style-1-contrast input[type=text]:-ms-input-placeholder,
body .style-1-contrast input[type=search]::placeholder,
body .style-1-contrast input[type=search]::-webkit-input-placeholder,
body .style-1-contrast input[type=search]:-moz-placeholder,
body .style-1-contrast input[type=search]::-moz-placeholder,
body .style-1-contrast input[type=search]:-ms-input-placeholder,
body .style-1-contrast input[type=password]::placeholder,
body .style-1-contrast input[type=password]::-webkit-input-placeholder,
body .style-1-contrast input[type=password]:-moz-placeholder,
body .style-1-contrast input[type=password]::-moz-placeholder,
body .style-1-contrast input[type=password]:-ms-input-placeholder,
body .style-1-contrast input[type=email]::placeholder,
body .style-1-contrast input[type=email]::-webkit-input-placeholder,
body .style-1-contrast input[type=email]:-moz-placeholder,
body .style-1-contrast input[type=email]::-moz-placeholder,
body .style-1-contrast input[type=email]:-ms-input-placeholder,
body .style-1-contrast input[type=tel]::placeholder,
body .style-1-contrast input[type=tel]::-webkit-input-placeholder,
body .style-1-contrast input[type=tel]:-moz-placeholder,
body .style-1-contrast input[type=tel]::-moz-placeholder,
body .style-1-contrast input[type=tel]:-ms-input-placeholder,
body .style-1-contrast input[type=date]::placeholder,
body .style-1-contrast input[type=date]::-webkit-input-placeholder,
body .style-1-contrast input[type=date]:-moz-placeholder,
body .style-1-contrast input[type=date]::-moz-placeholder,
body .style-1-contrast input[type=date]:-ms-input-placeholder,
body .style-1-contrast input[type=url]::placeholder,
body .style-1-contrast input[type=url]::-webkit-input-placeholder,
body .style-1-contrast input[type=url]:-moz-placeholder,
body .style-1-contrast input[type=url]::-moz-placeholder,
body .style-1-contrast input[type=url]:-ms-input-placeholder,
body .style-1-contrast input[type=number]::placeholder,
body .style-1-contrast input[type=number]::-webkit-input-placeholder,
body .style-1-contrast input[type=number]:-moz-placeholder,
body .style-1-contrast input[type=number]::-moz-placeholder,
body .style-1-contrast input[type=number]:-ms-input-placeholder,
body .style-1-contrast input[type=month]::placeholder,
body .style-1-contrast input[type=month]::-webkit-input-placeholder,
body .style-1-contrast input[type=month]:-moz-placeholder,
body .style-1-contrast input[type=month]::-moz-placeholder,
body .style-1-contrast input[type=month]:-ms-input-placeholder,
body .style-1-contrast textarea::placeholder,
body .style-1-contrast textarea::-webkit-input-placeholder,
body .style-1-contrast textarea:-moz-placeholder,
body .style-1-contrast textarea::-moz-placeholder,
body .style-1-contrast textarea:-ms-input-placeholder,
body .style-1-contrast select::placeholder,
body .style-1-contrast select::-webkit-input-placeholder,
body .style-1-contrast select:-moz-placeholder,
body .style-1-contrast select::-moz-placeholder,
body .style-1-contrast select:-ms-input-placeholder {
  color: #D2D2D2;
}
body .style-1-contrast input[type=text]:focus,
body .style-1-contrast input[type=search]:focus,
body .style-1-contrast input[type=password]:focus,
body .style-1-contrast input[type=email]:focus,
body .style-1-contrast input[type=tel]:focus,
body .style-1-contrast input[type=date]:focus,
body .style-1-contrast input[type=url]:focus,
body .style-1-contrast input[type=number]:focus,
body .style-1-contrast input[type=month]:focus,
body .style-1-contrast textarea:focus,
body .style-1-contrast select:focus {
  border-bottom-color: #ffffff;
  box-shadow: inset 0 -0.1rem 0 0 #ffffff;
}
body .style-1-contrast input[type=checkbox] + label,
body .style-1-contrast input[type=radio] + label {
  color: #ffffff;
}
body .style-1-contrast input[type=checkbox] + label::before,
body .style-1-contrast input[type=radio] + label::before {
  border: 1px solid #ffffff;
}
body .style-1-contrast input[type=checkbox]:checked + label::before,
body .style-1-contrast input[type=radio]:checked + label::before {
  content: " ";
  border-color: transparent;
  background-color: #ffffff;
}
body .style-1-contrast input[type=checkbox]:focus + label::before,
body .style-1-contrast input[type=radio]:focus + label::before {
  border-color: #ffffff;
  box-shadow: 0 0 0 0.1rem #ffffff;
}
body .style-1-contrast .select-wrapper::before {
  color: #c9c9ca;
  color: rgba(255, 255, 255, 0.77);
}
body .style-1-contrast table tr {
  border-bottom: 1px solid #D2D2D2;
}
body .style-1-contrast table tr.active {
  background-color: #222222;
}
body .style-1-contrast table th {
  color: #B2B2B2;
}
body .style-1-contrast table th:hover {
  cursor: pointer;
  background-color: #444444;
  color: #D2D2D2;
}
body .style-1-contrast table td {
  color: #ffffff;
}
body .style-1-contrast table tbody tr:hover {
  background-color: #444444;
}
body .style-1-contrast table tbody tr:hover td {
  color: #D2D2D2;
}
body .style-1-contrast.s-header {
  background: none;
}
body .style-1-contrast.s-header.header-scrolled {
  background: rgba(34, 34, 34, 0.8);
}
body .style-1-contrast .card {
  color: #ffffff;
  border: none;
  background: none;
}
body .style-1-contrast .card-col--display-circle {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 0px 16px rgba(255, 255, 255, 0.7);
  border: solid 3px white;
  color: white;
}
body .style-1-contrast .card-content {
  background: #222222;
}
body .style-1-contrast .card-header {
  background-color: #333333;
}
body .style-1-contrast .card-header i {
  font-size: 1em;
  position: relative;
  top: -2px;
}
body .style-1-contrast .card-content__back {
  background-color: #444444;
}
body .style-1-contrast .card-2 .card-content:hover {
  box-shadow: 9px 9px 16px rgba(21, 24, 27, 0.6392156863), -9px -9px 15px rgba(113, 113, 113, 0.27);
  transform: scale(1.02);
}
body .style-1-contrast.hero-img-overlay {
  background: linear-gradient(to bottom right, rgba(68, 68, 68, 0.7), #222222), url(/img/hero/004.jpg) center center no-repeat;
}
body .style-1-contrast .wizard .actions ul li:first-child a {
  background: none;
  color: #ffffff;
}
body .style-1-contrast .wizard .actions ul li a {
  color: #ffffff;
  background: #8cb672;
}
body .style-1-contrast .statistics-modal .title {
  color: #28282e;
}
body .style-1-contrast.modal-content {
  background: linear-gradient(135deg, #222222, #333333);
}
body .style-1-contrast .modal-content > .container {
  padding: 2% 2%;
}
body .style-1-contrast .modal-header .container {
  padding-bottom: 0;
}
body .style-1-contrast .modal-body .container {
  padding-top: 0;
  min-height: 100vh;
}
body .style-1-contrast .pre-title {
  border-bottom: solid 1px white;
}
body .style-1-contrast a.hovereffect {
  transition: ease 0.3s;
  border: none;
  position: relative;
  display: inline-block;
  padding: 0.5em 2em;
  cursor: pointer;
  overflow: hidden;
}
body .style-1-contrast a.hovereffect:before, body .style-1-contrast a.hovereffect:after {
  content: "";
  position: absolute;
  left: 0;
  height: 2px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0);
}
body .style-1-contrast a.hovereffect:before {
  top: 0;
}
body .style-1-contrast a.hovereffect:after {
  bottom: 0;
}
body .style-1-contrast a.hovereffect:hover > * > *:before, body .style-1-contrast a.hovereffect:hover > * > *:after {
  transform: translate3d(0, 0, 0);
}
body .style-1-contrast a.hovereffect:hover > * > * > *:before, body .style-1-contrast a.hovereffect:hover > * > * > *:after {
  transform: translate3d(0, 0, 0);
}
body .style-1-contrast a.hovereffect > *:before, body .style-1-contrast a.hovereffect > *:after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 2px;
  background-color: rgba(255, 255, 255, 0);
}
body .style-1-contrast a.hovereffect > *:before {
  left: 0;
}
body .style-1-contrast a.hovereffect > *:after {
  right: 0;
}
body .style-1-contrast a.hovereffect > * > *:before, body .style-1-contrast a.hovereffect > * > *:after {
  content: "";
  position: absolute;
  left: 0;
  z-index: 9;
  height: 2px;
  width: 100%;
  background-color: #ffffff;
}
body .style-1-contrast a.hovereffect > * > *:before {
  top: 0;
  transform: translate3d(-105%, 0, 0);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
body .style-1-contrast a.hovereffect > * > *:after {
  bottom: 0;
  transform: translate3d(105%, 0, 0);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
body .style-1-contrast a.hovereffect > * > * > *:before, body .style-1-contrast a.hovereffect > * > * > *:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: 9;
  height: 100%;
  width: 2px;
  background-color: #ffffff;
}
body .style-1-contrast a.hovereffect > * > * > *:before {
  left: 0;
  transform: translate3d(0, 105%, 0);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
body .style-1-contrast a.hovereffect > * > * > *:after {
  right: 0;
  transform: translate3d(0, -105%, 0);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
body .style-1-contrast .main-nav .active a {
  color: #8cb672;
}
body .style-1-contrast .social-links i {
  color: #ffffff;
}
body .style-1-contrast .social-links a:hover {
  color: #1bb1dc;
}
body .style-1-contrast .fa {
  color: #ffffff;
}
body .style-1-contrast .quote {
  color: #28282e;
}
body .style-1-contrast .highlight {
  color: #8cb672;
}
body .style-1-contrast iframe {
  border-radius: 8px;
}
body .style-1-contrast .modal svg > path {
  fill: #28282e !important;
}
body .style-1-contrast .label-floatlabel {
  color: #D2D2D2 !important;
}
body .style-1-contrast .menu__link--current,
body .style-1-contrast .menu__link:hover {
  background-color: #8cb672 !important;
}
body .style-1-contrast .entry-list__item {
  border-bottom-color: #D2D2D2 !important;
}
body .style-1-contrast .aside-list__item {
  border-bottom-color: #D2D2D2 !important;
}
body .style-1-contrast .slide__title,
body .style-1-contrast .slide__teaser {
  color: #28282e !important;
}
body .style-1-contrast i {
  color: #8cb672;
}

/* style 2, background-color = edge-red, text color = white */
body .style-2 {
  color: #ffffff;
  background-color: #f6303e;
}
body .style-2 .card {
  color: #ffffff;
  border: none;
  background: none;
  padding: 4px;
}
body .style-2 .card-content {
  background-color: #28282e;
}
body .style-2 .card-header {
  margin: 3rem auto 1rem auto;
  padding: 0;
  border-bottom: solid 3px red;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  text-transform: uppercase;
  background: none;
}
body .style-2 .card-header i {
  background-image: linear-gradient(125deg, #f3f3f3, #8c8c8c);
}
body .style-2 .card-body {
  padding: 0;
}
body .style-2 .card ul li::before, body .style-2 .card ul li:nth-child(2)::before, body .style-2 .card ul li:nth-child(3)::before, body .style-2 .card ul li:nth-child(4)::before {
  color: #f6303e;
  background: #f6303e;
  box-shadow: none;
}
body .style-2 .card-col--display-circle {
  color: #ffffff;
  justify-content: center;
  flex-direction: column-reverse;
  border-radius: 0;
  padding: 24px;
  width: 80%;
  font-size: 1.5em;
  border-right: solid 2px #8a8a8a;
}
body .style-2 .card-col--display-circle p {
  border-bottom: solid 3px red;
  margin-bottom: 4px;
  padding-bottom: 4px;
}
body .style-2 .top-stats .card-body {
  text-align: center;
  margin-bottom: 3rem;
}
body .style-2 .accordion-header {
  background: #28282e;
  border: none;
  color: #28282e;
}
body .style-2 .pre-title {
  border-bottom: solid 1px white;
}
body .style-2 i {
  color: #ffffff;
}
body .style-2 a:not(.button) {
  color: #ffffff;
}
body .style-2 a.hovereffect {
  position: relative;
  display: inline-block;
  padding: 0.5em 2em;
  cursor: pointer;
  overflow: hidden;
}
body .style-2 a.hovereffect:before, body .style-2 a.hovereffect:after {
  content: "";
  position: absolute;
  left: 0;
  height: 2px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0);
}
body .style-2 a.hovereffect:before {
  top: 0;
}
body .style-2 a.hovereffect:after {
  bottom: 0;
}
body .style-2 a.hovereffect:hover > * > *:before, body .style-2 a.hovereffect:hover > * > *:after {
  transform: translate3d(0, 0, 0);
}
body .style-2 a.hovereffect:hover > * > * > *:before, body .style-2 a.hovereffect:hover > * > * > *:after {
  transform: translate3d(0, 0, 0);
}
body .style-2 a.hovereffect > *:before, body .style-2 a.hovereffect > *:after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 2px;
  background-color: rgba(255, 255, 255, 0);
}
body .style-2 a.hovereffect > *:before {
  left: 0;
}
body .style-2 a.hovereffect > *:after {
  right: 0;
}
body .style-2 a.hovereffect > * > *:before, body .style-2 a.hovereffect > * > *:after {
  content: "";
  position: absolute;
  left: 0;
  z-index: 9;
  height: 2px;
  width: 100%;
  background-color: #ffffff;
}
body .style-2 a.hovereffect > * > *:before {
  top: 0;
  transform: translate3d(-105%, 0, 0);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
body .style-2 a.hovereffect > * > *:after {
  bottom: 0;
  transform: translate3d(105%, 0, 0);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
body .style-2 a.hovereffect > * > * > *:before, body .style-2 a.hovereffect > * > * > *:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: 9;
  height: 100%;
  width: 2px;
  background-color: #ffffff;
}
body .style-2 a.hovereffect > * > * > *:before {
  left: 0;
  transform: translate3d(0, 105%, 0);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
body .style-2 a.hovereffect > * > * > *:after {
  right: 0;
  transform: translate3d(0, -105%, 0);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
body .style-2 .main-nav a:hover,
body .style-2 .main-nav .active a,
body .style-2 .main-nav li:hover a {
  border-bottom: solid 2px white;
}
body .style-2 .button.button--primary,
body .style-2 .button.button--outlined,
body .style-2 .button--ghost,
body .style-2 .button.button--stripped {
  color: #ffffff;
  border-color: #ffffff;
}
body .style-2 .fa {
  color: #ffffff !important;
}
body .style-2 .quote {
  color: #28282e !important;
}
body .style-2 input[type=text],
body .style-2 input[type=search],
body .style-2 input[type=password],
body .style-2 input[type=email],
body .style-2 input[type=tel],
body .style-2 input[type=date],
body .style-2 input[type=url],
body .style-2 input[type=number],
body .style-2 input[type=month],
body .style-2 textarea,
body .style-2 select {
  border-bottom: 1px solid #ffffff !important;
  border-bottom-width: 0.1rem !important;
}
body .style-2 input[type=text]:focus,
body .style-2 input[type=search]:focus,
body .style-2 input[type=password]:focus,
body .style-2 input[type=email]:focus,
body .style-2 input[type=tel]:focus,
body .style-2 input[type=date]:focus,
body .style-2 input[type=url]:focus,
body .style-2 input[type=number]:focus,
body .style-2 input[type=month]:focus,
body .style-2 textarea:focus,
body .style-2 select:focus {
  border-bottom-color: #ffffff !important;
  box-shadow: inset 0 -0.1rem 0 0 #ffffff !important;
  outline: -1 !important;
}
body .style-2 .modal svg > path {
  fill: #f6303e !important;
}
body .style-2 .stat {
  color: #28282e !important;
}
body .style-2 .stat a {
  color: #28282e !important;
  border-bottom-color: #f6303e !important;
}
body .style-2 .label-floatlabel {
  color: rgba(68, 68, 68, 0.44) !important;
}
body .style-2 .menu__link--current,
body .style-2 .menu__link:hover {
  background-color: #28282e !important;
}
body .style-2 .entry-list__item {
  border-bottom-color: rgba(255, 255, 255, 0.2) !important;
}
body .style-2 .aside-list__item {
  border-bottom-color: rgba(255, 255, 255, 0.2) !important;
}
body .style-2 .slide__title,
body .style-2 .slide__teaser {
  color: #28282e !important;
}

/* styles , background-color = edge-grey, text color = default, black */
body .style-3 {
  background-color: #e0e5ec;
}
body .style-3 .blockquote {
  background-color: #e0e5ec;
}
body .style-3 .card {
  border: none;
  background: none;
}
body .style-3 .card-content {
  background-color: #e0e5ec;
  background-image: linear-gradient(145deg, rgba(255, 255, 255, 0.6), transparent);
}
body .style-3 .card-header {
  background-image: linear-gradient(145deg, rgba(255, 255, 255, 0.6), transparent);
}
body .style-3 .card-col--display-circle {
  background-image: linear-gradient(45deg, red, #ffbc00);
  color: white;
  border: solid 5px #ffffff;
}
body .style-3 .pre-title {
  border-bottom: solid 1px #28282e;
}
body .style-3 .accordion-header {
  color: #464646;
  box-shadow: inset 7px 7px 15px rgba(55, 84, 170, 0.15), inset -7px -7px 20px rgb(255, 255, 255), 0px 0px 4px rgba(255, 255, 255, 0.2);
}
body .style-3 .accordion-header.collapsed {
  box-shadow: 9px 9px 16px rgba(163, 177, 198, 0.6), -9px -9px 16px rgba(255, 255, 255, 0.5);
}
body .style-3 a:not(.button):not(.icon-link) {
  border: none;
}
body .style-3 .main-nav a:hover, body .style-3 .main-nav .active a, body .style-3 .main-nav li:hover a {
  box-shadow: inset 7px 7px 15px rgba(55, 84, 170, 0.15), inset -7px -7px 20px rgb(255, 255, 255), 0px 0px 4px rgba(255, 255, 255, 0.2);
}
body .style-3 .highlight {
  color: #f6303e;
}
body .style-3 .button {
  background: none;
  color: #464646;
  border: none;
  box-shadow: 9px 9px 16px rgba(163, 177, 198, 0.6), -9px -9px 16px rgba(255, 255, 255, 0.5);
}
body .style-3 .button.active {
  box-shadow: inset 7px 7px 15px rgba(55, 84, 170, 0.15), inset -7px -7px 20px rgb(255, 255, 255), 0px 0px 4px rgba(255, 255, 255, 0.2);
}
body .style-3 .button:hover {
  box-shadow: inset 7px 7px 15px rgba(55, 84, 170, 0.15), inset -7px -7px 20px rgb(255, 255, 255), 0px 0px 4px rgba(255, 255, 255, 0.2);
  background: transparent;
  color: #464646;
}
body .style-3 .button.button--ghost {
  color: #28282e !important;
  border: solid 2px white;
}
body .style-3 .button:focus {
  color: #464646;
}
body .style-3 .section-title {
  color: black;
  border-bottom: solid 5px red;
  padding: 4px 0px;
  width: -moz-fit-content;
  width: fit-content;
}
body .style-3 input[type=text],
body .style-3 input[type=search],
body .style-3 input[type=password],
body .style-3 input[type=email],
body .style-3 input[type=tel],
body .style-3 input[type=date],
body .style-3 input[type=url],
body .style-3 input[type=number],
body .style-3 input[type=month],
body .style-3 textarea,
body .style-3 select {
  box-shadow: inset 7px 7px 15px rgba(55, 84, 170, 0.15), inset -7px -7px 20px rgb(255, 255, 255), 0px 0px 4px rgba(255, 255, 255, 0.2);
  padding: 16px 32px;
  border: none;
  color: #464646;
}
body .style-3 input[type=text] ::-moz-placeholder, body .style-3 input[type=search] ::-moz-placeholder, body .style-3 input[type=password] ::-moz-placeholder, body .style-3 input[type=email] ::-moz-placeholder, body .style-3 input[type=tel] ::-moz-placeholder, body .style-3 input[type=date] ::-moz-placeholder, body .style-3 input[type=url] ::-moz-placeholder, body .style-3 input[type=number] ::-moz-placeholder, body .style-3 input[type=month] ::-moz-placeholder, body .style-3 textarea ::-moz-placeholder, body .style-3 select ::-moz-placeholder {
  color: #464646;
}
body .style-3 input[type=text] ::placeholder,
body .style-3 input[type=search] ::placeholder,
body .style-3 input[type=password] ::placeholder,
body .style-3 input[type=email] ::placeholder,
body .style-3 input[type=tel] ::placeholder,
body .style-3 input[type=date] ::placeholder,
body .style-3 input[type=url] ::placeholder,
body .style-3 input[type=number] ::placeholder,
body .style-3 input[type=month] ::placeholder,
body .style-3 textarea ::placeholder,
body .style-3 select ::placeholder {
  color: #464646;
}
body .style-3 .modal svg > path {
  fill: #e0e5ec !important;
}
body .style-3 .label-floatlabel {
  color: rgba(0, 0, 0, 0.44) !important;
}
body .style-3 .menu__link--current,
body .style-3 .menu__link:hover {
  color: #f6303e !important;
}

/* style 4, background-color = white, text color = default, black */
body .style-4 {
  color: #28282e;
  background-color: #ffffff;
}
body .style-4 .blockquote {
  background-color: #ffffff;
}
body .style-4 .pre-title {
  border-bottom: solid 1px #28282e;
}
body .style-4 .card {
  color: #28282e;
  border: none;
  background: none;
  padding: 4px;
}
body .style-4 .card-content {
  background: none;
  border: solid 2px #28282e;
}
body .style-4 .card-header {
  margin: 3rem auto 1rem auto;
  padding: 0;
  border-bottom: solid 3px red;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  text-transform: uppercase;
  background: none;
}
body .style-4 .card-body {
  padding: 0;
}
body .style-4 .card ul li::before, body .style-4 .card ul li:nth-child(2)::before, body .style-4 .card ul li:nth-child(3)::before, body .style-4 .card ul li:nth-child(4)::before {
  color: #f6303e;
  background: #f6303e;
  box-shadow: none;
}
body .style-4 .card-col--display-circle {
  color: black;
  justify-content: center;
  flex-direction: column-reverse;
  border-radius: 0;
  padding: 24px;
  width: 80%;
  font-size: 1.5em;
  border-right: solid 2px #e0dfdf;
}
body .style-4 .card-col--display-circle p {
  border-bottom: solid 3px red;
  margin-bottom: 4px;
  padding-bottom: 4px;
}
body .style-4 .top-stats .card-body {
  text-align: center;
  margin-bottom: 3rem;
}
body .style-4 .accordion-header {
  background: rgba(255, 255, 255, 0.1);
  border: solid 2px #28282e;
  color: #28282e;
}
body .style-4 .highlight {
  color: #28282e;
  border-bottom: solid 3px #f6303e;
}
body .style-4 .nav-tabs .nav-item {
  background: none;
  border: none;
  color: #28282e;
}
body .style-4 .button.button--ghost {
  color: #28282e !important;
  border-color: #28282e;
}
body .style-4 .button.active {
  color: #ffffff;
  background-color: #28282e;
  border-bottom-color: #28282e;
}
body .style-4 .modal svg > path {
  fill: #ffffff !important;
}
body .style-4 .label-floatlabel {
  color: rgba(0, 0, 0, 0.44) !important;
}
body .style-4 .menu__link--current,
body .style-4 .menu__link:hover {
  color: #f6303e !important;
}

/* style 5, background-color = edge-yellow, text color = default, black */
.style-5 {
  background-color: #ffd730;
}
.style-5 blockquote {
  background-color: #ffd730;
}
.style-5 .card {
  border: none;
  background: none;
}
.style-5 .card-content {
  background-color: #ffd730;
  background-image: linear-gradient(145deg, rgba(255, 255, 255, 0.6), transparent);
}
.style-5 .card-header {
  background-image: linear-gradient(145deg, rgba(255, 255, 255, 0.6), transparent);
}
.style-5 .card-col--display-circle {
  background-image: linear-gradient(45deg, red, #ffbc00);
  color: white;
  border: solid 5px #ffffff;
}
.style-5 .button {
  background-color: #ffffff;
  color: #28282e;
}
.style-5 .button.active {
  color: #ffffff;
  background-color: #f6303e;
  border-bottom-color: #f6303e;
}
.style-5 .button.button--outlined {
  color: #28282e;
  border-color: #28282e;
}
.style-5 .button.button--ghost {
  color: #28282e;
  border-color: #28282e;
}
.style-5 .modal svg > path {
  fill: #ffd730 !important;
}
.style-5 .label-floatlabel {
  color: rgba(0, 0, 0, 0.44) !important;
}
.style-5 .menu__link--current,
.style-5 .menu__link:hover {
  color: #ffffff !important;
  background-color: #28282e !important;
}

/*=============================================
=            Media Queries block            =
=============================================*/
@media only screen and (max-width: 25em) {
  .nav-toggle {
    padding: 0 1.2rem;
  }
  .nav-toggle__text {
    display: none;
  }
  .nav-toggle__icon {
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
  }
}
@media only screen and (min-width: 25em) {
  .main-nav {
    padding-left: 2.4rem;
    padding-right: 2.4rem;
  }
}
/* 

  @media only screen and (min-height: 53.125em) {

    .s-header {

      background: rgba(0, 0, 0, 0.04);

    }

    .s-header--type2 {

      background: rgba(0, 0, 0, 0.88);

    }

  }

  */
@media all and (min-width: 37.647em) {
  /*640*/
  a.logo {
    order: 0;
  }
  .overlay {
    background: rgba(17, 17, 22, 0.44);
  }
  .island {
    width: 100%;
    height: 100%;
    min-height: 80vh;
    display: flex;
    align-content: center;
  }
  .island__body {
    padding: 4.8rem;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.12), 0 0.1rem 0.2rem rgba(0, 0, 0, 0.24);
  }
  .split .columns {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .split .row {
    min-height: 50vh;
    display: flex;
  }
  .split__body {
    padding: 4.8rem;
  }
  .split--reverse div:nth-of-type(1) {
    order: 2;
  }
  .split--reverse div:nth-of-type(2) {
    order: 1;
  }
  .split .clicklayer::before {
    display: none;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 2.4rem;
    box-shadow: 0 0 0 0.3rem rgba(255, 255, 255, 0.88) inset;
  }
  .quote {
    margin-left: 4rem;
    margin-right: 4rem;
    padding: 4.8rem;
  }
  .form--type2 {
    padding: 4.8rem;
  }
  .footer {
    font-size: 90%;
    display: flex;
    align-items: center;
  }
  .footer-social a {
    margin-left: 1.6rem;
    margin-right: 0;
  }
}
@media only screen and (min-width: 105.882em) {
  /*1800*/
}
/*=====  End of Media Queries block  ======*/
/**
* Template Name: Rapid - v2.0.0
* Template URL: https://bootstrapmade.com/rapid-multipurpose-bootstrap-business-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  background: #fff;
  color: #444;
  font-family: "Open Sans", sans-serif;
}

a {
  color: #f6303e;
  transition: 0.5s;
}

a:hover,
a:active,
a:focus {
  color: #f6303e;
  outline: none;
  text-decoration: none;
}

p {
  padding: 0;
  margin: 0 0 30px 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin: 0 0 20px 0;
  padding: 0;
}

/* Forms
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type=text],
input[type=search],
input[type=password],
input[type=email],
input[type=tel],
input[type=date],
input[type=url],
input[type=number],
input[type=month],
textarea,
select {
  display: block;
  width: 100%;
  min-width: 100%;
  min-height: 54px;
  min-height: 5.4rem;
  padding: 0;
  box-shadow: none;
  background-color: transparent;
  outline: 0;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #28282e;
  border-bottom-width: 0.1rem;
  color: inherit;
  text-decoration: none;
}

/* Removes awkward default styles on some inputs for iOS */
input[type=text],
input[type=search],
input[type=password],
input[type=email],
input[type=tel],
input[type=date],
input[type=url],
input[type=number],
input[type=month],
textarea,
select,
input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:focus,
input[type=search]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=date]:focus,
input[type=url]:focus,
input[type=number]:focus,
input[type=month]:focus,
textarea:focus,
select:focus {
  border-bottom-color: #28282e;
  box-shadow: inset 0 -0.1rem 0 0 #28282e;
  outline: -1;
}

label,
legend {
  display: block;
  margin-bottom: 8px;
  margin-bottom: 0.8rem;
}

fieldset {
  padding: 0;
  border-width: 0;
}

label > .label-body {
  display: inline-block;
  margin-left: 8px;
  margin-left: 0.8rem;
  font-weight: 400;
}

::-webkit-input-placeholder {
  color: #28282e;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #28282e;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #28282e;
}

:-ms-input-placeholder {
  color: #28282e;
}

.select-wrapper {
  display: block;
  position: relative;
  text-decoration: none;
}

.select-wrapper::before {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  content: " ";
  width: 54px;
  width: 5.4rem;
  height: 54px;
  height: 5.4rem;
  text-align: center;
  line-height: 54px;
  line-height: 5.4rem;
  color: #c9c9ca;
  color: rgba(255, 255, 255, 0.77);
  pointer-events: none;
  background-image: url(/public/img/icons/icon-arrow--down.png);
  background-repeat: no-repeat;
  background-size: 28px;
  background-size: 2.8rem;
  background-position: 100% 50%;
}

.select-wrapper select::-ms-expand {
  display: none;
}

/* overrides for the floatlabel.js script to improve behaviour on mobile devices*/
.label-floatlabel {
  font-size: 1.8rem !important;
}

.floatlabel.active-floatlabel {
  top: 0.2rem !important;
  padding-top: 2rem !important;
}

textarea.floatlabel {
  padding-top: 4px;
  padding-top: 0.4rem;
}

/*--------------------------------------------------------------
# Messages
--------------------------------------------------------------*/
.messages {
  position: fixed;
  bottom: 100;
  right: 10;
}

/* Back to top button */
.back-to-top {
  position: fixed;
  display: none;
  background: #f6303e;
  color: #fff;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 1;
  font-size: 16px;
  border-radius: 50%;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
  z-index: 11;
}

.back-to-top i {
  padding-top: 12px;
  color: #fff;
}

@media (max-width: 768px) {
  .back-to-top {
    bottom: 15px;
  }
}
/* Prelaoder */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #f2f2f2;
  border-top: 6px solid #f6303e;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: animate-preloader 1s linear infinite;
}
@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*--------------------------------------------------------------
  # Sections
  --------------------------------------------------------------*/
/* Sections Header
  --------------------------------*/
.section-header {
  text-align: center;
}
@media (max-width: 767px) {
  .section-header p {
    width: 100%;
  }
}