/*
    Theme Name: tulsaremote.com
    Theme URI: tulsaremote.com
    Description: 2018
    Version: 2.007
    Author: Tony Marolf
    Author URI: http://tonymarolf.com
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after 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/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 when focused and also mouse hovered in all browsers.
 */
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;
}

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

/**
 * 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: #ff0;
  color: #000;
}

/**
 * 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 {
  font-size: 75%;
  line-height: 0;
  position: relative;
  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 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
          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] {
  -webkit-box-sizing: border-box;
          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
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * 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;
  margin: 0 2px;
  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: bold;
}

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

td,
th {
  padding: 0;
}

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
  overflow: visible !important;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

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

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

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

* {
  font-family: "proxima-nova", sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

html,
body {
  background-color: #ffffff;
  height: 100%;
}
html.no-scroll,
body.no-scroll {
  overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
  font-weight: 300;
  color: #283045;
  padding: 0;
  margin: 0 0 20px;
}
h1 b,
h2 b,
h3 b,
h4 b,
h5 b,
h6 b,
p b,
a b {
  font-weight: 600;
}
h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em,
p em,
a em {
  font-style: normal;
  color: #4e40f3;
}

::-moz-selection {
  background: rgba(70, 56, 234, 0.85);
  color: #ffffff;
}

::selection {
  background: rgba(70, 56, 234, 0.85);
  color: #ffffff;
}

p {
  color: #161622;
}

a {
  color: #4e40f3;
}

h1 {
  font-size: 62px;
  line-height: 80px;
  font-weight: 400;
  font-family: "Titillium Web", "proxima-nova", sans-serif;
}
h1 b {
  font-family: "Titillium Web", "proxima-nova", sans-serif;
}
@media only screen and (max-width: 1100px) {
  h1 {
    font-size: 6.5vw;
    font-size: calc(20px + 3vw);
    line-height: 8.2vw;
    line-height: calc(26px + 3.5vw);
    padding: 0px;
  }
}
@media only screen and (max-width: 800px) {
  h1 {
    text-align: center;
    font-size: 6.5vw;
    font-size: calc(11px + 4.5vw);
    line-height: 8vw;
    line-height: calc(13px + 5.5vw);
    padding: 0 5px;
  }
  h1 br {
    display: none;
  }
}

h2 {
  font-size: 44px;
  line-height: 54px;
  font-weight: 600;
  margin: 0 0 40px;
  font-family: "Titillium Web", "proxima-nova", sans-serif;
}
h2 b {
  font-family: "Titillium Web", "proxima-nova", sans-serif;
}
h2 a {
  color: #4e40f3;
  text-decoration: none;
}
@media only screen and (max-width: 700px) {
  h2 {
    font-size: 32px;
    line-height: 36px;
  }
}

h3 {
  font-size: 34px;
  line-height: 42px;
  font-family: "Titillium Web", "proxima-nova", sans-serif;
}
h3 a {
  color: #4e40f3;
  text-decoration: none;
  font-weight: 700;
}

h4 {
  font-size: 24px;
  line-height: 32px;
  color: #6a6d7f;
}
@media only screen and (max-width: 700px) {
  h4 {
    font-size: 22px;
    line-height: 26px;
  }
}

h5 {
  font-size: 20px;
  line-height: 26px;
  color: #6a6d7f;
  font-weight: 700;
}

p {
  font-weight: 400;
  color: #7d8299;
}
p b {
  color: #383a45;
}

a {
  color: #4e40f3;
}

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

.input, .form-modal-container .form-modal .text-area {
  padding: 15px 20px 15px;
  font-size: 15px;
  line-height: 19px;
  color: #6a6d7f;
  font-weight: 500;
  background-color: #ffffff;
  border-radius: 2px;
  margin: 0 0 20px;
  border: 2px solid #ffffff;
  outline: none;
}
.input::-webkit-input-placeholder, .form-modal-container .form-modal .text-area::-webkit-input-placeholder {
  color: #7d8299;
}
.input:active, .form-modal-container .form-modal .text-area:active {
  border-color: #4e40f3;
}
.input.border, .form-modal-container .form-modal .border.text-area {
  border-color: #f7f7f8;
}

.button {
  padding: 18px 28px 17px;
  font-size: 15px;
  line-height: 19px;
  letter-spacing: 2px;
  color: #4e40f3;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #ffffff;
  border-radius: 2px;
  margin: 0 0 20px;
  cursor: pointer;
  -webkit-transition: all 0.16s ease-in-out;
  -o-transition: all 0.16s ease-in-out;
  transition: all 0.16s ease-in-out;
  text-decoration: none;
  border: none;
  -webkit-box-shadow: 0px 2px 5px rgba(10, 14, 38, 0.04);
          box-shadow: 0px 2px 5px rgba(10, 14, 38, 0.04);
}
.button.small {
  padding: 12px 15px 11px;
  font-size: 13px;
  line-height: 17px;
}
.button.big {
  font-size: 18px;
  line-height: 24px;
  padding: 20px 34px 19px;
}
.button.border {
  border: 1px solid #e8ebf1;
}
.button.primary {
  background-color: #4e40f3;
  color: #ffffff;
}
.button.secondary {
  background-color: #ffffff;
  color: #4e40f3;
}
.button.dark {
  background-color: #161622;
  color: #ffffff;
}
.button.right {
  margin-left: 20px;
}
.button.left {
  margin-right: 20px;
}
.button:focus {
  outline: none;
}
.button.arrow-right {
  padding-right: 54px;
  background-repeat: no-repeat;
  background-image: url("img/arrow-right-primary@2x.svg");
  background-size: 14px 9px;
  background-position: right 20px center;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .button.arrow-right {
    background-image: url("img/arrow-right-primary@2x.svg");
  }
}
.button.arrow-right.primary, .button.arrow-right.dark {
  background-image: url("img/arrow-right-white@2x.svg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .button.arrow-right.primary, .button.arrow-right.dark {
    background-image: url("img/arrow-right-white@2x.svg");
  }
}
.button.arrow-right:hover {
  background-image: url("img/arrow-right-white@2x.svg");
  background-position: right 17px center;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .button.arrow-right:hover {
    background-image: url("img/arrow-right-white@2x.svg");
  }
}
.button:hover {
  background-color: #5c4eff;
  color: #ffffff;
}
.button:active {
  background-color: #4e40f3;
}
.button.closed {
  background-color: red;
}

.control {
  width: 40px;
  height: 40px;
  border-radius: 2px;
  cursor: pointer;
  background: #ffffff no-repeat center center;
  background-size: 20px 12px;
  -webkit-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
  web-kit-appearance: none;
}
.control.control-left {
  background-image: url("img/arrow-left-primary@2x.svg");
}
.control.control-right {
  background-image: url("img/arrow-right-primary@2x.svg");
}
.control:hover, .control:active {
  background-color: #4e40f3;
}
.control:hover.control-left, .control:active.control-left {
  background-image: url("img/arrow-left-white@2x.svg");
}
.control:hover.control-right, .control:active.control-right {
  background-image: url("img/arrow-right-white@2x.svg");
}
@media only screen and (max-width: 620px) {
  .control:hover, .control:active {
    background: #ffffff no-repeat center center !important;
    background-size: 20px 12px !important;
  }
  .control:hover.control-left, .control:active.control-left {
    background: #ffffff no-repeat center center url("img/arrow-left-primary@2x.svg") !important;
    background-size: 20px 12px !important;
  }
  .control:hover.control-right, .control:active.control-right {
    background: #ffffff no-repeat center center url("img/arrow-right-primary@2x.svg") !important;
    background-size: 20px 12px !important;
  }
}

.rotator {
  width: 100px;
  height: 100px;
  margin: 0;
  padding: 30px;
  position: relative;
}
.rotator .number {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  position: relative;
  background: transparent;
}
.rotator .number span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: "Titillium Web", "proxima-nova", sans-serif;
  color: #ffffff;
  font-size: 22px;
  line-height: 22px;
  text-align: center;
  font-weight: 700;
}
.rotator .number img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 16px;
  height: 10px;
  margin-top: 1px;
}
.rotator .path {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px;
  width: 100px;
  height: 100px;
  background-size: 100px 100px;
  background-repeat: none;
  background-position: center;
  -webkit-animation: rotator-spin 30s linear infinite;
          animation: rotator-spin 30s linear infinite;
}
.rotator.purple .number {
  border-color: #4e40f3;
  background: #ffffff;
}
.rotator.purple .number span {
  color: #4e40f3;
}
.rotator.hero .path {
  background-image: url("img/rotate-hero-text.svg");
}
.rotator.eligibility .path {
  background-image: url("img/rotate-eligibility-text.svg");
}
.rotator.benefits .path {
  background-image: url("img/rotate-benefits-text.svg");
}
.rotator.life .path {
  background-image: url("img/rotate-life-text.svg");
}

@-webkit-keyframes rotator-spin {
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@keyframes rotator-spin {
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
.section-intro {
  padding: 100px 0 0;
}
@media only screen and (max-width: 800px) {
  .section-intro {
    padding: 60px 0 0;
  }
}
.section-intro .inner {
  padding: 0;
}
@media only screen and (max-width: 1000px) {
  .section-intro img {
    display: none;
  }
}
.section-intro .icon-state {
  margin-right: 20px;
}
.section-intro .section-title {
  padding: 0 80px;
  position: relative;
  margin: 0 0 30px;
}
@media only screen and (max-width: 1380px) {
  .section-intro .section-title {
    padding: 0 130px;
  }
}
.section-intro .section-title .rotator {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media only screen and (max-width: 1380px) {
  .section-intro .section-title .rotator {
    left: 20px;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}
@media only screen and (max-width: 1000px) {
  .section-intro .section-title .rotator {
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 1000px) {
  .section-intro .section-title {
    text-align: center;
    width: 100%;
    padding-top: 80px;
    margin: 0 auto 30px;
    font-size: 4vw;
    font-size: calc(16px + 4vw);
    line-height: 5vw;
    line-height: calc(18px + 5vw);
  }
}
.section-intro .section-description {
  padding: 0 80px;
  margin: 0 0 50px;
  max-width: 850px;
}
@media only screen and (max-width: 1380px) {
  .section-intro .section-description {
    padding: 0 130px;
    max-width: 100%;
  }
}
@media only screen and (max-width: 1000px) {
  .section-intro .section-description {
    text-align: center;
    width: 100%;
    margin: 0 auto 60px;
    font-size: 4vw;
    font-size: calc(14px + 2vw);
    line-height: 5vw;
    line-height: calc(16px + 3vw);
    padding: 0 20px;
  }
}

.right {
  float: right;
}

.left {
  float: left;
}

.c1 {
  float: left;
  width: 25%;
}

.c3 {
  float: left;
  width: 75%;
}

.container {
  width: 100%;
  clear: both;
  margin: 0 auto;
  position: relative;
}

.inner {
  width: 100%;
  max-width: 1280px;
  padding: 0 20px;
  margin: 0 auto;
  z-index: 2;
}
@media only screen and (max-width: 1300px) {
  .inner {
    padding: 0 20px;
  }
}

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

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

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

.clearfix:after, .clear:after {
  clear: both;
}

.clearfix, .clear {
  *zoom: 1;
}

.hide-temp {
  display: none !important;
}

@media only screen and (max-width: 950px) {
  .mobile-hide-temp {
    display: none !important;
  }
}

.page-loading {
  opacity: 0;
  position: fixed;
  z-index: 9998;
  width: 100%;
  height: 100%;
  background: no-repeat center center #ffffff;
  -webkit-transition: all 4s ease-in-out;
  -o-transition: all 4s ease-in-out;
  transition: all 4s ease-in-out;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.page-loading img {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  width: 210px;
  height: 105px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.page-loading div.bar {
  position: absolute;
  bottom: 0;
  height: 6px;
  width: 100%;
  left: 0;
  background-color: #dfe1e8;
}
.page-loading div.bar div {
  background-color: #4e40f3;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  -webkit-animation: loadingbar 8s both ease-out 0s;
          animation: loadingbar 8s both ease-out 0s;
}
.page-loading.active, body.internal .page-loading.navigation-section {
  opacity: 1;
}

@-webkit-keyframes loadingbar {
  0% {
    width: 0%;
  }
  20% {
    width: 70%;
  }
  40% {
    width: 90%;
  }
  100% {
    width: 100%;
  }
}

@keyframes loadingbar {
  0% {
    width: 0%;
  }
  20% {
    width: 70%;
  }
  40% {
    width: 90%;
  }
  100% {
    width: 100%;
  }
}
.form-modal-container {
  display: none;
  background-color: rgba(13, 26, 52, 0.1);
  height: 100%;
  width: 100%;
  z-index: 8888;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  overflow-y: auto;
}
.form-modal-container.active, body.internal .form-modal-container.navigation-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form-modal-container .form-modal {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  -webkit-box-shadow: 0px 15px 85px 0px rgba(34, 44, 81, 0.1);
          box-shadow: 0px 15px 85px 0px rgba(34, 44, 81, 0.1);
  padding: 40px;
  background-color: #ffffff;
  border-radius: 2px;
  margin: auto;
  width: 100%;
  max-width: 450px;
}
@media only screen and (max-width: 700px) {
  .form-modal-container .form-modal {
    padding: 20px;
  }
}
.form-modal-container .form-modal .exit {
  float: right;
  width: 30px;
  height: 30px;
  margin: 0 0 10px 10px;
  cursor: pointer;
  border-radius: 2px;
  position: relative;
  cursor: pointer;
  text-align: center;
}
.form-modal-container .form-modal .exit span {
  width: 30px;
  height: 5px;
  display: block;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 2px;
  background-color: #6a6d7f;
  margin: 8px auto;
  opacity: 0;
  text-align: center;
}
.form-modal-container .form-modal .exit span:first-child {
  -webkit-transform: translateY(13px) rotate(45deg);
      -ms-transform: translateY(13px) rotate(45deg);
          transform: translateY(13px) rotate(45deg);
  opacity: 1;
}
.form-modal-container .form-modal .exit span:last-child {
  -webkit-transform: translateY(-13px) rotate(-45deg);
      -ms-transform: translateY(-13px) rotate(-45deg);
          transform: translateY(-13px) rotate(-45deg);
  opacity: 1;
}
.form-modal-container .form-modal h2 {
  padding: 0;
  margin: 0 auto 10px;
}
.form-modal-container .form-modal p {
  margin: 0;
}
.form-modal-container .form-modal p.description {
  margin: 0 auto 20px;
}
.form-modal-container .form-modal .input, .form-modal-container .form-modal .text-area {
  margin: 0 auto 10px;
  width: 100%;
}
.form-modal-container .form-modal .button {
  margin: 20px 0 0;
  z-index: 99;
}
.form-modal-container .form-modal label {
  color: #383a45;
}
.form-modal-container .form-modal label br {
  display: none;
}
.form-modal-container .form-modal label span {
  display: block;
}
.form-modal-container .form-modal .wpcf7-checkbox label span {
  display: inline-block;
  margin-left: 10px;
}
.form-modal-container .form-modal .wpcf7-list-item {
  margin: 0;
}
.form-modal-container .form-modal .wpcf7-response-output {
  background-color: #f7f7f8;
  color: #6a6d7f;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  border: none;
  border-radius: 2px;
  padding: 10px;
  margin: 20px auto 0;
  width: 100%;
  text-align: center;
}

.mobile-navigation {
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-color: #ffffff;
  display: none;
}
.mobile-navigation.active, body.internal .mobile-navigation.navigation-section {
  display: block;
}
@media only screen and (min-width: 951px) {
  .mobile-navigation {
    display: none !important;
  }
}
.mobile-navigation a.logo {
  color: #ffffff;
  background: center center no-repeat transparent;
  background-image: url("img/logo.svg");
  background-size: 130px 65px;
  width: 130px;
  height: 65px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin: 10px 20px;
  float: left;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .mobile-navigation a.logo {
    background-image: url("img/logo.svg");
  }
}
.mobile-navigation .mobile-navigation-button {
  width: 50px;
  height: 50px;
  float: right;
  margin: 20px;
  position: relative;
  cursor: pointer;
  text-align: center;
}
.mobile-navigation .mobile-navigation-button span {
  width: 50px;
  height: 5px;
  display: block;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 2px;
  background-color: #4e40f3;
  margin: 8px auto;
  opacity: 0;
  text-align: center;
}
.mobile-navigation .mobile-navigation-button span:first-child {
  -webkit-transform: translateY(13px) rotate(45deg);
      -ms-transform: translateY(13px) rotate(45deg);
          transform: translateY(13px) rotate(45deg);
  opacity: 1;
}
.mobile-navigation .mobile-navigation-button span:last-child {
  -webkit-transform: translateY(-13px) rotate(-45deg);
      -ms-transform: translateY(-13px) rotate(-45deg);
          transform: translateY(-13px) rotate(-45deg);
  opacity: 1;
}
.mobile-navigation ul {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 100px;
  left: 50%;
  height: calc(100% - 160px);
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 95%;
}
.mobile-navigation ul li {
  list-style: none;
  margin: 0 auto;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.mobile-navigation ul li a {
  color: #4e40f3;
  text-decoration: none;
  font-size: 5vw;
  line-height: auto;
  font-weight: 700;
  text-align: center;
  display: block;
  font-size: calc(8px + 3vh);
}

.navigation-section {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 11;
  padding: 10px 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.navigation-section .inner {
  max-width: none;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.navigation-section .mobile-navigation-button {
  width: 50px;
  height: 36px;
  margin: 0;
  float: right;
  cursor: pointer;
  display: none;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media only screen and (max-width: 950px) {
  .navigation-section .mobile-navigation-button {
    display: block;
  }
}
.navigation-section .mobile-navigation-button span {
  height: 4px;
  width: 100%;
  background-color: #ffffff;
  margin-bottom: 12px;
  display: block;
  border-radius: 2px;
}
.navigation-section .mobile-navigation-button span:last-child {
  margin-bottom: 0;
}
.navigation-section .mobile-navigation-button:hover span {
  color: #4e40f3;
}
.navigation-section a.logo {
  color: #ffffff;
  background: center center no-repeat transparent;
  background-image: url("img/logo-white.svg");
  background-size: 130px 65px;
  width: 130px;
  height: 65px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin: 0;
}
.navigation-section ul.navigation {
  margin-left: auto;
  display: block;
  overflow: visible;
  padding-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  jusfify-content: flex-end;
}
@media only screen and (max-width: 950px) {
  .navigation-section ul.navigation {
    display: none;
  }
}
.navigation-section ul.navigation li {
  list-style: none;
  margin-left: 0;
}
.navigation-section ul.navigation li a {
  color: #ffffff;
  text-decoration: none;
  padding: 16px 10px;
  border-radius: 2px;
  font-size: 17px;
  line-height: 20px;
  font-weight: 500;
  display: block;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin: 0;
  text-align: center;
}
@media only screen and (max-width: 1200px) {
  .navigation-section ul.navigation li a {
    font-size: 15px;
    line-height: 18px;
    padding: 14px 8px;
  }
}
.navigation-section ul.navigation li a:hover {
  color: #6659ff;
}
.navigation-section ul.navigation li a:active {
  color: #6659ff;
}
.navigation-section ul.navigation li a.action {
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  margin: 0 0 0 10px;
  padding-right: 35px;
  padding-left: 16px;
  color: #ffffff;
  background-position: right 10px center;
}
.navigation-section.active, body.internal .navigation-section {
  position: fixed;
  background-color: #ffffff;
  padding: 0;
  border: 1px solid #e8ebf1;
  -webkit-box-shadow: 0px 2px 5px rgba(10, 14, 38, 0.04);
          box-shadow: 0px 2px 5px rgba(10, 14, 38, 0.04);
}
.navigation-section.active a.logo, body.internal .navigation-section a.logo {
  background: center center no-repeat transparent;
  background-image: url("img/logo.svg");
  background-size: 120px 60px;
  width: 120px;
  height: 60px;
  margin: 10px 0;
}
.navigation-section.active .mobile-navigation-button span, body.internal .navigation-section .mobile-navigation-button span {
  background-color: #4e40f3;
}
.navigation-section.active ul li a, body.internal .navigation-section ul li a {
  color: #14151a;
}

.hero-section {
  background-color: #161622;
}
@media only screen and (max-width: 1300px) {
  .hero-section {
    min-height: auto;
  }
}
.hero-section .inner {
  padding-top: 17.5vw;
  padding-bottom: 6.5vw;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1100px) {
  .hero-section .inner {
    padding-top: calc(16vw + 40px);
    padding-bottom: 10vw;
  }
}
@media only screen and (max-width: 1000px) {
  .hero-section .inner {
    text-align: center;
  }
}
@media only screen and (max-width: 800px) {
  .hero-section .inner {
    padding-top: calc(3vw + 140px);
    padding-bottom: calc(3vw + 50px);
  }
}
.hero-section h1 {
  color: #ffffff;
  margin: 0 0 4vw;
  z-index: 2;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  max-width: calc(100% - 30px);
  color: #ffffff;
  font-weight: 200;
  text-shadow: 0 4px 15px rgba(22, 22, 34, 0.3);
}
.hero-section h1 b {
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
@media only screen and (max-width: 1000px) {
  .hero-section h1 {
    max-width: 90%;
    margin: 0 auto 80px;
  }
}
@media only screen and (max-width: 800px) {
  .hero-section h1 {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 1000px) {
  .hero-section .rotator {
    margin: 0 auto 0;
  }
}
.hero-section .gradient {
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: -o-linear-gradient(335deg, rgba(21, 21, 93, 0.9) 0%, rgba(21, 21, 93, 0.5) 60%, rgba(21, 21, 93, 0) 100%);
  background: linear-gradient(115deg, rgba(21, 21, 93, 0.9) 0%, rgba(21, 21, 93, 0.5) 60%, rgba(21, 21, 93, 0) 100%);
}
@media only screen and (max-width: 1000px) {
  .hero-section .gradient {
    background: -o-linear-gradient(335deg, rgba(21, 21, 93, 0.9) 0%, rgba(21, 21, 93, 0.6) 100%);
    background: linear-gradient(115deg, rgba(21, 21, 93, 0.9) 0%, rgba(21, 21, 93, 0.6) 100%);
  }
}
@media only screen and (max-width: 800px) {
  .hero-section .gradient {
    background: -o-linear-gradient(335deg, rgba(21, 21, 93, 0.9) 0%, rgba(21, 21, 93, 0.6) 100%);
    background: linear-gradient(115deg, rgba(21, 21, 93, 0.9) 0%, rgba(21, 21, 93, 0.6) 100%);
  }
}
.hero-section .video {
  z-index: 0;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  opacity: 0.95;
  -webkit-transition: all 2s ease-out;
  -o-transition: all 2s ease-out;
  transition: all 2s ease-out;
}
@media only screen and (max-width: 800px) {
  .hero-section .video {
    background-size: 100%;
    background-color: cover;
    background: center center no-repeat url("img/hero-backup.jpg");
  }
}
@-webkit-keyframes herovideoin {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.95;
  }
}
@keyframes herovideoin {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.95;
  }
}
.hero-section .video > div {
  display: none;
  width: 100%;
  height: 100%;
}
.hero-section .video > div.active, .hero-section body.internal .video > div.navigation-section, body.internal .hero-section .video > div.navigation-section {
  display: block;
  -webkit-animation: herovideoin 2.5s both 0s;
          animation: herovideoin 2.5s both 0s;
}
@media only screen and (max-width: 800px) {
  .hero-section .video > div {
    background-size: 100%;
    background-color: cover;
    background: center center no-repeat url("img/hero-mobile-business.jpg");
  }
}
.hero-section .video video {
  left: 50%;
  z-index: 0;
  margin: 0 auto;
  min-height: 100%;
  min-width: 100%;
  opacity: 1;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  visibility: visible;
}
@media only screen and (max-width: 800px) {
  .hero-section .video video {
    display: none;
  }
}
.hero-section.inactive .audience,
.hero-section.inactive h1 {
  opacity: 0.8;
  -webkit-transform: translate(-20px, 0);
      -ms-transform: translate(-20px, 0);
          transform: translate(-20px, 0);
}
.hero-section.inactive .cta-bar {
  -webkit-transform: translate(0%, 40%);
      -ms-transform: translate(0%, 40%);
          transform: translate(0%, 40%);
}
.hero-section.inactive .video {
  opacity: 0;
}

.introduction-section {
  padding: 100px 0 80px;
}
@media only screen and (max-width: 800px) {
  .introduction-section {
    padding: 60px 0;
  }
}
.introduction-section .inner {
  text-align: center;
}
.introduction-section .inner h3 {
  margin: 0 auto 30px;
  font-weight: 700;
}
@media only screen and (max-width: 800px) {
  .introduction-section .inner h3 br {
    display: none;
  }
}
.introduction-section .inner span.share {
  margin: 0 auto 60px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
  display: block;
  color: #4e40f3;
}
@media only screen and (max-width: 800px) {
  .introduction-section .inner span.share {
    margin-bottom: 20px;
  }
}
.introduction-section .inner .quick-benefits {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.introduction-section .inner .quick-benefits .benefit {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 25%;
          flex: 1 0 25%;
}
@media only screen and (max-width: 800px) {
  .introduction-section .inner .quick-benefits .benefit {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 440px) {
  .introduction-section .inner .quick-benefits .benefit {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.introduction-section .inner .quick-benefits .benefit .icon {
  margin: 0 auto;
  width: 150px;
  height: 150px;
  position: relative;
  z-index: 1;
}
.introduction-section .inner .quick-benefits .benefit .icon img {
  margin: 0;
  padding: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 600px) {
  .introduction-section .inner .quick-benefits .benefit .icon {
    display: none;
  }
}
.introduction-section .inner .quick-benefits .benefit .title {
  font-size: 20px;
  line-height: 26px;
  color: #4e40f3;
  margin: 20px 0 0;
  font-weight: 700;
  display: block;
  z-index: 2;
  position: relative;
}
@media only screen and (max-width: 800px) {
  .introduction-section .inner .quick-benefits .benefit .title {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 600px) {
  .introduction-section .inner .quick-benefits .benefit .title {
    margin-top: 20px;
  }
}

.eligibility-section .inner, .selection-section .inner {
  padding: 80px;
  border: 1px solid #e8ebf1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 1380px) {
  .eligibility-section .inner, .selection-section .inner {
    padding: 60px 130px;
  }
}
@media only screen and (max-width: 1000px) {
  .eligibility-section .inner, .selection-section .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 80px;
  }
}
@media only screen and (max-width: 800px) {
  .eligibility-section .inner, .selection-section .inner {
    padding: 60px;
  }
}
@media only screen and (max-width: 600px) {
  .eligibility-section .inner, .selection-section .inner {
    padding: 40px;
  }
}
.eligibility-section .inner .info, .selection-section .inner .info {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (max-width: 1000px) {
  .eligibility-section .inner .info, .selection-section .inner .info {
    margin-bottom: 40px;
  }
}
.eligibility-section .inner .support, .selection-section .inner .support {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}
.eligibility-section .inner h2, .selection-section .inner h2 {
  margin: 0 0 40px;
  position: relative;
}
.eligibility-section .inner h2 .rotator, .selection-section .inner h2 .rotator {
  position: absolute;
  top: 50%;
  left: -80px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media only screen and (max-width: 1380px) {
  .eligibility-section .inner h2 .rotator, .selection-section .inner h2 .rotator {
    left: -60px;
  }
}
@media only screen and (max-width: 1000px) {
  .eligibility-section .inner h2 .rotator, .selection-section .inner h2 .rotator {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    margin: 0 auto 40px;
    text-alin: center;
  }
}
@media only screen and (max-width: 1000px) {
  .eligibility-section .inner h2, .selection-section .inner h2 {
    text-align: center;
  }
}
.eligibility-section .inner p, .selection-section .inner p {
  padding: 0;
  margin: 0;
  color: #848ca3;
  font-size: 17px;
  line-height: 24px;
  font-weight: 400;
}
@media only screen and (max-width: 1000px) {
  .eligibility-section .inner p, .selection-section .inner p {
    text-align: center;
    margin: 0 auto;
    max-width: 600px;
  }
}

.eligibility-section .inner {
  -webkit-box-shadow: 0px 2px 5px rgba(10, 14, 38, 0.04);
          box-shadow: 0px 2px 5px rgba(10, 14, 38, 0.04);
}
.eligibility-section .inner .support {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 0 0 120px;
}
@media only screen and (max-width: 1300px) {
  .eligibility-section .inner .support {
    margin: 0 0 0 60px;
  }
}
@media only screen and (max-width: 1000px) {
  .eligibility-section .inner .support {
    margin: 0;
  }
}
.eligibility-section .inner .support .item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin: 0 20px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 1000px) {
  .eligibility-section .inner .support .item {
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (max-width: 700px) {
  .eligibility-section .inner .support .item {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  .eligibility-section .inner .support .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.eligibility-section .inner .support .item .icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  margin: 0 10px 0 0;
}
.eligibility-section .inner .support .item .description {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 18px;
  line-height: 24px;
  color: #283045;
  padding: 0;
  margin: 0;
  font-weight: 700;
}
@media only screen and (max-width: 1000px) {
  .eligibility-section .inner .support .item .description {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    text-align: left;
  }
}
@media only screen and (max-width: 600px) {
  .eligibility-section .inner .support .item .description {
    font-size: 15px;
    line-height: 19px;
    text-align: center;
    margin-top: 10px;
  }
}
.eligibility-section .inner .support .item:last-child {
  margin-bottom: 0;
}

.selection-section {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1300px) {
  .selection-section {
    margin: 0;
  }
}
.selection-section .inner {
  background: #f7f7f8;
}
.selection-section .inner img {
  margin: 0 40px;
  width: 100%;
  max-width: 513px;
  height: auto;
}
@media only screen and (max-width: 1000px) {
  .selection-section .inner img {
    margin: 0 auto;
    display: block;
  }
}

.benefits-section {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1000px) {
  .benefits-section {
    margin: 0;
  }
}
@media only screen and (max-width: 800px) {
  .benefits-section {
    margin: 0;
  }
}
.benefits-section .inner {
  padding: 0;
}
.benefits-section .benefit {
  padding: 280px 80px 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 1300px) {
  .benefits-section .benefit {
    padding: 280px 40px 0;
  }
}
@media only screen and (max-width: 1100px) {
  .benefits-section .benefit {
    padding: 280px 0 0;
  }
}
@media only screen and (max-width: 800px) {
  .benefits-section .benefit {
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.benefits-section .benefit .info {
  background: #ffffff;
  border: 1px solid #e8ebf1;
  -webkit-box-shadow: 0px 2px 5px rgba(10, 14, 38, 0.04);
          box-shadow: 0px 2px 5px rgba(10, 14, 38, 0.04);
  width: 100%;
  max-width: 520px;
  padding: 80px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  position: relative;
  z-index: 2;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (max-width: 1300px) {
  .benefits-section .benefit .info {
    padding: 60px;
    max-width: calc(50% - 20px);
  }
}
@media only screen and (max-width: 1100px) {
  .benefits-section .benefit .info {
    padding: 40px;
    max-width: 50%;
  }
}
@media only screen and (max-width: 800px) {
  .benefits-section .benefit .info {
    width: 100%;
    max-width: none;
    float: none;
    text-align: center;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
  }
}
.benefits-section .benefit .info h4.title {
  margin: 0 0 30px;
  color: #4e40f3;
  font-weight: 700;
  font-family: "Titillium Web", "proxima-nova", sans-serif;
  font-size: 28px;
  line-height: 32px;
  padding: 0 0 0 80px;
  position: relative;
}
@media only screen and (max-width: 800px) {
  .benefits-section .benefit .info h4.title {
    padding: 70px 0 0;
  }
  .benefits-section .benefit .info h4.title br {
    display: none;
  }
}
.benefits-section .benefit .info h4.title .icon {
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  position: absolute;
}
@media only screen and (max-width: 800px) {
  .benefits-section .benefit .info h4.title .icon {
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -20px);
        -ms-transform: translate(-50%, -20px);
            transform: translate(-50%, -20px);
  }
}
.benefits-section .benefit .info p.description {
  margin: 0;
  color: #848ca3;
}
@media only screen and (max-width: 800px) {
  .benefits-section .benefit .info p.description {
    margin: 0 auto;
    max-width: 460px;
  }
}
.benefits-section .benefit .info .button {
  margin: 20px 0 0;
}
.benefits-section .benefit .pointer {
  position: absolute;
  z-index: 1;
  padding: 20px 25px;
  text-align: center;
  border-radius: 2px;
  display: block;
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #4e40f3;
  opacity: 0.9;
}
.benefits-section .benefit .pointer:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: #4e40f3;
  border-radius: 2px;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-40%, -50%) rotate(45deg);
      -ms-transform: translate(-40%, -50%) rotate(45deg);
          transform: translate(-40%, -50%) rotate(45deg);
}
.benefits-section .benefit .pointer.benefit1 {
  right: 80px;
  top: 220px;
}
@media only screen and (max-width: 1100px) {
  .benefits-section .benefit .pointer.benefit1 {
    right: 40px;
  }
}
.benefits-section .benefit .pointer.benefit2 {
  left: 80px;
  top: 220px;
}
.benefits-section .benefit .pointer.benefit2:after {
  left: auto;
  right: 0;
  top: 50%;
  -webkit-transform: translate(40%, -50%) rotate(45deg);
      -ms-transform: translate(40%, -50%) rotate(45deg);
          transform: translate(40%, -50%) rotate(45deg);
}
@media only screen and (max-width: 1100px) {
  .benefits-section .benefit .pointer.benefit2 {
    left: 40px;
  }
}
.benefits-section .benefit .pointer.benefit3 {
  right: 120px;
  top: 220px;
}
@media only screen and (max-width: 1100px) {
  .benefits-section .benefit .pointer.benefit3 {
    right: 40px;
  }
}
.benefits-section .benefit .pointer.benefit4 {
  left: 80px;
  bottom: 220px;
}
.benefits-section .benefit .pointer.benefit4:after {
  left: auto;
  right: 0;
  top: 50%;
  -webkit-transform: translate(40%, -50%) rotate(45deg);
      -ms-transform: translate(40%, -50%) rotate(45deg);
          transform: translate(40%, -50%) rotate(45deg);
}
@media only screen and (max-width: 1100px) {
  .benefits-section .benefit .pointer.benefit4 {
    left: 40px;
  }
}
@media only screen and (max-width: 800px) {
  .benefits-section .benefit .pointer.benefit1, .benefits-section .benefit .pointer.benefit2, .benefits-section .benefit .pointer.benefit3, .benefits-section .benefit .pointer.benefit4 {
    left: 50%;
    right: auto;
    bottom: auto;
    top: 20px;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  .benefits-section .benefit .pointer.benefit1:after, .benefits-section .benefit .pointer.benefit2:after, .benefits-section .benefit .pointer.benefit3:after, .benefits-section .benefit .pointer.benefit4:after {
    left: 50%;
    bottom: 0;
    right: auto;
    top: auto;
    -webkit-transform: translate(-50%, 50%) rotate(45deg);
        -ms-transform: translate(-50%, 50%) rotate(45deg);
            transform: translate(-50%, 50%) rotate(45deg);
  }
}
.benefits-section .benefit .image {
  position: absolute;
  background: #f7f7f8;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: calc(100% - 80px);
  z-index: 0;
  background: #f7f7f8 no-repeat center center;
  background-size: 100% 100%;
  background-size: cover;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media only screen and (max-width: 800px) {
  .benefits-section .benefit .image {
    position: relative;
    height: 300px;
  }
  .benefits-section .benefit .image.benefit4 {
    background-position: left center;
  }
}
.benefits-section .benefit .image.benefit1 {
  background-image: url("img/benefit1.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .benefits-section .benefit .image.benefit1 {
    background-image: url("img/benefit1@2x.jpg");
  }
}
.benefits-section .benefit .image.benefit2 {
  background-image: url("img/benefit2.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .benefits-section .benefit .image.benefit2 {
    background-image: url("img/benefit2@2x.jpg");
  }
}
.benefits-section .benefit .image.benefit3 {
  background-image: url("img/benefit3-3.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .benefits-section .benefit .image.benefit3 {
    background-image: url("img/benefit3-3@2x.jpg");
  }
}
.benefits-section .benefit .image.benefit4 {
  background-image: url("img/benefit4.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .benefits-section .benefit .image.benefit4 {
    background-image: url("img/benefit4@2x.jpg");
  }
}
.benefits-section .benefit.even {
  padding: 0 80px 280px;
  margin-bottom: 80px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media only screen and (max-width: 1300px) {
  .benefits-section .benefit.even {
    padding: 0 40px 280px;
    margin-bottom: 0;
    margin-top: -40px;
  }
}
@media only screen and (max-width: 1100px) {
  .benefits-section .benefit.even {
    padding: 0 0 280px;
    margin-top: -80px;
  }
}
@media only screen and (max-width: 800px) {
  .benefits-section .benefit.even {
    padding: 0;
    margin-top: 0;
  }
}
.benefits-section .benefit.even .info {
  margin-left: auto;
}
.benefits-section .benefit.even .image {
  top: auto;
  bottom: 0;
}

.benefits-additional-information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 80px;
}
@media only screen and (max-width: 1300px) {
  .benefits-additional-information {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 1000px) {
  .benefits-additional-information {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.benefits-additional-information .gkff, .benefits-additional-information .questions {
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 5px rgba(10, 14, 38, 0.04);
          box-shadow: 0px 2px 5px rgba(10, 14, 38, 0.04);
  border: 1px solid #e8ebf1;
  padding: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 60%;
          flex: 1 1 60%;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}
@media only screen and (max-width: 1300px) {
  .benefits-additional-information .gkff, .benefits-additional-information .questions {
    padding: 40px;
  }
}
@media only screen and (max-width: 800px) {
  .benefits-additional-information .gkff, .benefits-additional-information .questions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
}
.benefits-additional-information .gkff .info, .benefits-additional-information .questions .info {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.benefits-additional-information .gkff .title, .benefits-additional-information .questions .title {
  color: #283045;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: 2px;
  font-family: "Titillium Web", "proxima-nova", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0 0 35px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media only screen and (max-width: 800px) {
  .benefits-additional-information .gkff .title, .benefits-additional-information .questions .title {
    margin: 0 auto 35px;
    max-width: 460px;
  }
}
.benefits-additional-information .gkff .description, .benefits-additional-information .questions .description {
  color: #848ca3;
  font-size: 15px;
  line-height: 24px;
  margin: 0 0 auto;
  padding: 0;
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media only screen and (max-width: 800px) {
  .benefits-additional-information .gkff .description, .benefits-additional-information .questions .description {
    margin: 0 auto 0;
    max-width: 460px;
  }
}
.benefits-additional-information .gkff .button, .benefits-additional-information .questions .button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 10px 0 0;
  text-transform: none;
  font-size: 16px;
  letter-spacing: 0;
}
@media only screen and (max-width: 800px) {
  .benefits-additional-information .gkff .button, .benefits-additional-information .questions .button {
    margin: 10px auto 0;
    max-width: 460px;
  }
}
.benefits-additional-information .gkff {
  margin-right: 80px;
}
@media only screen and (max-width: 1300px) {
  .benefits-additional-information .gkff {
    margin-right: 40px;
  }
}
@media only screen and (max-width: 1000px) {
  .benefits-additional-information .gkff {
    margin: 0;
  }
}
@media only screen and (max-width: 800px) {
  .benefits-additional-information .gkff {
    margin: 0;
  }
}
.benefits-additional-information .gkff a.image {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 5px rgba(10, 14, 38, 0.04);
          box-shadow: 0px 2px 5px rgba(10, 14, 38, 0.04);
  border: 1px solid #e8ebf1;
  padding: 10px;
  min-width: 220px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 40px 0 0;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
@media only screen and (max-width: 800px) {
  .benefits-additional-information .gkff a.image {
    min-width: auto;
    min-height: 70px;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    text-align: center;
    padding: 0;
    margin: 0 auto 20px;
  }
}
.benefits-additional-information .gkff a.image img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0;
}
.benefits-additional-information .gkff a.image:hover {
  border: 4px solid #4e40f3;
}
.benefits-additional-information .questions {
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
}

.cta-section {
  margin-bottom: 40px;
  color: #ffffff;
}
.cta-section.no-margin {
  margin-bottom: 0;
}
.cta-section .inner {
  width: 100%;
  padding: 30px;
  border-radius: 2px;
  background-color: #4e40f3;
  background: -webkit-gradient(linear, left top, right top, from(#4638ea), to(#3025c1));
  background: -o-linear-gradient(left, #4638ea 0%, #3025c1 100%);
  background: linear-gradient(to right, #4638ea 0%, #3025c1 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  color: #ffffff;
}
@media only screen and (max-width: 1000px) {
  .cta-section .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.cta-section .inner .description {
  padding: 0 20px;
}
.cta-section.edge {
  padding: 30px 0;
  background: #4e40f3;
  background: -webkit-gradient(linear, left top, right top, from(#4638ea), to(#3025c1));
  background: -o-linear-gradient(left, #4638ea 0%, #3025c1 100%);
  background: linear-gradient(to right, #4638ea 0%, #3025c1 100%);
}
.cta-section.edge .inner {
  background: none;
  padding: 0 20px;
}
.cta-section.edge .description {
  padding: 0;
}
.cta-section.light {
  color: #14151a;
}
.cta-section.light .inner {
  color: #14151a;
  background: #f7f7f8;
}
.cta-section.light.edge {
  background: #f7f7f8;
}
.cta-section.light.edge .inner {
  background: none;
}
.cta-section.white {
  color: #14151a;
}
.cta-section.white .inner {
  color: #14151a;
  background: #ffffff;
}
.cta-section.white.edge {
  background: #ffffff;
}
.cta-section.white.edge .inner {
  background: none;
}
.cta-section.dark .inner {
  background: #161622;
}
.cta-section.dark.edge {
  background: #161622;
}
.cta-section.dark.edge .inner {
  background: none;
}
.cta-section .description {
  display: block;
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  color: inherit;
}
@media only screen and (max-width: 1000px) {
  .cta-section .description {
    padding: 0 0 20px;
    max-width: 500px;
    text-align: center;
  }
}
.cta-section .description .text-light {
  font-size: 20px;
  line-height: 24px;
  font-weight: 300;
  display: block;
  margin-top: 15px;
}
.cta-section .button {
  margin: 0 0 0 30px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media only screen and (max-width: 1000px) {
  .cta-section .button {
    display: inline-block;
    margin: 25px auto 0;
  }
}

.major-cta-section {
  padding: 120px 0 100px;
  background-color: #4e40f3;
  background: -webkit-gradient(linear, left top, right top, from(#4638ea), to(#3025c1));
  background: -o-linear-gradient(left, #4638ea 0%, #3025c1 100%);
  background: linear-gradient(to right, #4638ea 0%, #3025c1 100%);
  position: relative;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1300px) {
  .major-cta-section {
    margin: 0;
  }
}
@media only screen and (max-width: 1000px) {
  .major-cta-section {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 800px) {
  .major-cta-section {
    padding: 40px 0;
    margin: 0;
  }
}
.major-cta-section .inner {
  position: relative;
  text-align: center;
}
.major-cta-section h2 {
  color: #ffffff;
  margin: 0 auto 60px;
  max-width: 800px;
  text-align: center;
  font-weight: 200;
}
.major-cta-section h2 b {
  position: relative;
}
@media only screen and (max-width: 800px) {
  .major-cta-section h2 {
    margin: 30px auto;
    max-width: none;
    font-size: 6vw;
    font-size: calc(14px + 2vw);
    line-height: 7vw;
    line-height: calc(16px + 3vw);
  }
}
.major-cta-section .button {
  display: inline-block;
}
.major-cta-section p {
  text-align: center;
  display: block;
  color: #ffffff;
  text-decoration: none;
}

.help-section p {
  font-size: 18px;
  line-height: 24px;
  margin: 0 auto 40px;
  text-align: center;
}

.feature-list .feature {
  position: relative;
  clear: both;
}
@media only screen and (max-width: 800px) {
  .feature-list .feature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.feature-list .feature .inner {
  z-index: 2;
  position: relative;
  overflow: hidden;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding: 0;
}
@media only screen and (max-width: 800px) {
  .feature-list .feature .inner {
    overflow: visible;
    background: #f7f7f8;
  }
}
.feature-list .feature .inner .info {
  padding: 20px 100px 20px 80px;
  width: 50%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 400px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 1000px) {
  .feature-list .feature .inner .info {
    padding: 50px;
  }
}
@media only screen and (max-width: 800px) {
  .feature-list .feature .inner .info {
    padding: 20px 50px;
    width: 100%;
    margin: 0 auto;
    max-width: 500px;
    min-height: 360px;
    text-align: center;
  }
}
@media only screen and (max-width: 600px) {
  .feature-list .feature .inner .info {
    padding: 40px;
    min-height: 360px;
  }
}
.feature-list .feature .inner .info h3 {
  color: #283045;
  margin: 0 0 30px;
  font-weight: 300;
}
@media only screen and (max-width: 1000px) {
  .feature-list .feature .inner .info h3 {
    margin: 0 0 30px;
  }
}
.feature-list .feature .inner .info h3 b {
  font-weight: 700;
  color: #283045;
}
@-webkit-keyframes feature-title {
  0% {
    -webkit-transform: translate(2%, 0) rotate(0.1deg);
            transform: translate(2%, 0) rotate(0.1deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0%, 0) rotate(0deg);
            transform: translate(0%, 0) rotate(0deg);
    opacity: 1;
  }
}
@keyframes feature-title {
  0% {
    -webkit-transform: translate(2%, 0) rotate(0.1deg);
            transform: translate(2%, 0) rotate(0.1deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0%, 0) rotate(0deg);
            transform: translate(0%, 0) rotate(0deg);
    opacity: 1;
  }
}
.feature-list .feature .inner .info h3 span {
  display: none;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.feature-list .feature .inner .info h3 span.active, .feature-list .feature .inner .info h3 body.internal span.navigation-section, body.internal .feature-list .feature .inner .info h3 span.navigation-section {
  display: block;
  -webkit-animation: feature-title 0.5s both 0s ease-out;
          animation: feature-title 0.5s both 0s ease-out;
}
.feature-list .feature .inner .info p {
  color: #848ca3;
  margin: 0;
}
.feature-list .feature .inner .info .pointer {
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(50%, -50%) rotate(0deg);
      -ms-transform: translate(50%, -50%) rotate(0deg);
          transform: translate(50%, -50%) rotate(0deg);
  width: 40px;
  height: 40px;
  background: #161622;
  -webkit-box-shadow: 0px 2px 5px rgba(10, 14, 38, 0.04);
          box-shadow: 0px 2px 5px rgba(10, 14, 38, 0.04);
}
@media only screen and (max-width: 800px) {
  .feature-list .feature .inner .info .pointer {
    top: 0;
    left: 50%;
    right: auto;
    bottom: auto;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
        -ms-transform: translate(-50%, -50%) rotate(-90deg);
            transform: translate(-50%, -50%) rotate(-90deg);
  }
}
.feature-list .feature .inner .info .pointer svg {
  width: 10px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.feature-list .feature .inner .info .pointer svg .shape {
  fill: #ffffff;
}
.feature-list .feature .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  overflow: hidden;
  background-color: #4e40f3;
}
@media only screen and (max-width: 800px) {
  .feature-list .feature .background {
    position: relative;
    height: 300px;
  }
}
.feature-list .feature .background .color-box {
  z-index: 1;
  background: #f7f7f8;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media only screen and (max-width: 800px) {
  .feature-list .feature .background .color-box {
    display: none;
  }
}
.feature-list .feature .background .image-container {
  z-index: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
  position: relative;
}
@media only screen and (max-width: 800px) {
  .feature-list .feature .background .image-container {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.feature-list .feature .background .image {
  background-repeat: none;
  background-size: 100% 100%;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 4;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 0;
  -webkit-transition: all 2s ease-out;
  -o-transition: all 2s ease-out;
  transition: all 2s ease-out;
}
@-webkit-keyframes feature-image {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes feature-image {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
.feature-list .feature .background .image.active, .feature-list .feature .background body.internal .image.navigation-section, body.internal .feature-list .feature .background .image.navigation-section {
  z-index: 5;
  -webkit-animation: feature-image 2s forwards ease-out;
          animation: feature-image 2s forwards ease-out;
}
.feature-list .feature.tile-right .inner .info {
  float: right;
  padding: 100px 80px 100px 100px;
}
@media only screen and (max-width: 1000px) {
  .feature-list .feature.tile-right .inner .info {
    padding: 50px;
  }
}
@media only screen and (max-width: 800px) {
  .feature-list .feature.tile-right .inner .info {
    float: none;
  }
}
.feature-list .feature.tile-right .inner .pointer {
  left: 0;
  right: auto;
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
      -ms-transform: translate(-50%, -50%) rotate(0deg);
          transform: translate(-50%, -50%) rotate(0deg);
}
@media only screen and (max-width: 800px) {
  .feature-list .feature.tile-right .inner .pointer {
    top: 0;
    left: 50%;
    right: auto;
    bottom: auto;
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
        -ms-transform: translate(-50%, -50%) rotate(90deg);
            transform: translate(-50%, -50%) rotate(90deg);
  }
}
.feature-list .feature.tile-right .background {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media only screen and (max-width: 800px) {
  .feature-list .feature.purple .inner {
    background-color: #4e40f3;
  }
}
.feature-list .feature.purple .inner .info h3 {
  color: rgba(255, 255, 255, 0.9);
}
.feature-list .feature.purple .inner .info h3 b {
  color: white;
}
.feature-list .feature.purple .inner .info p {
  color: #c6d4f9;
}
.feature-list .feature.purple .inner .info .pointer {
  background: #ffffff;
}
.feature-list .feature.purple .inner .info .pointer .shape {
  fill: #4e40f3;
}
.feature-list .feature.purple .background .color-box {
  background: -webkit-gradient(linear, left top, right top, from(#4638ea), to(#3025c1));
  background: -o-linear-gradient(left, #4638ea 0%, #3025c1 100%);
  background: linear-gradient(to right, #4638ea 0%, #3025c1 100%);
}
@media only screen and (max-width: 800px) {
  .feature-list .feature.dark .inner {
    background-color: #161622;
  }
}
.feature-list .feature.dark .inner .info h3 {
  color: rgba(255, 255, 255, 0.9);
}
.feature-list .feature.dark .inner .info h3 b {
  color: white;
}
.feature-list .feature.dark .inner .info p {
  color: #c6d4f9;
}
.feature-list .feature.dark .inner .info .pointer {
  background: #4e40f3;
}
.feature-list .feature.dark .inner .info .pointer .shape {
  fill: #ffffff;
}
.feature-list .feature.dark .background .color-box {
  background-color: #161622;
}
.feature-list .feature.large .inner {
  padding-bottom: 460px;
}
@media only screen and (max-width: 800px) {
  .feature-list .feature.large .inner {
    padding-bottom: 0;
  }
}
.feature-list .feature.large .inner .info {
  background: -webkit-gradient(linear, left top, right top, from(#4638ea), to(#3025c1));
  background: -o-linear-gradient(left, #4638ea 0%, #3025c1 100%);
  background: linear-gradient(to right, #4638ea 0%, #3025c1 100%);
}
@media only screen and (max-width: 800px) {
  .feature-list .feature.large .inner .info {
    background: #4e40f3;
  }
}
.feature-list .feature.large .background .image {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}
.feature-list .feature.large .background .color-box {
  display: none;
}
.feature-list .image.tulsa-tough {
  background-image: url("img/tulsa-tough.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.tulsa-tough {
    background-image: url("img/tulsa-tough@2x.jpg");
  }
}
.feature-list .image.tulsa-pride {
  background-image: url("img/tulsa-pride.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.tulsa-pride {
    background-image: url("img/tulsa-pride.jpg");
  }
}
.feature-list .image.raft-race {
  background-image: url("img/raft-race.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.raft-race {
    background-image: url("img/raft-race@2x.jpg");
  }
}
.feature-list .image.oktoberfest {
  background-image: url("img/oktoberfest.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.oktoberfest {
    background-image: url("img/oktoberfest@2x.jpg");
  }
}
.feature-list .image.juneteenth {
  background-image: url("img/juneteenth.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.juneteenth {
    background-image: url("img/juneteenth@2x.jpg");
  }
}
.feature-list .image.vintage {
  background-image: url("img/vintage.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.vintage {
    background-image: url("img/vintage@2x.jpg");
  }
}
.feature-list .image.valkyrie {
  background-image: url("img/valkyrie.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.valkyrie {
    background-image: url("img/valkyrie@2x.jpg");
  }
}
.feature-list .image.vitus {
  background-image: url("img/vitus.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.vitus {
    background-image: url("img/vitus@2x.jpg");
  }
}
.feature-list .image.hodges-bend {
  background-image: url("img/hodges-bend.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.hodges-bend {
    background-image: url("img/hodges-bend.jpg");
  }
}
.feature-list .image.saturn {
  background-image: url("img/saturn.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.saturn {
    background-image: url("img/saturn@2x.jpg");
  }
}
.feature-list .image.arts-district {
  background-image: url("img/arts-district.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.arts-district {
    background-image: url("img/arts-district@2x.jpg");
  }
}
.feature-list .image.blue-dome {
  background-image: url("img/blue-dome.jpg");
  background-position: right center !important;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.blue-dome {
    background-image: url("img/blue-dome@2x.jpg");
  }
}
.feature-list .image.cherry-street {
  background-image: url("img/cherry-street.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.cherry-street {
    background-image: url("img/cherry-street@2x.jpg");
  }
}
.feature-list .image.east-village {
  background-image: url("img/east-village.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.east-village {
    background-image: url("img/east-village@2x.jpg");
  }
}
.feature-list .image.kendall {
  background-image: url("img/kendall.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.kendall {
    background-image: url("img/kendall@2x.jpg");
  }
}
.feature-list .image.burnco {
  background-image: url("img/burnco.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.burnco {
    background-image: url("img/burnco@2x.jpg");
  }
}
.feature-list .image.amelias {
  background-image: url("img/amelias.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.amelias {
    background-image: url("img/amelias@2x.jpg");
  }
}
.feature-list .image.oren {
  background-image: url("img/oren.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.oren {
    background-image: url("img/oren@2x.jpg");
  }
}
.feature-list .image.andolinis {
  background-image: url("img/andolinis.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.andolinis {
    background-image: url("img/andolinis@2x.jpg");
  }
}
.feature-list .image.tropical {
  background-image: url("img/tropical.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.tropical {
    background-image: url("img/tropical@2x.jpg");
  }
}
.feature-list .image.lonewolf {
  background-image: url("img/lonewolf.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.lonewolf {
    background-image: url("img/lonewolf@2x.jpg");
  }
}
.feature-list .image.turkey-mountain {
  background-image: url("img/turkey-mountain.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.turkey-mountain {
    background-image: url("img/turkey-mountain@2x.jpg");
  }
}
.feature-list .image.river-parks {
  background-image: url("img/riverparks.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.river-parks {
    background-image: url("img/riverparks@2x.jpg");
  }
}
.feature-list .image.botanical {
  background-image: url("img/botanical.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.botanical {
    background-image: url("img/botanical@2x.jpg");
  }
}
.feature-list .image.woodward {
  background-image: url("img/woodward.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.woodward {
    background-image: url("img/woodward@2x.jpg");
  }
}
.feature-list .image.cains {
  background-image: url("img/cains.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.cains {
    background-image: url("img/cains@2x.jpg");
  }
}
.feature-list .image.duet {
  background-image: url("img/duet.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.duet {
    background-image: url("img/duet@2x.jpg");
  }
}
.feature-list .image.bok {
  background-image: url("img/bok.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.bok {
    background-image: url("img/bok@2x.jpg");
  }
}
.feature-list .image.cabin-boys {
  background-image: url("img/cabin-boys.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.cabin-boys {
    background-image: url("img/cabin-boys@2x.jpg");
  }
}
.feature-list .image.fairfellow {
  background-image: url("img/fairfellow.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.fairfellow {
    background-image: url("img/fairfellow@2x.jpg");
  }
}
.feature-list .image.heirloom {
  background-image: url("img/heirloom.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.heirloom {
    background-image: url("img/heirloom.jpg");
  }
}
.feature-list .image.cirque {
  background-image: url("img/cirque.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.cirque {
    background-image: url("img/cirque@2x.jpg");
  }
}
.feature-list .image.welltown {
  background-image: url("img/welltown.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.welltown {
    background-image: url("img/welltown@2x.jpg");
  }
}
.feature-list .image.marshall {
  background-image: url("img/marshall.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.marshall {
    background-image: url("img/marshall@2x.jpg");
  }
}
.feature-list .image.solera {
  background-image: url("img/solera.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.solera {
    background-image: url("img/solera@2x.jpg");
  }
}
.feature-list .image.philbrook {
  background-image: url("img/philbrook.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.philbrook {
    background-image: url("img/philbrook@2x.jpg");
  }
}
.feature-list .image.z108 {
  background-image: url("img/108.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.z108 {
    background-image: url("img/108@2x.jpg");
  }
}
.feature-list .image.woody {
  background-image: url("img/woody.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.woody {
    background-image: url("img/woody@2x.jpg");
  }
}
.feature-list .image.gilcrease {
  background-image: url("img/gilcrease.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.gilcrease {
    background-image: url("img/gilcrease.jpg");
  }
}
.feature-list .image.artcrawl {
  background-image: url("img/artcrawl.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.artcrawl {
    background-image: url("img/artcrawl@2x.jpg");
  }
}
.feature-list .image.thunder {
  background-image: url("img/thunder.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.thunder {
    background-image: url("img/thunder.jpg");
  }
}
.feature-list .image.drillers {
  background-image: url("img/drillers.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.drillers {
    background-image: url("img/drillers.jpg");
  }
}
.feature-list .image.ou {
  background-image: url("img/ou.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.ou {
    background-image: url("img/ou@2x.jpg");
  }
}
.feature-list .image.osu {
  background-image: url("img/osu.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.osu {
    background-image: url("img/osu@2x.jpg");
  }
}
.feature-list .image.tu {
  background-image: url("img/tu.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.tu {
    background-image: url("img/tu@2x.jpg");
  }
}
.feature-list .image.flash-flood {
  background-image: url("img/flash-flood.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.flash-flood {
    background-image: url("img/flash-flood@2x.jpg");
  }
}
.feature-list .image.fablab {
  background-image: url("img/fablab.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.fablab {
    background-image: url("img/fablab@2x.jpg");
  }
}
.feature-list .image.taf {
  background-image: url("img/taf.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.taf {
    background-image: url("img/taf@2x.jpg");
  }
}
.feature-list .image.gathering-place {
  background-image: url("img/gathering-place.jpg");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .feature-list .image.gathering-place {
    background-image: url("img/gathering-place@2x.jpg");
  }
}

.calculator {
  padding: 40px 0 0;
  margin-bottom: 40px;
  border-radius: 2px;
}
@media only screen and (max-width: 1200px) {
  .calculator {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 800px) {
  .calculator {
    margin: 0;
    padding: 20px 0 0;
  }
}
.calculator h4,
.calculator p {
  color: #383a45;
}
.calculator h4 {
  font-weight: 300;
  margin: 30px 0 5px;
  max-width: 400px;
}
.calculator h4 b {
  font-weight: 700;
}
.calculator .selector-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 60px;
}
.calculator .selector-container h4 {
  margin: 0 auto 0 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media only screen and (max-width: 1000px) {
  .calculator .selector-container h4 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin: 0 0 20px;
  }
}
@media only screen and (max-width: 600px) {
  .calculator .selector-container h4 {
    text-align: center;
  }
}
.calculator .selector-container h5 {
  display: inline-block;
  font-size: 16px;
  line-height: 17px;
  margin-right: 10px;
  font-weight: 500;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0 10px 0 0;
  padding: 0;
}
@media only screen and (max-width: 1000px) {
  .calculator .selector-container h5 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin: 0 0 20px;
  }
}
@media only screen and (max-width: 1000px) {
  .calculator .selector-container {
    margin: 0 auto;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 0 20px;
  }
}
@media only screen and (max-width: 600px) {
  .calculator .selector-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.calculator .selector {
  padding: 20px 110px 20px 20px;
  position: relative;
  border: 1px solid #e8ebf1;
  -webkit-box-shadow: 0px 2px 5px rgba(10, 14, 38, 0.04);
          box-shadow: 0px 2px 5px rgba(10, 14, 38, 0.04);
  border-radius: 2px;
  background-color: #ffffff;
  margin: 0;
}
@media only screen and (max-width: 1000px) {
  .calculator .selector {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    margin-right: 10px;
  }
  .calculator .selector:last-child {
    margin-right: 0;
    margin-left: 10px;
  }
}
@media only screen and (max-width: 600px) {
  .calculator .selector {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: 100%;
    margin: 0 0 10px;
  }
  .calculator .selector:last-child {
    margin: 0 0 10px;
  }
}
.calculator .selector span {
  color: #4e40f3;
  display: none;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}
.calculator .selector span.active, .calculator .selector body.internal span.navigation-section, body.internal .calculator .selector span.navigation-section {
  display: block;
}
.calculator .selector .control {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.calculator .selector .control.control-left {
  right: 50px;
  background-image: url("img/arrow-left-primary@2x.svg");
}
.calculator .selector .control.control-left:hover {
  background-image: url("img/arrow-left-white@2x.svg");
  background-color: #4e40f3;
}
.calculator .selector .control.control-right {
  right: 10px;
  background-image: url("img/arrow-right-primary@2x.svg");
}
.calculator .selector .control.control-right:hover {
  background-image: url("img/arrow-right-white@2x.svg");
  background-color: #4e40f3;
}
.calculator .calculator-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}
.calculator .calculator-details h4 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: inline-block;
  margin: 0 auto 0 0;
  padding: 0;
}
.calculator .calculator-details .reference {
  display: inline-block;
  position: relative;
  color: #848ca3;
  margin: 0 0 0 auto;
  padding: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media only screen and (max-width: 800px) {
  .calculator .calculator-details .reference {
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
}
.calculator .calculator-details .reference a {
  color: #4e40f3;
  display: inline;
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 800px) {
  .calculator .calculator-details .reference {
    text-align: right;
  }
}
.calculator .data-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  clear: both;
  width: 100%;
  -ms-flex-line-pack: center;
      align-content: center;
}
@media only screen and (max-width: 800px) {
  .calculator .data-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: flex-stretch;
        -ms-flex-align: flex-stretch;
            align-items: flex-stretch;
  }
}
.calculator .data {
  padding: 40px;
  overflow: hidden;
  margin: 0 20px;
  border: 1px solid #e8ebf1;
  -webkit-box-shadow: 0px 2px 5px rgba(10, 14, 38, 0.04);
          box-shadow: 0px 2px 5px rgba(10, 14, 38, 0.04);
  border-radius: 2px;
  background-color: #ffffff;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 33%;
          flex: 1 1 33%;
  display: none;
}
.calculator .data.active, .calculator body.internal .data.navigation-section, body.internal .calculator .data.navigation-section {
  display: block;
}
@media only screen and (max-width: 1200px) {
  .calculator .data {
    padding: 30px 20px 30px 30px;
    margin: 0 10px;
  }
}
@media only screen and (max-width: 1000px) {
  .calculator .data {
    border-right: 2px solid #f7f7f8;
    margin: 0 0 0 10px;
    padding: 40px;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .calculator .data:first-child {
    margin-left: 0;
    margin-right: 10px;
  }
  .calculator .data:last-child {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  .calculator .data {
    padding: 20px;
    margin: 0 0 10px;
  }
  .calculator .data:first-child {
    margin: 0 0 10px;
  }
}
.calculator .data:first-child {
  margin-left: 0;
}
.calculator .data:last-child {
  margin-right: 0;
}
.calculator .data .large {
  color: #4e40f3;
  position: relative;
  left: -3px;
  font-size: 46px;
  line-height: 46px;
  padding: 0 6px 0 0;
  margin: 0 4px 0 0;
  float: left;
  font-weight: 800;
  border-right: 2px solid #e8ebf1;
  letter-spacing: -0.5px;
  display: none;
  font-family: "Titillium Web", "proxima-nova", sans-serif;
}
.calculator .data .large.active, .calculator .data body.internal .large.navigation-section, body.internal .calculator .data .large.navigation-section {
  display: block;
}
@media only screen and (max-width: 500px) {
  .calculator .data .large {
    font-size: 40px;
    line-height: 40px;
  }
}
.calculator .data .description {
  padding: 2px 0 0;
  margin: 0;
  color: #283045;
  font-weight: 700;
  float: left;
}
@media only screen and (max-width: 500px) {
  .calculator .data .description {
    font-size: 14px;
    line-height: 18px;
  }
}
.calculator .data div.details {
  padding: 15px 0 0;
  clear: both;
}
.calculator .data div.details div {
  padding: 0;
  color: #848ca3;
  font-size: 13px;
  line-height: 17px;
  clear: both;
  display: none;
}
.calculator .data div.details div.active, .calculator .data div.details body.internal div.navigation-section, body.internal .calculator .data div.details div.navigation-section {
  display: block;
}

.life-details {
  margin: 0 0 80px;
}
@media only screen and (max-width: 1200px) {
  .life-details {
    margin: 0 0 40px;
  }
}
@media only screen and (max-width: 800px) {
  .life-details {
    margin: 0 0 20px;
  }
}
.life-details .value-propositions {
  padding-bottom: 20px;
}
@media only screen and (max-width: 1200px) {
  .life-details .value-propositions {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 1050px) {
  .life-details .value-propositions {
    margin-top: 0;
  }
}
@media only screen and (max-width: 1050px) {
  .life-details .value-propositions {
    padding: 0;
  }
}
.life-details .value-propositions .value {
  padding: 40px;
  border: 1px solid #e8ebf1;
  -webkit-box-shadow: 0px 2px 5px rgba(10, 14, 38, 0.04);
          box-shadow: 0px 2px 5px rgba(10, 14, 38, 0.04);
}
@media only screen and (max-width: 1200px) {
  .life-details .value-propositions .value {
    padding: 30px;
  }
}
@media only screen and (max-width: 800px) {
  .life-details .value-propositions .value {
    padding: calc(30px + 4vw);
    text-align: center;
  }
}
.life-details .value-propositions .value h5 {
  color: #283045;
}
@media only screen and (max-width: 800px) {
  .life-details .value-propositions .value h5 {
    margin: 0 auto 20px;
    max-width: 460px;
    text-align: center;
  }
}
.life-details .value-propositions .value p {
  margin: 0;
  color: #848ca3;
}
@media only screen and (max-width: 800px) {
  .life-details .value-propositions .value p {
    margin: 0 auto;
    max-width: 460px;
    text-align: center;
  }
}
.life-details .value-propositions .value .button {
  display: inline-block;
  margin: 20px 0 0;
}
@media only screen and (max-width: 800px) {
  .life-details .value-propositions .value .button {
    margin: 20px auto 0;
    max-width: 460px;
  }
}
.life-details .value-propositions .featured-image {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 33.33%;
          flex: 1 1 33.33%;
  margin: 0 20px 0 0;
  position: relative;
  background: #f7f7f8 center center no-repeat;
  background-image: url("img/families-featured-image.jpg");
  background-size: 100% 100%;
  background-size: cover;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-resolution: 1.3dppx) {
  .life-details .value-propositions .featured-image {
    background-image: url("img/families-featured-image@2x.jpg");
  }
}
@media only screen and (max-width: 1200px) {
  .life-details .value-propositions .featured-image {
    margin: 0 10px 0 0;
  }
}
@media only screen and (max-width: 1000px) {
  .life-details .value-propositions .featured-image {
    display: none;
  }
}
.life-details .value-propositions .flex-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media only screen and (max-width: 800px) {
  .life-details .value-propositions .flex-1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.life-details .value-propositions .flex-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 33.33%;
          flex: 1 1 33.33%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 20px;
}
.life-details .value-propositions .flex-2 .value {
  margin: 0 0 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}
.life-details .value-propositions .flex-2 .value:last-child {
  margin: 20px 0 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
}
@media only screen and (max-width: 1200px) {
  .life-details .value-propositions .flex-2 .value {
    margin: 0 0 10px;
  }
  .life-details .value-propositions .flex-2 .value:last-child {
    margin: 10px 0 0;
  }
}
@media only screen and (max-width: 800px) {
  .life-details .value-propositions .flex-2 .value {
    margin: 0;
  }
}
.life-details .value-propositions .flex-2:last-child {
  margin: 0 0 0 20px;
}
@media only screen and (max-width: 1200px) {
  .life-details .value-propositions .flex-2:last-child {
    margin: 0 0 0 10px;
  }
}
@media only screen and (max-width: 1200px) {
  .life-details .value-propositions .flex-2 {
    margin: 0 10px;
  }
}
@media only screen and (max-width: 1000px) {
  .life-details .value-propositions .flex-2 {
    margin: 0;
  }
  .life-details .value-propositions .flex-2:last-child {
    margin: 0 0 0 20px;
  }
}
@media only screen and (max-width: 800px) {
  .life-details .value-propositions .flex-2 {
    margin: 0 0 10px;
  }
  .life-details .value-propositions .flex-2:last-child {
    margin: 0;
  }
}

.featured-homes-section {
  padding: 0;
  margin: 0 0 100px;
  background-color: #ffffff;
  overflow: hidden;
}
@media only screen and (max-width: 900px) {
  .featured-homes-section {
    text-align: center;
    padding-top: 80px;
  }
}
@media only screen and (max-width: 800px) {
  .featured-homes-section {
    padding-bottom: 0;
    padding-top: 0;
    margin: 0 0 80px;
  }
}
.featured-homes-section .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 40px;
}
.featured-homes-section .house-list {
  overflow: visible;
  position: relative;
  padding-top: 4px;
}
.featured-homes-section .house-list .house-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.featured-homes-section .house-list .control {
  position: absolute;
  top: 480px;
  background-color: #f7f7f8;
  z-index: 2;
}
.featured-homes-section .house-list .control.control-right {
  right: 0px;
}
.featured-homes-section .house-list .control.control-left {
  right: 40px;
}
@media only screen and (max-width: 800px) {
  .featured-homes-section .house-list .control {
    top: 265px;
  }
}
.featured-homes-section .house-list .house {
  margin: 0 0 0 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 33.33%;
          flex: 0 1 33.33%;
  position: absolute;
  -webkit-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}
.featured-homes-section .house-list .house .image {
  height: 400px;
  width: 100%;
  margin: 0 0 15px;
  position: relative;
  background: center center no-repeat #f7f7f8;
  background-size: 100% 100%;
  background-size: cover;
  -webkit-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}
@media only screen and (max-width: 800px) {
  .featured-homes-section .house-list .house .image {
    height: 300px;
  }
}
.featured-homes-section .house-list .house .image:hover {
  outline: 4px solid #4e40f3;
}
.featured-homes-section .house-list .house a {
  display: block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}
.featured-homes-section .house-list .house h5 {
  margin: 0 0 5px;
  font-weight: 500;
  padding: 0;
  -webkit-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}
.featured-homes-section .house-list .house h5 span {
  font-size: 12px;
  line-height: 14px;
  padding: 3px 6px 2px;
  border-radius: 2px;
  background-color: #4e40f3;
  color: #ffffff;
  display: inline-block;
  margin: 0 3px 0 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  position: relative;
  top: -2px;
}
.featured-homes-section .house-list .house h5 b {
  font-weight: 700;
  -webkit-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}
.featured-homes-section .house-list .house p {
  margin: 0;
  padding: 0;
  -webkit-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}
.featured-homes-section .house-list .house:nth-child(1) {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 66.666%;
          flex: 0 1 66.666%;
  left: 0;
  top: 0;
  margin: 0 20px 0 0;
}
.featured-homes-section .house-list .house:nth-child(1) .image {
  height: 520px;
}
@media only screen and (max-width: 1000px) {
  .featured-homes-section .house-list .house:nth-child(1) {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin: 0;
  }
}
@media only screen and (max-width: 800px) {
  .featured-homes-section .house-list .house:nth-child(1) .image {
    height: 300px;
  }
}
.featured-homes-section .house-list .house:nth-child(2) {
  right: 0;
  top: 0;
  position: relative;
}
.featured-homes-section .house-list .house:nth-child(2) h5 {
  font-size: 17px;
}
@media only screen and (max-width: 1000px) {
  .featured-homes-section .house-list .house:nth-child(2) {
    display: none;
  }
}
.featured-homes-section .house-list .house:nth-child(3), .featured-homes-section .house-list .house:nth-child(4), .featured-homes-section .house-list .house:nth-child(5), .featured-homes-section .house-list .house:nth-child(6), .featured-homes-section .house-list .house:nth-child(7), .featured-homes-section .house-list .house:nth-child(8), .featured-homes-section .house-list .house:nth-child(9), .featured-homes-section .house-list .house:nth-child(10) {
  display: none;
}

.footer-section {
  background-color: #161622;
  padding: 80px 0 100px;
}
@media only screen and (max-width: 800px) {
  .footer-section {
    padding: 60px 0;
  }
}
.footer-section .flex {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 80px;
}
@media only screen and (max-width: 800px) {
  .footer-section .flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.footer-section .logo {
  margin: 0 40px 0 0;
  padding: 0;
}
@media only screen and (max-width: 800px) {
  .footer-section .logo {
    margin: 0 0 30px;
  }
}
.footer-section .flag {
  padding: 0;
  margin: 0 0 0 20px;
}
@media only screen and (max-width: 800px) {
  .footer-section .flag {
    margin: 0;
  }
}
.footer-section ul {
  padding: 0;
  margin: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
}
@media only screen and (max-width: 800px) {
  .footer-section ul {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}
.footer-section ul li {
  display: block;
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
  color: #7d8299;
}
.footer-section ul li b {
  font-size: 13px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
}
.footer-section ul li a {
  font-size: 18px;
  line-height: 20px;
  color: #4e40f3;
  font-weight: 400;
  margin: 0;
  padding: 0;
  text-decoration: none;
}
.footer-section ul li a:hover {
  text-decoration: underline;
  color: #ffffff;
}
.footer-section ul li img {
  margin: 0 2px 0 0;
  display: inline-block;
}
@media only screen and (max-width: 800px) {
  .footer-section ul {
    margin: 0 0 30px;
  }
}
@media only screen and (max-width: 600px) {
  .footer-section ul {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.footer-section p {
  clear: both;
  color: #7d8299;
  margin: 60px 0 0;
  display: block;
}
@media only screen and (max-width: 800px) {
  .footer-section p {
    text-align: center;
  }
}

.content-section {
  padding-top: 130px;
  padding-bottom: 80px;
}
@media only screen and (max-width: 800px) {
  .content-section {
    padding-top: 80px;
  }
}
.content-section .inner h2 {
  margin: 0 0 20px;
  width: 100%;
  max-width: 800px;
  padding: 0;
}
.content-section .inner .post {
  margin: 0 auto 40px;
  width: 100%;
  max-width: 960px;
  background-color: #ffffff;
}
.content-section .inner .post.wide {
  max-width: none;
}
.content-section .inner .post .padded {
  padding: 4vw 4vw 3vw;
}
.content-section .inner .post img {
  width: 100%;
  height: auto;
  margin: 0 auto 0px;
}
.content-section .inner .post h4 {
  font-size: 44px;
  line-height: 52px;
  font-weight: 700;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  color: #0d1a34;
}
@media only screen and (max-width: 950px) {
  .content-section .inner .post h4 {
    font-size: 32px;
    line-height: 38px;
  }
}
.content-section .inner .post h4 a {
  text-decoration: none;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  font-weight: 700;
}
.content-section .inner .post h4 a:hover {
  text-decoration: underline;
}
.content-section .inner .post h1, .content-section .inner .post h2, .content-section .inner .post h3, .content-section .inner .post h4, .content-section .inner .post h5, .content-section .inner .post h6, .content-section .inner .post ul, .content-section .inner .post ol, .content-section .inner .post img {
  color: #383a45;
  margin: 0 auto 20px;
}
.content-section .inner .post h1 a, .content-section .inner .post h2 a, .content-section .inner .post h3 a, .content-section .inner .post h4 a, .content-section .inner .post h5 a, .content-section .inner .post h6 a, .content-section .inner .post ul a, .content-section .inner .post ol a, .content-section .inner .post img a {
  color: inherit;
}
.content-section .inner .post ul ul, .content-section .inner .post ul ol, .content-section .inner .post ol ul, .content-section .inner .post ol ol {
  margin-bottom: 0px;
}
.content-section .inner .post .featured-image {
  margin-bottom: 0px;
}
.content-section .inner .post h5 {
  color: #4e40f3;
  font-size: 22px;
  line-height: 24px;
  font-weight: 400;
  padding-top: 20px;
}
.content-section .inner .post figure {
  margin: 0 0 20px;
}
@media only screen and (max-width: 950px) {
  .content-section .inner .post figure {
    margin-bottom: 20px;
  }
}
.content-section .inner .post .boxed {
  background-color: #f7f7f8;
  padding: 25px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 950px) {
  .content-section .inner .post .boxed {
    margin-bottom: 20px;
    padding: 20px;
  }
}
.content-section .inner .post .boxed > *:last-child {
  margin-bottom: 0;
}
.content-section .inner .post p {
  font-size: 18px;
  line-height: 24px;
  color: #4a4d5e;
  margin: 0 auto 16px;
  font-weight: 500;
}
.content-section .inner .post p b, .content-section .inner .post p strong {
  color: #4a4d5e;
}
.content-section .inner .post p a {
  color: #4e40f3;
  font-weight: bold;
  text-decoration: none;
}
.content-section .inner .post ul, .content-section .inner .post ol, .content-section .inner .post li {
  font-size: 18px;
  line-height: 24px;
  color: #4a4d5e;
  font-weight: 500;
}
.content-section .inner .post ul, .content-section .inner .post ol {
  margin: 0 auto 16px;
}
.content-section .inner .post a {
  color: #4e40f3 !important;
  text-decoration: none;
  font-weight: bold;
}
.content-section .inner .post a:hover {
  text-decoration: underline;
}
.content-section .inner .post img {
  width: auto;
  margin: 0 auto 40px;
  height: auto;
  max-width: 100%;
}
.content-section .inner .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 950px) {
  .content-section .inner .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.content-section .inner .pagination a {
  padding: 15px 20px;
  background-color: #ffffff;
  color: #4e40f3;
  text-decoration: none;
}
.content-section .inner .pagination a:hover {
  text-decoration: underline;
}
.content-section .inner .content-list {
  margin: 0 20px 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.content-section .inner .wp-block-file__button {
  color: #ffffff;
  background-color: #d2d8e9;
}

.logo-bar {
  background: #3025c1;
}
.logo-bar .inner {
  padding: 40px 0 0;
}
.logo-bar .inner h3 {
  font-size: 24px;
  line-height: 130%;
  text-align: center;
  margin: 0 auto 40px;
  color: #ffffff;
}
.logo-bar .inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
}
.logo-bar .inner ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 180px;
          flex: 0 0 180px;
  margin: 0 0 60px;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
@media only screen and (max-width: 720px) {
  .logo-bar .inner ul li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}
.logo-bar .inner ul li img {
  width: 100%;
  max-width: 140px;
  height: auto;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 440px) {
  .logo-bar .inner ul li img {
    max-width: 100px;
  }
}

.content-section.faq .inner .post .padded {
  padding-top: 0;
}
.content-section.faq .inner .post h3 {
  padding: 40px 0 0;
  font-weight: normal;
  margin: 0;
  font-size: 20px;
}
.content-section.faq .inner .post h4 {
  font-weight: bold;
  margin: 0 0 40px;
}
.content-section.faq .inner .post h4 a {
  text-decoration: none;
}
.content-section.faq .inner .post p {
  margin-bottom: 10px;
}
.content-section.faq .inner .post p strong {
  color: #4e40f3;
  margin-top: 40px;
  display: block;
}
.content-section.faq .inner .post a {
  text-decoration: underline;
}

ul.team-member-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -10px 200px;
  padding: 0;
}
@media only screen and (max-width: 700px) {
  ul.team-member-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: none;
        flex-wrap: none;
  }
}
ul.team-member-section li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  max-width: 31.5%;
  list-style: none;
  margin: 0 10px 20px;
  padding: 24px;
  border-radius: 4px;
  background: #ffffff;
  text-align: center;
  -webkit-box-shadow: 0px 43px 68px rgba(0, 0, 0, 0.05), 0px 17.9644px 28.4088px rgba(0, 0, 0, 0.0359427), 0px 9.60461px 15.1887px rgba(0, 0, 0, 0.0298054), 0px 5.38427px 8.51466px rgba(0, 0, 0, 0.025), 0px 2.85954px 4.52207px rgba(0, 0, 0, 0.0201946), 0px 1.18992px 1.88173px rgba(0, 0, 0, 0.0140573);
          box-shadow: 0px 43px 68px rgba(0, 0, 0, 0.05), 0px 17.9644px 28.4088px rgba(0, 0, 0, 0.0359427), 0px 9.60461px 15.1887px rgba(0, 0, 0, 0.0298054), 0px 5.38427px 8.51466px rgba(0, 0, 0, 0.025), 0px 2.85954px 4.52207px rgba(0, 0, 0, 0.0201946), 0px 1.18992px 1.88173px rgba(0, 0, 0, 0.0140573);
  cursor: pointer;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  ul.team-member-section li {
    max-width: 49%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
  }
}
@media only screen and (max-width: 700px) {
  ul.team-member-section li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    max-width: 100%;
  }
}
ul.team-member-section li div.image {
  height: 500px;
  -ms-flex-preferred-size: 500px;
      flex-basis: 500px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background: white no-repeat;
  background-size: 100%;
  background-size: cover;
  background-position: top center;
  border-radius: 4px;
  -webkit-box-shadow: 0px 14px 82px rgba(10, 15, 45, 0.04), 0px 5.84887px 34.2576px rgba(10, 15, 45, 0.0287542), 0px 3.12708px 18.3158px rgba(10, 15, 45, 0.0238443), 0px 1.75302px 10.2677px rgba(10, 15, 45, 0.02), 0px 0.931014px 5.45308px rgba(10, 15, 45, 0.0161557);
          box-shadow: 0px 14px 82px rgba(10, 15, 45, 0.04), 0px 5.84887px 34.2576px rgba(10, 15, 45, 0.0287542), 0px 3.12708px 18.3158px rgba(10, 15, 45, 0.0238443), 0px 1.75302px 10.2677px rgba(10, 15, 45, 0.02), 0px 0.931014px 5.45308px rgba(10, 15, 45, 0.0161557);
}
ul.team-member-section li h5 {
  margin-bottom: 0px;
  color: #4e40f3;
  font-size: 26px;
  line-height: 32px;
  font-weight: 800;
}
ul.team-member-section li p {
  margin: 0 0 16px;
  color: #4a4d5e;
}
ul.team-member-section li p.title {
  color: #383a45;
  font-weight: 600;
}
ul.team-member-section li p.email {
  font-weight: bold;
  margin: 0 0 20px;
}
ul.team-member-section li p.email a {
  font-weight: bold;
  color: #6a6d7f;
}
ul.team-member-section li span {
  font-size: 14px;
  color: #6a6d7f;
  line-height: 18px;
  padding: 0;
  margin: 16px 0 0;
}
ul.team-member-section li span:hover {
  text-decoration: underline;
}
ul.team-member-section li div.bio {
  display: none;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
ul.team-member-section li div.bio > *:last-child {
  margin-bottom: 0;
}
ul.team-member-section li div.bio p {
  font-size: 14px;
  line-height: 18px;
  text-align: left;
}
ul.team-member-section li.active, ul.team-member-section body.internal li.navigation-section, body.internal ul.team-member-section li.navigation-section {
  background-color: rgba(78, 64, 243, 0.08);
  -webkit-box-shadow: none;
          box-shadow: none;
}
ul.team-member-section li.active .image, ul.team-member-section body.internal li.navigation-section .image, body.internal ul.team-member-section li.navigation-section .image {
  display: none;
}
ul.team-member-section li.active span, ul.team-member-section body.internal li.navigation-section span, body.internal ul.team-member-section li.navigation-section span {
  display: none;
}
ul.team-member-section li.active div.bio, ul.team-member-section body.internal li.navigation-section div.bio, body.internal ul.team-member-section li.navigation-section div.bio {
  display: block;
}
ul.team-member-section li.active div.bio p, ul.team-member-section body.internal li.navigation-section div.bio p, body.internal ul.team-member-section li.navigation-section div.bio p {
  display: block;
}

.page-template-page-community-resources {
  background: -webkit-gradient(linear, left top, left bottom, from(#FBFBFB), color-stop(0.01%, #FBFBFB), to(#E1E2FF));
  background: -o-linear-gradient(top, #FBFBFB 0%, #FBFBFB 0.01%, #E1E2FF 100%);
  background: linear-gradient(180deg, #FBFBFB 0%, #FBFBFB 0.01%, #E1E2FF 100%);
  height: auto;
}

.community-resources {
  padding-bottom: 240px;
  margin-bottom: 0;
}

.community-resource {
  background: #ffffff;
  -webkit-box-shadow: 0px 43px 68px rgba(0, 0, 0, 0.05), 0px 17.9644px 28.4088px rgba(0, 0, 0, 0.0359427), 0px 9.60461px 15.1887px rgba(0, 0, 0, 0.0298054), 0px 5.38427px 8.51466px rgba(0, 0, 0, 0.025), 0px 2.85954px 4.52207px rgba(0, 0, 0, 0.0201946), 0px 1.18992px 1.88173px rgba(0, 0, 0, 0.0140573);
          box-shadow: 0px 43px 68px rgba(0, 0, 0, 0.05), 0px 17.9644px 28.4088px rgba(0, 0, 0, 0.0359427), 0px 9.60461px 15.1887px rgba(0, 0, 0, 0.0298054), 0px 5.38427px 8.51466px rgba(0, 0, 0, 0.025), 0px 2.85954px 4.52207px rgba(0, 0, 0, 0.0201946), 0px 1.18992px 1.88173px rgba(0, 0, 0, 0.0140573);
  border-radius: 4px;
  border: 2px solid #ffffff;
  overflow: hidden;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  outline: 6px solid rgba(78, 64, 243, 0.1);
  margin: 0 auto 24px;
}
.community-resource:active {
  outline: 6px solid rgba(78, 64, 243, 0.2);
}
.community-resource .header {
  margin: 0;
  padding: 32px;
  cursor: pointer;
  color: #4e40f3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.community-resource .header span.resource-tag {
  display: inline-block;
  padding: 6px 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  margin: 0 12px 0 0;
  color: #ffffff;
  background-color: #4e40f3;
  border-radius: 4px;
}
.community-resource .header h3 {
  font-weight: 700;
  color: #4e40f3;
  margin: 0;
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media only screen and (max-width: 900px) {
  .community-resource .header h3 {
    font-size: 28px;
    line-height: 125%;
  }
}
.community-resource .header .button {
  margin: 0 0 0 16px;
  background-color: rgba(78, 64, 243, 0.1);
  color: #4e40f3;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 18px;
  letter-spacing: 0px;
  text-transform: none;
}
.community-resource .header .button:hover {
  background-color: rgba(78, 64, 243, 0.2);
}
.community-resource .header .button:active {
  background-color: rgba(78, 64, 243, 0.3);
}
.community-resource .header .button.hide {
  display: none;
}
.community-resource .header .button.expand {
  display: block;
}
.community-resource .content {
  border-top: 1px solid #e8ebf1;
  padding: 32px;
  display: none;
  -webkit-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
  color: #4a4d5e;
}
.community-resource .content ul, .community-resource .content li, .community-resource .content ol {
  color: #4a4d5e;
}
.community-resource .content p {
  color: #4a4d5e;
}
.community-resource .content p b, .community-resource .content p strong {
  color: #4a4d5e;
}
.community-resource .content > *:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 700px) {
  .community-resource .header, .community-resource .content {
    padding: 16px;
  }
  .community-resource .header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .community-resource .header .button {
    margin: 16px 0 0 0;
    width: 100%;
    text-align: center;
  }
}
.community-resource.active .header .button.hide, body.internal .community-resource.navigation-section .header .button.hide {
  display: block;
}
.community-resource.active .header .button.expand, body.internal .community-resource.navigation-section .header .button.expand {
  display: none;
}
.community-resource.active .content, body.internal .community-resource.navigation-section .content {
  display: block;
}

.home-hero-section {
  padding: 160px 0 0;
  position: relative;
}
@media only screen and (max-width: 1300px) {
  .home-hero-section {
    margin: 0;
  }
}
@media only screen and (max-width: 1000px) {
  .home-hero-section {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 800px) {
  .home-hero-section {
    padding: 40px 0;
    margin: 0;
  }
}
.home-hero-section .inner {
  position: relative;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.home-hero-section h2 {
  color: #4e40f3;
  margin: 0 auto 40px;
  max-width: 600px;
  text-align: center;
  font-weight: 600;
}
.home-hero-section h2 b {
  position: relative;
  font-weight: 900;
}
@media only screen and (max-width: 800px) {
  .home-hero-section h2 {
    font-size: 26px;
    margin: 30px auto;
    max-width: none;
  }
}
.home-hero-section .button {
  display: inline-block;
}
.home-hero-section p {
  text-align: center;
  display: block;
  color: #222c51;
  text-decoration: none;
  max-width: 780px;
}
.home-hero-section .background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 160px;
  z-index: 0;
  background-color: #f7f7f8;
  background: -webkit-gradient(linear, left top, left bottom, from(#FBFBFB), color-stop(0.01%, #FBFBFB), to(#E1E2FF));
  background: -o-linear-gradient(top, #FBFBFB 0%, #FBFBFB 0.01%, #E1E2FF 100%);
  background: linear-gradient(180deg, #FBFBFB 0%, #FBFBFB 0.01%, #E1E2FF 100%);
}
.home-hero-section .video-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin: 40px 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.home-hero-section .video-container .side-element {
  width: 200px;
  background-color: #F0F1F7;
  height: 300px;
  border: 20px solid #ffffff;
  position: relative;
  border-radius: 4px;
  background-size: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.home-hero-section .video-container .side-element:first-child {
  border-right: none;
  border-radius: 4px 0px 0px 4px;
  background-image: url("img/vo1.png");
}
.home-hero-section .video-container .side-element:last-child {
  border-left: none;
  border-radius: 0px 4px 4px 0px;
  background-image: url("img/vo2.png");
}
@media only screen and (max-width: 800px) {
  .home-hero-section .video-container .side-element {
    display: none;
  }
}
.home-hero-section .video-container .video {
  width: 100%;
  max-width: 640px;
  height: 420px;
  background-color: #ffffff;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  position: relative;
  z-index: 2;
  border-radius: 4px;
}
@media only screen and (max-width: 800px) {
  .home-hero-section .video-container .video {
    height: 300px;
  }
}
.home-hero-section .video-container .video .video-inner {
  background-color: #ffffff;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  border-radius: 4px;
  min-width: 550px;
  -webkit-box-shadow: 0px 43px 68px rgba(0, 0, 0, 0.05), 0px 17.9644px 28.4088px rgba(0, 0, 0, 0.0359427), 0px 9.60461px 15.1887px rgba(0, 0, 0, 0.0298054), 0px 5.38427px 8.51466px rgba(0, 0, 0, 0.025), 0px 2.85954px 4.52207px rgba(0, 0, 0, 0.0201946), 0px 1.18992px 1.88173px rgba(0, 0, 0, 0.0140573);
          box-shadow: 0px 43px 68px rgba(0, 0, 0, 0.05), 0px 17.9644px 28.4088px rgba(0, 0, 0, 0.0359427), 0px 9.60461px 15.1887px rgba(0, 0, 0, 0.0298054), 0px 5.38427px 8.51466px rgba(0, 0, 0, 0.025), 0px 2.85954px 4.52207px rgba(0, 0, 0, 0.0201946), 0px 1.18992px 1.88173px rgba(0, 0, 0, 0.0140573);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  padding: 20px;
  background-size: 100%;
  background-size: cover;
  background: center center no-repeat url("img/videoinner.png");
}
.home-hero-section .video-container .video .video-inner .play {
  padding: 0 0 110px;
  background-size: 100%;
  background-size: cover;
  background: bottom center no-repeat url("img/Play.png");
  position: relative;
  z-index: 2;
}
.home-hero-section .video-container .video .video-inner .play span {
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
  line-height: 145%;
  display: inline-block;
}
.home-hero-section .video-container .video .video-inner .video-inner-background {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  z-index: 1;
  background-color: rgba(56, 58, 69, 0.4);
}
.home-hero-section .video-container .video .video-inner:hover span {
  letter-spacing: 2px;
}
.home-hero-section .video-container .video .video-inner:hover .play {
  background-image: url("img/playalt.png");
}
.home-hero-section .video-container .video .video-inner:hover .video-inner-background {
  background-color: rgba(78, 64, 243, 0.65);
}
@media only screen and (max-width: 800px) {
  .home-hero-section .video-container .video .video-inner {
    width: 100%;
    min-width: 0px;
  }
}

.home-examples-section {
  padding: 0 0 80px;
  margin: 0;
  background-color: #ffffff;
  overflow-x: hidden;
  overflow-y: visible;
}
@media only screen and (max-width: 900px) {
  .home-examples-section {
    text-align: center;
    padding-top: 80px;
  }
}
@media only screen and (max-width: 800px) {
  .home-examples-section {
    padding-bottom: 0;
    padding-top: 0;
  }
}
.home-examples-section .home-house-list {
  overflow: visible;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 20px;
}
.home-examples-section .home-house-list .house {
  margin: 0 20px 20px;
  min-width: 260px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 25%;
          flex: 1 0 25%;
  -webkit-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  border-radius: 4px;
  -webkit-box-shadow: 0px 43px 68px rgba(0, 0, 0, 0.05), 0px 17.9644px 28.4088px rgba(0, 0, 0, 0.0359427), 0px 9.60461px 15.1887px rgba(0, 0, 0, 0.0298054), 0px 5.38427px 8.51466px rgba(0, 0, 0, 0.025), 0px 2.85954px 4.52207px rgba(0, 0, 0, 0.0201946), 0px 1.18992px 1.88173px rgba(0, 0, 0, 0.0140573);
          box-shadow: 0px 43px 68px rgba(0, 0, 0, 0.05), 0px 17.9644px 28.4088px rgba(0, 0, 0, 0.0359427), 0px 9.60461px 15.1887px rgba(0, 0, 0, 0.0298054), 0px 5.38427px 8.51466px rgba(0, 0, 0, 0.025), 0px 2.85954px 4.52207px rgba(0, 0, 0, 0.0201946), 0px 1.18992px 1.88173px rgba(0, 0, 0, 0.0140573);
}
.home-examples-section .home-house-list .house .image {
  height: 250px;
  width: 100%;
  margin: 0;
  position: relative;
  background: center center no-repeat #f7f7f8;
  background-size: 100% 100%;
  background-size: cover;
  -webkit-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}
@media only screen and (max-width: 800px) {
  .home-examples-section .home-house-list .house .image {
    height: 300px;
  }
}
.home-examples-section .home-house-list .house .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px;
  border-top: 1px;
  background-color: #ffffff;
}
.home-examples-section .home-house-list .house a {
  display: block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}
.home-examples-section .home-house-list .house h5 {
  margin: 0 0 5px;
  font-weight: 500;
  padding: 0;
  -webkit-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
  font-size: 16px;
  line-height: 19px;
}
.home-examples-section .home-house-list .house h5 span {
  font-size: 12px;
  line-height: 14px;
  padding: 3px 6px 2px;
  border-radius: 2px;
  background-color: #4e40f3;
  color: #ffffff;
  display: inline-block;
  margin: 0 3px 0 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  position: relative;
  top: -2px;
}
.home-examples-section .home-house-list .house h5 b {
  font-weight: 700;
  -webkit-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}
.home-examples-section .home-house-list .house p {
  margin: 0;
  padding: 0;
  -webkit-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

.home-simple-section .inner {
  margin: 0 auto;
  max-width: 960px;
  padding: 2vw 4vw 2vw;
  text-align: center;
}
.home-simple-section .inner h3 {
  font-weight: 700;
}
@media only screen and (max-width: 800px) {
  .home-simple-section .inner h3 {
    font-size: 26px;
  }
}
.home-simple-section .inner .button {
  display: inline-block;
}
.home-simple-section.tall .inner {
  padding: 3vw 4vw;
}
.home-simple-section.boxed .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0px 43px 68px rgba(0, 0, 0, 0.05), 0px 17.9644px 28.4088px rgba(0, 0, 0, 0.0359427), 0px 9.60461px 15.1887px rgba(0, 0, 0, 0.0298054), 0px 5.38427px 8.51466px rgba(0, 0, 0, 0.025), 0px 2.85954px 4.52207px rgba(0, 0, 0, 0.0201946), 0px 1.18992px 1.88173px rgba(0, 0, 0, 0.0140573);
          box-shadow: 0px 43px 68px rgba(0, 0, 0, 0.05), 0px 17.9644px 28.4088px rgba(0, 0, 0, 0.0359427), 0px 9.60461px 15.1887px rgba(0, 0, 0, 0.0298054), 0px 5.38427px 8.51466px rgba(0, 0, 0, 0.025), 0px 2.85954px 4.52207px rgba(0, 0, 0, 0.0201946), 0px 1.18992px 1.88173px rgba(0, 0, 0, 0.0140573);
  padding: 0;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  border-radius: 4px;
  overflow: hidden;
}
@media only screen and (max-width: 800px) {
  .home-simple-section.boxed .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.home-simple-section.boxed .inner .info {
  padding: 70px;
  background-color: #ffffff;
  text-align: left;
}
@media only screen and (max-width: 800px) {
  .home-simple-section.boxed .inner .info {
    padding: 40px;
  }
}
.home-simple-section.boxed .inner .info h4 {
  font-weight: 700;
  font-family: "Titillium Web", "proxima-nova", sans-serif;
  font-size: 26px;
  line-height: 30px;
  color: #383a45;
}
.home-simple-section.boxed .inner .info .button {
  margin: 0;
}
.home-simple-section.boxed .inner .video {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 800px) {
  .home-simple-section.boxed .inner .video {
    width: 100%;
    -ms-flex-preferred-size: 360px;
        flex-basis: 360px;
  }
}
.home-simple-section.boxed .inner .video .video-inner {
  background-color: #ffffff;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  background-size: 100%;
  background-size: cover;
  background: center center no-repeat url("img/visittulsa.png");
}
.home-simple-section.boxed .inner .video .video-inner .play {
  padding: 0 0 110px;
  background-size: 100%;
  background-size: cover;
  background: bottom center no-repeat url("img/Play.png");
  position: relative;
  z-index: 2;
}
.home-simple-section.boxed .inner .video .video-inner .play span {
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 145%;
  display: inline-block;
}
.home-simple-section.boxed .inner .video .video-inner .video-inner-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(56, 58, 69, 0.4);
}
.home-simple-section.boxed .inner .video .video-inner:hover span {
  letter-spacing: 2px;
}
.home-simple-section.boxed .inner .video .video-inner:hover .play {
  background-image: url("img/playalt.png");
}
.home-simple-section.boxed .inner .video .video-inner:hover .video-inner-background {
  background-color: rgba(78, 64, 243, 0.65);
}
@media only screen and (max-width: 800px) {
  .home-simple-section.boxed .inner .video .video-inner {
    width: 100%;
    min-width: 0px;
  }
}

.content-section.home h4, .content-section.home h4 a {
  font-family: "Titillium Web", "proxima-nova", sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 30px;
  color: #383a45;
}

.media {
  padding-top: 120px;
  padding-bottom: 60px;
}
@media only screen and (max-width: 800px) {
  .media {
    padding-top: 80px;
    padding-bottom: 40px;
  }
}
.media .inner {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.media .inner > h1 {
  font-weight: bold;
  color: #4e40f3;
}
.media .inner > p {
  max-width: 720px;
}
.media .inner > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
  margin: 60px -20px 0;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media only screen and (max-width: 800px) {
  .media .inner > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.media .inner > ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 300px;
          flex: 0 1 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left;
  margin: 0 20px 20px;
}
@media only screen and (max-width: 800px) {
  .media .inner > ul li {
    text-align: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.media .inner > ul li img {
  width: 330px;
  height: auto;
  max-width: 100%;
  margin: 0 0 20px;
}
@media only screen and (max-width: 800px) {
  .media .inner > ul li p {
    max-width: 500px;
  }
}
.media .inner > ul li a {
  margin-top: auto;
}

@media print {
  *,
*:before,
*:after {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
            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) ")";
  }

  a[href^="#"]:after,
a[href^="javascript:"]:after {
    content: "";
  }

  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  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;
  }
}
.jAlert {
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: 0px 54px 98px rgba(10, 14, 38, 0.55);
          box-shadow: 0px 54px 98px rgba(10, 14, 38, 0.55);
}

.ja_btn, .ja_btn_green, .ja_btn_red {
  text-transform: none;
  font-size: 15px !important;
  line-height: 19px !important;
  letter-spacing: 0 !important;
  padding: 15px 25px 14px !important;
  color: #4e40f3 !important;
  font-weight: 600 !important;
  background-color: #ffffff !important;
  border-radius: 2px !important;
  margin: 15px 0 0 !important;
  cursor: pointer !important;
  -webkit-transition: all 0s ease-in-out !important;
  -o-transition: all 0s ease-in-out !important;
  transition: all 0s ease-in-out !important;
  text-decoration: none !important;
  border: none !important;
  -webkit-box-shadow: 0px 2px 5px rgba(10, 14, 38, 0.04) !important;
          box-shadow: 0px 2px 5px rgba(10, 14, 38, 0.04) !important;
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}
.ja_btn.ja_btn_green, .ja_btn_green.ja_btn_green, .ja_btn_red.ja_btn_green {
  background: #4e40f3 !important;
  color: #ffffff !important;
  display: block !important;
  text-align: center !important;
  width: 100% !important;
}
.ja_btn:hover, .ja_btn_green:hover, .ja_btn_red:hover {
  background: #5c4eff !important;
  color: #ffffff !important;
}

.ja_title {
  background: #ffffff;
  padding: 40px 40px 20px;
}
.ja_title > div {
  padding: 0;
}

.ja_btn_wrap.optBack {
  background: #ffffff;
  padding: 0;
  margin: 0;
}

.ja_body {
  padding: 0 40px 40px;
  font-size: 14px;
  line-height: 18px;
}

.ja_close {
  background: #ffffff;
  top: 40px;
  right: 40px;
  padding: 0;
}
.ja_close:hover {
  background: #ffffff;
}

.ja_wrap {
  background: transparent !important;
  border: none !important;
}

.blackflag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  z-index: 9999;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 30px;
  background: #080710;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.blackflag a {
  display: block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  max-width: 1000px;
  width: 100%;
}
.blackflag img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-box-shadow: 0px 2.31722px 7.16021px rgba(42, 40, 224, 0.0180827), 0px 5.38772px 16.6481px rgba(42, 40, 224, 0.0261253), 0px 9.67509px 29.896px rgba(42, 40, 224, 0.0322036), 0px 16.0571px 49.6164px rgba(42, 40, 224, 0.0377964), 0px 26.4535px 81.7413px rgba(42, 40, 224, 0.0438747), 0px 46.233px 142.86px rgba(42, 40, 224, 0.0519173), 0px 100px 309px rgba(42, 40, 224, 0.07);
          box-shadow: 0px 2.31722px 7.16021px rgba(42, 40, 224, 0.0180827), 0px 5.38772px 16.6481px rgba(42, 40, 224, 0.0261253), 0px 9.67509px 29.896px rgba(42, 40, 224, 0.0322036), 0px 16.0571px 49.6164px rgba(42, 40, 224, 0.0377964), 0px 26.4535px 81.7413px rgba(42, 40, 224, 0.0438747), 0px 46.233px 142.86px rgba(42, 40, 224, 0.0519173), 0px 100px 309px rgba(42, 40, 224, 0.07);
}
.blackflag img:hover {
  -webkit-box-shadow: 0px 2.76726px 5.9496px rgba(42, 40, 224, 0.030926), 0px 6.6501px 14.2977px rgba(42, 40, 224, 0.0444282), 0px 12.5216px 26.9213px rgba(42, 40, 224, 0.055), 0px 22.3363px 48.0231px rgba(42, 40, 224, 0.0655718), 0px 41.7776px 89.8219px rgba(42, 40, 224, 0.079074), 0px 100px 215px rgba(42, 40, 224, 0.11);
          box-shadow: 0px 2.76726px 5.9496px rgba(42, 40, 224, 0.030926), 0px 6.6501px 14.2977px rgba(42, 40, 224, 0.0444282), 0px 12.5216px 26.9213px rgba(42, 40, 224, 0.055), 0px 22.3363px 48.0231px rgba(42, 40, 224, 0.0655718), 0px 41.7776px 89.8219px rgba(42, 40, 224, 0.079074), 0px 100px 215px rgba(42, 40, 224, 0.11);
}

.video-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(20, 21, 26, 0.9);
  z-index: 9999;
  cursor: pointer;
  padding: 20px;
}
.video-modal .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999;
  cursor: pointer;
  width: 60px;
  height: 60px;
  background: center center #14151a no-repeat url("img/close.svg");
  background-size: 25px 25px;
}
.video-modal.active, body.internal .video-modal.navigation-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.video-modal .modal-content {
  width: 100%;
  max-width: 1800px;
  padding: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-height: 100%;
}
.video-modal .modal-content .modal-body {
  position: relative;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: hidden;
}
.video-modal .modal-content .modal-body::before {
  content: "";
  display: block;
  position: relative;
  padding-top: 56.25%;
  border: none;
  outline: none;
}
.video-modal .modal-content .video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
}