@charset "UTF-8";
*, ::before, ::after {
  box-sizing: inherit; }

html {
  box-sizing: border-box;
  /* 1 */
  -webkit-tap-highlight-color: transparent;
  /* 3 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

body {
  margin: 0; }

main {
  display: block; }

nav ol,
nav ul {
  margin: 0;
  padding: 0;
  list-style: none; }

iframe {
  border: 0; }

template {
  display: none; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

small {
  font-size: 80%; }

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer; }

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

embed,
iframe,
object,
video {
  max-width: 100%; }

table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse; }

/**
 * 1. Fluid images for responsive purposes.
 * 2. Offset `alt` text from surrounding copy.
 * 3. Setting `vertical-align` removes the whitespace that appears under `img`.
 */
img {
  max-width: 100%;
  /* [1] */
  height: auto;
  /* [1] */
  font-style: italic;
  /* [2] */
  vertical-align: middle;
  /* [3] */ }

:focus {
  outline: none; }

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

/**
 * 1. Remove iOS rounded borders.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  line-height: inherit;
  border-radius: 0;
  /* 1 */ }

/**
 * 1. The -webkit-font-smoothing rule fixes buggy inheritance.
 */
button {
  overflow: visible;
  padding: 0;
  -webkit-font-smoothing: inherit;
  /* 1 */
  letter-spacing: inherit;
  background: none;
  border: 0;
  user-select: none; }

[role="button"],
button {
  cursor: pointer; }

/**
 * 1. Set resize to vertical
 * 2. Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
  /* 2 */
  vertical-align: top;
  resize: vertical;
  /* 1 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
::-moz-focus-inner {
  padding: 0;
  border: 0; }

/**
 * Remove rounded corners on search inputs in iOS
 */
[type="search"] {
  -webkit-appearance: none; }

/* Turn off the recent search for webkit. It adds about 15px padding on the left */
::-webkit-search-decoration {
  display: none; }

[type="date"],
[type="time"],
[type="datetime-local"],
[type="month"],
[type="week"] {
  -webkit-appearance: listbox; }

html {
  overflow-x: hidden;
  overflow-y: auto; }

a, button {
  transition: 0.33333s; }

a > img {
  opacity: 1;
  transition: 0.33333s; }

a:hover > img, a:active > img, a:focus > img {
  opacity: 0.7; }

/**
 * Always declare margins in the same direction.
 */
h1, h2, h3, h4,
blockquote, p, pre,
dl, ol, ul,
figure,
table {
  margin-top: 0;
  margin-bottom: 1.5rem; }

/**
 * Remove trailing margins from nested lists
 */
li > ul,
li > ol {
  margin-bottom: 0; }

/**
 * Avoid last-child bottom margin
 */
blockquote:last-child,
p:last-child,
pre:last-child,
dl:last-child,
ol:last-child,
ul:last-child,
figure:last-child,
table:last-child {
  margin-bottom: 0; }

html {
  font-size: 106.25%; }
  @media all and (min-width: 39em) {
    html {
      font-size: 118.75%; } }
  @media all and (min-width: 48em) {
    html {
      font-size: 143.75%; } }
  @media all and (min-width: 80em) {
    html {
      font-size: 162.5%; } }

body {
  color: #515151;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.3; }

b,
strong {
  font-weight: 700; }

h1, h2, h3, h4 {
  font-weight: normal; }

h1, .t1 {
  font-size: 1.76471em;
  margin-bottom: .55em; }
  @media all and (min-width: 39em) {
    h1, .t1 {
      font-size: 1.57895em; } }
  @media all and (min-width: 48em) {
    h1, .t1 {
      font-size: 1.47826em; } }
  @media all and (min-width: 80em) {
    h1, .t1 {
      font-size: 2.15385em; } }

h2, .t2 {
  font-size: 1.52941em; }
  @media all and (min-width: 39em) {
    h2, .t2 {
      font-size: 1.36842em; } }
  @media all and (min-width: 48em) {
    h2, .t2 {
      font-size: 1.21739em; } }
  @media all and (min-width: 80em) {
    h2, .t2 {
      font-size: 1.53846em; } }
  h2:not(:first-child), .t2:not(:first-child) {
    margin-top: 2.25rem; }

h3, .t3 {
  font-size: 1.17647em; }
  @media all and (min-width: 39em) {
    h3, .t3 {
      font-size: 1.15789em; } }
  @media all and (min-width: 48em) {
    h3, .t3 {
      font-size: 1.13043em; } }
  @media all and (min-width: 80em) {
    h3, .t3 {
      font-size: 1.30769em; } }
  h3:not(:first-child), .t3:not(:first-child) {
    margin-top: 2.25rem; }

.s1 {
  font-size: .75em; }

.s2 {
  font-size: .5em; }

p {
  font-weight: 300; }

.lead {
  color: #e59b0e; }

p a {
  position: relative;
  display: inline-block;
  background-color: rgba(29, 63, 91, 0.1); }
  .-blue p a {
    background-color: rgba(255, 255, 255, 0.1); }
    .-blue p a:hover, .-blue p a:active, .-blue p a:focus {
      background-color: rgba(255, 255, 255, 0.2); }
  p a:hover, p a:active, p a:focus {
    background-color: rgba(29, 63, 91, 0.2); }

q {
  display: block;
  margin-bottom: 1em;
  color: #a6bfd4;
  font-size: 1.03846em;
  font-style: italic; }

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 0 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }

.hamburger-box {
  width: 25px;
  height: 15px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1.5px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 25px;
    height: 3px;
    background-color: #fff;
    border-radius: 2px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -6px; }
  .hamburger-inner::after {
    bottom: -6px; }

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 1.5px; }
  .hamburger--slider .hamburger-inner::before {
    top: 6px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 12px; }

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 6px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-3.57143px, -3px, 0);
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -12px, 0) rotate(-90deg); }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

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

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #CCC; }

.mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1; }

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1; }

.mfp-arrow:before,
.mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px; }

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px; }

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.rangeslider,
.rangeslider__fill {
  display: block;
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; }

.rangeslider {
  background: #e6e6e6;
  position: relative; }

.rangeslider--horizontal {
  height: 20px;
  width: 100%; }

.rangeslider--vertical {
  width: 20px;
  min-height: 150px;
  max-height: 100%; }

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4; }

.rangeslider__fill {
  background: #00ff00;
  position: absolute; }

.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%; }

.rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%; }

.rangeslider__handle {
  background: white;
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

.rangeslider__handle:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

.rangeslider__handle:active, .rangeslider--active .rangeslider__handle {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12)); }

.rangeslider--horizontal .rangeslider__handle {
  top: -10px;
  touch-action: pan-y;
  -ms-touch-action: pan-y; }

.rangeslider--vertical .rangeslider__handle {
  left: -10px;
  touch-action: pan-x;
  -ms-touch-action: pan-x; }

input[type="range"]:focus + .rangeslider .rangeslider__handle {
  -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); }

.container, .wrap {
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
  padding-right: 20px;
  padding-left: 20px; }
  .container::after, .wrap::after {
    content: '';
    display: block;
    clear: both; }
  @media (min-width: 39em) {
    .container, .wrap {
      padding-right: 40px;
      padding-left: 40px; } }

.container__inner {
  position: relative; }

.grid {
  display: flex;
  flex-wrap: wrap;
  margin-right: -20px;
  margin-left: -20px; }

.grid.-between {
  justify-content: space-between; }

.grid.-around {
  justify-content: space-around; }

.grid.-center {
  justify-content: center; }

.grid.-right {
  justify-content: flex-end; }

.grid.-top {
  align-items: flex-start; }

.grid.-bottom {
  align-items: flex-end; }

.grid.-middle {
  align-items: center; }

.grid--flush {
  margin: 0; }
  .grid--flush .grid__item {
    padding: 0; }

.grid__item {
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  padding-right: 20px;
  padding-left: 20px; }

.grid__item.-top {
  align-self: flex-start; }

.grid__item.-bottom {
  align-self: flex-end; }

.grid__item.-middle {
  align-self: center; }

.grid__item.-first {
  order: -1; }

.grid__item.-last {
  order: 1; }

.grid__item.-flex {
  display: flex; }

.grid__item.-full {
  padding: 0; }

.u-1\/2 {
  flex: 0 0 50%;
  max-width: 50%; }

.u-2\/2 {
  flex: 0 0 100%;
  max-width: 100%; }

.u-1\/3 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.u-2\/3 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.u-3\/3 {
  flex: 0 0 100%;
  max-width: 100%; }

.u-1\/4 {
  flex: 0 0 25%;
  max-width: 25%; }

.u-2\/4 {
  flex: 0 0 50%;
  max-width: 50%; }

.u-3\/4 {
  flex: 0 0 75%;
  max-width: 75%; }

.u-4\/4 {
  flex: 0 0 100%;
  max-width: 100%; }

.u-1\/5 {
  flex: 0 0 20%;
  max-width: 20%; }

.u-2\/5 {
  flex: 0 0 40%;
  max-width: 40%; }

.u-3\/5 {
  flex: 0 0 60%;
  max-width: 60%; }

.u-4\/5 {
  flex: 0 0 80%;
  max-width: 80%; }

.u-5\/5 {
  flex: 0 0 100%;
  max-width: 100%; }

@media (min-width: 0) {
  .u-1\/2\@xs {
    flex: 0 0 50%;
    max-width: 50%; }
  .u-2\/2\@xs {
    flex: 0 0 100%;
    max-width: 100%; }
  .u-1\/3\@xs {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .u-2\/3\@xs {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .u-3\/3\@xs {
    flex: 0 0 100%;
    max-width: 100%; }
  .u-1\/4\@xs {
    flex: 0 0 25%;
    max-width: 25%; }
  .u-2\/4\@xs {
    flex: 0 0 50%;
    max-width: 50%; }
  .u-3\/4\@xs {
    flex: 0 0 75%;
    max-width: 75%; }
  .u-4\/4\@xs {
    flex: 0 0 100%;
    max-width: 100%; }
  .u-1\/5\@xs {
    flex: 0 0 20%;
    max-width: 20%; }
  .u-2\/5\@xs {
    flex: 0 0 40%;
    max-width: 40%; }
  .u-3\/5\@xs {
    flex: 0 0 60%;
    max-width: 60%; }
  .u-4\/5\@xs {
    flex: 0 0 80%;
    max-width: 80%; }
  .u-5\/5\@xs {
    flex: 0 0 100%;
    max-width: 100%; } }

@media (min-width: 39em) {
  .u-1\/2\@sm {
    flex: 0 0 50%;
    max-width: 50%; }
  .u-2\/2\@sm {
    flex: 0 0 100%;
    max-width: 100%; }
  .u-1\/3\@sm {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .u-2\/3\@sm {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .u-3\/3\@sm {
    flex: 0 0 100%;
    max-width: 100%; }
  .u-1\/4\@sm {
    flex: 0 0 25%;
    max-width: 25%; }
  .u-2\/4\@sm {
    flex: 0 0 50%;
    max-width: 50%; }
  .u-3\/4\@sm {
    flex: 0 0 75%;
    max-width: 75%; }
  .u-4\/4\@sm {
    flex: 0 0 100%;
    max-width: 100%; }
  .u-1\/5\@sm {
    flex: 0 0 20%;
    max-width: 20%; }
  .u-2\/5\@sm {
    flex: 0 0 40%;
    max-width: 40%; }
  .u-3\/5\@sm {
    flex: 0 0 60%;
    max-width: 60%; }
  .u-4\/5\@sm {
    flex: 0 0 80%;
    max-width: 80%; }
  .u-5\/5\@sm {
    flex: 0 0 100%;
    max-width: 100%; } }

@media (min-width: 48em) {
  .u-1\/2\@md {
    flex: 0 0 50%;
    max-width: 50%; }
  .u-2\/2\@md {
    flex: 0 0 100%;
    max-width: 100%; }
  .u-1\/3\@md {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .u-2\/3\@md {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .u-3\/3\@md {
    flex: 0 0 100%;
    max-width: 100%; }
  .u-1\/4\@md {
    flex: 0 0 25%;
    max-width: 25%; }
  .u-2\/4\@md {
    flex: 0 0 50%;
    max-width: 50%; }
  .u-3\/4\@md {
    flex: 0 0 75%;
    max-width: 75%; }
  .u-4\/4\@md {
    flex: 0 0 100%;
    max-width: 100%; }
  .u-1\/5\@md {
    flex: 0 0 20%;
    max-width: 20%; }
  .u-2\/5\@md {
    flex: 0 0 40%;
    max-width: 40%; }
  .u-3\/5\@md {
    flex: 0 0 60%;
    max-width: 60%; }
  .u-4\/5\@md {
    flex: 0 0 80%;
    max-width: 80%; }
  .u-5\/5\@md {
    flex: 0 0 100%;
    max-width: 100%; } }

@media (min-width: 62em) {
  .u-1\/2\@lg {
    flex: 0 0 50%;
    max-width: 50%; }
  .u-2\/2\@lg {
    flex: 0 0 100%;
    max-width: 100%; }
  .u-1\/3\@lg {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .u-2\/3\@lg {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .u-3\/3\@lg {
    flex: 0 0 100%;
    max-width: 100%; }
  .u-1\/4\@lg {
    flex: 0 0 25%;
    max-width: 25%; }
  .u-2\/4\@lg {
    flex: 0 0 50%;
    max-width: 50%; }
  .u-3\/4\@lg {
    flex: 0 0 75%;
    max-width: 75%; }
  .u-4\/4\@lg {
    flex: 0 0 100%;
    max-width: 100%; }
  .u-1\/5\@lg {
    flex: 0 0 20%;
    max-width: 20%; }
  .u-2\/5\@lg {
    flex: 0 0 40%;
    max-width: 40%; }
  .u-3\/5\@lg {
    flex: 0 0 60%;
    max-width: 60%; }
  .u-4\/5\@lg {
    flex: 0 0 80%;
    max-width: 80%; }
  .u-5\/5\@lg {
    flex: 0 0 100%;
    max-width: 100%; } }

@media (min-width: 80em) {
  .u-1\/2\@xl {
    flex: 0 0 50%;
    max-width: 50%; }
  .u-2\/2\@xl {
    flex: 0 0 100%;
    max-width: 100%; }
  .u-1\/3\@xl {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .u-2\/3\@xl {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .u-3\/3\@xl {
    flex: 0 0 100%;
    max-width: 100%; }
  .u-1\/4\@xl {
    flex: 0 0 25%;
    max-width: 25%; }
  .u-2\/4\@xl {
    flex: 0 0 50%;
    max-width: 50%; }
  .u-3\/4\@xl {
    flex: 0 0 75%;
    max-width: 75%; }
  .u-4\/4\@xl {
    flex: 0 0 100%;
    max-width: 100%; }
  .u-1\/5\@xl {
    flex: 0 0 20%;
    max-width: 20%; }
  .u-2\/5\@xl {
    flex: 0 0 40%;
    max-width: 40%; }
  .u-3\/5\@xl {
    flex: 0 0 60%;
    max-width: 60%; }
  .u-4\/5\@xl {
    flex: 0 0 80%;
    max-width: 80%; }
  .u-5\/5\@xl {
    flex: 0 0 100%;
    max-width: 100%; } }

/**
 * Create ratio-bound content blocks, to keep media (e.g. images, videos) in
 * their correct aspect ratios.
 *
 * http://alistapart.com/article/creating-intrinsic-ratios-for-video
 *
 * 1. Default cropping is a 1:1 ratio (i.e. a perfect square).
 */
.o-ratio {
  position: relative;
  display: block;
  overflow: hidden; }
  .o-ratio::before {
    content: '';
    display: block;
    width: 100%;
    padding-bottom: 100%;
    /* [1] */ }

.o-ratio__content,
.o-ratio > iframe,
.o-ratio > embed,
.o-ratio > object {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Ratio variants.
   ========================================================================== */
/**
 * Generate a series of ratio classes to be used like so:
 *
 *   <div class="o-ratio  o-ratio--16:9">
 *
 */
.o-ratio--2\:1:before {
  padding-bottom: 50%; }

.o-ratio--4\:3:before {
  padding-bottom: 75%; }

.o-ratio--16\:9:before {
  padding-bottom: 56.25%; }

.address {
  margin-bottom: 1.5rem; }

@media (max-width: 859px) {
  .address__line {
    margin-bottom: 1rem; } }

.address__label {
  display: inline-block;
  width: 260px; }
  @media (max-width: 859px) {
    .address__label {
      display: block; } }

.alert-success {
  margin-top: 10px;
  padding: 1em;
  color: green;
  font-size: .7em;
  font-weight: bold;
  border: 1px solid;
  border-color: green; }

.alert-error {
  margin-top: 10px;
  padding: 1em;
  color: red;
  font-size: .7em;
  font-weight: bold;
  border: 1px solid;
  border-color: red; }

.boxo {
  padding: 1.15385em;
  text-align: center;
  background-color: #fff;
  border: 2px solid #e6ebee;
  border-radius: 10px; }
  .boxo h3 {
    margin: 0 0 .25em;
    color: #e59b0e;
    font-size: 1.53846em;
    font-weight: bold;
    text-transform: uppercase; }
  .boxo p {
    margin-bottom: .75em;
    color: #515151; }

.boxo__girls {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px; }
  .boxo__girls img {
    float: left;
    width: 6.92308em;
    height: 6.92308em;
    border: 4px solid #f7ab1c;
    border-radius: 50%; }
    .boxo__girls img:last-child {
      float: right; }

.boxo__btn {
  width: 100%; }

.boxo__rss {
  position: relative;
  z-index: 3;
  display: block;
  width: 80px;
  height: 75px;
  margin: 0 auto -20px;
  background: url("../img/icon-rss.png") 50% 0 no-repeat; }
  .boxo__rss:hover, .boxo__rss:active, .boxo__rss:focus {
    background-image: url("../img/icon-rss-on.png"); }

.boxo__social a {
  margin: 0 .5em;
  color: #f7ab1c;
  font-size: 42px; }
  .boxo__social a:hover, .boxo__social a:active, .boxo__social a:focus {
    color: #8fae6d; }

@media (max-width: 360px) {
  .boxo--form {
    width: 100%; } }

@media (max-width: 38.99em) {
  .boxo--form {
    margin-left: auto;
    margin-right: auto; } }

@media (min-width: 361px) {
  .boxo--form {
    width: 320px; } }

@media (min-width: 80em) {
  .boxo--form {
    width: 420px; } }

.boxo--social {
  margin-top: .75em;
  padding-right: 0;
  padding-left: 0; }

.btn {
  display: inline-block;
  padding: 0 .85em;
  font-size: 20px;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
  border: 0;
  border-radius: 5px;
  transition: 0.33333s; }
  @media (min-width: 80.01em) {
    .btn {
      font-size: 26px;
      line-height: 60px; } }
  .btn:hover, .btn:active, .btn:focus {
    opacity: .7; }

.btn.-primary {
  color: #fff;
  background-color: #7fb85c !important; }

.btn.-full {
  width: 100%; }

.condition {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  background-image: linear-gradient(to top, #f8fafc 0%, #fffffe 100%);
  border-top: 1px solid #f1f1f1;
  transition: background ease-in 0.3s; }
  .condition:hover, .condition:active, .condition:focus {
    background: none;
    transition: background ease-in 0.3s; }

.condition__header {
  position: relative;
  padding: 1em 0;
  cursor: pointer; }
  .condition__header h2 {
    margin: 0; }
  .condition__header:hover .condition__image img, .condition__header:active .condition__image img, .condition__header:focus .condition__image img {
    filter: grayscale(1); }

.condition__image {
  position: relative;
  display: inline-block;
  margin-bottom: 1em; }
  .condition__image img {
    border-radius: 50%;
    transition: all 0.5s;
    filter: grayscale(0); }

.condition__close {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  opacity: 0;
  transition: .3s ease-in .3s; }
  .is-open .condition__close {
    opacity: 1;
    transition: .3s ease-in; }

.condition__body {
  overflow: hidden;
  height: 0;
  transition-timing-function: ease-out;
  transition-duration: 0.5s;
  transition-property: height; }
  .condition__body img {
    margin-top: 1em; }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-10px); }
  60% {
    transform: translateY(-5px); } }

.footer {
  padding: 3.84615em 0;
  background-color: #1d3f5b; }

.footer__copy {
  color: #b3c2ce;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase; }
  @media (min-width: 80em) {
    .footer__copy {
      font-size: 22px; } }

.footer-nav {
  margin-bottom: 2em; }
  @media (max-width: 79.99em) {
    .footer-nav {
      column-gap: 20px;
      column-count: 3; } }
  @media (max-width: 61.99em) {
    .footer-nav {
      column-count: 2; } }
  @media (min-width: 80em) {
    .footer-nav {
      display: flex; } }

.footer-nav__col {
  margin-bottom: 2em;
  break-inside: avoid; }
  @media (min-width: 80em) {
    .footer-nav__col {
      padding-right: 120px; }
      .footer-nav__col:last-child {
        padding-right: 0; } }

.footer-nav__title {
  margin: 0 0 1.5rem;
  color: #537795;
  font-weight: 500;
  text-transform: uppercase; }
  .footer-nav__title:not(:first-child) {
    margin-top: 2.5em; }

.footer-nav li {
  margin-bottom: .9em;
  line-height: 1.1; }

.footer-nav a {
  color: #b3c2ce;
  font-size: 17px; }
  @media (min-width: 39em) {
    .footer-nav a {
      font-size: 19px; } }
  @media (min-width: 80em) {
    .footer-nav a {
      font-size: 22px; } }
  .footer-nav a:hover, .footer-nav a:active, .footer-nav a:focus {
    color: #dceaf5;
    background-color: #4a657c; }

.footer-logos {
  display: flex;
  overflow: hidden;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin-right: -10px;
  margin-bottom: 2em;
  margin-left: -10px; }
  @media (min-width: 80em) {
    .footer-logos {
      flex-wrap: nowrap;
      justify-content: space-between; } }
  .footer-logos a {
    align-self: flex-top;
    max-width: 72px;
    margin: 0 10px 10px; }
    @media (min-width: 80em) {
      .footer-logos a {
        align-self: flex-end;
        margin: 0 0 10px;
        max-width: 200px; } }

.form-group {
  margin-bottom: 10px; }
  .form-group.-h {
    margin: 0;
    overflow: hidden;
    height: 0; }

.form-control {
  width: 100%;
  padding: 4px .5em;
  color: #515151;
  font-weight: 300;
  line-height: 1.25;
  background-color: #fffbf2;
  border: 2px solid #f0f1f1;
  border-radius: 5px; }
  @media (min-width: 80em) {
    .form-control {
      font-size: 24px; } }
  .form-control::placeholder {
    color: #63747c;
    font-style: italic; }
  .form-control:focus {
    color: #fff;
    background-color: #767676; }
    .form-control:focus::placeholder {
      color: #fff; }
  .has-error .form-control {
    border-color: #f5463b !important; }

.form-error {
  display: block;
  margin-top: 5px;
  color: #f5463b;
  font-size: 0.61538em; }

.g-recaptcha > div {
  margin: 0 auto; }

.g-recaptcha {
  margin-bottom: 10px; }
  @media (min-width: 80em) {
    .g-recaptcha {
      margin-top: 17px;
      margin-bottom: 15px;
      transform: scale(1.165); } }
  @media (max-width: 79.99em) {
    .g-recaptcha {
      margin-bottom: 0;
      transform: scale(0.865);
      transform-origin: 0 0; } }
  @media (max-width: 47.99em) {
    .g-recaptcha {
      transform: scale(0.91); } }
  @media (max-width: 360px) {
    .g-recaptcha {
      margin-bottom: 10px;
      transform: scale(0.99); } }
  @media (max-width: 359px) {
    .g-recaptcha {
      margin-bottom: 0;
      transform: scale(0.855); } }

@media (max-width: 479px) {
  #rc-imageselect {
    transform: scale(0.77);
    transform-origin: 0 0; } }

.gmap {
  position: relative;
  overflow: hidden;
  max-height: 570px; }

.gmap__ratio {
  position: relative;
  height: 0;
  padding-bottom: 40%; }
  @media (max-width: 38.99em) {
    .gmap__ratio {
      padding-bottom: 100%; } }

.gmap__gmap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #c6c6c6; }
  .gmap__gmap > div:not(.gmap__poster) {
    position: relative;
    z-index: 999; }

.gmap__poster {
  background-color: #c6c6c6;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  height: 100%;
  text-align: center;
  flex-direction: column; }

.header {
  padding: 30px 0;
  background-color: #1d3f5b; }
  @media (min-width: 80em) {
    .header {
      padding: 40px 0; } }

@media (min-width: 39em) {
  .header .container__inner {
    display: flex;
    align-items: center; } }

.logo {
  display: block;
  text-indent: -9999px; }
  @media (max-width: 38.99em) {
    .logo {
      width: 120px;
      height: 60px;
      margin-right: auto;
      margin-bottom: 20px;
      margin-left: auto;
      text-align: center;
      background-image: url("../img/logo-mobile.png"); } }
  @media (min-width: 39em) {
    .logo {
      width: 136px;
      height: 200px;
      margin-right: 1.92308em;
      background: url("../img/logo-desktop.png") 50% 50% no-repeat;
      background-size: 100%; } }
  @media (min-width: 80em) {
    .logo {
      width: 170px;
      height: 250px;
      margin-right: 2.30769em; } }

@media (max-width: 38.99em) {
  .social-links {
    display: none; } }

@media (min-width: 39em) {
  .social-links {
    position: absolute;
    top: 0;
    right: 0; }
    .social-links a {
      margin-left: 1em;
      color: #99aec0;
      font-size: 0.92308em; }
      .social-links a:hover, .social-links a:active, .social-links a:focus {
        opacity: .7; } }

@media (max-width: 38.99em) {
  .sharon {
    text-align: center; } }

@media (min-width: 39em) {
  .sharon {
    display: flex;
    flex-grow: 1;
    align-items: center; } }

.sharon__img {
  width: 150px;
  border-radius: 50%; }
  @media (max-width: 38.99em) {
    .sharon__img {
      margin-bottom: 20px; } }
  @media (min-width: 39em) {
    .sharon__img {
      width: 180px; } }
  @media (min-width: 80em) {
    .sharon__img {
      width: 200px; } }

@media (max-width: 38.99em) {
  .sub .sharon__img {
    display: none; } }

.sharon__body {
  flex-grow: 1;
  color: #fff;
  font-size: 20px;
  font-weight: 300; }
  @media (min-width: 39em) {
    .sharon__body {
      margin-top: 20px;
      margin-left: 20px;
      text-align: right; } }
  @media (min-width: 48em) {
    .sharon__body {
      font-size: 23px; } }
  @media (min-width: 80em) {
    .sharon__body {
      margin: 0;
      margin-left: 50px;
      font-size: 36px;
      text-align: left; } }

@media (max-width: 38.99em) {
  .sharon__name {
    display: none; } }

.sharon__occupation {
  margin-bottom: .25em;
  color: #b8ccdd; }
  @media (max-width: 38.99em) {
    .sharon__occupation span {
      display: none; } }

.sharon__phone {
  display: block; }
  @media (min-width: 80em) {
    .sharon__phone {
      font-size: 24px; } }

.hero {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 280px; }
  @media (min-width: 80em) {
    .hero {
      height: 570px; } }

.hero__body {
  color: #fff;
  text-align: center; }
  @media (min-width: 39em) {
    .hero__body {
      text-align: left; } }
  .hero__body .t1 {
    margin-top: 0; }

.hero__txt {
  margin: 0 0 0.4em;
  color: #ffebc0;
  font-weight: 500;
  text-transform: uppercase; }
  @media (min-width: 48em) {
    .hero__txt {
      font-size: 19px; } }
  @media (min-width: 80em) {
    .hero__txt {
      font-size: 30px; } }

.hero-container {
  background-repeat: no-repeat;
  background-size: cover; }

.hero-container.-home {
  background-image: url("../img/heros/home-800.jpg"); }
  @media (min-width: 800px) {
    .hero-container.-home {
      background-image: url("../img/heros/home-1920.jpg"); } }

.hero-container.-consultations {
  background-image: url("../img/heros/consultations-1920.jpg"); }
  .hero-container.-consultations .hero__txt {
    color: #eaf1f6; }

.hero-container.-covid19 {
  background-image: url("../img/heros/covid19-1920.jpg"); }
.hero-container.-covid19 .hero__txt {
  color: #eaf1f6; }

.hero-container.-audiodownloads {
  background-image: url("../img/heros/audio-downloads-1920.jpg"); }
.hero-container.-covid19 .hero__txt {
  color: #eaf1f6; }


.hero-container.-supervision {
  background-image: url("../img/heros/supervision-1920.jpg"); }
  .hero-container.-supervision .hero__txt {
    color: #eaf1f6; }

.hero-container.-training {
  background-image: url("../img/heros/training-1920.jpg"); }
  .hero-container.-training .hero__txt {
    color: #eaf1f6; }

.hero-container.-conditions {
  background-image: url("../img/heros/conditions-1920.jpg"); }
  .hero-container.-conditions .hero__txt {
    color: #fff7e6; }

.hero-container.-models {
  background-image: url("../img/heros/models-1920.jpg"); }
  .hero-container.-models .hero__txt {
    color: #d2e7bd; }

.hero-container.-hypnotherapy {
  background-image: url("../img/heros/hypnotherapy-2620.jpg"); }
  @media (max-width: 959px) {
    .hero-container.-hypnotherapy {
      background-image: url("../img/heros/hypnotherapy-960.jpg"); } }
  @media (max-width: 1279px) {
    .hero-container.-hypnotherapy {
      background-image: url("../img/heros/hypnotherapy-1280.jpg"); } }
  @media (max-width: 1599px) {
    .hero-container.-hypnotherapy {
      background-image: url("../img/heros/hypnotherapy-1600.jpg"); } }
  @media (max-width: 1919px) {
    .hero-container.-hypnotherapy {
      background-image: url("../img/heros/hypnotherapy-1920.jpg"); } }

.hero-container.-how-hypnotherapy-works {
  background-image: url("../img/heros/how-hypnotherapy-works-1920.jpg"); }
  .hero-container.-how-hypnotherapy-works .hero__txt {
    color: #f1ddcc; }

.hero-container.-about {
  background-image: url("../img/heros/about-1920.jpg"); }
  .hero-container.-about .hero__txt {
    color: #fef7e7; }

.hero-container.-quiz {
  background-image: url("../img/heros/quiz-1920.jpg"); }
  .hero-container.-quiz .hero__txt {
    color: #e3bbd3; }

.hero-container.-blog {
  background-image: url("../img/heros/about-1920.jpg"); }
  .hero-container.-blog .hero__txt {
    color: #f6efe6; }

.admin-loggedin {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
  font-weight: 600; }

.admin-loggedin-top {
  position: relative;
  z-index: 2;
  background: #ffd800;
  text-align: center;
  color: #000;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  font-size: 16px; }
  .admin-loggedin-top > a {
    display: inline-block;
    padding: .75em 1em; }

.admin-loggedin-help {
  width: 100%;
  background: #e67420;
  text-align: center;
  color: #fff;
  font-weight: 600;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  padding: .75em 1em;
  font-size: 16px;
  overflow: hidden; }
  .admin-loggedin-help button {
    color: #fff; }
    .admin-loggedin-help button::after {
      font-family: FontAwesome;
      content: '\f077';
      display: inline-block;
      vertical-align: top;
      margin-left: 1ex; }
    .admin-loggedin-help button.collapsed::after {
      content: '\f078'; }
  .admin-loggedin-help p {
    font-size: 1em;
    padding: 1em;
    margin: 0; }

.launchers {
  display: flex;
  flex-wrap: wrap; }

.launcher {
  width: 100%;
  margin-right: auto;
  margin-bottom: 1.5rem;
  margin-left: auto;
  text-align: center; }
  @media (min-width: 39em) {
    .launcher {
      width: 50%; } }
  @media (min-width: 48em) {
    .launcher {
      width: 33.33333%; } }
  @media (min-width: 62em) {
    .launcher {
      width: 25%; } }

.launcher__link {
  display: inline-block; }
  .launcher__link:hover .launcher__btn, .launcher__link:active .launcher__btn, .launcher__link:focus .launcher__btn {
    color: #fff;
    background-color: #7fb85c; }

.launcher__img {
  display: block;
  width: 150px;
  margin-right: auto;
  margin-bottom: .6em;
  margin-left: auto;
  border-radius: 50%; }
  @media (min-width: 80em) {
    .launcher__img {
      width: 180px; } }

.launcher__btn {
  display: inline-block;
  padding: 0 0.76923em;
  color: #306a9a;
  font-weight: 500;
  line-height: 1.92308em;
  white-space: nowrap;
  border-radius: 5px;
  transition: 0.33333s; }
  @media (min-width: 48em) {
    .launcher__btn {
      font-size: 18px; } }
  @media (min-width: 80em) {
    .launcher__btn {
      font-size: 22px; } }

@media (min-width: 80em) {
  .l-book-consultation {
    display: flex; }
    .l-book-consultation > :first-child {
      margin-right: 1.92308em; } }

@media (max-width: 38.99em) {
  .l-book-consultation h2 {
    text-align: center; } }

@media (min-width: 39em) {
  .l-book-consultation__body {
    margin-bottom: 1.5rem; } }

@media (max-width: 360px) {
  .l-book-consultation__form {
    margin-right: -20px;
    margin-left: -20px; } }

ul.list {
  padding: 0;
  font-weight: 300;
  list-style: none; }
  ul.list li {
    position: relative;
    margin-bottom: .83em;
    padding-left: 1.30769em; }
    ul.list li::before {
      content: '';
      position: absolute;
      top: .3em;
      left: 5px;
      width: 0.61538em;
      height: 0.61538em;
      background-color: #607d94;
      border-radius: 50%; }

ol.list {
  padding: 0;
  font-weight: 300; }
  ol.list li {
    margin-bottom: .83em;
    margin-left: 3em; }

.loader,
.loader:before,
.loader:after {
  background: #ffffff;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em; }

.loader {
  color: #ffffff;
  text-indent: -9999em;
  margin: 30px auto;
  position: relative;
  font-size: 11px;
  transform: translateZ(0);
  animation-delay: -0.16s; }

.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: ''; }

.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.loader:after {
  left: 1.5em; }

@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em; }
  40% {
    box-shadow: 0 -2em;
    height: 5em; } }

@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em; }
  40% {
    box-shadow: 0 -2em;
    height: 5em; } }

.model__name {
  display: flex;
  margin-top: 2em;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  margin-bottom: .5em;
  color: #fff;
  font-size: 1.07692em;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
  background-color: #069bd6;
  border-radius: 50%; }

.nav-mobile {
  position: absolute;
  top: 0;
  right: 0;
  overflow-y: scroll;
  /* has to be scroll, not auto */
  width: 320px;
  height: 100vh;
  color: #fff;
  font-size: 16px;
  background: #173045;
  -webkit-overflow-scrolling: touch;
  opacity: 0;
  pointer-events: none; }
  .nav-mobile.is-active {
    opacity: 1;
    pointer-events: all; }

.nav-mobile__inner {
  position: relative;
  padding-top: 2.25em;
  padding-bottom: 5em; }
  .nav-mobile__inner::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    box-shadow: inset 21px 0 21px -21px rgba(0, 0, 0, 0.73);
    pointer-events: none; }

.nav-mobile a {
  display: block;
  width: 100%;
  padding: 0 30px;
  color: #99aec0;
  font-size: 20px;
  font-weight: 300;
  line-height: 2;
  text-align: left;
  text-transform: none; }
  .nav-mobile a:hover, .nav-mobile a:active, .nav-mobile a:focus {
    color: #fff;
    background-color: #1d3f5b; }

.nav-mobile__title {
  margin-top: 2em;
  padding: 0 30px;
  color: #99aec0;
  font-size: 20px;
  font-weight: 500;
  line-height: 2;
  text-transform: uppercase; }

.wrapper {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  transition: transform 0.3s;
  transform: translateX(0); }
  .wrapper.is-pushed-right {
    position: fixed;
    transform: translateX(-320px); }

.nav-wrap {
  position: relative;
  z-index: 999999;
  background-color: #173046; }
  .nav-wrap::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 40px;
    background-color: #2e5473; }
    @media (min-width: 80em) {
      .nav-wrap::after {
        height: 50px; } }

.nav {
  position: relative;
  display: none;
  justify-content: space-between; }
  @media (max-width: 650px) {
    .nav {
      justify-content: space-around; } }
  @media (min-width: 39em) {
    .nav {
      display: flex;
      flex-wrap: wrap;
      padding-right: 30px; } }
  @media (min-width: 62em) {
    .nav {
      padding-right: 30px; } }

.nav__section {
  position: relative; }
  .nav__section:hover, .nav__section:active, .nav__section:focus {
    background-color: #1d3f5b; }
    .nav__section:hover::before, .nav__section:active::before, .nav__section:focus::before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      width: 100%;
      min-width: 130px;
      height: 100%;
      background-color: #1d3f5b; }
      @media (max-width: 79.99em) {
        .nav__section:hover::before, .nav__section:active::before, .nav__section:focus::before {
          left: -15px; } }
    .nav__section:hover .nav__title, .nav__section:active .nav__title, .nav__section:focus .nav__title {
      color: #00acee; }
    .nav__section:hover .nav__list, .nav__section:active .nav__list, .nav__section:focus .nav__list {
      display: block;
      background-color: #1d3f5b; }
  .nav__section.is-active {
    background-color: #1d3f5b; }
  .nav__section.-icon {
    position: absolute;
    top: 0;
    right: 0; }
    @media (min-width: 1031px) {
      .nav__section.-icon {
        display: none; } }
  @media (max-width: 1030px) {
    .nav__section:nth-child(6) {
      display: none; } }
  @media (max-width: 940px) {
    .nav__section:nth-child(5) {
      display: none; } }
  @media (max-width: 840px) {
    .nav__section:nth-child(4) {
      display: none; } }
  @media (max-width: 650px) {
    .nav__section:nth-child(3) {
      display: none; } }
  .nav__section:last-child.is-active::before {
    right: -215px; }

.nav__title {
  position: relative;
  z-index: 9;
  display: block;
  margin-right: 40px;
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  text-transform: uppercase;
  background-color: #2d5473;
  transition: 0.33333s;
  cursor: pointer; }
  @media (min-width: 80em) {
    .nav__title {
      margin-right: 0;
      padding: 0 15px;
      font-size: 22px;
      line-height: 50px; } }
  .nav__title:hover, .nav__title:active, .nav__title:focus {
    color: #00acee; }

.nav__list {
  position: absolute;
  top: 40px;
  left: -15px;
  min-width: 100%;
  display: none; }
  @media (min-width: 80em) {
    .nav__list {
      top: 50px;
      left: 0; } }

.nav__link {
  display: block;
  padding: 10px 15px;
  color: #99aec0;
  font-size: 22px; }
  .nav__link:hover, .nav__link:active, .nav__link:focus {
    color: #fff;
    background-color: #4a657c; }

.hamburger {
  position: relative;
  z-index: 10;
  display: block;
  height: 40px;
  margin-right: auto;
  margin-left: auto;
  line-height: 42px; }
  .hamburger.is-active {
    position: fixed;
    top: 10px;
    right: -280px; }
  @media (min-width: 48em) {
    .hamburger {
      margin-top: -1px;
      line-height: 40px; } }
  @media (min-width: 80em) {
    .hamburger {
      display: none; } }

.post {
  padding-top: 4em;
  padding-bottom: 4em;
  background: #eae5e4 linear-gradient(to bottom, white 0%, #f5f1f0 100%); }

.post__image {
  margin: 0;
  margin-bottom: 2em; }
  .post__image figcaption {
    font-size: .65em;
    opacity: .75; }

.post__date {
  margin-bottom: 1em;
  color: #46657f;
  font-size: 0.84615em; }

.post__title {
  color: #1d3f5b; }

.post__body {
  margin-bottom: 1em; }

.post__share {
  margin-top: 2em; }
  .post__share > h4 {
    margin: 0 0 0.5em;
    color: #46657f;
    font-size: 0.92308em;
    font-weight: 600;
    text-transform: uppercase; }
  .post__share > a {
    margin-right: .1em;
    color: #46657f;
    font-size: 1.61538em; }
    .post__share > a:hover, .post__share > a:active, .post__share > a:focus {
      color: #8fae6d; }

.more-posts {
  padding: 2.4em 0;
  text-align: center;
  background: repeating-linear-gradient(-45deg, #e3f3ea, #e3f3ea 1.15385em, #e8f7ee 1.15385em, #e8f7ee 2.30769em); }

.question {
  margin-top: 3rem;
  margin-bottom: 3rem; }

.question__no {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.57143em;
  height: 3.57143em;
  margin-bottom: .5em;
  color: #fff;
  font-size: 1.07692em;
  font-weight: bold;
  background-color: #069bd6;
  border-radius: 50%; }

.question__range {
  display: flex;
  align-items: center; }

.rangeslider {
  max-width: 21.53846em;
  margin-right: 1.5em; }

output {
  width: 60px;
  height: 40px;
  color: #1d3f5b;
  font-size: 1em;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
  background-color: #e6e6e6; }

.section-btn {
  position: absolute;
  z-index: 999;
  bottom: -0.96154rem;
  left: 50%;
  display: inline-block;
  width: 1.92308rem;
  height: 1.92308rem;
  margin: 0 auto;
  margin-left: -0.96154rem;
  border-radius: 50%; }
  .section-btn::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    border-radius: 50%; }
  .section-btn::after {
    content: '';
    position: absolute;
    top: 7px;
    left: 50%;
    width: 0.96154rem;
    height: 0.96154rem;
    margin-left: -0.46154rem;
    border-top: 2px solid #a3a9ac;
    border-left: 2px solid #a3a9ac;
    transform: rotate(225deg); }

.section-btn--up {
  position: fixed;
  right: 1.5rem;
  bottom: 1.5rem;
  left: auto;
  margin: 0;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.4);
  opacity: 0;
  pointer-events: none; }
  .section-btn--up::after {
    top: 0.76923rem;
    transform: rotate(45deg); }
  .section-btn--up.is-active {
    opacity: 1;
    pointer-events: all; }
  .section-btn--up span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    display: block;
    font-size: 0.46154rem;
    text-align: center;
    white-space: nowrap;
    opacity: 0;
    transition: 0.3s; }
  .section-btn--up:hover span {
    opacity: 1;
    transform: translate(-50%, -2.8rem); }

.section {
  padding-top: 36px;
  padding-bottom: 40px; }
  @media (min-width: 80em) {
    .section {
      padding-top: 90px;
      padding-bottom: 100px; } }

.section.-white {
  color: #46657f;
  background-color: #fff; }

.section.-blue {
  color: #fffffe;
  background-color: #476984; }

.section.-sky {
  color: #fffffe;
  background-image: url("../img/sections/sky-bkg-1920.jpg");
  background-size: cover; }

.sharon-info {
  margin-bottom: 1.5rem;
  color: #9bbad5;
  text-align: center; }
  @media (min-width: 39em) {
    .sharon-info {
      display: flex;
      align-items: center;
      margin-bottom: 2.30769em;
      text-align: left; } }

.sharon-info__img {
  width: 150px;
  border-radius: 50%; }
  @media (max-width: 38.99em) {
    .sharon-info__img {
      margin-bottom: 1.5rem; } }
  @media (min-width: 39em) {
    .sharon-info__img {
      align-self: flex-start;
      margin-right: 1.15385em; } }

.sharon-info__phone {
  font-weight: bold; }
  @media (min-width: 39em) {
    .sharon-info__phone {
      font-size: 17px; } }

.sharon-info__icons a {
  display: inline-block;
  margin: .1em .45em;
  font-size: 24px; }
  @media (min-width: 39em) {
    .sharon-info__icons a {
      margin-right: .9em;
      margin-left: 0; } }

.sharon-info__name {
  font-size: 19px;
  font-weight: 500; }

.sharon-info__degrees {
  display: block;
  font-size: 14px;
  font-weight: 500; }

.sharon-info-white {
  margin-top: 100px;
  margin-bottom: 1.5rem; }

.sharon-info-white__img {
  width: 150px;
  margin-bottom: 1.5rem;
  border-radius: 50%; }
  @media (min-width: 39em) {
    .sharon-info-white__img {
      width: auto; } }

.sharon-info-white__name {
  margin-top: .75em;
  font-weight: 500; }
  @media (min-width: 39em) {
    .sharon-info-white__name {
      font-size: 24px; } }

.sharon-info-white__degrees {
  font-size: 0.79167em; }

.sharon-info-white__phone {
  font-weight: bold; }
  @media (min-width: 39em) {
    .sharon-info-white__phone {
      font-size: 24px; } }

.sharon-info-white__icons a {
  display: inline-block;
  margin: .2em .5em 0 0;
  font-size: 1.61538em; }

.table {
  width: 100%; }
  .table th {
    padding: 8px 10px;
    color: #fff;
    font-size: 1em;
    line-height: 1.15385em;
    text-align: left;
    text-transform: uppercase;
    background-color: #1d3f5b; }
  .table td {
    padding: 8px 10px;
    color: #1d3f5b;
    font-size: 1em;
    font-weight: 300;
    line-height: 1.15385em;
    text-align: left;
    background-color: #e2eaf1; }
  .table tr:nth-child(even) td {
    background-color: #f2f6f8; }

.testimonials {
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  background-color: #fbfbfb;
  margin: 50px 0; }

.testimonial {
  margin: 50px 0; }

.testimonial q {
  position: relative;
  color: #1d3f5b;
  font-weight: 300;
  font-style: italic;
  line-height: 1.30769;
  padding-left: 20px;
  margin-bottom: .5em; }
  .testimonial q::before, .testimonial q::after {
    color: #1d3f5b;
    font-size: 2.30769rem;
    font-weight: 300;
    line-height: .2; }
  .testimonial q::before {
    content: '“';
    margin-right: .2em;
    position: absolute;
    top: .4em;
    left: -.2em; }
  .testimonial q::after {
    content: '”';
    position: relative;
    top: .4em; }

.testimonial span {
  color: #46657f;
  font-style: italic;
  font-size: 1.30769rem; }

@media (min-width: 62em) {
  .feedback {
    display: grid;
    grid-column-gap: 60px;
    grid-template-columns: 1fr; } }

.feedback .btn {
  max-width: 350px; }

.feedback__text {
  margin-bottom: 60px; }

@media (max-width: 379px) {
  .feedback__form {
    margin-left: -20px;
    margin-right: -20px; } }

.text {
  line-height: 1.30769; }
  .text::after {
    content: '';
    display: block;
    clear: both; }
  .text h1 {
    font-size: 1.76471em;
    margin-bottom: .55em; }
    @media all and (min-width: 39em) {
      .text h1 {
        font-size: 1.57895em; } }
    @media all and (min-width: 48em) {
      .text h1 {
        font-size: 1.47826em; } }
    @media all and (min-width: 80em) {
      .text h1 {
        font-size: 2.15385em; } }
  .text h2 {
    font-size: 1.52941em; }
    @media all and (min-width: 39em) {
      .text h2 {
        font-size: 1.36842em; } }
    @media all and (min-width: 48em) {
      .text h2 {
        font-size: 1.21739em; } }
    @media all and (min-width: 80em) {
      .text h2 {
        font-size: 1.53846em; } }
    .text h2:not(:first-child) {
      margin-top: 2.25rem; }
  .text h3 {
    font-size: 1.17647em; }
    @media all and (min-width: 39em) {
      .text h3 {
        font-size: 1.15789em; } }
    @media all and (min-width: 48em) {
      .text h3 {
        font-size: 1.13043em; } }
    @media all and (min-width: 80em) {
      .text h3 {
        font-size: 1.30769em; } }
    .text h3:not(:first-child) {
      margin-top: 2.25rem; }
  .text ul {
    padding: 0;
    font-weight: 300;
    list-style: none; }
    .text ul li {
      position: relative;
      margin-bottom: .83em;
      padding-left: 1.30769em; }
      .text ul li::before {
        content: '';
        position: absolute;
        top: .3em;
        left: 5px;
        width: 0.61538em;
        height: 0.61538em;
        background-color: #607d94;
        border-radius: 50%; }
  .text ol {
    padding: 0;
    font-weight: 300; }
    .text ol li {
      margin-bottom: .83em;
      margin-left: 3em; }
  .text table {
    width: 100%; }
    .text table th {
      padding: 8px 10px;
      color: #fff;
      font-size: 1em;
      line-height: 1.15385em;
      text-align: left;
      text-transform: uppercase;
      background-color: #1d3f5b; }
    .text table td {
      padding: 8px 10px;
      color: #1d3f5b;
      font-size: 1em;
      font-weight: 300;
      line-height: 1.15385em;
      text-align: left;
      background-color: #e2eaf1; }
    .text table tr:nth-child(even) td {
      background-color: #f2f6f8; }

.text--old {
  line-height: 1.30769; }
  .text--old::after {
    content: '';
    display: block;
    clear: both; }
  .text--old h1 {
    font-size: 1.52941em;
    margin-bottom: 1rem; }
    @media all and (min-width: 39em) {
      .text--old h1 {
        font-size: 1.36842em; } }
    @media all and (min-width: 48em) {
      .text--old h1 {
        font-size: 1.21739em; } }
    @media all and (min-width: 80em) {
      .text--old h1 {
        font-size: 1.53846em; } }
  .text--old h2 {
    font-size: 1.17647em;
    margin-bottom: .5rem; }
    @media all and (min-width: 39em) {
      .text--old h2 {
        font-size: 1.15789em; } }
    @media all and (min-width: 48em) {
      .text--old h2 {
        font-size: 1.13043em; } }
    @media all and (min-width: 80em) {
      .text--old h2 {
        font-size: 1.30769em; } }
    .text--old h2:not(:first-child) {
      margin-top: 1rem; }
  .text--old h3 {
    font-size: 1.05882em;
    margin-bottom: .5rem;
    font-weight: 600; }
    @media all and (min-width: 39em) {
      .text--old h3 {
        font-size: 1.05263em; } }
    @media all and (min-width: 48em) {
      .text--old h3 {
        font-size: 1.04348em; } }
    @media all and (min-width: 80em) {
      .text--old h3 {
        font-size: 1.07692em; } }
    .text--old h3:not(:first-child) {
      margin-top: 1rem; }
  .text--old ul {
    padding: 0;
    font-weight: 300;
    list-style: none; }
    .text--old ul li {
      position: relative;
      margin-bottom: .83em;
      padding-left: 1.30769em; }
      .text--old ul li::before {
        content: '';
        position: absolute;
        top: .3em;
        left: 5px;
        width: 0.61538em;
        height: 0.61538em;
        background-color: #607d94;
        border-radius: 50%; }
  .text--old ol {
    padding: 0;
    font-weight: 300; }
    .text--old ol li {
      margin-bottom: .83em;
      margin-left: 3em; }
  .text--old table {
    width: 100%; }
    .text--old table th {
      padding: 8px 10px;
      color: #fff;
      font-size: 1em;
      line-height: 1.15385em;
      text-align: left;
      text-transform: uppercase;
      background-color: #1d3f5b; }
    .text--old table td {
      padding: 8px 10px;
      color: #1d3f5b;
      font-size: 1em;
      font-weight: 300;
      line-height: 1.15385em;
      text-align: left;
      background-color: #e2eaf1; }
    .text--old table tr:nth-child(even) td {
      background-color: #f2f6f8; }

.text--blog {
  line-height: 1.30769;
  color: #1d3f5b; }
  .text--blog h1, .text--blog h2, .text--blog h3 {
    color: #46657f; }
  .text--blog h1 {
    font-size: 1.52941em;
    margin-bottom: 1rem; }
    @media all and (min-width: 39em) {
      .text--blog h1 {
        font-size: 1.36842em; } }
    @media all and (min-width: 48em) {
      .text--blog h1 {
        font-size: 1.21739em; } }
    @media all and (min-width: 80em) {
      .text--blog h1 {
        font-size: 1.53846em; } }
  .text--blog h2 {
    font-size: 1.17647em;
    margin-bottom: .5rem; }
    @media all and (min-width: 39em) {
      .text--blog h2 {
        font-size: 1.15789em; } }
    @media all and (min-width: 48em) {
      .text--blog h2 {
        font-size: 1.13043em; } }
    @media all and (min-width: 80em) {
      .text--blog h2 {
        font-size: 1.30769em; } }
    .text--blog h2:not(:first-child) {
      margin-top: 1rem; }
  .text--blog h3 {
    font-size: 1.05882em;
    margin-bottom: .5rem;
    font-weight: 600; }
    @media all and (min-width: 39em) {
      .text--blog h3 {
        font-size: 1.05263em; } }
    @media all and (min-width: 48em) {
      .text--blog h3 {
        font-size: 1.04348em; } }
    @media all and (min-width: 80em) {
      .text--blog h3 {
        font-size: 1.07692em; } }
    .text--blog h3:not(:first-child) {
      margin-top: 1rem; }
  .text--blog ul {
    padding: 0;
    font-weight: 300;
    list-style: none; }
    .text--blog ul li {
      position: relative;
      margin-bottom: .83em;
      padding-left: 1.30769em; }
      .text--blog ul li::before {
        content: '';
        position: absolute;
        top: .3em;
        left: 5px;
        width: 0.61538em;
        height: 0.61538em;
        background-color: #607d94;
        border-radius: 50%; }
  .text--blog ol {
    padding: 0;
    font-weight: 300; }
    .text--blog ol li {
      margin-bottom: .83em;
      margin-left: 3em; }
  .text--blog table {
    width: 100%; }
    .text--blog table th {
      padding: 8px 10px;
      color: #fff;
      font-size: 1em;
      line-height: 1.15385em;
      text-align: left;
      text-transform: uppercase;
      background-color: #1d3f5b; }
    .text--blog table td {
      padding: 8px 10px;
      color: #1d3f5b;
      font-size: 1em;
      font-weight: 300;
      line-height: 1.15385em;
      text-align: left;
      background-color: #e2eaf1; }
    .text--blog table tr:nth-child(even) td {
      background-color: #f2f6f8; }

.video-container {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  background-color: #1d3f5b; }
  @media (max-width: 38.99em) {
    .video-container .container {
      padding: 0; } }

.c-video {
  position: relative;
  overflow: hidden;
  height: 0;
  margin-bottom: 1.7rem;
  padding-top: 30px;
  padding-bottom: 56.25%; }
  .c-video iframe,
  .c-video object,
  .c-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.youtube-player {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding-bottom: 56.25%;
  /* 16:9 */
  background: #000;
  cursor: pointer; }

.youtube-player__thumb {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: auto;
  margin: auto; }

.youtube-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.youtube-player__button {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 150px;
  height: 105px;
  background: url("../img/youtube-play.png") 0 0 no-repeat;
  background-size: 100%;
  transform: translate(-50%, -50%); }

@media (min-width: 0) {
  .hidden-xs-up {
    display: none !important; } }

@media (max-width: 0) {
  .hidden-xs-down {
    display: none !important; } }

@media (min-width: 39em) {
  .hidden-sm-up {
    display: none !important; } }

@media (max-width: 38.99em) {
  .hidden-sm-down {
    display: none !important; } }

@media (min-width: 48em) {
  .hidden-md-up {
    display: none !important; } }

@media (max-width: 47.99em) {
  .hidden-md-down {
    display: none !important; } }

@media (min-width: 62em) {
  .hidden-lg-up {
    display: none !important; } }

@media (max-width: 61.99em) {
  .hidden-lg-down {
    display: none !important; } }

@media (min-width: 80em) {
  .hidden-xl-up {
    display: none !important; } }

@media (max-width: 79.99em) {
  .hidden-xl-down {
    display: none !important; } }

.show {
  display: block !important; }

.hidden {
  display: none !important; }

.invisible {
  visibility: hidden; }

.hide-text {
  overflow: hidden;
  padding: 0;
  text-indent: 101%;
  white-space: nowrap; }

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

/**
 * Image placement variations.
 */
.img-right {
  float: right;
  margin-left: 1em;
  margin-bottom: 1.5rem; }
  @media (max-width: 639px) {
    .img-right {
      float: none;
      margin-left: 0; } }

.img-left {
  float: left;
  margin-right: 1em;
  margin-bottom: 1.5rem; }
  @media (max-width: 639px) {
    .img-left {
      float: none;
      margin-right: 0; } }

.img-center {
  display: block;
  margin-right: auto;
  margin-bottom: 1.5rem;
  margin-left: auto; }

.img-rounded {
  border-radius: 50%; }

/**
 * Text alignment
 */
.u-text-center {
  text-align: center !important; }

.u-text-left {
  text-align: left !important; }

.u-text-right {
  text-align: right !important; }

/**
 * Helper class to truncate and add ellipsis to a string too long for it to fit
 * on a single line.
 * 1. Prevent content from wrapping, forcing it on a single line.
 * 2. Add ellipsis at the end of the line.
 */
.u-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  /* 2 */
  white-space: nowrap;
  /* 1 */ }

.u-full-width {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw); }

.u-mb-1 {
  margin-bottom: 1.5rem; }

.u-mt-1 {
  margin-top: 1.5rem; }

.u-clear {
  clear: both;
  overflow: hidden;
  height: 0; }

.hero{
	position: relative;
}

.hero__img{
	position:absolute;
	right:0;
	bottom:0;
	height:280px;
}

.hero__body{
	position:relative;
	z-index:3;
}

@media (min-width: 80em) {

.hero__img{
	height:500px;
}

	}